:root{--header:72px;--max:1180px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--page);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity;scroll-padding-top:var(--header)}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--violet);outline-offset:4px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em}h1{font-size:clamp(2.5rem,4.8vw,4.5rem);line-height:1.05;font-weight:750}h2{font-size:clamp(1.9rem,3.3vw,3rem);line-height:1.12}h3{font-size:1.3rem;line-height:1.2}p,li{font-size:1rem;line-height:1.5}p{color:var(--muted)}em{font-style:normal;color:var(--violet)}main>section{scroll-snap-align:start;scroll-margin-top:0;position:relative}main>section:not(.promo-hero):not(.final-cta){padding:48px max(24px,calc((100vw - var(--max))/2))}.section{width:100%;margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:.8125rem;font-weight:750;color:#55438a;margin-bottom:12px}.section-heading{max-width:820px;margin-bottom:20px}.section-heading h2{margin-bottom:12px}.section-lede{max-width:720px;margin-bottom:24px}.split{display:flex;align-items:end;gap:36px;max-width:none}.split>div{flex:1}.split>p{max-width:380px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:14px;border:1px solid var(--line);text-decoration:none;font-size:1rem;font-weight:700;background:white;color:var(--ink);gap:8px}.button.primary{background:var(--violet);color:white;border-color:var(--violet);box-shadow:0 5px 18px #5c2dff20}.button:hover{filter:brightness(.96)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.site-header{position:sticky;top:0;z-index:20;height:var(--header);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1280px)/2));background:#ffffffef;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);gap:20px}.brand,.footer-brand{display:inline-flex;align-items:center;text-decoration:none;flex-shrink:0}.brand img{width:180px}.brand-tm{font-size:.7rem;align-self:start;margin-top:8px}.site-header nav{display:flex;gap:22px;align-items:center}.site-header nav a{text-decoration:none;font-size:.875rem;font-weight:600;padding:10px 0}.site-header nav a:hover{color:var(--violet)}.menu-button{display:none;border:1px solid var(--line);border-radius:12px;background:white;min-height:44px;padding:8px 12px}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:white;padding:16px}.skip-link:focus{top:10px}.promo-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;min-height:min(760px,calc(100svh - var(--header)));padding:40px max(24px,calc((100vw - var(--max))/2));background:linear-gradient(125deg,#f4fbff 0%,#e5f4fc 55%,#fff0dc 100%)}.hero-lede{font-size:1.125rem;max-width:580px;margin-top:18px}.hero-rotator{margin-top:24px;border-top:1px solid #cbdce8;padding-top:18px}.hero-rotator p{font-size:.875rem;font-weight:700;color:var(--ink)}.hero-rotator>div{display:flex;gap:6px}.hero-rotator button{min-width:36px;height:32px;border:0;background:transparent;padding:12px 2px}.hero-rotator button:after{content:'';display:block;width:100%;height:4px;border-radius:6px;background:#bdc9d7}.hero-rotator button.active:after{background:var(--violet)}.device-stage{height:550px;position:relative;min-width:0}.phone{position:absolute;border:5px solid #fff;border-radius:28px;overflow:hidden;box-shadow:0 15px 40px #23466525;width:51%;top:10%;}.phone img{width:100%;height:100%;object-fit:cover;object-position:top}.phone-main{left:24%;top:0;height:100%;z-index:2}.phone-left{left:0;transform:rotate(-9deg);height:84%}.phone-right{right:0;transform:rotate(9deg);height:84%}.amplify-panel{display:grid;grid-template-columns:.75fr 1.25fr;background:white;border:1px solid var(--line);border-radius:24px;overflow:hidden}.amplify-media{height:340px}.amplify-media img{width:100%;height:100%;object-fit:cover;object-position:center 32%}.amplify-copy{align-self:center;padding:32px}.amplify-copy p{margin-top:16px}.intro{background:#fff}.pillar-grid,.process{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;min-width:0}.pillar-grid article,.process article,.feature-card{padding:24px;background:white;border:1px solid var(--line);border-radius:20px;min-width:0}.pillar-grid article{background:#f5f8fc}.pillar-grid b,.process article>span,.feature-symbol{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:8px;background:#ece7ff;color:#5030bc;border-radius:12px;font-size:.875rem;font-weight:750;margin-bottom:24px}.pillar-grid h3,.process h3,.feature-card h3{margin-bottom:10px}.dark-section{background:var(--cyan)}.dark-section>.section{padding:0}.process{grid-template-columns:repeat(4,1fr)}.process article{padding:22px}.feature-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px)/3);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 12px;overscroll-behavior-x:contain}.feature-track::-webkit-scrollbar,.swipe-track::-webkit-scrollbar{display:none}.feature-track>*{scroll-snap-align:start}.feature-card{position:relative;display:flex;flex-direction:column;align-items:start;min-height:240px}.feature-symbol{margin-bottom:18px}.status{display:inline-flex;font-size:.8125rem;line-height:1.3;padding:6px 9px;border-radius:8px;font-weight:600;margin-bottom:16px;background:#edf1f8;color:#535e72}.feature-card .status{position:absolute;top:24px;right:18px;max-width:calc(100% - 92px)}.available-now{background:var(--success-surface);color:var(--success-text)}.under-refinement{background:var(--refinement-surface);color:var(--refinement-text)}.in-development{background:var(--development-surface);color:var(--development-text)}.future-vision{background:var(--future-surface);color:var(--future-text)}.carousel-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:12px 0 6px}.carousel-controls button{width:44px;height:44px;border:1px solid #cbd5e3;background:white;border-radius:50%;font-size:1.25rem;color:#483080}.gallery-status{font-size:.875rem;color:var(--muted);min-width:110px;text-align:center}.swipe-hint{font-size:.8125rem;margin-right:auto;color:var(--muted)}.ai-section,.charts-grid,.campaign-poster,.vision{display:grid;grid-template-columns:1fr .7fr;align-items:center;gap:56px}.ai-section h2,.chart-copy h2,.campaign-poster h2,.vision h2,.partner h2{margin-bottom:16px}.query-list{display:grid;gap:10px;margin-top:20px}.query-list span{font-size:1rem;line-height:1.4;display:block;border:1px solid #dae1ed;border-radius:14px;padding:14px;background:white}.query-list span:first-child{background:var(--peach);border-color:#edddc3}.screen-frame{background:white;border:1px solid #dae1ed;border-radius:22px;overflow:hidden;min-width:0}.screen-frame img{width:100%;height:100%;object-fit:contain;object-position:top}.ai-section>.screen-frame{height:480px;max-width:300px;width:100%;justify-self:center;box-shadow:0 12px 28px #34466018}.charts-section{background:#edf6fc}.charts-grid{padding:0}.chart-device{max-height:500px;justify-self:center}.chart-device img{height:500px;border-radius:24px;object-fit:contain}.chart-copy ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 0}.chart-copy li{padding:14px;background:white;border-radius:12px;border:1px solid var(--line)}.chart-copy li b,.chart-copy li span{display:block}.chart-copy li b{margin-bottom:4px}.chart-copy li span{font-size:.875rem;color:var(--muted)}.audience{display:grid;grid-template-columns:1fr 1fr;gap:20px}.audience-card{padding:28px;border-radius:22px;border:1px solid var(--line);scroll-margin-top:calc(var(--header) + 16px);background:#fff0dc}.fan-audience{background:#e5f5fc}.audience-card h2{font-size:clamp(1.8rem,2.8vw,2.6rem);margin-bottom:16px}.audience-card ul{padding-left:20px;margin:18px 0 0}.audience-card li{margin-top:7px}.product-screens,.ecosystem-screens{background:white}.product-screens>.section-heading,.ecosystem-screens>.section-heading{margin-bottom:20px}.swipe-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px)/3);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px 2px 12px}.swipe-track>*{scroll-snap-align:start}.shot-card{margin:0;padding:16px;background:#f1f6fb;border-radius:22px;border:1px solid var(--line);min-width:0}.shot-card .screen-frame{height:390px;max-width:240px;margin:auto;background:white}.shot-card figcaption{font-size:1rem;font-weight:700;margin-top:14px;text-align:center;line-height:1.35}.shot-card figcaption small{display:block;font-size:.8125rem;font-weight:400;color:var(--muted);margin-top:5px}.campaign-poster{background:#fff7ec}.campaign-poster>img{max-height:350px;justify-self:center;border-radius:18px}.vision{grid-template-columns:1fr 1fr;background:#e9f5fc}.vision-media{height:330px;border-radius:22px;overflow:hidden}.vision-media img{width:100%;height:100%;object-fit:cover}.vision-note{font-size:.875rem;margin-top:14px;line-height:1.5}.partner{background:white}.partner p:not(.eyebrow){max-width:800px}.partner h2{max-width:850px}.final-cta{text-align:center;padding:56px 24px;background:linear-gradient(110deg,#e9f6ff,#fff0dc)}.final-cta h2{max-width:760px;margin:auto}.final-cta>p:not(.eyebrow){max-width:660px;margin:18px auto}.final-cta .actions{justify-content:center}footer{padding:32px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr auto;gap:24px;background:white;border-top:1px solid var(--line)}.footer-brand img{width:170px}footer p{font-size:.875rem;margin-top:10px}footer nav{display:flex;flex-wrap:wrap;gap:16px;align-items:center}footer a{font-size:.875rem;text-decoration:none}footer small{font-size:.8125rem;color:var(--muted);grid-column:1/-1}.comparison-link{display:inline-block;color:#5441a0;border-bottom:1px solid #cfc4f3}.contact-layout,.thanks-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:32px}.contact-form,.contact-card,.thanks-panel{background:white;padding:28px;border:1px solid var(--line);border-radius:20px}.contact-form label{display:grid;gap:8px;font-size:1rem;margin-top:18px}.contact-form input,.contact-form select,.contact-form textarea{padding:12px;border:1px solid #bfcbdc;border-radius:10px;width:100%;background:white;color:var(--ink);min-height:48px}.contact-form textarea{min-height:140px}.contact-form h2,.contact-card h2{font-size:1.8rem;margin-bottom:14px}.contact-card p{margin:12px 0}.contact-intro{max-width:760px;margin-bottom:24px}.contact-intro h1{margin-bottom:18px}.contact-form .button{margin-top:20px}.contact-form .form-help{font-size:.875rem;margin-top:12px}.contact-card a{overflow-wrap:anywhere}.discover-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.discover-grid .shot-card .screen-frame{height:460px}.page-intro{max-width:780px;margin-bottom:28px}.page-intro h1{margin-bottom:18px}
@media(min-width:781px){.mobile-only{display:none}}
@media(max-width:1100px){.site-header nav{gap:12px}.site-header nav a{font-size:.8125rem}.brand img{width:155px}.process{grid-template-columns:repeat(2,1fr)}.promo-hero{gap:24px}.device-stage{height:470px}}
@media(max-width:780px){:root{--header:64px}.site-header{padding:0 16px}.brand img{width:155px}.brand-tm{margin-top:4px}.menu-button{display:block}.site-header nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:12px 16px;box-shadow:0 15px 25px #27334c10;max-height:calc(100svh - 64px);overflow-y:auto}.site-header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-header nav a{padding:13px 12px;font-size:1rem;border-radius:10px}.site-header nav a:hover{background:#edf5fc}h1{font-size:clamp(2rem,8vw,3rem);line-height:1.07}h2{font-size:clamp(1.75rem,7vw,2.4rem);line-height:1.13}h3{font-size:1.25rem}.eyebrow{font-size:.75rem;letter-spacing:.09em;margin-bottom:10px}.promo-hero{grid-template-columns:1fr;gap:22px;padding:28px 20px 32px;min-height:0}.hero-lede{font-size:1rem;margin-top:12px}.actions{margin-top:18px;gap:10px}.button{font-size:.9375rem;padding:11px 15px}.hero-rotator{display:none}.device-stage{height:clamp(220px,35svh,320px);width:min(88%,340px);justify-self:center;margin:0}.phone{width:43%;border-width:3px;border-radius:16px}.phone-main{left:29%;width:42%}.phone-left,.phone-right{height:86%}.phone img{object-fit:cover}.promo-hero .eyebrow{max-width:310px}main>section:not(.promo-hero):not(.final-cta){padding:32px 20px}.section-heading{margin-bottom:16px}.section-heading h2{margin-bottom:12px}.split{display:block}.split>p{max-width:none;margin-top:12px}.section-lede{margin-bottom:20px}.amplify-panel{display:flex;flex-direction:column}.amplify-media{height:190px}.amplify-media img{object-position:center 31%}.amplify-copy{padding:22px}.amplify-copy p{margin-top:12px}.pillar-grid,.process{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:88%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px 2px 10px}.pillar-grid article,.process article{scroll-snap-align:start;padding:22px;min-height:220px}.pillar-grid b,.process article>span{margin-bottom:18px}.feature-track{grid-auto-columns:88%;gap:12px}.feature-card{min-height:240px;padding:22px}.feature-card .status{top:22px}.carousel-controls{margin-top:8px}.ai-section,.charts-grid,.campaign-poster,.vision{grid-template-columns:1fr;gap:22px}.ai-section>.screen-frame{height:clamp(240px,42svh,350px);max-width:210px}.query-list{gap:8px;margin-top:16px}.query-list span{font-size:.9375rem;padding:11px 13px}.chart-device img{height:clamp(230px,38svh,320px)}.chart-copy ul{gap:8px;margin-top:16px}.chart-copy li{padding:12px}.chart-copy li b{font-size:.9375rem}.chart-copy li span{font-size:.875rem}.audience{display:block}.audience-card{padding:22px}.audience-card+.audience-card{margin-top:24px}.audience-card h2{font-size:1.85rem}.audience-card li{line-height:1.45}.swipe-track{grid-auto-columns:85%;gap:12px}.shot-card{padding:14px}.shot-card .screen-frame{height:clamp(260px,48svh,420px)}.shot-card figcaption{font-size:.9375rem;margin-top:12px}.campaign-poster>img{max-height:260px}.vision-media{height:220px}.vision-note{font-size:.875rem}.final-cta{padding:40px 20px}.final-cta>p:not(.eyebrow){margin:14px auto}.final-cta .actions{display:grid;grid-template-columns:1fr 1fr}.final-cta .button{padding-inline:8px}footer{padding:28px 20px;grid-template-columns:1fr;gap:20px}footer nav{gap:16px}.contact-layout,.thanks-panel,.discover-grid{grid-template-columns:1fr;gap:20px}.contact-form,.contact-card{padding:22px}.discover-grid .shot-card .screen-frame{height:360px}.contact-intro{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}*{animation:none!important;transition:none!important}.feature-track,.swipe-track,.pillar-grid,.process{scroll-behavior:auto!important}}
@media(max-height:550px) and (max-width:780px){html{scroll-snap-type:none}.device-stage{height:240px}}

@media(max-width:780px){.audience-chapter{scroll-snap-align:start;scroll-margin-top:calc(var(--header) + 16px)}}
.profile-hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;background:var(--cyan)}.profile-hero>img{width:100%;height:400px;object-fit:cover;border-radius:24px}.profile-hero .kicker{color:#55438a;text-transform:uppercase;letter-spacing:.1em;font-size:.8125rem;font-weight:700;margin-bottom:12px}.profile-hero h1{margin-bottom:14px}.profile-tags{font-weight:700;margin-bottom:14px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.artist-preview{padding:16px;background:white;border:1px solid var(--line);border-radius:22px}.artist-preview img{width:100%;height:240px;object-fit:cover;border-radius:14px}.artist-preview h3{margin:16px 0 8px}.artist-preview a{text-decoration:none}.artist-preview .text-link{display:inline-block;margin-top:16px;color:var(--violet);font-size:1rem;font-weight:700}.artist-preview p{font-size:.9375rem}@media(max-width:780px){.profile-hero,.profile-grid{grid-template-columns:1fr;gap:22px}.profile-hero>img{height:260px}.artist-preview img{height:220px}}
/* v1.1: a definite viewport scroller makes section snapping reliable on mobile. */
html{height:100%;overflow:hidden;scroll-snap-type:none;scroll-padding-top:0}
body{height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-padding-top:var(--header);scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
main>section{scroll-snap-align:start;scroll-snap-stop:always;min-height:calc(100svh - var(--header))}
footer{scroll-snap-align:start;scroll-snap-stop:always}
.site-header{background:var(--header-background);color:var(--header-text);border-bottom:1px solid #34343b;backdrop-filter:none}
.site-header nav a{color:var(--header-text)}
.site-header nav a:hover{color:#d3c7ff}
.menu-button{background:#202026;border-color:#565660;color:var(--header-text)}
.site-header .brand-tm{color:var(--header-text)}
@media(max-width:780px){
 .site-header nav{background:var(--header-background);border-bottom-color:#34343b}
 .site-header nav a:hover{background:#26242d}
 .device-stage{height:auto;width:100%;max-width:390px;justify-self:center}
 .phone-main{position:relative;left:auto;top:auto;width:100%;height:auto;border-width:5px;border-radius:24px;transform:none}
 .phone-main img{height:auto;object-fit:contain}
 .phone-left,.phone-right{display:none}
 .ai-section>.screen-frame{height:auto;width:100%;max-width:390px}
 .screen-frame img{height:auto;object-fit:contain}
 .chart-device{max-height:none;width:100%;max-width:390px}
 .chart-device img{height:auto;width:100%;object-fit:contain}
 .swipe-track{grid-auto-columns:94%}
 .shot-card{padding:10px}
 .shot-card .screen-frame,.discover-grid .shot-card .screen-frame{height:auto;width:100%;max-width:none}
 .shot-card .screen-frame img{height:auto;width:100%;object-fit:contain}
 .campaign-poster>img{max-height:none;width:100%;max-width:440px}
 .amplify-media{height:clamp(300px,85vw,460px)}
 .vision-media{height:clamp(300px,85vw,460px)}
 .profile-hero>img{height:auto;max-height:none;object-fit:contain}
 .artist-preview img{height:clamp(280px,85vw,420px)}
 .audience-chapter{scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:0;min-height:calc(100svh - var(--header) - 32px)}
}
@media(prefers-reduced-motion:reduce){body{scroll-behavior:auto}}
/* v1.2: dark footer and content-sized, balanced full-screen chapters. */
footer{background:var(--footer-background);color:var(--footer-text);border-top:1px solid #34343b;padding-block:44px;gap:28px}
footer p,footer small{color:#d0ced8}
footer nav a{color:var(--footer-text);padding-block:10px}
footer nav a:hover{color:#d3c7ff}
footer .comparison-link{color:#d3c7ff;border-bottom-color:#736790}
footer .brand-tm{color:var(--footer-text)}
#what,#how,#features,.product-screens,.ecosystem-screens,.partner,.final-cta,.amplify,.charts-section{display:flex;flex-direction:column;justify-content:center;gap:24px}
#what>.section-heading,#what>.section-lede,#features>.section-heading,.product-screens>.section-heading,.ecosystem-screens>.section-heading{margin-bottom:0}
#how>.section{display:flex;flex-direction:column;gap:24px}
#how .section-heading{margin-bottom:0}
#features>.carousel{width:100%}
.partner .eyebrow,.final-cta .eyebrow{margin-bottom:0}
.partner h2,.final-cta h2{margin-bottom:0}
.final-cta>p:not(.eyebrow){margin:0 auto}
.final-cta .actions{margin-top:0}
@media(max-width:780px){
 main>section:not(.promo-hero):not(.final-cta){padding-block:36px}
 #what,#how,#features,.product-screens,.ecosystem-screens,.partner,.final-cta,.amplify,.charts-section{gap:clamp(24px,4svh,40px)}
 #what,#how,#features{justify-content:space-evenly}
 #what>.section-heading h2,#features>.section-heading h2{margin-bottom:0}
 #what>.section-lede{font-size:1.0625rem;line-height:1.55}
 #how>.section{gap:clamp(24px,4svh,40px)}
 h2{font-size:clamp(2rem,8vw,2.6rem);line-height:1.13}
 .pillar-grid,.process{min-height:clamp(280px,40svh,380px);width:100%}
 .pillar-grid article,.process article{padding:28px 24px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:280px}
 .pillar-grid h3,.process h3,.feature-card h3{font-size:1.5rem;margin-bottom:14px}
 .pillar-grid p,.process p,.feature-card p{font-size:1.0625rem;line-height:1.55}
 .feature-card{min-height:clamp(290px,42svh,390px);padding:28px 24px;justify-content:center}
 .feature-card .status{position:static;max-width:none;margin-bottom:20px}
 .feature-card .feature-symbol{margin-bottom:14px}
 .carousel-controls{margin-top:12px;margin-bottom:0;min-height:48px}
 .amplify-panel{width:100%}
 .amplify-copy{padding:28px 24px}
 .amplify-copy p,.audience-card p,.partner>p:not(.eyebrow),.final-cta>p:not(.eyebrow){font-size:1.0625rem;line-height:1.6}
 .audience-card{padding:30px 24px;display:flex;flex-direction:column;justify-content:center;gap:20px}
 .audience-card .eyebrow,.audience-card h2,.audience-card ul{margin:0}
 .audience-card h2{font-size:clamp(2rem,8vw,2.6rem)}
 .audience-card li{font-size:1.0625rem;margin-top:12px}
 .audience-card li:first-child{margin-top:0}
 .partner h2{font-size:clamp(2.15rem,9vw,3rem);max-width:18ch}
 .partner>p:not(.eyebrow){max-width:36ch}
 .final-cta{padding:44px 24px;gap:28px}
 .final-cta h2{font-size:clamp(2.15rem,9vw,3rem)}
 footer{padding:36px 24px;gap:24px}
 footer .footer-brand img{width:200px}
 footer p{font-size:1rem;line-height:1.5}
 footer nav{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px;align-items:start}
 footer nav a{font-size:.9375rem;line-height:1.4;min-height:44px}
 footer small{font-size:.875rem;line-height:1.5}
}
/* v1.3: consistent, visible pagination beneath every overflowing gallery. */
.carousel-controls{display:grid;grid-template-columns:44px minmax(100px,180px) 44px;justify-content:center;align-items:center;gap:4px 12px;margin:16px 0 0;text-align:center}
.gallery-prev{grid-column:1;grid-row:1}.gallery-status{grid-column:2;grid-row:1;font-size:1rem;font-weight:700;color:var(--ink);min-width:0}
.gallery-next{grid-column:3;grid-row:1}
.gallery-dots{grid-column:1/-1;display:flex;justify-content:center;flex-wrap:wrap;gap:0}
.carousel-controls .gallery-dot{height:28px;width:28px;border:0;border-radius:0;background:transparent;padding:8px}
.gallery-dot:after{content:'';display:block;width:10px;height:10px;border-radius:50%;background:#c5cad5;transition:background .15s}
.gallery-dot.active:after{background:var(--violet)}
.swipe-hint{grid-column:1/-1;margin:0;font-size:.875rem;line-height:1.5;color:var(--muted)}
main>section.audience{display:block}
.audience-track{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-width:0}
@media(max-width:780px){
 .audience-track,.discover-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:94%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px 2px 12px}
 .audience-track::-webkit-scrollbar,.discover-grid::-webkit-scrollbar{display:none}
 .audience-track>.audience-card,.discover-grid>.shot-card{scroll-snap-align:start;scroll-snap-stop:normal;scroll-margin:0}
 .audience-track>.audience-card{min-height:clamp(460px,72svh,660px);margin:0;justify-content:center;align-self:stretch}
 .audience-track>.audience-card+.audience-card{margin-top:0}
 main>section.audience{display:flex;flex-direction:column;justify-content:center;gap:16px}
 .carousel-controls{flex-shrink:0;width:100%;padding-bottom:4px}
}
/* v2: focused mobile journey with readable galleries and optional detail. */
body{scroll-snap-type:y proximity}
main>section{min-height:0;scroll-snap-stop:normal}
main>section#how,main>section#features,main>section#get-involved{min-height:calc(88svh - var(--header))}
.anchor-marker{scroll-margin-top:var(--header)}
main>section.audience{gap:20px}
.audience-tabs{display:flex;gap:8px;background:#e8edf5;padding:6px;border-radius:16px;width:100%;max-width:440px;margin-bottom:16px}
.audience-tabs button{flex:1;min-height:48px;border:0;border-radius:12px;background:transparent;color:var(--ink);font-weight:700}
.audience-tabs button[aria-pressed=true]{background:var(--violet);color:white}
.more-detail{width:100%;background:white;border:1px solid var(--line);border-radius:16px;padding:4px 20px;margin-top:20px}
.more-detail summary{padding:16px 0;font-size:1rem;font-weight:700;cursor:pointer;line-height:1.4}
.detail-content{padding:8px 0 20px;display:grid;gap:20px;min-width:0}
.detail-content h2{font-size:1.6rem}.detail-content p{line-height:1.55}
.vision-sponsorship,.vision-details{grid-column:1/-1}
.vision-sponsorship{padding:24px;background:white;border:1px solid var(--line);border-radius:20px;display:grid;gap:16px}
.vision-sponsorship .button{justify-self:start}
.image-enlarge{display:block;position:relative;background:transparent;border:0;padding:0;width:100%;height:100%;color:var(--ink);cursor:zoom-in}
.image-enlarge img{width:100%;height:100%;object-fit:contain}
.enlarge-hint{position:absolute;right:8px;bottom:8px;padding:7px 10px;border-radius:8px;background:#fffef5f5;box-shadow:0 1px 8px #0002;color:#413270;font-size:.8125rem;font-weight:700}
.image-dialog{width:min(96vw,1000px);max-width:1000px;max-height:94dvh;padding:56px 20px 20px;border:0;border-radius:18px;background:white;color:var(--ink)}
.image-dialog::backdrop{background:#090713d9}
.image-close{position:sticky;top:0;float:right;margin-top:-48px;z-index:2;min-height:44px;padding:8px 16px;background:var(--violet);color:white;border:0;border-radius:12px;font-weight:700}
.image-dialog-content img{width:auto;max-width:100%;height:auto;max-height:76dvh;object-fit:contain;margin:auto}.image-dialog-content p{text-align:center;margin-top:12px;font-size:.9375rem}
.carousel-controls{grid-template-columns:48px minmax(100px,180px) 48px}
.carousel-controls button{min-width:44px;min-height:44px}
.carousel-controls .gallery-dot{width:44px;height:44px;padding:16px}
.gallery-dot.active:after{width:16px;border-radius:4px;transform:translateX(-3px)}
.gallery-dots{max-width:100%;flex-wrap:wrap}
.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#form-status{padding:14px;background:var(--cyan);border-radius:12px;color:var(--ink)}
#form-status[data-error=true]{background:#fff0e5;color:#7c3521}
@media(max-width:780px){
 .promo-hero{padding-block:28px;gap:24px}.promo-hero .device-stage{display:none}
 .hero-copy h1{font-size:clamp(2.4rem,10vw,3.5rem)}
 .hero-copy .actions{display:grid;grid-template-columns:1fr 1fr}
 main>section:not(.promo-hero):not(.final-cta){padding-block:32px}
 main>section.audience{gap:16px}
 .audience-track>.audience-card{min-height:0;padding:24px 22px;gap:16px;justify-content:start}
 .audience-card h2{font-size:1.9rem}.audience-card p,.audience-card li{font-size:1rem;line-height:1.5}
 .audience-card .actions{margin-top:auto;padding-top:10px}
 .shot-card .screen-frame,.discover-grid .shot-card .screen-frame{height:clamp(280px,48svh,420px);max-width:none}
 .shot-card .screen-frame img{height:100%;object-fit:contain}
 .shot-card figcaption{margin-top:10px}.carousel-controls{margin-top:10px}
 .pillar-grid,.process{min-height:240px}.pillar-grid article,.process article{min-height:240px}
 .feature-card{min-height:280px}
 .image-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;padding:64px 16px 24px;margin:0}
 .image-dialog-content img{width:100%;height:auto;max-height:none}.image-dialog-content{padding-bottom:24px}
 .image-close{top:0;margin-top:-52px}
 .gallery-dots{gap:0}.carousel-controls .gallery-dot{width:36px;min-width:36px;height:44px;padding:16px 12px}
 .vision-sponsorship{padding:22px}.vision-details{margin-top:0}
}
@media(prefers-reduced-motion:reduce){body{scroll-snap-type:none}.gallery-dot:after{transition:none}}
/* Dominant section headlines, with natural wrapping on narrow screens. */
main h2{font-weight:800;font-size:clamp(2.4rem,4.5vw,4rem);line-height:1.1;letter-spacing:-.035em;color:var(--ink);text-wrap:balance;overflow-wrap:break-word}
main h3{font-weight:750}
main .section-heading{max-width:940px}
main .section-heading h2{margin-bottom:20px}
main .eyebrow{font-weight:750;color:#513584;letter-spacing:.12em}
main .section-heading>p:not(.eyebrow){margin-top:16px}
main .audience-card h2{font-size:clamp(2.2rem,3.5vw,3.25rem);font-weight:800;line-height:1.1}
main .detail-content h2,main .contact-card h2,main .contact-form h2{font-size:clamp(1.8rem,3vw,2.5rem)}
@media(max-width:780px){
 main h2,main .partner h2,main .final-cta h2{font-size:clamp(2.15rem,9.5vw,2.85rem);font-weight:800;line-height:1.1}
 main .audience-card h2{font-size:clamp(2rem,8.5vw,2.6rem)}
 main .section-heading h2{margin-bottom:18px}
 main .detail-content h2,main .contact-card h2,main .contact-form h2{font-size:1.85rem}
}
/* Expanded introduction, keeping paragraphs comfortably readable. */
.launch-status{display:inline-block;background:#ece7ff;color:#4c299e;padding:9px 13px;border-radius:10px;font-size:.875rem;font-weight:750;margin-bottom:20px;line-height:1.4}
.breakthrough-intro{grid-column:1/-1;border-top:1px solid #c3d6e5;padding-top:36px;margin-top:8px;width:100%}
.breakthrough-intro h2{max-width:850px;margin-bottom:24px}
.intro-copy{max-width:880px;display:grid;gap:18px}
.intro-copy p{font-size:1.125rem;line-height:1.65;color:#424d5e}
@media(max-width:780px){.breakthrough-intro{padding-top:28px;margin-top:4px}.breakthrough-intro h2{margin-bottom:20px}.intro-copy{gap:16px}.intro-copy p{font-size:1.0625rem;line-height:1.6}.breakthrough-intro .actions{display:flex;flex-wrap:wrap}.launch-status{margin-bottom:16px;font-size:.8125rem}}
/* Opening app deck: layered desktop screens, swipeable mobile previews. */
.hero-visual{width:100%;min-width:0}
@media(min-width:781px){.hero-visual>.carousel-controls{display:none!important}}
@media(max-width:780px){
 .promo-hero .device-stage{display:flex;position:relative;width:100%;max-width:none;height:auto;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:8px 4px 18px}
 .device-stage::-webkit-scrollbar{display:none}
 .device-stage .phone{display:block;position:relative;left:auto;right:auto;top:auto;width:auto;flex:0 0 90%;height:clamp(360px,57svh,510px);transform:none;border:4px solid white;border-radius:22px;scroll-snap-align:start;box-shadow:0 8px 20px #23466520;background:white}
 .device-stage .phone img{width:100%;height:100%;object-fit:contain}
 .device-stage .image-enlarge{height:100%}
 .hero-visual>.carousel-controls{margin-top:0}
}
/* Desktop composition: a consistent editorial grid and quiet spacing rhythm. */
@media(min-width:781px){
 body{scroll-snap-type:none}
 main>section:not(.promo-hero):not(.final-cta){padding-block:80px}
 main>section#how,main>section#features,main>section#get-involved{min-height:0}
 main h2{font-size:clamp(2.5rem,3.7vw,3.65rem);line-height:1.12;max-width:22ch}
 .promo-hero{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:64px 56px;padding-top:64px;padding-bottom:72px;min-height:0}
 .hero-copy h1{font-size:clamp(3rem,4.7vw,4.6rem);max-width:12ch}
 .hero-copy .hero-lede{max-width:44ch;font-size:1.125rem;line-height:1.6}
 .hero-visual{padding:12px 20px;align-self:center}
 .hero-visual .device-stage{height:clamp(460px,42vw,570px)}
 .breakthrough-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);column-gap:64px;row-gap:16px;padding-top:48px;margin:0;align-items:start}
 .breakthrough-intro>.eyebrow{grid-column:1;grid-row:1;margin:0}
 .breakthrough-intro>h2{grid-column:1;grid-row:2;margin:0;font-size:clamp(2.4rem,3.4vw,3.25rem);max-width:15ch}
 .breakthrough-intro>.actions{grid-column:1;grid-row:3;margin:8px 0 0;align-self:start}
 .breakthrough-intro>.intro-copy{grid-column:2;grid-row:1/5;gap:18px}
 .intro-copy p{font-size:1.0625rem;line-height:1.7}
 #how>.section,#features,.product-screens{gap:32px}
 .section-heading{margin-bottom:0}
 .section-heading h2{margin-bottom:16px}
 .section-heading.split{align-items:center;gap:48px}
 .section-heading.split>p{max-width:34ch;font-size:1.0625rem;line-height:1.6}
 .process{align-items:stretch;gap:20px}
 .process article{padding:28px;min-height:260px;display:flex;flex-direction:column;align-items:flex-start}
 .process article h3{font-size:1.35rem}
 .process article p{font-size:1rem;line-height:1.6}
 .feature-track,.swipe-track{gap:24px;grid-auto-columns:calc((100% - 48px)/3)}
 .feature-card{min-height:270px;padding:28px}
 .feature-card .status{right:20px;top:28px}
 .shot-card{padding:22px;background:#f3f7fb}
 .shot-card .screen-frame{height:420px;max-width:260px}
 .shot-card figcaption{margin-top:20px;font-size:1.0625rem;min-height:52px}
 .carousel-controls{margin-top:16px}
 .audience-tabs{display:none}
 .audience-track{gap:28px;align-items:stretch}
 .audience-track>.audience-card{display:flex;flex-direction:column;padding:36px;gap:20px}
 .audience-card .eyebrow,.audience-card h2,.audience-card ul{margin:0}
 main .audience-card h2{font-size:clamp(2rem,2.7vw,2.8rem);max-width:18ch}
 .audience-card .actions{margin-top:auto;padding-top:10px}
 .audience-card p,.audience-card li{line-height:1.6}
 .vision{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px 56px}
 .vision-media{height:400px}
 .vision-sponsorship{display:grid;grid-template-columns:1fr 1fr;gap:16px 36px;padding:32px}
 .vision-sponsorship>.eyebrow{grid-column:1;grid-row:1;margin:0}
 .vision-sponsorship>h3{grid-column:1;grid-row:2/4;font-size:1.8rem;line-height:1.2;max-width:24ch}
 .vision-sponsorship>p:not(.eyebrow){grid-column:2;grid-row:1/3;align-self:center}
 .vision-sponsorship>.button{grid-column:2;grid-row:3}
 .vision-details{margin-top:0}
 .final-cta{padding:80px 24px;gap:24px}
 .final-cta h2{max-width:18ch}
 footer{padding-block:48px;align-items:center}
 footer nav{justify-content:flex-end;max-width:550px;column-gap:24px;row-gap:8px}
 .contact-layout{align-items:start;gap:32px}
 .contact-form,.contact-card{padding:32px}
}
@media(min-width:781px) and (max-width:1023px){
 .site-header{padding-inline:24px}.menu-button{display:block}
 .site-header nav{display:none;position:absolute;top:var(--header);left:0;right:0;padding:16px 24px;background:var(--header-background);border-bottom:1px solid #34343b}
 .site-header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .site-header nav a{padding:14px;font-size:1rem}
 .promo-hero{gap:40px 28px}.hero-visual{padding:8px}.hero-visual .device-stage{height:440px}
 .breakthrough-intro{column-gap:32px}.breakthrough-intro>.actions{flex-direction:column;align-items:start}
 .feature-track,.swipe-track{grid-auto-columns:calc((100% - 24px)/2)}
 .vision{gap:32px}.vision-media{height:340px}
}
/* Mobile opening: original three-screen fan, ahead of the expanded introduction. */
@media(max-width:780px){
 .promo-hero .device-stage{display:block;position:relative;overflow:visible;scroll-snap-type:none;width:min(100%,390px);height:clamp(330px,105vw,430px);margin:12px auto 18px;padding:0}
 .device-stage .phone{display:block;position:absolute;flex:none;width:49%;height:84%;top:9%;border:4px solid white;border-radius:19px;box-shadow:0 12px 28px #23466530;overflow:hidden}
 .device-stage .phone-main{width:52%;height:100%;left:24%;right:auto;top:0;transform:none;z-index:3}
 .device-stage .phone-left{left:2%;right:auto;transform:rotate(-10deg);z-index:1}
 .device-stage .phone-right{right:2%;left:auto;transform:rotate(10deg);z-index:2}
 .device-stage .phone img{height:100%;width:100%;object-fit:cover;object-position:top}
 .hero-visual>.carousel-controls{display:none!important}
 .hero-deck .enlarge-hint{display:none}
}
/* Soft section alignment: browser proximity plus a small post-gesture settle. */
body{scroll-snap-type:y proximity;scroll-padding-top:var(--header)}
main>section,footer{scroll-snap-align:start;scroll-snap-stop:normal}
body.soft-settling{scroll-snap-type:none}
@media(prefers-reduced-motion:reduce){body{scroll-snap-type:none;scroll-behavior:auto}}
/* Navigation follows the same chapter boundaries as soft snapping. */
.site-header nav a{border-radius:8px;position:relative;transition:background .15s,color .15s}
.site-header nav a.current-section{color:white;background:#ffffff16;box-shadow:inset 0 -3px 0 #9d83ff}
@media(min-width:1024px){.site-header nav{gap:8px}.site-header nav a{padding:12px 10px;font-size:.875rem}}
@media(max-width:1023px){.site-header nav a.current-section{background:#2c2342;box-shadow:inset 3px 0 0 #b59cff}.site-header nav a{padding:15px 16px}.site-header nav.open{gap:4px}.site-header nav{max-height:calc(100dvh - var(--header));overflow-y:auto}}
main>section:focus{outline:none}
@media(prefers-reduced-motion:reduce){.site-header nav a{transition:none}}
/* iOS/Android viewport, keyboard and touch refinements. */
body:has(input:focus,textarea:focus,select:focus,[contenteditable=true]:focus),body:has(dialog[open]){scroll-snap-type:none}
input,textarea,select{font-size:max(16px,1rem)}
button,a{-webkit-tap-highlight-color:#5c2dff22}
input,textarea,select{scroll-margin-block:120px}
@media(max-width:780px){
 :root{--header:calc(64px + env(safe-area-inset-top,0px))}
 .site-header{height:var(--header);padding-top:env(safe-area-inset-top,0px);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
 .site-header nav{top:var(--header)}
 main>section:not(.promo-hero):not(.final-cta){padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
 .promo-hero,.final-cta{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
 footer{padding-bottom:calc(36px + env(safe-area-inset-bottom,0px))}
 .carousel-controls .gallery-dot{width:44px;min-width:44px;height:44px;padding:16px}
 .image-dialog{padding-top:calc(64px + env(safe-area-inset-top,0px));padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
 .image-close{min-width:88px;min-height:48px}
 .button,.menu-button,.audience-tabs button{min-height:48px}
}
@media(hover:hover){.image-enlarge:hover .enlarge-hint{background:white}}
/* Preserve the original 296 × 54 logo ratio at every responsive width. */
.site-header .brand img,.footer-brand img{height:auto;aspect-ratio:296 / 54;object-fit:contain;transform:none;flex-shrink:0}

#get-involved h2{max-width:24ch}
/* Consistent visual cues for section headings. */
.eyebrow:has(.heading-icon),.kicker:has(.heading-icon){display:flex;align-items:center;gap:12px}
.heading-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:#ebe5ff;color:var(--violet);letter-spacing:0}
.heading-icon svg{display:block;width:22px;height:22px}
.final-cta>.eyebrow{justify-content:center}
@media(max-width:780px){.heading-icon{width:34px;height:34px;flex-basis:34px;border-radius:10px}.heading-icon svg{width:20px;height:20px}}
/* A single, stronger post-gesture snap avoids competing native adjustments. */
body.snap-enhanced{scroll-snap-type:none}
/* Original vision artwork, shown in full without cropping. */
.vision-poster{grid-column:1/-1;width:100%;max-width:540px;margin:0 auto}
.vision-poster .image-enlarge{height:auto;border-radius:18px;overflow:hidden;box-shadow:0 16px 36px #20384f20}
.vision-poster img{display:block;width:100%;height:auto;object-fit:contain}
.vision-poster figcaption{text-align:center;font-size:1rem;font-weight:700;margin-top:16px;color:var(--ink)}
@media(max-width:780px){.vision-poster{max-width:none}.vision-poster figcaption{margin-top:12px}}
/* Firm, short easing into the next visible section boundary. */
body.soft-settling{scroll-behavior:auto!important;scroll-snap-type:none}
/* One explicit scrolling element, using native browser snap rather than touch timers. */
html,body{width:100%;height:100%;overflow:hidden!important;scroll-snap-type:none!important}
#page-scroll{height:100vh;height:100dvh;width:100%;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-padding-top:var(--header);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;position:relative}
#page-scroll:focus{outline:none}
#page-scroll>main>section,#page-scroll>footer{scroll-snap-align:start;scroll-snap-stop:always}
#page-scroll>main>section:has(form){scroll-snap-align:none;scroll-snap-stop:normal}
#page-scroll:has(input:focus,textarea:focus,select:focus,[contenteditable=true]:focus){scroll-snap-type:none}
body:has(dialog[open]) #page-scroll{overflow-y:hidden;scroll-snap-type:none}
@media(prefers-reduced-motion:reduce){#page-scroll{scroll-behavior:auto}}
/* No automatic pull toward a section before the reader reaches its bottom. */
#page-scroll{scroll-snap-type:none}
#page-scroll>main>section,#page-scroll>footer{scroll-snap-align:none;scroll-snap-stop:normal}
#page-scroll.chapter-settling{scroll-behavior:auto!important}
/* Shared chapter navigation with touch-friendly disclosure submenus. */
.nav-group{position:relative;min-width:0}
.nav-heading{display:flex;align-items:center}
.site-header nav .nav-heading>a{white-space:nowrap;padding-inline:7px}
.submenu-toggle{display:grid;place-items:center;width:32px;min-width:32px;height:44px;border:0;border-radius:8px;background:transparent;color:white;cursor:pointer;font:inherit}
.submenu-toggle[aria-expanded=true]{background:#2c2342}
.submenu-toggle[aria-expanded=true] span{transform:rotate(180deg)}
.submenu-toggle:focus-visible,.site-header nav a:focus-visible{outline:2px solid #b59cff;outline-offset:2px}
.site-header nav .subnav{position:absolute;top:100%;left:0;min-width:240px;max-height:70dvh;overflow-y:auto;padding:8px;background:#17131f;border:1px solid #443654;border-radius:12px;box-shadow:0 12px 30px #0005;overscroll-behavior:contain}
.site-header nav .subnav[hidden]{display:none}
.site-header nav .subnav a{display:block;white-space:normal;padding:12px;font-size:.9rem;line-height:1.35;color:#f3efff;min-height:44px}
.site-header nav .subnav a:hover,.site-header nav .subnav a:focus-visible{background:#35274f;color:white}
.nav-group:nth-last-child(-n+2) .subnav{left:auto;right:0}
@media(min-width:1024px){.site-header nav{gap:2px}.site-header{gap:12px}.site-header nav .nav-heading>a{font-size:.8rem}}
@media(max-width:1023px){
 .nav-heading>a{flex:1}.submenu-toggle{width:48px;min-width:48px;height:48px}
 .site-header nav .nav-heading>a{padding:15px 16px;font-size:1rem}
 .site-header nav .subnav{position:static;min-width:0;max-height:none;margin:0 0 8px 16px;border:0;border-left:2px solid #9d83ff;border-radius:0;box-shadow:none;background:#17131f;padding:4px 8px}
 .site-header nav .subnav a{padding:12px;min-height:48px}
 .site-header nav{overscroll-behavior:contain;padding-bottom:max(16px,env(safe-area-inset-bottom,0px))}
}

/* Reading remains under the visitor's control at every section boundary. */
#page-scroll{scroll-snap-type:none!important;scroll-behavior:auto}
#page-scroll>main>section,#page-scroll>footer{scroll-snap-align:none!important;scroll-snap-stop:normal!important}
.next-section{display:flex;align-items:center;justify-content:center;gap:10px;grid-column:1/-1;justify-self:center;width:fit-content;max-width:100%;min-height:48px;margin:28px auto 0;padding:12px 20px;border:1px solid var(--violet);border-radius:999px;color:var(--violet);background:#f5f1ff;font-weight:700;text-decoration:none;line-height:1.4}
.next-section:focus-visible{outline:3px solid var(--violet);outline-offset:4px}
/* Make existing-platform links a clear part of the artist proposition. */
.platform-connections{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.platform-connections h3{font-size:clamp(1.35rem,2.4vw,1.8rem);line-height:1.2;margin:10px 0 14px}
.platform-connections .platform-labels{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none;margin:18px 0}
.platform-connections .platform-labels li{padding:9px 12px;border-radius:12px;background:white;border:1px solid var(--line);font-weight:700;color:var(--violet);margin:0}
.platform-connections .platform-note{font-size:.9rem;color:var(--muted);line-height:1.5}
/* Prominent, consistent app-colour icons and chart storytelling. */
main .heading-icon{width:48px;height:48px;flex-basis:48px;border-radius:15px}
main .heading-icon svg{width:28px;height:28px}
main .card-icon,.process>article>.card-icon{display:grid;place-items:center;width:68px;height:68px;min-width:68px;border-radius:20px;background:#ebe5ff;color:var(--violet);margin-bottom:20px}
.card-icon svg{width:38px;height:38px;display:block}
.chart-hero-link{margin-top:12px;width:fit-content}
.chart-spotlight{grid-column:1/-1;margin-top:28px;padding:clamp(22px,4vw,40px);border-radius:24px;background:var(--cyan);border:1px solid var(--line)}
.chart-spotlight h3{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.15;margin:18px 0}
.chart-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;padding:0;margin:24px 0}
.chart-stages li{display:flex;flex-direction:column;gap:8px;padding:18px 14px;border-radius:16px;background:white;border-top:4px solid var(--violet)}
.chart-stages strong{color:var(--violet);font-size:1.1rem}.chart-stages span{font-size:.95rem;line-height:1.4}
.chart-spotlight .platform-note{font-size:.875rem;color:var(--muted);margin:16px 0 0}
.chart-footer-link{display:block;grid-column:1/-1;color:white;font-weight:700;margin-top:20px;min-height:44px}
@media(max-width:780px){main .heading-icon{width:44px;height:44px;flex-basis:44px}main .heading-icon svg{width:26px;height:26px}.chart-stages{grid-template-columns:1fr 1fr}.chart-spotlight .button{width:100%;text-align:center}.process>article>.card-icon{margin-bottom:8px}}