/* ============================================================
   BrandingX — Midnight Glass Design System
   Shared stylesheet for all pages
   ============================================================ */

*{box-sizing:border-box;margin:0;padding:0;}

:root{
  --bg-deep:#0A0E1C;--bg-mid:#1A1F35;
  --surface:rgba(255,255,255,.04);--surface-strong:rgba(255,255,255,.06);
  --line:rgba(255,255,255,.08);--line-glow:rgba(120,134,255,.25);
  --text:#E8EAF0;--text-bright:#FFFFFF;--muted:#9098B4;--dim:#5A6080;
  --accent-1:#7886FF;--accent-2:#A88BFF;--accent-3:#C9A8FF;
  --gold:#C9A84C;--green:#5DD66E;
  --gradient-main:linear-gradient(135deg,#7886FF 0%,#A88BFF 100%);
  --gradient-text:linear-gradient(135deg,#7886FF 0%,#C9A8FF 50%,#A88BFF 100%);
  --gradient-gold:linear-gradient(135deg,#C9A84C 0%,#E8C96A 100%);
  --transition:.3s cubic-bezier(.4,0,.2,1);
}

html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;background:var(--bg-deep);color:var(--text);line-height:1.6;font-weight:400;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;overflow-x:hidden;background-image:radial-gradient(ellipse at top,#1A1F35 0%,#0A0E1C 60%);background-attachment:fixed;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
ul{list-style:none;}

.container{max-width:1280px;margin:0 auto;padding:0 32px;}
@media(max-width:720px){.container{padding:0 20px;}}

body::before{content:"";position:fixed;width:600px;height:600px;left:50%;top:-200px;transform:translateX(-50%);background:radial-gradient(circle,rgba(120,134,255,.15) 0%,transparent 60%);filter:blur(60px);z-index:0;pointer-events:none;}
body::after{content:"";position:fixed;width:1px;height:100%;left:50%;top:0;background:linear-gradient(180deg,transparent,rgba(120,134,255,.15),transparent);z-index:0;pointer-events:none;}
main,header,footer{position:relative;z-index:1;}

/* ========== NAVIGATION ========== */
header{position:fixed;top:0;left:0;right:0;z-index:100;padding:18px 0;}
.nav-wrap{max-width:1280px;margin:0 auto;padding:0 32px;}
.nav{padding:14px 22px;background:rgba(10,14,28,.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:18px;display:flex;justify-content:space-between;align-items:center;}
.logo{font-weight:800;font-size:17px;color:var(--text-bright);letter-spacing:-.03em;display:flex;align-items:center;gap:10px;}
.logo .dot{width:9px;height:9px;border-radius:50%;background:var(--gradient-main);box-shadow:0 0 12px rgba(120,134,255,.6);}
.nav-links{display:flex;gap:4px;}
.nav-links a{padding:8px 14px;font-size:13px;color:var(--muted);font-weight:500;border-radius:10px;transition:all var(--transition);}
.nav-links a:hover,.nav-links a.active{background:rgba(255,255,255,.06);color:var(--text-bright);}
.nav-cta{padding:10px 20px;background:var(--gradient-main);color:#fff;font-size:13px;font-weight:600;border-radius:100px;box-shadow:0 4px 20px rgba(120,134,255,.35);transition:all var(--transition);}
.nav-cta:hover{transform:translateY(-1px);box-shadow:0 8px 28px rgba(120,134,255,.5);}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--text-bright);border-radius:2px;}
@media(max-width:900px){.nav-links{display:none;}.nav-toggle{display:flex;}.nav-cta{display:none;}}
.mobile-menu{display:none;position:fixed;top:80px;left:16px;right:16px;background:rgba(10,14,28,.95);backdrop-filter:blur(20px);border:1px solid var(--line-glow);border-radius:18px;padding:20px;z-index:99;}
.mobile-menu.open{display:block;}
.mobile-menu a{display:block;padding:12px 0;font-size:15px;color:var(--text);font-weight:500;border-bottom:1px solid var(--line);}
.mobile-menu a:last-child{border-bottom:none;}

/* ========== BREADCRUMB ========== */
.crumbs{padding:120px 0 0;}
.crumbs-inner{font-size:12px;color:var(--muted);}
.crumbs-inner a{color:var(--muted);transition:color var(--transition);}
.crumbs-inner a:hover{color:var(--accent-2);}
.crumbs-inner .sep{margin:0 8px;color:var(--dim);}
.crumbs-inner .current{color:var(--accent-2);}

/* ========== HERO ========== */
.hero{padding:160px 0 100px;text-align:center;}
.pill{display:inline-flex;align-items:center;gap:10px;padding:7px 16px;border-radius:100px;background:rgba(255,255,255,.04);border:1px solid var(--line-glow);font-size:12px;font-weight:500;color:#C0C5DC;margin-bottom:28px;backdrop-filter:blur(10px);}
.pill .live{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 2s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.5;}}
.hero h1{font-weight:700;font-size:clamp(40px,7vw,84px);line-height:1.05;letter-spacing:-.04em;color:var(--text-bright);max-width:920px;margin:0 auto;}
.hero h1 .grad{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.hero h1 .gold{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:italic;}
.hero-sub{font-size:17px;color:var(--muted);max-width:620px;margin:24px auto 0;line-height:1.6;font-weight:400;}
.hero-btns{display:flex;gap:12px;justify-content:center;margin-top:36px;flex-wrap:wrap;}

/* PAGE-SPECIFIC HERO */
.page-hero{padding:50px 0 70px;text-align:center;}
.page-hero h1{font-weight:700;font-size:clamp(40px,6vw,76px);line-height:1.05;letter-spacing:-.04em;color:var(--text-bright);max-width:880px;margin:0 auto;}
.page-hero h1 .grad{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.page-hero h1 .gold{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:italic;}
.page-hero p{font-size:17px;color:var(--muted);max-width:620px;margin:24px auto 0;line-height:1.7;}

/* INDUSTRY HERO (2-col) */
.ind-hero{padding:50px 0 80px;}
.ind-hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center;}
.ind-hero h1{font-weight:700;font-size:clamp(38px,5.5vw,68px);line-height:1.05;letter-spacing:-.04em;color:var(--text-bright);margin-bottom:20px;}
.ind-hero h1 .grad{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.ind-hero h1 .gold{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:italic;}
.ind-hero p{font-size:16px;color:var(--muted);line-height:1.7;margin-bottom:30px;max-width:520px;}
.hero-visual{aspect-ratio:1;background:linear-gradient(135deg,rgba(120,134,255,.12),rgba(168,139,255,.04));border:1px solid var(--line-glow);border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:120px;position:relative;overflow:hidden;backdrop-filter:blur(20px);}
.hero-visual::before{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(120,134,255,.3),transparent 60%);filter:blur(40px);}
.hero-visual span{position:relative;z-index:1;}
@media(max-width:900px){.ind-hero-grid{grid-template-columns:1fr;}.hero-visual{aspect-ratio:16/9;font-size:80px;}}

/* ========== BUTTONS ========== */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;font-size:14px;font-weight:600;border-radius:100px;cursor:pointer;border:none;transition:all var(--transition);font-family:inherit;}
.btn-primary{background:var(--gradient-main);color:#fff;box-shadow:0 8px 32px rgba(120,134,255,.4);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(120,134,255,.5);}
.btn-ghost{background:rgba(255,255,255,.04);color:var(--text);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);}
.btn-ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(120,134,255,.4);}

/* ========== TRUST STRIP ========== */
.trust-strip{padding:50px 0 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:40px;}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.trust-item{text-align:center;}
.trust-num{font-weight:700;font-size:36px;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.03em;}
.trust-lbl{font-size:11px;color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-weight:600;margin-top:6px;}
@media(max-width:720px){.trust-grid{grid-template-columns:repeat(2,1fr);gap:30px;}}

/* ========== SECTIONS ========== */
section{padding:100px 0;position:relative;}
.sec-head{text-align:center;margin-bottom:60px;}
.sec-pill{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-2);background:rgba(168,139,255,.1);border:1px solid rgba(168,139,255,.25);padding:6px 14px;border-radius:100px;margin-bottom:18px;}
.sec-head h2{font-weight:700;font-size:clamp(30px,4.2vw,48px);line-height:1.1;letter-spacing:-.03em;color:var(--text-bright);max-width:780px;margin:0 auto;}
.sec-head h2 .grad{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.sec-head p{font-size:16px;color:var(--muted);max-width:560px;margin:18px auto 0;line-height:1.6;}

/* ========== SERVICES (4-col) ========== */
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.svc-card{background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.02) 100%);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:28px;backdrop-filter:blur(20px);position:relative;overflow:hidden;transition:all var(--transition);display:block;}
.svc-card::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(120,134,255,.5),transparent);}
.svc-card:hover{transform:translateY(-4px);border-color:var(--line-glow);background:linear-gradient(180deg,rgba(120,134,255,.08) 0%,rgba(255,255,255,.03) 100%);}
.svc-icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,rgba(120,134,255,.2),rgba(168,139,255,.05));display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px;border:1px solid rgba(120,134,255,.2);}
.svc-card h4{font-weight:700;font-size:17px;color:var(--text-bright);margin-bottom:8px;letter-spacing:-.01em;}
.svc-card p{font-size:13px;color:var(--muted);line-height:1.6;}
.svc-link{font-size:12px;color:var(--accent-2);font-weight:600;margin-top:18px;display:inline-flex;align-items:center;gap:5px;transition:gap var(--transition);}
.svc-card:hover .svc-link{gap:10px;}
@media(max-width:1100px){.svc-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.svc-grid{grid-template-columns:1fr;}}

/* ========== INDUSTRIES GRID ========== */
.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.ind-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:20px;backdrop-filter:blur(20px);transition:all var(--transition);cursor:pointer;text-align:left;display:block;}
.ind-card:hover{background:rgba(120,134,255,.08);border-color:var(--line-glow);transform:translateY(-2px);}
.ind-emoji{font-size:24px;margin-bottom:14px;}
.ind-card h5{font-weight:700;font-size:14px;color:var(--text-bright);letter-spacing:-.01em;margin-bottom:4px;}
.ind-card p{font-size:11px;color:var(--muted);line-height:1.5;}
@media(max-width:900px){.ind-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.ind-grid{grid-template-columns:1fr;}}

/* ========== WHY CARDS (2-col) ========== */
.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.why-card{background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.02) 100%);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px;backdrop-filter:blur(20px);position:relative;overflow:hidden;transition:all var(--transition);}
.why-card::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(120,134,255,.5),transparent);}
.why-card:hover{transform:translateY(-3px);border-color:var(--line-glow);}
.why-card .num{font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--accent-2);text-transform:uppercase;margin-bottom:14px;}
.why-card h3{font-weight:700;font-size:22px;color:var(--text-bright);margin-bottom:10px;letter-spacing:-.015em;}
.why-card p{font-size:14px;color:var(--muted);line-height:1.7;}
@media(max-width:760px){.why-grid{grid-template-columns:1fr;}}

/* ========== SUB-CARDS (3-col) ========== */
.sub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.sub-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:24px;backdrop-filter:blur(20px);transition:all var(--transition);cursor:pointer;}
.sub-card:hover{background:rgba(120,134,255,.08);border-color:var(--line-glow);transform:translateY(-2px);}
.sub-card .ic{font-size:26px;margin-bottom:14px;}
.sub-card h4{font-weight:700;font-size:16px;color:var(--text-bright);margin-bottom:6px;letter-spacing:-.01em;}
.sub-card p{font-size:12px;color:var(--muted);line-height:1.5;}
.sub-card .tags{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px;}
.tag{font-size:10px;color:var(--accent-2);background:rgba(168,139,255,.1);border:1px solid rgba(168,139,255,.2);padding:3px 8px;border-radius:100px;font-weight:500;}
@media(max-width:760px){.sub-grid{grid-template-columns:1fr;}}

/* ========== APPROACH / PROCESS ========== */
.approach-grid,.process-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;}
.approach-text h2,.process-text h2{text-align:left;margin:0 0 20px;}
.approach-text p,.process-text p{font-size:16px;color:var(--muted);line-height:1.7;margin-bottom:14px;}
.approach-text p b,.process-text p b{color:var(--text-bright);font-weight:600;}
.steps-stack{display:flex;flex-direction:column;gap:14px;}
.step-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:22px;display:grid;grid-template-columns:50px 1fr;gap:18px;align-items:center;transition:all var(--transition);}
.step-card:hover{background:rgba(120,134,255,.06);border-color:var(--line-glow);}
.step-num{font-weight:700;font-size:24px;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.03em;}
.step-card h4{font-weight:600;font-size:15px;color:var(--text-bright);margin-bottom:4px;letter-spacing:-.01em;}
.step-card p{font-size:13px;color:var(--muted);line-height:1.5;}
@media(max-width:900px){.approach-grid,.process-grid{grid-template-columns:1fr;gap:30px;}}

/* ========== PROCESS HORIZONTAL (4-col) ========== */
.process-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.proc-step{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:24px;backdrop-filter:blur(20px);position:relative;transition:all var(--transition);}
.proc-step:hover{border-color:var(--line-glow);background:rgba(120,134,255,.05);}
.proc-step .num{font-weight:200;font-size:48px;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.04em;line-height:1;margin-bottom:14px;}
.proc-step h4{font-weight:700;font-size:15px;color:var(--text-bright);margin-bottom:6px;letter-spacing:-.01em;}
.proc-step p{font-size:12px;color:var(--muted);line-height:1.5;}
.proc-step .time{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2);margin-top:10px;}
@media(max-width:900px){.process-list{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.process-list{grid-template-columns:1fr;}}

/* ========== DELIVERABLES GRID (4-col) ========== */
.deliv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px;}
.deliv{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:18px;text-align:center;transition:all var(--transition);}
.deliv:hover{border-color:var(--line-glow);background:rgba(120,134,255,.05);}
.deliv .ic{font-size:20px;margin-bottom:10px;}
.deliv h5{font-size:13px;font-weight:600;color:var(--text-bright);}
.deliv p{font-size:11px;color:var(--muted);margin-top:4px;}
@media(max-width:760px){.deliv-grid{grid-template-columns:repeat(2,1fr);}}

/* ========== RELATED CARDS (3-col) ========== */
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.rel-card{background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.02) 100%);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;transition:all var(--transition);cursor:pointer;display:block;}
.rel-card:hover{transform:translateY(-3px);border-color:var(--line-glow);}
.rel-card h4{font-weight:700;font-size:16px;color:var(--text-bright);margin-bottom:8px;letter-spacing:-.01em;}
.rel-card p{font-size:13px;color:var(--muted);line-height:1.6;}
.rel-link{font-size:12px;color:var(--accent-2);font-weight:600;margin-top:14px;display:inline-flex;align-items:center;gap:5px;}
@media(max-width:760px){.related-grid{grid-template-columns:1fr;}}

/* ========== PRICING TIERS ========== */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.tier{background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.02) 100%);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:32px;backdrop-filter:blur(20px);position:relative;overflow:hidden;transition:all var(--transition);display:flex;flex-direction:column;}
.tier::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(120,134,255,.5),transparent);}
.tier:hover{transform:translateY(-4px);}
.tier.featured{background:linear-gradient(180deg,rgba(120,134,255,.15) 0%,rgba(168,139,255,.05) 100%);border-color:var(--accent-1);box-shadow:0 0 60px rgba(120,134,255,.15);}
.tier.featured::before{background:linear-gradient(90deg,transparent,rgba(168,139,255,.8),transparent);height:2px;}
.tier-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;background:var(--gradient-main);color:#fff;padding:5px 12px;border-radius:100px;margin-bottom:14px;width:fit-content;}
.tier h3{font-weight:700;font-size:22px;color:var(--text-bright);margin-bottom:6px;letter-spacing:-.015em;}
.tier-tag{font-size:13px;color:var(--muted);margin-bottom:24px;}
.tier-price{display:flex;align-items:baseline;gap:6px;margin-bottom:10px;}
.tier-price .amt{font-weight:700;font-size:42px;color:var(--text-bright);letter-spacing:-.03em;}
.tier-price .amt .gold{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.tier-price .per{font-size:13px;color:var(--muted);}
.tier-note{font-size:11px;color:var(--dim);margin-bottom:24px;}
.tier-features{list-style:none;flex:1;margin-bottom:24px;}
.tier-features li{font-size:13px;color:var(--text);padding:8px 0;display:flex;align-items:flex-start;gap:10px;border-top:1px solid var(--line);}
.tier-features li:first-child{border-top:none;}
.tier-features li::before{content:"✓";color:var(--accent-2);font-weight:700;flex-shrink:0;}
.tier-cta{padding:13px 22px;text-align:center;font-size:13px;font-weight:600;border-radius:100px;transition:all var(--transition);cursor:pointer;}
.tier:not(.featured) .tier-cta{background:rgba(255,255,255,.06);color:var(--text);border:1px solid rgba(255,255,255,.1);}
.tier:not(.featured) .tier-cta:hover{background:rgba(255,255,255,.1);}
.tier.featured .tier-cta{background:var(--gradient-main);color:#fff;box-shadow:0 4px 20px rgba(120,134,255,.4);}
@media(max-width:900px){.tiers{grid-template-columns:1fr;}}

/* ========== INCLUDED CARD ========== */
.included-card{background:linear-gradient(180deg,rgba(120,134,255,.06) 0%,rgba(255,255,255,.02) 100%);border:1px solid var(--line-glow);border-radius:24px;padding:40px;backdrop-filter:blur(20px);text-align:center;}
.included-h{font-weight:700;font-size:18px;color:var(--text-bright);margin-bottom:8px;}
.included-h .gold{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.included-sub{font-size:13px;color:var(--muted);margin-bottom:24px;}
.formats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}
.format{padding:8px 14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:11px;font-weight:600;color:var(--text-bright);letter-spacing:.05em;font-family:'Courier New',monospace;}

/* ========== SERVE CHIPS (6-col) ========== */
.serve-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;}
.serve-chip{padding:14px 12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:12px;text-align:center;transition:all var(--transition);cursor:pointer;display:block;}
.serve-chip:hover{background:rgba(120,134,255,.08);border-color:var(--line-glow);}
.serve-chip .ic{font-size:20px;margin-bottom:6px;}
.serve-chip span{font-size:11px;color:var(--text);font-weight:500;}
@media(max-width:900px){.serve-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:520px){.serve-grid{grid-template-columns:repeat(2,1fr);}}

/* ========== QUOTE CARD ========== */
.quote-card{max-width:900px;margin:0 auto;background:linear-gradient(180deg,rgba(120,134,255,.08) 0%,rgba(168,139,255,.02) 100%);border:1px solid var(--line-glow);border-radius:24px;padding:50px 40px;text-align:center;backdrop-filter:blur(20px);position:relative;overflow:hidden;}
.quote-card::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(168,139,255,.6),transparent);}
.quote-mark{font-size:60px;line-height:1;color:var(--accent-2);font-weight:700;margin-bottom:6px;}
.quote-text{font-weight:500;font-size:clamp(20px,2.4vw,28px);line-height:1.4;color:var(--text-bright);letter-spacing:-.02em;}
.quote-meta{font-size:11px;color:var(--accent-2);letter-spacing:.18em;text-transform:uppercase;font-weight:600;margin-top:24px;}

/* ========== FAQ ========== */
.faq-list{max-width:780px;margin:30px auto 0;display:flex;flex-direction:column;gap:12px;}
.faq-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px 24px;cursor:pointer;transition:all var(--transition);backdrop-filter:blur(20px);}
.faq-item:hover{border-color:var(--line-glow);}
.faq-q{display:flex;justify-content:space-between;align-items:center;gap:20px;}
.faq-q h4{font-size:15px;font-weight:600;color:var(--text-bright);letter-spacing:-.01em;flex:1;}
.faq-toggle{width:24px;height:24px;border-radius:50%;background:rgba(120,134,255,.15);color:var(--accent-2);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition:all var(--transition);flex-shrink:0;}
.faq-item.open .faq-toggle{transform:rotate(45deg);background:var(--gradient-main);color:#fff;}
.faq-a{max-height:0;overflow:hidden;transition:max-height var(--transition),margin-top var(--transition);}
.faq-item.open .faq-a{max-height:400px;margin-top:14px;}
.faq-a p{font-size:14px;color:var(--muted);line-height:1.7;}

/* ========== CTA ========== */
.cta-section{padding:120px 0;text-align:center;}
.cta-card{max-width:1000px;margin:0 auto;padding:60px 40px;background:linear-gradient(135deg,rgba(120,134,255,.12) 0%,rgba(168,139,255,.04) 100%);border:1px solid var(--line-glow);border-radius:28px;backdrop-filter:blur(20px);position:relative;overflow:hidden;}
.cta-card::before{content:"";position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(120,134,255,.2),transparent 60%);filter:blur(50px);}
.cta-card>*{position:relative;z-index:1;}
.cta-card h2{font-weight:700;font-size:clamp(30px,4.5vw,48px);line-height:1.1;letter-spacing:-.03em;color:var(--text-bright);margin-bottom:16px;}
.cta-card h2 .grad{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.cta-card p{font-size:16px;color:var(--muted);max-width:520px;margin:0 auto 32px;line-height:1.6;}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

/* ========== STORY (about) ========== */
.story-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start;}
.story-side{position:sticky;top:120px;}
.story-side .label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-2);font-weight:600;margin-bottom:14px;}
.story-side h2{font-weight:700;font-size:clamp(28px,3.6vw,42px);line-height:1.1;letter-spacing:-.03em;color:var(--text-bright);}
.story-side h2 .grad{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.story-content p{font-size:16px;color:var(--text);line-height:1.8;margin-bottom:20px;}
.story-content p b{color:var(--text-bright);font-weight:600;}
.story-content p:first-child{font-size:18px;color:var(--text-bright);font-weight:500;}
.story-quote{padding:30px;background:linear-gradient(180deg,rgba(120,134,255,.08) 0%,rgba(168,139,255,.02) 100%);border:1px solid var(--line-glow);border-radius:18px;margin:30px 0;border-left:3px solid var(--accent-2);}
.story-quote p{font-size:18px;font-style:italic;color:var(--text-bright);line-height:1.5;font-weight:500;}
@media(max-width:900px){.story-grid{grid-template-columns:1fr;gap:30px;}.story-side{position:static;}}

/* ========== VALUES (4-col) ========== */
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.val-card{background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.02) 100%);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px;backdrop-filter:blur(20px);position:relative;overflow:hidden;transition:all var(--transition);}
.val-card::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(120,134,255,.5),transparent);}
.val-card:hover{transform:translateY(-3px);border-color:var(--line-glow);}
.val-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,rgba(120,134,255,.2),rgba(168,139,255,.05));display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px;border:1px solid rgba(120,134,255,.2);}
.val-card h3{font-weight:700;font-size:18px;color:var(--text-bright);margin-bottom:10px;letter-spacing:-.015em;}
.val-card p{font-size:13px;color:var(--muted);line-height:1.7;}
@media(max-width:900px){.values-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.values-grid{grid-template-columns:1fr;}}

/* ========== FOUNDER CARD ========== */
.founder-card{max-width:920px;margin:0 auto;background:linear-gradient(180deg,rgba(120,134,255,.06) 0%,rgba(255,255,255,.02) 100%);border:1px solid var(--line-glow);border-radius:28px;padding:50px 40px;backdrop-filter:blur(20px);position:relative;overflow:hidden;}
.founder-card::before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(168,139,255,.15),transparent 60%);filter:blur(40px);}
.founder-meta{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:18px;position:relative;z-index:1;}
.founder-quote{font-weight:400;font-size:clamp(22px,3vw,32px);line-height:1.4;color:var(--text-bright);letter-spacing:-.015em;margin-bottom:24px;position:relative;z-index:1;font-style:italic;}
.founder-quote span{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;}
.founder-name{font-weight:700;font-size:16px;color:var(--text-bright);margin-bottom:4px;letter-spacing:-.01em;position:relative;z-index:1;}
.founder-role{font-size:13px;color:var(--muted);position:relative;z-index:1;}
.founder-sig{margin-top:14px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2);font-weight:600;position:relative;z-index:1;}

/* ========== DIFF CARDS (3-col) ========== */
.diff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px;}
.diff-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:28px;backdrop-filter:blur(20px);transition:all var(--transition);}
.diff-card:hover{background:rgba(120,134,255,.06);border-color:var(--line-glow);}
.diff-card .num{font-weight:200;font-size:48px;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.04em;line-height:1;margin-bottom:14px;}
.diff-card h4{font-weight:700;font-size:16px;color:var(--text-bright);margin-bottom:8px;letter-spacing:-.01em;}
.diff-card p{font-size:13px;color:var(--muted);line-height:1.7;}
@media(max-width:900px){.diff-grid{grid-template-columns:1fr;}}

/* ========== COVERAGE ========== */
.coverage-card{background:linear-gradient(180deg,rgba(120,134,255,.06) 0%,rgba(255,255,255,.02) 100%);border:1px solid var(--line-glow);border-radius:24px;padding:44px;backdrop-filter:blur(20px);text-align:center;}
.coverage-card .label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-2);font-weight:600;margin-bottom:14px;}
.coverage-card h3{font-weight:700;font-size:clamp(26px,3.4vw,38px);line-height:1.15;letter-spacing:-.025em;color:var(--text-bright);margin-bottom:24px;}
.coverage-card h3 .grad{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.regions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
.region{padding:10px 18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:100px;font-size:13px;font-weight:500;color:var(--text);}
.region b{color:var(--accent-2);font-weight:700;margin-right:6px;}

/* ========== CONTACT FORM ========== */
.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:start;}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr;}}
.form-card{background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.02) 100%);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:40px;backdrop-filter:blur(20px);position:relative;overflow:hidden;}
.form-card::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(120,134,255,.5),transparent);}
.form-h{font-weight:700;font-size:22px;color:var(--text-bright);margin-bottom:6px;letter-spacing:-.015em;}
.form-sub{font-size:14px;color:var(--muted);margin-bottom:30px;}
.field{margin-bottom:18px;}
.field label{display:block;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2);margin-bottom:8px;}
.field input,.field textarea,.field select{width:100%;background:rgba(10,14,28,.5);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px;color:var(--text-bright);font-family:inherit;font-size:14px;font-weight:400;transition:all var(--transition);outline:none;}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent-1);background:rgba(120,134,255,.05);box-shadow:0 0 0 3px rgba(120,134,255,.15);}
.field input::placeholder,.field textarea::placeholder{color:var(--dim);}
.field textarea{min-height:120px;resize:vertical;}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media(max-width:560px){.row2{grid-template-columns:1fr;}}
.svc-chips{display:flex;flex-wrap:wrap;gap:8px;}
.chip{padding:9px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:100px;font-size:12px;font-weight:500;color:var(--muted);cursor:pointer;transition:all var(--transition);user-select:none;}
.chip:hover{color:var(--text-bright);border-color:var(--line-glow);}
.chip.active{background:var(--gradient-main);color:#fff;border-color:transparent;box-shadow:0 4px 16px rgba(120,134,255,.3);}
.budget-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.budget{padding:14px 10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;text-align:center;transition:all var(--transition);user-select:none;}
.budget:hover{color:var(--text-bright);border-color:var(--line-glow);}
.budget.active{background:linear-gradient(135deg,rgba(120,134,255,.2),rgba(168,139,255,.05));color:var(--text-bright);border-color:var(--accent-1);}
@media(max-width:560px){.budget-grid{grid-template-columns:repeat(2,1fr);}}
.submit-btn{width:100%;padding:16px;background:var(--gradient-main);color:#fff;border:none;border-radius:100px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:10px;transition:all var(--transition);box-shadow:0 8px 32px rgba(120,134,255,.4);margin-top:14px;}
.submit-btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(120,134,255,.5);}
.form-foot{font-size:11px;color:var(--dim);text-align:center;margin-top:14px;line-height:1.6;}
.form-foot a{color:var(--accent-2);}
.info-stack{display:flex;flex-direction:column;gap:16px;}
.info-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:24px;backdrop-filter:blur(20px);transition:all var(--transition);}
.info-card:hover{border-color:var(--line-glow);}
.info-card.featured{background:linear-gradient(180deg,rgba(120,134,255,.08) 0%,rgba(168,139,255,.02) 100%);border-color:var(--line-glow);}
.info-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,rgba(120,134,255,.2),rgba(168,139,255,.05));display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:14px;border:1px solid rgba(120,134,255,.2);}
.info-icon.gold{background:linear-gradient(135deg,rgba(201,168,76,.2),rgba(232,201,106,.05));border-color:rgba(201,168,76,.3);}
.info-icon.green{background:linear-gradient(135deg,rgba(93,214,110,.2),rgba(93,214,110,.05));border-color:rgba(93,214,110,.3);}
.info-card h4{font-weight:700;font-size:14px;color:var(--text-bright);margin-bottom:4px;letter-spacing:-.01em;}
.info-card .val{font-size:18px;font-weight:600;color:var(--text-bright);margin-top:6px;letter-spacing:-.015em;}
.info-card .val.grad{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.info-card .val.gold{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.info-card p{font-size:13px;color:var(--muted);line-height:1.6;}
.info-card .meta-list{margin-top:12px;display:flex;flex-direction:column;gap:8px;}
.info-card .meta-list li{font-size:12px;color:var(--text);display:flex;align-items:center;gap:8px;}
.info-card .meta-list li::before{content:"●";color:var(--accent-2);font-size:8px;}

/* ========== LEGAL / DOC PAGES ========== */
.doc-wrap{max-width:880px;margin:0 auto;padding:50px 0 80px;}
.doc-meta{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-2);font-weight:600;margin-bottom:16px;}
.doc h1{font-weight:700;font-size:clamp(36px,5vw,56px);line-height:1.05;letter-spacing:-.03em;color:var(--text-bright);margin-bottom:14px;}
.doc h1 .grad{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.doc .lead{font-size:17px;color:var(--muted);line-height:1.7;margin-bottom:36px;border-bottom:1px solid var(--line);padding-bottom:30px;}
.doc h2{font-weight:700;font-size:24px;color:var(--text-bright);margin:36px 0 14px;letter-spacing:-.02em;}
.doc h3{font-weight:600;font-size:18px;color:var(--text-bright);margin:24px 0 8px;letter-spacing:-.01em;}
.doc p{font-size:15px;color:var(--text);line-height:1.8;margin-bottom:14px;}
.doc ul,.doc ol{margin:14px 0 14px 20px;}
.doc li{font-size:15px;color:var(--text);line-height:1.8;margin-bottom:6px;list-style:disc;}
.doc ol li{list-style:decimal;}
.doc strong{color:var(--text-bright);font-weight:600;}
.doc a{color:var(--accent-2);text-decoration:underline;}
.doc a:hover{color:var(--accent-3);}
.doc-divider{height:1px;background:var(--line);margin:30px 0;}

/* ========== FOOTER ========== */
footer{padding:60px 0 30px;border-top:1px solid var(--line);}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px;padding-bottom:40px;border-bottom:1px solid var(--line);}
.footer-brand .logo{font-size:18px;margin-bottom:14px;}
.footer-brand p{font-size:13px;color:var(--muted);line-height:1.7;max-width:280px;}
.footer-col h5{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-bright);font-weight:600;margin-bottom:18px;}
.footer-col a{display:block;font-size:13px;color:var(--muted);padding:5px 0;transition:color var(--transition);}
.footer-col a:hover{color:var(--accent-2);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;font-size:12px;color:var(--dim);flex-wrap:wrap;gap:10px;}
.footer-bottom .grad{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;}
@media(max-width:900px){.footer-top{grid-template-columns:1fr 1fr;}.footer-brand{grid-column:span 2;}}