/* Compact header, viewport-sized introduction, and explanatory vector artwork. */
:root{--header-height:64px;--footer-height:40px}
.header{height:var(--header-height);padding:0 clamp(24px,4vw,72px);display:grid;grid-template-columns:1fr auto 1fr;gap:24px;border-bottom:1px solid #e9e5ef8c;flex-shrink:0}
.brand{justify-self:start;gap:9px}.brand>img{display:block;width:32px;height:32px;border-radius:9px}.brand>span{font-size:23px;letter-spacing:-1.1px}
.header-nav{display:flex;align-items:center;justify-content:center;gap:31px;height:100%}.header-nav>a{height:100%;display:flex;align-items:center;position:relative;font-size:13px;font-weight:550;color:#9d90aa;padding:0 6px;transition:color .25s}.header-nav>a:after{content:'';position:absolute;left:6px;right:6px;bottom:0;height:2px;background:var(--purple);transform:scaleX(0);transition:transform .3s var(--ease)}.header-nav>a[aria-current]{color:var(--purple);font-weight:750}.header-nav>a[aria-current]:after{transform:scaleX(1)}.header-nav>a:hover{color:var(--purple)}
.install{justify-self:end;padding:11px 16px;font-size:11px;gap:8px;white-space:nowrap}.install-arrow{font-size:18px;margin-left:5px}.install-mobile{display:none}
main{margin-left:0;padding:0 clamp(24px,5vw,90px);min-height:0}.footer{margin:0;padding:0 clamp(24px,5vw,90px);height:var(--footer-height);align-items:center;border-top:1px solid #e9e5ef80;flex-shrink:0;font-size:8px}
body.intro-mode{height:100svh;min-height:100svh;display:flex;flex-direction:column}.intro-mode main{height:calc(100svh - var(--header-height) - var(--footer-height));flex:1;min-height:0}
.intro{height:100%;min-height:0;max-width:1540px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.4fr);gap:clamp(25px,3.5vw,66px);align-items:center;padding:clamp(18px,3vh,40px) 0}
.intro-heading{text-align:left;min-width:0}.intro .eyebrow{justify-content:flex-start;font-size:11px;margin-bottom:25px}.intro h1{font-size:clamp(29px,3.15vw,56px);line-height:1.25;letter-spacing:-.065em;white-space:normal;position:relative}.intro h1 .mobile-break,.intro-copy .mobile-break{display:block}.title-star{position:static;width:22px;height:22px;vertical-align:top;margin:3px 0 0 8px}.intro-copy{font-size:clamp(12px,1.03vw,16px);line-height:1.95;margin:24px 0;color:#80738f}.feature-line{justify-content:flex-start;font-size:clamp(13px,1.1vw,17px);gap:9px}
.film-composition{width:100%;max-width:none;min-width:0;margin:0;justify-self:center;align-self:center;animation-delay:0s}.film-surface{border-radius:11px;max-width:calc((100svh - 185px)*16/9);margin-inline:auto;box-shadow:0 23px 55px -33px #6e429a40,0 0 0 1px #e4dcef90}.film-surface video{aspect-ratio:16/9;max-height:calc(100svh - 185px);width:100%;height:auto;object-fit:contain}.film-foot{padding:14px 0 0;font-size:8px;gap:8px;max-width:calc((100svh - 185px)*16/9);margin-inline:auto}.film-details{font-size:7px;gap:7px}.film-details button{height:22px;width:22px;flex-shrink:0}.film-aura{inset:-12% -3% -10%;background:radial-gradient(ellipse at 55% 65%,#d9c6f941,transparent 65%)}
.features{max-width:1250px;padding-top:42px}.features-heading{text-align:left;padding-bottom:33px}.features-heading h1{font-size:clamp(34px,3.6vw,57px);line-height:1.15;margin:0}.features-heading h1 br{display:none}.features-heading h1 em{margin-left:10px}.feature-section{grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:clamp(24px,2.6vw,44px);padding:57px 0}.feature-copy h2{font-size:clamp(29px,2.6vw,42px);margin-bottom:20px}.section-number{margin-bottom:23px}.feature-lead{font-size:clamp(14px,1.2vw,17px)}.feature-detail{font-size:12px;line-height:1.9}.plan-feature{grid-template-columns:1fr;gap:28px}.plan-feature .feature-copy{column-gap:30px}.privacy-feature{grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr)}
.click-comparison{display:grid;grid-template-columns:minmax(0,1.6fr) 38px minmax(0,1fr);align-items:stretch;position:relative;gap:0;padding:20px 0 26px}.manual-pane{padding:22px 17px 18px;border:1px solid #e2dce8;border-radius:12px;background:linear-gradient(140deg,#eeeaf2,#f8f5fb);box-shadow:inset 0 1px 0 #fff}.comparison-label{display:block;font-size:9px;font-weight:650;letter-spacing:.03em;color:#aa9ab7;margin-bottom:20px}.manual-row{padding:11px 0;border-top:1px solid #ded5e6}.manual-row>span{font-size:10px;font-weight:550;color:#84748f;display:block;margin-bottom:9px}.many-clicks{display:flex;justify-content:space-between;gap:4px}.many-clicks i{display:grid;place-items:center;height:26px;min-width:0;flex:1;border:1px solid #d5c8df;border-radius:4px;background:#ffffff75;transform:rotate(-7deg);animation:manual-flicker 4s infinite;animation-delay:var(--delay)}.many-clicks i:nth-child(3n){transform:rotate(8deg) translateY(-2px)}.many-clicks i:nth-child(even){background:#e2d8eb;border-color:#c9b8d9}.many-clicks svg{width:11px;height:15px;fill:#c5b3d5;stroke:#a28bb5;stroke-width:.9}.manual-bottom{border-top:1px solid #ded5e6;margin-top:12px;padding-top:13px;font-size:8px;color:#ac9bb8;letter-spacing:-.02em}.collapse-arrow{display:grid;place-items:center}.collapse-arrow svg{width:27px;height:22px;stroke:#baa3d5;stroke-width:1.4;fill:none}.single-pane{position:relative;display:flex;flex-direction:column;justify-content:center;text-align:center;border:1px solid #d7c2f2;border-radius:12px;background:linear-gradient(150deg,#fff,#f0e8fd);padding:22px 10px}.single-pane>.comparison-label{color:#9776bd;font-size:8px;margin-bottom:20px}.single-action{position:relative;display:flex;flex-direction:column;align-items:center}.single-action>img{border-radius:11px;margin-bottom:9px;box-shadow:0 7px 20px #7046d21a}.single-action>strong{font-size:12px;font-weight:750;letter-spacing:-.03em;color:var(--deep)}.one-click{margin-top:7px;display:grid;gap:0}.one-click b{font-size:74px;font-weight:650;letter-spacing:-.08em;line-height:1.15;color:var(--purple);padding-right:7px}.one-click span{font-size:8px;font-weight:700;letter-spacing:.22em;color:#a78ac6}.single-action>svg{position:absolute;width:22px;height:28px;fill:#fff;stroke:var(--purple);stroke-width:1.3;right:7%;bottom:1%;filter:drop-shadow(1px 3px 1px #7046d21a);animation:single-tap 4s infinite}.click-ring{position:absolute;height:23px;width:23px;border:1px solid #b090de;border-radius:50%;right:12%;bottom:7%;animation:click-ring 4s infinite;pointer-events:none}.single-pane>p{font-size:10px;line-height:1.9;color:#a18bb6;margin:24px 0 0}.single-pane>p strong{font-weight:650;color:#755193}.comparison-note{position:absolute;bottom:0;left:0;font-size:7px;color:#b3a5be}
.privacy-diagram{min-width:0;background:linear-gradient(145deg,#fff,#f4eefc);border:1px solid #e3d8f0;border-radius:12px;padding:36px 18px 22px}.privacy-pipeline{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 30px minmax(0,1fr);align-items:center;gap:0;padding-top:26px}.pipeline-node{min-width:0;min-height:147px;text-align:center;display:flex;align-items:center;flex-direction:column;padding:17px 5px;border:1px solid #e9e0f2;border-radius:9px;background:#ffffffa6}.pipeline-node>svg{width:30px;height:30px;stroke:#a082c1;stroke-width:1.4;fill:none;margin-bottom:13px}.pipeline-node>strong{font-size:11px;white-space:nowrap;letter-spacing:-.03em;font-weight:650}.pipeline-node>span:last-child{font-size:8px;line-height:1.7;color:#aa98b9;margin-top:8px;word-break:keep-all}.ai-emblem{font-size:35px;line-height:30px;color:#a17cd0;display:block;margin-bottom:13px}.extension-node{position:relative;border-color:#ccb1ec;background:#f2e8ff;box-shadow:0 7px 17px -15px #7046d280}.extension-node>img{height:30px;width:30px;border-radius:8px;margin-bottom:13px}.extension-node>span{font-size:8px;line-height:1.7;color:#9579b2;margin-top:8px}.extension-node>i{position:absolute;bottom:-8px;border:1px solid #d8c4ee;border-radius:3px;background:#f4eaff;font-style:normal;font-size:6px;letter-spacing:.12em;padding:2px 5px;color:#946ab8}.pipeline-link{position:relative;padding:0 6px}.pipeline-link>svg{width:100%;height:20px;stroke:#c9b3df;stroke-width:1.5;fill:none}.no-students{position:absolute;top:-63px;left:50%;translate:-50% 0;display:flex;gap:4px;align-items:center;justify-content:center;width:90px;padding:6px 5px;font-size:7px;line-height:1.5;letter-spacing:-.02em;border:1px solid #e6daf2;background:#fcf9ff;border-radius:5px;color:#9a80b3}.no-students>svg{height:13px;width:13px;stroke:#9672b7;stroke-width:1.4;fill:none;flex-shrink:0}.local-input{position:relative;border-top:1px solid #e6dcf0;display:flex;align-items:center;gap:9px;margin-top:34px;padding-top:19px}.local-input>svg{height:21px;width:21px;stroke:#9d7dbd;stroke-width:1.4;fill:none;flex-shrink:0}.local-input>div{display:grid;gap:6px}.local-input strong{font-size:9px;letter-spacing:-.02em;font-weight:600;color:#8d739f}.local-input>div>span{font-size:7px;line-height:1.6;color:#b19ebf}.stays-local{display:none}.local-route{position:absolute;right:15%;height:29px;top:-30px;border-left:1px dashed #c6a6e2}.local-route:before{content:'↑';position:absolute;color:#bc9bd8;top:-10px;left:-5px;font-size:12px}
@keyframes manual-flicker{0%,100%{opacity:.65}30%,65%{opacity:1}}@keyframes single-tap{0%,42%,100%{transform:none}50%{transform:translate(-3px,-4px)}60%{transform:none}}@keyframes click-ring{0%,44%,85%,100%{opacity:0;transform:scale(.6)}50%{opacity:.8;transform:scale(.7)}75%{opacity:0;transform:scale(2)}}
@media(max-width:1100px){.intro{grid-template-columns:minmax(0,.95fr) minmax(0,1.3fr);gap:24px}.intro .eyebrow{font-size:9px;margin-bottom:21px}.intro h1{font-size:clamp(29px,3.3vw,37px)}.intro-copy{font-size:12px;margin:20px 0}.feature-line{font-size:13px;gap:7px}.title-star{width:16px;height:16px;margin-left:4px}.film-foot{font-size:7px}.film-details{font-size:6px}.feature-section,.privacy-feature{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:24px}.plan-feature{grid-template-columns:1fr}.feature-copy h2{font-size:30px}.feature-lead{font-size:14px}.feature-detail{font-size:11px}.manual-pane{padding:18px 12px}.manual-row>span{font-size:9px}.click-comparison{grid-template-columns:minmax(0,1.5fr) 28px minmax(0,1fr)}.many-clicks{gap:3px}.many-clicks i{height:23px}.many-clicks svg{width:9px;height:12px}.single-pane{padding-inline:7px}.single-action>strong{font-size:11px}.single-pane>p{font-size:9px}.privacy-diagram{padding-inline:12px}.privacy-pipeline{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr) 23px minmax(0,1fr)}.pipeline-node>strong{font-size:10px}.pipeline-node>span:last-child,.extension-node>span{font-size:7px}}
@media(max-width:900px) and (min-height:551px){.intro{grid-template-columns:1fr;gap:24px;align-content:center;justify-items:center;max-width:650px;padding:24px 0}.intro-heading{text-align:center}.intro .eyebrow{justify-content:center;font-size:10px;margin-bottom:18px}.intro h1{font-size:clamp(34px,5.8vw,46px)}.intro-copy{font-size:12px;margin:18px 0}.feature-line{justify-content:center}.film-composition{width:min(100%,calc((100svh - 380px)*16/9));margin:0}.film-surface{max-width:none}.film-foot{max-width:none}.film-details{font-size:7px}.film-surface video{max-height:none}.title-star{width:18px;height:18px}.features-heading h1 br{display:block}.features-heading h1 em{margin:0}.feature-section,.privacy-feature{grid-template-columns:1fr;gap:22px}.plan-feature .feature-copy{display:block}.plan-feature h2{margin-bottom:18px}.plan-feature .feature-detail{margin-top:12px}.click-comparison{grid-template-columns:minmax(0,1.6fr) 36px minmax(0,1fr);max-width:600px;width:100%;margin-inline:auto}.privacy-diagram{padding-inline:22px}.pipeline-node>strong{font-size:12px}.pipeline-node>span:last-child,.extension-node>span{font-size:9px}.privacy-pipeline{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 36px minmax(0,1fr)}.local-input strong{font-size:11px}.local-input>div>span{font-size:9px}}
@media(max-width:700px){:root{--header-height:62px;--footer-height:34px}.header{padding:0 18px;gap:14px;grid-template-columns:auto 1fr auto}.brand>img{width:30px;height:30px;border-radius:8px}.brand>span{font-size:20px}.header-nav{gap:19px}.header-nav>a{font-size:12px;padding-inline:2px}.header-nav>a:after{left:2px;right:2px}.install{padding:10px 12px;font-size:10px}.install-arrow{font-size:16px;margin-left:2px}main{padding-inline:22px}.footer{padding-inline:22px;font-size:6px}.intro{max-width:580px;gap:23px;padding:20px 0;align-content:center}.intro .eyebrow{font-size:9px;margin-bottom:16px}.intro h1{font-size:clamp(29px,8.2vw,40px);line-height:1.22}.intro-copy{font-size:11px;line-height:1.85;margin:17px 0}.feature-line{font-size:12px;gap:8px}.title-star{position:static;width:15px;height:15px;vertical-align:top;margin:3px 0 0 4px}.film-composition{width:min(100%,calc((100svh - 358px)*16/9));margin:0}.film-surface{border-radius:7px}.film-surface video{min-height:0}.film-foot{font-size:7px;padding:12px 0 0;gap:6px;align-items:center}.film-details{font-size:6px;gap:5px}.film-details button{margin:0;width:20px;height:20px}.features{padding-top:29px}.features-heading{padding-bottom:26px}.features-heading h1{font-size:36px}.feature-section{padding:34px 0;gap:18px}.feature-copy h2{font-size:32px}.section-number{font-size:7px;margin-bottom:17px}.feature-lead{font-size:14px;margin-bottom:12px}.feature-detail{font-size:11px}.manual-pane{padding:19px 13px 16px}.manual-row{padding:10px 0}.manual-row>span{font-size:9px;margin-bottom:8px}.many-clicks i{height:23px}.many-clicks{gap:3px}.many-clicks svg{width:9px;height:12px}.click-comparison{grid-template-columns:minmax(0,1.55fr) 28px minmax(0,1fr);padding-top:8px}.comparison-label{font-size:8px;margin-bottom:17px}.single-pane{padding-inline:8px}.single-pane>.comparison-label{font-size:7px}.single-action>img{width:34px;height:34px;border-radius:9px}.single-action>strong{font-size:11px}.one-click b{font-size:62px}.single-pane>p{font-size:9px}.comparison-note{font-size:6px}.privacy-diagram{padding:20px 18px 18px}.privacy-pipeline{grid-template-columns:1fr;padding-top:0;gap:0}.pipeline-node{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:10px;min-height:88px;padding:16px 20px;text-align:left;justify-content:start;align-items:center}.pipeline-node>svg,.pipeline-node>.ai-emblem,.extension-node>img{grid-column:1;grid-row:1/3;margin:0;justify-self:center}.pipeline-node>strong{grid-column:2;grid-row:1;font-size:13px;align-self:end}.pipeline-node>span:last-child,.extension-node>span{grid-column:2;grid-row:2;font-size:9px;line-height:1.6;margin-top:4px}.pipeline-node>span br{display:none}.extension-node>i{right:13px;bottom:10px;font-size:6px}.pipeline-link{height:48px;width:100%;display:flex;align-items:center;justify-content:center;padding:0}.pipeline-link>svg{width:30px;height:18px;rotate:90deg}.no-students{top:8px;left:calc(50% + 27px);translate:0 0;width:auto;white-space:nowrap;display:flex;padding:5px 8px;font-size:8px}.no-students span br{display:none}.no-students svg{height:12px;width:12px}.local-input{margin-top:26px;padding-top:15px}.local-input strong{font-size:10px}.local-input>div>span{font-size:8px;word-break:keep-all}.local-route{height:22px;top:-23px;right:50%}.feature-closing{padding:35px 0}}
@media(max-width:520px){.brand>span{display:none}.header-nav{gap:24px}.install-label{display:none}.install-mobile{display:inline}.install{font-size:10px;padding:10px 12px}.header{gap:12px}.intro .eyebrow{font-size:8px}.film-details{font-size:5.5px}.film-foot{font-size:6.5px}.film-details button{height:18px;width:18px}.footer>span:last-child{font-size:6px}.plan-figure figcaption{font-size:7px;gap:5px}.plan-figure figcaption svg{margin-inline:2px;width:17px}}
@media(max-height:650px){.intro .eyebrow{margin-bottom:14px}.intro-copy{margin:15px 0;line-height:1.75}.intro h1{font-size:clamp(27px,3.2vw,43px)}.intro{padding-block:14px}.film-foot{padding-top:10px}}
@media(max-width:700px) and (max-height:650px){.intro{gap:16px;align-content:center}.intro h1{font-size:clamp(27px,8vw,33px)}.intro .eyebrow{font-size:8px;margin-bottom:12px}.intro-copy{font-size:10px;margin:12px 0}.feature-line{font-size:11px}.film-composition{width:min(100%,calc((100svh - 310px)*16/9))}.film-foot{font-size:6px}.film-details{font-size:5px}.footer{font-size:5.5px}}
@media(min-width:700px) and (max-height:550px){:root{--header-height:56px;--footer-height:28px}.intro{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:25px;align-content:center}.intro h1{font-size:29px}.intro-copy{font-size:10px}.feature-line{font-size:11px}.intro .eyebrow{font-size:8px}.film-surface,.film-foot{max-width:calc((100svh - 155px)*16/9)}.film-surface video{max-height:calc(100svh - 155px)}}
@media(prefers-reduced-motion:reduce){.many-clicks i,.single-action>svg,.click-ring{animation:none!important}.click-ring{display:none}}
/* Stronger, legible labels for the two explanatory diagrams. */
.work-feature{grid-template-columns:minmax(260px,.64fr) minmax(0,1.36fr);gap:22px}
.manual-row>span{font-size:12px;color:#7d6a8d}.comparison-label{font-size:10px;color:#9c87ae}.single-action>strong{font-size:14px}.single-pane>p{font-size:11px}.single-pane>.comparison-label{font-size:9px}
.pipeline-node>strong{font-size:13px}.pipeline-node>span:last-child,.extension-node>span{font-size:9px;color:#9a83ae}
.no-students{font-size:9px;font-weight:650;width:106px;top:-64px;color:#79529e;background:#f7f0ff;border-color:#d9c6ed}.no-students>svg{width:16px;height:16px}
.local-input strong{font-size:11px}.local-input>div>span{font-size:9px}
@media(max-width:900px){.work-feature{grid-template-columns:1fr;gap:18px}}
@media(max-width:700px){.no-students{top:7px;width:auto;font-size:8px}.pipeline-node>strong{font-size:13px}.local-input strong{font-size:10px}.local-input>div>span{font-size:8px}.single-action>strong{font-size:12px}.single-pane>p{font-size:10px}.single-pane>.comparison-label{font-size:7px}.comparison-label{font-size:9px}.manual-row>span{font-size:11px}}
@media(max-width:700px){.pipeline-node>span br{display:initial}}

/* Align the visible copy with the artwork, rather than leaving space inside its grid track. */
.intro{gap:clamp(24px,2.1vw,38px)}
.intro-heading{width:max-content;max-width:100%;justify-self:end;text-align:left}
.intro .eyebrow{justify-content:flex-start}
.intro-copy{text-align:left}
.intro .feature-line{justify-content:flex-end;text-align:right}
.features{padding-top:18px;max-width:1180px}
.feature-section,.work-feature,.plan-feature,.privacy-feature{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:26px;padding:48px 0}
.feature-section:first-of-type{border-top:0;padding-top:28px}
.feature-section .feature-copy{width:max-content;max-width:100%;justify-self:end;text-align:left}
.plan-feature .feature-copy{display:block}
.plan-feature .section-number{margin-bottom:23px}
.plan-feature h2{margin-bottom:20px}
.plan-feature .feature-lead{margin-bottom:13px}
.plan-feature .feature-detail{margin-top:0}
.click-comparison,.plan-figure,.privacy-diagram{width:100%;min-width:0}
.plan-figure{padding:18px 16px 20px}
.plan-figure figcaption{gap:9px;font-size:10px;margin-top:18px}
.plan-figure figcaption svg{width:24px;margin-inline:4px}
@media(max-width:1100px){.intro{gap:24px}.feature-section,.work-feature,.plan-feature,.privacy-feature{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:22px}.plan-feature h2{font-size:28px}.plan-figure{padding:15px 12px 17px}.plan-figure figcaption{font-size:8px;gap:6px}.plan-figure figcaption svg{width:20px;margin-inline:2px}}
@media(max-width:900px) and (min-height:551px){.intro-heading{width:min(100%,390px);justify-self:center}.intro{gap:24px}}
@media(max-width:900px){.feature-section,.work-feature,.plan-feature,.privacy-feature{grid-template-columns:1fr;gap:19px;padding:34px 0}.feature-section .feature-copy{justify-self:start;width:auto;max-width:100%}.plan-feature h2{font-size:32px}.plan-feature .section-number{margin-bottom:17px}.plan-feature h2{margin-bottom:20px}.plan-figure figcaption{font-size:9px;gap:8px}}
@media(max-width:700px){.intro-heading{width:100%;max-width:390px;justify-self:center}.intro{gap:23px}.intro .eyebrow{justify-content:flex-start}.intro h1{text-align:left}.intro-copy{text-align:left}.intro .feature-line{justify-content:flex-end}.features{padding-top:12px}.feature-section:first-of-type{padding-top:20px}.plan-figure figcaption{font-size:8px;gap:6px}}
@media(max-width:700px) and (max-height:650px){.intro{gap:16px}}
@media(min-width:700px) and (max-height:550px){.intro{gap:24px}.intro-heading{width:max-content;justify-self:end}}
@media(max-width:700px){.intro{grid-template-columns:1fr}}
@media(max-width:700px) and (max-height:550px){.intro{padding-block:8px;gap:14px}.intro .eyebrow{font-size:7px;margin-bottom:8px}.intro h1{font-size:27px}.intro-copy{font-size:9px;line-height:1.75;margin:10px 0}.feature-line{font-size:10px}.film-composition{width:min(100%,calc((100svh - 295px)*16/9))}.film-foot{font-size:5px;padding-top:8px}.film-details{font-size:4.5px}.film-details button{width:17px;height:17px}}
/* Center the visible copy + artwork as one composition, with a deliberate inner gap. */
@media(min-width:901px), (min-width:700px) and (max-height:550px){
 .intro{width:max-content;max-width:100%;grid-template-columns:max-content minmax(0,min(700px,calc((100svh - 185px)*16/9)));justify-content:center;gap:clamp(36px,4vw,68px);margin-inline:auto}
 .intro-heading{justify-self:start;width:max-content;max-width:100%}
 .film-composition{justify-self:stretch;width:100%}
}
@media(min-width:901px){
 .feature-section,.work-feature,.plan-feature,.privacy-feature{grid-template-columns:max-content minmax(0,650px);justify-content:center;gap:clamp(36px,4vw,64px)}
 .feature-section .feature-copy{justify-self:start;width:max-content;max-width:100%}
}
/* Double the copy/media breathing room and share a single text axis across feature rows. */
@media(min-width:901px), (min-width:700px) and (max-height:550px){.intro{gap:clamp(72px,8vw,136px)}}
@media(min-width:901px){
 .feature-section,.work-feature,.plan-feature,.privacy-feature{grid-template-columns:minmax(0,clamp(280px,26vw,400px)) minmax(0,650px);gap:clamp(72px,8vw,128px)}
 .feature-section .feature-copy{width:100%;justify-self:start}
}
@media(max-width:900px) and (min-height:551px){.intro{gap:48px}}
@media(max-width:900px){.feature-section,.work-feature,.plan-feature,.privacy-feature{gap:38px}}
@media(max-width:700px){.intro{gap:46px}}
@media(max-width:700px) and (max-height:650px){.intro{gap:32px}}
@media(max-width:700px) and (max-height:550px){.intro{gap:28px}}
/* Restore feature-row spacing; bring only the intro's topic line toward the film. */
@media(min-width:901px){.feature-section,.work-feature,.plan-feature,.privacy-feature{gap:clamp(36px,4vw,64px)}}
@media(max-width:900px){.feature-section,.work-feature,.plan-feature,.privacy-feature{gap:19px}}
@media(max-width:900px) and (min-height:551px){.intro{gap:24px}}
@media(max-width:700px){.intro{gap:24px}.intro .feature-line{width:100%}}
@media(max-width:700px) and (max-height:650px){.intro{gap:18px}}
@media(max-width:700px) and (max-height:550px){.intro{gap:16px}}
@media(min-width:901px), (min-width:700px) and (max-height:550px){.intro .feature-line{width:100%;transform:translateX(clamp(48px,6vw,100px))}}
@media(max-width:700px){.intro .feature-line{transform:none}}