/* VYBE: Valvur-inspired colour and spatial language, with a distinct initiative identity. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600;650;700;800&display=swap');
:root{--ink:#f5f6f9;--paper:#191a22;--coral:#ace24b;--muted:#a5a8b9;--line:#363844}body{font-family:Inter,Arial,sans-serif;background:var(--paper);color:var(--ink)}h1,h2,h3,.brand,.coalition a,.stat,.seal b{font-family:Inter,Arial,sans-serif}.announcement{min-height:38px;background:#484ad7;color:#fff;font-size:11px;text-align:center;padding:9px 20px;letter-spacing:.1px}.announcement span{font-size:8px;letter-spacing:1px;background:#ffffff18;border:1px solid #ffffff30;border-radius:20px;padding:3px 8px;margin-right:12px}.announcement a{margin-left:15px;text-decoration:underline;text-underline-offset:3px}header{height:88px;border:0;padding:0 4.5%;background:#191a22}.brand{font-size:27px;font-weight:750;letter-spacing:-1.2px;gap:10px}.brand-v{width:30px;height:25px;object-fit:contain;image-rendering:auto}.brand span{padding-top:2px}.login{background:#f5f6f9;color:#151720;border:0;border-radius:12px;padding:12px 17px}nav{font-size:12px;color:#e6e7ef}.hero{margin:0 24px;padding:74px 5% 57px;min-height:650px;border-radius:28px;position:relative;isolation:isolate;grid-template-columns:1.25fr 1fr;background:radial-gradient(ellipse at 90% 0%,#344894a0,transparent 55%),linear-gradient(135deg,#101c45 0%,#11152d 45%,#080b20 100%)}.hero:before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;background:linear-gradient(165deg,transparent 38%,#6b76b610 38.2%,#6b76b607 53%,transparent 53.2%),linear-gradient(22deg,transparent 25%,#4b53bc13 25.2%,transparent 65%);pointer-events:none}.eyebrow{letter-spacing:1.8px;font-size:10px;font-weight:500}.hero .eyebrow{color:#c2c7e1}h1{font-size:clamp(48px,5.4vw,79px);font-weight:450;line-height:1.08;letter-spacing:-4px;margin-top:35px;margin-bottom:26px}h2{font-weight:450;letter-spacing:-2px}h3{font-weight:500}em{color:#ace24b}.lead{font-size:14px;color:#b8bfd5;max-width:465px;line-height:1.85}.hero-note{color:#a0a8c4;font-size:10px}.button{border-radius:11px;padding:14px 20px;font-weight:550}.black{background:#f6f7fa;color:#12151b}.button:hover{background:#ace24b;color:#141a15}.hero .button{background:#ace24b;color:#151b12}.text-link{color:inherit}.hero .text-link{color:#eef0f8}.hero-art{min-height:480px;transform:none;position:relative}.vybe-aura{position:absolute;width:330px;height:330px;border:1px solid #8f9fdf30;border-radius:50%;box-shadow:0 0 0 45px #677cd208,0 0 0 90px #677cd206;background:radial-gradient(circle,#8cae8620,transparent 65%)}.vybe-monogram{position:relative;width:330px;height:350px;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-7deg);background:linear-gradient(145deg,#33418b90,#11182f);border:1px solid #9ba8d54a;border-radius:44px;box-shadow:18px 25px 60px #0004,inset 0 1px 0 #ffffff15}.vybe-monogram img{width:180px;height:150px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 25px #b2ed3e18)}.monogram-word{font-size:61px;letter-spacing:8px;font-weight:600;margin:25px 0 0 8px;color:#f5f7fa}.visual-foot{position:absolute;bottom:10px;left:15px;right:0;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#b5bdd8;line-height:1.8}.badge-caption{bottom:-22px;font-size:7px;color:#98a4c6}.coalition{margin:0 24px;border:0;border-bottom:1px solid var(--line);padding:32px 5%;color:#eff0f6}.coalition a{font-size:23px;font-weight:600;letter-spacing:-.8px}.coral{color:#ace24b}.section{padding:90px 7%}.urgency .stat{font-weight:450;color:#ace24b}.stats h3{font-weight:500}.stats a{color:#b3bae3}.about{background:#20212c;border:0;border-radius:26px;margin:0 24px;padding:75px 5%}.about-copy,.section-intro>p:last-child{color:var(--muted)}.about-copy .large{color:#e9ebf6;font-weight:400}.status{background:#292c3a;border:1px solid #41465a;border-radius:14px}.status b{color:#e7eaf3}.charter{background:#191a22;color:#f5f6f9}.charter .eyebrow,.num,.plus{color:#ace24b}.charter .section-intro>p:last-child,.detail-content,.charter-footer{color:#aeb2c5}.commitments details,.commitments details:last-child{border-color:#363844}.commitments h3{font-weight:400}.charter-footer button{color:#ecedf7}.mark-section{background:#222431;border-radius:26px;margin:0 24px;padding:70px 5%;gap:80px}.mark-card{background:radial-gradient(ellipse at top,#3b4385,#111525);border:1px solid #636b9840;border-radius:24px;color:#f5f6fa;transform:rotate(-3deg);min-height:430px}.mark-v{width:145px;height:121px;object-fit:contain;image-rendering:pixelated}.mark-card h3{font-weight:600;letter-spacing:7px;font-size:48px;margin:22px 0 8px}.mark-card>p{line-height:1.8;font-size:10px;letter-spacing:2px;color:#b7c2ea}.pill{border-color:#5f6d934f;color:#b1b9d7;border-radius:6px;font-size:7px}.steps span{color:#a5a8b9}.join{background:#191a22}.sector-tabs button{color:#c5c9da;border-color:#474b60}.sector-tabs button[aria-selected=true]{color:#131b0d;background:#ace24b;border-color:#ace24b}.sector-panel{background:#262837;border:1px solid #3c4155;border-radius:18px}.sector-panel .eyebrow{color:#a9b6df}.partner-grid a{border-color:#414553}.partner-grid h3{font-size:26px;font-weight:500}.partners{border-top:1px solid #343743}.support{background:#4447c8;border-radius:26px;margin:0 24px;padding:70px 5%;gap:75px}.support .eyebrow{color:#d7dafc}.support h2{color:#f6f7ff}.support>div>p:not(.eyebrow){color:#d2d5f6}.funding>div{border-color:#ffffff30}.funding .small{color:#c7cbf2}.support .text-link{color:white}.faq{padding-bottom:80px}.faq details,.faq details:last-child{border-color:#3b3e4c}.faq summary{font-weight:450}footer{background:#10111a;color:#f5f6f9}.footer-bottom{color:#a0a6bd;border-color:#343849}.fine-print{color:#8f95ac}.small{color:#a5a8b9}dialog{background:#232633;color:#f5f6f9;border:1px solid #4a506a;border-radius:20px}dialog p{color:#b0b6cb}dialog h2{font-weight:450}dialog input,dialog select,dialog textarea{background:#171b28;color:#f3f5fb;border-color:#4b536d;border-radius:8px}dialog .button{color:#141824}dialog .check{color:#b8bdd1}.form-status{background:#30394a;border-radius:8px}.skip{color:#111}.footer-top>p{font-weight:400}.join-note{color:#a5a8b9}
@media(min-width:1500px){.hero,.about,.mark-section,.support{margin-left:auto;margin-right:auto;max-width:1450px}.hero{padding-left:75px;padding-right:75px}}@media(max-width:1000px){.hero{grid-template-columns:1.2fr 1fr;padding:50px 4%}.hero-art{transform:scale(.8);transform-origin:center}.hero h1{font-size:58px}.vybe-monogram{width:300px;height:330px}.about,.mark-section,.support{padding:60px 5%;gap:40px}.announcement{font-size:10px}}@media(max-width:720px){.announcement{font-size:9px;padding:8px 12px;line-height:1.8}.announcement span{display:none}.announcement a{margin-left:8px}header{height:76px;padding:0 6%}.brand{font-size:24px}.brand-v{width:27px;height:23px}nav{background:#202330;top:76px;border-color:#3f455a}.hero{margin:0 12px;padding:35px 7% 30px;border-radius:22px;min-height:0}.hero h1{font-size:49px;letter-spacing:-2.7px;margin-top:28px}.hero .eyebrow{font-size:8px}.lead{font-size:13px}.hero-note{font-size:9px}.hero-art{transform:scale(.8);min-height:390px;margin:0 -25px -15px}.vybe-monogram{width:290px;height:310px}.vybe-monogram img{width:145px;height:121px}.monogram-word{font-size:48px}.vybe-aura{width:290px;height:290px}.visual-foot{bottom:0;left:5px;right:5px}.badge-caption{bottom:-22px;font-size:6px}.coalition{margin:0 12px;padding:28px 4%;gap:15px 20px}.coalition a{font-size:16px}.coalition>span{font-size:8px}.section{padding:55px 7%}.about,.mark-section,.support{margin:0 12px;padding:45px 7%;border-radius:22px}.mark-section{gap:45px}.mark-card{min-height:365px;margin:0 8px}.mark-v{width:120px;height:100px}.mark-card h3{font-size:40px}.partner-grid h3{font-size:24px}.support{gap:35px}.faq h2{font-size:29px}.footer-bottom{font-size:9px}.hero .actions{gap:20px}.hero .button,.hero .text-link{font-size:11px}h2{font-size:34px}.about-copy .large{font-size:20px}.mark-copy h2{font-size:31px}}
.badge-use{border-bottom:1px solid var(--line)}.badge-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:40px}.example-label{font-size:9px;letter-spacing:1.4px;color:#b0b8d1;margin-bottom:13px}.badge-examples article>h3{font-size:17px;letter-spacing:-.4px;margin:22px 0 9px}.badge-examples article>p:last-child{font-size:12px;color:var(--muted);line-height:1.8}.service-example,.website-example,.social-example{height:270px;border:1px solid #444c6b;border-radius:17px;overflow:hidden;padding:20px;display:flex;flex-direction:column;background:#222b49}.mock-nav{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#bcc7ed}.mock-avatar{width:44px;height:44px;border-radius:13px;background:#ace24b;color:#152113;font-size:29px;text-align:center;margin:22px 0 12px}.service-example h3{font-size:17px;letter-spacing:-.5px;margin-bottom:8px}.service-example>p{font-size:10px;color:#c1cae3;margin-bottom:16px}.usage-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #63744c;border-radius:8px;background:#151d20;padding:9px 12px;width:fit-content;max-width:100%;color:#f5f6f9}.usage-badge img{width:25px;height:21px;object-fit:contain}.usage-badge b{display:block;font-size:16px;letter-spacing:2px;line-height:1.1}.usage-badge span{display:block;font-size:6px;letter-spacing:.2px;margin-top:4px}.service-example .usage-badge{margin-top:auto}.website-example{background:#eff1e9;color:#242c23}.website-example .mock-nav{color:#626e62;border-bottom:1px solid #cbd0c5;padding-bottom:15px}.mock-lines{display:flex;flex-direction:column;gap:10px;padding:35px 0}.mock-lines i{height:9px;background:#d3d9cc;width:80%;border-radius:5px}.mock-lines i:first-child{width:65%;height:16px;background:#a8b29d}.mock-lines i:last-child{width:50%}.mock-site-footer{margin-top:auto;border-top:1px solid #cbd0c5;padding-top:15px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.mock-site-footer>span{font-size:8px}.mock-site-footer .usage-badge{padding:7px 9px}.mock-site-footer .usage-badge b{font-size:13px}.mock-site-footer .usage-badge span{font-size:5px}.mock-site-footer .usage-badge img{width:21px;height:18px}.social-example{background:linear-gradient(140deg,#4d50ca,#22274f)}.mock-social-label{font-size:8px;letter-spacing:1.5px;color:#d1d6fb}.social-example>h3{font-size:26px;line-height:1.18;letter-spacing:-1px;margin:22px 0}.social-example .usage-badge{margin-top:auto}.badge-use-note{display:flex;align-items:flex-start;gap:6px;margin-top:25px}.badge-use-note .live-dot{flex-shrink:0;margin-top:6px}.badge-use-note p{font-size:10px;color:var(--muted);margin:0;line-height:1.8}.badge-use-note b{color:#d3d8e8;font-weight:500}.badge-requirement{display:flex;align-items:center;justify-content:space-between;gap:40px;background:#282b3b;border:1px solid #414863;border-radius:18px;padding:30px;margin-top:35px}.badge-requirement .eyebrow{font-size:8px;margin-bottom:12px;color:#ace24b}.badge-requirement h3{font-size:28px;line-height:1.2;letter-spacing:-1px;margin:0 0 15px}.badge-requirement p:last-child{font-size:12px;max-width:590px;color:#b8bfd4;margin:0}.badge-requirement .button{flex-shrink:0}@media(max-width:1000px){.badge-examples{gap:15px}.service-example,.website-example,.social-example{padding:15px}.social-example>h3{font-size:23px}}@media(max-width:720px){.badge-examples{grid-template-columns:1fr;gap:30px}.service-example,.website-example,.social-example{height:280px;padding:22px}.badge-examples article>h3{margin-top:17px}.social-example>h3{font-size:30px}.badge-requirement{flex-direction:column;align-items:flex-start;padding:25px;gap:25px}.badge-requirement h3{font-size:26px}.badge-use-note p{font-size:9px}}
