:root{--blue:#009fe8;--paper:#f2f0e7;--coral:#ff5057;--purple:#6b2269;--yellow:#ffde4d;--u:calc(100vw / 1440)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:#000;font-family:Matter,Arial,sans-serif}a{color:inherit}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #000;outline-offset:5px}header{height:calc(69 * var(--u));padding:0 calc(60 * var(--u));display:flex;align-items:center;justify-content:space-between;background:var(--blue);color:white}.brand{font-family:Matter,Arial,sans-serif;font-size:calc(30 * var(--u));font-weight:700;letter-spacing:calc(5 * var(--u));text-decoration:none}nav{display:flex;align-items:center;gap:calc(32 * var(--u));font:calc(12 * var(--u)) Matter,Arial,sans-serif}nav>a{text-decoration:none}.pill,.pills a{display:inline-flex;align-items:center;justify-content:center;border:1px solid #000;border-radius:999px;text-decoration:none;font-family:Matter,Arial,sans-serif;white-space:nowrap}.pill{padding:calc(10 * var(--u)) calc(30 * var(--u));font-size:calc(18 * var(--u));line-height:1}.yellow{background:var(--yellow);color:#000;font-size:calc(12 * var(--u))}.coral{background:var(--coral);color:white}.hero{height:calc(800 * var(--u));position:relative;background:var(--paper) url('assets/hero-background.webp') left center / calc(1040 * var(--u)) calc(915 * var(--u)) no-repeat}.portrait{position:absolute;left:0;top:0;width:calc(700 * var(--u));height:100%;object-fit:fill}.hero-copy{position:absolute;left:50%;top:calc(132 * var(--u));right:calc(60 * var(--u))}.pills{display:flex;align-items:center;justify-content:space-between;gap:calc(16 * var(--u))}.pills a{font-size:calc(11 * var(--u));padding:calc(10 * var(--u)) calc(27 * var(--u));line-height:1.2}.hero .pills a{box-shadow:0 4px 3px #0001}h1{font-size:calc(94 * var(--u));line-height:.91;letter-spacing:calc(-5 * var(--u));font-weight:700;margin:calc(62 * var(--u)) 0 calc(63 * var(--u))}.demo{display:block;width:fit-content;font:calc(12 * var(--u)) Matter,Arial,sans-serif;margin:calc(15 * var(--u)) 0 0 calc(27 * var(--u))}.banner{height:calc(125 * var(--u));background:var(--yellow);padding:0 calc(100 * var(--u));display:flex;align-items:center;justify-content:space-between}.banner p{font-size:calc(32 * var(--u));letter-spacing:calc(-1.3 * var(--u));line-height:1.05;margin:0}.banner>a{font:calc(16 * var(--u)) Matter,Arial,sans-serif;white-space:nowrap}
@media(max-width:700px){:root{--u:1px}header{height:auto;min-height:72px;padding:18px 22px;gap:18px;flex-wrap:wrap}.brand{font-size:24px}nav{width:100%;gap:16px;flex-wrap:wrap;font-size:12px}nav .pill{font-size:11px;padding:10px 14px}.hero{height:auto;background-size:100% auto;padding-bottom:45px}.portrait{position:relative;width:100%;height:auto;display:block}.hero-copy{position:relative;left:auto;top:auto;right:auto;padding:24px}.pills{gap:8px;flex-wrap:wrap;justify-content:flex-start}.pills a{font-size:10px;padding:8px 12px}h1{font-size:clamp(38px,8.8vw,62px);letter-spacing:-2px;line-height:.98;margin:30px 0}.banner{height:auto;min-height:125px;padding:26px 24px;gap:24px;flex-wrap:wrap}.banner p{font-size:25px}.banner>a{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.feature{display:grid;grid-template-columns:1fr 2fr;height:calc(800 * var(--u))}.feature-copy{position:relative;color:#fff;background:var(--coral)}.knowledge .feature-copy{background:var(--purple)}.ethics .feature-copy{background:var(--blue)}.note{position:absolute;font:calc(11 * var(--u)) / 1 Matter,Arial,sans-serif}.note:before{content:'';position:absolute;background:#fff;border-radius:50%;width:calc(10 * var(--u));height:calc(10 * var(--u));left:calc(-30 * var(--u));top:0}.one{left:calc(83 * var(--u));top:calc(83 * var(--u))}.two{left:calc(326 * var(--u));top:calc(184 * var(--u))}.three{left:calc(124 * var(--u));top:calc(656 * var(--u))}.feature-body{position:absolute;left:calc(90 * var(--u));top:calc(271 * var(--u));right:calc(45 * var(--u))}.feature h2{font-size:calc(46 * var(--u));line-height:.97;letter-spacing:calc(-1.6 * var(--u));margin:0 0 calc(28 * var(--u))}.feature p{font-size:calc(27 * var(--u));line-height:1.05;letter-spacing:calc(-1 * var(--u));margin:0}.feature-art{position:relative}.feature-art .pills{position:absolute;top:calc(134 * var(--u));left:calc(245 * var(--u));right:calc(113 * var(--u));gap:calc(20 * var(--u));white-space:nowrap}.feature-art .pills a{color:#999;border-color:#aaa;font-size:calc(10 * var(--u));padding:calc(10 * var(--u)) calc(25 * var(--u))}.feature-art .pills a.active{background:var(--coral);color:#fff;border-color:#000}.knowledge .pills a.active{background:var(--purple)}.ethics .pills a.active{background:var(--blue)}.feature-art>:is(img,.motion-art){position:absolute;left:calc(270 * var(--u));top:calc(196 * var(--u));width:calc(560 * var(--u));height:calc(560 * var(--u));object-fit:contain}.knowledge .feature-art>:is(img,.motion-art){top:calc(186 * var(--u));height:calc(565 * var(--u));width:calc(555 * var(--u));left:calc(275 * var(--u))}.ethics .feature-art>:is(img,.motion-art){left:calc(70 * var(--u));top:calc(214 * var(--u));width:calc(775 * var(--u));height:calc(440 * var(--u))}.ethics .feature-body{left:calc(103 * var(--u));top:calc(271 * var(--u))}.concerns{height:calc(1143 * var(--u));position:relative;text-align:center}.muted{font-size:calc(30 * var(--u));line-height:.98;font-weight:700;letter-spacing:calc(-.8 * var(--u));color:#aaa9a2;margin:0;position:absolute;left:0;right:0}.concern-top{top:calc(52 * var(--u))}.concern-bottom{top:calc(666 * var(--u))}.statement{position:absolute;top:calc(330 * var(--u));left:calc(120 * var(--u));right:calc(120 * var(--u));display:flex;align-items:center;justify-content:space-between;gap:calc(45 * var(--u))}.statement img{width:calc(140 * var(--u));height:calc(140 * var(--u));object-fit:contain}.statement h2{font-size:calc(30 * var(--u));line-height:.98;letter-spacing:calc(-.5 * var(--u));width:calc(440 * var(--u));flex-shrink:0}.audiences{position:absolute;left:0;right:0;top:calc(900 * var(--u));overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent)}.audiences>div{font-size:calc(32 * var(--u));letter-spacing:calc(-1 * var(--u));white-space:nowrap;width:max-content;padding:0 calc(20 * var(--u));transform:translateX(calc(-45 * var(--u)))}.audiences b{padding:0 calc(28 * var(--u))}.moment{height:calc(861 * var(--u));padding:0 calc(60 * var(--u))}.moment>img{width:100%;height:calc(400 * var(--u));object-fit:cover;display:block}.moment-copy{display:grid;grid-template-columns:1fr 1fr;gap:calc(20 * var(--u));padding-top:calc(25 * var(--u))}.moment h2{font-size:calc(60 * var(--u));letter-spacing:calc(-1.7 * var(--u));line-height:1.05;margin:0;white-space:nowrap}.moment p{font-size:calc(20 * var(--u));line-height:1.1;letter-spacing:calc(-.55 * var(--u));margin:0 0 calc(25 * var(--u))}.everyone{height:calc(500 * var(--u));background:var(--purple);color:#fff;position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.everyone:before{content:'';position:absolute;inset:0;background:url('assets/dots.webp') right center / calc(900 * var(--u)) auto no-repeat;opacity:.25}.everyone>*{position:relative}.everyone h2{font-size:calc(60 * var(--u));line-height:.98;letter-spacing:calc(-1.6 * var(--u));margin:0 0 calc(45 * var(--u))}.articles{height:calc(666 * var(--u));padding-top:calc(109 * var(--u));overflow:hidden}.articles>h2{font-size:calc(46 * var(--u));letter-spacing:calc(-1.2 * var(--u));margin:0 0 calc(75 * var(--u)) calc(193 * var(--u))}.article-track{display:flex;gap:calc(25 * var(--u));overflow-x:auto;padding:0 calc(173 * var(--u)) calc(15 * var(--u));scrollbar-width:thin;scrollbar-color:var(--blue) transparent;scroll-snap-type:x mandatory}.article{flex:0 0 calc(344 * var(--u));height:calc(344 * var(--u));border:1px solid #009fe8;border-top-color:#c8c8c8;background:#fff;border-radius:calc(20 * var(--u));padding:calc(50 * var(--u)) calc(19 * var(--u));position:relative;text-decoration:none;scroll-snap-align:center}.article h3{font-size:calc(30 * var(--u));line-height:1;letter-spacing:calc(-1.3 * var(--u));margin:0 0 calc(30 * var(--u))}.article p{font-size:calc(21 * var(--u));letter-spacing:calc(-.7 * var(--u));line-height:1.05;margin:0}.article>span{position:absolute;right:calc(22 * var(--u));bottom:calc(23 * var(--u));font-size:calc(46 * var(--u));line-height:1}footer{height:calc(434 * var(--u));background:var(--blue);color:#fff;padding:calc(56 * var(--u)) calc(60 * var(--u)) 0}.footer-main{display:grid;grid-template-columns:calc(708 * var(--u)) calc(300 * var(--u)) 1fr}.footer-main .brand{font-size:calc(48 * var(--u));letter-spacing:calc(6 * var(--u))}.footer-main p{font-size:calc(20 * var(--u));line-height:1.1;letter-spacing:calc(-.6 * var(--u));margin:calc(16 * var(--u)) 0 calc(26 * var(--u))}.footer-main a{text-decoration:none}.footer-nav h2{font:calc(16 * var(--u)) Matter,Arial,sans-serif;margin:calc(3 * var(--u)) 0 calc(25 * var(--u))}.footer-nav>a{display:block;font-size:calc(20 * var(--u));line-height:1.1}.contacts p{margin:calc(5 * var(--u)) 0 calc(23 * var(--u));white-space:nowrap}#newsletter{display:flex;width:calc(310 * var(--u));height:calc(60 * var(--u));border:2px solid white}#newsletter input{width:0;flex:1;min-width:0;background:transparent;border:0;color:#fff;padding:calc(12 * var(--u));font-size:calc(20 * var(--u))}#newsletter input::placeholder{color:#b6e2f5}#newsletter button{background:#fff;border:0;width:calc(58 * var(--u));color:var(--blue);font-size:calc(44 * var(--u));line-height:1;cursor:pointer}.footer-bottom{display:flex;gap:calc(40 * var(--u));font-size:calc(14 * var(--u));margin-top:calc(106 * var(--u));letter-spacing:calc(-.35 * var(--u))}.footer-bottom a{text-decoration:none}.footer-bottom a span{color:var(--yellow)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{border:1px solid #000;border-radius:20px;background:var(--paper);color:#000;max-width:600px;width:calc(100% - 40px);padding:40px;font-size:18px;line-height:1.4}dialog::backdrop{background:#0007}dialog h2{font-size:32px;line-height:1.05;margin:10px 0 24px}dialog h3{font-size:19px;margin-bottom:8px}dialog p{margin-top:0}.close{position:absolute;right:16px;top:10px;background:none;border:0;font-size:32px;cursor:pointer}dialog .pill{font-size:15px;padding:12px 24px}a:hover{text-decoration:underline}.pill:hover,.pills a:hover{text-decoration:none;filter:brightness(.96)}
@media(max-width:700px){.feature{height:auto;display:block}.feature-copy{min-height:580px}.feature-body,.ethics .feature-body{left:32px;right:24px;top:190px}.feature h2{font-size:42px}.feature p{font-size:24px}.note{font-size:10px}.one{left:52px;top:40px}.two{left:auto;right:25px;top:100px}.three{left:52px;top:520px}.note:before{left:-20px;width:8px;height:8px}.feature-art{height:auto;min-height:440px;padding:32px 20px}.feature-art .pills{position:static;gap:8px;flex-wrap:wrap;justify-content:center}.feature-art .pills a{padding:8px 10px;font-size:9px}.feature-art>:is(img,.motion-art),.knowledge .feature-art>:is(img,.motion-art),.ethics .feature-art>:is(img,.motion-art){position:static;display:block;width:100%;height:auto;max-width:560px;margin:24px auto 0}.ethics .feature-art{min-height:300px}.concerns{height:auto;padding:45px 20px 70px}.muted{position:static;font-size:24px}.statement{position:static;gap:12px;flex-wrap:wrap;justify-content:center;margin:65px 0}.statement img{width:52px;height:52px}.statement h2{font-size:24px;width:100%;order:-1;margin:0 0 25px}.audiences{position:static;margin:65px -20px 0}.audiences>div{font-size:23px;padding:0 20px;transform:none}.audiences b{padding:0 16px}.moment{height:auto;padding:0 24px 65px}.moment>img{height:200px}.moment-copy{display:block;padding-top:24px}.moment h2{font-size:34px;white-space:normal;letter-spacing:-1px;margin-bottom:25px}.moment p{font-size:17px;line-height:1.25;margin-bottom:20px}.everyone{height:340px;padding:25px}.everyone h2{font-size:34px;letter-spacing:-1px;margin-bottom:35px}.everyone:before{background-size:550px}.articles{height:auto;padding:55px 0 65px}.articles>h2{font-size:34px;margin:0 24px 35px}.article-track{padding:0 24px 16px;gap:18px}.article{flex-basis:290px;height:300px;padding:36px 20px;border-radius:20px}.article h3{font-size:25px;margin-bottom:25px}.article p{font-size:18px}.article>span{font-size:40px;right:20px;bottom:20px}footer{height:auto;padding:40px 24px 30px}.footer-main{display:flex;flex-wrap:wrap;gap:40px}.newsletter{width:100%}.footer-main .brand{font-size:34px}.footer-main p{font-size:18px}.footer-nav h2{font-size:14px}.footer-nav>a{font-size:18px}.contacts p{white-space:normal}#newsletter{width:100%;max-width:340px;height:52px}#newsletter input{font-size:18px;padding:12px}#newsletter button{width:52px;font-size:38px}.footer-bottom{font-size:13px;line-height:1.5;margin-top:45px;gap:20px;flex-wrap:wrap}.footer-bottom>span{width:100%}}
/* Match the sampled colors and desktop geometry of the supplied PDF. */
:root{--blue:#009bec;--paper:#f3f0e8;--coral:#ff5454;--purple:#6a2265;--yellow:#ffd84d}body{font-family:Matter,Arial,sans-serif}.hero{background-position:calc(-93 * var(--u)) calc(-86 * var(--u))}h1{font-weight:400;font-size:calc(96 * var(--u));line-height:.89;letter-spacing:calc(-4.2 * var(--u))}.hero .pills{justify-content:flex-start;gap:calc(19 * var(--u))}.hero .pills a{padding-left:calc(28 * var(--u));padding-right:calc(28 * var(--u))}.brand{display:block;width:calc(175 * var(--u));height:calc(33 * var(--u));background:url('assets/logo.webp') center / contain no-repeat;overflow:hidden;font-size:0!important;flex-shrink:0}.footer-main .brand{width:calc(310 * var(--u));height:calc(58 * var(--u))}.everyone:before{inset:auto;width:calc(1715 * var(--u));height:calc(1715 * var(--u));left:calc(73 * var(--u));top:calc(-520 * var(--u));background-size:100% 100%;transform:rotate(15deg)}
@media(max-width:700px){.hero{background-position:left center;background-size:100% auto}h1{font-size:clamp(38px,8.8vw,62px);line-height:.98;letter-spacing:-2px}.hero .pills{gap:8px}.hero .pills a{padding:8px 12px}.brand{width:175px;height:33px}.footer-main .brand{width:250px;height:47px}.everyone:before{width:1000px;height:1000px;left:-200px;top:-300px}}

/* Sharp live lettering at every screen density. */
.brand{background:none;font-family:Matter,Arial,sans-serif;font-size:calc(30 * var(--u))!important;letter-spacing:calc(4 * var(--u));font-weight:700;line-height:1.1;white-space:nowrap;overflow:visible;width:auto;height:auto}
.footer-main .brand{font-size:calc(48 * var(--u))!important;letter-spacing:calc(6 * var(--u));width:max-content;height:auto}
.note{will-change:transform}.feature-copy{overflow:hidden}
.concerns{height:auto;padding:0 0 clamp(70px,12vw,170px)}
.concern-scroll{height:300svh;position:relative}.concern-stage{height:100svh;position:sticky;top:0;overflow:hidden;display:grid;place-items:center}
.concern-messages{position:relative;width:36%;height:180px}.concern-message{position:absolute;inset:0;margin:0;display:grid;place-content:center;font-size:clamp(20px,2.1vw,34px);font-weight:700;line-height:1.02;letter-spacing:-.6px;opacity:0;will-change:transform,opacity}.concern-message:first-child{opacity:1}
.concern-gears{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr 3fr 1fr 1fr;gap:4vw;align-items:center;padding:0 8vw;pointer-events:none}.concern-gears img{width:100%;mix-blend-mode:darken;will-change:transform}.concern-gears img:nth-child(3){grid-column:4}
.audiences{position:relative;top:auto;left:auto;right:auto;margin:20px 0 0;overflow:hidden;padding:12px 0}.audiences>.audience-track{display:flex;transform:none;padding:0;width:max-content;will-change:transform}.audience-group{flex:none;white-space:nowrap}
@media(max-width:700px){.brand{font-size:27px!important;letter-spacing:3px}.footer-main .brand{font-size:38px!important;letter-spacing:5px}.concerns{padding:0 0 70px}.concern-messages{width:90%;height:200px}.concern-message{font-size:24px}.concern-gears{display:flex;justify-content:center;align-items:flex-end;padding:0 24px 18svh;gap:22px}.concern-gears img{width:clamp(42px,12vw,65px)}.audiences{margin:20px 0 0}}
@media(prefers-reduced-motion:reduce){.concern-scroll{height:auto}.concern-stage{position:relative;height:auto;padding:70px 20px;overflow:visible;display:flex;flex-direction:column;gap:40px}.concern-messages{width:100%;height:auto;display:grid;gap:45px}.concern-message{position:static;opacity:1!important;transform:none!important}.concern-gears{position:static;display:flex;gap:24px;padding:0;order:2}.concern-gears img{width:55px;transform:none!important}.audiences{overflow-x:auto}.audience-group[aria-hidden]{display:none}}
/* User-supplied outlined vector wordmark. */
.brand,.footer-main .brand{background:url('assets/logo.svg') center / contain no-repeat;font-size:0!important;width:calc(175 * var(--u));height:calc(33 * var(--u));overflow:hidden}
.footer-main .brand{width:calc(310 * var(--u));height:calc(58 * var(--u))}
@media(max-width:700px){.brand{width:175px;height:33px}.footer-main .brand{width:250px;height:47px}}

/* Full-resolution supplied portrait, with its original aspect ratio. */
.portrait{left:calc(70 * var(--u));top:0;width:calc(585 * var(--u));height:auto;object-fit:contain}
@media(max-width:700px){.portrait{left:auto;width:calc(100% - 48px);height:auto;margin:0 24px}}
/* Account for the supplied SVG's transparent canvas to retain the wheel's placement. */
.hero{background-image:url('assets/hero-background-animated.svg');background-size:calc(1616 * var(--u)) calc(1626 * var(--u));background-position:calc(-368 * var(--u)) calc(-369 * var(--u))}
@media(max-width:700px){.hero{background-size:155.38vw 155.38vw;background-position:-26.43vw calc(50% + 6.9vw)}}
@media(prefers-reduced-motion:reduce){.hero{background-image:url('assets/hero-background.webp');background-size:calc(1040 * var(--u)) calc(915 * var(--u));background-position:calc(-93 * var(--u)) calc(-86 * var(--u))}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.hero{background-size:100% auto;background-position:left center}}

/* Shared pill geometry keeps all four rows aligned. */
.feature-art .pills{left:25%;right:calc(60 * var(--u));top:calc(132 * var(--u));justify-content:flex-start;gap:calc(19 * var(--u))}
.feature-art .pills a{font-size:calc(11 * var(--u));padding:calc(10 * var(--u)) calc(28 * var(--u));box-shadow:0 4px 3px #0001}
.motion-art>svg{display:block;width:100%;height:100%;overflow:visible}
.feature-art{background:var(--paper)}
@media(min-width:701px) and (min-height:600px){
.feature-stack{position:relative;display:flex;flex-direction:column;gap:55svh;padding-bottom:0}
.feature-stack .feature{position:sticky;top:0;height:max(100svh,calc(800 * var(--u)));flex:none;margin-bottom:0;background:var(--paper)}
.feature-stack::after{content:"";display:block;flex:0 0 55svh;margin-top:-55svh}
.feature-stack .feature:last-child{margin-bottom:0}
.feature-stack .privacy{z-index:1}.feature-stack .knowledge{z-index:2}.feature-stack .ethics{z-index:3}
}
@media(max-width:700px){.feature-art .pills{gap:8px;justify-content:flex-start}.feature-art .pills a{font-size:10px;padding:8px 12px}.motion-art>svg{height:auto}.feature-art .motion-art{height:auto}}
@media(prefers-reduced-motion:reduce){.feature-stack{padding-bottom:0;gap:0}.feature-stack::after{display:none}.feature-stack .feature{position:relative;height:calc(800 * var(--u));margin-bottom:0}.travel-document{display:none}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.feature-stack .feature{height:auto}}

/* Shared beta CTA states from the supplied reference. */
.join-beta:hover,.join-beta:focus-visible{background:var(--paper);color:var(--blue);border-color:var(--blue);filter:none;text-decoration:none}
.join-beta:active{background:#fff;color:#000;border-color:#000;filter:none}

/* Mobile feature navigation always uses one button per row. */
@media(max-width:700px){.hero .pills,.feature-art .pills{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:10px}.hero .pills a,.feature-art .pills a{width:100%;box-sizing:border-box;min-height:40px;font-size:12px}}

/* Shared mobile and tablet navigation; desktop keeps its horizontal links. */
.menu-toggle{display:none}
#mobile-navigation{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:var(--blue);color:#fff;overflow-y:auto}
#mobile-navigation::backdrop{background:var(--blue)}
#mobile-navigation[open]{display:flex;flex-direction:column}
.menu-top{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:16px 24px;flex-shrink:0}
.menu-top .brand{width:175px;height:33px}
.menu-toggle,.menu-close{width:44px;height:44px;padding:6px;border:0;background:transparent;color:white;cursor:pointer;flex-shrink:0}
.menu-toggle svg,.menu-close svg{display:block;width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
#mobile-navigation nav{width:100%;flex:1;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(22px,4vh,40px);padding:32px 24px max(48px,env(safe-area-inset-bottom));font:clamp(26px,4vw,44px)/1.2 Matter,Arial,sans-serif}
#mobile-navigation nav .pill{margin-top:16px;padding:16px 30px;font-size:18px}
#mobile-navigation a:focus-visible,#mobile-navigation button:focus-visible,.menu-toggle:focus-visible{outline:2px solid white;outline-offset:5px}
@media(max-width:1100px){
 header.has-mobile-menu{height:76px;min-height:76px;padding:16px 24px;flex-wrap:nowrap}
 header.has-mobile-menu>.brand{width:175px;height:33px}
 header.has-mobile-menu>nav{display:none}
 header.has-mobile-menu>.menu-toggle{display:block}
}


#mobile-navigation nav>a:not(.join-beta){font-family:Matter,Arial,sans-serif;font-weight:700}

.email-copy-group{position:relative;display:inline-flex;align-items:center;gap:4px}
.email-copy-button{display:inline-grid;place-items:center;width:28px;height:28px;padding:4px;border:0;background:transparent;color:inherit;cursor:pointer;flex:none}
.email-copy-button:hover{color:var(--yellow)}
.email-copy-button:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}
.email-copy-status{position:absolute;top:100%;left:0;color:var(--yellow);font:400 12px/1.2 Arial,sans-serif;letter-spacing:0;white-space:nowrap;pointer-events:none}

/* Homepage image and copy share a row; stack on small screens. */
.moment{height:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);padding-bottom:clamp(48px,6vw,90px)}
.moment>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.moment-copy{display:block;padding-top:0;min-width:0}
.moment p:last-child{margin-bottom:0}
@media(max-width:700px){.moment{grid-template-columns:1fr}.moment>img{height:auto}.moment-copy{padding-top:0}}

.article-track .article:hover,.article-track .article:focus-visible{color:var(--blue);text-decoration:none}
.article-track .article:hover *,.article-track .article:focus-visible *{text-decoration:none}
footer .email-copy-button{display:inline-flex;align-items:center;gap:8px;width:auto;height:auto;min-height:28px;padding:0;border:0;font:inherit;letter-spacing:inherit;text-align:left;color:inherit;background:transparent}
footer .email-copy-button svg{flex:none}
footer .email-copy-button:hover,footer .email-copy-button:focus-visible{color:var(--yellow);text-decoration:none}

/* Square chat preview retains its proportions at every screen size. */
.ethics .feature-art>.motion-art{left:calc(245 * var(--u));top:calc(190 * var(--u));width:calc(530 * var(--u));height:auto;aspect-ratio:640/658}.ethics .motion-art svg{display:block;width:100%;height:auto}
@media(max-width:700px){.ethics .feature-art>.motion-art{position:static;width:100%;max-width:530px;height:auto;margin:24px auto 0}}

.ethics .feature-art>.motion-art,.privacy .feature-art>.chat-preview{border:1px solid #000;border-radius:2.5% / 2.43%;overflow:hidden;box-sizing:border-box}
.privacy .feature-art>.chat-preview{left:calc(245 * var(--u));top:calc(190 * var(--u));width:calc(530 * var(--u));height:auto;aspect-ratio:640/658}
@media(max-width:700px){.privacy .feature-art>.chat-preview{position:static;width:100%;max-width:530px;height:auto;margin:24px auto 0}}

.privacy .feature-art>.upload-preview{position:absolute;left:calc(245 * var(--u));top:calc(190 * var(--u));width:calc(560 * var(--u));height:auto;aspect-ratio:412/402;object-fit:contain}
@media(max-width:700px){.privacy .feature-art>.upload-preview{position:static;width:100%;max-width:560px;height:auto;margin:24px auto 0}}

.upload-preview>svg{display:block;width:100%;height:auto}

.ethics .feature-art>.ethics-design{left:calc(70 * var(--u));top:calc(214 * var(--u));width:calc(775 * var(--u));height:auto;aspect-ratio:3212/1878}
@media(max-width:700px){.ethics .feature-art>.ethics-design{position:static;width:100%;height:auto;max-width:775px;margin:24px auto 0}}

.ethics .feature-art>.ethics-design{border:1px solid #808080;border-radius:8px;box-sizing:border-box}

.hero .hero-copy h1{letter-spacing:0}

/* Spirograph placement follows the supplied 1440 × 800 hero mockup. */
.hero{background-image:url('/assets/hero-spirograph.svg');background-size:100% 100%;background-position:center;background-repeat:no-repeat}
@media(max-width:700px){.hero{background-size:auto 100%;background-position:center}}


.hero{background-image:url('/assets/hero-spirograph.svg?v=animated')}

/* Standard tracking for all editorial headings. */
h1,h2,h3,h4,h5,h6{letter-spacing:normal!important}

/* Combined signup invitation and audience marquee. */
#beta.beta-audiences{height:auto;min-height:calc(250 * var(--u));padding:calc(50 * var(--u)) 0 calc(50 * var(--u)) calc(100 * var(--u));display:grid;grid-template-columns:calc(330 * var(--u)) minmax(0,1fr);gap:calc(45 * var(--u));overflow:hidden}
#beta .beta-invitation{font:400 calc(34 * var(--u))/1.03 Matter,Arial,sans-serif;white-space:normal;text-decoration:none}
.beta-invitation>span{display:block}.beta-invitation>span:first-child{display:flex;align-items:center;gap:10px}.beta-invitation svg{width:calc(110 * var(--u));height:calc(20 * var(--u));fill:none;stroke:currentColor;stroke-width:1.7}.beta-invitation:hover>span:first-child{text-decoration:underline}
#beta .audiences{margin:0;min-width:0;padding:16px 0;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
#beta .audience-track{font:400 calc(34 * var(--u))/1.2 Matter,Arial,sans-serif;letter-spacing:normal}
.concerns{padding-bottom:clamp(40px,5vw,70px)}
.everyone{background:#6a2265}.everyone:before{inset:0;width:100%;height:100%;background:url('/assets/everyone-rings.svg') center/cover no-repeat;transform:none;opacity:1}
@media(max-width:700px){#beta.beta-audiences{padding:32px 0;grid-template-columns:minmax(0,1fr);gap:22px;min-height:0}#beta .beta-invitation{font-size:27px;padding:0 24px;justify-self:start}.beta-invitation svg{width:88px;height:20px}#beta .audience-track{font-size:27px}#beta .audiences{width:100%}.concerns{padding-bottom:40px}}

#beta{position:relative;cursor:pointer}#beta .beta-invitation::after{content:"";position:absolute;inset:0;z-index:2}#beta:has(.beta-invitation:focus-visible){outline:3px solid #000;outline-offset:-5px}
#privacy .feature-art{display:flex;align-items:center;justify-content:center;padding:40px clamp(24px,4vw,65px)}
#privacy .home-handoff{padding:0;width:100%;max-width:780px}
#privacy .home-handoff h2{font-size:clamp(24px,2.6vw,38px);line-height:1.1;margin:0 0 28px;font-weight:700}
#privacy .home-handoff .two-col{grid-template-columns:1fr;gap:24px;max-width:450px;margin:0 auto}
#privacy .home-handoff .eyebrow{margin:0 0 12px;font-size:13px;letter-spacing:normal}
#ethics .upload-preview{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(75%,560px);height:auto}
@media(max-width:700px){.feature-stack .feature{height:auto;min-height:100svh}#privacy .feature-art{padding:40px 24px 55px}#privacy .home-handoff h2{font-size:28px}#ethics .upload-preview{position:static;transform:none;width:100%;margin:0 auto}#ethics .feature-art{padding:40px 24px}}

/* Center the knowledge illustration and stagger the privacy examples. */
#knowledge .feature-art{display:flex;align-items:center;justify-content:center}
#knowledge .feature-art>img{position:static;width:min(75%,555px);height:auto;margin:0;object-fit:contain}
#privacy .home-handoff h2{font-weight:400;font-size:clamp(24px,2.6vw,38px);margin-bottom:38px}
#privacy .home-handoff .two-col{max-width:none;gap:22px}
#privacy .handoff-example{width:65%}
#privacy .handoff-example:last-child{justify-self:end}
#privacy .home-handoff .eyebrow{font-size:clamp(11px,1.1vw,16px);margin-bottom:16px}
@media(max-width:700px){#knowledge .feature-art>img{width:min(100%,555px)}#privacy .handoff-example{width:90%}#privacy .home-handoff h2{margin-bottom:30px}#privacy .home-handoff .eyebrow{font-size:11px}}

.product-overview{padding:52px 24px 55px;background:var(--paper);text-align:center}.product-overview h2{font-size:32px;font-weight:700;line-height:.95;margin:0 0 50px}.product-overview>img{display:block;width:100%;max-width:996px;height:auto;margin:auto;border-radius:10px}@media(max-width:700px){.product-overview{padding:40px 20px}.product-overview h2{font-size:26px;line-height:1.05;margin-bottom:30px}}

.hero h1{font-weight:700}.hero .pills{flex-wrap:wrap;gap:12px}.hero .pills a{font-size:calc(18 * var(--u));background:var(--paper);padding:10px 14px}.everyone:before{background-image:url('/assets/everyone-animated.svg');background-size:100% 100%;background-position:center top}@media(max-width:700px){.hero .pills a{font-size:18px}.everyone:before{background-size:auto 100%}}
.hero .pills a,.hero-copy>a.pill.coral{font-size:14px}

.hero-copy .demo{margin-left:0}.product-overview{background:#fff}