:root{
    --bg:#0A0A0A;
    --surface:#121212;
    --surface-2:#1A1A1A;
    --text:#F4F4F4;
    --muted:#8C8C8C;
    --faint:#5A5A5A;
    --violet:#8B5CF6;
    --glow:rgba(139,92,246,.20);
    --line:rgba(255,255,255,.1);
    --line-2:rgba(255,255,255,.2);
    --font:"Helvetica Neue","Inter",Helvetica,Arial,sans-serif;
    --maxw:1200px;
    --gut:clamp(22px,5vw,56px);
    --r:8px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
  body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.5;
    -webkit-font-smoothing:antialiased;letter-spacing:-.01em;overflow-x:hidden}
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}
  h1,h2,h3{font-weight:700;line-height:1;letter-spacing:-.035em}
  .wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gut)}
  section{padding-block:clamp(72px,10vw,140px)}
  .dim{color:var(--muted)}
  .idx{font-size:.78rem;font-weight:500;letter-spacing:.02em;color:var(--faint);font-variant-numeric:tabular-nums}
  .label{font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}

  .cursor{position:fixed;top:0;left:0;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.7);
    pointer-events:none;z-index:9999;transform:translate(-50%,-50%)}
  @media (hover:none){.cursor{display:none!important}}

  .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-family:var(--font);
    font-weight:500;font-size:.98rem;letter-spacing:-.005em;padding:.9em 1.7em;border-radius:0;
    border:1px solid transparent;cursor:pointer;transition:transform .2s ease,background .2s,border-color .2s,color .2s;white-space:nowrap}
  .btn:hover{transform:translateY(-1px)}
  .btn-primary{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.02));color:#F3EED9;border-color:rgba(255,255,255,.28);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 10px 28px rgba(0,0,0,.5);backdrop-filter:blur(10px)}
  .btn-primary:hover{border-color:rgba(255,255,255,.55);background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.04))}
  .btn-line{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0));color:#F3EED9;border-color:rgba(255,255,255,.16);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
  .btn-line:hover{border-color:rgba(255,255,255,.42)}
  .btn-dark{background:linear-gradient(180deg,#2b2b29,#121211);color:#F3EED9;border-color:#000;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
  .btn-dark:hover{background:linear-gradient(180deg,#363633,#1a1a19)}
  .btn-sm{padding:.62em 1.2em;font-size:.9rem}
  a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #fff;outline-offset:3px}

  .js [data-rise]{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.3,.7,.3,1),transform .7s cubic-bezier(.3,.7,.3,1)}
  .js [data-rise].in{opacity:1;transform:none}
  [data-rise][data-d="1"]{transition-delay:.06s}[data-rise][data-d="2"]{transition-delay:.12s}

  header{position:sticky;top:0;z-index:200;background:rgba(10,10,10,.72);backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:border-color .3s}
  header.scrolled{border-bottom-color:var(--line)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:76px;gap:1rem}
  .logo{display:flex;align-items:center;gap:.55rem;font-weight:700;font-size:1.25rem;letter-spacing:-.03em}
  .logo .mk{width:13px;height:13px;background:var(--violet);box-shadow:0 0 12px rgba(139,92,246,.6)}
  .navlinks{display:flex;gap:2.2rem;font-size:.95rem;color:var(--muted);font-weight:500}
  .navlinks a:hover{color:var(--text)}
  @media(max-width:800px){.navlinks{display:none}}

  .hero{padding-top:clamp(60px,9vw,120px);padding-bottom:clamp(48px,7vw,88px);position:relative;overflow:hidden}
  .hero .wrap{position:relative;z-index:1}
  .glow{position:absolute;border-radius:50%;filter:blur(96px);pointer-events:none;z-index:0;background:radial-gradient(circle,var(--glow),transparent 66%)}
  .glow.g-hero{top:-140px;left:-60px;width:560px;height:460px}
  .glow.g-final{top:-120px;right:-40px;width:440px;height:360px}
  .hero h1{font-size:clamp(3rem,9.2vw,6.6rem);font-weight:700;letter-spacing:-.045em;line-height:.96;max-width:16ch}
  .hero h1 .two{color:var(--muted)}
  .hero .row{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:end;margin-top:clamp(32px,5vw,56px)}
  .hero .sub{font-size:1.2rem;color:var(--muted);max-width:42ch;line-height:1.45}
  .hero .cta-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}
  .hero .right{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}
  .avatars{display:flex}
  .avatars span{width:36px;height:36px;border-radius:50%;border:2px solid var(--bg);margin-left:-11px;background:linear-gradient(135deg,#3a3a3a,#6e6e6e)}
  .avatars span:first-child{margin-left:0}
  .proof-t{font-size:.92rem;color:var(--muted)}.proof-t b{color:var(--text);font-weight:700}
  @media(max-width:800px){.hero .row{grid-template-columns:1fr;align-items:start}}

  .marquee{overflow:hidden;padding-block:clamp(34px,5vw,54px);border-block:1px solid var(--line);
    -webkit-mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
  .track{display:flex;gap:4rem;width:max-content;animation:scroll 34s linear infinite}
  .marquee:hover .track{animation-play-state:paused}
  @keyframes scroll{to{transform:translateX(-50%)}}
  .track .item{font-weight:600;font-size:1.3rem;color:var(--faint);letter-spacing:-.02em;white-space:nowrap}

  .shead{border-top:1px solid var(--line);padding-top:26px;display:grid;grid-template-columns:auto 1fr;gap:clamp(1.5rem,5vw,5rem);
    align-items:start;margin-bottom:clamp(2.6rem,5vw,4rem)}
  .shead .meta{display:flex;flex-direction:column;gap:.4rem;min-width:90px}
  .shead h2{font-size:clamp(2.1rem,5vw,3.4rem);font-weight:700;letter-spacing:-.04em;max-width:18ch}
  .shead p{color:var(--muted);margin-top:1rem;font-size:1.12rem;max-width:52ch;line-height:1.45}
  @media(max-width:680px){.shead{grid-template-columns:1fr;gap:1rem}}

  .bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:174px;gap:10px}
  .cell{position:relative;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface);transition:border-color .3s}
  .cell:hover{border-color:var(--line-2)}
  .cell .play{position:absolute;inset:0;margin:auto;width:52px;height:52px;border-radius:50%;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center}
  .cell .play::after{content:"";border-left:14px solid var(--text);border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px}
  .cell .cap{position:absolute;left:16px;bottom:14px;font-size:.82rem;color:var(--faint)}
  .cell.big{grid-column:span 2;grid-row:span 2}.cell.tall{grid-row:span 2}.cell.wide{grid-column:span 2}
  @media(max-width:860px){.bento{grid-template-columns:1fr 1fr;grid-auto-rows:150px}.cell.big{grid-column:span 2}}

  .svc{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
  .scard{padding:2rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .3s}
  .svc .scard:nth-child(3n){border-right:0}
  .svc .scard:nth-last-child(-n+3){border-bottom:0}
  .scard:hover{background:var(--surface)}
  .scard .n{font-size:.82rem;color:var(--faint);font-variant-numeric:tabular-nums}
  .scard h3{font-size:1.28rem;font-weight:600;letter-spacing:-.025em;margin-top:1.3rem}
  .scard p{color:var(--muted);font-size:.98rem;margin-top:.55rem;line-height:1.45}
  @media(max-width:860px){.svc{grid-template-columns:1fr}.scard{border-right:0!important}.svc .scard:last-child{border-bottom:0}.svc .scard:nth-last-child(-n+3){border-bottom:1px solid var(--line)}}

  .tmarq{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
  .ttrack{display:flex;gap:10px;width:max-content;animation:scroll 52s linear infinite}
  .tmarq:hover .ttrack{animation-play-state:paused}
  .tcard{width:380px;border:1px solid var(--line);border-radius:var(--r);padding:1.9rem;flex:none}
  .tcard .q{font-size:1.1rem;line-height:1.45;font-weight:500;letter-spacing:-.015em}
  .tcard .who{display:flex;align-items:center;gap:.8rem;margin-top:1.6rem;padding-top:1.3rem;border-top:1px solid var(--line)}
  .tcard .av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#3a3a3a,#6e6e6e);flex:none}
  .tcard .nm{font-weight:600;font-size:.92rem}.tcard .rl{font-size:.82rem;color:var(--faint)}
  @media(max-width:560px){.tcard{width:300px}}

  .proc{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
  .pstep{padding:2rem 1.6rem 0 0;border-right:1px solid var(--line)}
  .proc .pstep:last-child{border-right:0;padding-right:0}
  .pstep .pn{font-size:1.4rem;font-weight:700;letter-spacing:-.03em}
  .pstep h3{font-size:1.1rem;font-weight:600;margin-top:1.2rem}
  .pstep p{color:var(--muted);font-size:.95rem;margin-top:.5rem;line-height:1.45}
  @media(max-width:760px){.proc{grid-template-columns:1fr 1fr}.pstep{border-right:0;padding-right:1rem}}

  .ptiers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:start}
  .ptier{border:1px solid var(--line);border-radius:var(--r);padding:2.1rem}
  .ptier.pop{background:var(--text);color:#000;border-color:var(--text)}
  .ptier .nm{display:flex;align-items:center;gap:.7rem;font-weight:500;color:var(--muted);font-size:1.05rem}
  .ptier.pop .nm{color:#555}
  .badge{background:#000;color:#fff;font-size:.72rem;font-weight:600;padding:.26rem .7rem;border-radius:100px}
  .ptier .price{font-weight:700;font-size:3.1rem;letter-spacing:-.045em;margin:.6rem 0 1.4rem}
  .ptier .price small{font-size:1rem;color:var(--faint);font-weight:500;letter-spacing:0}
  .ptier.pop .price small{color:#777}
  .ptier .btn{width:100%;margin-bottom:1.6rem}
  .inc{font-size:.85rem;color:var(--faint);margin-bottom:1.1rem}
  .ptier.pop .inc{color:#777}
  .flist{list-style:none;display:grid;gap:.8rem}
  .flist li{display:flex;gap:.6rem;align-items:flex-start;font-size:.96rem}
  .flist li::before{content:"";width:17px;height:17px;flex:none;margin-top:2px;background-color:currentColor;opacity:.85;
    -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/></svg>") center/15px no-repeat;
    mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/></svg>") center/15px no-repeat}
  .pextra{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
  .pbox{border:1px solid var(--line);border-radius:var(--r);padding:1.9rem}
  .pbox h3{font-size:1.5rem;font-weight:700;letter-spacing:-.03em}
  .pbox h3 .strike{color:var(--faint);text-decoration:line-through;font-weight:500}
  .pbox p{color:var(--muted);font-size:.92rem;margin:.6rem 0 1.3rem}
  @media(max-width:860px){.ptiers{grid-template-columns:1fr}.pextra{grid-template-columns:1fr}}

  .faq{border-top:1px solid var(--line)}
  details{border-bottom:1px solid var(--line)}
  summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0;font-weight:600;font-size:1.1rem;letter-spacing:-.02em}
  summary::-webkit-details-marker{display:none}
  summary .pl{flex:none;width:20px;height:20px;position:relative}
  summary .pl::before,summary .pl::after{content:"";position:absolute;background:var(--text);inset:50% 0 auto 0;height:1.5px;transform:translateY(-50%);transition:transform .25s}
  summary .pl::after{transform:translateY(-50%) rotate(90deg)}
  details[open] summary .pl::after{transform:translateY(-50%) rotate(0)}
  details .ans{padding:0 0 1.5rem;color:var(--muted);font-size:1rem;line-height:1.55;max-width:70ch}

  .final{border-top:1px solid var(--line);position:relative;overflow:hidden}
  .final .wrap{position:relative;z-index:1}
  .final h2{font-size:clamp(2.5rem,7vw,5rem);font-weight:700;letter-spacing:-.045em;line-height:.98;max-width:16ch}
  .final .cta-row{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:2.2rem}

  footer{border-top:1px solid var(--line);padding-block:2.6rem}
  .foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;align-items:center}
  .foot .flinks{display:flex;gap:1.8rem;flex-wrap:wrap;color:var(--muted);font-size:.92rem}
  .foot .flinks a:hover{color:var(--text)}
  .foot .cr{font-size:.82rem;color:var(--faint)}

  @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js [data-rise]{opacity:1!important;transform:none!important}.cursor{display:none!important}}
  .phero{padding-top:clamp(56px,8vw,110px);padding-bottom:clamp(24px,4vw,48px)}
  .phero h1{font-size:clamp(2.8rem,8vw,5.6rem);font-weight:700;letter-spacing:-.045em;line-height:.96;max-width:16ch}
  .phero p{color:var(--muted);font-size:1.2rem;max-width:46ch;margin-top:1.4rem;line-height:1.45}
  .pricing-sec{padding-top:0}
  .navlinks a.on{color:var(--text)}