:root{
      --bg:#07070b;
      --bg2:#0d0d14;
      --panel:rgba(255,255,255,.055);
      --panel-strong:rgba(255,255,255,.08);
      --line:rgba(255,255,255,.10);
      --text:#f4f4f7;
      --muted:#aaa9b8;
      --orange:#ff7a18;
      --violet:#8b5cf6;
      --magenta:#c84cff;
      --glow:0 0 80px rgba(139,92,246,.18);
      --max:1180px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      background:
        radial-gradient(circle at 10% 10%, rgba(255,122,24,.10), transparent 28%),
        radial-gradient(circle at 85% 18%, rgba(139,92,246,.14), transparent 30%),
        radial-gradient(circle at 55% 75%, rgba(200,76,255,.07), transparent 32%),
        linear-gradient(180deg, #07070b 0%, #090910 55%, #06060a 100%);
      color:var(--text);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      overflow-x:hidden;
    }

    body::before{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      opacity:.22;
      background-image:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
      background-size:48px 48px;
      mask-image:linear-gradient(to bottom, black, transparent 85%);
    }

    a{color:inherit;text-decoration:none}
    .wrap{width:min(calc(100% - 40px), var(--max)); margin:0 auto}

    nav{
      position:sticky;
      top:0;
      z-index:50;
      backdrop-filter:blur(18px);
      background:rgba(7,7,11,.62);
      border-bottom:1px solid rgba(255,255,255,.06);
    }

    .nav-inner{
      min-height:74px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:24px;
    }

    .brand{
      display:flex;
      align-items:center;
      line-height:0;
    }

    .brand img{
      display:block;
      width:200px;
      height:auto;
    }

    .nav-links{
      display:flex; align-items:center; gap:24px;
      color:#c9c8d2; font-size:14px;
    }
    .nav-links a:hover{color:white}

    .button{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      min-height:50px;
      padding:0 22px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.12);
      font-weight:700;
      letter-spacing:-.01em;
      transition:.25s ease;
      background:rgba(255,255,255,.04);
    }

    .button:hover{
      transform:translateY(-2px);
      border-color:rgba(255,255,255,.25);
      background:rgba(255,255,255,.08);
    }

    .button.primary{
      background:linear-gradient(135deg,var(--orange),var(--violet));
      border-color:transparent;
      box-shadow:0 12px 40px rgba(139,92,246,.18);
    }

    .hero{
      min-height:770px;
      display:grid;
      place-items:center;
      position:relative;
      padding:110px 0 90px;
    }

    .hero-orb{
      position:absolute;
      width:720px;height:720px;
      border-radius:50%;
      filter:blur(80px);
      background:conic-gradient(from 90deg, rgba(255,122,24,.15), rgba(139,92,246,.17), rgba(255,122,24,.05));
      opacity:.55;
      top:20px; left:50%; transform:translateX(-50%);
      pointer-events:none;
    }

    .hero-content{
      position:relative;
      z-index:2;
      max-width:980px;
      text-align:center;
      margin:0 auto;
    }

    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:9px;
      padding:9px 13px;
      border:1px solid rgba(255,255,255,.1);
      background:rgba(255,255,255,.045);
      border-radius:999px;
      color:#d6d4de;
      text-transform:uppercase;
      letter-spacing:.15em;
      font-size:11px;
      font-weight:800;
      margin-bottom:30px;
    }

    .pulse{
      width:7px;height:7px;border-radius:50%;
      background:var(--orange);
      box-shadow:0 0 18px var(--orange);
    }

    h1,h2,h3,p{margin-top:0}
    h1{
      font-size:clamp(58px,9vw,126px);
      line-height:.86;
      letter-spacing:-.072em;
      margin-bottom:34px;
      font-weight:900;
    }

    .gradient-text{
      background:linear-gradient(90deg,#fff 8%,#ffd8bd 32%,#c8b8ff 72%,#fff 100%);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
    }

    .hero p{
      max-width:760px;
      margin:0 auto 34px;
      font-size:clamp(19px,2vw,25px);
      line-height:1.55;
      color:#bebdca;
      letter-spacing:-.02em;
    }

    .hero-actions{
      display:flex;
      justify-content:center;
      flex-wrap:wrap;
      gap:12px;
      margin-bottom:62px;
    }

    .proof-strip{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:1px;
      overflow:hidden;
      border:1px solid var(--line);
      border-radius:18px;
      background:var(--line);
      max-width:900px;
      margin:0 auto;
      text-align:left;
      box-shadow:var(--glow);
    }

    .proof-item{
      background:rgba(10,10,16,.88);
      padding:20px;
      min-height:106px;
    }

    .proof-item strong{
      display:block;
      font-size:15px;
      margin-bottom:7px;
    }

    .proof-item span{
      color:var(--muted);
      font-size:13px;
      line-height:1.5;
    }

    section{
      position:relative;
      padding:105px 0;
    }

    .section-head{
      display:grid;
      grid-template-columns:.85fr 1.15fr;
      gap:70px;
      align-items:end;
      margin-bottom:54px;
    }

    .kicker{
      color:#d8b8ff;
      text-transform:uppercase;
      letter-spacing:.16em;
      font-size:11px;
      font-weight:800;
      margin-bottom:16px;
    }

    h2{
      font-size:clamp(42px,6vw,78px);
      line-height:.98;
      letter-spacing:-.055em;
      margin-bottom:0;
    }

    .section-head p{
      margin:0;
      color:var(--muted);
      font-size:19px;
      line-height:1.7;
      max-width:620px;
    }

    .cards{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:16px;
    }

    .card{
      border:1px solid var(--line);
      border-radius:22px;
      padding:30px;
      min-height:290px;
      background:
        radial-gradient(circle at 90% 0%, rgba(139,92,246,.09), transparent 35%),
        rgba(255,255,255,.035);
      transition:.3s ease;
      overflow:hidden;
      position:relative;
    }

    .card:hover{
      transform:translateY(-4px);
      border-color:rgba(255,255,255,.19);
      background:
        radial-gradient(circle at 90% 0%, rgba(139,92,246,.14), transparent 38%),
        rgba(255,255,255,.05);
    }

    .num{
      font-size:12px;
      color:#777688;
      margin-bottom:70px;
      letter-spacing:.14em;
      font-weight:800;
    }

    .card h3{
      font-size:25px;
      letter-spacing:-.035em;
      margin-bottom:12px;
    }

    .card p{
      color:var(--muted);
      line-height:1.65;
      margin-bottom:0;
      font-size:15px;
    }

    .statement{
      padding:140px 0;
      text-align:center;
    }

    .statement .big{
      font-size:clamp(42px,7vw,92px);
      line-height:1.05;
      letter-spacing:-.06em;
      font-weight:850;
      max-width:1080px;
      margin:0 auto 28px;
    }

    .statement p{
      color:var(--muted);
      font-size:20px;
      max-width:760px;
      margin:0 auto;
      line-height:1.65;
    }

    .flow{
      display:grid;
      grid-template-columns:repeat(5,1fr);
      gap:12px;
      margin-top:50px;
    }

    .flow-step{
      min-height:185px;
      padding:24px;
      border:1px solid var(--line);
      background:rgba(255,255,255,.035);
      border-radius:18px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
    }

    .flow-step .label{
      color:#777688;
      font-size:11px;
      font-weight:800;
      letter-spacing:.14em;
      text-transform:uppercase;
    }

    .flow-step strong{
      font-size:20px;
      letter-spacing:-.025em;
    }

    .split{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:18px;
    }

    .feature{
      min-height:390px;
      border:1px solid var(--line);
      border-radius:26px;
      padding:38px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
      display:flex;
      flex-direction:column;
      justify-content:flex-end;
      position:relative;
      overflow:hidden;
    }

    .feature::before{
      content:"";
      position:absolute;
      width:260px;height:260px;border-radius:50%;
      top:-80px; right:-70px;
      background:radial-gradient(circle, rgba(255,122,24,.17), transparent 64%);
      filter:blur(12px);
    }

    .feature:nth-child(2)::before{
      background:radial-gradient(circle, rgba(139,92,246,.20), transparent 64%);
    }

    .feature h3{
      font-size:36px;
      letter-spacing:-.045em;
      margin-bottom:14px;
      max-width:420px;
    }

    .feature p{
      color:var(--muted);
      line-height:1.65;
      font-size:16px;
      max-width:520px;
      margin-bottom:0;
    }

    .quote{
      padding:115px 0;
    }

    .quote-box{
      border:1px solid var(--line);
      border-radius:30px;
      padding:70px;
      background:
        radial-gradient(circle at 10% 0%, rgba(255,122,24,.10), transparent 32%),
        radial-gradient(circle at 90% 100%, rgba(139,92,246,.14), transparent 36%),
        rgba(255,255,255,.035);
      text-align:center;
    }

    .quote-box p{
      font-size:clamp(30px,5vw,58px);
      line-height:1.14;
      letter-spacing:-.045em;
      font-weight:800;
      max-width:970px;
      margin:0 auto 20px;
    }

    .quote-box span{
      color:var(--muted);
      font-size:15px;
    }

    .cta{
      padding:60px 0 120px;
    }

    .cta-inner{
      min-height:440px;
      border-radius:34px;
      border:1px solid rgba(255,255,255,.12);
      padding:70px;
      display:grid;
      align-items:center;
      text-align:center;
      background:
        radial-gradient(circle at 20% 20%, rgba(255,122,24,.20), transparent 30%),
        radial-gradient(circle at 80% 50%, rgba(139,92,246,.24), transparent 36%),
        #101018;
      box-shadow:0 30px 110px rgba(0,0,0,.35);
    }

    .cta h2{
      max-width:800px;
      margin:0 auto 22px;
    }

    .cta p{
      color:#cbc9d5;
      max-width:650px;
      margin:0 auto 30px;
      line-height:1.65;
      font-size:18px;
    }

    footer{
      border-top:1px solid rgba(255,255,255,.07);
      padding:30px 0 44px;
      color:#7f7e8d;
      font-size:13px;
    }

    .footer-inner{
      display:flex;
      justify-content:space-between;
      gap:20px;
      flex-wrap:wrap;
    }

    @media (max-width:900px){
      .nav-links{display:none}
      .section-head{grid-template-columns:1fr; gap:26px}
      .cards{grid-template-columns:1fr}
      .proof-strip{grid-template-columns:1fr 1fr}
      .flow{grid-template-columns:1fr}
      .split{grid-template-columns:1fr}
    }

    @media (max-width:620px){
      .wrap{width:min(calc(100% - 24px), var(--max))}
      nav .button{display:none}
      .brand img{width:168px}
      .hero{padding-top:90px; min-height:auto}
      h1{font-size:58px}
      .proof-strip{grid-template-columns:1fr}
      .quote-box,.cta-inner{padding:38px 24px}
      section{padding:82px 0}
      .feature{min-height:340px;padding:28px}
    }

/* Shared keyboard access and motion preferences. */
a:focus-visible{outline:2px solid #ffd8bd;outline-offset:5px}
.skip-link{position:fixed;top:10px;left:12px;z-index:100;padding:12px 18px;background:#f4f4f7;color:#07070b;border-radius:8px;transform:translateY(-180%)}
.skip-link:focus{transform:translateY(0)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}