:root {
    --lb-gold:#F2C020; --lb-amber:#E3A21C; --lb-amber-dark:#C4870F; --lb-orange:#CC6C2C;
    --lb-amber-soft:rgba(227,162,28,0.13); --lb-amber-line:rgba(227,162,28,0.30);
    --lb-bg:#141416; --lb-bg-deep:#101012; --lb-surface:#1D1D21; --lb-surface-2:#26262B;
    --lb-line:#33333A; --lb-line-soft:#2A2A30;
    --lb-text:#ECEAE6; --lb-text-2:#A8A29A; --lb-text-3:#736E67;
    --lb-green:#3DBE84;
    --lb-radius:10px; --lb-max:1080px;
  }
  *{box-sizing:border-box}
  body{margin:0;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    color:var(--lb-text);background:var(--lb-bg);line-height:1.62;-webkit-font-smoothing:antialiased}
  .wrap{max-width:var(--lb-max);margin:0 auto;padding:0 24px}
  h1,h2,h3{line-height:1.18;margin:0;font-weight:700;letter-spacing:-0.015em}
  a{color:var(--lb-amber)}
  .display{font-family:"Barlow","Inter",sans-serif;letter-spacing:-0.02em}

  /* Logo */
  .logo{display:flex;align-items:center;text-decoration:none;cursor:pointer}
  .logo img{height:34px;width:auto;display:block}
  .hero-mark{height:64px;width:auto;display:block;margin-bottom:26px}

  /* Top bar */
  .topbar{border-bottom:1px solid var(--lb-line-soft);background:rgba(20,20,22,.9);
    backdrop-filter:blur(10px);position:sticky;top:0;z-index:30}
  .topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:70px;gap:20px}
  .topbar nav{display:flex;gap:22px;font-size:14.5px;flex-wrap:wrap}
  .topbar nav a{color:var(--lb-text-2);text-decoration:none;transition:color .14s ease;cursor:pointer}
  .topbar nav a:hover,.topbar nav a.active{color:var(--lb-amber)}

  /* Page switching */

  /* Hero */
  .hero{padding:88px 0 78px;border-bottom:1px solid var(--lb-line-soft);
    background-image:radial-gradient(ellipse 880px 400px at 50% -12%,rgba(227,162,28,.16),transparent 68%),
    radial-gradient(ellipse 500px 300px at 88% 10%,rgba(204,108,44,.10),transparent 70%)}
  .hero.slim{padding:66px 0 54px}
  .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;
    letter-spacing:.13em;text-transform:uppercase;color:var(--lb-amber);
    border:1px solid var(--lb-amber-line);border-radius:999px;padding:6px 15px;margin-bottom:24px}
  .pulse{width:7px;height:7px;border-radius:50%;background:var(--lb-green);
    box-shadow:0 0 0 3px rgba(61,190,132,.22)}
  .hero h1{font-family:"Barlow",sans-serif;font-size:clamp(36px,5.6vw,58px);font-weight:700;
    letter-spacing:-.02em;max-width:18ch;margin-bottom:20px}
  .hero.slim h1{font-size:clamp(31px,4.6vw,46px)}
  .hero p.lede{font-size:clamp(16.5px,2vw,19px);color:var(--lb-text-2);max-width:58ch;margin:0 0 14px}
  .hero p.sub{font-size:15.5px;color:var(--lb-text-3);max-width:60ch;margin:0}

  /* Paths */
  .paths{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:48px}
  .path-card{background:var(--lb-surface);border:1px solid var(--lb-line);border-top:3px solid var(--lb-amber);
    border-radius:12px;padding:30px 28px 26px;text-decoration:none;color:var(--lb-text);
    display:flex;flex-direction:column;cursor:pointer;
    transition:transform .17s ease,border-color .17s ease,background .17s ease}
  .path-card:hover{transform:translateY(-3px);background:var(--lb-surface-2);border-top-color:var(--lb-gold)}
  .path-card .tag{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
    color:var(--lb-amber);margin-bottom:11px}
  .path-card h3{font-size:22px;margin-bottom:9px}
  .path-card p{color:var(--lb-text-2);font-size:15.5px;margin:0 0 20px;flex-grow:1}
  .path-card .go{font-weight:600;color:var(--lb-amber);font-size:15.5px}

  /* Bands */
  section.band{padding:78px 0;border-top:1px solid var(--lb-line-soft)}
  section.band.alt{background:var(--lb-bg-deep)}
  .section-head{max-width:62ch;margin-bottom:42px}
  .section-head.center{margin-left:auto;margin-right:auto;text-align:center}
  .kicker{font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
    color:var(--lb-amber);margin-bottom:13px}
  .section-head h2{font-family:"Barlow",sans-serif;font-size:clamp(27px,3.7vw,38px);
    letter-spacing:-.018em;margin-bottom:14px}
  .section-head p{color:var(--lb-text-2);font-size:16.5px;margin:0}

  /* Stats */
  .betastrip{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:44px}
  .stat{background:var(--lb-surface);border:1px solid var(--lb-line);border-radius:var(--lb-radius);
    padding:24px 24px 22px}
  .stat .big{font-family:"Barlow",sans-serif;font-size:30px;font-weight:700;color:var(--lb-gold);
    letter-spacing:-.02em;line-height:1.1;margin-bottom:6px}
  .stat p{margin:0;color:var(--lb-text-2);font-size:15px}

  /* Feature grid */
  .featgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .featcard{background:var(--lb-surface);border:1px solid var(--lb-line);
    border-radius:var(--lb-radius);padding:24px 24px 20px}
  .featcard h3{font-size:16.5px;margin-bottom:14px;padding-bottom:12px;
    border-bottom:1px solid var(--lb-line);color:var(--lb-gold)}
  .featcard ul{list-style:none;margin:0;padding:0}
  .featcard li{font-size:14.8px;color:var(--lb-text-2);padding:7px 0 7px 18px;position:relative}
  .featcard li::before{content:"";position:absolute;left:1px;top:15px;width:5px;height:5px;
    border-radius:50%;background:var(--lb-amber);opacity:.65}

  /* Coming list */
  .coming{background:var(--lb-surface);border:1px solid var(--lb-line);
    border-radius:var(--lb-radius);padding:30px 32px 26px}
  .coming ul{list-style:none;margin:0;padding:0;column-count:2;column-gap:40px}
  .coming li{font-size:15px;color:var(--lb-text-2);padding:8px 0 8px 19px;position:relative;break-inside:avoid}
  .coming li::before{content:"";position:absolute;left:2px;top:16px;width:5px;height:5px;
    border-radius:50%;background:var(--lb-text-3)}
  .coming li strong{color:var(--lb-text);font-weight:600}

  /* Callout */
  .callout{margin-top:34px;background:var(--lb-amber-soft);border:1px solid var(--lb-amber-line);
    border-left:3px solid var(--lb-amber);border-radius:0 var(--lb-radius) var(--lb-radius) 0;padding:24px 26px}
  .callout h3{font-size:17px;margin-bottom:8px}
  .callout p{margin:0;color:var(--lb-text-2);font-size:15.5px}

  /* Story rows (outcome framing) */
  .story{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;margin-bottom:64px}
  .story:last-child{margin-bottom:0}
  .story.flip .story-text{order:2}
  .story-text .step{font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
    color:var(--lb-amber);margin-bottom:12px}
  .story-text h3{font-family:"Barlow",sans-serif;font-size:26px;margin-bottom:13px;letter-spacing:-.015em}
  .story-text p{color:var(--lb-text-2);font-size:16px;margin:0 0 16px}
  .story-text ul{list-style:none;margin:0;padding:0}
  .story-text li{font-size:15px;color:var(--lb-text-2);padding:6px 0 6px 19px;position:relative}
  .story-text li::before{content:"";position:absolute;left:2px;top:15px;width:5px;height:5px;
    border-radius:50%;background:var(--lb-amber);opacity:.7}

  .shot{background:var(--lb-surface);border:1px solid var(--lb-line);border-radius:12px;
    aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;
    color:var(--lb-text-3);font-size:14px;text-align:center;padding:24px;
    background-image:radial-gradient(ellipse 300px 200px at 50% 0%,rgba(227,162,28,.07),transparent 70%)}
  .shot.filled{aspect-ratio:auto;padding:0;overflow:hidden;display:block;background-image:none;
    box-shadow:0 18px 44px rgba(0,0,0,.45)}
  .shot.filled img{width:100%;height:auto;display:block}
  .shotcap{font-size:13.5px;color:var(--lb-text-3);margin:12px 2px 0;text-align:center}

  /* Pricing */
  .ptable{width:100%;border-collapse:collapse;background:var(--lb-surface);
    border:1px solid var(--lb-line);border-radius:var(--lb-radius);overflow:hidden}
  .ptable th,.ptable td{text-align:left;padding:16px 18px;border-bottom:1px solid var(--lb-line-soft);
    font-size:15px;vertical-align:top}
  .ptable th{background:var(--lb-bg-deep);color:var(--lb-text-3);font-size:12px;font-weight:700;
    letter-spacing:.1em;text-transform:uppercase}
  .ptable tr:last-child td{border-bottom:none}
  .ptable .tier{font-weight:650;color:var(--lb-text);font-size:16px}
  .ptable .price{font-family:"Barlow",sans-serif;font-size:24px;font-weight:700;
    color:var(--lb-gold);white-space:nowrap;letter-spacing:-.02em}
  .ptable .price span{font-family:"Inter",sans-serif;font-size:13px;font-weight:400;
    color:var(--lb-text-3);display:block;letter-spacing:0}
  .ptable td small{color:var(--lb-text-3);font-size:13.5px;display:block;margin-top:4px}
  .soon{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.08em;
    text-transform:uppercase;color:var(--lb-text-3);border:1px solid var(--lb-line);
    border-radius:4px;padding:1px 6px;margin-left:6px;vertical-align:1px}

  /* Simple prose */
  .prose{max-width:68ch}
  .prose p{color:var(--lb-text-2);font-size:16.5px;margin:0 0 22px}
  .prose h3{font-family:"Barlow",sans-serif;font-size:22px;margin:38px 0 14px;letter-spacing:-.015em}
  .prose h4{font-size:16.5px;margin:28px 0 10px;color:var(--lb-gold)}
  .prose ul{margin:0 0 22px;padding:0;list-style:none}
  .prose li{color:var(--lb-text-2);font-size:16px;padding:7px 0 7px 20px;position:relative}
  .prose li::before{content:"";position:absolute;left:2px;top:16px;width:5px;height:5px;
    border-radius:50%;background:var(--lb-amber);opacity:.7}
  .prose strong{color:var(--lb-text)}

  /* Security grid */
  .secgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
  .secitem{background:var(--lb-surface);border:1px solid var(--lb-line);
    border-radius:var(--lb-radius);padding:24px 26px}
  .secitem h3{font-size:17.5px;margin-bottom:9px}
  .secitem p{margin:0;color:var(--lb-text-2);font-size:15.5px}

  /* Offer */
  .offer{background:var(--lb-surface);border:1px solid var(--lb-line);border-radius:14px;padding:46px 42px;
    background-image:radial-gradient(ellipse 640px 280px at 82% 0%,rgba(227,162,28,.13),transparent 70%)}
  .offer .badge{display:inline-block;background:var(--lb-amber);color:#16130C;font-size:11.5px;
    font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 14px;
    border-radius:999px;margin-bottom:20px}
  .offer h2{font-family:"Barlow",sans-serif;font-size:clamp(26px,3.5vw,34px);
    letter-spacing:-.018em;margin-bottom:16px;max-width:20ch}
  .offer>p{color:var(--lb-text-2);font-size:16.5px;max-width:58ch;margin:0 0 32px}
  .offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:34px;
    padding-top:30px;border-top:1px solid var(--lb-line)}
  .offer-item .big{font-family:"Barlow",sans-serif;font-size:29px;font-weight:700;color:var(--lb-gold);
    letter-spacing:-.02em;margin-bottom:4px;line-height:1.1}
  .offer-item p{margin:0;color:var(--lb-text-2);font-size:14.5px}

  /* Props */
  .props{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
  .prop h3{font-size:17.5px;margin-bottom:9px}
  .prop p{margin:0;color:var(--lb-text-2);font-size:15.5px}
  .prop .icon{width:36px;height:36px;border-radius:9px;background:var(--lb-amber-soft);
    border:1px solid var(--lb-amber-line);color:var(--lb-amber);display:flex;align-items:center;
    justify-content:center;font-family:"Barlow",sans-serif;font-weight:700;font-size:14px;
    letter-spacing:.04em;margin-bottom:14px}

  /* Buttons / forms */
  .btn{display:inline-block;background:var(--lb-amber);color:#16130C;border:none;font-family:inherit;
    font-size:15.5px;font-weight:650;padding:13px 26px;border-radius:8px;cursor:pointer;
    text-decoration:none;transition:background .14s ease}
  .btn:hover{background:var(--lb-gold)}
  .btn.ghost{background:transparent;border:1px solid var(--lb-line);color:var(--lb-text)}
  .btn.ghost:hover{background:var(--lb-surface-2)}
  .btnrow{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
  .signup{display:flex;gap:10px;flex-wrap:wrap;max-width:500px}
  .signup input{flex:1 1 240px;font-family:inherit;font-size:15.5px;padding:13px 15px;border-radius:8px;
    border:1px solid var(--lb-line);background:var(--lb-bg);color:var(--lb-text)}
  .signup input::placeholder{color:var(--lb-text-3)}
  .signup input:focus{outline:2px solid var(--lb-amber);outline-offset:1px;border-color:transparent}
  .fineprint{font-size:13.5px;color:var(--lb-text-3);margin:14px 0 0}
  .counter{font-size:13.5px;color:var(--lb-text-3);margin:18px 0 0}
  .draftnote{background:rgba(204,108,44,.12);border:1px solid rgba(204,108,44,.35);
    border-radius:var(--lb-radius);padding:18px 22px;margin-bottom:34px;font-size:15px;color:var(--lb-text-2)}

  /* Footer */
  footer{background:var(--lb-bg-deep);border-top:1px solid var(--lb-line-soft);padding:46px 0;
    font-size:14.5px;color:var(--lb-text-3)}
  footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
  footer nav{display:flex;gap:20px;flex-wrap:wrap}
  footer nav a{color:var(--lb-text-3);text-decoration:none;cursor:pointer}
  footer nav a:hover{color:var(--lb-amber)}

  @media (max-width:980px){.featgrid{grid-template-columns:repeat(2,1fr)}}
  @media (max-width:860px){
    .paths,.props,.offer-grid,.betastrip,.featgrid,.secgrid{grid-template-columns:1fr}
    .story{grid-template-columns:1fr;gap:26px;margin-bottom:48px}
    .story.flip .story-text{order:0}
    .coming ul{column-count:1}
    .topbar nav{display:none}
    .hero{padding:62px 0 56px}
    section.band{padding:58px 0}
    .offer{padding:34px 26px}
    .ptable th:nth-child(3),.ptable td:nth-child(3){display:none}
  }
