*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
    html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;}
    @media(prefers-reduced-motion: reduce){
      html{scroll-behavior:auto;}
      *,*::before,*::after{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important;}
    }

    :root{
      --bg:        #080C09;
      --bg-2:      #0C120E;
      --surface:   #10160F;
      --surface-2: #151D15;
      --line:      rgba(232,255,224,0.09);
      --line-soft: rgba(232,255,224,0.05);

      --growth:      #A8FF60;
      --growth-dim:  #7FD955;
      --growth-glow: rgba(168,255,96,0.28);
      --ember:       #FF8A4C;
      --ember-dim:   #E96F32;

      --text:       #F2F6EE;
      --text-muted: #95A896;
      --text-dim:   #576057;

      --font-display: 'Sora', sans-serif;
      --font-body: 'Inter', sans-serif;
      --font-mono: 'JetBrains Mono', monospace;

      --radius-lg: 28px;
      --radius-md: 18px;
      --radius-sm: 10px;
      --tr: all 0.35s cubic-bezier(0.22,0.8,0.28,1);
    }

    body{
      font-family:var(--font-body);
      background:var(--bg);
      color:var(--text);
      line-height:1.7;
      overflow-x:hidden;
      -webkit-font-smoothing:antialiased;
      width:100%;
      position:relative;
    }
    a{text-decoration:none; color:inherit; -webkit-tap-highlight-color:transparent;}
    img{max-width:100%;height:auto;display:block;}
    :focus-visible{outline:2px solid var(--growth); outline-offset:3px; border-radius:4px;}
    ::selection{background:var(--growth); color:#08110A;}

    .bg-a{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;
      background:
        radial-gradient(ellipse 80% 50% at 50% -10%, rgba(168,255,96,0.10), transparent 60%),
        radial-gradient(ellipse 60% 40% at 90% 100%, rgba(255,138,76,0.06), transparent 60%),
        var(--bg);
    }
    .bg-a svg{position:absolute; top:50%; left:50%; width:min(140vw,1400px); height:auto; opacity:0.35; transform:translate(-50%,-50%); animation:ringSpin 90s linear infinite;}
    @keyframes ringSpin{ to{ transform:translate(-50%,-50%) rotate(360deg);} }
    .grain{position:fixed; inset:0; z-index:-1; opacity:0.025; pointer-events:none;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

    .container{max-width:1180px;margin:0 auto;padding:0 24px;}
    section{padding:130px 0; position:relative;}
    .eyebrow{
      display:inline-flex;align-items:center;gap:10px;
      font-family:var(--font-mono); font-size:12px; font-weight:500;
      letter-spacing:2px; text-transform:uppercase; color:var(--growth);
      margin-bottom:26px;
    }
    .eyebrow::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--growth); box-shadow:0 0 12px var(--growth-glow);}
    .st{font-family:var(--font-display);font-size:clamp(30px,5vw,50px);font-weight:700;line-height:1.18;margin-bottom:20px;letter-spacing:-0.5px;word-wrap:break-word;}
    .gt{color:var(--growth);}
    .sh{max-width:720px;margin:0 auto 64px;padding:0 20px;text-align:center;}
    .lede{font-size:clamp(15px,1.8vw,18px);color:var(--text-muted);}

    .reveal{opacity:0; transform:translateY(24px); transition:all .7s cubic-bezier(.22,.8,.28,1);}
    .reveal.active{opacity:1; transform:translateY(0);}

    .hero{min-height:100vh;display:flex;align-items:center;padding:150px 20px 80px;}
    .hc{max-width:800px;margin:0 auto;width:100%;text-align:center;}
    .hero h1{font-family:var(--font-display);font-size:clamp(38px,7.5vw,78px);font-weight:800;line-height:1.08;margin-bottom:26px;letter-spacing:-2px;word-wrap:break-word;}
    .hero h1 em{font-style:normal;color:var(--growth);}
    .hs{font-size:clamp(15px,2vw,19px);color:var(--text-muted);line-height:1.8;margin-bottom:44px;max-width:620px;margin-left:auto;margin-right:auto;}

    .bp{
      display:inline-flex;align-items:center;justify-content:center;gap:10px;
      background:var(--growth); color:#08110A;
      padding:19px 44px;border-radius:100px;font-family:var(--font-display);
      font-size:16px;font-weight:700;transition:var(--tr);cursor:pointer;
      border:none; position:relative; max-width:100%;
      box-shadow:0 0 0 0 var(--growth-glow);
    }
    .bp:hover{transform:translateY(-3px); box-shadow:0 14px 40px -8px var(--growth-glow);}
    .bp:active{transform:translateY(-1px) scale(0.98);}
    .bp .arrow{transition:transform .3s ease;}
    .bp:hover .arrow{transform:translateX(3px);}

    .streak-row{
      display:flex;justify-content:center;gap:0;flex-wrap:wrap;margin-top:56px;
      font-family:var(--font-mono); border-top:1px solid var(--line);
    }
    .streak-item{padding:20px 28px;text-align:center;border-right:1px solid var(--line);flex:1;min-width:140px;}
    .streak-item:last-child{border-right:none;}
    .streak-item b{display:block;font-size:22px;color:var(--growth);font-weight:600;margin-bottom:4px;}
    .streak-item span{font-size:11px;color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;}

    .blog-section{background:var(--bg-2); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
    .blog-content{max-width:760px;margin:0 auto;}
    .blog-content h2{font-family:var(--font-display); font-size:clamp(26px,4vw,36px); font-weight:700; margin:0 0 22px; color:var(--text); line-height:1.3;word-wrap:break-word;}
    .blog-content h3{font-family:var(--font-display); font-size:clamp(19px,3vw,24px); font-weight:600; margin:48px 0 16px; color:var(--growth);word-wrap:break-word;}
    .blog-content p{font-size:clamp(15px,1.8vw,17px); color:var(--text-muted); line-height:2; margin-bottom:22px;}
    .blog-content strong{color:var(--text); font-weight:600;}
    .blog-content blockquote{
      position:relative; border-left:2px solid var(--growth);
      padding:6px 0 6px 28px; font-family:var(--font-display); font-weight:500;
      font-size:clamp(17px,2.1vw,22px); color:var(--text); line-height:1.6;
      margin:44px 0; font-style:normal;
    }
    .blog-list{list-style:none; margin-bottom:10px;}
    .blog-list li{position:relative; padding-left:28px; font-size:clamp(14px,1.8vw,16px); color:var(--text-muted); line-height:1.9; margin-bottom:16px;}
    .blog-list li::before{content:'';position:absolute; left:0; top:9px; width:8px;height:8px;border-radius:2px; background:var(--growth); transform:rotate(45deg);}

    .timeline{position:relative; display:flex; flex-direction:column; gap:8px;}
    .timeline::before{
      content:''; position:absolute; left:50%; top:10px; bottom:10px; width:1px;
      background:linear-gradient(180deg, transparent, var(--line) 8%, var(--line) 92%, transparent);
      transform:translateX(-50%);
    }
    .t-item{display:grid; grid-template-columns:1fr 64px 1fr; align-items:center; padding:26px 0;}
    .t-card{
      background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-md);
      padding:30px 32px; transition:var(--tr); position:relative;
    }
    .t-card:hover{border-color:rgba(168,255,96,0.35); background:var(--surface-2); transform:translateY(-4px); box-shadow:0 20px 50px -20px rgba(0,0,0,0.6);}
    .t-num{font-family:var(--font-mono); font-size:12px; color:var(--growth); letter-spacing:1px; margin-bottom:10px; display:block;}
    .t-card h3{font-family:var(--font-display); font-size:20px; font-weight:700; margin-bottom:10px; color:var(--text);}
    .t-card p{font-size:14.5px; color:var(--text-muted); line-height:1.8;}
    .t-node{
      grid-column:2; width:12px;height:12px;border-radius:50%;
      background:var(--bg); border:2px solid var(--growth); justify-self:center;
      position:relative; z-index:2; box-shadow:0 0 0 6px var(--bg);
    }

    /* Desktop-only: alternate the card left/right of the stem.
       Scoped to min-width so it can never win a specificity fight
       against the mobile layout rules below. */
    @media(min-width:861px){
      .t-item:nth-child(even){direction:rtl;}
      .t-item:nth-child(even) .t-card{direction:ltr;}
      .t-item:nth-child(odd) .t-card{grid-column:1;}
      .t-item:nth-child(even) .t-card{grid-column:1;}
      .t-item:nth-child(even) .t-node{direction:ltr;}
    }

    .slider-wrapper{position:relative; overflow:hidden;}
    .scsc{display:flex; gap:22px; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding:10px 4px 30px;}
    .scsc::-webkit-scrollbar{display:none;}
    .scit{flex:0 0 290px; scroll-snap-align:center;}
    .scit .frame{border:1px solid var(--line); border-radius:var(--radius-md); overflow:hidden; background:var(--surface); transition:var(--tr);}
    .scit img{width:100%;}
    .scit .frame:hover{border-color:rgba(168,255,96,0.4); transform:translateY(-6px);}
    .scit .cap{font-family:var(--font-mono); font-size:11px; color:var(--text-dim); letter-spacing:1px; text-transform:uppercase; padding:14px 4px 0; display:flex; gap:8px;}
    .scit .cap b{color:var(--growth);}

    .highlight-box{
      background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg);
      padding:72px 30px; text-align:center; position:relative; overflow:hidden;
    }
    .highlight-box::before{
      content:''; position:absolute; top:-40%; left:50%; width:600px; height:600px; transform:translateX(-50%);
      background:radial-gradient(circle, rgba(168,255,96,0.14), transparent 65%); pointer-events:none;
    }
    .highlight-box h2{font-family:var(--font-display);font-size:clamp(28px,5vw,44px);font-weight:800;margin-bottom:18px; position:relative; z-index:2;word-wrap:break-word;}
    .highlight-box p{color:var(--text-muted);font-size:clamp(14px,2vw,17px);max-width:640px;margin:0 auto 36px; position:relative; z-index:2;}
    .fine{font-family:var(--font-mono); font-size:12px; color:var(--text-dim); margin-top:22px; letter-spacing:0.5px;}

    footer{background:var(--bg-2); border-top:1px solid var(--line); padding:70px 24px 34px; text-align:center;}
    .footer-links{display:flex;justify-content:center;gap:26px;margin:26px 0; flex-wrap:wrap; font-family:var(--font-mono); font-size:12px; text-transform:uppercase; letter-spacing:1px;}
    .footer-links a{color:var(--text-muted); transition:var(--tr);}
    .footer-links a:hover{color:var(--growth);}
    .foot-bottom{border-top:1px solid var(--line); padding-top:22px; margin-top:22px; color:var(--text-dim); font-size:12px; font-family:var(--font-mono);}

    @media(max-width:860px){
      .t-item{grid-template-columns:32px 1fr; gap:0 16px;}
      .t-card{grid-column:2;}
      .t-node{grid-column:1;}
      .timeline::before{left:16px; transform:none;}
      .t-card{padding:26px 22px;}
    }

    @media(max-width:768px){
      section{padding:88px 0;}
      .hero{min-height:auto; padding:120px 18px 50px;}
      .sh{margin-bottom:44px;}
      .blog-content{padding:0 4px;}
      .bp{width:100%; font-size:15.5px; padding:18px 22px;}
      .streak-row{margin-top:44px;}
      .streak-item{padding:16px 14px; min-width:100px;}
      .streak-item b{font-size:18px;}
      .scit{flex:0 0 78%;}
      .highlight-box{padding:52px 22px; border-radius:22px;}
    }

    @media(max-width:480px){
      .container{padding:0 18px;}
      section{padding:68px 0;}
      .hero{padding:104px 16px 40px;}
      .hero h1{letter-spacing:-1px;}
      .eyebrow{font-size:10.5px; letter-spacing:1.5px; margin-bottom:20px;}
      .streak-row{flex-direction:column; border-top:none;}
      .streak-item{border-right:none; border-top:1px solid var(--line); padding:14px 0;}
      .t-card{padding:22px 18px;}
      .t-card h3{font-size:18px;}
      .scit{flex:0 0 86%;}
      .highlight-box{padding:44px 18px;}
      footer{padding:56px 16px 26px;}
    }

    @media(max-width:360px){
      .hero h1{font-size:32px;}
      .st{font-size:26px;}
    }

    /* ===== Site navigation ===== */
    .site-nav{
      position:fixed; top:0; left:0; right:0; z-index:50;
      display:flex; align-items:center; justify-content:space-between;
      padding:16px 24px; background:rgba(8,12,9,0.72); backdrop-filter:blur(14px);
      border-bottom:1px solid var(--line);
    }
    .site-nav .brand{display:flex; align-items:center; gap:10px; font-family:var(--font-display); font-weight:800; font-size:17px;}
    .site-nav .brand img{width:30px; height:30px; border-radius:8px;}
    .site-nav .brand .gt{color:var(--growth);}
    .site-nav .nav-links{display:flex; align-items:center; gap:28px; font-family:var(--font-mono); font-size:12.5px; letter-spacing:0.5px; text-transform:uppercase;}
    .site-nav .nav-links a{color:var(--text-muted); transition:var(--tr);}
    .site-nav .nav-links a:hover, .site-nav .nav-links a.active{color:var(--growth);}
    .site-nav .nav-cta{
      font-family:var(--font-mono); font-size:12px; font-weight:600; letter-spacing:0.5px;
      background:var(--growth); color:#08110A; padding:10px 20px; border-radius:100px; text-transform:uppercase;
    }
    @media(max-width:640px){
      .site-nav .nav-links{display:none;}
    }
    body{padding-top:64px;}

    /* ===== Simple inner page hero (About / FAQ) ===== */
    .page-hero{padding:150px 20px 60px; text-align:center;}
    .page-hero h1{font-family:var(--font-display); font-size:clamp(32px,6vw,54px); font-weight:800; line-height:1.15; margin-bottom:18px; letter-spacing:-1px;}
    .page-hero p{color:var(--text-muted); font-size:clamp(15px,1.8vw,18px); max-width:640px; margin:0 auto;}
    .breadcrumb{font-family:var(--font-mono); font-size:11.5px; letter-spacing:1px; text-transform:uppercase; color:var(--text-dim); margin-bottom:20px;}
    .breadcrumb a{color:var(--growth);}

    /* ===== About page ===== */
    .about-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:20px;}
    .about-card{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-md); padding:28px 26px;}
    .about-card b{display:block; font-family:var(--font-display); font-size:26px; color:var(--growth); margin-bottom:6px;}
    .about-card span{font-size:13px; color:var(--text-muted);}
    @media(max-width:700px){ .about-grid{grid-template-columns:1fr;} }

    /* ===== FAQ accordion ===== */
    .faq-list{max-width:820px; margin:0 auto;}
    .faq-item{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-md); margin-bottom:14px; overflow:hidden;}
    .faq-q{
      display:flex; align-items:center; justify-content:space-between; gap:16px; cursor:pointer;
      padding:22px 26px; font-family:var(--font-display); font-weight:700; font-size:16.5px; color:var(--text);
    }
    .faq-q .plus{font-family:var(--font-mono); font-size:20px; color:var(--growth); transition:transform .3s ease; flex-shrink:0;}
    .faq-item.open .faq-q .plus{transform:rotate(45deg);}
    .faq-a{max-height:0; overflow:hidden; transition:max-height .35s ease;}
    .faq-a p{padding:0 26px 22px; color:var(--text-muted); font-size:14.5px; line-height:1.85;}
    .faq-item.open .faq-a{max-height:500px;}