@font-face{font-family:Hanken;src:url('/fonts/hankengrotesk.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}

:root{font-family:Hanken,Arial,Helvetica,sans-serif;color:#191919;background:#f4f3ef;font-synthesis:none;--paper:#f4f3ef;--ink:#191919;--muted:#60605b;--line:#d5d4cd;--gutter:clamp(24px,4vw,64px)}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0}
body:has(dialog[open]){overflow:hidden}
a{color:inherit;text-underline-offset:5px}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;cursor:pointer}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:500}
p{line-height:1.55}
button{border-radius:0}
section{position:relative}
.skip{position:fixed;left:16px;top:-100px;padding:15px;background:#fff;z-index:20}
.skip:focus{top:16px}
.site-header{max-width:1600px;margin:auto;padding:23px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:block;flex-shrink:0}
.brand img{width:128px;mix-blend-mode:multiply}
.site-header nav{display:flex;align-items:center;gap:32px;font-size:14px}
.site-header nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.site-header nav a:hover{text-decoration:underline}
.nav-download{border-bottom:1px solid;padding:10px 0;display:flex;gap:35px}
.menu{display:none}
.hero{max-width:1600px;margin:auto;padding:43px var(--gutter) 0}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;line-height:1.6}
.hero-heading{display:grid;grid-template-columns:1.3fr 1fr;column-gap:70px;align-items:end;padding-bottom:49px}
.hero-heading>.eyebrow{grid-column:1/-1;margin-bottom:25px}
h1{font-size:clamp(78px,8.8vw,140px);line-height:.94;letter-spacing:-.065em}
.hero-bottom{padding-bottom:7px;max-width:390px;justify-self:end;width:100%}
.hero-bottom p{font-size:19px;line-height:1.5;margin-bottom:29px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;min-height:52px;background:var(--ink);color:#fff;padding:14px 22px;font-size:14px;text-decoration:none;border:1px solid var(--ink);transition:background .2s}
.button:hover{background:#383833}
.hero-image img{width:100%;aspect-ratio:2/1;object-fit:cover}
.hero-image figcaption{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);padding-top:14px}
.principles{max-width:1600px;margin:0 auto;padding:46px var(--gutter) 0;display:flex;justify-content:center;gap:70px;font-size:12px;color:var(--muted)}
.principles span+span::before{content:'·';margin-right:70px}
.section{max-width:1600px;margin:auto;padding:120px var(--gutter) 0}
.section-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:70px;margin-bottom:48px}
.section-heading .eyebrow{margin-bottom:24px}
h2{font-size:clamp(42px,4.4vw,70px);line-height:1.03;letter-spacing:-.055em}
.section-heading>p,.section-heading>div>p:not(.eyebrow){font-size:17px;max-width:400px;color:var(--muted);justify-self:end}
.section-heading>div:has(.release-note){justify-self:end}
.anchor{position:absolute;top:0}
.product-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.product-picker button{border:1px solid var(--line);background:transparent;padding:10px 16px;min-height:44px;font-size:13px;transition:background .15s,color .15s}
.product-picker button:hover{background:#e5e4de}
.product-picker button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.product-frame{background:#202020;border:1px solid #343434;box-shadow:0 18px 40px #24231a12}
.frame-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 19px;color:#d5d5d5;font-size:11px;border-bottom:1px solid #393939;gap:15px}
.frame-bar>span{display:flex;align-items:center;gap:10px}
.frame-bar i{height:6px;width:6px;border-radius:50%;background:#b5b5ac}
.enlarge{border:0;background:transparent;color:#eee;font-size:11px;min-height:28px;padding:3px 0}
.product-frame>img{width:100%;aspect-ratio:16/9}
.product-caption{display:flex;justify-content:space-between;gap:40px;padding:30px 0 24px;border-bottom:1px solid var(--line)}
.product-caption .eyebrow{color:var(--muted);font-size:10px;margin-bottom:10px}
.product-caption h3{font-size:29px;letter-spacing:-.035em;margin-bottom:9px}
.product-caption p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:640px}
.tour-controls{display:flex;align-items:center;gap:18px;align-self:center;flex-shrink:0}
.tour-controls button{width:44px;height:44px;background:transparent;border:1px solid var(--line);font-size:20px}
.tour-controls button:hover{background:#e5e4de}
.tour-controls span{font-size:11px;font-variant-numeric:tabular-nums}
.preview-note{font-size:11px;color:var(--muted);margin-top:16px;line-height:1.7}
.feature-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:46px}
.feature-groups article{border-top:1px solid var(--ink);padding-top:22px;display:flex;flex-direction:column}
.feature-number{font-size:11px;color:var(--muted);margin-bottom:36px}
.feature-groups h3{font-size:27px;letter-spacing:-.04em;margin-bottom:16px}
.feature-groups p{font-size:15px;color:var(--muted);max-width:360px}
.feature-groups ul{list-style:none;padding:24px 0 22px;margin:0;font-size:13px;line-height:2.1}
.feature-groups li::before{content:'—';margin-right:9px;color:#92928b}
.feature-groups a{font-size:13px;text-decoration:none;margin-top:auto;padding:13px 0;display:flex;justify-content:space-between;border-top:1px solid var(--line)}
.details{border-block:1px solid var(--line);margin-top:36px}
.details summary{cursor:pointer;min-height:66px;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;list-style:none}
.details summary::-webkit-details-marker{display:none}
.details[open] summary>span{transform:rotate(45deg)}
.details-copy{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:0 0 28px;max-width:1100px}
.details-copy p{font-size:14px;color:var(--muted)}
.editorial{max-width:1472px;margin:120px auto 0;display:grid;grid-template-columns:1fr 1.25fr;align-items:center;background:#e9e8e1}
.editorial-copy{padding:clamp(30px,4vw,64px)}
.editorial .eyebrow{margin-bottom:37px}
.editorial h2{font-size:clamp(35px,3.6vw,56px);margin-bottom:28px}
.editorial p:not(.eyebrow){font-size:16px;color:var(--muted);margin-bottom:20px}
.editorial>img{width:100%;height:100%;min-height:520px;object-fit:cover;object-position:55% center}
.text-link{display:inline-flex;align-items:center;gap:22px;font-size:13px;text-decoration:none;border-bottom:1px solid;padding-bottom:8px;margin-top:14px}
.connection-rows>div{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;border-top:1px solid var(--line);padding:28px 0;align-items:center}
.connection-rows h3{font-size:25px;letter-spacing:-.03em}
.connection-rows p{font-size:14px;color:var(--muted);line-height:1.9}
.connections .details{margin-top:0}
.ownership{max-width:1600px;padding:120px var(--gutter) 0;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,112px);align-items:center}
.ownership>img{width:100%}
.ownership .eyebrow{margin-bottom:27px}
.ownership h2{margin-bottom:28px}
.ownership-copy>p:not(.eyebrow){color:var(--muted);font-size:16px;max-width:430px;margin-bottom:19px}
.ownership-note{display:flex;gap:24px;align-items:center;border-top:1px solid var(--line);margin-top:32px;padding-top:23px}
.ownership-note>span{font-size:28px;letter-spacing:-1px}
.ownership-note p{font-size:11px;color:var(--muted)}
.download{padding-bottom:90px}
.release-note{font-size:12px!important;line-height:1.8;margin-top:20px}
.download-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:46px}
.download-options article{border-top:1px solid var(--ink);padding-top:27px}
.download-options h3{font-size:26px;letter-spacing:-.035em;margin-bottom:24px}
.download-options .button{display:flex;max-width:330px}
.secondary-download{display:block;margin-top:18px;font-size:12px}
.download-help p{font-size:15px;color:var(--muted);max-width:300px}
.source-download{margin-top:26px;display:flex;justify-content:space-between;gap:20px;font-size:12px}
.source-download span{color:var(--muted)}
.site-footer{background:#e8e7e0;padding:58px var(--gutter) 24px}
.footer-top,.footer-bottom{max-width:1472px;margin:auto;display:flex;justify-content:space-between;gap:40px}
.footer-top .brand img{width:185px}
.footer-top p{font-size:25px;letter-spacing:-.04em;line-height:1.3}
.footer-top nav{display:grid;grid-template-columns:1fr 1fr;column-gap:45px;row-gap:14px;font-size:13px}
.footer-top nav a{text-decoration:none}
.footer-bottom{border-top:1px solid #cbcac3;padding-top:20px;margin-top:55px;font-size:10px;color:var(--muted)}
dialog{width:min(1500px,96vw);max-width:none;max-height:94dvh;padding:0;background:var(--paper);border:1px solid #aaa;color:var(--ink)}
dialog::backdrop{background:#151515dc}
.dialog-bar{display:flex;align-items:center;gap:25px;padding:15px 22px}
.dialog-bar h2{font-size:18px;letter-spacing:-.025em;margin-right:auto}
.dialog-bar a{font-size:12px}
.close-dialog{padding:10px 15px;border:1px solid #bbb;background:transparent;font-size:12px}
.dialog-image{overflow:auto;max-height:72dvh;background:#202020}
.dialog-image img{width:100%;min-width:850px;max-width:none}
.dialog-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 22px}
.dialog-controls button{border:0;background:transparent;font-size:12px;min-height:36px}
.dialog-controls p{font-size:10px;color:var(--muted)}

@media(min-width:1600px){.editorial{max-width:1472px}
}

@media(max-width:1100px){.site-header nav{gap:22px}
.hero-heading,.section-heading{column-gap:40px}
.hero-bottom p{font-size:17px}
.feature-groups,.download-options{gap:28px}
.editorial{margin-inline:var(--gutter)}
.editorial>img{min-height:520px}
.ownership{gap:40px}
.ownership h2{font-size:48px}
.ownership-note{flex-wrap:wrap;gap:10px}
}





@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{transition:none!important}
}

/* Softer campaign surfaces and a real, navigable product workspace. */
.hero-image img,.editorial,.editorial>img,.ownership>img{border-radius:28px}
.button,.nav-download,.menu,.product-picker button,.tour-controls button,.close-dialog,.demo-routes button{border-radius:999px}
.nav-download{border:1px solid var(--line);padding:11px 20px;gap:22px}
.hero-image{overflow:hidden}
.editorial{overflow:hidden}
.editorial>img{border-top-left-radius:0;border-bottom-left-radius:0}
.details{border:1px solid var(--line);border-radius:22px;padding-inline:24px}
.details summary{min-height:68px}
.details-copy{padding-bottom:25px}
.feature-groups article,.download-options article{border:1px solid var(--line);border-radius:24px;padding:27px}
.feature-groups a{border-top:0}
.feature-number{display:block}
.demo-guide{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:24px}
.demo-guide strong{font-size:18px;font-weight:500}
.demo-guide p{color:var(--muted);font-size:14px;margin-top:6px}
.demo-guide .text-link{flex-shrink:0}
.demo-routes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.demo-routes button{border:1px solid var(--line);background:transparent;padding:11px 19px;font-size:13px;min-height:44px}
.demo-routes button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}
.demo-routes button:hover{border-color:var(--ink)}
.live-demo{overflow:hidden;border-radius:28px;border:1px solid #484848;background:#202020;box-shadow:0 20px 50px #24231a12}
.live-demo iframe{display:block;border:0;width:100%;height:900px}
.demo-checklist{display:grid;grid-template-columns:1fr 1fr;gap:25px 45px;padding:0 0 24px}
.demo-checklist p{font-size:14px;color:var(--muted)}
.demo-checklist strong{display:block;color:var(--ink);font-weight:500;margin-bottom:6px}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.value-grid article,.example-grid article,.ai-options article,.ai-note{border:1px solid var(--line);border-radius:28px;padding:35px}
.value-grid h3{font-size:30px;letter-spacing:-.045em;line-height:1.13;margin-bottom:22px}
.value-grid p,.example-grid p,.ai-options p,.ai-note p{font-size:15px;color:var(--muted);line-height:1.65}
.how-steps{list-style:none;padding:0;margin:0;display:grid;gap:18px}
.how-steps li{display:flex;gap:36px;padding:34px;border:1px solid var(--line);border-radius:26px}
.how-steps li>span{font-size:12px;color:var(--muted);padding-top:7px}
.how-steps h3{font-size:29px;letter-spacing:-.035em;margin-bottom:12px}
.how-steps p{font-size:16px;max-width:880px;color:var(--muted)}
.context-flow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:28px 0 0}
.context-flow span{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:15px 19px;text-align:center}
.context-flow b{font-weight:400;color:var(--muted)}
.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.example-grid .eyebrow{font-size:10px;margin-bottom:28px}
.example-grid h3{font-size:36px;line-height:1.12;letter-spacing:-.045em;margin-bottom:25px}
.example-grid p{margin-bottom:18px}
.example-grid p strong{font-weight:500;color:var(--ink)}
.example-grid a{display:inline-block;font-size:13px;margin-top:10px}
.ai-options{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ai-options h3,.ai-note h3{font-size:28px;letter-spacing:-.035em;margin-bottom:22px}
.ai-options p+p,.ai-note p+p{margin-top:18px}
.ai-note{background:#e9e8e1;margin-top:24px}
.ai-note p{max-width:1080px}
.faq .details{margin-top:14px}
.connection-rows>div:first-child{border-top:0}
.ownership-note{border-top:0}
.source-download{flex-wrap:wrap}
.site-header nav{gap:22px}
@media(max-width:1100px){.value-grid{gap:16px}
.value-grid article,.example-grid article,.ai-options article,.ai-note{padding:26px}
.value-grid h3{font-size:26px}
.site-header nav{gap:16px;font-size:14px}
.live-demo iframe{height:840px}
.context-flow{gap:10px}
.context-flow span{padding:13px;font-size:11px}
}


/* Feature guide for the latest preview, with the published download kept clear. */
.vision-status{padding:24px 28px;border:1px solid #cbd1c1;border-radius:22px;background:#e7e9df;margin-bottom:24px}
.vision-status strong{display:block;font-weight:600;font-size:17px;margin-bottom:8px}
.vision-status p{font-size:14px;color:#51564b;max-width:980px}
.vision-journey{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.vision-journey li{padding:28px;border:1px solid var(--line);border-radius:24px;min-width:0}
.vision-step{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#626954;margin-bottom:28px}
.vision-glasses{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;padding:38px;border:1px solid var(--line);border-radius:26px;background:#e9e8e1;margin-top:28px;scroll-margin-top:28px}
.vision-glasses .eyebrow{margin-bottom:23px}
.vision-glasses h3{font-size:clamp(34px,3.5vw,50px);line-height:1.05;letter-spacing:-.045em;margin-bottom:23px}
.vision-glasses p{font-size:15px;color:var(--muted);line-height:1.65}
.vision-glasses .glasses-availability{font-size:13px;margin-top:22px}
.glasses-availability strong{color:var(--ink);font-weight:600}
.glasses-examples{list-style:none;padding:0;margin:0;min-width:0}
.glasses-examples li+li{border-top:1px solid #cccbc2;margin-top:19px;padding-top:19px}
.glasses-examples h4{font-size:19px;font-weight:500;letter-spacing:-.02em;line-height:1.25;margin:0 0 7px}
.glasses-examples p{font-size:14px}
@media(max-width:900px){.vision-glasses{gap:30px;padding:30px}}

.vision-journey h3,.vision-connections h3,.vision-foundation h3{font-size:29px;line-height:1.12;letter-spacing:-.04em;margin-bottom:18px}
.vision-journey p,.vision-connections p,.vision-foundation p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.65}
.vision-connections{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:34px 0 28px;margin-top:8px;border-bottom:1px solid var(--line)}
.vision-connections h3{font-size:25px}
.vision-controls{font-size:13px;color:var(--muted);margin-top:22px;max-width:1050px}
.vision-foundation{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:30px;border:1px solid var(--line);border-radius:24px;background:#e9e8e1;margin-top:28px}
.vision-foundation>div{max-width:750px}
.vision-foundation .eyebrow{margin-bottom:14px}
.vision-foundation .text-link{flex-shrink:0}
@media(max-width:1100px){.vision-journey{grid-template-columns:repeat(2,minmax(0,1fr))}.vision-journey li{padding:28px}.vision-foundation{align-items:flex-start;flex-direction:column;gap:18px}}

.new-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.new-grid article{display:flex;flex-direction:column;align-items:flex-start;padding:34px;border-radius:26px;background:#e7e9df;border:1px solid #d8dccd}
.new-grid .feature-number{margin-bottom:27px;letter-spacing:.07em;text-transform:uppercase;font-size:10px}
.new-grid h3{font-size:31px;line-height:1.12;letter-spacing:-.045em;margin-bottom:19px}
.new-grid p{font-size:15px;color:#51564b;margin-bottom:22px}
.new-grid .text-link{margin-top:auto}
.version-context{font-size:13px;color:var(--muted);line-height:1.75;margin-top:22px}
.version-context a{white-space:normal}
.replay-opening{display:flex;align-items:center;gap:13px;min-height:44px;margin:10px 0 0;padding:8px 0;background:none;border:0;font-size:12px;color:var(--muted);text-align:left}
.replay-opening:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.replay-opening[hidden]{display:none}
.feature-library{gap:24px}
.feature-library article{scroll-margin-top:35px;padding:28px;min-width:0}
.feature-library .feature-number{font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:22px;color:#626954}
.feature-library h3{font-size:27px;line-height:1.13}
.feature-library p{max-width:none;line-height:1.6}
.feature-library ul{padding:22px 0;line-height:1.55;display:grid;gap:11px;list-style:disc;padding-left:17px;color:var(--muted)}
.feature-library li::before{content:none}
.feature-library a{gap:14px;font-size:13px;line-height:1.5}
.preview-download{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;margin-top:30px;border:1px solid var(--line);border-radius:24px;padding:32px;background:#e9e8e1}
.preview-download h3{font-size:29px;letter-spacing:-.035em;margin:14px 0}
.preview-download p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:650px}
.preview-download-links{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}
.preview-download-links .text-link{margin:0;min-height:38px;padding:9px 0}
@media(max-width:1100px){.new-grid{gap:16px}.new-grid article{padding:25px}.new-grid h3{font-size:27px}.feature-library{gap:18px}.feature-library article{padding:23px}.feature-library h3{font-size:25px}}
@media(max-width:900px){.feature-library{grid-template-columns:repeat(2,minmax(0,1fr))}.new-grid{grid-template-columns:1fr}.new-grid article{padding:30px}.new-grid p{max-width:680px}.preview-download{gap:25px}}


/* Phone layouts use a single reading column and controls sized for a thumb. */
@media (max-width: 760px) {
  :root { --gutter: 20px; }
  html { scroll-padding-top: 20px; -webkit-text-size-adjust: 100%; }
  body { font-size: 16px; }
  main, section, article, .section-heading > *, .hero-heading > * { min-width: 0; }
  h1 { font-size: clamp(36px, 10.5vw, 48px); line-height: 1.02; letter-spacing: -.045em; }
  h2, .section-heading h2, .ownership h2 { font-size: clamp(30px, 8.4vw, 38px); line-height: 1.1; letter-spacing: -.04em; }
  h3 { line-height: 1.2; }
  p, li { overflow-wrap: break-word; }
  .eyebrow { font-size: 12px; letter-spacing: .09em; line-height: 1.5; }
  .brand img { width: 112px; }
  .site-header { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 0 16px; padding: 12px var(--gutter); min-height: 72px; }
  .site-header .brand { justify-self: start; }
  .site-header nav { grid-column: 1 / -1; display: grid; width: 100%; gap: 0; padding-top: 12px; margin-top: 12px; border-top: 1px solid var(--line); }
  .site-header nav a { display: flex; align-items: center; min-height: 48px; padding: 12px 4px; font-size: 16px; line-height: 1.3; }
  .site-header nav a + a { border-top: 1px solid var(--line); }
  .site-header nav .nav-download { justify-content: center; margin-top: 10px; background: var(--ink); color: #fff; border: 1px solid var(--ink); padding: 12px 18px; }
  .js-ready .site-header nav { display: none; }
  .js-ready .site-header nav.is-open { display: grid; }
  .js-ready .menu { display: flex; align-items: center; justify-content: center; min-width: 76px; min-height: 44px; padding: 10px 16px; font-size: 15px; line-height: 1.2; background: transparent; border: 1px solid #b9bab1; }
  .hero { padding-top: 24px; }
  .hero-heading { display: block; padding-bottom: 26px; }
  .hero-heading > .eyebrow { margin-bottom: 16px; font-size: 12px; }
  .hero-bottom { display: block; margin-top: 20px; max-width: none; padding: 0; }
  .hero-bottom p { font-size: 16px; line-height: 1.6; margin: 0 0 22px; max-width: 40ch; }
  .hero-bottom p br, .wide-only { display: none; }
  .button { min-height: 48px; padding: 13px 20px; gap: 18px; font-size: 16px; line-height: 1.35; text-align: left; white-space: normal; }
  .text-link { min-height: 44px; padding: 10px 0; gap: 12px; font-size: 15px; line-height: 1.45; }
  .hero-image, .hero-image img { border-radius: 20px; }
  .hero-image figcaption { display: block; font-size: 14px; line-height: 1.55; }
  .replay-opening { min-height: 44px; margin-top: 8px; padding: 10px 0; font-size: 14px; }
  .principles { flex-wrap: wrap; justify-content: flex-start; gap: 10px 18px; padding-top: 22px; font-size: 13px; line-height: 1.4; }
  .principles span + span::before { content: none; }
  .section, .ownership { padding-top: 56px; }
  .section-heading { display: block; margin-bottom: 26px; }
  .section-heading .eyebrow { margin-bottom: 14px; }
  .section-heading > p, .section-heading > div > p:not(.eyebrow) { margin-top: 18px; max-width: none; font-size: 16px; line-height: 1.65; }
  .section-heading > div:has(.release-note) { justify-self: auto; }
  .preview-note, .version-context { font-size: 14px; line-height: 1.65; margin-top: 18px; }
  .feature-groups, .feature-library, .new-grid, .value-grid, .example-grid, .ai-options, .download-options { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .feature-groups article, .feature-library article, .new-grid article, .value-grid article, .example-grid article, .ai-options article, .ai-note, .download-options article { padding: 24px; border-radius: 20px; min-width: 0; }
  .feature-number, .feature-library .feature-number, .new-grid .feature-number { font-size: 12px; line-height: 1.45; margin-bottom: 16px; }
  .feature-groups h3, .feature-library h3, .new-grid h3, .value-grid h3, .example-grid h3, .ai-options h3, .ai-note h3 { font-size: 26px; line-height: 1.18; margin-bottom: 16px; letter-spacing: -.035em; }
  .feature-groups p, .new-grid p, .value-grid p, .example-grid p, .ai-options p, .ai-note p, .download-help p { font-size: 16px; line-height: 1.65; max-width: none; }
  .feature-groups ul, .feature-library ul { display: grid; grid-template-columns: 1fr; gap: 10px; font-size: 16px; line-height: 1.5; padding-block: 20px; }
  .feature-groups a, .feature-library a { min-height: 44px; align-items: center; font-size: 15px; line-height: 1.45; padding: 10px 0; }
  .new-grid p { margin-bottom: 16px; }
  .details { border-radius: 18px; padding-inline: 18px; margin-top: 24px; }
  .details summary { min-height: 64px; padding-block: 18px; gap: 14px; font-size: 16px; line-height: 1.4; }
  .details summary > span { flex-shrink: 0; }
  .details-copy, .demo-checklist { grid-template-columns: 1fr; gap: 18px; padding-bottom: 22px; }
  .details-copy p, .demo-checklist p { font-size: 16px; line-height: 1.65; }
  .demo-checklist strong { margin-bottom: 8px; }
  .how-steps { gap: 16px; }
  .how-steps li { padding: 22px; gap: 14px; border-radius: 20px; }
  .how-steps li > span { font-size: 12px; padding-top: 5px; }
  .how-steps h3 { font-size: 25px; line-height: 1.2; }
  .how-steps p { font-size: 16px; line-height: 1.65; }
  .context-flow { flex-direction: column; gap: 10px; padding-top: 22px; }
  .context-flow span { width: 100%; min-width: 0; font-size: 14px; padding: 14px; }
  .context-flow b { transform: rotate(90deg); }
  .example-grid .eyebrow { font-size: 12px; margin-bottom: 16px; }
  .example-grid a { min-height: 44px; padding-block: 10px; font-size: 15px; }
  .ai-note { margin-top: 16px; }
  .connection-rows > div { display: block; padding: 22px 0; }
  .connection-rows h3 { font-size: 25px; margin-bottom: 12px; }
  .connection-rows p { font-size: 16px; line-height: 1.7; }
  .editorial { margin: 56px var(--gutter) 0; grid-template-columns: 1fr; border-radius: 20px; }
  .editorial-copy { padding: 24px; }
  .editorial h2 { font-size: 34px; }
  .editorial .eyebrow { margin-bottom: 18px; }
  .editorial p:not(.eyebrow) { font-size: 16px; }
  .editorial > img { min-height: 0; aspect-ratio: 4 / 3; border-radius: 0 0 20px 20px; }
  .ownership { grid-template-columns: 1fr; gap: 26px; }
  .ownership > img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 20px; }
  .ownership .eyebrow { margin-bottom: 16px; }
  .ownership h2 { margin-bottom: 20px; }
  .ownership-copy > p:not(.eyebrow) { font-size: 16px; line-height: 1.65; }
  .ownership-note { flex-wrap: wrap; gap: 10px 20px; margin-top: 20px; padding-top: 16px; }
  .ownership-note p { font-size: 14px; }
  .download-options h3 { font-size: 26px; margin-bottom: 20px; }
  .download-options .button { max-width: none; width: 100%; }
  .download-help { grid-column: auto; }
  .secondary-download { display: flex; align-items: center; min-height: 48px; margin-top: 12px; font-size: 15px; line-height: 1.5; }
  .release-note { font-size: 14px !important; line-height: 1.65; }
  .preview-download { grid-template-columns: 1fr; padding: 24px; gap: 20px; border-radius: 20px; }
  .preview-download h3 { font-size: 26px; line-height: 1.2; }
  .preview-download p:not(.eyebrow) { font-size: 16px; line-height: 1.65; }
  .preview-download-links { align-items: stretch; gap: 8px; }
  .preview-download-links .text-link { min-height: 48px; font-size: 15px; }
  .source-download { display: block; margin-top: 22px; font-size: 16px; line-height: 1.6; }
  .source-download > a { display: inline-flex; align-items: center; min-height: 44px; }
  .source-download span { display: block; font-size: 14px; margin-top: 8px; }
  .download { padding-bottom: 52px; }
  .vision-status, .vision-journey li, .vision-glasses, .vision-foundation { padding: 24px; border-radius: 20px; }
  .vision-status strong { font-size: 18px; line-height: 1.35; }
  .vision-status p, .vision-journey p, .vision-connections p, .vision-foundation p:not(.eyebrow), .vision-glasses p, .glasses-examples p { font-size: 16px; line-height: 1.65; }
  .vision-journey { grid-template-columns: 1fr; gap: 16px; }
  .vision-step { font-size: 12px; margin-bottom: 16px; }
  .vision-journey h3, .vision-connections h3, .vision-foundation h3 { font-size: 26px; line-height: 1.2; margin-bottom: 16px; }
  .vision-glasses { grid-template-columns: 1fr; gap: 28px; margin-top: 20px; }
  .vision-glasses h3 { font-size: 34px; }
  .vision-glasses .eyebrow { font-size: 12px; margin-bottom: 16px; }
  .vision-glasses .glasses-availability, .vision-controls { font-size: 14px; line-height: 1.65; }
  .glasses-examples h4 { font-size: 22px; }
  .vision-connections { grid-template-columns: 1fr; gap: 26px; padding-top: 26px; }
  .vision-foundation { gap: 18px; margin-top: 22px; }
  .site-footer { padding: 32px var(--gutter) 24px; }
  .footer-top { display: grid; grid-template-columns: 1fr; gap: 20px; }
  .footer-top .brand img { width: 132px; }
  .footer-top p { font-size: 22px; }
  .footer-top nav { display: grid; grid-template-columns: 1fr 1fr; width: 100%; gap: 0 24px; border-top: 1px solid var(--line); padding-top: 14px; font-size: 16px; }
  .footer-top nav a { display: flex; align-items: center; min-height: 48px; padding-block: 10px; }
  .footer-bottom { display: block; margin-top: 24px; padding-top: 18px; font-size: 13px; line-height: 1.6; }
  .footer-bottom span { display: block; margin-top: 8px; }
}
@media (max-width: 359px) {
  :root { --gutter: 16px; }
  .feature-groups article, .new-grid article, .value-grid article, .example-grid article, .ai-options article, .ai-note, .download-options article, .preview-download, .vision-journey li, .vision-glasses, .vision-foundation, .vision-status { padding: 20px; }
}