*{box-sizing:border-box}
:root{
  --bg:#080a1c;
  --text:#f7fbff;
  --muted:#8fa3bd;
  --cyan:#39d9e6;
  --blue:#1c73d6;
  --line:rgba(130,188,226,.14);
  --green:#49d6a1;
}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
a{color:inherit;text-decoration:none}
button{font:inherit}
.page-shell{min-height:100vh;overflow:hidden}
.site-header{
  max-width:1240px;margin:0 auto;height:102px;padding:0 28px;
  display:grid;grid-template-columns:auto 1fr;align-items:center;
  gap:32px;
  border-bottom:1px solid var(--line);
}
.brand{display:flex;align-items:center}
.brand img{display:block;width:250px;height:76px;object-fit:contain;object-position:left center;border-radius:0}
.header-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:22px;
}
.nav-links{display:flex;gap:34px;align-items:center;justify-content:flex-end}
.nav-links a{color:#b4c1d2;font-size:13px;transition:.2s ease}
.nav-links a:hover{color:white}
.nav-cta{
  border:1px solid rgba(57,217,230,.45);color:var(--cyan);
  padding:11px 15px;border-radius:999px;font-size:12px;font-weight:700;
  white-space:nowrap;
}
main{max-width:1240px;margin:0 auto;padding:0 28px 80px}
.hero{
  position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;
  align-items:center;min-height:620px;border-bottom:1px solid var(--line);
}
.hero-grid{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(52,82,126,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(52,82,126,.08) 1px,transparent 1px);
  background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent);pointer-events:none;
}
.glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.18}
.glow-one{width:320px;height:320px;background:var(--cyan);top:80px;left:-120px}
.glow-two{width:300px;height:300px;background:var(--blue);right:-100px;bottom:50px}
.hero-copy{position:relative;z-index:2}
.eyebrow{display:inline-block;color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.22em}
h1{font-size:clamp(48px,6vw,74px);line-height:1.01;letter-spacing:-.05em;margin:18px 0 22px;max-width:760px}
.lead{max-width:680px;color:var(--muted);font-size:17px;line-height:1.7}
.hero-actions{display:flex;gap:12px;margin-top:26px}
.button{padding:14px 19px;border-radius:12px;font-size:13px;font-weight:750}
.primary{background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 10px 30px rgba(28,115,214,.22)}
.secondary{border:1px solid var(--line);background:rgba(255,255,255,.02)}
.trust-line{display:flex;align-items:center;gap:12px;margin-top:24px;color:#6e839f;font-size:11px}
.trust-line i{width:4px;height:4px;border-radius:50%;background:#35506f}
.seo-intro{
  max-width:680px;
  margin:16px 0 0;
  color:#617792;
  font-size:12px;
  line-height:1.7;
}

.risk-panel{
  position:relative;z-index:2;background:linear-gradient(180deg,rgba(16,24,50,.98),rgba(9,14,33,.98));
  border:1px solid rgba(80,150,203,.22);border-radius:28px;padding:26px;
  box-shadow:0 30px 80px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.03);
  overflow:hidden;
}
.premium-panel::before{
  content:"";position:absolute;inset:0;border-radius:28px;padding:1px;
  background:linear-gradient(135deg, rgba(57,217,230,.3), rgba(255,255,255,.04), rgba(73,214,161,.18));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  pointer-events:none;
}
.panel-shine{
  position:absolute; inset:-30% auto auto -10%; width:60%; height:120%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.05), transparent);
  transform:rotate(18deg);
  animation:panelShine 8s linear infinite;
}
.scan-line{
  position:absolute;left:8%;top:104px;width:84%;height:2px;
  background:linear-gradient(90deg,transparent,rgba(57,217,230,.92),transparent);
  box-shadow:0 0 18px rgba(57,217,230,.75);
  animation:scanSweep 4.8s linear infinite;
}
.panel-top{display:flex;justify-content:space-between;align-items:start;padding-bottom:18px;border-bottom:1px solid var(--line);position:relative;z-index:2}
.panel-top>div{display:grid;gap:6px}
.panel-label{font-size:9px;letter-spacing:.18em;color:#6d86a6}
.panel-top strong{font-size:15px}
.live-dot{
  font-size:9px;letter-spacing:.12em;color:var(--cyan);border:1px solid rgba(57,217,230,.3);
  padding:7px 9px;border-radius:999px;background:rgba(7,11,28,.45);cursor:pointer;
  animation:softPulse 1.8s ease-in-out infinite;
}
.wallet-demo{
  position:relative;z-index:2;
  margin-top:18px;padding:16px;border:1px solid rgba(130,188,226,.14);border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  backdrop-filter: blur(8px);
}
.wallet-field{display:grid;gap:8px}
.wallet-label{font-size:10px;letter-spacing:.16em;color:#6d86a6;text-transform:uppercase}
.wallet-value{
  min-height:52px;border:1px solid rgba(130,188,226,.18);border-radius:14px;
  display:flex;align-items:center;gap:12px;padding:0 14px;background:rgba(7,11,28,.58);
  color:#d9e8f8;font-size:14px;font-weight:600;letter-spacing:.04em;
}
.chain-icon{
  width:28px;height:28px;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(135deg, rgba(57,217,230,.18), rgba(28,115,214,.18));
  border:1px solid rgba(130,188,226,.14); flex:0 0 28px;
}
.chain-icon svg{width:16px;height:16px;display:block}
.wallet-main{flex:1}
.wallet-badge{
  font-size:10px;padding:6px 8px;border-radius:999px;background:rgba(73,214,161,.08);
  border:1px solid rgba(73,214,161,.18);color:#dff8ef
}
.wallet-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.meta-chip{
  font-size:10px;padding:7px 10px;border-radius:999px;
  border:1px solid rgba(130,188,226,.16);color:#9fb2c8;background:rgba(255,255,255,.02);
}
.demo-status{
  position:relative;z-index:2;
  display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;margin-bottom:4px;
}
.status-pill{
  font-size:10px;padding:7px 10px;border-radius:999px;
  border:1px solid rgba(73,214,161,.14);color:#9fb2c8;background:rgba(255,255,255,.02);
  opacity:.75; transition:.25s ease;
}
.status-pill.active{
  color:#dff8ef;background:rgba(73,214,161,.08);border-color:rgba(73,214,161,.2);
  box-shadow:0 0 0 1px rgba(73,214,161,.06) inset;
}
.risk-score{display:flex;align-items:center;gap:26px;padding:26px 0 24px;position:relative;z-index:2}
.score-ring{width:132px;height:132px;position:relative;flex:0 0 132px}
.ring-track{position:absolute;inset:0;border-radius:50%;border:10px solid rgba(73,214,161,.16)}
.ring-arc{
  position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(from 0deg, var(--green) 0deg 72deg, transparent 72deg 360deg);
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 10px), #000 calc(100% - 10px));
  mask:radial-gradient(farthest-side, transparent calc(100% - 10px), #000 calc(100% - 10px));
  animation:arcRotate 6s linear infinite;
  filter:drop-shadow(0 0 12px rgba(73,214,161,.30));
}
.ring-core{
  position:absolute;inset:14px;border-radius:50%;
  background:radial-gradient(circle at 30% 20%, rgba(57,217,230,.08), transparent 45%), rgba(13,19,43,.96);
  display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(130,188,226,.08);
}
.ring-core span{font-size:42px;font-weight:700;line-height:1}
.ring-core small{position:absolute;bottom:22px;font-size:10px;color:#66809d}
.score-text{max-width:260px}
.risk-low{color:var(--green);font-size:12px;font-weight:850;letter-spacing:.12em}
.score-text p{color:#7890ad;font-size:12px;line-height:1.6}

.signal-bar{
  position:relative;z-index:2;background:rgba(255,255,255,.03);border:1px solid var(--line);
  border-radius:14px;padding:14px 14px 14px 16px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;overflow:hidden;
}
.signal-bar span{font-size:11px;color:#8aa0b9}
.signal-bar strong{font-size:12px}
.signal-fill{
  position:absolute;left:0;top:0;bottom:0;width:92%;
  background:linear-gradient(90deg,rgba(28,115,214,.18),rgba(57,217,230,.18));
  animation:confidenceGlow 2.6s ease-in-out infinite;
}
.risk-list{display:grid;gap:0;border-top:1px solid var(--line);margin-top:18px;position:relative;z-index:2}
.risk-list div{
  display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;
  opacity:0;transform:translateY(8px);animation:rowIn .6s ease forwards;animation-delay:var(--d);
}
.risk-list span{color:#7188a4}
.risk-list strong{font-weight:650;color:#dce7f5}
.mini-actions{
  position:relative;z-index:2;display:flex;gap:10px;justify-content:flex-end;
  margin-top:16px;
}
.mini-btn{
  border-radius:12px;padding:10px 14px;font-size:12px;font-weight:700;cursor:pointer;
  border:1px solid rgba(130,188,226,.18);background:rgba(255,255,255,.02);color:#c7d6e7;
}
.primary-mini{
  background:linear-gradient(135deg, rgba(28,115,214,.95), rgba(57,217,230,.95));
  color:#fff;border:none;box-shadow:0 10px 24px rgba(28,115,214,.18);
}
.panel-footer{
  display:flex;justify-content:space-between;gap:14px;align-items:flex-end;
}
.footer-side{padding-top:16px;display:grid;justify-items:end;gap:4px}
.pulse-note{padding-top:16px;color:#516983;font-size:9px;display:flex;align-items:center;gap:8px;position:relative;z-index:2}
.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 0 rgba(57,217,230,.5);animation:pulseDot 2s infinite}
.wallet-time{color:#6d86a6;font-size:10px}
.hash-preview{color:#9fb2c8;font-size:11px;letter-spacing:.08em}
.why{padding:84px 0}
.section-head{max-width:760px}
.section-head h2,.launch h2{font-size:48px;line-height:1.08;letter-spacing:-.04em;margin:18px 0 0}
.feature-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  margin-top:52px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.feature-grid article{
  padding:26px 24px 32px;
  border-right:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.01), rgba(255,255,255,.00));
}
.feature-grid article+article{padding-left:24px}
.feature-grid article:last-child{border-right:0}
.feature-photo{
  display:block;
  width:100%;
  aspect-ratio: 4 / 3;
  object-fit:contain;
  object-position:center;
  background:
    radial-gradient(circle at top right, rgba(57,217,230,.08), transparent 34%),
    linear-gradient(180deg, rgba(12,18,42,.99), rgba(9,14,33,.99));
  border-radius:20px;
  border:1px solid rgba(130,188,226,.14);
  box-shadow:0 18px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03);
  margin-bottom:18px;
  padding:12px;
}
.feature-grid h3{
  font-size:20px;
  margin:0 0 12px;
  letter-spacing:-.02em;
}
.feature-grid p{
  color:#758aa4;
  font-size:14px;
  line-height:1.72;
}
.platform-strip{display:grid;grid-template-columns:1fr 1fr;background:#0b1025;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.platform-strip>div{padding:28px}
.platform-strip>div+div{border-left:1px solid var(--line)}
.strip-label{display:block;color:#5d7593;font-size:9px;letter-spacing:.16em;margin-bottom:9px}
.platform-strip strong{font-size:14px}
.launch{padding:100px 0 80px;display:grid;grid-template-columns:1fr .72fr;gap:80px;align-items:start}
.launch-copy p{max-width:650px;color:#8196b0;line-height:1.75;font-size:15px}
.contact-card{border:1px solid var(--line);background:#0b1025;border-radius:18px;padding:24px}
.contact-title{display:block;color:#7187a2;font-size:10px;letter-spacing:.16em;margin-bottom:14px}
.contact-card a{display:block;padding:18px 0;border-top:1px solid var(--line)}
.contact-card small{display:block;color:#596f8a;font-size:10px;margin-bottom:5px}
.contact-card strong{font-size:16px}
.contact-card a:hover strong{color:var(--cyan)}
.site-footer{
  max-width:1240px;margin:0 auto;padding:34px 28px 44px;border-top:1px solid var(--line);
  display:grid;grid-template-columns:1fr auto 1fr;gap:30px;color:#5f7590;font-size:11px;
}
.footer-brand{display:grid;gap:5px}
.footer-brand strong{color:#d8e5f2;font-size:14px}
.footer-links{display:flex;gap:20px;align-items:center}
.footer-links a:hover{color:var(--cyan)}
.footer-legal{text-align:right;display:grid;gap:5px;max-width:420px;justify-self:end}

@keyframes scanSweep{
  0%{transform:translateY(0);opacity:0}
  8%{opacity:1}
  50%{opacity:.9}
  92%{opacity:1}
  100%{transform:translateY(146px);opacity:0}
}
@keyframes arcRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes softPulse{0%,100%{box-shadow:0 0 0 0 rgba(57,217,230,.0)}50%{box-shadow:0 0 0 8px rgba(57,217,230,.08)}}
@keyframes confidenceGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.25)}}
@keyframes rowIn{to{opacity:1;transform:translateY(0)}}
@keyframes pulseDot{0%{box-shadow:0 0 0 0 rgba(57,217,230,.45)}70%{box-shadow:0 0 0 10px rgba(57,217,230,0)}100%{box-shadow:0 0 0 0 rgba(57,217,230,0)}}
@keyframes panelShine{
  0%{transform:translateX(-120%) rotate(18deg)}
  100%{transform:translateX(220%) rotate(18deg)}
}

@media(max-width:900px){
  .site-header{grid-template-columns:1fr auto;height:86px;padding:0 18px}
  .brand img{width:190px;height:56px;object-fit:contain;object-position:left center}
  .nav-links{display:none}
  main{padding:0 18px 60px}
  .hero{grid-template-columns:1fr;gap:24px;padding:52px 0;min-height:auto}
  h1{font-size:46px}
  .risk-panel{max-width:540px}
  .feature-grid{grid-template-columns:1fr}
  .feature-grid article,.feature-grid article+article{padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}
  .feature-grid article:last-child{border-bottom:0}
  .platform-strip,.launch{grid-template-columns:1fr}
  .platform-strip>div+div{border-left:0;border-top:1px solid var(--line)}
  .launch{gap:40px}
  .panel-footer{flex-direction:column;align-items:flex-start}
  .footer-side{justify-items:start}
  .site-footer{grid-template-columns:1fr;padding:28px 18px}
  .footer-links{flex-direction:column;align-items:flex-start;gap:8px}
  .footer-legal{text-align:left;justify-self:start}
}


@media(max-width:900px){
  .feature-photo{
    padding:6px;
    aspect-ratio: 4 / 3;
  }
}