:root{color-scheme:dark;--bg:#111018;--panel:#1c1d2a;--text:#f5f5fa;--muted:#a8afc2;--line:#ffffff14;--orange:#ff780e;--yellow:#ffc329;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;line-height:1.6;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 650px 540px at 100% 0,#a9471619,transparent),var(--bg)}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:5px;border-radius:6px}svg{display:block;width:24px;height:24px}p,h1,h2,h3{margin:0}h1,h2,h3{line-height:1.18;letter-spacing:-.035em}p{overflow-wrap:anywhere}button,a,summary{-webkit-tap-highlight-color:transparent}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;top:8px;left:16px;transform:translateY(-180%);z-index:10;background:var(--yellow);color:#151018;padding:12px 18px;font-weight:700}.skip-link:focus{transform:none}.site-header{display:flex;align-items:center;gap:28px;min-height:98px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:22px;font-weight:800;letter-spacing:-.8px;flex-shrink:0}.brand small{display:block;font-size:10px;letter-spacing:2px;line-height:1.1;text-transform:uppercase;color:var(--yellow);margin-top:2px}.brand-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#ff841318;color:var(--orange);border:1px solid #ff841326}.site-header nav{display:flex;gap:24px;flex:1;justify-content:center}.site-header nav a,.site-footer a{font-size:13px;color:var(--muted);padding-block:12px}.site-header nav a:hover,.site-footer a:hover,.text-link:hover{color:var(--yellow)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:52px;padding:12px 24px;background:var(--orange);color:#171017;border:1px solid #ff8a29;border-radius:16px;font-size:14px;line-height:1.4;font-weight:800;transition:background .15s}.button:hover{background:#ff963e}.button span{font-size:21px;line-height:1}.button-small{min-height:42px;padding:9px 17px;gap:20px;border-radius:12px;font-size:13px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:64px;align-items:center;padding:86px 0 88px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--yellow);display:inline-flex;align-items:center;gap:9px}.accent-dot{width:6px;height:6px;border-radius:50%;background:var(--yellow);flex:none}.hero h1{font-size:clamp(50px,5.6vw,76px);line-height:1.04;letter-spacing:-4px;margin:24px 0}.hero h1 span{color:var(--orange)}.lead{font-size:17px;color:#bfc4d2;max-width:490px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.text-link{font-size:13px;font-weight:650;display:inline-flex;align-items:center;gap:12px;min-height:44px}.hero-note{font-size:11px;color:var(--muted);margin-top:18px}.overview{min-width:0;background:linear-gradient(145deg,#232330,#1b1c29);border:1px solid #ffffff1c;border-radius:28px;box-shadow:0 20px 60px #0002;overflow:hidden}.panel-heading{padding:24px 24px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading .eyebrow{color:var(--muted);font-size:9px;letter-spacing:1.4px}.edition{color:#ffb76b;border:1px solid #ffac532b;background:#ffac5309;padding:3px 9px;border-radius:8px;font-size:10px}.overview-row{display:flex;gap:16px;align-items:center;margin:0 24px;padding:22px 0;border-bottom:1px solid var(--line)}.overview-row h2{font-size:16px;letter-spacing:-.3px;margin-bottom:5px}.overview-row p{font-size:12px;color:var(--muted)}.icon-tile{width:50px;height:50px;flex:none;display:grid;place-items:center;border-radius:16px;background:#ffc32912;color:var(--yellow)}.icon-tile svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-tile.orange{color:#ff9b42;background:#ff84131c}.icon-tile.violet{color:#c89eff;background:#c89eff13}.overview-footer{font-size:10px;display:flex;align-items:center;gap:9px;padding:21px 24px;color:var(--muted)}.overview-footer .accent-dot{width:4px;height:4px}.section{scroll-margin-top:30px;margin-bottom:80px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:28px}.section h2,.closing h2{font-size:34px;letter-spacing:-1.3px;margin-top:12px}.section-heading>p{max-width:320px;font-size:13px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature{padding:27px 25px;background:#ffffff03;border:1px solid var(--line);border-radius:20px}.feature-number{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#ffb46c}.feature h3{font-size:19px;margin:22px 0 12px;letter-spacing:-.5px}.feature p{font-size:13px;line-height:1.8;color:var(--muted)}.ai-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;padding:44px;background:linear-gradient(125deg,#251e23,#1b1c29 65%);border:1px solid #ffae5424;border-radius:28px}.ai-copy h2{font-size:42px;margin:16px 0 23px}.ai-copy>p{font-size:14px;color:#c1c5d1;margin-top:16px;line-height:1.8}.ai-copy p.muted{font-size:12px;color:var(--muted)}.ai-details{align-self:center;min-width:0}.token-card{padding:25px;border:1px solid #ffffff15;border-radius:20px;background:#ffffff03}.token-card>.eyebrow{color:var(--muted);font-size:9px;letter-spacing:1.2px}.token-count{font-size:47px;font-weight:800;letter-spacing:-2px;line-height:1.3;margin:14px 0 10px}.token-count span{font-size:13px;letter-spacing:0;font-weight:500;color:var(--muted);display:block}.token-card>p{font-size:12px;color:var(--muted)}.token-bonus{margin-top:23px;padding-top:20px;border-top:1px solid var(--line);display:flex;gap:14px;align-items:center}.token-bonus>span{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:10px;background:#ffc32915;color:var(--yellow);font-size:22px}.token-bonus strong{font-size:13px;display:block}.token-bonus div>span{font-size:11px;color:var(--muted);display:block;margin-top:4px}.small-print{font-size:11px;color:var(--muted);margin-top:18px;line-height:1.8}.privacy-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:58px;align-items:start}.privacy-panel h2{margin-bottom:18px}.privacy-panel p{font-size:14px;line-height:1.85;color:var(--muted)}.privacy-note{border-left:2px solid #ffb63d4d;padding-left:25px;margin-top:15px}.privacy-note h3{font-size:16px;letter-spacing:-.2px;margin-bottom:12px}.privacy-note p{font-size:13px}.faq-section{display:grid;grid-template-columns:1fr 1.6fr;gap:70px;border-top:1px solid var(--line);padding-top:60px}.faq-section>.muted,.faq-section>div>p{font-size:13px;margin-top:20px;max-width:260px}.muted{color:var(--muted)}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:15px;font-weight:650;cursor:pointer;min-height:34px;line-height:1.6;padding:5px 24px 5px 0}.faq-list summary::marker{color:var(--orange);font-size:11px}.faq-list p{font-size:13px;color:var(--muted);padding:12px 0 7px;line-height:1.9}.faq-list p a{text-decoration:underline;text-underline-offset:3px;color:var(--text)}.closing{border:1px solid #ff9b282b;background:#ff8e0908;padding:30px 36px;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:54px}.closing h2{font-size:27px;margin-top:8px}.closing .eyebrow{font-size:9px}.site-footer{border-top:1px solid var(--line);padding-block:28px 36px;display:flex;align-items:center;justify-content:space-between;gap:28px}.site-footer p{font-size:14px;display:flex;flex-direction:column;gap:5px}.site-footer p span{font-size:10px;color:var(--muted)}.site-footer nav{display:flex;gap:26px;flex-wrap:wrap}.site-footer a{font-size:11px}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.site-header{gap:18px}.site-header nav{gap:16px}.site-header nav a{font-size:11px}.hero{gap:30px;padding-block:60px}.hero h1{font-size:62px}.lead{font-size:15px}.overview-row{margin-inline:20px;gap:12px}.overview-row h2{font-size:14px}.overview-row p{font-size:11px}.panel-heading,.overview-footer{padding-inline:20px}.section-heading{gap:25px}.section h2{font-size:29px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-panel{padding:32px;gap:32px}.ai-copy h2{font-size:36px}.privacy-panel{gap:32px}.faq-section{gap:40px}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.site-header{min-height:82px;flex-wrap:wrap;justify-content:space-between;gap:0;padding-top:17px}.brand{font-size:21px}.brand-icon{width:38px;height:38px;border-radius:12px}.header-open{min-height:40px;padding:9px 14px;font-size:12px}.site-header nav{order:3;flex-basis:100%;justify-content:space-between;gap:8px;padding-top:12px}.site-header nav a{font-size:11px;min-height:44px;display:flex;align-items:center;padding-block:10px}.hero{grid-template-columns:1fr;gap:34px;padding:44px 0 54px}.hero h1{font-size:64px;letter-spacing:-3.5px;margin:20px 0}.hero .eyebrow{font-size:9px;letter-spacing:1.3px}.lead{font-size:15px}.hero-actions{gap:23px;margin-top:24px}.button{font-size:13px;min-height:50px;padding-inline:19px;gap:20px;border-radius:14px}.hero-note{font-size:10px}.overview{border-radius:22px}.panel-heading{padding:20px 20px 8px}.overview-row{padding:19px 0}.overview-row h2{font-size:15px}.overview-row p{font-size:12px}.overview-footer{font-size:9px;padding-block:18px}.icon-tile{width:46px;height:46px;border-radius:14px}.section{margin-bottom:52px}.section-heading{display:block;margin-bottom:22px}.section-heading>p{margin-top:15px;max-width:none}.section h2{font-size:29px;letter-spacing:-1px}.feature-grid{grid-template-columns:1fr;gap:10px}.feature{padding:22px;border-radius:18px}.feature h3{margin-top:16px;font-size:19px}.feature p{font-size:13px}.ai-panel{grid-template-columns:1fr;gap:28px;padding:26px 22px;border-radius:22px}.ai-copy h2{font-size:34px}.ai-copy>p{font-size:13px}.token-card{padding:22px}.token-count{font-size:46px}.privacy-panel{grid-template-columns:1fr;gap:22px}.privacy-note{margin-top:0;padding-left:20px}.faq-section{grid-template-columns:1fr;gap:28px;padding-top:38px}.faq-section h2 br{display:none}.faq-section>div>p{max-width:none;margin-top:14px}.faq-list summary{font-size:14px}.closing{padding:25px 22px;display:block;border-radius:20px;margin-bottom:36px}.closing h2{font-size:25px}.closing .button{margin-top:24px;width:100%;justify-content:space-between}.site-footer{display:block;padding-block:24px 32px}.site-footer nav{gap:22px;margin-top:18px}.site-footer a{min-height:44px;display:flex;align-items:center}.eyebrow{font-size:9px}}
@media(max-width:360px){.wrap{width:calc(100% - 28px)}.hero h1{font-size:56px}.hero-actions{gap:18px}.hero-actions .button{padding-inline:16px;gap:14px}.text-link{font-size:12px}.overview-row{gap:12px}.overview-row p{font-size:11px}.ai-panel{padding:24px 18px}.section h2{font-size:27px}.site-footer nav{gap:17px}.site-footer a{font-size:10px}}
/* Glass surfaces stay readable even without backdrop-filter support. */
body {
  background:
    radial-gradient(ellipse 650px 640px at 90% 6%, #e7681426, transparent 75%),
    radial-gradient(ellipse 700px 620px at 0% 34%, #7050bf16, transparent 75%),
    radial-gradient(ellipse 650px 620px at 90% 64%, #df681615, transparent 75%),
    #12121c;
}
.site-header {
  margin-top: 18px;
  padding-inline: 22px;
  min-height: 76px;
  border: 1px solid #ffffff12;
  border-top-color: #ffffff23;
  border-radius: 22px;
  background: #242432a6;
  box-shadow: 0 8px 32px #00000012, inset 0 1px #ffffff03;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.overview, .feature, .ai-panel, .token-card, .closing {
  background: linear-gradient(135deg, #ffffff08, #ffffff01), #202130b3;
  border-color: #ffffff14;
  border-top-color: #ffffff26;
  box-shadow: inset 0 1px #ffffff03, 0 8px 30px #00000010;
}
.overview, .ai-panel, .closing {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.overview {
  background: linear-gradient(130deg, #ffffff0c, #ffffff02), #252533ad;
  box-shadow: 0 24px 65px #00000024, inset 0 1px #ffffff0a;
}
.ai-panel {
  background: linear-gradient(125deg, #914c3024, #ffffff02 65%), #252331ae;
}
.icon-tile, .brand-icon {
  box-shadow: inset 0 1px #ffffff12;
  border: 1px solid currentColor;
  border-color: #ffbb3520;
}
.icon-tile.violet { border-color: #c89eff20; }
.button {
  background: linear-gradient(110deg, #ff941f, #ff7614);
  box-shadow: 0 6px 22px #ff7a1017, inset 0 1px #ffffff24;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.feature { transition: transform .25s ease, border-color .25s ease, background .25s ease; }
.icon-tile { transition: transform .25s ease; }
.closing { background: linear-gradient(120deg, #ec781315, #ffffff02), #24222da8; }
@media (hover: hover) and (pointer: fine) {
  .button:hover { background: linear-gradient(110deg, #ffa23a, #ff8426); transform: translateY(-2px); box-shadow: 0 10px 26px #ff7a102a; }
  .feature:hover { transform: translateY(-4px); border-color: #ffc32940; background: linear-gradient(135deg, #ffffff0b, #ffffff02), #272635b3; }
  .overview-row:hover .icon-tile { transform: translateY(-2px); }
}
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
  .site-header { animation: glass-arrive .5s ease-out both; }
  .hero-copy { animation: glass-arrive .65s ease-out .06s both; }
  .overview { animation: glass-arrive .75s ease-out .15s both; }
  .faq-list details[open] p { animation: answer-arrive .22s ease-out; }
  @supports (animation-timeline: view()) {
    .feature, .ai-panel, .privacy-panel, .faq-section, .closing {
      animation: section-arrive linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 22%;
    }
  }
}
@keyframes glass-arrive {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes answer-arrive {
  from { opacity: .5; transform: translateY(-3px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes section-arrive {
  from { opacity: .5; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 640px) {
  .site-header { padding: 14px 14px 0; border-radius: 20px; margin-top: 12px; }
  .site-header nav a { font-size: 10px; }
  .site-header, .overview, .ai-panel, .closing {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .site-header, .overview { background-color: #262534ed; }
  .hero { padding-top: 38px; }
}
@media (prefers-reduced-transparency: reduce) {
  .site-header, .overview, .feature, .ai-panel, .token-card, .closing {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: #242431;
  }
}
/* The same comments emblem and restrained controls used by the messenger. */
.brand-icon {
  border-radius: 50%;
  background: #ffffff05;
  border: 1px solid #ffffff0d;
  box-shadow: none;
}
.brand-icon img { display: block; opacity: .65; }
.hero { padding-block: 62px 76px; gap: 56px; }
.hero-logo {
  display: grid;
  place-items: center;
  width: 112px;
  height: 112px;
  margin-bottom: 24px;
  border-radius: 50%;
  border: 1px solid #ffffff0d;
  background: #ffffff05;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.hero-logo img { display: block; opacity: .48; }
.hero h1 { font-size: clamp(34px, 4.1vw, 52px); letter-spacing: -1.8px; margin: 0 0 12px; }
.hero-description { color: #e8b65d; font-size: 16px; margin-bottom: 20px; }
.lead { font-size: 15px; }
.site-header nav { flex: 0 1 auto; margin-left: auto; gap: 4px; padding: 4px; background: #0f111945; border: 1px solid #ffffff0a; border-radius: 14px; }
.site-header nav a { font-size: 12px; color: #c1c4d1; padding: 9px 13px; border-radius: 10px; transition: color .2s, background .2s; }
.site-header nav a:hover { color: #fff; background: #ffffff0a; }
.button { color: #fff; font-size: 14px; font-weight: 650; gap: 14px; border-color: #ff89303b; background: linear-gradient(115deg, #cb4c0c, #c4460b); box-shadow: inset 0 1px #ffffff14; }
.button span { font-size: 18px; opacity: .8; }
.button-small { min-height: 40px; font-size: 12px; padding: 9px 16px; }
.header-open { background: #ffffff06; border: 1px solid #ffffff14; color: #d9dce6; box-shadow: none; }
.text-link { font-size: 13px; font-weight: 500; color: #bfc3d1; padding: 10px 12px; border-radius: 12px; gap: 8px; }
.text-link:hover { background: #ffffff05; color: #fff; }
@media (hover: hover) and (pointer: fine) {
  .button:hover { background: linear-gradient(115deg, #cf4d0c, #c4460b); box-shadow: 0 8px 24px #e768141a; }
  .header-open:hover { background: #ffffff0d; border-color: #ffffff24; box-shadow: none; }
}
@media (max-width: 900px) {
  .site-header { gap: 12px; padding-inline: 16px; }
  .site-header nav a { padding-inline: 9px; font-size: 11px; }
  .hero { gap: 32px; }
  .hero h1 { font-size: 38px; }
  .hero-description { font-size: 14px; }
}
@media (max-width: 640px) {
  .site-header { padding: 14px; gap: 12px; }
  .site-header nav { margin: 0; justify-content: space-between; gap: 0; padding: 3px; }
  .site-header nav a { font-size: 11px; min-height: 36px; padding: 8px 10px; white-space: nowrap; }
  .hero { padding-block: 34px 46px; gap: 30px; }
  .hero-logo { width: 96px; height: 96px; margin-bottom: 22px; backdrop-filter: none; -webkit-backdrop-filter: none; }
  .hero-logo img { width: 50px; height: 40px; }
  .hero h1 { font-size: 36px; letter-spacing: -1.2px; }
  .hero-description { font-size: 14px; margin-bottom: 16px; }
  .hero-actions { gap: 12px; }
}
@media (max-width: 360px) {
  .site-header .brand { font-size: 18px; gap: 9px; }
  .site-header .brand-icon { width: 34px; height: 34px; }
  .site-header .brand small { font-size: 8px; }
  .header-open { font-size: 11px; padding-inline: 11px; gap: 8px; }
  .site-header nav a { font-size: 10px; padding-inline: 6px; }
  .hero h1 { font-size: 32px; }
  .hero-actions { gap: 8px; }
  .hero-actions .button { font-size: 12px; padding-inline: 16px; }
  .text-link { font-size: 12px; padding-inline: 8px; }
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
