@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Inter,system-ui,-apple-system,sans-serif;background:#08151f;color:#f3f8f7;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:#091823;color:#e9f4f2}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #78f1cb;outline-offset:4px}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,system-ui,sans-serif;letter-spacing:-.055em}
p{line-height:1.7;color:#a9c1c9}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:10;background:#fff;color:#001}
.masthead{height:89px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(5vw,30px);
 border-bottom:1px solid #ffffff15;background:#0b1d27dd;backdrop-filter:blur(24px);position:relative;z-index:4}
.mark,.footer-brand{font-size:30px;letter-spacing:-.085em;font-weight:800;color:#f0fffa}
.mark span:last-child,.footer-brand span:last-child{color:#78f0c4}.brand-glyph{color:#6fecc8;font-size:21px;vertical-align:top;margin-right:5px}
.masthead nav{display:flex;gap:36px;font-weight:700;font-size:13px;color:#b9cdd0}
.masthead nav a:hover,.text-link:hover{color:#79f2cf}
.nav-cta{font-size:13px;border:1px solid #436961;border-radius:999px;padding:12px 20px;font-weight:700}
.nav-cta:hover{background:#234c49}.nav-cta span{margin-left:6px;color:#7bf2d0}
.hero{min-height:660px;position:relative;overflow:hidden;padding:125px max(5vw,30px) 70px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(400px,.9fr);
 align-items:center;background:radial-gradient(circle at 82% 43%,#1d595159,transparent 31%),radial-gradient(circle at 21% 80%,#1a3b4980,transparent 41%),#0a1e28}
.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(110deg,#0003,transparent 85%)}
.hero-inner{position:relative;z-index:1;max-width:820px}
.eyebrow{color:#7df4cb;letter-spacing:.24em;font-size:11px;font-weight:900;line-height:1.7}.spark{display:inline-block;margin-right:12px;animation:blink 2.4s ease-in-out infinite}
h1{font-size:clamp(3.8rem,6.5vw,6.9rem);line-height:1.07;letter-spacing:-.075em;font-weight:800;margin:22px 0 27px}
h1 em,h2 em{font-style:normal;color:#8cf2c9}
.lead{font-size:clamp(16px,1.4vw,19px);max-width:675px;line-height:1.8}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:33px 0 40px}
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 25px;border-radius:100px;font-size:13px;font-weight:800;border:1px solid #578177;transition:transform .2s ease,background .2s ease}
.btn:hover,.plan-link:hover{transform:translateY(-2px)}
.btn.primary{background:#8cecca;color:#07231c;border-color:#bbffe7}
.btn.primary:hover{background:#b5fbe5}.btn.outline{background:#112b35;border-color:#456b6b}
.hero-foot{display:flex;gap:24px;flex-wrap:wrap;color:#8db5b5;font-size:12px}
.orbit{position:relative;width:min(34vw,510px);height:min(34vw,510px);margin:auto;transform:translate(2%,0)}
.orbit-ring{position:absolute;inset:3%;border-radius:50%;border:1px solid #6dd6bc46}
.orbit-ring.b{inset:15%;border-style:dashed;border-color:#8bf7d56e;animation:spin 45s linear infinite}.orbit-ring.c{inset:28%;border-color:#94f7d14e;box-shadow:0 0 70px #6cf5bd18}
.orbit-core{position:absolute;inset:33%;border-radius:50%;background:radial-gradient(circle at 40% 30%,#2d6a65,#133b44 55%,#0d2834);
 border:1px solid #7fe7ce;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 110px #5effbb44,0 0 0 11px #70efd00a}
.orbit-core span{font-size:31px;color:#b3ffdf}.orbit-core strong{font-size:clamp(21px,2vw,33px);letter-spacing:-.09em}.orbit-core small{font-size:8px;letter-spacing:.28em;color:#9edec8}
.orbit-pill{position:absolute;display:flex;flex-direction:column;gap:4px;padding:13px 18px;border:1px solid #4e9e8f;border-radius:14px;background:#143b42df;
 backdrop-filter:blur(12px);font-size:12px;letter-spacing:.09em;font-weight:900;box-shadow:0 15px 35px #0003}
.orbit-pill small{font-size:10px;font-weight:600;letter-spacing:0;color:#92c8c4}
.pill-1{left:-9%;top:20%}.pill-2{right:-7%;top:33%}.pill-3{left:18%;bottom:2%}
.shimmer{position:absolute;width:400px;height:400px;border-radius:50%;background:#70f9c51b;filter:blur(110px)}.s1{right:20%;top:12%}.s2{left:12%;bottom:4%}
.section-section{padding:110px max(5vw,30px)}.section-heading{max-width:690px;margin-bottom:45px}.section-heading.centered{text-align:center;margin:0 auto 45px}
h2{font-size:clamp(2.45rem,4.4vw,4.6rem);line-height:1.17;margin:15px 0 21px}
.section-heading>p{max-width:580px}.features,.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.feature{min-height:290px;background:linear-gradient(142deg,#102b36,#10222d);border:1px solid #31535d;padding:30px;border-radius:22px;transition:transform .25s,border-color .25s}
.feature:hover{transform:translateY(-5px);border-color:#71e6c3}.feature-num,.plan-tier{font-size:11px;color:#8eead1;letter-spacing:.2em;font-weight:800}.symbol{font-size:48px;color:#a8ffe0;margin:24px 0}
.feature h3{font-size:21px;margin-bottom:13px}.feature p{font-size:14px}
.segments{background:linear-gradient(130deg,#102e36,#0b202b 65%)}.segment-head{max-width:780px}
.segment-selector{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0 18px}
.segment-selector button{background:#16343e;color:#b5d4d5;border:1px solid #456e70;padding:12px 23px;border-radius:100px;font-weight:800;font-size:13px}
.segment-selector button[aria-pressed=true]{background:#9af1d3;color:#092720;border-color:#aef8df}
.segment-panel{min-height:355px;border-radius:24px;background:linear-gradient(110deg,#1b424a,#173b43 70%);border:1px solid #3f7576;
 display:grid;grid-template-columns:1.25fr .75fr;align-items:center;overflow:hidden}
.segment-panel>div:first-child{padding:45px 53px;max-width:650px}.segment-panel h3{font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.2;margin:14px 0 22px}
.segment-panel p{font-size:16px}.text-link{display:inline-block;color:#98f4d4;font-weight:800;border-bottom:1px solid #7de6c2;padding-bottom:7px;margin-top:12px}
.segment-art{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#38b69a67,transparent 56%);
 border-left:1px solid #ffffff15}.art-glow{font-size:110px;color:#b8ffe6;filter:drop-shadow(0 0 35px #73fbc3b2);animation:slowfloat 6s ease-in-out infinite}
.segment-art>span{letter-spacing:.38em;font-size:12px;font-weight:900;color:#a9e5d2}
.fineprint{font-size:12px;margin:18px 0 0;color:#83a6ad}
.plan-card{position:relative;min-height:355px;border:1px solid #355661;border-radius:22px;padding:30px;background:#102632;display:flex;flex-direction:column}
.plan-card.featured{background:linear-gradient(160deg,#19463e,#15303a);border:1px solid #78e6bd;transform:translateY(-10px)}
.plan-card h3{font-size:32px;margin:21px 0 10px}.plan-card p{font-size:14px}
.plan-card .line{margin:auto 0 18px;border-bottom:1px solid #42606b}
.plan-note{font-size:11px;color:#8eabb3;margin-bottom:20px}.plan-link{color:#9dffe0;border:1px solid #4d957b;border-radius:100px;padding:13px 20px;font-size:13px;font-weight:800;transition:transform .2s}
.popular{position:absolute;right:22px;top:24px;background:#a1f9d7;color:#083425;border-radius:100px;padding:6px 12px;font-size:10px;font-weight:900}
.contact-section{background:linear-gradient(110deg,#0b2530,#0b1923);display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}
.contact-copy h2{margin-top:19px}.contact-copy p{max-width:450px}.contact-quote{border-left:2px solid #9cf4d1;margin-top:75px;padding:8px 22px}
.contact-quote>span{display:block;font-size:21px;line-height:1.6}.contact-quote small{display:block;margin-top:17px;letter-spacing:.2em;font-size:10px;color:#8ad6c2}
.contact-form{border-radius:23px;background:#12323c;border:1px solid #48716f;padding:35px;box-shadow:0 20px 65px #0003}
.contact-form h3{font-size:32px;margin:0 0 8px}.contact-form p{font-size:14px}
.contact-form label{display:block;font-size:12px;font-weight:800;color:#bfdbdf;margin:16px 0}
.contact-form input:not([type=checkbox]),.contact-form select{display:block;width:100%;min-height:49px;margin-top:8px;padding:12px 13px;border-radius:10px;border:1px solid #467178;background:#0c2731;color:#f4fffe}
.form-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form .consent{display:flex;gap:12px;align-items:flex-start;font-weight:500;line-height:1.6}
.consent input{width:18px;height:18px;margin:3px 0 0;accent-color:#7af0c5;flex:none}
.contact-form .btn{width:100%;border:0;margin:9px 0 18px}.contact-form small{color:#9bbcc4;font-size:11px;line-height:1.7}
.contact-form small a{color:#adf4de;text-decoration:underline}.form-status{font-size:13px;min-height:20px}
.form-status.success{color:#acffdd}.form-status.error{color:#ffc5c4}.honeypot{position:absolute!important;left:-99999px!important;opacity:0}
footer{padding:45px max(5vw,30px);display:flex;gap:30px;align-items:center;justify-content:space-between;background:#06141d;border-top:1px solid #24414a}
footer>div:nth-child(2){margin-right:auto}footer p{margin:0 0 6px;font-size:14px}footer small{font-size:11px;color:#8daab2}footer>a{font-size:12px;color:#9dffe0}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes slowfloat{50%{transform:translateY(-18px)}}@keyframes blink{50%{opacity:.3}}
@media(max-width:1150px){.hero{grid-template-columns:1fr .75fr;min-height:560px}h1{font-size:clamp(3rem,5vw,5.4rem)}.orbit{width:35vw;height:35vw}.features,.plan-grid{gap:12px}.feature,.plan-card{padding:23px}}
@media(max-width:820px){.masthead{padding:0 20px;height:74px}.masthead nav{display:none}.hero{grid-template-columns:1fr;padding:90px 22px 70px}.hero-inner{max-width:690px}.orbit{width:min(80vw,400px);height:min(80vw,400px);margin-top:50px}.section-section{padding:78px 22px}.features,.plan-grid{grid-template-columns:1fr}.feature{min-height:0}.plan-card.featured{transform:none}
.segment-panel{grid-template-columns:1fr}.segment-panel>div:first-child{padding:30px}.segment-art{height:220px}.contact-section{grid-template-columns:1fr;gap:35px}.contact-quote{margin-top:25px}}
@media(max-width:520px){.mark{font-size:25px}.nav-cta{padding:10px 12px;font-size:11px}h1{font-size:clamp(2.85rem,11vw,4.3rem)}.hero{padding-top:75px}.hero-foot{gap:10px}.orbit{width:85vw;height:85vw}.orbit-pill{padding:8px 10px;font-size:10px}.pill-1{left:0}.pill-2{right:0}
.form-two{grid-template-columns:1fr;gap:0}.contact-form{padding:21px}.section-section{padding:65px 20px}footer{display:block;padding:35px 20px}footer>div{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
