:root {
      --bg-main:#090806;
      --bg-soft:#12100b;
      --card:rgba(18,14,8,.92);
      --card-2:rgba(24,18,10,.96);
      --text-main:#f8f2e7;
      --text-soft:#c7b99f;
      --gold:#d4af37;
      --gold-soft:#b9912d;
      --gold-light:#f2dc8a;
      --line:rgba(212,175,55,.16);
      --shadow:0 20px 60px rgba(0,0,0,.42);
      --radius:24px;
      --transition:all .3s ease;
      --max:1180px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:'Inter',sans-serif;
      background:
        radial-gradient(circle at top right, rgba(212,175,55,.08), transparent 24%),
        linear-gradient(180deg, #090806 0%, #0f0c08 35%, #070604 100%);
      color:var(--text-main);
      overflow-x:hidden;
    }
    a{color:inherit}
    .site-shell{
      min-height:100vh;
      display:flex;
      flex-direction:column;
    }
    .topbar{
      border-bottom:1px solid var(--line);
      background:rgba(8,6,4,.92);
      backdrop-filter:blur(10px);
    }
    .topbar-inner,
    .nav-inner,
    .hero-inner,
    .content-wrap,
    .footer-inner{
      width:min(100% - 32px, var(--max));
      margin-inline:auto;
    }
    .topbar-inner{
      display:flex;
      justify-content:space-between;
      gap:16px;
      padding:10px 0;
      color:var(--text-soft);
      font-size:.9rem;
      flex-wrap:wrap;
    }
    .brand-accent{color:var(--gold)}
    .navbar{
      position:sticky;
      top:0;
      z-index:50;
      border-bottom:1px solid rgba(212,175,55,.1);
      background:rgba(10,8,5,.78);
      backdrop-filter:blur(14px);
    }
    .nav-inner{
      min-height:78px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
    }
    .brand{
      text-decoration:none;
      display:inline-flex;
      align-items:center;
      gap:10px;
      font-family:'Cormorant Garamond',serif;
      font-size:2rem;
      line-height:1;
      letter-spacing:.02em;
      white-space:nowrap;
    }
    .brand .algo{color:#fff}
    .brand .tech{color:var(--gold)}
    .nav-links{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      justify-content:flex-end;
    }
    .nav-links a{
      text-decoration:none;
      color:rgba(248,242,231,.86);
      padding:10px 14px;
      border-radius:999px;
      border:1px solid transparent;
      transition:var(--transition);
      font-size:.95rem;
    }
    .nav-links a:hover,
    .nav-links a.active{
      color:var(--gold-light);
      border-color:rgba(212,175,55,.2);
      background:rgba(212,175,55,.06);
    }
    .hero{
      position:relative;
      isolation:isolate;
      overflow:hidden;
      border-bottom:1px solid var(--line);
    }
    .hero::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at center, rgba(212,175,55,.10), transparent 28%),
        linear-gradient(180deg, rgba(0,0,0,.2), rgba(0,0,0,.55));
      z-index:-1;
    }
    .hero-inner{
      padding:84px 0 68px;
      text-align:center;
    }
    .eyebrow{
      color:var(--gold);
      letter-spacing:.42em;
      text-transform:uppercase;
      font-weight:500;
      font-size:.78rem;
      margin-bottom:16px;
    }
    .hero-title{
      margin:0;
      font-family:'Cormorant Garamond',serif;
      font-size:clamp(2.9rem, 7vw, 5.8rem);
      font-weight:500;
      line-height:.98;
      color:#fff8ec;
      text-wrap:balance;
      text-shadow:0 6px 24px rgba(0,0,0,.35);
    }
    .hero-title em{
      color:var(--gold);
      font-style:normal;
      font-weight:600;
    }
    .hero-copy{
      width:min(100%, 760px);
      margin:22px auto 0;
      color:rgba(248,242,231,.82);
      font-size:1.05rem;
      line-height:1.9;
      text-wrap:balance;
    }
    .content-wrap{
      padding:72px 0 88px;
      width:min(100% - 32px, 980px);
    }
    .panel{
      position:relative;
      background:linear-gradient(180deg, rgba(22,17,10,.98), rgba(12,9,6,.98));
      border:1px solid rgba(212,175,55,.12);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      overflow:hidden;
    }
    .panel::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:radial-gradient(circle at top right, rgba(212,175,55,.09), transparent 28%);
    }
    .panel-body{
      position:relative;
      padding:34px 34px 36px;
    }
    .section-label{
      display:inline-flex;
      align-items:center;
      gap:10px;
      color:var(--gold-light);
      font-size:.82rem;
      letter-spacing:.22em;
      text-transform:uppercase;
      margin-bottom:14px;
    }
    .section-title{
      margin:0 0 16px;
      font-family:'Cormorant Garamond',serif;
      font-size:clamp(2rem, 4vw, 3rem);
      line-height:1.1;
      font-weight:500;
      color:#fff8ec;
      text-wrap:balance;
    }
    .lead,
    .rich-text p,
    .faq-answer{
      color:var(--text-soft);
      font-size:1rem;
      line-height:1.95;
    }
    .lead{
      margin:0 0 20px;
    }
    .rich-text p{margin:0 0 18px}
    .rich-text ul{
      margin:0 0 18px;
      padding-left:1.1rem;
      color:var(--text-soft);
      line-height:1.9;
    }
    .rich-text li+li{margin-top:8px}
    .note{
      margin-top:22px;
      padding:18px 20px;
      border-radius:18px;
      border:1px solid rgba(212,175,55,.14);
      background:rgba(212,175,55,.05);
      color:#eadfc8;
      line-height:1.85;
    }
    .grid{
      display:grid;
      gap:18px;
    }
    .faq-item{
      border:1px solid rgba(212,175,55,.12);
      border-radius:20px;
      background:rgba(17,13,8,.82);
      overflow:hidden;
    }
    .faq-question{
      width:100%;
      border:0;
      background:none;
      color:#fff6e8;
      text-align:left;
      padding:20px 22px;
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
      font:500 1rem/1.6 'Inter', sans-serif;
    }
    .faq-question:hover{background:rgba(212,175,55,.04)}
    .faq-icon{
      color:var(--gold);
      font-size:1.3rem;
      line-height:1;
      flex:0 0 auto;
      transition:transform .3s ease;
    }
    .faq-item.active .faq-icon{transform:rotate(45deg)}
    .faq-answer-wrap{
      display:grid;
      grid-template-rows:0fr;
      transition:grid-template-rows .35s ease;
    }
    .faq-item.active .faq-answer-wrap{grid-template-rows:1fr}
    .faq-answer-inner{overflow:hidden}
    .faq-answer{
      padding:0 22px 22px;
      margin:0;
    }
    .footer{
      margin-top:auto;
      border-top:1px solid var(--line);
      background:rgba(6,5,3,.98);
    }
    .footer-inner{
      padding:22px 0 30px;
      color:#a4977d;
      font-size:.92rem;
      display:flex;
      justify-content:space-between;
      gap:16px;
      flex-wrap:wrap;
    }
    .footer-links{
      display:flex;
      gap:14px;
      flex-wrap:wrap;
    }
    .footer-links a{
      text-decoration:none;
      color:var(--text-soft);
    }
    .footer-links a:hover{color:var(--gold-light)}
    @media (max-width: 767px){
      .topbar-inner{justify-content:center; text-align:center}
      .nav-inner{flex-direction:column; justify-content:center; padding:14px 0}
      .nav-links{justify-content:center}
      .hero-inner{padding:68px 0 52px}
      .content-wrap{padding:54px 0 68px}
      .panel-body{padding:24px 20px 24px}
      .faq-question{padding:18px 18px}
      .faq-answer{padding:0 18px 18px}
      .footer-inner{justify-content:center; text-align:center}
    }