@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Outfit:wght@300;400;500;600&display=swap');

:root {
  --navy:#08101E; --navy2:#0A1628; --slate:#0D1E38; --card:#101F3A; --cardh:#132548;
  --teal:#00E5CC; --teal2:#00B8A9; --amber:#FFB830; --amber2:#FF9500;
  --white:#F4FCFF; --text:rgba(244,252,255,0.88); --muted:rgba(244,252,255,0.50);
  --dim:rgba(244,252,255,0.22); --border:rgba(0,229,204,0.13); --border2:rgba(255,184,48,0.13);
  --g-brand:linear-gradient(90deg,#00E5CC,#FFB830);
  --g-brand2:linear-gradient(135deg,#00E5CC 0%,#0099FF 55%,#FFB830 100%);
  --g-teal:linear-gradient(135deg,#00E5CC,#00B8A9);
  --g-amber:linear-gradient(135deg,#FFB830,#FF9500);
  --g-text:linear-gradient(180deg,#FFFFFF 0%,#D0EEF5 100%);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;font-size:16px;}
body{background:var(--navy);color:var(--text);font-family:'Outfit',sans-serif;font-weight:300;overflow-x:hidden;cursor:none;}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:998;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
#cur{position:fixed;width:8px;height:8px;background:var(--teal);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);mix-blend-mode:screen;transition:width .2s,height .2s;}
#cur-r{position:fixed;width:32px;height:32px;border:1px solid rgba(0,229,204,0.4);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .3s,height .3s;}
.dot-grid{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle,rgba(0,229,204,0.065) 1px,transparent 1px);background-size:28px 28px;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:900;height:68px;padding:0 72px;display:flex;align-items:center;justify-content:space-between;background:rgba(8,16,30,0.85);backdrop-filter:blur(28px) saturate(180%);border-bottom:1px solid var(--border);transition:border-color .3s;}
.nav-brand{display:flex;align-items:center;gap:13px;text-decoration:none;}
.nav-name{font-family:'Playfair Display',serif;font-weight:700;font-size:20px;letter-spacing:-.3px;background:var(--g-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.nav-links{display:flex;align-items:center;gap:6px;list-style:none;}
.nav-links a{color:var(--muted);text-decoration:none;font-size:13.5px;font-weight:400;padding:7px 12px;border-radius:6px;transition:color .2s,background .2s;}
.nav-links a:hover{color:var(--white);background:rgba(0,229,204,0.07);}
.nav-links .has-drop{position:relative;}
.nav-links .has-drop>a::after{content:'▾';font-size:10px;margin-left:4px;opacity:.5;}
.dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:rgba(10,22,40,0.98);border:1px solid var(--border);border-radius:10px;padding:8px;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .2s,transform .2s;backdrop-filter:blur(20px);z-index:100;}
.has-drop:hover .dropdown{opacity:1;pointer-events:all;transform:translateY(0);}
.dropdown a{display:block;padding:8px 14px;color:var(--muted);text-decoration:none;font-size:13px;border-radius:6px;transition:color .2s,background .2s;}
.dropdown a:hover{color:var(--teal);background:rgba(0,229,204,0.07);}
.nav-cta{padding:9px 22px;background:transparent;border:1px solid var(--teal);border-radius:6px;color:var(--teal)!important;font-size:13px!important;font-weight:500!important;letter-spacing:.5px;transition:background .25s,box-shadow .25s!important;}
.nav-cta:hover{background:rgba(0,229,204,0.1)!important;box-shadow:0 0 22px rgba(0,229,204,0.25)!important;}

/* PAGE HERO */
.page-hero{padding:140px 72px 90px;position:relative;overflow:hidden;}
.page-hero .dot-grid{}
.hero-blob{position:absolute;border-radius:50%;pointer-events:none;filter:blur(90px);}
.hb-teal{background:rgba(0,229,204,0.10);}
.hb-amber{background:rgba(255,184,48,0.07);}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 16px;border-radius:100px;border:1px solid rgba(0,229,204,0.3);background:rgba(0,229,204,0.06);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--teal);margin-bottom:24px;}
.pulse-dot{width:6px;height:6px;background:var(--teal);border-radius:50%;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.3;transform:scale(.6);}}
.page-h{font-family:'Playfair Display',serif;font-weight:800;font-size:clamp(42px,5vw,72px);line-height:1.05;letter-spacing:-2px;margin-bottom:20px;}
.page-h span{background:var(--g-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.page-sub{font-size:18px;line-height:1.85;color:var(--muted);max-width:620px;}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--dim);margin-bottom:20px;}
.breadcrumb a{color:var(--dim);text-decoration:none;transition:color .2s;}
.breadcrumb a:hover{color:var(--teal);}
.breadcrumb span{color:var(--teal);}

/* SECTIONS */
section{padding:96px 72px;position:relative;}
section.dark{background:var(--slate);}
.s-eye{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--teal);margin-bottom:14px;display:block;}
.s-h{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(28px,3vw,44px);line-height:1.1;letter-spacing:-1.5px;margin-bottom:14px;}
.s-p{font-size:16px;color:var(--muted);line-height:1.85;max-width:540px;}
.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:56px;gap:40px;}

/* CARDS */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:14px;overflow:hidden;}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:14px;overflow:hidden;}
.card{background:var(--card);padding:40px 34px;position:relative;overflow:hidden;transition:background .3s;}
.card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--g-brand);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.4,0,.2,1);}
.card:hover{background:var(--cardh);}
.card:hover::after{transform:scaleX(1);}
.card-icon{width:46px;height:46px;border-radius:10px;background:rgba(0,229,204,0.08);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:22px;transition:box-shadow .3s;}
.card:hover .card-icon{box-shadow:0 0 20px rgba(0,229,204,0.2);}
.card-n{font-family:'Playfair Display',serif;font-weight:700;font-size:19px;margin-bottom:10px;}
.card-p{font-size:13.5px;line-height:1.75;color:var(--muted);}
.card-num{position:absolute;top:20px;right:22px;font-size:11px;letter-spacing:2px;color:var(--dim);}

/* SPLIT LAYOUT */
.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.split.reverse{direction:rtl;}.split.reverse>*{direction:ltr;}

/* PILLS / TAGS */
.pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px;}
.pill{padding:4px 12px;border:1px solid rgba(0,229,204,0.22);border-radius:100px;font-size:11px;color:rgba(0,229,204,0.65);}
.pill.amber{border-color:rgba(255,184,48,0.22);color:rgba(255,184,48,0.65);}

/* FEATURE LIST */
.feat-list{display:flex;flex-direction:column;gap:16px;}
.feat-item{display:flex;gap:16px;align-items:flex-start;padding:18px;border:1px solid transparent;border-radius:10px;transition:border-color .25s,background .25s;}
.feat-item:hover{border-color:var(--border);background:rgba(0,229,204,0.03);}
.feat-ic{width:38px;height:38px;border-radius:9px;flex-shrink:0;background:rgba(0,229,204,0.08);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:16px;}
.feat-t{font-weight:600;font-size:15px;margin-bottom:4px;color:var(--white);}
.feat-d{font-size:13.5px;color:var(--muted);line-height:1.7;}

/* PROCESS STEPS */
.steps{display:grid;grid-template-columns:repeat(4,1fr);position:relative;}
.step-connector{position:absolute;top:27px;left:12.5%;right:12.5%;height:1px;background:linear-gradient(90deg,transparent,var(--teal),var(--amber),transparent);}
.step{text-align:center;padding:0 20px;position:relative;z-index:1;}
.step-n{width:54px;height:54px;border-radius:50%;border:1px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-family:'Playfair Display',serif;font-weight:700;font-size:16px;color:var(--teal);transition:background .3s,box-shadow .3s;}
.step:hover .step-n{background:rgba(0,229,204,0.1);box-shadow:0 0 24px rgba(0,229,204,0.3);}
.step-t{font-weight:600;font-size:16px;margin-bottom:8px;}
.step-d{font-size:13px;color:var(--muted);line-height:1.7;}

/* METRICS */
.metric-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:32px;position:relative;overflow:hidden;}
.metric-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--g-brand);}
.metric-label{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--teal);margin-bottom:8px;}
.metric-title{font-family:'Playfair Display',serif;font-weight:700;font-size:20px;margin-bottom:24px;}
.bar-row{margin-bottom:18px;}
.bar-top{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:7px;}
.bar-bg{height:3px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden;}
.bar-fill{height:100%;border-radius:2px;background:var(--g-brand);animation:fill 1.8s ease-out forwards;}
@keyframes fill{from{width:0;}}

/* TICKER */
.ticker{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:14px 0;overflow:hidden;background:rgba(0,229,204,0.025);}
.t-track{display:flex;animation:ticker 26s linear infinite;white-space:nowrap;}
.t-item{display:inline-flex;align-items:center;gap:14px;padding:0 30px;font-size:12px;font-weight:500;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted);}
.t-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0;}
@keyframes ticker{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* BUTTONS */
.btn-fill{padding:13px 32px;background:var(--g-teal);border:none;border-radius:7px;color:var(--navy);font-family:'Outfit',sans-serif;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;letter-spacing:.3px;box-shadow:0 4px 28px rgba(0,229,204,0.28);transition:transform .2s,box-shadow .25s;display:inline-block;}
.btn-fill:hover{transform:translateY(-2px);box-shadow:0 8px 38px rgba(0,229,204,0.42);}
.btn-outline{padding:13px 32px;background:transparent;border:1px solid var(--border);border-radius:7px;color:var(--white);font-family:'Outfit',sans-serif;font-size:14px;cursor:pointer;text-decoration:none;transition:border-color .25s,background .25s;display:inline-block;}
.btn-outline:hover{border-color:rgba(255,184,48,0.4);background:rgba(255,184,48,0.06);}
.btn-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:32px;}

/* CTA STRIP */
.cta-strip{text-align:center;padding:110px 72px;position:relative;overflow:hidden;}
.cta-strip::before{content:'';position:absolute;top:50%;left:50%;width:700px;height:700px;background:radial-gradient(circle,rgba(0,229,204,0.07) 0%,rgba(255,184,48,0.04) 50%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none;}
.cta-h{font-family:'Playfair Display',serif;font-weight:800;font-size:clamp(34px,4.5vw,60px);letter-spacing:-2px;line-height:1.05;margin-bottom:18px;}
.cta-h span{background:var(--g-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.cta-p{font-size:17px;color:var(--muted);max-width:460px;margin:0 auto 42px;line-height:1.8;}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

/* FOOTER */
footer{border-top:1px solid var(--border);padding:60px 72px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:48px;}
.foot-tagline{font-size:13px;color:var(--muted);line-height:1.8;margin-top:14px;max-width:240px;}
.foot-h{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:600;color:var(--white);margin-bottom:16px;}
.foot-l{display:flex;flex-direction:column;gap:9px;list-style:none;}
.foot-l a{color:var(--muted);text-decoration:none;font-size:13px;transition:color .2s;}
.foot-l a:hover{color:var(--teal);}
.foot-bar{padding:16px 72px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;}
.foot-copy{font-size:12px;color:var(--dim);}
.foot-loc{font-size:12px;color:var(--dim);}
.foot-leg{display:flex;gap:18px;list-style:none;}
.foot-leg a{font-size:12px;color:var(--dim);text-decoration:none;transition:color .2s;}
.foot-leg a:hover{color:var(--muted);}

/* REVEAL */
.r{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease;}
.r.on{opacity:1;transform:translateY(0);}
.r2{opacity:0;transform:translateY(24px);transition:opacity .6s .12s ease,transform .6s .12s ease;}
.r2.on{opacity:1;transform:translateY(0);}
.r3{opacity:0;transform:translateY(24px);transition:opacity .6s .24s ease,transform .6s .24s ease;}
.r3.on{opacity:1;transform:translateY(0);}

/* MISC */
.highlight{background:var(--g-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.tag-teal{display:inline-block;padding:3px 12px;border:1px solid rgba(0,229,204,0.25);border-radius:100px;font-size:12px;color:var(--teal);}
.tag-amber{display:inline-block;padding:3px 12px;border:1px solid rgba(255,184,48,0.25);border-radius:100px;font-size:12px;color:var(--amber);}
.market-badge{padding:7px 14px;border:1px solid var(--border);border-radius:100px;font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:7px;}
.divider{border:none;border-top:1px solid var(--border);margin:48px 0;}
.text-teal{color:var(--teal);}
.text-amber{color:var(--amber);}
.prose{max-width:760px;}
.prose p{font-size:16px;line-height:1.9;color:var(--muted);margin-bottom:18px;}
.prose h2{font-family:'Playfair Display',serif;font-weight:700;font-size:26px;letter-spacing:-1px;margin:36px 0 14px;color:var(--white);}
.prose h3{font-family:'Outfit',sans-serif;font-weight:600;font-size:18px;margin:28px 0 10px;color:var(--white);}
.prose ul{padding-left:20px;color:var(--muted);font-size:15px;line-height:1.9;margin-bottom:16px;}
.faq{display:flex;flex-direction:column;gap:12px;}
.faq-item{border:1px solid var(--border);border-radius:10px;overflow:hidden;}
.faq-q{padding:18px 22px;font-weight:500;font-size:15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s;}
.faq-q:hover{background:rgba(0,229,204,0.04);}
.faq-a{padding:0 22px;font-size:14px;color:var(--muted);line-height:1.75;max-height:0;overflow:hidden;transition:max-height .3s,padding .3s;}
.faq-item.open .faq-a{max-height:200px;padding:0 22px 18px;}
.faq-item.open .faq-q{color:var(--teal);}
.arrow{transition:transform .3s;font-size:12px;opacity:.5;}
.faq-item.open .arrow{transform:rotate(180deg);}

@media(max-width:1100px){nav{padding:0 32px;}.grid-3,.steps{grid-template-columns:1fr 1fr;}.step-connector{display:none;}.split{grid-template-columns:1fr;}.grid-4{grid-template-columns:1fr 1fr;}footer{grid-template-columns:1fr 1fr;}.page-hero,.cta-strip{padding:120px 32px 70px;} section{padding:72px 32px;}}
@media(max-width:680px){nav{padding:0 20px;}.nav-links{display:none;}.grid-3,.grid-4,.grid-2{grid-template-columns:1fr;}.page-hero{padding:110px 20px 60px;}section{padding:60px 20px;}.cta-strip{padding:80px 20px;}footer{padding:40px 20px;grid-template-columns:1fr;gap:32px;}.foot-bar{padding:16px 20px;flex-direction:column;gap:8px;}}