:root{--paper:#f6f5ef;--white:#fffef9;--ink:#202b28;--muted:#55615c;--accent:#454db4;--pale:#e8eaf5;--sage:#dce5d3;--line:#d0d5ca;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}
html{scroll-behavior:auto;scroll-padding-top:110px}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 var(--sans);-webkit-font-smoothing:antialiased}
body,h1,h2,h3,p,figure{margin-top:0}
::selection{background:#d1d5ee;color:#17201c}
a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:4px}
a:hover{text-decoration-thickness:2px}
button,input,select{font:inherit}
button,summary{cursor:pointer}
button{color:inherit}
button,a,input,select,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
[hidden]{display:none!important}
.skip-link{position:fixed;top:10px;left:18px;padding:12px 20px;background:var(--ink);color:white;z-index:100;transform:translateY(-200%)}
.skip-link:focus{transform:translateY(0)}
.site-header{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}
.header-inner,.shell,.footer-inner,.footer-bottom{max-width:1328px;margin:auto;padding-left:44px;padding-right:44px}
.header-inner{height:96px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:20px;font-weight:650;line-height:1.2;text-decoration:none;letter-spacing:-.5px}
.brand svg{width:38px;height:38px;color:var(--accent)}
.brand-sub{display:block;font-size:11px;letter-spacing:3.6px;font-weight:600;margin-top:6px;color:var(--muted)}
.desktop-nav{display:flex;align-items:center;gap:32px;font-size:15px}
.desktop-nav a{text-decoration:none;color:var(--ink);padding:10px 0}
.desktop-nav a[aria-current],.desktop-nav a:hover{color:var(--accent)}
.desktop-nav .official{border-left:1px solid var(--line);padding-left:28px;color:var(--muted)}
.mobile-menu{display:none}
.page-cover{padding:52px 0 48px;max-width:920px}
.home-cover{display:grid;grid-template-columns:1fr 1fr;max-width:none;gap:22px;align-items:center;padding:64px 0 68px}
.kicker{font-size:13px;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted);font-weight:650;margin-bottom:22px}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-1.6px;line-height:1.08}
h1{font-size:clamp(44px,4.4vw,65px);margin-bottom:24px;max-width:890px}
.home-cover h1{font-size:clamp(46px,4.6vw,68px);max-width:610px}
.home-cover h1>span{display:block}
.intro{font-size:20px;line-height:1.65;max-width:690px;color:var(--muted);margin-bottom:0}
.home-cover .intro{max-width:500px;font-size:18px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:32px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--accent);color:white;text-decoration:none;padding:13px 21px;line-height:1.45;font-size:15px;font-weight:600;border:1px solid var(--accent);border-radius:3px;min-height:48px;transition:background .16s}
.button:hover{background:#333a91;text-decoration:none}
.text-link{font-size:14px;font-weight:600}
.cover-art{margin:0;align-self:center}
.cover-art img{display:block;width:100%;height:auto}
.cover-art img[src$=".webp"]{border-radius:4px}
.illustrated-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0 35px}
.illustrated-steps figure{margin:0;min-width:0}
.step-visual{aspect-ratio:1;overflow:hidden;background:#f2eee4}
.step-visual img{display:block;width:300%;max-width:none;height:100%}
.crop-middle img{transform:translateX(-33.333333%)}
.crop-right img{transform:translateX(-66.666667%)}
.illustrated-steps figcaption{font-size:13px;margin-top:12px;line-height:1.65}
.illustrated-steps figcaption strong{display:block;font-size:15px;color:var(--ink);margin-bottom:6px}
.illustrated-steps figcaption span{display:block}
figcaption{font-size:13px;line-height:1.6;color:var(--muted);margin-top:12px}
.cover-art figcaption{text-align:center;font-size:12px}
.reading-layout{display:grid;grid-template-columns:218px minmax(0,1fr);gap:62px;align-items:start;padding-bottom:80px}
.contents{position:sticky;top:132px;padding-right:10px;font-size:13px;line-height:1.55}
.contents p{font-weight:650;font-size:12px;letter-spacing:1.1px;text-transform:uppercase;margin-bottom:18px;color:var(--muted)}
.contents a{display:block;padding:7px 0;color:var(--muted);text-decoration:none}
.contents a:hover{color:var(--accent)}
.mobile-contents{display:none}
.page-body{min-width:0;max-width:860px}
.page-body section{margin-bottom:58px;padding-top:35px;border-top:1px solid var(--line)}
.page-body section:last-child{margin-bottom:0}
h2{font-size:38px;margin-bottom:25px;scroll-margin-top:12px}
h3{font-size:19px;line-height:1.4;letter-spacing:-.3px;margin-top:28px;margin-bottom:12px;font-weight:650}
p{margin-bottom:20px}
.lead{font-size:23px;line-height:1.6}
.page-body ul,.page-body ol{padding-left:23px;margin:0 0 24px}
.page-body li{padding-left:3px;margin:8px 0}
strong{font-weight:650}
.source-note{font-size:13px;line-height:1.7;color:var(--muted);margin-top:24px}
.source-note a{color:inherit}
.byline{font-size:13px;margin-top:27px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 22px}
.byline a{color:inherit}
.byline span{color:var(--muted)}
.breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;padding-top:30px;color:var(--muted)}
.breadcrumb a{color:inherit}
.breadcrumb+.page-cover{padding-top:32px}
code{font-family:var(--mono);font-size:.87em;overflow-wrap:anywhere;background:#e9eae2;padding:2px 5px;border-radius:2px}
.table-wrap{overflow-x:auto;margin:28px 0}
table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.65;text-align:left}
caption{font-size:13px;color:var(--muted);text-align:left;margin-bottom:12px}
th,td{padding:16px 18px;border-bottom:1px solid var(--line);vertical-align:top}
thead{background:var(--sage)}
thead th{font-size:13px;font-weight:650;letter-spacing:.2px}
tbody th{font-weight:600;min-width:115px}
tbody tr:nth-child(even){background:#efefe7}
.stage-explorer{margin:28px 0;background:var(--sage);padding:24px 28px 28px;border-radius:4px}
.stage-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}
.stage-buttons button{background:transparent;border:1px solid #a7b49b;padding:9px 18px;font-size:14px;border-radius:3px;min-height:44px;transition:background .16s,color .16s}
.stage-buttons button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}
.stage-panels{min-height:130px}
.stage-panels strong{font-family:var(--serif);font-size:27px;font-weight:400;line-height:1.3}
.stage-panels p{font-size:16px;line-height:1.65;margin:12px 0 0}
.stage-panels>div+div{margin-top:20px}
.js .stage-panels>div+div{margin-top:0}
.choice-list{margin:26px 0}
.choice-list>div{padding:6px 0 22px 22px;border-left:3px solid var(--accent)}
.choice-list>div+div{margin-top:22px;border-color:#9aac8d}
.choice-list h3{margin-top:0}
.choice-list p{margin-bottom:12px}
.choice-list a{font-size:15px;font-weight:600}
.editorial-steps{list-style:none;counter-reset:steps;padding-left:0!important;margin-top:30px!important}
.editorial-steps li{position:relative;padding-left:62px;margin:0 0 30px;counter-increment:steps}
.editorial-steps li:before{content:counter(steps);position:absolute;left:0;top:2px;font:italic 37px/1 var(--serif);color:var(--accent)}
.editorial-steps h3{margin-top:0}
.prompt-teaser{background:var(--pale);padding:27px 32px;margin:32px 0}
.panel-label{font-size:12px;font-weight:650;letter-spacing:1px;text-transform:uppercase;margin-bottom:15px}
blockquote{font-family:var(--serif);font-size:25px;line-height:1.5;margin:0 0 25px}
.prompt-teaser>a{font-size:14px;font-weight:600}
.case-dossier{background:var(--ink);color:var(--paper);margin:30px 0;display:grid;grid-template-columns:1fr 1.1fr;gap:35px;padding:34px}
.case-title>p{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#c2cebb}
.case-title h3{font:400 31px/1.25 var(--serif);margin-top:30px;margin-bottom:30px}
.case-dossier a{color:#d0d6ff;font-size:13px}
.case-notes h3{font-size:16px;margin-top:0;color:#dce5d3}
.case-notes p{font-size:14px;line-height:1.8;color:#dce0d9}
.case-notes p:last-child{margin-bottom:0}
.case-notes h3:not(:first-child){margin-top:26px}
.cost-ledger{margin:26px 0}
.cost-ledger>div{display:grid;grid-template-columns:135px 1fr;gap:22px;padding:17px 0;border-bottom:1px solid var(--line)}
dt{font-weight:650;font-size:15px}
dd{margin:0;font-size:16px}
.problem-links{list-style:none;padding:0!important;margin:28px 0!important}
.problem-links li{margin:0;padding:0}
.problem-links a{display:flex;gap:20px;justify-content:space-between;padding:22px 0;border-bottom:1px solid var(--line);text-decoration:none}
.problem-links strong{color:var(--ink);font-size:18px;font-weight:600}
.problem-links small{display:block;font-size:14px;color:var(--muted);margin-top:5px}
.problem-links a>span:last-child{font-size:24px}
.faq,.platform{border-bottom:1px solid var(--line);padding:0}
.faq summary,.platform summary{padding:19px 32px 19px 0;font-size:17px;font-weight:600;position:relative;list-style:none;min-height:62px}
summary::-webkit-details-marker{display:none}
.faq summary:after,.platform summary:after{content:'+';position:absolute;right:4px;top:17px;font-size:22px;font-weight:400;color:var(--accent)}
.faq[open] summary:after,.platform[open] summary:after{content:'−'}
.faq p{font-size:16px;margin-bottom:25px}
.platform>div{padding:0 6px 10px}
.platform h3{margin-top:8px}
.platform>div p,.platform>div li{font-size:16px}
.next-step{background:var(--sage);padding:28px 32px;margin-top:38px;display:flex;gap:25px;align-items:center;justify-content:space-between}
.next-step p{font-family:var(--serif);font-size:25px;line-height:1.35;margin:0}
.next-step .panel-label{font:600 12px/1.5 var(--sans);margin-bottom:10px}
.next-step .button{flex-shrink:0}
.check-list{list-style:none;padding-left:0!important}
.check-list li{position:relative;padding-left:30px!important;margin-bottom:12px}
.check-list li:before{content:'✓';position:absolute;left:1px;color:var(--accent);font-size:18px;font-weight:650}
.command-panel{background:#202b28;color:#edf0e8;margin:25px 0;border-radius:4px;overflow:hidden}
.command-panel>div{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px 20px;border-bottom:1px solid #45514a;font-size:12px;color:#d2d9cc}
.command-panel button{background:transparent;color:#edf0e8;border:1px solid #69756d;padding:6px 12px;font-size:12px;min-height:34px;border-radius:3px}
.command-panel button:hover{background:#3e4a43}
.command-panel pre{margin:0;padding:22px;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.8 var(--mono)}
.command-panel code{font:inherit;background:none;color:inherit;padding:0}
.copy-status:not(:empty){display:block;padding:8px 20px 0;font-size:12px;color:#dce5d3}
.command-panel:focus-within{outline-offset:4px}
.note{background:var(--pale);padding:24px 28px;margin:28px 0;font-size:16px}
.note>strong{font-size:17px}
.note p{margin-top:9px;margin-bottom:0}
.stage-list>div{display:grid;grid-template-columns:90px 1fr;gap:20px;margin:0 0 24px;padding-left:19px;border-left:3px solid #a6b799}
.stage-list dt{font:400 23px/1.4 var(--serif)}
.stage-list dd{font-size:16px}
.compact-links{font-size:16px}
.symptom-index{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0!important;margin-top:28px!important}
.symptom-index li{padding:0;margin:0}
.symptom-index a{display:block;padding:9px 14px;background:var(--pale);text-decoration:none;font-size:14px;border-radius:3px}
.symptom-index a:hover{background:#dce0f2}
.comparison-note{display:grid;grid-template-columns:1fr 25px 1fr;gap:20px;padding:26px;background:var(--sage);margin:28px 0;align-items:center}
.comparison-note strong{font-size:15px}
.comparison-note p{font-size:14px;margin:8px 0 0}
.guide-directory{list-style:none;padding:0!important}
.guide-directory li{padding:18px 0;border-bottom:1px solid var(--line);margin:0}
.guide-directory a{font-size:21px;font-family:var(--serif)}
.guide-directory p{font-size:16px;margin:8px 0 0}
.contact-email{font:400 clamp(22px,2.7vw,34px)/1.4 var(--serif);overflow-wrap:anywhere;margin:24px 0}
.site-footer{background:#e7eadf;padding-top:55px}
.footer-inner{display:grid;grid-template-columns:1.4fr 1fr 1.15fr .75fr;gap:35px;padding-bottom:50px;font-size:14px}
.footer-brand{font:400 28px/1.3 var(--serif);color:var(--ink);text-decoration:none}
.footer-about p{margin-top:16px;color:var(--muted);line-height:1.7}
.footer-about .small{font-size:12px;margin-top:25px}
.footer-inner nav p{font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.6px;margin-bottom:18px}
.footer-inner nav a{display:block;text-decoration:none;color:var(--muted);margin:9px 0}
.footer-inner nav a:hover{color:var(--accent);text-decoration:underline}
.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;border-top:1px solid #c9d0c0;padding-top:20px;padding-bottom:24px;font-size:12px;color:var(--muted)}
.footer-bottom a{color:inherit}
.not-found{max-width:750px;margin:15vh auto;padding:30px}
.not-found h1{font-size:60px}
.demo-figure{margin:30px 0}
.film-demo{background:#edf0e8;padding:26px;border:1px solid #bfc8b8;border-radius:5px;color:#243229;font-family:var(--sans)}
.film-top{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #bfc8b8;padding-bottom:16px;font-size:11px}
.film-top strong{font-size:18px;letter-spacing:2px}
.film-top strong span{font-size:10px;letter-spacing:0;font-weight:400}
.film-top>span{font-size:10px;align-self:center}
.film-heading{margin:26px 0 20px}
.film-heading p,.film-heading h2{font:400 36px/1.2 var(--serif);letter-spacing:-1px;margin:0 0 8px}
.film-heading>span{font-size:11px;color:#55615c}
.film-controls{display:grid;grid-template-columns:1.7fr 1fr auto;gap:12px;align-items:end}
.film-controls label{font-size:11px;display:block;line-height:1.5;font-weight:650}
.film-controls input,.film-controls select{display:block;background:#fffef9;border:1px solid #a8b4a0;border-radius:3px;width:100%;min-width:0;color:#243229;padding:9px 10px;height:42px;margin-top:5px;font-size:13px}
.film-controls button{background:#243229;color:#f6f5ef;border:1px solid #243229;border-radius:3px;font-size:12px;padding:8px 13px;min-height:42px}
.film-count{margin:19px 0 11px;font-size:11px;color:#55615c}
.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px}
.film h3{font-size:13px;letter-spacing:0;margin:10px 0 3px;line-height:1.4}
.film p{font-size:11px;color:#55615c;margin:0}
.poster{aspect-ratio:3/4;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:15px;background:#263d43;color:#fffef9}
.poster span{position:relative;z-index:2;font:400 clamp(14px,1.7vw,25px)/1.05 var(--serif);letter-spacing:-.5px}
.poster:before,.poster:after{content:'';position:absolute;pointer-events:none}
.orbit{background:#293e57}.orbit:before{width:64%;aspect-ratio:1;border:1px solid #c9d6e7;border-radius:50%;top:15%;left:35%}.orbit:after{width:10%;aspect-ratio:1;border-radius:50%;background:#c9d6e7;top:27%;left:45%}
.cities{background:#c08465}.cities:before{width:42%;height:80%;background:#e2caa0;transform:rotate(-22deg);top:6%;left:22%}.cities:after{width:30%;height:90%;background:#a36148;transform:rotate(19deg);left:75%;top:15%}
.rain{background:#5d7466}.rain:before{inset:12% 18% 34%;border:1px solid #c7d6bf;transform:rotate(20deg)}.rain:after{width:2px;height:60%;background:#c7d6bf;transform:rotate(20deg);left:56%;top:7%}
.signal{background:#303849}.signal:before{width:150%;height:24%;background:#a6534b;transform:rotate(-40deg);top:24%;left:-25%}.signal:after{width:150%;height:2%;background:#d0bb9e;transform:rotate(-40deg);top:40%;left:-25%}
.greenhouse{background:#335147}.greenhouse:before{inset:17% 19% 22%;border:1px solid #b7c6a5;border-radius:50% 50% 0 0}.greenhouse:after{width:1px;height:70%;background:#b7c6a5;left:50%;top:15%}
.sunday{background:#d2a35c;color:#202b28}.sunday:before{width:52%;aspect-ratio:1;border-radius:50%;background:#efdfac;top:12%;left:28%}.sunday:after{width:110%;height:20%;background:#a77342;transform:rotate(-17deg);top:45%;left:-5%}
.film-empty{background:#dce5d3;padding:30px 20px;text-align:center;margin-top:10px}
.film-empty p{font-size:13px;margin:9px 0 0}
.reference-page{max-width:1050px;margin:45px auto;padding:0 25px 45px}
.reference-page h1{font-size:45px;margin:20px 0}
.reference-page .film-demo{padding:35px}
.reference-page .film-grid{grid-template-columns:repeat(3,1fr)}
.reference-page .poster span{font-size:34px}
@media(min-width:1500px){.home-cover h1{font-size:69px}}
@media(max-width:1100px){.desktop-nav{gap:22px}.desktop-nav .official{padding-left:20px}.reading-layout{grid-template-columns:185px minmax(0,1fr);gap:38px}.header-inner,.shell,.footer-inner,.footer-bottom{padding-left:32px;padding-right:32px}.home-cover h1{font-size:55px}.home-cover .intro{font-size:17px}.case-dossier{grid-template-columns:1fr;gap:25px}.case-title h3{margin:18px 0;font-size:30px}.case-title h3 br{display:none}.footer-inner{gap:24px}.next-step{align-items:flex-start;flex-direction:column}.hero-actions{gap:16px}.hero-actions .text-link{font-size:13px}}
@media(max-width:900px){.desktop-nav{display:none}.header-inner{height:80px}.mobile-menu{display:block;position:relative}.mobile-menu summary{font-size:14px;list-style:none;padding:10px 0 10px 16px;min-height:44px}.mobile-menu summary span{margin-left:12px}.mobile-menu[open] summary span{display:inline-block;transform:rotate(45deg)}.mobile-menu nav{position:absolute;right:0;top:56px;width:260px;padding:18px 24px;background:var(--white);border:1px solid var(--line)}.mobile-menu nav a{display:block;padding:11px 0;color:var(--ink);font-size:15px}.home-cover{grid-template-columns:1.15fr 1fr;padding:48px 0 55px;gap:10px}.home-cover h1{font-size:46px}.kicker{font-size:11px}.home-cover .intro{font-size:16px}.cover-art figcaption{font-size:10px}.reading-layout{grid-template-columns:1fr;gap:0}.contents{display:none}.mobile-contents{display:block;background:var(--sage);margin-bottom:25px;padding:0 20px}.mobile-contents summary{padding:14px 0;font-size:14px;font-weight:650;min-height:48px}.mobile-contents nav{padding:0 0 20px}.mobile-contents a{display:block;padding:6px 0;font-size:14px}.page-body{max-width:none}.page-cover{padding-bottom:30px}.page-body section{padding-top:30px}.footer-inner{grid-template-columns:1.3fr 1fr;gap:35px 50px}.case-dossier{grid-template-columns:1fr 1fr}.next-step{flex-direction:row;align-items:center}.poster span{font-size:26px}h1{font-size:55px}}
@media(max-width:640px){body{font-size:16px;line-height:1.75}.header-inner,.shell,.footer-inner,.footer-bottom{padding-left:22px;padding-right:22px}.header-inner{height:76px;gap:15px}.brand{font-size:17px;gap:7px}.brand svg{width:31px;height:31px}.brand-sub{font-size:9px;letter-spacing:3px}.home-cover{display:block;padding:38px 0 26px}.home-cover h1{font-size:48px;letter-spacing:-1.7px;max-width:490px;margin-bottom:20px}.kicker{margin-bottom:20px;font-size:11px;letter-spacing:.9px}.home-cover .intro{font-size:17px}.hero-actions{margin-top:26px;gap:17px 20px}.hero-actions .text-link{font-size:14px}.cover-art{max-width:500px;margin:26px auto 0}.cover-art figcaption{font-size:11px;margin-top:4px}.page-cover{padding-top:27px;padding-bottom:25px}h1{font-size:43px;letter-spacing:-1.4px;margin-bottom:22px}h2{font-size:31px;letter-spacing:-.9px;line-height:1.17;margin-bottom:22px}h3{font-size:18px}.intro{font-size:18px;line-height:1.6}.breadcrumb{padding-top:21px;font-size:12px}.breadcrumb+.page-cover{padding-top:24px}.byline{font-size:12px;display:block;line-height:1.8}.byline span{display:block}.reading-layout{padding-bottom:50px}.page-body section{margin-bottom:40px;padding-top:27px}.lead{font-size:21px}.stage-explorer{padding:20px}.stage-buttons{gap:7px;margin-bottom:24px}.stage-buttons button{padding:8px 12px;font-size:13px;min-height:42px}.stage-panels{min-height:190px}.stage-panels strong{font-size:25px}.stage-panels p{font-size:15px}.choice-list>div{padding-left:17px}.editorial-steps li{padding-left:44px}.editorial-steps li:before{font-size:31px}.prompt-teaser{padding:23px}blockquote{font-size:23px}.panel-label{font-size:11px}.case-dossier{grid-template-columns:1fr;padding:25px;gap:25px}.case-title h3{font-size:30px}.case-notes p{font-size:15px}.cost-ledger>div{grid-template-columns:95px 1fr;gap:15px}.cost-ledger dd{font-size:15px}.problem-links strong{font-size:17px}.problem-links small{font-size:13px}.faq summary{font-size:16px}.next-step{display:block;padding:24px}.next-step p{font-size:25px}.next-step .button{margin-top:22px}.source-note{font-size:12px}.footer-inner{grid-template-columns:1fr 1fr;gap:30px 20px;padding-bottom:35px}.footer-about{grid-column:1/-1}.footer-about p{margin-bottom:12px}.footer-about .small{margin-top:12px}.footer-inner nav p{font-size:10px}.footer-inner nav a{font-size:13px}.footer-bottom{font-size:11px;gap:12px 20px}.table-wrap{margin:24px -4px;max-width:calc(100% + 8px)}table{font-size:13px}th,td{padding:12px 10px}tbody th{min-width:70px}.table-wrap code{font-size:11px}.command-panel>div{padding:12px 16px;font-size:11px}.command-panel pre{padding:18px;font-size:12px;line-height:1.8}.note{padding:21px}.stage-list>div{grid-template-columns:1fr;gap:5px}.comparison-note{grid-template-columns:1fr;gap:10px;padding:22px}.comparison-note>span{transform:rotate(90deg);justify-self:start}.film-demo{padding:18px}.film-top{display:block}.film-top>span{display:none}.film-heading p{font-size:29px}.film-controls{grid-template-columns:1fr 1fr;gap:10px}.film-controls label:first-child{grid-column:1/-1}.film-controls button{align-self:end}.film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.film h3{font-size:12px}.poster{padding:11px}.poster span{font-size:23px}.film-top strong{font-size:17px}.film-top strong span{font-size:9px}.film-heading>span{font-size:10px}.film-controls input,.film-controls select{font-size:16px;height:44px}.film-controls button{min-height:44px}.reference-page{padding:0 16px 30px;margin-top:25px}.reference-page h1{font-size:35px}.reference-page .film-demo{padding:18px}.reference-page .film-grid{grid-template-columns:repeat(2,1fr)}.reference-page .poster span{font-size:25px}}
@media(max-width:360px){.header-inner,.shell,.footer-inner,.footer-bottom{padding-left:17px;padding-right:17px}.home-cover h1{font-size:42px}.stage-buttons{gap:5px}.stage-buttons button{padding:8px 10px}.mobile-menu nav{width:245px}.poster span{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:640px){.home-cover h1{font-size:40px}.illustrated-steps{grid-template-columns:1fr;gap:22px;margin:26px 0}.illustrated-steps figure{display:grid;grid-template-columns:122px 1fr;gap:18px;align-items:center}.illustrated-steps figcaption{font-size:14px;margin-top:0}.illustrated-steps figcaption strong{font-size:16px}.step-visual{border-radius:3px}.cover-art{margin-top:28px}.cover-art figcaption{font-size:11px}}
@media(max-width:360px){.home-cover h1{font-size:35px}.illustrated-steps figure{grid-template-columns:105px 1fr;gap:14px}}
@media(max-width:640px){html{scroll-padding-top:90px}}
@media(max-width:640px){.home-cover h1 .cover-line{font-size:35px}}
@media(max-width:360px){.home-cover h1 .cover-line{font-size:30px}}
@media(min-width:641px) and (max-width:900px){.home-cover h1{font-size:40px}.home-cover h1 .cover-line{font-size:30px}}