:root{--ink:#141414;--cream:#f3ecdf;--red:#e3000f;--muted:#b0ada6;--line:#373632;--panel:#1b1b1a;--mono:'JetBrains Mono',monospace;--radius:14px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--ink);color:var(--cream);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--cream);outline-offset:5px}button:disabled{opacity:.65;cursor:wait}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.arrow{width:20px;height:20px;flex:none}.skip-link{position:fixed;top:-80px;left:24px;padding:16px;background:var(--cream);color:var(--ink);z-index:100}.skip-link:focus{top:16px}.topbar{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:22px}.brand>img{width:104px;height:auto}.brand>span{border-left:1px solid var(--line);padding-left:22px;font-size:14px;font-weight:600}.brand small{display:block;font-weight:400;font-size:11px;color:var(--muted);margin-top:6px}.top-link{display:flex;align-items:center;gap:18px;font-size:13px;min-height:44px}.page-progress{height:2px;position:fixed;inset:0 0 auto;z-index:50;pointer-events:none}.progress-line{height:2px;background:var(--red);width:0}.page-progress>img{position:absolute;top:0;left:0;width:28px;transform:translateX(-50%)}
h1,h2,h3,p,figure{margin:0}h1,h2{font-weight:800;letter-spacing:-.04em}h2{font-size:clamp(36px,4.1vw,60px);line-height:1.04}em{font-family:'Instrument Serif',Georgia,serif;font-weight:400}p{font-size:16px;line-height:1.65;color:var(--muted)}.hero{display:grid;grid-template-columns:1.28fr 1fr;gap:76px;padding-block:58px 96px;align-items:start}.eyebrow{font:500 9px/1.7 var(--mono);letter-spacing:.045em;color:var(--muted);margin-bottom:23px}.hero h1{font-size:clamp(48px,5.45vw,78px);line-height:.99}.hero h1 em{font-size:1.17em;color:var(--cream);line-height:.7}.hero-tail{display:block;font-size:.48em;font-weight:500;letter-spacing:-.035em;line-height:1.35;margin-top:13px;color:var(--muted)}.hero-sub{max-width:57ch;margin-top:25px;font-size:15px;line-height:1.65}.hero-sub strong{color:var(--cream);font-weight:500}.signup-panel{margin-top:28px}.field-row{display:grid;grid-template-columns:1.25fr 1fr;gap:12px}.field{display:grid;gap:8px;font-size:12px;color:var(--cream)}.field b{font-weight:400}.field small,.edit-choice small{font-size:10px;color:var(--muted);margin-left:5px}.field input{background:transparent;border:1px solid #575650;border-radius:7px;min-width:0;width:100%;height:48px;padding:0 13px;font-size:16px;color:var(--cream)}.field input::placeholder{color:#a19e97}.field input:hover{border-color:#8d8b84}.edit-choice{border:0;padding:0;margin:18px 0}.edit-choice legend{font-size:12px;padding:0;margin-bottom:9px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips label{position:relative;cursor:pointer}.chips input{position:absolute;opacity:0;width:1px;height:1px}.chips span{display:flex;align-items:center;min-height:44px;border:1px solid #4b4a45;border-radius:6px;padding:8px 12px;font-size:11px;color:var(--muted)}.chips input:checked+span{background:var(--cream);color:var(--ink);border-color:var(--cream)}.chips input:focus-visible+span{outline:2px solid var(--cream);outline-offset:3px}.primary-button{border:0;border-radius:7px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 20px;min-height:54px;font-size:14px;font-weight:600;position:relative;overflow:hidden}.waitlist-form>.primary-button{width:100%}.primary-button .arrow{transition:opacity .15s,transform .25s}.button-rabbit{position:absolute;width:42px;height:42px;right:10px;opacity:0}.primary-button:hover .arrow{opacity:0;transform:translate(5px,-5px)}.primary-button:hover .button-rabbit{opacity:1;animation:hop .6s cubic-bezier(.2,.7,.2,1) both}.primary-button:not(:has(.button-rabbit)):hover .arrow{opacity:1;transform:translate(3px,-3px)}@keyframes hop{0%{transform:translate(-25px,15px) scale(1.15,.8)}45%{transform:translate(-10px,-8px) rotate(-10deg) scale(.95,1.08)}80%{transform:translate(0,2px) scale(1.1,.9)}100%{transform:none}}.form-note{font-size:10px;line-height:1.55;margin-top:10px;color:#b0ada6}.form-message{padding:12px 0 0;color:#ffb3b7;font-size:13px}.trap{position:absolute;left:-10000px}.secondary-link{display:flex;align-items:center;gap:12px;font-size:12px;margin-top:21px;min-height:44px;width:fit-content;border-bottom:1px solid #64615b}.secondary-link .arrow{width:15px}.success{min-height:270px}.success h2{font-size:32px;margin:12px 0}.success p{margin-bottom:20px}.success-rabbit{animation:hop .6s both}.success .text-link{display:block;font-size:12px;margin-top:20px}.hero-visual{padding-top:0;max-width:440px;justify-self:end;width:100%}.comparison-labels,.footage-note{display:flex;justify-content:space-between;gap:15px}.comparison-labels{font-size:12px;padding-bottom:12px}.comparison-labels span:last-child{color:var(--cream)}.comparison{position:relative;aspect-ratio:9/14.5;overflow:hidden;border-radius:var(--radius);isolation:isolate;background:#322e26}.comparison>img,.compare-raw,.compare-raw>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.compare-raw{clip-path:inset(0 calc(100% - var(--split)) 0 0);z-index:2}.compare-raw img{object-position:center}.compare-edited{object-position:center}.compare-divider{position:absolute;left:var(--split);inset-block:0;width:1px;background:var(--cream);z-index:4;pointer-events:none}.compare-divider span{position:absolute;top:53%;left:0;transform:translate(-50%,-50%);width:46px;height:46px;display:grid;place-items:center;background:var(--cream);color:var(--ink);border-radius:50%;font-size:23px;box-shadow:0 6px 20px #0003}.compare-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:6;margin:0}.comparison:focus-within{outline:2px solid var(--cream);outline-offset:5px}.compare-hint{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:#141414cc;padding:9px 12px;border:1px solid #ffffff50;border-radius:5px;font:9px var(--mono);white-space:nowrap;z-index:5}.edited-caption{position:absolute;left:8%;right:8%;bottom:20%;text-align:center;color:#fff;font-weight:700;font-size:25px;line-height:1.1;text-shadow:0 2px 8px #0008;clip-path:inset(0 0 0 max(0px,calc((var(--split) - 8%) * 1.19)));z-index:1}.edited-caption b{font-weight:500;font-size:18px}.footage-note{font-size:10px;color:var(--muted);padding-top:14px;line-height:1.5}.footage-note span:last-child{text-align:right}
.section{padding-block:112px;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:45px}.section-head p{max-width:37ch}.section-head>div>p{margin-top:20px}.why{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.why-copy>p{max-width:32ch;margin-top:24px}.why-answer{padding-top:35px}.why-answer strong{font-weight:600;color:var(--cream)}.style-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:470px}.style-tile{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:5px;background:#252521}.style-tile img{position:absolute;width:100%;height:100%;object-fit:cover}.template-image{filter:grayscale(1) brightness(.66);transform:scale(1.13)}.unique-image{opacity:0;transition:opacity .4s}.style-tile.changed .unique-image{opacity:1}.same-caption{position:absolute;bottom:25%;left:3%;right:3%;text-align:center;font-size:12px;font-weight:800;transition:opacity .2s;color:#fff}.style-tile figcaption{position:absolute;bottom:8px;left:6px;right:6px;font:7px var(--mono);background:#141414bf;padding:5px 3px;opacity:0;transition:opacity .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.style-tile.changed figcaption{opacity:1}.style-tile.changed .same-caption{opacity:0}.studio-section{border-top:1px solid var(--line);padding-block:60px 90px}.studio-pin{padding-block:28px}.studio-section .section-head{margin-bottom:32px}.walkthrough-label{display:block;margin-top:18px;font:9px/1.5 var(--mono);color:var(--muted)}.studio-window{position:relative;width:100%;aspect-ratio:1.6;overflow:hidden;background:#1c1b19;border-radius:12px;box-shadow:0 24px 60px #0005}.studio-window iframe{position:absolute;top:0;left:0;width:1440px;height:900px;transform-origin:0 0;border:0;opacity:0;pointer-events:none}.studio-window.ready iframe{opacity:1}.studio-poster{position:absolute;width:100%;height:100%;object-fit:cover}.studio-controls{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:16px}.studio-steps{display:flex;gap:8px;flex-wrap:wrap}.studio-steps button,.studio-replay{min-height:44px;font-size:11px;background:none;border:0;color:var(--muted);padding:10px 12px}.studio-steps button{border-bottom:1px solid transparent}.studio-steps button.active{color:var(--cream);border-color:var(--red)}.studio-replay{display:flex;align-items:center;gap:10px;color:var(--cream);white-space:nowrap}.studio-replay .arrow{width:16px}.studio-description{font-size:13px;min-height:22px;margin-top:4px}.mix-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:60px}.library-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:17px;border-bottom:1px solid var(--line);margin-bottom:20px}.library-head h3{font-size:17px;letter-spacing:-.02em}.library-head>span{font-size:11px;color:var(--muted)}.effect-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.effect-option{border:0;background:transparent;padding:0;color:var(--muted);text-align:left;min-width:0}.effect-option img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:8px;transition:filter .2s;filter:saturate(.55)}.effect-option span{font:9px/1.6 var(--mono);display:block;margin-top:12px;overflow-wrap:anywhere}.effect-option[aria-pressed=true] img{outline:2px solid var(--cream);outline-offset:3px;filter:none}.effect-option[aria-pressed=true] span{color:var(--cream)}.sound-options button{display:flex;align-items:center;gap:16px;min-height:65px;border:0;border-bottom:1px solid var(--line);width:100%;background:transparent;color:var(--muted);text-align:left}.sound-options button[aria-pressed=true]{color:var(--cream)}.sound-select{font:10px var(--mono);width:26px;height:26px;border:1px solid #55534d;border-radius:50%;display:grid;place-items:center}.sound-options button[aria-pressed=true] .sound-select{background:var(--cream);color:var(--ink)}.sound-options b{font-size:14px;font-weight:500}.sound-options small{display:block;font-size:10px;margin-top:5px;color:var(--muted)}.sound-options svg{margin-left:auto;width:90px;height:28px}.sound-note{font-size:10px;margin-top:12px}.look-result{border-top:1px solid var(--line);margin-top:38px;padding-top:30px;display:grid;grid-template-columns:150px 1fr;gap:12px}.look-result>span{font:11px/1.5 var(--mono)}.look-result p{font:500 16px/1.7 var(--mono);color:var(--cream)}.look-result b{font-weight:500}.look-result p>span{color:var(--muted)}.look-result small{grid-column:2;font-size:12px;color:var(--muted)}.style-section{display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.big-number{font-size:1.5em}.style-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.style-chips>span{font-size:12px;padding:10px 14px;border:1px solid var(--line);border-radius:5px}.style-formula{display:flex;align-items:center;gap:12px;min-height:100px;position:relative}.style-formula>span{font-size:12px;display:flex;align-items:center;gap:8px;white-space:nowrap}.style-formula>b{font-size:14px;color:var(--muted)}.merge-result{margin-left:14px;font-weight:700}.merge-result img{width:40px;height:40px}.analysis-note{font-size:12px;padding-top:18px;border-top:1px solid var(--line)}.proof-section{padding-bottom:100px;overflow:hidden}.proof-stats{display:flex;gap:8%;margin-bottom:50px}.proof-stats>div{display:flex;flex-direction:column;gap:12px}.proof-stats strong{font-size:54px;letter-spacing:-.04em;font-weight:600;font-variant-numeric:tabular-nums}.proof-stats span{font-size:12px;color:var(--muted)}.reel-controls{display:flex;align-items:center;gap:15px;margin-top:15px}.reel-controls button{min-height:44px;color:var(--cream);background:none;border:1px solid #575650;border-radius:5px;padding:9px 12px;font-size:11px}.reel-controls span{font-size:11px;color:var(--muted)}.reel-viewport{overflow:hidden;width:100%;padding-inline:48px}.reel-track{display:flex;gap:18px;width:max-content;animation:reel-drift 72s linear infinite;animation-play-state:paused;will-change:transform}.reel-viewport.running .reel-track{animation-play-state:running}.reel-viewport:is(:focus-within,:hover,.paused) .reel-track{animation-play-state:paused}.reel{width:280px;aspect-ratio:9/16;border-radius:20px;overflow:hidden;position:relative;background:#25231f;flex:none;border:5px solid #36352f}.reel video{height:100%;width:100%;object-fit:cover}.reel-caption{position:absolute;inset:auto 0 0;padding:65px 15px 66px;background:linear-gradient(transparent,#000d);pointer-events:none}.reel-caption small{font-size:9px;color:#e1ded7}.reel-caption h3{font-size:20px;line-height:1.15;margin-top:8px;color:white;letter-spacing:-.03em}.reel-sound{position:absolute;bottom:13px;left:13px;right:13px;min-height:44px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#141414c9;border:1px solid #ffffff60;border-radius:8px;color:white;font-size:11px}.reel-sound svg{width:20px;height:20px}.sound-on{display:none}.reel-sound[aria-pressed=true] .sound-off{display:none}.reel-sound[aria-pressed=true] .sound-on{display:block}@keyframes reel-drift{to{transform:translateX(calc(-50% - 9px))}}.free-section .section-head{align-items:center}.free-section .primary-button{min-width:260px}.free-strip{display:flex;gap:14px;overflow-x:auto;padding:5px 0 15px;scrollbar-width:thin}.free-strip figure{width:calc((100% - 56px)/5);min-width:145px}.free-strip img{width:100%;aspect-ratio:9/12;object-fit:cover;border-radius:8px}.free-strip figcaption{font:9px/1.5 var(--mono);margin-top:12px;overflow-wrap:anywhere}.free-caption{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);margin-top:15px}.view-chip{display:flex;align-items:center;gap:7px}.view-chip img{width:16px;filter:brightness(0) invert(.8)}.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{padding:24px 32px 24px 0;font-size:15px;cursor:pointer;list-style:none;position:relative;line-height:1.5}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;top:23px;font-size:18px}details[open] summary:after{content:'−'}.faq-list p{font-size:14px;padding-bottom:24px;max-width:50ch}.final-section{background:var(--cream);color:var(--ink);padding-block:90px}.final-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.final-logo{width:132px;height:auto;margin-bottom:40px}.final-section h2{font-size:72px}.final-section h2 em{font-size:1.18em}.final-section p{color:#625f59}.final-section>div>div>p{margin-top:24px}.final-section .signup-panel{margin:0}.final-section .field{color:var(--ink)}.final-section input{color:var(--ink);border-color:#a4a097;color-scheme:light}.final-section input::placeholder{color:#716d65}.final-section :is(.field small,.edit-choice small,.form-note){color:#625f59}.final-section .chips span{color:#625f59;border-color:#aaa69e}.final-section .chips input:checked+span{background:var(--ink);color:var(--cream)}.final-section :is(input,button,a):focus-visible,.final-section .chips input:focus-visible+span{outline-color:var(--ink)}.final-section .form-message{color:#a5000b}.final-section .success-rabbit{mix-blend-mode:multiply}.site-footer{display:flex;justify-content:space-between;gap:20px;padding-block:35px;color:var(--muted);font-size:11px}.site-footer a{display:flex;gap:10px;align-items:center}.site-footer .arrow{width:14px}
@media(min-width:1400px){.hero{gap:105px}.hero-visual{max-width:450px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:40px;grid-template-columns:1.2fr 1fr}.hero h1{font-size:55px}.why{gap:55px}.section{padding-block:85px}.section-head{gap:40px}.studio-window{border-radius:8px}.studio-steps{gap:0}.studio-steps button{font-size:10px;padding-inline:9px}.mix-grid{gap:30px}.style-section{gap:35px}.final-grid{gap:55px}.final-section h2{font-size:60px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.topbar{height:78px}.brand{gap:13px}.brand>img{width:72px}.brand>span{padding-left:13px;font-size:11px}.brand small{font-size:9px;margin-top:4px}.top-link{font-size:0;gap:0}.top-link .arrow{width:20px}.hero{display:flex;flex-direction:column;gap:42px;padding-block:28px 65px}.eyebrow{font-size:7.5px;letter-spacing:0;margin-bottom:19px;max-width:100%;line-height:1.6}.hero h1{font-size:47px;line-height:1}.hero-tail{font-size:24px;margin-top:9px;line-height:1.2;letter-spacing:-.04em}.hero-sub{font-size:13px;line-height:1.65;margin-top:20px;max-width:44ch}.signup-panel{margin-top:22px}.field{font-size:11px;gap:7px}.field-row{grid-template-columns:1.22fr 1fr;gap:10px}.field small{font-size:8px;margin-left:3px}.field input{height:46px;padding-inline:10px}.edit-choice{margin-block:15px}.edit-choice legend{font-size:11px;margin-bottom:7px}.chips{gap:6px;flex-wrap:nowrap}.chips span{font-size:10px;padding-inline:10px;min-height:44px;white-space:nowrap}.primary-button{min-height:52px;padding:14px 16px;font-size:13px}.form-note{font-size:9px;line-height:1.5;margin-top:9px}.secondary-link{font-size:11px;margin-top:13px;min-height:36px}.hero-visual{max-width:none}.comparison{aspect-ratio:9/12.5}.comparison-labels{font-size:11px}.footage-note{font-size:9px}.edited-caption{font-size:24px}.section{padding-block:65px}h2{font-size:36px;line-height:1.07}.why{grid-template-columns:1fr;gap:30px}.why-copy>p{font-size:14px;margin-top:20px;max-width:35ch}.why-answer{padding-top:0}.style-wall{width:100%;max-width:none;gap:6px}.style-tile{aspect-ratio:3/4}.same-caption{font-size:9px}.style-tile figcaption{font-size:6px;padding:4px 2px;left:3px;right:3px}.section-head{display:block;margin-bottom:28px}.section-head p{font-size:14px;margin-top:18px;max-width:38ch}.section-head>div>p{margin-top:18px}.studio-section{padding-block:40px 50px}.studio-pin{padding-block:18px}.walkthrough-label{font-size:8px;margin-top:15px}.studio-window{aspect-ratio:1.6}.studio-controls{display:block;margin-top:15px}.studio-steps{display:flex;gap:0;flex-wrap:wrap}.studio-steps button{font-size:10px;padding:8px 9px;min-height:44px}.studio-replay{margin-top:7px;padding-left:0}.studio-description{font-size:12px;margin-top:0}.mix-grid{grid-template-columns:1fr;gap:32px}.library-head{margin-bottom:18px}.library-head h3{font-size:16px}.effect-options{gap:9px}.effect-option span{font-size:8px;margin-top:10px}.sound-options button{min-height:65px}.look-result{display:block;margin-top:28px;padding-top:24px}.look-result p{font-size:13px;margin-top:12px}.look-result small{display:block;margin-top:12px;font-size:11px}.style-section{grid-template-columns:1fr;gap:22px}.style-detail>p{font-size:14px}.style-chips{margin-top:21px;gap:6px}.style-chips>span{font-size:11px;padding:9px 11px}.style-formula{gap:8px;min-height:90px}.style-formula>span{font-size:11px}.merge-result{margin-left:4px}.merge-result img{width:30px;height:30px}.proof-stats{gap:0;justify-content:space-between;margin-block:30px}.proof-stats>div{width:31%;gap:8px}.proof-stats strong{font-size:37px}.proof-stats span{font-size:10px;line-height:1.5;max-width:14ch}.reel-viewport{padding-inline:20px}.reel{width:240px}.reel-track{gap:14px;animation-duration:60s}@keyframes reel-drift{to{transform:translateX(calc(-50% - 7px))}}.reel-controls{margin-top:16px}.free-section .primary-button{margin-top:25px;min-width:0;width:fit-content;gap:28px}.free-strip{gap:10px}.free-strip figure{min-width:150px}.free-caption{display:block;font-size:10px}.view-chip{margin-top:12px}.faq-section{grid-template-columns:1fr;gap:28px}summary{font-size:14px;padding-block:20px}.faq-list p{font-size:13px}.final-section{padding-block:58px}.final-grid{grid-template-columns:1fr;gap:32px}.final-logo{width:100px;margin-bottom:28px}.final-section h2{font-size:52px}.final-section>div>div>p{margin-top:20px;font-size:14px}.site-footer{display:block;padding-block:28px;font-size:10px}.site-footer a{margin-top:15px}.success{min-height:265px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reel-viewport{overflow-x:auto}.reel-track{transform:none!important}.reel-clone{display:none}.page-progress>img{display:none}}
/* One optical surface, over real footage only. */
.edited-caption{padding:17px 8px;border:1px solid #ffffff70;border-radius:14px;background:#ffffff12;backdrop-filter:blur(2px);isolation:isolate}.edited-caption canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;border-radius:14px}.edited-caption.webgl{background:none;backdrop-filter:none;border-color:transparent}
@media(min-width:761px){.studio-window{width:min(100%,calc((100svh - 290px)*1.6));margin-inline:auto}.studio-section h2{font-size:46px}}
.page-progress>img{width:28px;top:3px;transition:transform .12s ease-out}.button-rabbit{width:30px;height:30px;right:18px}.success-rabbit{object-fit:contain}.merge-result img{object-fit:contain}
@media(max-width:760px){.form-note{font-size:10px;line-height:1.5}.eyebrow{font-size:8px}}
@media(min-width:761px){.studio-window{width:min(100%,calc((100svh - 380px)*1.6))}}
/* Bolder direction, requested after the first screenshot review. */
.hero h1 em{color:var(--red)}.hero h1{font-weight:900}.hero-visual{max-width:510px}.hero{grid-template-columns:1.15fr 1fr;gap:65px}.hero h1{font-size:clamp(52px,5.5vw,80px)}
.why{position:relative;color:var(--ink);border:0}.why:before{content:'';position:absolute;inset:0 calc((min(1280px,100vw - 96px) - 100vw)/2);background:var(--cream);z-index:-1}.why p{color:#625f59}.why-answer strong{color:var(--ink);font-size:23px}.why h2{font-size:clamp(36px,4.2vw,64px)}
.studio-toolbar{display:flex;align-items:center;gap:18px;margin-bottom:16px}.studio-toolbar>span{font-size:12px;color:var(--muted)}.studio-themes{display:flex;border:1px solid #575650;border-radius:6px;overflow:hidden;margin-left:auto}.studio-themes button{border:0;background:transparent;min-height:44px;padding:8px 22px;font-size:12px;color:var(--muted)}.studio-themes button[aria-pressed=true]{background:var(--cream);color:var(--ink)}.studio-overview{display:none;color:var(--cream);background:none;border:1px solid #575650;border-radius:6px;padding:8px 12px;font-size:11px;min-height:44px}.studio-window[data-theme=light]{background:var(--cream)}
@media(min-width:761px){.studio-window{width:min(100%,calc((100svh - 440px)*1.6))}.studio-section .section-head{margin-bottom:24px}}
@media(max-width:1100px){.hero{gap:40px}.hero h1{font-size:55px}.why:before{inset-inline:-32px}}
@media(max-width:760px){.hero{gap:42px}.hero h1{font-size:48px}.hero-visual{max-width:none}.why:before{inset-inline:-20px}.why-answer strong{font-size:20px}.studio-toolbar{gap:8px;flex-wrap:wrap}.studio-toolbar>span{width:100%;margin-bottom:4px}.studio-themes{margin-left:0}.studio-themes button{padding-inline:24px}.studio-overview{display:block;margin-left:auto}.studio-window.detail{aspect-ratio:1}.studio-section .section-head{margin-bottom:20px}.studio-section .section-head p{font-size:13px}.studio-pin{padding-block:12px}.studio-description{font-size:11px}.studio-steps button{font-size:9px;padding-inline:8px}.studio-controls{display:flex;gap:5px;align-items:start}.studio-replay{font-size:0;gap:0;padding:10px;margin-top:0}.studio-replay .arrow{width:18px}.studio-steps{flex:1}.walkthrough-label{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.page-progress>img{display:block;left:18px!important;transform:none}.progress-line{display:none}}
.style-tile figcaption{color:#f3ecdf}
.top-link,.studio-replay{min-width:44px;justify-content:center}.secondary-link{min-height:44px}@media(max-width:760px){.studio-steps button{font-size:10px}}