@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{--paper:#fbfaf7;--ink:#202a2b;--muted:#64706b;--line:#d8ddd5;--accent:#cb5530;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:500}h1{font-size:clamp(56px,6.8vw,92px);letter-spacing:-5px;line-height:1.06}h2{font-size:clamp(38px,4vw,54px);letter-spacing:-2.5px;line-height:1.14}h3{font-size:23px;letter-spacing:-.6px;line-height:1.4}p{font-size:17px;line-height:1.7}em{font-family:Georgia,serif;font-weight:400}a{color:inherit;text-underline-offset:5px}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{width:min(1100px,calc(100% - 80px));margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;font-size:11px;font-weight:600;margin-bottom:27px}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:20}.reading-progress i{display:block;background:var(--accent);height:100%;width:0}.skip{position:fixed;top:-80px;background:white;padding:15px;z-index:30}.skip:focus{top:0}header{width:min(1300px,calc(100% - 80px));margin:auto;display:flex;justify-content:space-between;align-items:center;height:100px}.signature{text-decoration:none;font-size:17px;font-weight:600}.signature span{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:4px}.assignment{font-size:12px;color:var(--muted)}.intro{padding:60px 0 0}.intro-deck{font-size:21px;line-height:1.6;max-width:620px;margin-top:28px;color:#52615c}.meta{font-size:12px;color:var(--muted);margin-top:25px}.chapter-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:65px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.chapter-nav a{position:relative;padding:28px 20px 30px 0;text-decoration:none}.chapter-nav a:hover strong{color:var(--accent)}.chapter-nav span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:14px}.chapter-nav strong{display:block;font-size:18px;font-weight:500;transition:color .2s}.chapter-nav p{font-size:14px;line-height:1.6;margin-top:9px;color:var(--muted);max-width:275px}.chapter-nav b{position:absolute;right:0;top:27px;font-weight:400}.chapter{padding:100px 0}.editorial{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;align-items:start}.editorial p{color:#52615c}.editorial p+p{margin-top:20px}.survey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:55px 0 20px}.survey-grid article{padding-top:20px;border-top:1px solid var(--line)}.survey-grid strong{font-size:52px;font-weight:400;letter-spacing:-2px}.survey-grid strong span{font-size:24px;letter-spacing:0}.survey-grid h3{font-size:16px;letter-spacing:0;max-width:180px;margin-top:12px}.source-note{font-size:11px;color:var(--muted);line-height:1.7;max-width:850px}.hypothesis-statement{background:#263d36;color:#f8faf4;padding:45px 50px;margin-top:50px;border-radius:4px}.hypothesis-statement .eyebrow{display:block;color:#c2d1c5}.hypothesis-statement h3{font-size:30px;line-height:1.45;max-width:880px}.hypothesis-statement p{font-size:15px;color:#d0dcd2;margin-top:22px;max-width:800px}.prototype-section{background:#e9eee7;padding:90px 0}.decision-list{margin-top:55px}.decision-list article{display:grid;grid-template-columns:40px 1fr 220px;gap:28px;padding:28px 0;border-top:1px solid #c9d1c7}.decision-list article>span{font-size:12px;color:var(--muted);padding-top:6px}.decision-list h3{font-size:22px}.decision-list p{font-size:15px;margin-top:8px;color:#52615c;max-width:600px}.decision-list small{font-size:12px;line-height:1.7;color:#56645a;padding:6px 0 0 20px;border-left:1px solid #c9d1c7;align-self:center}.prototype-layout{display:grid;grid-template-columns:1fr 433px;gap:85px;align-items:center;margin-top:70px}.prototype-copy>p:not(.eyebrow){margin-top:25px;color:#52615c}.prototype-disclosure{font-size:11px!important;line-height:1.7!important}.prototype-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:28px}.text-link{font-size:14px}.quiet-button{font:inherit;font-size:12px;background:none;border:0;border-bottom:1px solid #89958c;padding:3px 0;color:#52615c;cursor:pointer}.demo-frame{height:852px;width:433px;max-width:100%;border-radius:35px;overflow:hidden;box-shadow:0 18px 50px #24362c16;background:white}.demo-frame iframe{display:block;width:100%;height:100%;border:0}.arrow-icon{width:14px;height:14px;display:inline-block;vertical-align:-2px;margin-left:5px}.launch-steps{list-style:none;padding:0;margin:50px 0}.launch-steps li{display:grid;grid-template-columns:130px 1fr;gap:35px;border-top:1px solid var(--line);padding:28px 0}.launch-steps li>span{color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:1.5px;padding-top:5px}.launch-steps h3{font-size:22px}.launch-steps p{font-size:15px;color:var(--muted);margin-top:8px;max-width:750px}.experiment{border:1px solid var(--line);padding:40px;border-radius:4px}.experiment>h3{font-size:29px}.variant-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:30px 0}.variant-pair>div{background:#f0f0e9;padding:23px}.variant-pair>div:last-child{background:#e8eee4}.variant-pair span{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px}.variant-pair strong{font-size:16px;font-weight:500}.variant-pair p{font-size:13px;color:var(--muted);margin-top:5px}.experiment-details{margin:0}.experiment-details>div{display:grid;grid-template-columns:110px 1fr;gap:25px;padding:18px 0;border-top:1px solid var(--line)}dt{font-size:13px;font-weight:600}dd{margin:0;font-size:14px;line-height:1.7;color:#52615c}.learning-note{display:flex;gap:26px;margin-top:40px;max-width:900px}.learning-note>span{font-family:Georgia,serif;font-style:italic;font-size:52px;color:var(--accent);line-height:1.1}.learning-note h3{font-size:20px}.learning-note p{font-size:14px;color:var(--muted);margin-top:10px}.closing{padding:20px 0 80px}.closing>p:not(.eyebrow){max-width:760px;margin-top:25px;color:var(--muted)}.supporting{margin-top:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}.supporting summary{display:flex;justify-content:space-between;list-style:none;cursor:pointer;padding:22px 0;gap:20px}.supporting summary::-webkit-details-marker{display:none}.supporting[open] summary span{transform:rotate(45deg)}.supporting-content{max-width:850px;padding-bottom:30px}.supporting-content h3{font-size:18px;margin:22px 0 10px}.supporting-content p{font-size:14px;color:var(--muted)}.supporting-content a{display:inline-block;margin-top:20px;font-size:13px}.small-detail{font-family:Georgia,serif;font-style:italic;margin-top:25px}footer{border-top:1px solid var(--line);padding:30px 0;display:flex;justify-content:space-between;color:var(--muted);gap:20px}footer span,footer p{font-size:11px}
@media(max-width:1000px){.editorial{gap:40px}.prototype-layout{gap:40px;grid-template-columns:1fr 400px}.demo-frame{width:400px}.decision-list article{grid-template-columns:30px 1fr 180px;gap:18px}.chapter-nav{gap:22px}.chapter-nav strong{font-size:16px}}
@media(max-width:760px){.wrap,header{width:calc(100% - 40px)}header{height:85px}.assignment{font-size:10px;max-width:125px;text-align:right}h1{font-size:58px;letter-spacing:-3px}h2{font-size:39px;letter-spacing:-2px}.intro{padding-top:35px}.intro-deck{font-size:18px}.meta{font-size:10px}.chapter-nav{grid-template-columns:1fr;gap:0;margin-top:38px}.chapter-nav a{padding:20px 25px 20px 0;border-bottom:1px solid var(--line)}.chapter-nav a:last-child{border:0}.chapter-nav span{margin-bottom:7px;font-size:10px}.chapter-nav strong{font-size:17px}.chapter-nav p{max-width:none;font-size:13px;margin-top:4px}.chapter-nav b{top:20px}.chapter{padding:65px 0}.editorial{grid-template-columns:1fr;gap:26px}.editorial p{font-size:16px}.survey-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.survey-grid strong{font-size:44px}.survey-grid h3{font-size:14px}.hypothesis-statement{padding:30px 24px;margin-top:35px}.hypothesis-statement h3{font-size:24px}.hypothesis-statement p{font-size:14px}.prototype-section{padding:65px 0}.decision-list{margin-top:35px}.decision-list article{grid-template-columns:25px 1fr;gap:14px;padding:24px 0}.decision-list small{grid-column:2;padding:0;border:0;font-size:11px}.decision-list small br{display:none}.decision-list h3{font-size:20px}.decision-list p{font-size:14px}.prototype-layout{grid-template-columns:1fr;gap:32px;margin-top:45px}.prototype-copy>p:not(.eyebrow){font-size:16px}.demo-frame{margin:auto;width:min(433px,100%);height:820px}.launch-steps{margin:35px 0}.launch-steps li{grid-template-columns:55px 1fr;gap:18px;padding:22px 0}.launch-steps li>span{font-size:10px}.launch-steps h3{font-size:20px}.launch-steps p{font-size:14px}.experiment{padding:25px 20px}.experiment>h3{font-size:24px}.variant-pair{grid-template-columns:1fr;gap:12px;margin:25px 0}.variant-pair>div{padding:18px}.experiment-details>div{grid-template-columns:1fr;gap:7px}.learning-note{gap:18px}.closing{padding-bottom:50px}.closing>p:not(.eyebrow){font-size:16px}.eyebrow{font-size:10px;margin-bottom:22px}footer{align-items:center}footer p{max-width:145px;text-align:right}.supporting summary{font-size:13px}}
@media(max-width:480px){.demo-frame{width:calc(100% + 40px);max-width:none;margin-left:-20px;margin-right:-20px;border-radius:0}.prototype-layout{min-width:0}}
@media(max-width:360px){h1{font-size:50px}.intro-deck{font-size:17px}.signature{font-size:15px}.survey-grid{gap:18px}.hypothesis-statement{padding:25px 20px}.experiment{padding:22px 16px}.chapter-nav strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media print{.reading-progress,.skip,.demo-frame,.prototype-actions{display:none}.wrap,header{width:100%}body{background:white}.chapter,.prototype-section,.closing{padding:25px 0}.chapter-nav{margin-top:25px}.intro{padding:20px 0}h1{font-size:46px}h2{font-size:30px}.prototype-layout,.editorial{display:block}.editorial h2{margin-bottom:20px}.hypothesis-statement{color:black;background:#eee}.hypothesis-statement p,.hypothesis-statement .eyebrow{color:black}details .supporting-content{display:block}.experiment,.decision-list article,.survey-grid{break-inside:avoid}}
.hero-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px}.hero-layout h1{font-size:clamp(56px,5.4vw,78px)}.hero-layout .intro-deck{font-size:18px}.hand-hero{position:relative;margin:0;aspect-ratio:1;overflow:hidden;border-radius:8px;background:#e8e6df}.hand-base{width:100%;height:100%;object-fit:cover;display:block}.hand-screen{position:absolute;object-fit:fill;left:36%;top:10%;width:28%;height:60%;border-radius:28px}.hand-hero figcaption{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:10px;color:#56645a}.visual-decisions{margin-top:60px}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:48px 0;border-top:1px solid #c9d1c7}.feature-row:nth-child(even) .feature-copy{order:2}.feature-copy h3{font-size:31px;line-height:1.25}.feature-copy>p{font-size:16px;margin-top:20px;color:#52615c}.feature-copy .feature-trade{border-left:2px solid #9baa9c;padding-left:17px;font-size:13px;margin-top:24px}.screen-study{margin:0;display:flex;flex-direction:column;align-items:center;background:#dce5db;border-radius:8px;padding:25px 30px 18px;overflow:hidden}.screen-study img{width:260px;max-width:100%;height:auto;border-radius:18px;box-shadow:0 10px 30px #21332a15}.screen-study figcaption{font-size:10px;color:#52615c;text-align:center;margin-top:15px}.visual-rationale{padding:30px 35px;background:#f6f8f2;border-radius:4px;display:grid;grid-template-columns:1fr 2fr;gap:35px;margin-top:25px}.visual-rationale h3{font-size:23px}.visual-rationale p{font-size:14px;color:#52615c}.explorations-section{padding:0 0 90px}.exploration-gallery{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;margin-top:40px}.exploration-gallery figure{margin:0;background:#ecebe4;padding:25px;max-height:570px;overflow:hidden;border-radius:6px}.exploration-gallery img{display:block;max-width:100%;height:440px;object-fit:contain;margin:auto}.exploration-gallery figcaption{font-size:10px;color:#64706b;text-align:center;margin-top:16px}.exploration-gallery p{font-size:15px;color:#64706b;margin-top:18px}.exploration-gallery a{display:inline-block;font-size:14px;margin-top:25px}.archive-intro{padding:50px 0}.archive-intro h1{font-size:60px;letter-spacing:-3px}.archive-intro>p{max-width:760px;margin-top:22px;color:#64706b}.archive-section{padding:40px 0;border-top:1px solid #d8ddd5}.archive-section h2{font-size:35px;margin-bottom:25px}.archive-section h3{font-size:21px;margin:25px 0 12px}.archive-section p,.archive-section li{font-size:15px;line-height:1.8;color:#52615c}.archive-section p+p{margin-top:15px}.archive-section li{margin-bottom:12px}.archive-section a{overflow-wrap:anywhere}.archive-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6}.archive-table th,.archive-table td{padding:18px;text-align:left;border-bottom:1px solid #d8ddd5;vertical-align:top}.archive-table th{font-weight:500;background:#eeeee7}.archive-back{font-size:13px}
@media(max-width:1000px){.hero-layout{gap:25px}.hero-layout h1{font-size:60px}.feature-row{gap:35px}.feature-copy h3{font-size:28px}.screen-study{padding:20px}}
@media(max-width:760px){.hero-layout{grid-template-columns:1fr;gap:30px}.hero-layout h1{font-size:58px}.hand-hero{max-width:500px;width:100%;margin:auto}.feature-row{grid-template-columns:1fr;gap:24px;padding:35px 0}.feature-row:nth-child(even) .feature-copy{order:0}.feature-copy h3{font-size:27px}.feature-copy>p{font-size:15px;margin-top:15px}.screen-study{padding:25px 30px 18px}.screen-study img{width:250px}.visual-rationale{grid-template-columns:1fr;gap:15px;padding:25px}.explorations-section{padding-bottom:60px}.exploration-gallery{grid-template-columns:1fr;gap:25px}.exploration-gallery img{height:400px}.archive-intro h1{font-size:45px}.archive-table{font-size:12px}.archive-table td,.archive-table th{padding:10px}.archive-section h2{font-size:30px}}
@media(max-width:360px){.hero-layout h1{font-size:46px}.screen-study{padding:18px}.screen-study img{width:235px}}

.hand-screen{left:31.419%;top:9.649%;width:36.922%;height:78.070%;border-radius:12.1% / 5.72%;object-fit:fill}

.ai-roadmap{margin-top:45px;padding:35px 0;border-top:1px solid var(--line)}.ai-roadmap h3{font-size:27px}.ai-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:25px}.ai-stages strong{font-weight:500;font-size:15px}.ai-stages p{font-size:13px;color:var(--muted);margin-top:10px}@media(max-width:760px){.ai-stages{grid-template-columns:1fr;gap:22px}.ai-roadmap{padding:28px 0}}

.comparison-variants img{display:block;width:100%;max-width:250px;height:320px;object-fit:cover;object-position:top;border-radius:6px;margin:22px auto 0;box-shadow:0 8px 20px #20362a12}.comparison-variants p{min-height:63px}.experiment-note{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 25px}.comparison-variants>div{padding-bottom:25px}@media(max-width:760px){.comparison-variants img{height:330px}.comparison-variants p{min-height:0}}

.hand-hero{aspect-ratio:auto;overflow:visible;background:transparent}.hand-composite{position:relative;aspect-ratio:1;overflow:hidden;border-radius:8px}.hand-hero figcaption{position:static;font-size:11px;color:#52615c;margin-top:12px;line-height:1.5}
.comparison-variants img{height:auto;object-fit:contain}

/* A restrained, consistent palette around the product's blue actions. */
:root{--paper:#fafaf7;--ink:#24313a;--muted:#627078;--line:#dce1df;--accent:#2a638d}
.prototype-section{background:#edf0ee}.screen-study{background:#e1e7e4}.hypothesis-statement{background:#283e4a}.hypothesis-statement .eyebrow{color:#cbd9dc}.hypothesis-statement p{color:#d7e2e3}.visual-rationale{background:#f8f9f5}.variant-pair>div{background:#f0f1ec}.variant-pair>div:last-child{background:#e7eeef}.feature-copy .feature-trade{border-color:#94a8ab}.chapter-nav strong{font-size:18px;line-height:1.45}.chapter-nav p{max-width:none;font-size:14px;line-height:1.65}.chapter-nav a{padding-right:20px}.chapter-nav b{right:0}.prototype-actions a{color:#245e8c}
/* An iPhone frame around the live, responsive prototype. */
.demo-frame{position:relative;width:433px;max-width:100%;height:878px;padding:10px;border:3px solid #4a5052;border-radius:48px;background:linear-gradient(130deg,#101619,#4f585c 48%,#11191d);box-shadow:0 25px 55px #23343d25,0 0 0 1px #bac1bf;overflow:visible;isolation:isolate}
.demo-frame:before{content:"";position:absolute;left:50%;top:17px;transform:translateX(-50%);width:88px;height:22px;border-radius:16px;background:#101419;z-index:5;pointer-events:none}
.demo-frame:after{content:"";position:absolute;right:-5px;top:140px;width:3px;height:56px;border-radius:0 2px 2px 0;background:#586165;pointer-events:none}
.demo-frame iframe{position:relative;width:100%;height:100%;border:0;border-radius:35px;background:#fff;display:block}
@media(max-width:1000px){.demo-frame{width:400px}.chapter-nav strong{font-size:16px}}
@media(max-width:760px){.demo-frame{width:min(433px,100%);height:852px;margin:auto}.chapter-nav strong{font-size:17px}.chapter-nav p{font-size:13px}.prototype-layout{min-width:0}}
@media(max-width:480px){.demo-frame{width:calc(100% + 24px);max-width:none;margin-left:-12px;margin-right:-12px;padding:7px;border-width:2px;border-radius:39px;height:830px}.demo-frame iframe{border-radius:30px}.demo-frame:before{top:13px;width:78px;height:19px}.demo-frame:after{right:-4px;top:130px}}
@media(max-width:360px){.demo-frame{width:calc(100% + 30px);margin-left:-15px;margin-right:-15px;padding:6px;height:815px;border-radius:35px}.demo-frame iframe{border-radius:27px}.demo-frame:before{top:11px;height:18px;width:72px}}

.delivery-note{display:grid;grid-template-columns:1fr 1.2fr;gap:18px 35px;border-left:3px solid #94a8ab;padding:8px 0 8px 28px;margin:0 0 45px}.delivery-note h3{grid-row:span 2;font-size:24px}.delivery-note p{font-size:14px;color:var(--muted)}@media(max-width:760px){.delivery-note{grid-template-columns:1fr;padding-left:20px;gap:16px}.delivery-note h3{font-size:22px;grid-row:auto}}
/* Submission revision: direct headings, wider reading measures and a viewport-sized demo. */
.wrap{width:min(1180px,calc(100% - 80px))}.intro{padding-top:48px}.hero-layout{grid-template-columns:1.3fr .9fr;gap:55px;align-items:center}.hero-layout h1{font-size:clamp(43px,4.6vw,64px);line-height:1.13;letter-spacing:-2.7px;font-weight:550;max-width:680px}.hero-layout .eyebrow{font-size:11px;line-height:1.6;letter-spacing:1.1px}.hero-layout .intro-deck{font-size:18px;line-height:1.75;max-width:650px}.hand-hero{max-width:450px;justify-self:end}.editorial{grid-template-columns:1fr;gap:25px}.editorial h2{max-width:980px;font-size:clamp(32px,3.5vw,46px);line-height:1.2;letter-spacing:-1.6px}.editorial>p{max-width:960px}.editorial>div{display:grid;grid-template-columns:1fr 1fr;gap:40px}.editorial p+p{margin-top:0}.editorial p{font-size:17px;line-height:1.75}.hypothesis-statement h3{max-width:1040px;font-size:28px;line-height:1.5}.hypothesis-statement p{max-width:980px;font-size:16px;line-height:1.75}.feature-row{grid-template-columns:1.35fr .9fr;gap:80px;align-items:center;padding:50px 0}.feature-row:nth-child(even){grid-template-columns:.9fr 1.35fr}.feature-copy h3{font-size:30px;line-height:1.3;letter-spacing:-.7px;max-width:none}.feature-copy>p{font-size:16px;line-height:1.8;margin-top:18px}.feature-copy .feature-trade{font-size:14px;line-height:1.75}.screen-study{padding:24px}.screen-study img{width:280px;max-width:100%;height:auto}.visual-rationale{grid-template-columns:1fr 1.6fr;gap:45px;padding:35px}.visual-rationale h3{font-size:24px;line-height:1.4}.visual-rationale p{font-size:16px;line-height:1.75}.prototype-layout{grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.prototype-copy h2{font-size:42px;line-height:1.2;letter-spacing:-1.4px}.prototype-copy>p:not(.eyebrow){font-size:17px;line-height:1.75}.prototype-copy .prototype-disclosure{font-size:12px!important}.delivery-note{grid-template-columns:1fr 1.6fr;gap:40px}.delivery-note h3{font-size:24px;line-height:1.4;grid-row:auto}.delivery-note p{font-size:15px;line-height:1.8}.delivery-note p+p{margin-top:18px}.launch-steps p{max-width:900px;font-size:16px;line-height:1.75}.experiment>h3{font-size:30px;line-height:1.3}.experiment-details>div{grid-template-columns:150px 1fr}.experiment-details dd{font-size:15px;line-height:1.75}.ai-roadmap h3{font-size:30px;max-width:950px;line-height:1.35}.ai-copy{max-width:1000px;display:grid;grid-template-columns:1fr 1fr;gap:20px 35px;margin-top:25px}.ai-copy p{font-size:16px;color:var(--muted);line-height:1.8}.ai-copy p:last-child{grid-column:1/-1}.closing h2{max-width:1030px;font-size:42px;line-height:1.25;letter-spacing:-1.5px}.closing>p:not(.eyebrow){max-width:1000px;font-size:17px;line-height:1.8}.exploration-gallery{grid-template-columns:.8fr 1.2fr}.exploration-gallery h3{font-size:27px}.exploration-gallery p{font-size:16px;line-height:1.8}.demo-frame{height:min(830px,calc(100svh - 64px));width:min(400px,calc((100svh - 64px)*.49));max-width:100%;margin:0 auto;padding:8px;border:3px solid #4a5052;border-radius:43px}.demo-frame iframe{border-radius:31px}.demo-frame:before{top:15px}.demo-frame:after{top:120px}
@media(max-width:1000px){.hero-layout{gap:30px}.feature-row,.feature-row:nth-child(even){gap:45px}.feature-copy h3{font-size:27px}.prototype-layout{gap:40px}.prototype-copy h2{font-size:36px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.hero-layout{grid-template-columns:1fr;gap:30px}.hero-layout h1{font-size:43px;letter-spacing:-1.7px;line-height:1.15}.hero-layout .intro-deck{font-size:17px}.hand-hero{max-width:440px;justify-self:center}.editorial>div{grid-template-columns:1fr;gap:20px}.editorial h2{font-size:33px;letter-spacing:-1px}.editorial p{font-size:16px}.feature-row,.feature-row:nth-child(even){grid-template-columns:1fr;gap:25px;padding:35px 0}.feature-row:nth-child(even) .feature-copy{order:0}.feature-copy h3{font-size:27px}.feature-copy>p{font-size:16px}.hypothesis-statement{padding:28px}.hypothesis-statement h3{font-size:24px}.hypothesis-statement p{font-size:15px}.visual-rationale,.delivery-note{grid-template-columns:1fr;gap:20px}.visual-rationale{padding:25px}.prototype-layout{grid-template-columns:1fr;gap:30px}.prototype-copy h2{font-size:34px}.prototype-copy>p:not(.eyebrow){font-size:16px}.demo-frame{height:min(820px,calc(100svh - 48px));width:min(380px,calc((100svh - 48px)*.49),100%);max-width:100%;margin:0 auto;padding:6px;border-width:2px;border-radius:35px}.demo-frame iframe{border-radius:27px}.demo-frame:before{top:11px;width:72px;height:18px}.demo-frame:after{right:-4px}.experiment-details>div{grid-template-columns:1fr;gap:7px}.ai-copy{grid-template-columns:1fr;gap:20px}.ai-copy p:last-child{grid-column:auto}.ai-roadmap h3{font-size:26px}.closing h2{font-size:33px;letter-spacing:-1px}.closing>p:not(.eyebrow){font-size:16px}.exploration-gallery{grid-template-columns:1fr;gap:25px}.experiment>h3{font-size:26px}.chapter-nav{margin-top:40px}}
@media(max-width:360px){.hero-layout h1{font-size:37px}.editorial h2,.closing h2{font-size:30px}.feature-copy h3{font-size:25px}.hypothesis-statement{padding:25px 22px}.screen-study{padding:18px}.demo-frame{border-radius:32px}.demo-frame iframe{border-radius:24px}}
@media(max-width:480px){.demo-frame{width:calc(100% + 30px);max-width:none;margin-left:-15px;margin-right:-15px;height:min(820px,calc(100svh - 48px))}}
.demo-frame{min-width:295px}
@media(max-width:480px){.demo-frame{min-width:0}}

.hero-objective{margin-top:26px;max-width:650px;border-left:3px solid var(--accent);padding-left:17px}.hero-objective span{display:block;text-transform:uppercase;letter-spacing:1.3px;font-size:10px;font-weight:600;color:var(--muted);margin-bottom:8px}.hero-objective strong{display:block;font-size:21px;line-height:1.5;font-weight:600}.hero-layout .hero-objective+.intro-deck{margin-top:22px}@media(max-width:760px){.hero-objective strong{font-size:19px}.hero-objective{margin-top:23px}}

/* Future AI scope: one reading order rather than uneven newspaper columns. */
.ai-roadmap{padding:42px 0;margin-top:50px}.ai-layout{display:grid;grid-template-columns:.8fr 1.4fr;gap:70px;align-items:start}.ai-layout>h3{font-size:30px;line-height:1.35;letter-spacing:-.7px;max-width:360px}.ai-sequence{min-width:0}.ai-sequence article{padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid var(--line)}.ai-sequence article:last-child{padding-bottom:0;margin-bottom:0;border:0}.ai-sequence h4{font-family:Manrope,Arial,sans-serif;font-size:17px;font-weight:600;line-height:1.5;margin-bottom:10px}.ai-sequence p{font-size:16px;line-height:1.8;color:var(--muted)}
@media(max-width:900px){.ai-layout{gap:40px;grid-template-columns:.8fr 1.2fr}.ai-layout>h3{font-size:27px}}
@media(max-width:760px){.ai-roadmap{padding:30px 0;margin-top:35px}.ai-layout{grid-template-columns:1fr;gap:28px}.ai-layout>h3{font-size:27px;max-width:600px}.ai-sequence p{font-size:16px}.ai-sequence h4{font-size:17px}.ai-sequence article{padding-bottom:22px;margin-bottom:22px}}
/* Consistent reading rhythm and colour family across the submission. */
:root{--paper:#fafaf7;--ink:#24343f;--muted:#5e7079;--line:#d8e1e1;--accent:#2a638d;--surface:#edf2f2;--surface-soft:#f4f6f4;--surface-emphasis:#e4ecee;--slate:#283e4a}
h1,h2,h3,h4,.chapter-nav strong,.hero-objective strong{text-wrap:balance}
p,dd,li,figcaption{text-wrap:pretty}
.prototype-section{background:var(--surface)}.screen-study{background:var(--surface-emphasis)}.visual-rationale{background:var(--paper)}.hypothesis-statement{background:var(--slate)}.survey-grid article,.chapter-nav,.feature-row,.launch-steps li,.experiment-details>div,.ai-sequence article,.supporting,footer{border-color:var(--line)}.variant-pair>div{background:var(--surface-soft)}.variant-pair>div:last-child{background:var(--surface-emphasis)}.experiment{border-color:var(--line);background:#fdfdfb}.exploration-gallery figure{background:var(--surface)}.delivery-note,.feature-copy .feature-trade{border-color:#9bb1ba}.launch-steps li>span,.chapter-nav b{color:var(--accent)}.ai-layout>h3,.closing h2{color:var(--ink)}.reading-progress i{background:var(--accent)}

.prototype-nudge{color:var(--accent);font-size:.94rem;font-weight:550;margin:1.1rem 0 .7rem;padding-left:.85rem;border-left:2px solid var(--accent);text-wrap:pretty}