/* The hero is a small decision process, not a floating screenshot. */
.hero-rig{top:24%;right:5%;width:43%;height:auto;max-height:none;pointer-events:auto;perspective:1600px;z-index:4}
.hero-rig .rig-pointer,.hero-rig .rig-idle{height:auto}
.hero-rig .rig-idle{transform:rotate(-2deg)}
.hero-rig .sheet-back{inset:5px -14px 8px 12px;transform:rotate(3deg);padding:0;box-shadow:none;background:var(--blue)}
.hero-rig .sheet-back span{position:absolute;right:15px;top:10px;font:7px Consolas;letter-spacing:.12em}
.hero-rig .sheet-middle{inset:-7px 7px 4px -7px;transform:rotate(-1deg);background:#e6eaff;padding:0;box-shadow:none}
.decision-studio{--compare:0%;position:relative;border:1px solid #214df3;background:#f8f9f5;box-shadow:0 24px 55px #173a731b;overflow:hidden}
.studio-top{height:35px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;background:#f8f9f5;border-bottom:1px solid #214df321;font:8px Consolas;letter-spacing:.06em;color:var(--blue)}
.studio-top>span{display:flex;align-items:center;gap:7px}.studio-top i{width:5px;height:5px;border-radius:50%;background:var(--blue)}
#studio-play{font:10px Studio;display:flex;align-items:center;gap:5px;padding:7px;min-width:70px;justify-content:flex-end}
.studio-steps{display:grid;grid-template-columns:repeat(3,1fr);height:44px;background:#fff}
.studio-steps button{border-bottom:2px solid #dae0e6;text-align:center;font-size:12px;color:#697578;letter-spacing:-.025em;transition:background .3s,color .3s,border-color .3s}
.studio-steps button+button{border-left:1px solid #e2e6ef}.studio-steps b{font:9px Consolas;margin-right:8px;color:#839092}
.studio-steps button[aria-pressed=true]{background:#edf1ff;color:var(--blue);border-bottom-color:var(--blue)}
.studio-steps button[aria-pressed=true] b{color:var(--blue)}.studio-screen{height:clamp(210px,18.5vw,345px);position:relative;overflow:hidden;background:#e5e8e0;isolation:isolate}
.studio-wire{position:absolute;inset:0;padding:18px 24px;background:linear-gradient(90deg,#b0bcaf18 1px,transparent 1px),linear-gradient(#b0bcaf18 1px,transparent 1px),#e9ece5;background-size:22px 22px;color:#667267}
.wire-nav{height:22px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #aab6a75c;font:9px Consolas;letter-spacing:.08em}
.wire-nav b{margin-right:auto;font-weight:400}.wire-nav i{width:20px;height:3px;background:#b3bfb1}
.wire-layout{display:grid;grid-template-columns:1fr .9fr;gap:8%;padding:17px 0 10px;height:calc(100% - 45px)}
.wire-layout small{font:5px Consolas;letter-spacing:.08em}.wire-layout strong{font-size:clamp(23px,2.7vw,46px);font-weight:550;letter-spacing:-.07em;line-height:1.08;display:block;margin:8px 0}
.wire-layout p{font-size:8px;line-height:1.5}.wire-button{display:block;width:65px;height:14px;border:1px solid #9cac9b;margin-top:10px}
.wire-art{border:1px dashed #aab9a6;display:grid;place-items:center;position:relative;overflow:hidden}.wire-art:before,.wire-art:after{content:"";position:absolute;background:#a4b49d55;width:140%;height:1px;transform:rotate(36deg)}.wire-art:after{transform:rotate(-36deg)}
.wire-art span{font:32px Arial;color:#86977d}.wire-art i{position:absolute;width:70%;aspect-ratio:1;border:1px solid #9bad8b88;border-radius:50%}
.wire-bottom{display:flex;gap:15px}.wire-bottom i{height:7px;width:33.33%;background:#b8c5b361}
.studio-design{position:absolute;inset:0;clip-path:inset(0 100% 0 0);background:#1b1510;z-index:2}
.studio-design img{position:absolute;width:100%;height:auto;max-width:none;top:0;left:0;display:block}
.studio-design-b{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--compare)) 0 0);background:#1b1510}
.design-label{position:absolute;top:28px;font:8px Consolas;color:#fff;padding:6px 8px;background:#111a;opacity:0;transition:opacity .25s}
.label-b{left:12px}.label-a{right:12px}.decision-studio[data-phase="2"] .design-label{opacity:1}
.studio-scan{position:absolute;left:0;top:0;bottom:0;width:2px;background:#214df3;box-shadow:0 0 26px 16px #214df322;z-index:4;pointer-events:none}
.studio-scan span{position:absolute;left:6px;bottom:18px;font:6px Consolas;color:#214df3;writing-mode:vertical-rl;letter-spacing:.08em}
.analysis-mark{position:absolute;z-index:5;background:#214df3;color:white;font-size:9px;box-shadow:0 5px 12px #1530951a;padding:7px 10px;opacity:0;transform:translateY(10px);white-space:nowrap}
.analysis-mark i{font-style:normal;margin-right:8px}.mark-message{top:32%;left:7%}.mark-path{bottom:16%;right:8%}
.studio-delivered{position:absolute;right:18px;bottom:18px;z-index:6;padding:14px 40px 14px 15px;color:#143221;background:#d5fa86;transform:translateY(140%);box-shadow:0 5px 15px #0002}
.studio-delivered span{font:7px Consolas;letter-spacing:.1em;display:block}.studio-delivered b{font-size:18px;display:block;margin-top:3px;letter-spacing:-.05em}.studio-delivered i{position:absolute;right:14px;top:20px;font-style:normal;font-size:23px}
.studio-compare{position:absolute;inset:0;z-index:7}.studio-compare[hidden]{display:none}
.compare-handle{position:absolute;left:var(--compare);top:0;bottom:0;border-left:2px solid #d5fa86;pointer-events:none;transform:translateX(-1px)}
.compare-handle span{position:absolute;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;width:34px;height:34px;background:#d5fa86;color:#163222;font:19px Arial;box-shadow:0 2px 15px #0003}
#studio-compare-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;padding:0;cursor:ew-resize;touch-action:pan-y;min-height:0}
.studio-compare:focus-within{outline:3px solid #d5fa86;outline-offset:-5px}
.compare-hint{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-size:9px;white-space:nowrap;color:#fff;background:#12211abb;padding:6px 10px;pointer-events:none}
.studio-caption{padding:17px 18px 12px;display:flex;justify-content:space-between;align-items:center;gap:10px;height:87px}
#studio-kicker{font:7px Consolas;letter-spacing:.1em;color:var(--blue)}#studio-title{font-size:clamp(17px,1.55vw,27px);font-weight:650;letter-spacing:-.055em;line-height:1.3;margin:6px 0}
#studio-description{font-size:10px;color:#65716b;line-height:1.4}.studio-counter{font:31px Arial;letter-spacing:-.06em;color:#214df3}.studio-counter>span{font:9px Consolas;letter-spacing:0;margin-left:3px;color:#7c8780}
.studio-choices{display:grid;grid-template-columns:1fr;gap:8px;padding:0 18px 12px;height:95px}
.studio-choices[hidden]{display:grid;visibility:hidden;pointer-events:none}
.design-choices{display:flex;gap:7px}.design-choices button{display:flex;align-items:center;gap:8px;flex:1;border:1px solid #cbd3c6;text-align:left;height:32px;padding:5px 10px;font-size:10px}
.design-choices b{font:12px Consolas;color:var(--blue)}.design-choices i{font-style:normal;margin-left:auto}.design-choices button[aria-pressed=true]{border-color:var(--blue);background:#e5ecff;color:var(--blue)}
.studio-inquire{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--blue);color:#fff;padding:10px 12px;font-size:11px;min-height:35px}.studio-inquire i{font-style:normal;font-size:17px}
.studio-footer{display:flex;align-items:center;gap:15px;justify-content:space-between;padding:10px 18px;border-top:1px solid #d7dfd5;font-size:7px;color:#737e75}
.studio-free{font:600 17px Arial;color:var(--blue);white-space:nowrap}.studio-free i{font:7px Studio;font-style:normal;display:block;margin-top:2px}
.studio-progress{height:2px;background:#d9e1f8}.studio-progress i{display:block;height:100%;background:var(--blue);transform:scaleX(0);transform-origin:left}
.studio-margin-note{position:absolute;left:20px;right:0;bottom:-42px;display:flex;gap:12px;align-items:center;color:#375645}.studio-margin-note span{font:8px Consolas;letter-spacing:.12em}.studio-margin-note b{font-size:13px;font-weight:500;letter-spacing:-.04em}.studio-margin-note i{font-style:normal;font-size:24px}
.hero-cta{display:none}.hero h1{z-index:2}.studio-steps button:focus-visible,.design-choices button:focus-visible,.studio-inquire:focus-visible,#studio-play:focus-visible{outline:2px solid #143425;outline-offset:-4px}
@media(min-width:701px) and (max-height:820px){.hero-rig{top:24%}.studio-screen{height:clamp(180px,16vw,260px)}.studio-caption{height:78px;padding-top:10px}.studio-choices{height:84px;gap:5px}.studio-footer{padding-top:7px;padding-bottom:7px}.studio-margin-note{bottom:-34px}}
@media(min-width:701px) and (max-width:1100px){.hero-rig{width:46%;right:4%;top:27%}.hero h1{top:25%}.hero-caption p{font-size:19px}.studio-screen{height:205px}.studio-steps button{font-size:10px}.studio-steps b{margin-right:5px}.studio-footer>span:first-child{max-width:70%;line-height:1.5}.studio-margin-note b{font-size:11px}.studio-margin-note span{font-size:7px}.studio-caption{padding-left:12px;padding-right:12px}.studio-choices{padding-left:12px;padding-right:12px}}
@media(max-width:700px){
.hero{height:auto!important}.hero-stage{height:auto!important;min-height:0!important;position:relative!important;padding:145px var(--g) 28px;overflow:hidden}
.hero-offer-label{position:relative;top:auto;left:auto;font-size:13px;margin:0 0 25px}
.hero h1{position:relative;inset:auto;margin:0;z-index:2}.open-title{font-size:18vw;line-height:1.04}.next-title{font-size:16.6vw;line-height:1.1}
.hero-rig{position:relative;inset:auto;width:100%;max-height:none;height:auto;margin:47px 0 64px;perspective:none}
.hero-rig .rig-idle{transform:none}.hero-rig .sheet-back{inset:3px -5px 6px 8px;transform:rotate(2deg)}.hero-rig .sheet-middle{inset:-5px 4px 4px -4px;transform:rotate(-1deg)}
.studio-top{height:32px;padding:0 10px;font-size:7px}.studio-steps{height:42px}.studio-steps button{font-size:10px}.studio-steps b{font-size:8px;margin-right:5px}
.studio-screen{height:200px}.studio-wire{padding:12px 17px}.wire-layout{padding-top:12px}.wire-layout strong{font-size:28px}.wire-layout small{font-size:4px}
.analysis-mark{font-size:8px;padding:6px 7px}.studio-delivered{right:12px;bottom:14px;padding:12px 36px 12px 14px}.studio-delivered b{font-size:17px}
.studio-caption{height:85px;padding:14px 12px 10px}#studio-title{font-size:18px;max-width:275px;word-break:keep-all}#studio-description{font-size:9px;max-width:260px}#studio-kicker{font-size:6px}
.studio-counter{font-size:24px}.studio-counter>span{font-size:7px}.studio-choices{padding:0 12px 12px;height:100px}
.design-choices button{height:36px;font-size:10px}.studio-inquire{font-size:11px;min-height:38px}.studio-footer{padding:10px 12px}.studio-footer>span:first-child{font-size:7px;max-width:75%;line-height:1.5}
.studio-free{font-size:17px}.studio-free i{font-size:6px}.studio-margin-note{bottom:-40px;left:8px}.studio-margin-note b{font-size:12px}
.hero-caption{position:relative;inset:auto;margin:0;z-index:1}.hero-caption p{font-size:20px}.hero-caption>span{font-size:10px;line-height:1.6;max-width:none}
.hero-scroll,.hero-aperture{display:none}.hero-bottom{position:relative;inset:auto;margin-top:28px;font-size:6px;display:flex;justify-content:space-between}.hero-meta{left:var(--g);right:var(--g)}
}
body.reduced .hero-rig .rig-idle{transform:none!important}
body.reduced .decision-studio *,body.reduced .decision-studio *:before,body.reduced .decision-studio *:after{transition:none!important;animation:none!important}
.decision-studio [role=status]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.studio-choices{overflow:hidden;transition:height .45s ease,padding .45s ease}
.studio-choices[hidden]{height:0;padding-top:0;padding-bottom:0}
@media(max-width:700px){.hero-rig .rig-idle,.hero-rig .rig-pointer{transform:none!important}}
.studio-delivered{transform:none}