@font-face{font-family:Commissioner;src:url('fonts/commissioner-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}

:root{--color-canvas:#f4f5f5;--color-ink:#182329;--color-muted:#57656e;--color-heat:#f35a36;--color-action:#d93c1c;--color-light:#ffffff;--color-line:#cfd6da;--color-border:#75828b;--color-stage:#182329;--color-stage-muted:#bcc9d1;--color-error:#a12313;--color-room:#e8edf0;--margin:clamp(22px,3.75vw,64px);--ease:cubic-bezier(.16,1,.3,1)}

*{box-sizing:border-box}
html{scrollbar-gutter:stable;scroll-behavior:smooth}
body{margin:0;background:var(--color-canvas);color:var(--color-ink);font-family:Commissioner,Arial,sans-serif;font-size:18px;line-height:1.55;font-optical-sizing:auto;font-kerning:normal}
h1,h2,h3,p,figure,dl,dd,fieldset,legend{margin:0;padding:0}
fieldset{border:0;min-width:0}
h1,h2,h3{text-wrap:balance}
p,dd,figcaption{text-wrap:pretty}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button,summary,label[for]{-webkit-tap-highlight-color:transparent}
button,summary{cursor:pointer}
button{color:inherit}
svg{display:block}
img{display:block;max-width:100%}
a,button,summary{touch-action:manipulation}
::selection{background:var(--color-heat);color:var(--color-ink)}
:focus-visible{outline:3px solid var(--color-action);outline-offset:5px}
section,[id]{scroll-margin-top:104px}
.svg-definitions{width:0;height:0;position:absolute;overflow:hidden}
[hidden]{display:none!important}

.skip-link{position:fixed;left:20px;top:10px;transform:translateY(-180%);padding:10px 18px;background:var(--color-ink);color:var(--color-light);z-index:100}
.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:20;background:var(--color-canvas)}
.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;max-width:1600px;margin:auto;padding:0 var(--margin);position:relative}
.header-inner:after{content:'';position:absolute;left:var(--margin);right:var(--margin);bottom:0;height:1px;background:var(--color-line)}
.wordmark{display:flex;align-items:center;gap:9px;font-size:28px;font-weight:730;letter-spacing:-1.2px;line-height:1}
.wordmark svg{width:29px;height:34px;color:var(--color-action)}
nav{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:560}
nav>a:not(.header-trial){padding:10px 0;position:relative}
nav>a:not(.header-trial):after{content:'';height:1px;position:absolute;bottom:4px;left:0;right:0;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 180ms var(--ease)}
.header-trial{border:1px solid var(--color-border);border-radius:5px;padding:10px 16px;transition:background 180ms ease-out,color 180ms ease-out}

.hero{position:relative;overflow:clip}
.hero-inner{max-width:1600px;margin:auto;padding:48px var(--margin) 34px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;position:relative;isolation:isolate}
.hero-copy{position:relative;z-index:2;width:max-content;max-width:100%}
.offer{font-size:16px;font-weight:550;margin-bottom:26px}
.hero-audience{display:block;font-size:13px;font-weight:400;line-height:1.5;margin-top:4px;color:var(--color-muted)}
.hero h1{font-size:clamp(78px,7.35vw,106px);font-weight:610;line-height:.98;letter-spacing:-.055em;word-spacing:.055em;max-width:720px;text-wrap:initial}
.hero h1 span{display:block}
.hero-description{font-size:18px;line-height:1.55;max-width:410px;margin:26px 0 24px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:29px;min-height:54px;padding:15px 23px;background:var(--color-action);border:0;border-radius:5px;color:var(--color-light);font-size:16px;font-weight:620;line-height:1.5;transition:background 180ms ease-out,transform 180ms ease-out}
.button svg,.text-link svg,.light-link svg{width:20px;height:20px;flex:none;transition:transform 200ms var(--ease)}
.trial-launch{width:max-content;max-width:100%;position:relative}
.trial-launch>summary{list-style:none}
.trial-launch>summary::-webkit-details-marker{display:none}
.trial-note{font-size:13px;color:var(--color-muted);margin-top:11px}
.trial-launch[open]+.trial-note{display:none}
.hero-art{position:relative;width:calc(100% + 60px);margin:-18px 0 0 -60px;z-index:1;pointer-events:none}
.hero-art img{width:100%;height:auto;aspect-ratio:55/39}
.hero-art figcaption{display:flex;align-items:center;gap:18px;width:max-content;max-width:100%;margin:0 auto;font-size:12px;line-height:1.5}
.art-legend{position:relative;padding-left:27px}
.art-legend:before{content:'';width:20px;height:2px;background:var(--color-heat);position:absolute;left:0;top:8px}
.illustration-label{font-size:11px;color:var(--color-muted);padding-left:18px;border-left:1px solid var(--color-line)}
.hero-foot{position:relative;z-index:2;background:var(--color-canvas);display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--color-line);padding:19px var(--margin);font-size:13px}
.hero:has(.trial-launch[open]){overflow:visible;z-index:4}
.hero:has(.trial-launch[open]) .hero-inner{z-index:3}
.hero-foot span:last-child{color:var(--color-muted)}

.trial-panel{position:absolute;top:calc(100% + 24px);left:0;width:390px;max-width:calc(100vw - 44px);padding:27px;background:var(--color-light);border:2px solid var(--color-ink);border-left:5px solid var(--color-action);box-shadow:12px 15px 0 rgba(37,48,57,.10);z-index:5}
.trial-launch[open]{z-index:8}
.trial-panel-heading{display:flex;align-items:flex-start;gap:13px;justify-content:space-between}
.trial-panel h2{font-size:27px;font-weight:600;line-height:1.12;letter-spacing:-.6px}
.close-trial{border:0;background:none;font-size:13px;text-decoration:underline;text-underline-offset:4px;padding:4px 0}
.trial-intro{font-size:14px;line-height:1.5;margin:12px 0 22px}
form label{display:block;font-size:14px;font-weight:600;margin:15px 0 6px}
form input,form select{width:100%;max-width:100%;height:45px;border:1px solid var(--color-border);background:var(--color-canvas);border-radius:3px;padding:9px 10px;font-size:15px;color:var(--color-ink)}
form select{height:auto;min-height:45px}
form input[aria-invalid=true]{border:2px solid var(--color-error)}
.trial-local,.no-script-note{font-size:12px;line-height:1.5;color:var(--color-muted);margin-top:15px}
.field-error{font-size:13px;color:var(--color-error);margin-top:6px}
.form-submit{font-size:14px;width:100%;margin-top:16px;min-height:47px}
.form-submit:disabled{opacity:.6;cursor:not-allowed}
.form-success h3{font-size:27px;font-weight:600;line-height:1.15;margin:18px 0 13px}
.form-success p{font-size:15px;margin:11px 0}
.success-route{display:block;border-left:4px solid var(--color-action);border-bottom:4px solid var(--color-action);width:80px;height:23px;position:relative}
.success-route:after{content:'';position:absolute;right:-4px;bottom:-9px;width:11px;height:11px;border:3px solid var(--color-action);border-radius:50%;background:var(--color-light)}
.form-success .text-link{margin-top:13px;font-size:14px}

.section-label{font-size:14px;font-weight:560;margin-bottom:22px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.section-heading h2,.outputs h2{font-size:clamp(54px,5.65vw,82px);line-height:1.02;font-weight:550;letter-spacing:-.045em;word-spacing:.055em}
.section-heading>p{max-width:335px;font-size:16px;line-height:1.55;margin-bottom:7px}
.workflow{padding:72px var(--margin) 36px;background:var(--color-stage);color:var(--color-canvas)}
.workflow .section-label{color:var(--color-stage-muted)}
.workflow .section-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:start;gap:60px}
.workflow .section-heading>p{color:var(--color-stage-muted);margin-top:46px;max-width:380px}
.workshop{margin-top:48px}
.workflow-picker legend{font-size:12px;color:var(--color-stage-muted);margin-bottom:16px}
.workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:relative;isolation:isolate}
.workflow-route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}
.workflow-route path{stroke:var(--color-heat);stroke-width:3.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.workflow-step{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:start;position:relative;border-top:1px solid #576773;padding:26px 32px 24px}
.workflow-step:nth-of-type(odd){border-right:1px solid #576773}
.workflow-step input{position:absolute;inset:0;width:100%;height:100%;grid-column:1;grid-row:1;overflow:hidden;clip-path:inset(50%);margin:0;pointer-events:none}
.workflow-step label{grid-column:1;grid-row:1;align-self:start;display:grid;grid-template-columns:42px 1fr 22px;gap:14px;min-height:0;padding:0 0 12px;position:relative;cursor:pointer;transition:color 200ms ease-out}
.step-number{font-size:42px;font-weight:450;letter-spacing:-.045em;color:var(--color-stage-muted);line-height:1;font-variant-numeric:tabular-nums}
.step-title{font-size:31px;font-weight:540;line-height:1.15;display:block;margin-bottom:14px;letter-spacing:-.6px}
.step-description{font-size:16px;line-height:1.5;color:var(--color-stage-muted);display:block;max-width:390px}
.step-arrow{width:22px;height:22px;align-self:start;margin-top:3px;opacity:0;transform:translateX(-6px);transition:opacity 200ms ease-out,transform 200ms var(--ease)}
.workflow-step input:checked+label .step-title{color:var(--color-heat)}
.workflow-step input:checked+label .step-number{color:var(--color-heat)}
.workflow-step input:checked+label .step-arrow{opacity:1;transform:none;color:var(--color-heat)}
.workflow-step input:focus-visible+label{outline:3px solid var(--color-heat);outline-offset:5px}
.workshop-stage{grid-column:1;grid-row:2;min-width:0;display:grid;grid-template-rows:auto 270px auto;overflow-anchor:none}
.stage-topline{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 10px;font-size:12px;color:var(--color-stage-muted)}
.stage-marker{flex:none;font-variant-numeric:tabular-nums}
.stage-scene{display:block;width:100%;height:100%;min-height:0;transition:transform 460ms var(--ease)}
.workflow-step:has(input:checked) .stage-scene{transform:translateX(-12px)}
.workflow-step:has(input:checked) .stage-marker{color:var(--color-heat)}
.workshop-stage figcaption{font-size:15px;text-align:center;line-height:1.45;padding:0 16px}
.workshop-stage small{display:block;color:var(--color-stage-muted);font-size:11px;margin-top:8px}
.scene-caption{display:block}
.workflow-bottom{display:flex;gap:18px;align-items:center;border-top:1px solid #576773;padding-top:29px}
.workflow-bottom p{font-size:16px;line-height:1.45}
.mini-route{width:54px;height:29px;border-left:3px solid var(--color-heat);border-bottom:3px solid var(--color-heat);position:relative}
.mini-route:after{content:'';position:absolute;right:0;bottom:-6px;width:8px;height:8px;border-radius:50%;background:var(--color-heat)}
.light-link{margin-left:auto;font-size:15px;display:flex;gap:25px;align-items:center;text-decoration:underline;text-underline-offset:6px}
.workflow :focus-visible{outline-color:var(--color-heat)}

.outputs{background:var(--color-light);padding:94px var(--margin) 0;display:grid;grid-template-columns:1fr 1fr;gap:0 70px;position:relative;overflow:clip}
.output-copy>p:not(.section-label){max-width:375px;font-size:18px;line-height:1.55;margin-top:28px}
.output-list{margin-top:33px;max-width:405px}
.output-list>div{display:grid;grid-template-columns:62px 1fr;gap:17px;padding:15px 0;border-top:1px solid var(--color-line);font-size:15px}
.output-list>div:last-child{border-bottom:1px solid var(--color-line)}
.output-list dt{font-weight:640;letter-spacing:.03em}
.output-list dd{color:var(--color-muted)}
.document-pair{position:relative;min-height:474px;align-self:center;isolation:isolate;perspective:800px}
.room-sheet,.quote-sheet{position:absolute;width:268px;min-height:365px;background:var(--color-canvas);border:1px solid #d3dce2;padding:26px;box-shadow:6px 9px 0 #e6ecf0;transform:rotate(9deg);right:0;top:10px}
.room-sheet{background:#e5edf2;right:163px;top:35px;transform:rotate(-10deg);box-shadow:6px 9px 0 #d4dfe6;min-height:364px;z-index:0}
.sheet-label{font-size:19px;font-weight:550}
.sheet-format{position:absolute;right:24px;top:28px;font-size:12px;font-weight:600;color:var(--color-muted)}
.room-sheet .sheet-format{position:static;display:block;margin-top:5px;width:max-content;padding-bottom:4px;border-bottom:2px solid var(--color-heat)}
.sheet-grid{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid #9dabb5;border-left:1px solid #9dabb5;margin-top:41px;transform:skewY(0)}
.sheet-grid span{height:35px;border-right:1px solid #9dabb5;border-bottom:1px solid #9dabb5}
.sheet-grid span:nth-child(3n+1){background:#d2dee5}
.sheet-line{position:absolute;left:-16px;right:23px;bottom:55px;height:3px;background:var(--color-heat)}
.sheet-line:before{content:'';position:absolute;left:-2px;bottom:0;height:45px;width:3px;background:var(--color-heat)}
.quote-sheet{right:18px;top:70px;transform:rotate(8deg);background:#fcfdfd}
.sheet-brand{width:28px;height:31px;color:var(--color-action);margin-bottom:15px}
.sheet-title{font-size:38px;letter-spacing:-1px;font-weight:600;display:block;line-height:1}
.document-lines{margin-top:34px}
.document-lines i{display:block;height:6px;background:#d1dbe1;margin-bottom:14px}
.document-lines i:nth-child(2){width:73%}
.document-lines i:nth-child(3){width:88%}
.signature{width:126px;height:41px;margin-top:15px}
.signature-rule{display:block;width:139px;border-top:1px solid #a8b7c0;margin-top:0}
.document-pair figcaption{position:absolute;right:0;bottom:12px;font-size:11px;color:var(--color-muted)}
.method-note{grid-column:1/-1;border-top:1px solid var(--color-line);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:50px;padding:58px 0 48px;margin-top:62px}
.method-copy h2{font-size:clamp(52px,4.7vw,70px);line-height:1.02;letter-spacing:-.045em}
.method-copy>p:not(.section-label){font-size:17px;line-height:1.55;color:var(--color-muted);max-width:370px;margin-top:25px}
.method-figure{width:100%;justify-self:center}
.method-figure svg{width:100%;height:auto}
.method-figure figcaption{font-size:11px;color:var(--color-muted);text-align:center;margin-top:15px}
.method-inputs{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--color-line);padding-top:16px;font-size:13px}
.method-inputs span{display:flex;align-items:center;gap:8px}
.method-inputs i{width:8px;height:8px;border:2px solid var(--color-action);border-radius:50%;flex:none}
.method-illustration{display:block;margin-top:13px}

.pricing{padding:76px var(--margin) 50px}
.pricing .section-heading>p{max-width:370px}
.pricing-plan{display:grid;grid-template-columns:1fr 1fr;margin-top:60px;border:2px solid var(--color-ink);position:relative;background:var(--color-canvas)}
.plan-team h3{position:relative}
.plan-team h3:before{content:'';position:absolute;top:-10px;left:0;width:40px;height:3px;background:var(--color-heat)}
.plan{padding:31px 38px 40px;position:relative;min-width:0}
.plan-team{border-left:2px solid var(--color-ink);background:var(--color-room)}
.plan-head{display:flex;align-items:center;justify-content:space-between;gap:15px}
.plan-head h3{font-size:26px;font-weight:550;letter-spacing:-.5px}
.plan-head>span{font-size:13px;color:var(--color-muted)}
.price{display:flex;align-items:baseline;gap:9px;margin:22px 0 17px;font-variant-numeric:tabular-nums}
.currency{font-size:14px;align-self:flex-start;padding-top:18px;font-weight:600}
.price-value{font-size:89px;line-height:1;font-weight:550;letter-spacing:-4px}
.period{font-size:15px;color:var(--color-muted)}
.plan-description{font-size:15px;line-height:1.55;max-width:310px;min-height:47px}
.text-link{display:inline-flex;align-items:center;gap:35px;font-size:15px;font-weight:600;border:0;padding:0 0 5px;background:none;text-decoration:underline;text-underline-offset:6px}
.plan .text-link{margin-top:31px}
.door{position:absolute;bottom:-2px;right:25px;width:66px;height:66px;border:1px solid #9eabb4;border-left:0;border-bottom:0;border-top-right-radius:100%}
.door:before{content:'';position:absolute;left:0;bottom:-1px;width:66px;height:2px;background:var(--color-canvas)}
.plan-team .door:before{background:var(--color-room)}
.door:after{content:'';position:absolute;left:0;bottom:0;width:2px;height:65px;background:var(--color-ink)}
.included-line{display:flex;gap:50px;justify-content:space-between;margin-top:25px;font-size:13px;line-height:1.5}
.included-line span{font-weight:600;flex:none}
.included-line p{color:var(--color-muted);max-width:620px;text-align:right}

.closing{background:var(--color-room);position:relative;overflow:clip;padding:64px var(--margin) 59px;min-height:441px}
.closing-content{position:relative;z-index:1;width:max-content;max-width:100%}
.closing h2{font-size:clamp(62px,6.7vw,98px);letter-spacing:-.05em;line-height:.98;font-weight:570;word-spacing:.055em;margin-bottom:31px;text-wrap:initial}
.dark-button{background:var(--color-ink)}
.closing-plan{position:absolute;right:var(--margin);top:28px;width:49%;height:calc(100% - 40px);pointer-events:none}
.closing .section-label{margin-bottom:25px}
.closing :focus-visible{outline-color:var(--color-ink)}
footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px var(--margin);font-size:12px}
footer p{color:var(--color-muted)}
.footer-mark{font-size:24px}
.footer-mark svg{width:24px;height:29px}

@media(hover:hover){nav>a:not(.header-trial):hover:after{transform:scaleX(1)}
.header-trial:hover{background:var(--color-ink);color:var(--color-light)}
.button:hover{background:#b82e15}
.dark-button:hover{background:#111e26}
.button:hover svg,.text-link:hover svg,.light-link:hover svg{transform:translateX(5px)}
.workflow-step label:hover .step-title{color:var(--color-heat)}
.text-link:hover,.light-link:hover{text-decoration-thickness:2px}
}
.button:active{transform:translateY(2px)}

@media(max-width:1050px) and (min-width:701px){.hero h1{font-size:77px}
.hero-inner{display:block;min-height:700px}
.hero-art{position:absolute;left:38%;right:var(--margin);top:clamp(180px,calc(543px - 35vw),274px);width:auto;margin:0}
.workflow-grid{grid-template-columns:minmax(0,1fr)}
.workflow-route{display:none}
.workflow-step{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);padding:28px 0;gap:24px}
.workflow-step:nth-of-type(odd){border-right:0}
.workflow-step label{min-height:0}
.workshop-stage{grid-column:2;grid-row:1}
.workflow .section-heading{gap:30px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.workflow .section-heading>p{margin-top:42px}
.section-heading>p{max-width:285px}
.outputs{gap:0 25px}
.room-sheet{right:110px;width:235px}
.quote-sheet{right:0;width:235px}
.plan{padding:28px 25px 39px}
.price-value{font-size:78px}
.plan-head{align-items:flex-start;flex-direction:column;gap:0}
}

@media(max-width:900px) and (min-width:701px){.outputs{grid-template-columns:1fr}
.document-pair{width:min(100%,470px);justify-self:center;margin-top:36px}
.method-note{grid-template-columns:1fr;gap:28px}
.method-copy>p:not(.section-label){max-width:500px}
.method-figure{max-width:600px}
}

@media(max-width:700px){body{font-size:16px}
.header-inner{height:69px}
.wordmark{font-size:25px}
.wordmark svg{width:27px;height:31px}
nav>a:not(.header-trial){display:none}
nav{gap:0}
.header-trial{font-size:12px;padding:8px 10px;min-height:37px;display:flex;align-items:center}
.hero-inner{display:block;padding:24px var(--margin) 20px;min-height:0}
.hero-copy{width:100%}
.offer{font-size:13px;margin-bottom:12px;max-width:315px;line-height:1.5}
.hero-audience{font-size:12px;margin-top:3px}
.hero h1{font-size:clamp(49px,15.2vw,61px);letter-spacing:-.05em;line-height:1.015;max-width:385px}
.hero-description{font-size:16px;line-height:1.5;margin:19px 0 22px;max-width:340px}
.desktop-break{display:none}
.button{font-size:15px;min-height:49px;padding:13px 18px;gap:26px}
.trial-note{font-size:12px;margin-top:10px}
.hero-art{position:relative;top:auto;left:calc(-1 * var(--margin));right:auto;width:calc(100% + 2 * var(--margin));margin:9px 0 0;z-index:1}
.hero-art img{width:100%;height:auto;aspect-ratio:55/39}
.hero-art figcaption{font-size:10px;gap:12px;margin-top:0}
.art-legend{padding-left:23px}
.illustration-label{padding-left:12px;font-size:10px}
.hero-foot{font-size:11px;line-height:1.4;padding:17px var(--margin);gap:25px;align-items:flex-start}
.hero-foot span{max-width:150px}
.trial-panel{position:relative;top:auto;margin-top:17px;box-shadow:7px 8px 0 rgba(37,48,57,.10);width:100%;max-width:100%;padding:22px}
.trial-launch{width:100%}
.trial-panel h2{font-size:25px}
.trial-panel-heading{gap:10px}
.section-label{font-size:12px;margin-bottom:18px}
.section-heading{display:block}
.section-heading h2,.outputs h2{font-size:48px;letter-spacing:-.04em;line-height:1.04}
.section-heading>p{font-size:15px;max-width:340px;margin-top:23px}
.workflow .section-heading{display:block}
.workflow .section-heading>p{margin-top:23px}
.workflow{padding:50px var(--margin) 32px}
.workshop{margin-top:35px}
.workflow-grid{display:block}
.workflow-route{display:none}
.workflow-step{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;padding:0 0 25px;gap:0}
.workflow-step:nth-of-type(odd){border-right:0}
.workflow-step input,.workflow-step label{grid-column:1;grid-row:1}
.workflow-picker legend{font-size:11px;margin-bottom:13px}
.workflow-step label{grid-template-columns:23px 1fr 19px;gap:9px;min-height:0;padding:20px 0}
.step-number{font-size:22px;line-height:1.2}
.step-title{font-size:21px;line-height:1.2;margin-bottom:9px}
.step-description{font-size:14px;line-height:1.5}
.step-arrow{width:18px;height:18px}
.workshop-stage{grid-column:1;grid-row:2;width:100%;grid-template-rows:auto 215px auto}
.stage-topline{padding:0 10px;font-size:11px}
.stage-scene{min-height:0}
.workshop-stage figcaption{font-size:13px;padding:0 10px}
.workshop-stage small{font-size:10px;margin-top:6px}
.workflow-bottom{padding-top:24px;gap:13px;flex-wrap:wrap}
.workflow-bottom p{font-size:14px}
.mini-route{width:40px;height:23px}
.light-link{margin:15px 0 0 53px;font-size:14px;gap:24px}
.outputs{display:flex;flex-direction:column;padding:54px var(--margin) 0;gap:0}
.output-copy>p:not(.section-label){font-size:16px;line-height:1.5;margin-top:24px;max-width:340px}
.output-list{margin-top:26px}
.output-list>div{font-size:14px;gap:9px;padding:13px 0;grid-template-columns:53px 1fr}
.document-pair{width:100%;min-height:380px;margin-top:36px}
.room-sheet,.quote-sheet{width:209px;min-height:288px;padding:22px;top:10px;right:90px}
.quote-sheet{right:6px;top:64px}
.sheet-label{font-size:16px}
.sheet-format{font-size:10px;right:17px;top:25px}
.sheet-grid{margin-top:29px}
.sheet-grid span{height:27px}
.sheet-brand{width:22px;height:25px;margin-bottom:12px}
.sheet-title{font-size:32px}
.document-lines{margin-top:24px}
.document-lines i{height:5px;margin-bottom:12px}
.signature{margin-top:13px;width:108px;height:33px}
.signature-rule{width:119px}
.sheet-line{bottom:39px}
.document-pair figcaption{font-size:10px;bottom:0}
.method-note{padding:38px 0 34px;grid-template-columns:1fr;gap:25px;margin-top:33px}
.method-copy h2{font-size:44px}
.method-copy>p:not(.section-label){font-size:15px;margin-top:20px}
.method-inputs{font-size:11px;gap:10px;padding-top:14px}
.method-inputs span{gap:6px}
.pricing{padding:51px var(--margin) 39px}
.pricing .section-heading>p{max-width:330px}
.pricing-plan{grid-template-columns:1fr;margin-top:32px}
.plan{padding:27px 26px 39px}
.plan-team{border-left:0;border-top:2px solid var(--color-ink)}
.plan-head{align-items:center}
.plan-head h3{font-size:24px}
.plan-head>span{font-size:12px}
.price{margin:24px 0 16px;gap:8px}
.price-value{font-size:80px;letter-spacing:-3px}
.currency{font-size:12px;padding-top:15px}
.period{font-size:14px}
.plan-description{font-size:14px;min-height:0;max-width:270px}
.plan .text-link{margin-top:25px;font-size:14px}
.door{left:auto;right:18px;width:53px;height:53px}
.door:after{height:52px}
.door:before{width:53px}
.included-line{display:block;margin-top:24px;font-size:12px}
.included-line p{text-align:left;margin-top:10px}
.closing{padding:49px var(--margin) 46px;min-height:377px}
.closing .section-label{font-size:12px;max-width:245px;margin-bottom:22px;line-height:1.5}
.closing h2{font-size:57px;margin-bottom:28px;letter-spacing:-.045em;word-spacing:.055em}
.closing-plan{position:relative;top:auto;left:auto;right:auto;width:100%;height:auto;margin-top:28px;opacity:1}
footer{padding:26px var(--margin);flex-wrap:wrap;gap:16px 10px;font-size:11px}
footer .wordmark{flex:1;font-size:23px}
footer p{flex-basis:100%;order:2}
.footer-mark svg{width:23px;height:27px}
section,[id]{scroll-margin-top:84px}
}

@media(max-width:359px){.hero h1{font-size:49px}
.offer{max-width:260px}
.hero-description{font-size:15px}
.section-heading h2,.outputs h2{font-size:43px}
.method-copy h2{font-size:38px}
.step-title{font-size:19px}
.room-sheet,.quote-sheet{width:190px}
.room-sheet{right:67px}
.quote-sheet{right:2px}
.plan{padding-left:22px;padding-right:22px}
.plan-head>span{font-size:11px}
.price-value{font-size:74px}
.closing h2{font-size:49px}
.header-trial{padding:7px}
.wordmark{font-size:23px;gap:6px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{animation:none!important;transition:none!important}
.stage-scene{transform:none!important}
}
@media(forced-colors:active){:focus-visible{outline-color:CanvasText}
.button,.header-trial,input,select{border:1px solid ButtonText}
.workflow-step input:checked+label{border-left:3px solid Highlight;padding-left:10px}
.workflow-step input:focus-visible+label{outline-color:Highlight}
.workshop-stage,.pricing-plan,.plan-team,.trial-panel{border-color:CanvasText}
.art-legend:before,.sheet-line,.mini-route,.success-route{border-color:CanvasText}
.document-lines i{border-top:4px solid CanvasText}
}

@media print{.site-header{position:static}
body,.workflow,.closing{color:#253039;background:white}
.button,.trial-launch,.light-link,.text-link{display:none}
section{break-inside:avoid}
.workshop-stage{position:static}
.step-description,.workflow .section-label,.workflow .section-heading>p{color:#253039}
.workflow-picker legend,.step-number,.stage-topline,.workshop-stage small,
.workflow-step input:checked+label .step-title,.workflow-step input:checked+label .step-number{color:var(--color-ink)}
.hero-inner{min-height:510px}
footer{border-top:1px solid #253039}
}