<style>
  html{scroll-behavior:smooth;scroll-padding-top:env(safe-area-inset-top,0px);}
  html,body{height:100%;margin:0;}
  body{
    background:var(--void-deep);
    color:var(--text);
    font-family:'Inter',system-ui,sans-serif;
    line-height:1.55;
    overflow-x:hidden;
  }
  a{color:inherit;}
  img{max-width:100%;display:block;}
  h1,h2,h3{font-family:'Space Grotesk',system-ui,sans-serif;margin:0;letter-spacing:-0.01em;}

  .wrap{max-width:1160px;margin:0 auto;padding:0 32px;}

  /* ---------- header ---------- */
  header{
    position:sticky;top:0;top:env(safe-area-inset-top,0px);
    z-index:50;
    background:rgba(27,24,23,0.86);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
  }
  .header-inner{
    display:flex;align-items:center;justify-content:space-between;
    padding:14px 32px;max-width:1160px;margin:0 auto;gap:24px;
  }
  .brand{display:flex;align-items:center;gap:10px;}
  .brand img{height:38px;width:auto;}
  .brand span{font-family:'Space Grotesk';font-size:19px;font-weight:600;letter-spacing:0.02em;}
  nav{display:flex;gap:30px;}
  nav a{
    font-size:14.5px;color:var(--text-dim);text-decoration:none;
    transition:color .2s ease;
  }
  nav a:hover{color:var(--text);}
  .fund-badge{display:flex;align-items:center;gap:8px;}
  .fund-badge img{height:30px;width:auto;opacity:.92;}
  .fund-badge .fund-label{font-size:11px;color:var(--text-dim);line-height:1.25;max-width:110px;}
  .nav-toggle{display:none;}

  /* ---------- hero ---------- */
  .hero{
    position:relative;
    padding:110px 0 130px;
    overflow:hidden;
    isolation:isolate;
  }
  .hero::before{
    content:"";position:absolute;inset:0;z-index:-2;
    background:
      radial-gradient(ellipse 900px 560px at 78% -8%, rgba(224,131,129,0.20), transparent 60%),
      radial-gradient(ellipse 700px 500px at 100% 30%, rgba(247,220,150,0.10), transparent 55%),
      var(--void-deep);
  }
  .starfield{position:absolute;inset:0;z-index:-1;opacity:.55;pointer-events:none;}
  .orbit-ring{
    position:absolute;right:-180px;top:60px;
    width:640px;height:640px;
    border-radius:50%;
    border:1px solid rgba(247,220,150,0.18);
    z-index:-1;
  }
  .orbit-ring::after{
    content:"";position:absolute;inset:60px;
    border-radius:50%;
    border:1px solid rgba(179,191,191,0.12);
  }
  .satellite-dot{
    position:absolute;width:10px;height:10px;border-radius:50%;
    background:linear-gradient(135deg,var(--grad-1),var(--grad-2));
    box-shadow:0 0 18px 3px rgba(247,220,150,0.5);
    animation:orbit 22s linear infinite;
  }
  @keyframes orbit{
    from{transform:rotate(0deg) translateX(320px) rotate(0deg);}
    to{transform:rotate(360deg) translateX(320px) rotate(-360deg);}
  }
  .hero h1{
    font-size:clamp(34px,4.6vw,58px);
    font-weight:600;
    max-width:25ch;
    line-height:1.14;
  }
  .hero-grad{
    background:linear-gradient(100deg,var(--grad-1),var(--grad-2));
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .slogan{
    margin-top:28px;
    max-width:760px;
    font-size:17px;
    color:var(--text-dim);
    font-style:normal;
    border-left:2px solid rgba(247,220,150,0.4);
    padding-left:18px;
  }
  .hero-desc{
    margin-top:26px;
    max-width:760px;
    font-size:16px;
    color:var(--text-dim);
  }
  .cta-row{display:flex;gap:14px;margin-top:40px;flex-wrap:wrap;}
  .btn{
    padding:13px 26px;border-radius:8px;font-size:14.5px;font-weight:500;
    text-decoration:none;display:inline-block;transition:transform .15s ease, opacity .15s ease;
  }
  .btn-primary{
    background:linear-gradient(100deg,var(--grad-1),var(--grad-2));
    color:#241E13;
  }
  .btn-primary:hover{transform:translateY(-1px);}
  .btn-ghost{
    border:1px solid var(--line);
    color:var(--text);
  }
  .btn-ghost:hover{border-color:rgba(179,191,191,0.4);}

  /* ---------- section shared ---------- */
  section{padding:96px 0;border-top:1px solid var(--line);}
  .section-head{max-width:560px;margin-bottom:56px;}
  .section-head .kicker{
    font-size:13px;color:var(--grad-2);font-weight:500;margin-bottom:12px;
  }
  .section-head h2{font-size:clamp(26px,3vw,36px);font-weight:600;}
  .section-head p{margin-top:14px;color:var(--text-dim);font-size:15.5px;max-width:52ch;}

  /* ---------- features ---------- */
  .feature-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
    background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;
  }
  .feature{
    background:var(--void-deep);
    padding:34px 30px;
  }
  .feature .icon{
    width:38px;height:38px;margin-bottom:22px;
    border-radius:9px;
    display:flex;align-items:center;justify-content:center;
    background:rgba(247,220,150,0.08);
  }
  .feature .icon svg{width:19px;height:19px;stroke:var(--grad-2);}
  .feature h3{font-size:17px;font-weight:600;margin-bottom:10px;}
  .feature p{color:var(--text-dim);font-size:14.5px;}

  /* ---------- interface preview ---------- */
  .frame-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:22px;
  }
  .frame-card{
    border:1px solid var(--line);
    border-radius:14px;
    overflow:hidden;
    background:linear-gradient(180deg, rgba(179,191,191,0.04), transparent);
  }
  .frame-shell{
    aspect-ratio:4/3;
    position:relative;
    background:
      linear-gradient(135deg, rgba(224,131,129,0.07), rgba(247,220,150,0.05)),
      var(--void);
    display:flex;align-items:center;justify-content:center;
  }
  .frame-shell .frame-dots{position:absolute;top:12px;left:14px;display:flex;gap:5px;}
  .frame-shell .frame-dots span{width:6px;height:6px;border-radius:50%;background:rgba(179,191,191,0.35);}
  .frame-placeholder{
    text-align:center;color:var(--text-dim);font-size:12.5px;
    display:flex;flex-direction:column;align-items:center;gap:10px;
  }
  .frame-placeholder svg{width:34px;height:34px;stroke:rgba(179,191,191,0.5);}
  .frame-text{padding:20px 22px 24px;}
  .frame-text .frame-label{font-size:12px;color:var(--grad-2);margin-bottom:6px;}
  .frame-text h3{font-size:15.5px;font-weight:600;margin-bottom:6px;}
  .frame-text p{font-size:13.5px;color:var(--text-dim);}

  /* ---------- audience ---------- */
  .audience-list{display:flex;flex-direction:column;}
  .audience-row{
    display:grid;grid-template-columns:56px 1fr;gap:28px;
    padding:24px 0;border-top:1px solid var(--line);
    align-items:flex-start;
  }
  .audience-row:first-child{border-top:none;}
  .audience-row .a-icon{
    width:40px;height:40px;margin-top:2px;
    border-radius:9px;
    display:flex;align-items:center;justify-content:center;
    background:rgba(247,220,150,0.08);
  }
  .audience-row .a-icon svg{width:19px;height:19px;stroke:var(--grad-2);}
  .audience-row h3{font-size:17px;font-weight:600;margin-bottom:6px;}
  .audience-row p{color:var(--text-dim);font-size:14.5px;max-width:56ch;}

  /* ---------- fund cta ---------- */
  .fund-strip{
    display:flex;align-items:center;justify-content:space-between;
    gap:32px;flex-wrap:wrap;
    padding:44px 40px;
    border-radius:16px;
    border:1px solid var(--line);
    background:linear-gradient(120deg, rgba(224,131,129,0.06), rgba(247,220,150,0.04));
  }
  .fund-strip .f-left{display:flex;align-items:center;gap:18px;}
  .fund-strip img{height:46px;width:auto;}
  .fund-strip p{font-size:14px;color:var(--text-dim);max-width:44ch;margin:0;}
  .fund-strip .f-title{font-family:'Space Grotesk';font-size:15px;font-weight:600;margin-bottom:4px;}

  /* ---------- footer ---------- */
  footer{border-top:1px solid var(--line);padding:44px 0 calc(44px + env(safe-area-inset-bottom,0px));}
  .footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}
  .footer-inner .f-brand{display:flex;align-items:center;gap:10px;}
  .footer-inner .f-brand img{height:26px;width:auto;opacity:.85;}
  .footer-inner .f-brand span{font-family:'Space Grotesk';font-size:14.5px;}
  footer .f-copy{font-size:12.5px;color:var(--text-dim);}

  @media (max-width:860px){
    .wrap{padding:0 22px;}
    .header-inner{padding:12px 20px;}
    nav{display:none;}
    .fund-badge .fund-label{display:none;}
    .feature-grid{grid-template-columns:1fr;}
    .frame-grid{grid-template-columns:1fr;}
    .audience-row{grid-template-columns:1fr;gap:6px;}
    .orbit-ring{display:none;}
    .fund-strip{flex-direction:column;align-items:flex-start;}
  }
  @media (prefers-reduced-motion:reduce){
    .satellite-dot{animation:none;}
  }
</style>