@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#020d15;--surface:#081b24;--surface2:#09242d;--muted:#98acb7;--white:#f6feff;--cyan:#00dbe9;--green:#20ef8d;--line:rgba(81,230,231,.17);--width:1220px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);font-family:'DM Sans',system-ui,sans-serif;color:var(--white);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}
body::before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 1%,rgba(11,103,106,.13),transparent 38%),radial-gradient(ellipse at 0% 65%,rgba(0,74,94,.08),transparent 45%)}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.wrap{max-width:var(--width);margin-inline:auto;padding-inline:24px}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:'Outfit',sans-serif;line-height:1.14;letter-spacing:-.035em}
h1{font-size:clamp(3rem,5.7vw,5.8rem);font-weight:700}
h2{font-size:clamp(2.25rem,4.4vw,4.15rem);font-weight:700}
h3{font-size:1.58rem;font-weight:600}
h1 span,h2 span{background:linear-gradient(95deg,#1be5e9 10%,#36f08c 92%);-webkit-background-clip:text;background-clip:text;color:transparent}
p{color:var(--muted)}
svg{display:block}
.brand{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}
.brand-symbol{width:72px;height:59px;filter:drop-shadow(0 2px 14px rgba(0,230,197,.24))}
.brand-type{display:flex;flex-direction:column;line-height:1;transform:translateY(2px)}
.brand-type strong{font:800 2.25rem/.95 'Outfit',sans-serif;letter-spacing:-.065em;background:linear-gradient(180deg,#fff,#a5afb6);color:transparent;background-clip:text}
.brand-type small{font:600 .59rem/1.3 'DM Sans',sans-serif;letter-spacing:.42em;margin-top:4px}
.site-header{position:relative;z-index:30;background:rgba(3,14,22,.84);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav-wrap{height:93px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.navlinks{display:flex;align-items:center;gap:38px}
.navlinks a{font-size:.89rem;font-weight:700;padding:12px 0;position:relative;color:#b6cbd1;transition:color .2s}
.navlinks a:hover,.navlinks a.active{color:var(--white)}
.navlinks a.active::after,.navlinks a:hover::after{content:"";position:absolute;bottom:3px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--green));box-shadow:0 0 14px var(--green)}
.nav-action{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(54,240,151,.42);color:#b1ffe1;padding:11px 15px;border-radius:10px;font-size:.86rem;font-weight:700}
.nav-action svg,.btn svg,.text-link svg{width:18px;height:18px}
.nav-toggle{display:none;background:none;border:0;padding:12px}
.nav-toggle span{display:block;width:25px;height:2px;background:white;margin:5px}
.eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.2em;color:#56edcf;display:flex;align-items:center;gap:11px;text-transform:uppercase}
.eyebrow-led{height:7px;width:7px;border-radius:50%;background:var(--green);box-shadow:0 0 13px var(--green)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:15px 25px;border-radius:11px;font-family:'Outfit',sans-serif;font-weight:700;font-size:1rem;transition:transform .2s,box-shadow .2s;border:1px solid transparent}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(110deg,#00d0e9,#3ef478);box-shadow:0 8px 34px rgba(0,205,186,.17);color:#031b24}
.btn-primary:hover{box-shadow:0 10px 44px rgba(24,243,162,.3)}
.btn-outline{border-color:rgba(92,219,229,.33);color:#cbeaf0;background:rgba(11,49,57,.3)}
.button-row{display:flex;gap:13px;flex-wrap:wrap}
.hero{position:relative;overflow:hidden;min-height:650px;border-bottom:1px solid rgba(0,251,208,.16);background:radial-gradient(ellipse at 79% 44%,rgba(1,128,105,.22),transparent 40%),radial-gradient(ellipse at 45% 70%,rgba(0,184,229,.08),transparent 42%),linear-gradient(115deg,#03121e,#051823 65%,#031519)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:-115px;height:240px;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 29px,rgba(25,224,202,.18) 30px,transparent 31px 44px);transform:scaleX(1.5);opacity:.48;pointer-events:none}
.hero-grain{position:absolute;inset:0;opacity:.1;background-image:linear-gradient(60deg,transparent 48%,rgba(30,226,223,.35) 49%,transparent 50%);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent 30%,black)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;min-height:640px;gap:15px}
.hero-copy{padding:70px 0 90px}
.hero-copy h1{max-width:760px;margin:26px 0}
.hero-lead{font-size:1.14rem;line-height:1.75;max-width:600px;margin-bottom:32px}
.hero-micro{margin-top:39px;color:#7fa9b1;font-size:.82rem;display:flex;align-items:center;gap:10px}
.pulse{height:7px;width:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(52,235,154,.11)}
.hero-art{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center}
.globe-wrap{height:490px;width:490px;position:relative;filter:drop-shadow(0 0 60px rgba(0,229,190,.12))}
.globe-aura{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 38% 40%,rgba(0,237,226,.05),rgba(0,153,154,.06) 45%,transparent 67%)}
.globe{position:absolute;inset:9%;border-radius:50%;overflow:hidden;border:1px solid rgba(28,220,224,.45);background:radial-gradient(ellipse at 27% 18%,rgba(61,231,206,.13),transparent 43%),radial-gradient(circle at 80% 80%,rgba(6,60,75,.45),rgba(2,15,26,.08) 55%);box-shadow:inset -50px -25px 80px #020c18,inset 5px 0 40px rgba(0,226,210,.16),0 0 32px rgba(0,215,176,.15)}
.globe::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(48,255,207,.65) 1px,transparent 1.6px);background-size:10px 10px;opacity:.54;mask-image:radial-gradient(ellipse 65% 76% at 50% 50%,black 50%,transparent 72%)}
.globe::after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(120deg,rgba(0,239,212,.16),transparent 45%,rgba(0,0,0,.6) 88%)}
.globe-meridian,.globe-equator{position:absolute;inset:0;border:1px solid rgba(32,236,205,.3);border-radius:50%}
.globe-meridian{transform:scaleX(.45)}.globe-meridian.two{transform:scaleX(.75)}.globe-meridian.three{transform:scaleX(.15)}
.globe-equator{transform:scaleY(.45)}.globe-equator.two{transform:scaleY(.74)}.globe-equator.three{transform:scaleY(.14)}
.globe-continents{position:absolute;inset:0;background:linear-gradient(70deg,transparent 5%,rgba(42,255,190,.24) 22%,transparent 32%,rgba(0,237,170,.14) 49%,transparent 56%,rgba(0,237,170,.24) 70%,transparent 76%);clip-path:polygon(4% 23%,28% 11%,39% 17%,33% 30%,50% 39%,38% 49%,55% 56%,48% 76%,29% 69%,20% 50%,8% 46%,50% 19%,72% 13%,89% 27%,82% 43%,93% 52%,83% 70%,67% 87%,60% 68%,69% 51%,59% 33%)}
.orbit{position:absolute;inset:18% -5%;border:1px solid rgba(0,233,184,.47);border-radius:50%;transform:rotate(-29deg) scaleY(.38);box-shadow:0 0 20px rgba(0,239,197,.15)}
.globe-spark{position:absolute;width:6px;height:6px;background:#9effdf;border-radius:50%;box-shadow:0 0 16px 7px rgba(0,244,195,.3)}
.s1{left:12%;top:47%}.s2{right:3%;top:33%}.s3{left:53%;bottom:5%}
.hero-brandmark{position:absolute;bottom:14%;right:5%;height:140px;width:140px;border:1px solid rgba(66,240,203,.22);border-radius:28px;background:rgba(3,31,39,.76);backdrop-filter:blur(15px);display:grid;place-items:center;box-shadow:0 24px 65px #0005}
.hero-brandmark .brand-symbol{width:135px;height:115px}
.lightwave{height:2px;background:linear-gradient(90deg,transparent,#01eced 22%,#22f395 70%,transparent);box-shadow:0 0 23px #00d2cf}
.wave-top{position:absolute;bottom:0;left:0;right:0;opacity:.65}
.section{padding:105px 0}
.section-heading{max-width:730px;margin-bottom:46px}
.section-heading h2{margin:16px 0 22px}
.section-heading p{font-size:1.06rem;max-width:665px}
.services{background:linear-gradient(#04131b,#051923)}
.services-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.service-chip{min-height:112px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;border-right:1px solid var(--line);font-size:.86rem;font-weight:700;line-height:1.22}
.service-chip:last-child{border-right:0}
.service-chip svg{width:32px;height:32px;color:#16e7cc;filter:drop-shadow(0 0 9px rgba(0,242,204,.13))}
.process{background:linear-gradient(180deg,#051923,#030f17)}
.process-header{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:30px}
.process-header h2{margin:14px 0 0}
.process-header>p{max-width:390px;margin-bottom:5px}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feature-card{position:relative;overflow:hidden;padding:35px 32px 32px;min-height:335px;border-radius:17px;border:1px solid rgba(3,220,215,.25);background:linear-gradient(135deg,rgba(7,60,69,.68),rgba(3,22,31,.85));box-shadow:inset 0 1px 0 rgba(98,255,218,.1);transition:transform .25s,border-color .25s}
.feature-card:hover{transform:translateY(-5px);border-color:rgba(29,245,174,.6)}
.feature-index{position:absolute;right:24px;top:23px;letter-spacing:.18em;color:rgba(111,228,211,.48);font-size:.75rem}
.feature-icon{width:66px;height:66px;border-radius:17px;display:grid;place-items:center;background:rgba(0,216,210,.08);border:1px solid rgba(0,246,210,.17);margin-bottom:28px}
.feature-icon svg{width:34px;height:34px;color:#20efcc}
.feature-card h3{margin:0 0 13px}
.feature-card p{max-width:300px;font-size:.97rem}
.feature-line{position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#00dbe9,#2cf389,transparent)}
.proof{background:#030f17}
.proof-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:90px}
.proof-art{height:400px;position:relative;display:grid;place-items:center}
.proof-orbit{position:absolute;inset:9%;border-radius:50%;background:radial-gradient(circle,#063f3e 0,#031823 40%,transparent 69%);border:1px solid rgba(34,235,206,.26);box-shadow:0 0 0 35px rgba(0,217,203,.018),0 0 0 75px rgba(0,217,203,.015)}
.proof-orbit::after{content:"";position:absolute;inset:21%;border:1px dashed rgba(25,231,200,.4);border-radius:50%}
.proof-center{position:relative;border-radius:30px;background:rgba(3,34,42,.7);padding:18px}
.proof-center svg{width:145px;height:124px}
.proof-tag{position:absolute;padding:8px 14px;border:1px solid rgba(61,245,192,.33);border-radius:20px;background:#082e33;color:#94ffe7;font-size:.75rem;box-shadow:0 0 22px #00ddab10}
.proof-tag.t1{top:12%;left:0}.proof-tag.t2{right:0;top:35%}.proof-tag.t3{left:7%;bottom:12%}
.proof-copy h2{margin:18px 0 23px}
.proof-copy p{font-size:1rem}
.text-link{color:#64fbd3;display:inline-flex;align-items:center;gap:11px;margin-top:13px;font-weight:700}
.cta{padding:42px 0 100px}
.cta-panel{padding:69px 50px;text-align:center;border:1px solid rgba(48,244,189,.35);border-radius:22px;background:radial-gradient(ellipse at 50% 110%,rgba(23,238,158,.23),transparent 65%),linear-gradient(115deg,#06323c,#06171f 60%);position:relative;overflow:hidden}
.cta-panel::before{content:"";position:absolute;left:-10%;right:-10%;top:0;height:2px;background:linear-gradient(90deg,transparent,#0be9e2,#37f39a,transparent)}
.cta-panel .eyebrow{justify-content:center}
.cta-panel h2{margin:18px 0}
.cta-panel p{max-width:570px;margin:0 auto 25px}
.footer{border-top:1px solid var(--line);background:#020a11;padding:38px 0}
.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:35px}
.footer .brand-symbol{width:53px;height:43px}
.footer .brand-type strong{font-size:1.8rem}
.footer .brand-type small{font-size:.47rem}
.footer p{font-size:.75rem;margin:9px 0 0}
.footer-end{display:flex;align-items:center;gap:22px;font-size:.78rem;color:#93a9b3;flex-wrap:wrap}
.footer-end a:hover{color:#52f4d3}
.page-hero{overflow:hidden;position:relative;padding:113px 0 115px;background:radial-gradient(ellipse at 88% 55%,#07514570,transparent 45%),linear-gradient(125deg,#03121d,#06303a 70%,#041421);border-bottom:1px solid var(--line)}
.page-hero::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00e0db,#2bec8b,transparent)}
.page-hero-grid{display:grid;grid-template-columns:1fr .48fr;gap:30px;align-items:center}
.page-hero h1{max-width:850px;margin:20px 0}
.page-hero p{font-size:1.2rem;max-width:650px;margin-bottom:0}
.page-hero-mark{display:grid;place-items:center;border:1px solid rgba(65,234,213,.18);border-radius:50%;aspect-ratio:1;background:radial-gradient(circle,rgba(12,128,115,.15),transparent 65%)}
.page-hero-mark .brand-symbol{width:80%;height:80%}
.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.about-graphic{min-height:420px;position:relative;border:1px solid rgba(14,224,194,.23);background:radial-gradient(circle at 50% 50%,#06545570,transparent 62%),#061824;border-radius:20px;display:grid;place-items:center;overflow:hidden}
.about-graphic-grid{position:absolute;inset:0;background:linear-gradient(rgba(48,244,208,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(48,244,208,.06) 1px,transparent 1px);background-size:29px 29px;mask-image:radial-gradient(circle,black,transparent 85%)}
.graphic-core{position:relative;padding:35px;border:1px solid rgba(11,230,193,.25);border-radius:40px;background:#053139aa;box-shadow:0 0 90px #00ddad25}
.graphic-core svg{height:190px;width:220px}
.graphic-label{position:absolute;bottom:24px;left:24px;font:700 .75rem 'Outfit',sans-serif;letter-spacing:.15em;color:#8bded0}
.graphic-label span{color:#558c9a}
.about-story h2{margin:18px 0}
.about-story p{font-size:1.03rem}
.principles{background:#061823}
.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.principle{padding:33px;border:1px solid var(--line);background:#08212c;border-radius:16px}
.principle .feature-icon{margin-bottom:22px}
.principle h3{font-size:1.45rem}
.manifesto{background:radial-gradient(ellipse at 50% 100%,#0c423d,transparent 65%),#04131b;text-align:center}
.manifesto-inner{max-width:850px}
.manifesto .eyebrow{justify-content:center}
.manifesto h2{margin:20px 0 25px}
.manifesto p:not(.eyebrow){max-width:610px;margin:0 auto 28px}
.contact-hero{padding:92px 0 94px}
.contact-hero h1{max-width:930px}
.contact-section{background:#04121b}
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.contact-info h2{margin:16px 0 24px}
.contact-info>p{max-width:440px}
.contact-detail{display:flex;align-items:center;gap:18px;margin-top:27px}
.contact-icon{display:grid;place-items:center;border:1px solid rgba(31,239,194,.3);width:54px;height:54px;border-radius:13px;flex-shrink:0;color:#20e9c7}
.contact-icon svg{height:25px;width:25px}
.contact-detail strong,.contact-detail small{display:block}
.contact-detail strong{font-weight:700;font-size:.95rem}
.contact-detail small{color:#91aab4;font-size:.8rem;margin-top:3px}
.contact-accent{opacity:.3;margin-top:44px}
.contact-accent svg{width:200px;height:160px}
.contact-form{border:1px solid rgba(15,226,198,.31);border-radius:22px;padding:37px;background:linear-gradient(135deg,rgba(8,55,64,.86),rgba(4,25,35,.95));box-shadow:0 30px 100px rgba(0,0,0,.14)}
.form-heading span{font-size:.7rem;letter-spacing:.16em;font-weight:700;color:#54e8d1}
.form-heading h3{font-size:2rem;margin:10px 0 5px}
.form-heading p{margin-bottom:28px;font-size:.89rem}
.contact-form label{display:block;color:#d7f0f0;font-size:.86rem;font-weight:700;margin-bottom:20px}
.contact-form label>span{color:#3ef6ac}
.contact-form input:not([type=checkbox]),.contact-form textarea,.contact-form select{display:block;width:100%;background:rgba(1,14,24,.55);border:1px solid rgba(103,216,212,.25);border-radius:10px;color:#e7ffff;outline:none;padding:14px;margin-top:8px;font-size:.94rem;transition:border-color .2s}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#35ead0}
.contact-form textarea{resize:vertical;min-height:145px}
.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-form .honeypot{display:none}
.consent{display:flex!important;align-items:start;gap:12px;font-weight:500!important;color:#a9c1c6!important}
.consent input{width:18px;height:18px;margin:2px 0;accent-color:#13daa3;flex-shrink:0}
.consent span{color:#a9c1c6!important}
.consent .required{color:#3ef6ac!important}
.form-bottom{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.form-bottom p{font-size:.85rem;margin:0;flex:1;min-width:150px}
.form-bottom p.success{color:#49ffb5}
.form-bottom p.error{color:#ffb9b9}
@media(max-width:1080px){.nav-action{display:none}.hero-grid{grid-template-columns:1.12fr .88fr}.hero-art{min-height:480px}.globe-wrap{width:410px;height:410px}.services-grid{grid-template-columns:repeat(4,1fr);gap:10px}.service-chip{border:1px solid var(--line);border-radius:12px}.proof-grid{gap:35px}.contact-layout{gap:36px}}
@media(max-width:750px){.wrap{padding-inline:20px}.nav-wrap{height:78px}.brand-symbol{width:60px;height:49px}.brand-type strong{font-size:1.9rem}.brand-type small{font-size:.48rem}.nav-toggle{display:block}.navlinks{display:none;position:absolute;top:78px;left:0;right:0;padding:16px 20px 23px;background:#04151dec;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:7px}.navlinks.open{display:flex}.navlinks a{padding:10px 4px}.navlinks a.active::after{right:auto;width:50px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:75px 0 0}.hero-copy h1{font-size:clamp(3rem,11vw,4.7rem)}.hero-lead{font-size:1.05rem}.hero-art{min-height:335px}.globe-wrap{height:330px;width:330px}.hero-brandmark{height:85px;width:85px;right:12%;bottom:13%}.hero-brandmark .brand-symbol{height:80px;width:80px}.hero-micro{margin-top:24px}.section{padding:75px 0}.services-grid{grid-template-columns:repeat(2,1fr)}.service-chip{min-height:102px}.process-header{display:block}.process-header>p{margin:20px 0 0}.features{grid-template-columns:1fr}.feature-card{min-height:245px}.proof-grid{grid-template-columns:1fr;gap:22px}.proof-art{height:300px}.proof-orbit{inset:10% 18%}.proof-copy{max-width:600px}.page-hero{padding:80px 0}.page-hero-grid{grid-template-columns:1fr}.page-hero-mark{display:none}.about-intro{grid-template-columns:1fr;gap:35px}.about-graphic{min-height:300px;order:2}.principles-grid{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr;gap:38px}.contact-accent{display:none}.footer-grid{align-items:start;flex-direction:column}.footer-end{gap:18px}.cta-panel{padding:58px 26px}}
@media(max-width:450px){h1{font-size:2.95rem}.hero-copy h1{font-size:2.9rem}.eyebrow{font-size:.62rem;letter-spacing:.14em}.button-row{align-items:stretch;flex-direction:column}.btn{width:100%}.globe-wrap{width:295px;height:295px}.service-chip{font-size:.77rem}.contact-form{padding:24px 18px}.contact-form .form-row{grid-template-columns:1fr;gap:0}.section-heading h2{font-size:2.45rem}.footer-end span{width:100%}}
@media(prefers-reduced-motion:no-preference){[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}[data-reveal].revealed{opacity:1;transform:none}.globe{animation:glow 8s ease-in-out infinite alternate}.orbit{animation:orbit 12s ease-in-out infinite alternate}@keyframes glow{from{box-shadow:inset -50px -25px 80px #020c18,inset 5px 0 40px rgba(0,226,210,.1),0 0 32px rgba(0,215,176,.1)}to{box-shadow:inset -50px -25px 80px #020c18,inset 5px 0 40px rgba(0,226,210,.25),0 0 70px rgba(0,215,176,.19)}}@keyframes orbit{from{transform:rotate(-29deg) scaleY(.38)}to{transform:rotate(-20deg) scaleY(.4)}}}