.fx{--paper:#fff9f1;--ink:#533b31;--accent:#a84e35;--content-width:1240px}.fx figure{position:relative;overflow:hidden}.fx-hero{padding:48px 0 40px;background:#f0ddcd}.fx-cabinet{display:grid;grid-template-columns:1.4fr .45fr .9fr;grid-template-rows:435px 150px;gap:24px 40px;align-items:stretch}.fx-window{grid-column:1/3;grid-row:1/3}.fx-window img{object-position:45% center}.fx-window i,.fx-window b{position:absolute;display:block;inset:0;background:linear-gradient(90deg,transparent,#fff8ed70,transparent);transform:translateX(-100%);pointer-events:none;animation:fx-glass 7s ease-in-out both}.fx-window b{inset:0 0 0 70%;background:#d9745520;animation-delay:2s}.fx-cabinet header{grid-column:3;grid-row:1;padding:14px 50px 0 0}.fx-cabinet h1 span{font-size:41px;line-height:1.5;margin-top:12px}.fx-cabinet header>p:last-of-type{font-size:15px;margin-top:23px}.fx-edge{grid-column:3;grid-row:2;width:68%;justify-self:end;margin-right:30px!important}.fx-edge img{object-position:center}.fx-hero-note{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;margin-top:5px}.fx-hero-note p{font-size:12px}.fx-foundation{padding:90px 0 80px}.fx-intro{display:grid;grid-template-columns:1fr 1fr;gap:12px 70px;margin-bottom:45px}.fx-intro .eyebrow{grid-column:1/-1}.fx-intro>p:last-child{align-self:end;font-size:15px;max-width:450px}.fx-double{display:grid;grid-template-columns:1fr 1.25fr;gap:65px}.fx-identity figure{height:305px}.fx-identity>div{padding:28px 25px 0 0}.fx-identity p,.fx-viewer p{margin-top:17px}.fx-viewer{padding-top:60px}.fx-viewer>div{max-width:480px;padding-right:35px;margin-bottom:30px}.fx-viewer figure{height:360px;clip-path:inset(0)}.fx-foundation[data-seen=true] .fx-viewer figure{animation:fx-reveal 3s ease-out both}.fx-decisions{padding:70px 0;background:#b85c42;color:#fff8ed}.fx-decisions .bound{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px 65px;padding-right:65px}.fx-decisions header{grid-column:1;grid-row:1/3}.fx-decisions h2{font-size:31px}.fx-choice{display:flex;gap:9px;flex-wrap:wrap}.fx-choice button{font:inherit;color:inherit;background:transparent;border:1px solid #f9dfcc66;padding:10px 14px;cursor:pointer;font-size:14px;transition:background .3s,color .3s}.fx-choice button[aria-pressed=true]{background:#fff4e5;color:#853f2e}.fx-answer{border-left:3px solid #f8ddbd;padding-left:24px;max-width:570px}.fx-answer h3{font-size:23px}.fx-answer p{font-size:15px;margin-top:15px}.fx-account{padding:80px 0;background:#f8ede0}.fx-ledger{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.fx-ledger figure{height:280px}.fx-ledger header{padding-right:60px}.fx-ledger header>p:last-child{font-size:15px;margin-top:20px}.fx-pricing{margin-top:45px;border-top:1px solid #ad7d6055;padding:30px 65px 0 0}.fx-pricing>h3{font-size:22px;margin-bottom:15px}.fx-pricing .price-terms dl{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:25px 0}.fx-pricing .price-terms dl>div{display:block;border:0;border-left:1px solid #ac785c80;padding:12px 0 12px 25px;position:relative}.fx-pricing .price-terms dl>div:before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:2px;background:#ab5038;transform:scaleY(0);transform-origin:top}.fx-account[data-seen=true] .price-terms dl>div:before{animation:fx-column 2s ease-out both}.fx-account[data-seen=true] .price-terms dl>div:nth-child(2):before{animation-delay:.3s}.fx-account[data-seen=true] .price-terms dl>div:nth-child(3):before{animation-delay:.6s}.fx-pricing .price-terms dd{font-size:35px;margin-top:9px}.fx-pricing .price-terms>p:last-of-type{max-width:900px}.fx-final{padding:35px 65px 20px 0;display:grid;grid-template-columns:.7fr 1.3fr;gap:16px}.fx-final>p:first-child{grid-column:1;grid-row:1/3;font-size:13px}.fx-final>p:last-child{font-size:14px}.fx-final h3{font-size:27px}@keyframes fx-glass{0%,10%{transform:translateX(-100%)}70%,100%{transform:translateX(100%)}}@keyframes fx-reveal{from{clip-path:inset(0 20% 0 0)}to{clip-path:inset(0)}}@keyframes fx-column{to{transform:scaleY(1)}}@media(max-width:1000px){.fx-cabinet{grid-template-columns:1.2fr .2fr 1fr;gap:20px 30px;grid-template-rows:450px 120px}.fx-cabinet header{padding-right:45px}.fx-cabinet h1 span{font-size:36px}.fx-double{gap:35px}.fx-decisions .bound{gap:25px 35px}.fx-ledger{gap:35px}.fx-pricing .price-terms dd{font-size:29px}}@media(max-width:680px){.fx-hero{padding-top:30px}.fx-cabinet{display:grid;grid-template-columns:1fr .4fr;grid-template-rows:auto 290px auto;gap:22px 15px}.fx-cabinet header{grid-column:1/-1;grid-row:1;padding:0 55px 0 0}.fx-cabinet h1 span{font-size:31px;line-height:1.5}.fx-cabinet h1 span br:nth-child(2){display:none}.fx-cabinet header>p:last-of-type{margin-top:19px;font-size:14px}.fx-window{grid-column:1/-1;grid-row:2}.fx-window img{object-position:42% center}.fx-edge{grid-column:2;grid-row:3;width:100%;height:120px;margin:0!important}.fx-edge figcaption{font-size:9px;left:5px;right:5px}.fx-hero-note{grid-column:1;grid-row:3;display:block;margin:0;align-self:center}.fx-hero-note p{font-size:11px;margin-bottom:14px;max-width:180px}.fx-hero-note button{font-size:10px}.fx-foundation{padding:50px 0}.fx-intro{display:block;margin-bottom:30px;padding-right:40px}.fx-intro>p:last-child{margin-top:20px;font-size:14px}.fx-double{display:block}.fx-identity{display:grid;grid-template-columns:.33fr .67fr;gap:18px}.fx-identity figure{height:100%;min-height:300px}.fx-identity figure img{object-position:55% center}.fx-identity figcaption{left:4px;right:4px;padding:3px;font-size:9px}.fx-identity>div{padding:0 45px 0 0}.fx-identity h3,.fx-viewer h3{font-size:22px}.fx-identity p,.fx-viewer p{font-size:14px;margin-top:13px}.fx-viewer{padding-top:40px}.fx-viewer>div{padding-right:50px;margin-bottom:23px}.fx-viewer figure{height:240px}.fx-decisions{padding:45px 0}.fx-decisions .bound{display:block;padding-right:45px}.fx-decisions h2{font-size:26px}.fx-choice{margin:26px 0 23px;gap:8px}.fx-choice button{font-size:13px;padding:8px 10px}.fx-answer{padding-left:18px}.fx-answer h3{font-size:21px}.fx-answer p{font-size:14px}.fx-account{padding:48px 0}.fx-ledger{display:flex;flex-direction:column-reverse;gap:24px;align-items:stretch}.fx-ledger header{padding-right:50px}.fx-ledger figure{width:85%;height:200px}.fx-ledger header>p:last-child{font-size:14px}.fx-pricing{margin-top:28px;padding-right:55px}.fx-pricing>h3{font-size:21px}.fx-pricing .price-terms dl{display:block;margin:15px 0}.fx-pricing .price-terms dl>div{display:flex;margin:10px 0;padding:10px 0 10px 16px}.fx-pricing .price-terms dd{font-size:26px;margin:0}.fx-final{display:block;padding:20px 50px 10px 0}.fx-final h3{font-size:24px;margin:12px 0}.fx-final>p:last-child{font-size:14px}}

/* Keep decorative connection lines under the same pause and offscreen controls. */
.fx.motion-paused *::before,.fx.motion-paused *::after,.fx [data-live="false"] *::before,.fx [data-live="false"] *::after{animation-play-state:paused!important}

/* Phase 2: keep the package name together at narrow widths. */
@media(max-width:680px){.fx-pricing>h3 .fx-package-name{display:block;white-space:nowrap;margin-top:4px}}

/* Pause the section pseudo-element itself as well as descendants. */
.fx [data-live="false"]::before,.fx [data-live="false"]::after{animation-play-state:paused!important}