:root{--ink:#0d0d0d;--paper:#f5f3ee;--yellow:#ffd329;--muted:#73716c;--line:#d9d6ce}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.45}a{text-decoration:none;color:inherit}button{font:inherit;border:0;cursor:pointer}.topbar{height:78px;padding:0 5vw;display:flex;align-items:center;gap:34px;position:fixed;top:0;z-index:10;width:100%;background:rgba(13,13,13,.9);color:#fff;transition:.3s}.topbar.scrolled{background:var(--ink);box-shadow:0 4px 22px #0002}.brand{font-size:22px;letter-spacing:-1.5px;font-weight:800;white-space:nowrap}.brand span{font-weight:400}.brand i{font-style:normal;color:var(--yellow);font-size:28px}.topbar nav{display:flex;gap:25px;font-size:13px;margin-left:auto}.topbar nav a:hover,.text-link:hover{color:var(--yellow)}.button{display:inline-flex;align-items:center;gap:22px;padding:16px 20px;font-size:13px;font-weight:700;letter-spacing:.1px}.button b{font-size:20px;line-height:0}.button-small{padding:11px 14px;gap:12px}.button-yellow{background:var(--yellow);color:var(--ink)}.button-black{background:var(--ink);color:#fff}.button-outline{border:1px solid #fff;color:#fff}.button-outline:hover{background:#fff;color:var(--ink)}.menu-toggle{display:none;background:none;color:#fff;font-size:24px}.hero{min-height:760px;padding:150px 5vw 76px;background:var(--ink);color:#fff;display:grid;grid-template-columns:1.04fr .96fr;gap:7vw;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.7px;text-transform:uppercase;font-weight:700;margin:0 0 21px}.yellow{color:var(--yellow)}.live-dot{display:inline-block;background:var(--yellow);width:7px;height:7px;border-radius:50%;margin-right:8px;box-shadow:0 0 0 5px #ffd32925}.hero h1{font-size:clamp(46px,6vw,88px);line-height:.96;letter-spacing:-4px;margin:0 0 30px}.hero h1 em{color:var(--yellow);font-style:normal}.hero-lede{color:#b3b1ad;max-width:430px;font-size:17px;margin-bottom:35px}.hero-actions{display:flex;gap:26px;align-items:center}.watch{background:none;color:#fff;font-size:13px}.watch span{display:inline-grid;place-items:center;border:1px solid #fff;border-radius:50%;width:31px;height:31px;margin-right:8px;font-size:10px}.hero-proof{display:flex;gap:13px;align-items:flex-start;border-top:1px solid #ffffff35;margin-top:76px;padding-top:17px;color:#a4a29d;font-size:10px;line-height:1.2;text-transform:uppercase;letter-spacing:1px}.hero-proof strong{font-size:18px;color:var(--yellow);font-weight:400}.hero-visual{height:510px;position:relative}.hero-visual img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);opacity:.84}.visual-label{position:absolute;left:23px;top:23px;font-size:11px;letter-spacing:2px}.visual-label b{font-size:18px;letter-spacing:0}.visual-sticker{position:absolute;right:-32px;bottom:35px;background:var(--yellow);color:var(--ink);width:100px;height:100px;border-radius:50%;display:grid;place-items:center;text-align:center;font-size:14px;font-weight:800;line-height:1}.ticker{background:var(--yellow);height:46px;overflow:hidden;display:flex;align-items:center;white-space:nowrap;font-size:12px;font-weight:800;letter-spacing:2px}.ticker div{animation:ticker 24s linear infinite}.ticker i{font-style:normal;font-size:19px;margin:0 20px}@keyframes ticker{to{transform:translateX(-30%)}}.section-light{padding:115px 7vw}.section-dark{background:var(--ink);color:#fff;padding:115px 7vw}.section-yellow{background:var(--yellow);color:var(--ink);padding:115px 7vw}.section-intro h2,.section-heading h2{font-size:clamp(38px,5vw,70px);line-height:.96;letter-spacing:-3px;margin:0 0 16px}.section-intro h2 span,.section-heading h2 span,.section-yellow h2 span{color:var(--yellow)}.section-intro>p:last-child{color:var(--muted);font-size:16px}.need-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:58px}.need-card{min-height:300px;text-align:left;background:#e9e7e0;padding:25px;position:relative;transition:.25s}.need-card:hover,.need-card.active{background:var(--yellow);transform:translateY(-7px)}.need-number{font-size:12px}.need-icon{position:absolute;right:25px;font-size:30px;font-weight:200}.need-card h3{font-size:32px;line-height:.95;letter-spacing:-1.5px;margin:76px 0 15px}.need-card p{color:#5d5b56;font-size:13px;max-width:235px}.need-card.active p{color:#343126}.arrow{position:absolute;bottom:24px;font-size:12px;font-weight:bold}.contrast{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.contrast h2{font-size:clamp(42px,5vw,70px);line-height:.95;letter-spacing:-3px;margin:0}.contrast h2 span{color:var(--yellow)}.contrast-table{display:grid;grid-template-columns:1fr 1fr;gap:4px}.contrast-table>div{padding:30px 25px}.contrast-table small{font-size:10px;letter-spacing:1.5px}.contrast-table p{border-bottom:1px solid #ffffff2a;padding-bottom:15px;font-size:15px}.old{background:#1b1b1b;color:#888}.new{background:var(--yellow);color:var(--ink)}.new p{border-color:#1113}.spaces{padding-bottom:140px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:54px}.section-heading h2{margin-bottom:0}.text-link{font-size:13px;border-bottom:1px solid var(--ink);padding-bottom:6px}.space-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:13px}.space-card{height:470px;position:relative;overflow:hidden;background:#222}.space-card.large{height:570px}.space-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.space-card:hover img{transform:scale(1.05)}.space-card:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#000c)}.space-overlay{position:absolute;z-index:1;bottom:27px;left:27px;color:#fff}.space-overlay span{font-size:10px;color:var(--yellow);letter-spacing:1px}.space-overlay h3{font-size:35px;line-height:.93;letter-spacing:-1.5px;margin:12px 0}.space-overlay p{font-size:13px;color:#ddd}.space-overlay a{font-size:12px;font-weight:bold}.centre-feature{display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:center}.centre-photo{height:510px;position:relative}.centre-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(70%)}.photo-tag{position:absolute;top:22px;left:22px;background:var(--yellow);color:var(--ink);padding:9px;font-size:10px;font-weight:bold;letter-spacing:1px}.centre-info h3{font-size:clamp(40px,5vw,65px);line-height:.93;letter-spacing:-3px;margin:0 0 23px}.centre-info>p:not(.eyebrow){color:#aaa;font-size:16px;max-width:420px}.centre-details{display:grid;gap:10px;margin:32px 0 35px;font-size:12px;color:#ddd}.app-section{display:grid;grid-template-columns:1fr 1fr;min-height:650px;overflow:hidden}.app-copy{max-width:560px}.app-section h2{font-size:clamp(42px,5vw,70px);line-height:.93;letter-spacing:-3px;margin:0 0 25px}.app-section h2 span{color:#fff}.app-copy>p:not(.eyebrow){font-size:17px;max-width:460px}.app-list{display:flex;gap:25px;margin:42px 0}.app-list div{display:flex;gap:8px;font-size:11px;line-height:1.1}.app-list b{font-size:16px}.app-list strong{font-size:12px}.phone-wrap{display:flex;justify-content:center;align-items:center}.phone{background:#151515;border:7px solid #222;border-radius:37px;width:280px;height:560px;padding:10px;box-shadow:17px 22px 0 #1114;transform:rotate(5deg)}.phone-screen{height:100%;background:#f5f3ee;border-radius:24px;padding:27px 17px;color:var(--ink)}.phone-top{position:absolute;background:#111;width:96px;height:20px;border-radius:0 0 12px 12px;left:86px;top:9px}.mini-brand{font-weight:bold;font-size:14px;margin:9px 0 55px}.mini-brand span{color:#e9bb00}.mini-kicker{font-size:8px;letter-spacing:1px;color:#777}.phone h4{font-size:26px;line-height:.94;letter-spacing:-1px;margin:8px 0 22px}.mini-search{background:#fff;padding:12px 10px;font-size:10px}.mini-search span{float:right}.mini-card{display:flex;align-items:center;gap:8px;margin-top:15px;background:#fff;padding:7px}.mini-card img{width:48px;height:48px;object-fit:cover}.mini-card span{font-size:10px}.mini-card small{display:block;color:#888;font-size:8px}.mini-card>strong{font-size:10px;margin-left:auto}.mini-card>strong small{display:inline}.phone-screen>button{background:var(--yellow);width:100%;margin-top:20px;padding:12px;font-size:10px;font-weight:bold}.steps{padding-bottom:140px}.steps-line{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:62px}.steps-line>div{padding-top:25px;border-top:3px solid var(--ink);margin-top:-3px}.steps-line b{font-size:12px;color:#9e9b93}.steps-line h3{font-size:22px;margin:45px 0 10px}.steps-line p{max-width:250px;color:var(--muted);font-size:13px}.manifesto{text-align:center;position:relative}.manifesto-mark{color:var(--yellow);font-family:Georgia;font-size:130px;line-height:.5}.manifesto blockquote{font-size:clamp(35px,5vw,68px);line-height:.98;letter-spacing:-3px;max-width:920px;margin:25px auto}.manifesto blockquote em{color:var(--yellow);font-style:normal}.manifesto-copy{color:#a7a7a7;margin-top:35px;font-size:15px}.final-cta{text-align:center;padding:140px 7vw}.final-cta h2{font-size:clamp(48px,7vw,100px);line-height:.88;letter-spacing:-5px;margin:0 0 38px}.final-cta h2 span{color:#fff}footer{padding:38px 7vw 25px;background:#111;color:#fff;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:center}footer p{font-size:12px;color:#aaa;margin:0}footer div{display:flex;gap:20px;font-size:11px;justify-content:flex-end}footer small{grid-column:1/-1;color:#777;border-top:1px solid #ffffff22;padding-top:18px;font-size:10px}dialog{background:#111;color:#fff;border:0;padding:0;max-width:min(900px,92vw);width:900px}dialog::backdrop{background:#000c}.dialog-close{position:absolute;right:15px;top:7px;background:none;color:#fff;font-size:30px;z-index:2}dialog video{display:block;width:100%}
@media(max-width:760px){.topbar{height:66px;padding:0 20px}.topbar nav,.topbar>.button{display:none}.menu-toggle{display:block;margin-left:auto}.topbar.menu-open nav{display:flex;position:absolute;top:66px;left:0;right:0;background:var(--ink);padding:22px 20px;flex-direction:column;gap:18px}.hero{display:flex;flex-direction:column;padding:120px 20px 55px;gap:45px;min-height:auto}.hero h1{font-size:51px;letter-spacing:-2.8px}.hero-lede{font-size:15px}.hero-actions{gap:15px;flex-wrap:wrap}.hero-proof{margin-top:43px}.hero-visual{height:390px;width:100%}.visual-sticker{right:-9px;bottom:22px}.section-light,.section-dark,.section-yellow{padding:78px 20px}.section-intro h2,.section-heading h2{font-size:48px;letter-spacing:-2px}.need-grid,.space-grid,.contrast,.centre-feature,.app-section{grid-template-columns:1fr}.need-card{min-height:260px}.need-card h3{margin-top:60px}.contrast-table{margin-top:35px}.contrast-table>div{padding:20px 15px}.contrast-table p{font-size:13px}.section-heading{display:block}.section-heading .text-link{display:inline-block;margin-top:25px}.space-card,.space-card.large{height:420px}.centre-feature{gap:35px}.centre-photo{height:340px}.centre-info h3{font-size:48px;letter-spacing:-2px}.app-section{min-height:auto}.app-list{gap:12px}.app-list div{flex-direction:column}.phone-wrap{margin-top:60px}.steps-line{grid-template-columns:1fr;gap:0}.steps-line>div{margin-top:0;margin-bottom:30px}.steps-line h3{margin-top:23px}.manifesto blockquote{font-size:43px;letter-spacing:-2px}.final-cta{padding:100px 20px}.final-cta h2{font-size:55px;letter-spacing:-3px}footer{grid-template-columns:1fr;padding:35px 20px}footer div{justify-content:flex-start;flex-wrap:wrap}footer small{grid-column:auto}}
/* Brand update from the official manual */
:root{--ink:#0b0a18;--paper:#fcf7f0;--yellow:#f9cacb;--accent:#fcd46d;--blue:#162742;--teal:#4f8a8b;--pink:#df3463;--muted:#656555;--line:#ded9cf}.brand-lockup{display:block;width:54px;height:54px}.brand-lockup img{display:block;width:100%;height:100%;object-fit:contain}.hero{overflow:hidden;position:relative}.hero:before{content:'';position:absolute;right:25%;top:12%;width:32vw;height:32vw;border:1px solid #f9cacb40;border-radius:50%;animation:orbit 18s linear infinite}.hero:after{content:'';position:absolute;right:10%;top:8%;width:10px;height:10px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 12px #fcd46d18,0 0 40px var(--accent);animation:float 5s ease-in-out infinite}.hero>*{position:relative;z-index:1}.hero-visual{animation:heroIn 1s .25s both}.section-light,.section-dark,.section-yellow{view-timeline-name:--section;view-timeline-axis:block;animation-timeline:--section;animation-name:sectionReveal;animation-range:entry 8% cover 28%;animation-fill-mode:both}footer .brand-lockup{width:70px;height:70px}@keyframes orbit{to{transform:rotate(360deg) translateX(12px) rotate(-360deg)}}@keyframes float{50%{transform:translateY(30px) translateX(-18px)}}@keyframes heroIn{from{opacity:0;transform:translateX(40px) scale(.96)}to{opacity:1;transform:none}}@keyframes sectionReveal{from{opacity:0;transform:translateY(55px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
/* Official brand palette and kinetic opening */
:root{--ink:#0b0a18;--paper:#fcf7f0;--pink-soft:#f9cacb;--charcoal:#565555;--navy:#162742;--blue:#04587a;--teal:#058891;--sage:#4f8a8b;--purple:#821752;--pink:#df4363;--yellow:#fcd46d}.brand-lockup{width:76px;height:76px}.brand-lockup img{border-radius:50%;display:block;width:100%;height:100%;object-fit:cover}.topbar{background:rgba(11,10,24,.92)}.topbar nav a:hover{color:var(--yellow)}.button-yellow{background:var(--yellow)}.hero h1 em,.hero-proof strong{color:var(--yellow)}.hero:after{background:var(--pink);box-shadow:0 0 0 12px #df436324,0 0 40px var(--pink)}.hero:before{border-color:#fcd46d55}.ticker{background:linear-gradient(90deg,var(--pink-soft),var(--yellow),#a9d4cf,var(--pink),var(--yellow));background-size:300% 100%;animation:paletteFlow 12s ease-in-out infinite}.section-intro h2 span,.section-heading h2 span,.contrast h2 span{color:var(--pink)}.need-card:nth-child(2){background:#a9d4cf}.need-card:nth-child(3){background:#fcd46d}.need-card.active{background:var(--pink)}.new,.photo-tag{background:var(--yellow)}.space-overlay span,.yellow{color:var(--yellow)}.section-yellow{background:var(--yellow)}.app-section h2 span,.manifesto blockquote em,.final-cta h2 span{color:var(--pink)}footer .brand-lockup{width:84px;height:84px}.brand-intro{position:fixed;inset:0;z-index:50;background:var(--ink);overflow:hidden;display:grid;place-items:center;transition:opacity .8s,visibility .8s}.brand-intro.intro-exit{opacity:0;visibility:hidden;pointer-events:none}.brand-intro video{width:100%;height:100%;object-fit:cover}.intro-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b0a1855,#0b0a1800 50%,#0b0a1844)}.intro-copy{position:absolute;left:6vw;bottom:10vh;color:var(--paper);animation:introRise 1.2s ease both}.intro-copy p{font-size:11px;letter-spacing:3px;color:var(--yellow);font-weight:800}.intro-copy h2{font-size:clamp(34px,6vw,76px);line-height:.9;letter-spacing:-3px;margin:14px 0}.intro-skip{position:absolute;right:6vw;bottom:10vh;background:var(--yellow);padding:15px 20px;font-weight:800;font-size:12px}.intro-skip span{font-size:20px;margin-left:15px}.palette-dots{background:radial-gradient(circle at 10% 50%,var(--pink) 0 13px,transparent 14px),radial-gradient(circle at 30% 20%,var(--blue) 0 20px,transparent 21px),radial-gradient(circle at 52% 70%,var(--yellow) 0 16px,transparent 17px),radial-gradient(circle at 76% 30%,var(--teal) 0 25px,transparent 26px)}@keyframes introRise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes paletteFlow{50%{background-position:100% 0}}@media(max-width:760px){.brand-lockup{width:60px;height:60px}.brand-intro video{object-position:center}.intro-copy{left:20px;bottom:105px}.intro-copy h2{font-size:43px}.intro-skip{left:20px;right:auto;bottom:35px}.hero:before{width:75vw;height:75vw;right:-20%;top:25%}}
.skip-link{position:fixed;left:16px;top:12px;z-index:100;color:var(--ink);background:var(--yellow);padding:10px 14px;font-size:12px;font-weight:700;transform:translateY(-160%);transition:transform .2s}.skip-link:focus{transform:translateY(0)}