:root{--navy:#06162e;--deep:#071b38;--royal:#0a3d91;--blue:#168cff;--cyan:#50d8ff;--ice:#dceeff;--cloud:#f4f9ff;--ink:#07162b;--muted:#5f6f83;--line:rgba(22,140,255,.18);--max:1180px;--radius:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cloud);color:var(--ink);font-family:Inter,"Be Vietnam Pro","Segoe UI",Arial,sans-serif;line-height:1.65;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:9999;top:12px;left:12px;padding:10px 16px;background:#fff;color:var(--navy);transform:translateY(-150%);border-radius:8px}.skip-link:focus{transform:none}.site-header{position:fixed;z-index:1000;inset:0 0 auto;height:82px;background:rgba(6,22,46,.78);border-bottom:1px solid rgba(80,216,255,.12);backdrop-filter:blur(18px);transition:.25s}.site-header.scrolled{height:70px;background:rgba(6,22,46,.94)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:block;width:250px}.brand img{width:100%;border-radius:10px}.site-header nav{display:flex;align-items:center;gap:30px;color:#d9e9ff;font-size:14px;font-weight:600}.site-header nav a{position:relative}.site-header nav a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--cyan);transition:.25s}.site-header nav a:hover::after,.site-header nav a:focus-visible::after{right:0}.nav-cta{padding:10px 18px;border:1px solid rgba(80,216,255,.5);border-radius:999px;background:rgba(80,216,255,.08)}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span:not(.sr-only){display:block;width:25px;height:2px;background:#fff;margin:5px}
.section-dark,.section-deep{color:#fff}.section-dark{background:var(--navy)}.section-deep{background:var(--deep)}.section-light{background:var(--cloud)}.hero{position:relative;min-height:100vh;display:grid;align-items:center;overflow:hidden;padding:130px 0 80px}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,22,46,.96) 0%,rgba(6,22,46,.84) 43%,rgba(6,22,46,.3) 72%,rgba(6,22,46,.72) 100%),url('assets/hero-network-blue.webp') center/cover;opacity:.82}.hero::after{content:"";position:absolute;inset:auto 0 0;height:190px;background:linear-gradient(transparent,var(--navy))}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr .88fr;gap:50px;align-items:center}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:800;color:var(--cyan)}.eyebrow{display:flex;align-items:center;gap:11px}.eyebrow span{width:36px;height:1px;background:var(--cyan)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(52px,6.4vw,88px);line-height:1.02;letter-spacing:-.045em;margin:26px 0 28px;font-weight:750}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--cyan);text-shadow:0 0 34px rgba(80,216,255,.25)}.hero-lead{max-width:690px;font-size:19px;color:#c5d8ef}.hero-lead strong{color:#fff}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:36px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid transparent;border-radius:999px;padding:14px 23px;font-weight:750;transition:.2s;cursor:pointer}.button-primary{color:#04152b;background:linear-gradient(135deg,var(--cyan),#87eaff);box-shadow:0 10px 36px rgba(22,140,255,.22)}.button-primary:hover{transform:translateY(-2px);box-shadow:0 15px 44px rgba(80,216,255,.3)}.button-ghost{border-color:rgba(220,238,255,.3);color:#fff;background:rgba(255,255,255,.04)}.button-ghost:hover{border-color:var(--cyan);background:rgba(80,216,255,.08)}.hero-proof{display:flex;gap:30px;padding-top:30px;border-top:1px solid rgba(220,238,255,.12)}.hero-proof div{display:flex;gap:10px;align-items:flex-start}.hero-proof strong{color:var(--cyan);font-size:13px}.hero-proof span{font-size:12px;color:#9fb7d4;line-height:1.45}.hero-portrait{position:relative;align-self:end;height:min(74vh,760px);display:flex;align-items:flex-end;justify-content:center}.hero-portrait img{position:relative;z-index:2;max-height:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 25px 50px rgba(0,0,0,.4));mask-image:linear-gradient(to bottom,#000 86%,transparent 100%)}.portrait-ring{position:absolute;width:430px;height:430px;border:1px solid rgba(80,216,255,.35);border-radius:50%;top:17%;right:4%;box-shadow:0 0 80px rgba(22,140,255,.16),inset 0 0 60px rgba(22,140,255,.08)}.portrait-ring::before,.portrait-ring::after{content:"";position:absolute;border:1px solid rgba(80,216,255,.18);border-radius:50%;inset:38px}.portrait-ring::after{inset:90px}.portrait-note{position:absolute;z-index:3;right:0;bottom:18%;display:flex;gap:12px;align-items:center;padding:14px 18px;border:1px solid rgba(80,216,255,.3);border-radius:16px;background:rgba(6,22,46,.72);backdrop-filter:blur(14px);font-size:12px;color:#bfd4ed}.portrait-note i{width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.portrait-note strong{color:#fff;font-size:14px}.scroll-cue{position:absolute;z-index:4;bottom:25px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#8aa8c8;font-size:10px;text-transform:uppercase;letter-spacing:.18em}.scroll-cue i{display:block;width:1px;height:26px;background:linear-gradient(var(--cyan),transparent)}
.about,.programs,.manifesto{padding:120px 0}.about-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:90px}.section-heading h2{font-size:clamp(38px,4.8vw,64px);line-height:1.12;letter-spacing:-.04em}.section-heading h2 span{color:var(--royal)}.about-copy{padding-top:50px}.about-copy p{color:var(--muted);font-size:17px}.about-copy .lead{font-size:23px;color:var(--ink);line-height:1.5}.about-copy blockquote{margin:35px 0 0;padding:25px 0 25px 25px;border-left:3px solid var(--blue);color:var(--royal);font-size:20px;font-weight:650}
.values{padding:120px 0;background-image:linear-gradient(rgba(7,27,56,.96),rgba(7,27,56,.96)),url('assets/pattern-network.svg');background-size:cover;background-position:center}.centered{text-align:center;max-width:820px;margin:0 auto 55px}.centered h2 span{color:var(--cyan)}.value-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.value-card{position:relative;min-height:280px;padding:28px 22px;border:1px solid rgba(80,216,255,.13);border-radius:24px;background:rgba(255,255,255,.035);overflow:hidden;transition:.25s}.value-card:hover{transform:translateY(-7px);border-color:rgba(80,216,255,.45);background:rgba(22,140,255,.08)}.card-no{position:absolute;right:18px;top:16px;color:rgba(220,238,255,.22);font-size:12px}.value-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(80,216,255,.1);color:var(--cyan);font-size:22px;margin-bottom:44px}.value-card h3{font-size:21px;margin-bottom:12px}.value-card p{color:#99b2d0;font-size:14px}
.programs .section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:60px;align-items:end;margin-bottom:55px}.programs .kicker{grid-column:1/-1}.heading-note{color:var(--muted);font-size:17px;margin-bottom:10px}.program-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.program-card{padding:38px;border:1px solid #d9e5f2;border-radius:var(--radius);background:#fff;box-shadow:0 18px 50px rgba(8,43,84,.06)}.program-card.featured{background:linear-gradient(140deg,#08234a,var(--royal));color:#fff;border-color:transparent}.program-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.program-tag{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--blue)}.featured .program-tag{color:var(--cyan)}.program-index{font-size:14px;color:#a9b8c9}.program-card h3{font-size:30px;letter-spacing:-.025em}.program-card p{color:var(--muted)}.featured p{color:#c7daef}.program-card ul{padding-left:20px;margin:25px 0 0}.program-card li{margin:8px 0}.step-list{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:35px}.step-list span{padding:8px 12px;border-radius:9px;background:#edf6ff;color:var(--royal);font-size:12px;font-weight:750}.step-list i{font-style:normal;color:var(--blue)}.formula{margin-top:35px;padding:18px;border-radius:14px;background:#edf6ff;color:var(--royal);font-size:13px;font-weight:800;letter-spacing:.04em}.formula b{color:var(--cyan);margin:0 4px}
.method{padding:120px 0}.method-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.method-visual{position:relative}.method-visual img{border-radius:30px;box-shadow:0 35px 70px rgba(0,0,0,.28)}.method-visual::after{content:"";position:absolute;inset:20px -20px -20px 20px;border:1px solid rgba(80,216,255,.3);border-radius:30px;z-index:-1}.method-copy h2{font-size:clamp(38px,4vw,58px);line-height:1.12;letter-spacing:-.04em}.method-list{list-style:none;padding:0;margin:40px 0 0}.method-list li{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:22px 0;border-top:1px solid rgba(220,238,255,.12)}.method-list li>span{color:var(--cyan);font-size:12px}.method-list h3{font-size:19px;margin-bottom:5px}.method-list p{color:#9fb7d4;font-size:14px;margin:0}
.manifesto-inner{text-align:center;max-width:980px}.manifesto-inner>p{color:var(--blue);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.2em}.manifesto h2{font-size:clamp(46px,6vw,82px);margin-bottom:8px;letter-spacing:-.05em}.manifesto h3{max-width:820px;margin:0 auto;color:var(--royal);font-size:clamp(20px,2.2vw,30px);line-height:1.45}.manifesto-flow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:48px}.manifesto-flow span{padding:11px 17px;border:1px solid #cbdced;border-radius:999px;background:#fff;font-size:12px;font-weight:750}.manifesto-flow i{font-style:normal;color:var(--cyan)}
.connect{padding:120px 0}.connect-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.connect-copy h2{font-size:clamp(40px,4.6vw,64px);line-height:1.1;letter-spacing:-.045em}.connect-copy>p{color:#a8bed7;font-size:17px}.contact-status{display:flex;gap:14px;align-items:flex-start;padding-top:25px;margin-top:35px;border-top:1px solid rgba(220,238,255,.12)}.contact-status span{flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:#f6bd60;margin-top:8px;box-shadow:0 0 15px rgba(246,189,96,.6)}.contact-status p{font-size:13px;color:#91a8c3}.contact-form{padding:40px;border:1px solid rgba(80,216,255,.16);border-radius:var(--radius);background:rgba(255,255,255,.04)}.contact-form label{display:block;margin-bottom:20px;color:#bfd3ea;font-size:12px;font-weight:750}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:8px;padding:14px 15px;border:1px solid rgba(220,238,255,.15);border-radius:12px;background:rgba(2,13,29,.5);color:#fff;outline:none;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(80,216,255,.1)}.contact-form .button{width:100%;border:0}.form-note{margin:14px 0 0;color:#7f9ab9;font-size:11px}.form-message{color:var(--cyan);font-size:13px;margin:12px 0 0;min-height:20px}
footer{background:#020b18;color:#fff;padding:55px 0 25px}.footer-top{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:70px;padding-bottom:40px}.footer-top>div{display:grid;grid-template-columns:54px auto;column-gap:14px;align-items:center}.footer-top img{grid-row:1/3;width:54px}.footer-top p{margin:0;font-weight:800}.footer-top span{color:#819bb9;font-size:12px}.footer-top nav{display:flex;gap:22px;color:#a9bfd7;font-size:13px}.back-top{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(80,216,255,.25);border-radius:50%;color:var(--cyan)}.footer-bottom{display:flex;justify-content:space-between;padding-top:22px;border-top:1px solid rgba(220,238,255,.09);color:#718aa8;font-size:11px}.footer-bottom p{margin:0}
#network-canvas{position:fixed;inset:0;z-index:9997;pointer-events:none}.cursor-dot,.cursor-orbit{position:fixed;z-index:9998;pointer-events:none;left:0;top:0;will-change:transform}.cursor-dot{width:12px;height:12px;margin:-6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan),0 0 34px var(--blue);animation:pulse 1.2s infinite}.cursor-orbit{width:42px;height:42px;margin:-21px;border:1px solid rgba(80,216,255,.55);border-radius:50%;transition:width .15s,height .15s,margin .15s}.cursor-orbit.active{width:64px;height:64px;margin:-32px;border-color:var(--cyan)}@keyframes pulse{50%{opacity:.65;box-shadow:0 0 9px var(--cyan),0 0 22px var(--blue)}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.value-grid{grid-template-columns:repeat(3,1fr)}.hero-grid{grid-template-columns:1fr .78fr}.hero-proof{gap:16px}.method-grid,.connect-grid{gap:45px}.programs .section-heading{grid-template-columns:1fr}.heading-note{max-width:650px}.footer-top{gap:30px}}
@media(max-width:800px){.container{width:min(100% - 28px,var(--max))}.site-header,.site-header.scrolled{height:66px}.brand{width:205px}.menu-toggle{display:block}.site-header nav{position:absolute;left:14px;right:14px;top:72px;padding:24px;flex-direction:column;align-items:stretch;gap:16px;border:1px solid rgba(80,216,255,.2);border-radius:18px;background:rgba(6,22,46,.98);transform:scaleY(0);transform-origin:top;opacity:0;pointer-events:none;transition:.2s}.site-header nav.open{transform:scaleY(1);opacity:1;pointer-events:auto}.hero{padding-top:100px}.hero-grid{grid-template-columns:1fr}.hero-portrait{height:580px}.hero-copy{padding-top:35px}.about,.programs,.manifesto,.values,.method,.connect{padding:85px 0}.about-grid,.method-grid,.connect-grid{grid-template-columns:1fr;gap:45px}.about-copy{padding-top:0}.method-visual{max-width:560px;margin:auto}.value-grid{grid-template-columns:repeat(2,1fr)}.program-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr auto}.footer-top nav{grid-column:1/-1;grid-row:2;flex-wrap:wrap}.footer-bottom{gap:20px;flex-direction:column}.cursor-dot,.cursor-orbit,#network-canvas{display:none}}
@media(max-width:520px){.hero h1{font-size:48px}.hero-lead{font-size:16px}.hero-actions .button{width:100%}.hero-proof{display:grid;grid-template-columns:1fr}.hero-portrait{height:450px}.portrait-ring{width:310px;height:310px}.portrait-note{right:4px}.value-grid{grid-template-columns:1fr}.value-card{min-height:auto}.program-card,.contact-form{padding:28px 22px}.section-heading h2{font-size:38px}.manifesto-flow i{display:none}.footer-top{grid-template-columns:1fr}.back-top{grid-column:1}.programs .section-heading{display:block}}
@media(pointer:coarse),(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cursor-dot,.cursor-orbit,#network-canvas{display:none}.reveal{opacity:1;transform:none;transition:none}}
@media (hover:hover) and (pointer:fine){body:not(.touch-capable),body:not(.touch-capable) a,body:not(.touch-capable) button{cursor:none}}
@media(any-pointer:coarse){body,body a,body button{cursor:auto}.cursor-dot,.cursor-orbit,#network-canvas{display:none}}
@media(max-width:800px){.site-header nav:not(.open){visibility:hidden}.site-header nav.open{visibility:visible}.menu-toggle{cursor:pointer}}
:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
section[id]{scroll-margin-top:90px}
@media(max-width:520px){.hero h1{font-size:clamp(38px,11vw,48px)}.portrait-ring{max-width:85vw}.hero-proof span{font-size:14px}.step-list span,.formula,.manifesto-flow span,.footer-top nav,.contact-status p,.form-note{font-size:14px}}
.contact-status a{color:var(--cyan);font-size:18px;font-weight:800;overflow-wrap:anywhere}.contact-status a:hover,.contact-status a:focus-visible{text-decoration:underline}.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.contact-choice{display:flex;flex-direction:column;align-items:stretch;justify-content:center}.contact-choice h3{font-size:30px;line-height:1.25;margin:12px 0}.contact-choice>p:not(.kicker){color:#9fb7d4}.contact-choice .button{width:100%;margin-top:12px}.contact-choice .form-note{margin-top:18px;font-size:11px}
.footer-bottom{font-size:14px;line-height:1.65}.footer-bottom p{max-width:960px}