*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080B1A;color:#F8FAFC;font-family:Inter,Arial,sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.ambient{position:fixed;width:450px;height:450px;border-radius:50%;filter:blur(100px);opacity:.13;pointer-events:none}.ambient-one{background:#5B5FEF;top:-200px;right:-100px}.ambient-two{background:#22D3EE;bottom:-250px;left:-150px}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #ffffff12;position:sticky;top:0;background:#080B1AEF;backdrop-filter:blur(18px);z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em}.brand-mark{font-size:19px;font-weight:800;background:linear-gradient(135deg,#22D3EE,#5B5FEF,#8B5CF6);-webkit-background-clip:text;background-clip:text;color:transparent;border:1px solid #5B5FEF66;padding:2px 5px;border-radius:8px}nav{display:flex;align-items:center;gap:24px;font-size:13px;color:#CBD5E1}nav a:hover{color:#fff}.nav-link{color:#67E8F9}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:13px 22px;background:linear-gradient(100deg,#5B5FEF,#8B5CF6);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 10px 30px #5B5FEF35}.btn-small{padding:9px 16px;font-size:12px}.btn-ghost{background:transparent;border:1px solid #5B5FEF88;box-shadow:none}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:25px}.hero{min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:75px 8%;gap:50px;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:.2em;color:#22D3EE;font-weight:800;margin:0 0 12px}.hero h1{font-size:clamp(44px,6vw,78px);line-height:1.02;letter-spacing:-.06em;margin:0 0 25px;max-width:760px}.hero h1 span,h2 span{background:linear-gradient(90deg,#5B5FEF,#22D3EE);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{color:#AAB7CC;max-width:590px;font-size:17px}.hero-actions{display:flex;gap:13px;margin:30px 0}.hero-meta{font-size:12px;color:#64748B}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#A3E635;margin-right:7px;box-shadow:0 0 15px #A3E635}.hero-visual{min-height:500px;position:relative;display:flex;align-items:center;justify-content:center}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:410px;height:410px;background:radial-gradient(circle,#5B5FEF55,transparent 65%);border:1px solid #5B5FEF55}.orb-b{width:290px;height:290px;border:1px solid #22D3EE66;box-shadow:0 0 80px #22D3EE22}.vr-frame{width:330px;height:190px;border-radius:38px 38px 58px 58px;background:linear-gradient(145deg,#dce8ff,#5b5fef 55%,#151b49);position:relative;transform:perspective(700px) rotateY(-13deg) rotateX(5deg);box-shadow:0 35px 90px #000,0 0 70px #5B5FEF55}.vr-lens{position:absolute;width:105px;height:105px;border-radius:28px;background:radial-gradient(circle at 35% 30%,#fff,#22D3EE 10%,#10183f 55%);left:42px;top:42px;border:5px solid #080B1A}.vr-lens.second{left:auto;right:42px}.vr-strap{position:absolute;width:430px;height:80px;border:18px solid #161d45;border-left:0;border-radius:0 80px 80px 0;right:-250px;top:45px;z-index:-1}.floating-card{position:absolute;padding:15px 18px;border:1px solid #ffffff18;background:#0b1126dd;backdrop-filter:blur(14px);border-radius:14px;font-size:10px;letter-spacing:.14em;color:#94A3B8;box-shadow:0 20px 50px #0005}.floating-card strong{color:#fff}.card-top{top:80px;right:0}.card-bottom{bottom:80px;left:0}.section{padding:100px 8%;position:relative}.section-heading{max-width:650px;margin-bottom:40px}.section-heading h2,.cta h2{font-size:clamp(32px,4vw,54px);line-height:1.05;letter-spacing:-.045em;margin:0 0 14px}.section-heading>p:last-child,.why p,.cta p{color:#8492A8}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{min-height:330px;padding:30px;border-radius:24px;border:1px solid #ffffff12;background:#0c1329;position:relative;overflow:hidden}.service-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;top:-70px;filter:blur(5px);opacity:.16}.education:after{background:#5B5FEF}.care:after{background:#22D3EE}.lounge:after{background:#8B5CF6}.icon{font-size:25px;margin-bottom:35px}.service-tag{font-size:10px;letter-spacing:.18em;color:#64748B}.service-card h3{font-size:27px;margin:7px 0}.service-card p:not(.service-tag){color:#94A3B8}.service-card a{display:inline-block;margin-top:20px;font-size:12px;font-weight:700;color:#67E8F9}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff12}.why-grid>div{padding:30px 25px;border-right:1px solid #ffffff12}.why-grid>div:last-child{border-right:0}.why-grid b{color:#5B5FEF;font-size:12px}.why-grid h3{font-size:18px}.ambassador-banner{margin:0 8% 100px;padding:45px;border-radius:25px;border:1px solid #5B5FEF55;background:linear-gradient(120deg,#101943,#0b1428 60%,#0b2332);display:flex;align-items:center;justify-content:space-between;gap:30px}.ambassador-banner h2{font-size:35px;letter-spacing:-.04em;margin:0 0 8px}.ambassador-banner p{color:#94A3B8;max-width:620px}.cta{margin:0 8% 100px;padding:60px;display:grid;grid-template-columns:1fr 1fr;gap:50px;border-radius:28px;background:linear-gradient(135deg,#11194a,#0c2132);border:1px solid #ffffff14}.cta form{display:grid;gap:12px}.cta input,.cta textarea{width:100%;padding:14px 16px;border-radius:12px;border:1px solid #ffffff18;background:#070d1d;color:#fff;outline:none}.cta textarea{min-height:130px;resize:vertical}.cta input:focus,.cta textarea:focus{border-color:#22D3EE}.cta .btn{border:0}footer{padding:45px 8%;border-top:1px solid #ffffff12;color:#64748B;display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;align-items:center}footer .brand{color:#fff}footer>div:last-of-type{display:flex;gap:18px;font-size:12px;justify-content:flex-end}footer small{grid-column:1/-1}.portal-body{background:#070B18}.portal-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{border-right:1px solid #ffffff10;padding:25px 18px;background:#090e1f;position:sticky;top:0;height:100vh}.sidebar .brand{margin-bottom:45px;padding-left:8px}.side-label{font-size:9px;letter-spacing:.16em;color:#475569;padding:0 12px}.sidebar>a:not(.brand){display:block;padding:11px 13px;margin:4px 0;border-radius:10px;color:#7F8DA5;font-size:12px}.sidebar>a.active,.sidebar>a:hover{background:#5B5FEF20;color:#fff}.profile{position:absolute;bottom:22px;left:18px;right:18px;border-top:1px solid #ffffff10;padding-top:18px;display:flex;gap:10px;align-items:center}.avatar{width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,#5B5FEF,#22D3EE);display:grid;place-items:center;font-size:11px;font-weight:800}.profile small,.profile strong{display:block;font-size:10px}.profile small{color:#64748B;margin-top:2px}.dashboard{padding:34px 4%;max-width:1500px;width:100%;margin:auto}.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.dash-header h1{margin:0;font-size:29px;letter-spacing:-.04em}.dash-header p:not(.eyebrow){color:#6f7e96;margin:4px 0}.location{padding:12px 16px;border:1px solid #ffffff14;border-radius:12px;background:#0c1326;text-align:right;font-size:12px}.location small{color:#64748B}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:18px}.kpis>div,.dash-card,.quick{background:#0c1326;border:1px solid #ffffff10;border-radius:15px;padding:18px}.kpis small{display:block;color:#64748B;font-size:9px;letter-spacing:.08em}.kpis strong{display:block;font-size:27px;margin:4px 0}.up{font-size:9px;color:#67E8F9}.down{font-size:9px;color:#fb7185}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.card-head h2{margin:0;font-size:15px}.card-head p{color:#64748B;font-size:10px;margin:3px 0}.card-head a{color:#67E8F9;font-size:10px}.pipeline{margin-bottom:18px}.steps{display:grid;grid-template-columns:repeat(6,1fr);position:relative;margin-top:32px}.steps:before{content:"";position:absolute;top:7px;left:7%;right:7%;height:2px;background:linear-gradient(90deg,#5B5FEF,#22D3EE)}.steps>div{text-align:center;position:relative}.steps i{display:block;margin:auto;width:15px;height:15px;border-radius:50%;background:#22D3EE;box-shadow:0 0 15px #22D3EE88;border:3px solid #0c1326}.steps b{display:block;font-size:13px;margin-top:10px}.steps span{font-size:9px;color:#64748B}.quick{margin-bottom:18px}.quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:15px}.quick-grid button{background:#101a32;border:1px solid #ffffff10;color:#fff;border-radius:11px;padding:16px 8px;cursor:pointer}.quick-grid button:first-letter{color:#22D3EE}.quick-grid span{display:block;font-size:9px;color:#AAB7CC;margin-top:7px}.dash-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.list{list-style:none;margin:14px 0 0;padding:0}.list li{display:grid;grid-template-columns:75px 1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid #ffffff0b;font-size:10px;align-items:center}.list li:last-child{border:0}.list small{color:#64748B}.list em{font-style:normal;color:#fbbf24;font-size:9px}.list .live{color:#67E8F9}.chart{height:130px;display:flex;align-items:end;gap:10px;padding:20px 10px 0}.bar{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#5B5FEF,#22D3EE);min-height:8px}.chart-labels{display:flex;justify-content:space-around;color:#475569;font-size:9px}.insight{background:linear-gradient(135deg,#111a40,#0c1e2d);border-color:#5B5FEF55}.insight h2{font-size:20px;margin:8px 0}.insight>p:not(.eyebrow){color:#94A3B8;font-size:11px;max-width:430px}.insight .btn{margin-top:10px}
@media(max-width:950px){nav{display:none}.menu-btn{display:block}nav.open{display:flex;position:absolute;top:78px;left:0;right:0;background:#080B1A;padding:20px;flex-direction:column;align-items:flex-start}.hero{grid-template-columns:1fr}.hero-visual{min-height:420px}.service-grid,.why-grid{grid-template-columns:1fr}.why-grid>div{border-right:0;border-bottom:1px solid #ffffff12}.cta{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(3,1fr)}.quick-grid{grid-template-columns:repeat(3,1fr)}.portal-shell{grid-template-columns:1fr}.sidebar{display:none}.dash-columns{grid-template-columns:1fr}}
@media(max-width:600px){.site-header{padding:0 5%}.hero,.section{padding:70px 5%}.hero h1{font-size:43px}.hero-visual{transform:scale(.8);margin:-30px 0}.hero-actions{flex-direction:column}.ambassador-banner{margin:0 5% 70px;padding:30px;display:block}.ambassador-banner .btn{margin-top:20px}.cta{margin:0 5% 70px;padding:30px}.kpis{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}.steps{overflow-x:auto;min-width:650px}.pipeline{overflow:hidden}.dash-header{display:block}.location{text-align:left;margin-top:15px;width:max-content}footer{grid-template-columns:1fr}.cta h2{font-size:35px}}
/* Interactive demo workflow */
.av-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.av-modal-backdrop{position:absolute;inset:0;background:#02040dcc;backdrop-filter:blur(8px)}.av-modal-card{position:relative;width:min(620px,100%);max-height:90vh;overflow:auto;background:#0b1225;border:1px solid #ffffff18;border-radius:22px;box-shadow:0 30px 100px #0008}.av-modal-card.wide{width:min(900px,100%)}.av-modal-head{display:flex;justify-content:space-between;gap:20px;padding:25px 27px 18px;border-bottom:1px solid #ffffff0d;position:sticky;top:0;background:#0b1225ee;backdrop-filter:blur(14px);z-index:2}.av-modal-head h2{margin:0;font-size:24px;letter-spacing:-.035em}.av-close{width:36px;height:36px;border-radius:50%;border:1px solid #ffffff14;background:#101a32;color:#fff;font-size:24px;cursor:pointer}.av-modal-body{padding:24px 27px 28px}.demo-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.demo-form label{display:grid;gap:7px;font-size:10px;color:#94A3B8}.demo-form label:nth-last-of-type(1),.demo-form label:has(textarea){grid-column:1/-1}.demo-form input,.demo-form select,.demo-form textarea{width:100%;padding:12px 13px;border-radius:11px;border:1px solid #ffffff14;background:#070d1d;color:#fff;outline:none}.demo-form textarea{min-height:100px;resize:vertical}.demo-form input:focus,.demo-form select:focus,.demo-form textarea:focus{border-color:#22D3EE}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.success-box{text-align:center;padding:20px 10px 8px}.success-icon{width:56px;height:56px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:#22D3EE20;color:#22D3EE;border:1px solid #22D3EE55;font-size:24px}.success-box h3{margin:0 0 7px;font-size:18px}.success-box p,.profile-detail p{color:#7f8da5;font-size:12px;margin-bottom:22px}.follow-list,.record-list{display:grid;gap:8px;margin-bottom:18px}.follow-row,.record-row{display:grid;grid-template-columns:100px 1fr auto auto;gap:14px;align-items:center;padding:14px;border:1px solid #ffffff0d;background:#0f1830;border-radius:12px}.follow-row strong,.record-row strong{display:block;font-size:12px}.follow-row small,.record-row small{display:block;color:#64748B;font-size:10px;margin-top:3px}.follow-time{color:#22D3EE;font-size:11px;font-weight:700}.status-pill{font-size:9px;color:#67E8F9;border:1px solid #22D3EE35;background:#22D3EE10;padding:5px 8px;border-radius:999px;white-space:nowrap}.tiny-btn{background:transparent;color:#94A3B8;border:1px solid #ffffff14;border-radius:8px;padding:6px 9px;font-size:9px;cursor:pointer}.record-row{grid-template-columns:38px 1fr auto}.record-avatar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#5B5FEF20;color:#8B5CF6;font-size:10px;font-weight:800}.empty{color:#64748B;font-size:12px}.perf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.perf-grid>div{padding:18px;border-radius:14px;background:#0f1830;border:1px solid #ffffff0d}.perf-grid small{display:block;color:#64748B;font-size:9px}.perf-grid strong{display:block;font-size:27px;margin:4px 0}.perf-grid span{font-size:9px;color:#7f8da5}.big-chart{height:230px;display:flex;align-items:end;gap:14px;padding:35px 18px 0;margin-top:18px;background:#0a1123;border-radius:15px}.big-chart .bar{min-height:10px}.insight-copy{padding:16px;border:1px solid #5B5FEF44;background:#111a40;border-radius:13px;color:#94A3B8;font-size:11px}.insight-copy b{color:#fff}.profile-detail{text-align:center}.profile-detail .big{width:68px;height:68px;margin:0 auto 12px;font-size:18px}.profile-detail h3{margin:0;font-size:20px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left;margin-top:20px}.profile-grid span{padding:13px;border:1px solid #ffffff0d;border-radius:11px;color:#64748B;font-size:9px}.profile-grid b{display:block;color:#fff;font-size:11px;margin-top:3px}@media(max-width:600px){.demo-form,.perf-grid{grid-template-columns:1fr}.demo-form label:has(textarea){grid-column:auto}.follow-row{grid-template-columns:1fr auto}.follow-row .tiny-btn{grid-column:2}.av-modal-body{padding:20px}.av-modal-head{padding:20px}.record-row{grid-template-columns:38px 1fr}.record-row .status-pill{grid-column:2;justify-self:start}.big-chart{gap:7px}}