:root{
  --background:#08090b; --surface:#101216; --surface-2:#15171c; --foreground:#f3f1ea; --muted-foreground:#979489;
  --border:rgba(243,241,234,0.09); --gold:#e6b24c; --gold-soft:rgba(230,178,76,0.14); --gold-deep:#b9862c;
  --blue:#4fc3f7; --blue-soft:rgba(79,195,247,0.14); --blue-deep:#3d8bb0;
  --positive:#24a793; --negative:#e4574f; --info:#5b8def;
  --font-heading:'archivo',sans-serif; --font-sans:'inter',sans-serif; --font-mono:'plexMono',monospace;
  --pad:20px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);line-height:1.55;font-size:15px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%;display:block}
button{font:inherit;cursor:pointer}
.wrap{max-width:1080px;margin:0 auto;padding:0 var(--pad)}
.wrap-narrow{max-width:640px;margin:0 auto;padding:0 var(--pad)}
section[id]{scroll-margin-top:74px}
::selection{background:var(--gold-soft);color:var(--foreground)}
h1,h2,h3{font-family:var(--font-heading);text-wrap:balance}
.mono{font-family:var(--font-mono)}
main{display:block}

/* ---------- reveal-on-scroll ---------- */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
.reveal.is-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  .reveal{opacity:1;transform:none}}

/* ---------- surfaces ---------- */
.glass{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.glass-strong{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.glow-gold{box-shadow:0 0 50px -14px rgba(230,178,76,.4)}
.glow-blue{box-shadow:0 0 50px -14px rgba(79,195,247,.4)}
.text-gradient-gold{background:linear-gradient(135deg,#f6d78c,#e6b24c 55%,#b9862c);-webkit-background-clip:text;background-clip:text;color:transparent}
.text-gradient-blue{background:linear-gradient(135deg,#bfe9fd,#4fc3f7 55%,#3d8bb0);-webkit-background-clip:text;background-clip:text;color:transparent}

.spot{position:relative;overflow:hidden}
@media(hover:hover) and (pointer:fine){
  .spot::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(420px circle at var(--spot-x,50%) var(--spot-y,50%),var(--spot-color,rgba(230,178,76,.14)),transparent 72%)}
  .spot:hover::before{opacity:1}
  .tilt{transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .15s ease-out}
}

.ring{position:relative}
.ring::before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--spin-angle,0deg),rgba(230,178,76,.05),rgba(246,215,140,.95),rgba(230,178,76,.05) 35%);animation:spin-border 5s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.ring-blue::before{background:conic-gradient(from var(--spin-angle,0deg),rgba(79,195,247,.05),rgba(191,233,253,.95),rgba(79,195,247,.05) 35%)}
@property --spin-angle{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes spin-border{to{--spin-angle:360deg}}

@media(hover:hover) and (pointer:fine){
  #cursorGlow{position:fixed;left:0;top:0;z-index:1;width:600px;height:600px;margin-left:-300px;margin-top:-300px;border-radius:50%;pointer-events:none;mix-blend-mode:screen;opacity:.045;background:radial-gradient(circle,rgba(230,178,76,1) 0%,rgba(230,178,76,.4) 35%,transparent 70%);will-change:transform}
}

@keyframes candle-breathe{0%,100%{transform:scaleY(.94);opacity:.78}50%{transform:scaleY(1);opacity:1}}
.candle-breathe{transform-origin:center;transform-box:fill-box;animation:candle-breathe 5s ease-in-out infinite}

/* ---------- ticker ---------- */
.ticker{border-bottom:1px solid var(--border);background:rgba(0,0,0,.4);overflow:hidden}
.ticker-in{max-width:1080px;margin:0 auto;padding:0 var(--pad);height:32px;display:flex;align-items:center;gap:16px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;color:var(--muted-foreground);white-space:nowrap}
.ticker-in .dot-wrap{display:flex;align-items:center;gap:7px;flex:none}
.ticker-scroll{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.pulse{position:relative;width:5px;height:5px}
.pulse::before,.pulse::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--positive)}
.pulse::before{animation:ping 1.6s cubic-bezier(0,0,.2,1) infinite;opacity:.6}
.pulse-blue::before,.pulse-blue::after{background:var(--blue)}
@keyframes ping{75%,100%{transform:scale(2.4);opacity:0}}

/* ---------- logo ---------- */
.brand{display:flex;align-items:center;gap:9px}
.il-mark{width:32px;height:32px;flex:none;object-fit:contain;border-radius:7px;transition:transform .45s cubic-bezier(.16,1,.3,1),filter .45s;animation:logo-breathe 4.5s ease-in-out infinite}
.brand:hover .il-mark{transform:rotate(-10deg) scale(1.1)}
@keyframes logo-breathe{0%,100%{filter:drop-shadow(0 0 0 rgba(230,178,76,0))}50%{filter:drop-shadow(0 0 7px rgba(230,178,76,.55))}}
.brand b{font-family:var(--font-heading);font-weight:800;font-size:15.5px;letter-spacing:-.02em;white-space:nowrap}
.brand b span{color:var(--gold)}

/* ---------- navbar ---------- */
header.nav{position:sticky;top:0;z-index:50;transition:background-color .3s;border-bottom:1px solid transparent}
header.nav .hairline{position:absolute;inset-inline:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(230,178,76,.65),rgba(79,195,247,.5),transparent);background-size:200% 100%;opacity:0;transition:opacity .3s;animation:hairline-sweep 7s linear infinite}
header.nav.is-scrolled{background:rgba(8,9,11,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
header.nav.is-scrolled .hairline{opacity:1}
@keyframes hairline-sweep{0%{background-position:220% 0}100%{background-position:-20% 0}}
.nav-in{max-width:1080px;margin:0 auto;padding:0 var(--pad);height:58px;display:flex;align-items:center;justify-content:space-between}
.nav-links{display:none}
.nav-cta{display:none}
.burger{display:flex;width:36px;height:36px;border-radius:9px;border:1px solid var(--border);align-items:center;justify-content:center;background:transparent;flex:none;transition:border-color .25s,background-color .25s,transform .15s cubic-bezier(.23,1,.32,1)}
.burger:hover{border-color:rgba(230,178,76,.4);background:var(--gold-soft)}
.burger:active{transform:scale(.9)}
.burger svg{stroke:var(--foreground);overflow:visible}
.burger line{transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .25s;transform-box:fill-box;transform-origin:center}
.burger.is-open{border-color:rgba(230,178,76,.4);background:var(--gold-soft)}
.burger.is-open .bt{transform:translateY(6px) rotate(45deg)}
.burger.is-open .bm{opacity:0}
.burger.is-open .bb{transform:translateY(-6px) rotate(-45deg)}

.mobile-menu{position:fixed;inset:0;z-index:60;background:rgba(6,7,9,.98);backdrop-filter:blur(10px);display:flex;flex-direction:column;padding:16px var(--pad);transform:translateY(-10px) scale(.98);opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1);overflow-y:auto}
.mobile-menu.show{opacity:1;transform:none;pointer-events:auto;transition-duration:.35s}
.mobile-menu .top{display:flex;justify-content:space-between;align-items:center;height:42px;margin-bottom:26px}
.mobile-menu .top button{transition:transform .3s cubic-bezier(.23,1,.32,1),color .2s;border-radius:6px}
.mobile-menu .top button:hover{transform:rotate(90deg);color:var(--gold)}
.mobile-menu .top button:active{transform:rotate(90deg) scale(.85)}
.mobile-menu a{font-family:var(--font-heading);font-size:24px;font-weight:700;padding:12px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;opacity:0;transform:translateX(-18px);transition:opacity .4s ease,transform .4s cubic-bezier(.16,1,.3,1),color .2s ease,padding-left .25s cubic-bezier(.23,1,.32,1)}
.mobile-menu.show a{opacity:1;transform:none}
.mobile-menu.show a:nth-of-type(1){transition-delay:.05s}
.mobile-menu.show a:nth-of-type(2){transition-delay:.1s}
.mobile-menu.show a:nth-of-type(3){transition-delay:.15s}
.mobile-menu.show a:nth-of-type(4){transition-delay:.2s}
.mobile-menu.show a:nth-of-type(5){transition-delay:.25s}
.mobile-menu.show a:nth-of-type(6){transition-delay:.3s}
.mobile-menu.show a:nth-of-type(7){transition-delay:.35s}
.mobile-menu a::after{content:"→";margin-left:auto;color:var(--gold);opacity:0;transform:translateX(-6px);transition:opacity .25s ease,transform .25s cubic-bezier(.23,1,.32,1)}
.mobile-menu a:hover{color:var(--gold);padding-left:8px}
.mobile-menu a:hover::after{opacity:1;transform:none}
.mobile-menu a:active{color:var(--gold);transition-duration:.1s}
.mobile-menu .tag-soon{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;color:var(--blue);background:var(--blue-soft);border-radius:999px;padding:2px 7px}
.mobile-cta{margin-top:22px;text-align:center;background:var(--gold);color:#1a1102;font-weight:700;padding:14px;border-radius:11px;font-size:14.5px;transition:transform .15s cubic-bezier(.23,1,.32,1)}
.mobile-cta:active{transform:scale(.97)}
@media (prefers-reduced-motion:reduce){.il-mark,header.nav .hairline{animation:none}.mobile-menu a{transition-delay:0s !important;opacity:1;transform:none}.mobile-menu .top button:hover{transform:none}}

/* ---------- hero ---------- */
.hero{position:relative;padding:36px 0 40px;overflow:hidden}
.hero-shapes{position:absolute;inset:0;pointer-events:none;z-index:0}
.shape{position:absolute;animation:float-in 1.1s cubic-bezier(.16,1,.3,1) both}
@keyframes float-in{from{opacity:0;transform:translateY(24px) rotate(var(--rot,0deg)) scale(.94)}to{opacity:1;transform:translateY(0) rotate(var(--rot,0deg)) scale(1)}}
.shape-fill{position:absolute;inset:0;filter:blur(2px)}
.hero-in{position:relative;z-index:1;max-width:640px}
.eyebrow-pill{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.07em;color:var(--gold);background:var(--gold-soft);border:1px solid rgba(230,178,76,.25);border-radius:999px;padding:5px 12px 5px 9px}
.eyebrow-glow-blue{animation:eyebrow-glow-blue 3.4s ease-in-out infinite}
@keyframes eyebrow-glow-blue{0%,100%{box-shadow:0 0 0 0 rgba(79,195,247,0)}50%{box-shadow:0 0 16px 1px rgba(79,195,247,.35)}}
@media (prefers-reduced-motion:reduce){.eyebrow-glow-blue{animation:none}}
.hero h1{font-size:clamp(2.1rem,9vw,3.4rem);font-weight:800;letter-spacing:-.03em;line-height:1.04;margin-top:16px}
.hero p.lead{margin-top:14px;font-size:15.5px;line-height:1.6;color:var(--muted-foreground);max-width:420px}
.hero-cta-row{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}
.btn{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:14px;padding:13px 20px;border-radius:11px;transition:transform .15s;white-space:nowrap}
.btn-gold{background:linear-gradient(180deg,#f6d78c,var(--gold));color:#1a1102;box-shadow:0 12px 28px -14px rgba(230,178,76,.55)}
.btn-outline{border:1px solid var(--border);color:var(--foreground)}
.btn-outline:hover{border-color:rgba(255,255,255,.25)}

/* ---------- CTA shine + glow: the buttons that ask for the sale get one shared, deliberate motion language ---------- */
.cta-live{position:relative;overflow:hidden;isolation:isolate;animation:cta-glow 3.4s ease-in-out infinite}
.cta-live::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%);transform:translateX(-140%);pointer-events:none}
.cta-live:hover::after{transition:transform .7s cubic-bezier(.16,1,.3,1);transform:translateX(140%)}
.cta-live:not(:hover)::after{transition:transform 0s}
@keyframes cta-glow{0%,100%{box-shadow:0 12px 28px -14px rgba(230,178,76,.55),0 0 0 0 rgba(230,178,76,0)}50%{box-shadow:0 12px 28px -14px rgba(230,178,76,.55),0 0 20px 2px rgba(230,178,76,.4)}}
.cta-live.cta-blue{animation-name:cta-glow-blue}
@keyframes cta-glow-blue{0%,100%{box-shadow:0 12px 28px -14px rgba(79,195,247,.5),0 0 0 0 rgba(79,195,247,0)}50%{box-shadow:0 12px 28px -14px rgba(79,195,247,.5),0 0 20px 2px rgba(79,195,247,.45)}}
@media (prefers-reduced-motion:reduce){.cta-live{animation:none}.cta-live::after{display:none}}
.hero-trust{margin-top:20px;display:flex;flex-direction:column;gap:8px;font-size:12.5px;color:var(--muted-foreground)}
.hero-trust span{display:inline-flex;align-items:center;gap:7px}
.hero-trust svg{stroke:var(--positive);flex:none}

/* ---------- section chrome ---------- */
.sec{padding:52px 0}
.sec-eye{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;color:var(--gold);text-transform:uppercase}
.sec-eye.blue{color:var(--blue)}
.sec-title{margin-top:9px;font-size:clamp(1.5rem,6vw,2rem);font-weight:800;letter-spacing:-.02em;line-height:1.14;max-width:480px}
.sec-sub{margin-top:10px;font-size:14.5px;color:var(--muted-foreground);max-width:440px;line-height:1.6}
.sec.center{text-align:center}
.sec.center .sec-title,.sec.center .sec-sub{margin-left:auto;margin-right:auto}
.note-pill{margin-top:16px;display:inline-flex;align-items:center;gap:9px;font-size:12.5px;color:var(--muted-foreground);background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:999px;padding:8px 14px}
.back-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--muted-foreground);margin-bottom:18px}
.back-link:hover{color:var(--foreground)}

/* ---------- simple feature list (replaces bento on mobile-first) ---------- */
.flist{margin-top:26px;display:flex;flex-direction:column}
.flist .fitem{display:flex;gap:14px;padding:16px 0;border-top:1px solid var(--border)}
.flist .fitem:last-child{border-bottom:1px solid var(--border)}
.f-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);flex:none}
.flist h3{font-size:15px;font-weight:700}
.flist p{margin-top:3px;font-size:13px;color:var(--muted-foreground);line-height:1.5}

/* ---------- product visual (chart mock) ---------- */
.chart-card{border-radius:16px;padding:14px;position:relative;overflow:hidden}
.chart-card svg{width:100%;height:auto}
.chart-caption{margin-top:10px;font-size:11px;color:var(--muted-foreground);line-height:1.5}
.status-overlay{position:absolute;top:14px;right:14px;background:rgba(10,11,14,.82);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-family:var(--font-mono);font-size:9.5px;backdrop-filter:blur(4px)}
.status-overlay .row{display:flex;justify-content:space-between;gap:16px;padding:3px 0;color:var(--muted-foreground)}
.status-overlay .row b{color:var(--foreground);font-weight:600}
.chart-watermark{position:absolute;bottom:10px;right:14px;font-family:var(--font-sans);font-size:10px;color:rgba(243,241,234,.28)}
.locked-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(8,9,11,.74);backdrop-filter:blur(6px);text-align:center;padding:20px}
.locked-pill{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;color:var(--blue);background:rgba(79,195,247,.12);border:1px solid rgba(79,195,247,.28);border-radius:999px;padding:7px 14px}
.locked-dots{display:flex;gap:5px}
.locked-dots span{width:5px;height:5px;border-radius:50%;background:var(--blue);animation:dot-fade 1.4s ease-in-out infinite}
.locked-dots span:nth-child(2){animation-delay:.2s}
.locked-dots span:nth-child(3){animation-delay:.4s}
@keyframes dot-fade{0%,100%{opacity:.25}50%{opacity:1}}

/* ---------- pricing ---------- */
.pricing-grid{margin-top:26px;display:grid;grid-template-columns:1fr;gap:14px}
.plan{position:relative;padding:22px 20px;border-radius:16px;display:flex;flex-direction:column}
.plan-badge{position:absolute;top:16px;right:16px;background:var(--gold);color:#1a1102;font-size:10px;font-weight:800;letter-spacing:.04em;padding:4px 11px;border-radius:999px}
.plan-badge.blue{background:var(--blue);color:#04222e}
.plan-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center}
.plan-tag{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--muted-foreground)}
.plan h3{margin-top:6px;font-size:19px;font-weight:800}
.plan-audience{margin-top:3px;font-size:12px;color:var(--muted-foreground)}
.plan-desc{margin-top:10px;font-size:13px;color:var(--muted-foreground);line-height:1.5}
.plan-price{margin-top:16px}
.plan-price .amount{font-family:var(--font-heading);font-size:26px;font-weight:800}
.plan-price small{display:block;margin-top:2px;font-size:11.5px;color:var(--muted-foreground)}
.plan-list{margin-top:14px;list-style:none;display:flex;flex-direction:column;gap:8px;flex:1}
.plan-list li{display:flex;gap:8px;font-size:12.5px;color:var(--foreground)}
.plan-cta{margin-top:18px;text-align:center;padding:12px;border-radius:10px;font-weight:700;font-size:13.5px}
.plan-cta.gold{background:linear-gradient(180deg,#f6d78c,var(--gold));color:#1a1102}
.plan-cta.blue{background:linear-gradient(180deg,#bfe9fd,var(--blue));color:#04222e}
.plan-cta.outline{border:1px solid var(--border)}

.ugc-strip{margin-top:16px;display:flex;align-items:flex-start;gap:10px;font-size:12.5px;color:var(--muted-foreground);background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:12px;padding:13px 15px}
.ugc-strip b{color:var(--foreground)}

/* ---------- product teaser cards (home) ---------- */
.teaser-grid{margin-top:26px;display:flex;flex-direction:column;gap:12px}
.teaser-card{display:block;padding:20px;border-radius:16px}
.teaser-card .plan-tag{margin-top:12px}
.teaser-card h3{margin-top:5px;font-size:19px;font-weight:800}
.teaser-card p{margin-top:6px;font-size:13px;color:var(--muted-foreground);line-height:1.5}
.teaser-card .go{margin-top:12px;font-size:12.5px;font-family:var(--font-mono)}

/* ---------- steps ---------- */
.steps{margin-top:26px;position:relative;list-style:none;display:flex;flex-direction:column;gap:0}
.steps-line{position:absolute;left:19px;top:8px;bottom:8px;width:1px;background:linear-gradient(180deg,var(--blue) 0,var(--border),transparent)}
.step{position:relative;display:flex;gap:16px;padding-bottom:26px}
.step:last-child{padding-bottom:0}
.step-num{position:relative;z-index:1;flex:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:15px;color:var(--blue)}
.step h3{font-size:15.5px;font-weight:700;margin-top:2px}
.step p{margin-top:5px;font-size:13px;color:var(--muted-foreground);line-height:1.55}

/* ---------- about ---------- */
.about-grid{display:flex;flex-direction:column;gap:32px}
.about-grid p{margin-top:11px;color:var(--muted-foreground);font-size:14px;line-height:1.6}
.about-sig{margin-top:16px;font-size:13px;color:var(--muted-foreground)}
.quote-card{padding:24px;border-radius:16px}
.quote-mark{font-family:var(--font-heading);font-size:34px;color:var(--gold);line-height:1}
.quote-card blockquote{margin-top:4px;font-family:var(--font-heading);font-size:17px;font-weight:600;line-height:1.4}
.qstats{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.qstats .k{font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;color:var(--muted-foreground)}
.qstats .v{margin-top:4px;font-size:12px;font-weight:600}

/* ---------- FAQ ---------- */
.faq-list{margin-top:26px;border-radius:16px;overflow:hidden}
.faq-item{border-bottom:1px solid var(--border)}
.faq-item:last-child{border-bottom:none}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;text-align:left;background:transparent;border:none;color:var(--foreground);padding:16px 18px;font-size:14px;font-weight:600}
.chev{transition:transform .25s;flex:none;stroke:var(--muted-foreground)}
.faq-item.open .chev{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-a-in{padding:0 18px 16px;font-size:13px;color:var(--muted-foreground);line-height:1.55}

/* ---------- contact ---------- */
.assure{margin-top:16px;list-style:none;display:flex;flex-direction:column;gap:11px}
.assure li{display:flex;gap:9px;font-size:13px;color:var(--muted-foreground)}
.assure svg{flex:none;stroke:var(--positive);margin-top:2px}
.form-card{margin-top:22px;padding:22px;border-radius:16px;display:flex;flex-direction:column;gap:15px}
.field label{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--muted-foreground);margin-bottom:7px}
.field select,.field input,.field textarea{width:100%;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:10px;padding:12px 13px;color:var(--foreground);font-family:var(--font-sans);font-size:14px}
.field textarea{min-height:88px;resize:vertical}
.field select:focus,.field input:focus,.field textarea:focus{outline:none;border-color:rgba(230,178,76,.5)}
.f-submit{margin-top:2px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--foreground);color:#0b0c0e;font-weight:700;padding:13px;border-radius:11px;border:none}
.f-note{font-size:11.5px;color:var(--muted-foreground);text-align:center;line-height:1.5}

/* ---------- footer ---------- */
.ft{border-top:1px solid var(--border);padding:44px 0 24px}
.ft-top{display:flex;flex-direction:column;gap:28px}
.ft-brand p{margin-top:10px;font-size:12.5px;color:var(--muted-foreground);line-height:1.6;max-width:280px}
.ft-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ft-col h4{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--muted-foreground)}
.ft-col a{display:block;margin-top:10px;font-size:12.5px;color:var(--muted-foreground)}
.ft-col a:hover{color:var(--foreground)}
.ft-disc{margin-top:32px;padding-top:22px;border-top:1px solid var(--border);font-size:11px;color:var(--muted-foreground);line-height:1.6}
.ft-certs{margin-top:28px;padding-top:28px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.ft-cert{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08);transition:border-color .25s,transform .25s,box-shadow .25s}
.ft-cert:hover{transform:translateY(-2px);border-color:rgba(230,178,76,.3);box-shadow:0 14px 34px -18px rgba(230,178,76,.35)}
.ft-certs img{display:block;border-radius:10px}
.ft-certs .cert-strip{height:76px;width:auto;max-width:100%}
.ft-certs .cert-seal{height:96px;width:96px;border-radius:50%}
@media(min-width:700px){
  .ft-certs .cert-strip{height:84px}
  .ft-certs .cert-seal{height:104px;width:104px}
}
.ft-bot{margin-top:24px;display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--muted-foreground)}

/* ---------- cookie ---------- */
.cookie{position:fixed;left:14px;right:14px;bottom:14px;max-width:400px;z-index:70;padding:18px;border-radius:14px;transform:translateY(140%);opacity:0;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s}
.cookie.show{transform:none;opacity:1}
.cookie h5{font-size:14px;font-weight:700}
.cookie p{margin-top:7px;font-size:12px;color:var(--muted-foreground);line-height:1.5}
.cookie-btns{margin-top:13px;display:flex;gap:8px}
.cookie-btns button{flex:1;padding:10px;border-radius:9px;font-size:12.5px;font-weight:600;border:none}
.cookie-btns .acc{background:var(--gold);color:#1a1102}
.cookie-btns .dec{background:rgba(255,255,255,.06);color:var(--foreground)}

/* ---------- legal page ---------- */
.legal-body{margin-top:22px;font-size:13.5px;line-height:1.65;color:var(--muted-foreground);max-width:640px}
.legal-body h2{margin-top:26px;color:var(--foreground);font-size:15px;font-family:var(--font-sans);font-weight:700}
.legal-body h2:first-child{margin-top:0}
.legal-body p{margin-top:6px;white-space:pre-line}
.legal-note{background:rgba(230,178,76,.08);border:1px solid rgba(230,178,76,.2);border-radius:10px;padding:12px 14px;font-size:12px;margin-bottom:18px;color:var(--muted-foreground)}

/* =====================================================================
   DESKTOP ENHANCEMENT (mobile is the base design, this only widens it)
   ===================================================================== */
@media(min-width:700px){
  :root{--pad:32px}
  body{font-size:16px}
  .wrap{max-width:1080px}
  .nav-links{display:flex;align-items:center;gap:26px}
  .nav-links a{position:relative;font-size:13.5px;font-weight:500;color:var(--muted-foreground);transition:color .2s;display:inline-flex;align-items:center;gap:6px}
  .nav-links a:hover{color:var(--foreground)}
  .nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--gold),var(--blue));transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.16,1,.3,1)}
  .nav-links a:hover::after{transform:scaleX(1)}
  .nav-links .tag-soon{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;color:var(--blue);background:var(--blue-soft);border-radius:999px;padding:1px 6px}
  .nav-cta{display:inline-flex;align-items:center;gap:8px;background:var(--foreground);color:#0b0c0e;font-weight:600;font-size:13px;padding:9px 16px;border-radius:9px;transition:transform .2s,box-shadow .2s}
  .nav-cta:hover{transform:translateY(-1px);box-shadow:0 10px 24px -10px rgba(0,0,0,.6)}
  .burger{display:none}
  .nav-in{height:66px}
  .il-mark{width:34px;height:34px}
  .brand b{font-size:16.5px}

  .hero{padding:64px 0 56px}
  .hero-in{max-width:560px}
  .hero h1{font-size:clamp(2.6rem,5.4vw,3.6rem)}
  .hero p.lead{font-size:17px;max-width:460px}
  .hero-trust{flex-direction:row;flex-wrap:wrap;gap:20px}

  .sec{padding:76px 0}
  .sec-title{font-size:clamp(1.9rem,3vw,2.4rem);max-width:560px}
  .sec-sub{font-size:15.5px;max-width:480px}

  .teaser-grid{flex-direction:row}
  .teaser-card{flex:1}

  .flist{display:grid;grid-template-columns:repeat(2,1fr);gap:0 32px}
  .flist .fitem{border-top:1px solid var(--border)}
  .flist .fitem:nth-last-child(-n+2){border-bottom:1px solid var(--border)}

  .pricing-grid{grid-template-columns:repeat(2,1fr)}
  .pricing-grid.four{grid-template-columns:repeat(2,1fr)}

  .about-grid{flex-direction:row;align-items:center;gap:48px}
  .about-grid > *{flex:1}

  .ft-top{flex-direction:row;justify-content:space-between;gap:40px}
  .ft-brand{max-width:260px}
  .ft-cols{grid-template-columns:repeat(3,1fr);gap:32px;flex:1}
  .ft-bot{flex-direction:row;justify-content:space-between}
}

@media(min-width:980px){
  .pricing-grid.four{grid-template-columns:repeat(4,1fr)}
  .flist{grid-template-columns:repeat(3,1fr)}
  .flist .fitem:nth-last-child(-n+3){border-bottom:1px solid var(--border)}
}

/* ---------- legal modal (still used as a fallback include on some pages) ---------- */
.ovl{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--pad);opacity:0;pointer-events:none;transition:opacity .25s}
.ovl.show{opacity:1;pointer-events:auto}
.modal{max-width:560px;width:100%;max-height:80vh;border-radius:16px;display:flex;flex-direction:column}
.modal-h{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--border)}
.modal-h h3{font-size:16px;font-weight:700}
.modal-x{background:none;border:none;color:var(--muted-foreground);font-size:16px}
.modal-b{padding:20px;overflow-y:auto;font-size:13px;line-height:1.6;color:var(--muted-foreground)}