@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{--blue:#078cb4;--deep:#062a38;--navy:#031e2a;--orange:#f26419;--cream:#f5f0df;--white:#fff;--ink:#08232d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.cursor-dot{position:fixed;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:var(--orange);z-index:100;pointer-events:none;mix-blend-mode:difference}.cursor-glow{position:fixed;left:0;top:0;width:320px;height:320px;border-radius:50%;background:rgba(242,100,25,.09);filter:blur(5px);pointer-events:none;z-index:0}.reveal{opacity:0;transform:translateY(38px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}.section-pad{padding:110px max(5vw,30px)}.eyebrow{font:700 12px "Manrope",sans-serif;letter-spacing:.2em;text-transform:uppercase}.orange{color:var(--orange)}h1,h2,h3{font-family:"Manrope",sans-serif;margin:0;letter-spacing:-.055em}h1 em,h2 em{font-family:Georgia,serif;font-weight:400}h2{font-size:clamp(44px,6vw,84px);line-height:.96}.section-index{border-top:1px solid rgba(8,35,45,.3);padding-top:14px;font:700 11px "Manrope";letter-spacing:.15em;margin-bottom:65px}.button{display:inline-flex;align-items:center;gap:30px;padding:17px 24px;border:1px solid rgba(255,255,255,.35);font-weight:700;font-size:14px;transition:.25s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.18)}.button.primary{background:var(--orange);color:white;border-color:var(--orange)}.button.primary span{font-size:22px}.button.ghost{color:white}

header{height:64px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;z-index:50;width:100%;color:white;background:rgba(3,30,42,.94);border-bottom:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(0,0,0,.12)}.brand{font:800 19px/.79 "Manrope";letter-spacing:-.06em;width:82px;display:inline-flex;flex-direction:column}.brand span{color:var(--orange)}nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:700}nav a:not(.nav-cta){opacity:.85}nav a:hover{opacity:1}.nav-cta{padding:10px 15px;background:var(--orange);color:white}.menu-button{display:none;background:none;border:0}.hero{min-height:100svh;background:radial-gradient(circle at 70% 25%,#0a5367 0,#063644 35%,#031e2a 75%);position:relative;color:white;display:grid;grid-template-columns:52% 48%;overflow:hidden}.hero:before{content:"27777";position:absolute;right:-2vw;top:8vh;font:800 19vw "Manrope";color:rgba(255,255,255,.028);letter-spacing:-.09em}.hero-noise{position:absolute;inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-copy{align-self:center;padding:135px 0 80px 7vw;z-index:3}.hero-copy .eyebrow{color:#5ed0eb;margin-bottom:24px}.hero h1{font-size:clamp(58px,7vw,112px);line-height:.84;max-width:740px}.hero h1 em{color:var(--orange);display:block}.hero-lead{max-width:580px;color:#c8dadd;font-size:18px;line-height:1.65;margin:34px 0}.hero-actions{display:flex;gap:12px}.hero-photo{position:relative;height:100%;z-index:2}.hero-photo img{height:100%;width:100%;object-fit:cover;object-position:center 20%;mix-blend-mode:lighten;filter:contrast(1.03)}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--navy) 0,transparent 30%),linear-gradient(0deg,var(--navy) 0,transparent 35%)}.vote-card{position:absolute;bottom:5vw;right:5vw;background:var(--orange);padding:17px 22px;z-index:4;transform:rotate(-3deg);box-shadow:12px 14px 0 var(--blue);display:grid}.vote-card small{font-weight:800;letter-spacing:.2em}.vote-card strong{font:800 clamp(58px,7vw,105px)/.85 "Manrope";letter-spacing:-.09em}.vote-card span{font-weight:800;letter-spacing:.08em}.scroll-hint{position:absolute;left:2.5vw;bottom:40px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.16em;display:flex;align-items:center;gap:12px}.scroll-hint span{height:38px;width:1px;background:var(--orange)}

.manifesto{background:var(--orange);color:white;padding:25px 0;overflow:hidden}.marquee{display:flex;width:max-content;animation:run 22s linear infinite}.marquee span{font:800 clamp(30px,4.4vw,68px) "Manrope";letter-spacing:-.055em;white-space:nowrap}@keyframes run{to{transform:translateX(-50%)}}
.about{background:var(--cream)}.about-grid{display:grid;grid-template-columns:45% 47%;gap:8%;align-items:center}.about-image{position:relative}.about-image img{height:690px;width:100%;object-fit:cover;object-position:center 18%;filter:saturate(.85)}.about-image:before{content:"";position:absolute;inset:20px -20px -20px 20px;border:2px solid var(--orange);z-index:-1}.caption{font-size:11px;letter-spacing:.12em;margin-top:12px;text-transform:uppercase}.about-copy h2{margin:16px 0 35px}.about-copy .large{font-size:21px;line-height:1.55}.about-copy>p:not(.eyebrow){line-height:1.75;color:#3d555d}.about-copy blockquote{border-left:4px solid var(--orange);margin:35px 0 0;padding:6px 0 6px 25px;font:italic 25px/1.4 Georgia,serif;color:var(--deep)}
.numbers{display:grid;grid-template-columns:repeat(4,1fr);background:var(--blue);color:white}.numbers article{min-height:250px;border-right:1px solid rgba(255,255,255,.22);padding:45px;display:flex;align-items:flex-end;justify-content:space-between}.numbers strong{font:800 clamp(64px,8vw,120px)/.7 "Manrope";letter-spacing:-.09em}.numbers span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;line-height:1.5}
.flags{background:var(--deep);color:white}.flags .section-index{border-color:rgba(255,255,255,.3)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:75px}.section-head>p{max-width:420px;line-height:1.7;color:#afc3c8}.section-head .eyebrow{color:#58c2dc;margin-bottom:18px}.section-head h2 em{color:var(--orange)}.flag-grid{display:grid;grid-template-columns:repeat(3,1fr)}.flag-card{position:relative;border:1px solid rgba(255,255,255,.17);min-height:310px;padding:30px;transition:.35s}.flag-card:hover{background:var(--orange);transform:translateY(-8px)}.flag-card>span{font:700 11px "Manrope";opacity:.5}.flag-icon{position:absolute;right:25px;top:22px;font-size:28px}.flag-card h3{font-size:27px;margin-top:100px;letter-spacing:-.04em}.flag-card p{color:#aebfc4;line-height:1.6}.flag-card:hover p{color:white}
.region{background:var(--cream);display:grid;grid-template-columns:1.55fr .75fr;gap:8%;position:relative;overflow:hidden}.region-copy{z-index:2}.region-copy h2{margin:15px 0 28px}.region-copy>p:not(.eyebrow){font-size:18px;line-height:1.7;max-width:780px}.city-list{display:grid;grid-template-columns:repeat(2,1fr);margin-top:45px;border-top:1px solid #aab2aa}.city-list span{padding:14px 4px;border-bottom:1px solid #b8beb7;font-weight:600}.city-list b{font-size:9px;color:var(--orange);margin-right:12px}.region-benefit{background:var(--orange);color:white;padding:40px;align-self:center;box-shadow:22px 22px 0 var(--blue);z-index:2}.region-benefit>span{font-size:11px;letter-spacing:.18em}.region-benefit strong{display:block;font-size:21px;margin-top:30px}.region-benefit p{margin:6px 0;color:#ffe5d6}.region-orbit{position:absolute;width:620px;height:620px;border:1px solid rgba(8,35,45,.08);border-radius:50%;left:35%;top:15%}.region-orbit i{position:absolute;border:1px solid rgba(8,35,45,.08);border-radius:50%;inset:15%}.region-orbit i:nth-child(2){inset:30%}.region-orbit i:nth-child(3){inset:45%;background:var(--orange);border:0}
.timeline{background:white}.timeline .section-head{margin-bottom:50px}.timeline-list{border-top:1px solid #a9b4b5}.timeline-list article{display:grid;grid-template-columns:25% 75%;padding:34px 0;border-bottom:1px solid #cdd3d4;transition:.3s}.timeline-list article:hover{padding-left:20px;background:#f8f5ec}.timeline-list time{font:700 13px "Manrope";letter-spacing:.1em;color:var(--orange)}.timeline-list h3{font-size:30px}.timeline-list p{max-width:650px;color:#62747a;line-height:1.6}.timeline-list .active{background:var(--blue);color:white;padding-left:20px}.timeline-list .active p{color:white}
.technology{min-height:760px;background:var(--blue);color:white;position:relative;display:flex;align-items:center;justify-content:flex-end;overflow:hidden}.tech-photo{position:absolute;left:0;bottom:0;height:94%;width:46%;object-fit:cover;object-position:center 20%;mix-blend-mode:multiply;filter:contrast(1.1)}.technology:before{content:"";position:absolute;left:0;bottom:0;width:54%;height:100%;background:linear-gradient(90deg,transparent 50%,var(--blue) 96%),linear-gradient(0deg,var(--blue),transparent 30%);z-index:1}.tech-copy{position:relative;width:52%;z-index:2}.tech-copy h2{font-size:clamp(45px,5.4vw,76px);margin:15px 0 30px}.tech-copy em{color:var(--cream)}.tech-copy>p:not(.eyebrow){max-width:650px;font-size:18px;line-height:1.7}.tech-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}.tech-tags span{border:1px solid rgba(255,255,255,.4);padding:10px 14px;font-size:12px}
.final-cta{min-height:700px;background:var(--navy);color:white;padding:100px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.final-copy h2{margin:15px 0 25px}.final-copy em{color:var(--orange)}.final-copy>p:not(.eyebrow){color:#b7c9ce;font-size:18px;margin-bottom:35px}.ballot{background:#eeeadd;color:var(--deep);padding:40px;display:grid;transform:rotate(2deg);box-shadow:24px 24px 0 var(--orange)}.ballot>span{color:var(--blue);font-weight:800;letter-spacing:.18em}.ballot strong{font:800 clamp(100px,14vw,210px)/.85 "Manrope";letter-spacing:-.11em}.ballot strong span{color:var(--orange)}.ballot b{font:800 30px "Manrope"}.ballot small{margin-top:30px;border-top:1px solid;padding-top:14px;letter-spacing:.16em}footer{background:#020f15;color:white;padding:45px 5vw;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.15)}footer>div{display:flex;gap:25px;font-size:13px}footer p{font-size:11px;color:#71858d}

@media(max-width:900px){.cursor-dot,.cursor-glow{display:none}.section-pad{padding:80px 24px}header{height:72px;padding:0 22px;position:absolute}.menu-button{display:grid;gap:6px;z-index:3}.menu-button i{display:block;width:25px;height:2px;background:white}nav{position:absolute;top:72px;left:0;width:100%;background:var(--navy);display:none;flex-direction:column;align-items:stretch;padding:24px}nav.open{display:flex}.hero{grid-template-columns:1fr;min-height:940px}.hero-copy{padding:130px 25px 0;align-self:start;z-index:6}.hero h1{font-size:58px}.hero-lead{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-photo{position:absolute;inset:420px 0 0}.hero-photo img{object-position:center 15%}.sun{width:75vw;height:75vw}.vote-card{bottom:35px;right:25px}.scroll-hint{display:none}.about-grid,.region,.final-cta{grid-template-columns:1fr}.about-image img{height:520px}.about-copy{margin-top:55px}.numbers{grid-template-columns:1fr 1fr}.numbers article{min-height:170px;padding:22px;display:block}.numbers strong{display:block;margin-bottom:28px}.flag-grid{grid-template-columns:1fr}.section-head{display:block}.section-head>p{margin-top:30px}.region-benefit{margin-top:30px}.city-list{grid-template-columns:1fr}.timeline-list article{grid-template-columns:1fr}.timeline-list time{margin-bottom:15px}.technology{padding-top:480px;display:block}.tech-photo{top:0;height:450px;width:100%;object-position:center 15%}.technology:before{width:100%;height:470px;background:linear-gradient(0deg,var(--blue),transparent 60%)}.tech-copy{width:100%}.final-cta{padding:80px 24px;gap:70px}.ballot{padding:25px;box-shadow:12px 12px 0 var(--orange)}footer{align-items:flex-start;gap:35px;flex-direction:column}footer>div{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}