@import url('/css/responsive.css');
:root{--navy:#0a1128;--surface:#16213e;--surface2:#1d2b50;--blue:#2e5eff;--gold:#c9a227;--text:#f7f8fc;--muted:#9aa5ba;--border:rgba(255,255,255,.1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:radial-gradient(circle at 80% 0,#152c66 0,transparent 35%),var(--navy);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;max-width:1160px;margin:auto;padding:0 24px}
.brand{font-size:22px;font-weight:800;letter-spacing:-.5px}
.brand i{color:var(--blue);font-style:normal}
.actions{display:flex;gap:10px}
.mobile-menu{display:none;position:relative}.mobile-menu summary{list-style:none;cursor:pointer;border:1px solid var(--border);border-radius:13px;padding:8px 13px;font-size:18px;letter-spacing:2px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu>div{position:absolute;z-index:30;right:0;top:48px;display:grid;min-width:220px;padding:10px;border:1px solid var(--border);border-radius:16px;background:#101a34;box-shadow:0 20px 55px rgba(0,0,0,.45)}.mobile-menu a{padding:12px;border-radius:10px;color:#dce2ee}.mobile-menu a:hover{background:rgba(255,255,255,.06)}.mobile-menu .primary-link{background:var(--blue);color:white}
.btn{border:1px solid var(--border);background:var(--surface);color:white;padding:11px 17px;border-radius:13px;cursor:pointer;font-weight:650}
.btn.primary{background:var(--blue);border-color:var(--blue);box-shadow:0 8px 30px rgba(46,94,255,.3)}
.btn.danger{background:#5a2030}
.container{max-width:1160px;margin:40px auto;padding:0 24px}
.hero{padding:90px 0;max-width:760px}
.eyebrow{color:#8ba7ff;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800}
.hero h1{font-size:clamp(48px,8vw,86px);line-height:.98;margin:18px 0;letter-spacing:-4px}
.hero p{color:var(--muted);font-size:20px;line-height:1.6}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.card{background:linear-gradient(145deg,var(--surface),rgba(22,33,62,.72));border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:0 20px 50px rgba(0,0,0,.18)}
.card h2,.card h3{margin-top:0}
.muted{color:var(--muted)}
form{display:grid;gap:15px}
label{display:grid;gap:7px;color:#dce2ee;font-weight:600}
input,textarea{width:100%;border:1px solid var(--border);border-radius:12px;background:#0e1935;color:white;padding:13px 14px;font:inherit}
input:focus,textarea:focus{outline:2px solid var(--blue);border-color:transparent}
.form-card{max-width:480px;margin:55px auto}
.social-auth{display:grid;gap:10px;margin:20px 0}.btn.social{display:block;text-align:center;background:#f7f8fc;color:#10182d}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.divider:before,.divider:after{content:'';height:1px;background:var(--border);flex:1}.admin-entry{margin-top:8px;color:#8998c9!important;font-size:12px!important}
.error{color:#ff94a8;font-size:13px}
.agree-row{display:flex;align-items:flex-start;gap:10px;font-weight:400;color:var(--muted);font-size:13px;line-height:1.5;margin-top:-2px}
.agree-row input{width:17px;height:17px;flex:0 0 17px;margin-top:2px;accent-color:var(--blue)}
.agree-row a{color:#9aabff;text-decoration:underline;text-underline-offset:2px}
.agree-row a:hover{color:#c2ccff}
.legal-doc{max-width:760px;margin:0 auto 70px;padding:0 24px}
.legal-doc .legal-eyebrow{color:#8ba7ff;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800}
.legal-doc h1{font-size:clamp(32px,5vw,48px);letter-spacing:-1.5px;margin:14px 0 6px}
.legal-doc .legal-date{display:inline-block;padding:5px 12px;border-radius:20px;background:rgba(91,108,255,.14);color:#aab5ff;font-size:12px;font-weight:650;margin-bottom:34px}
.legal-doc section{padding:26px 0;border-top:1px solid var(--border)}
.legal-doc section:first-of-type{border-top:none;padding-top:0}
.legal-doc h2{font-size:20px;margin:0 0 12px;display:flex;align-items:center;gap:10px}
.legal-doc h2 b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(91,108,255,.16);color:#9aabff;font-size:13px;flex:none}
.legal-doc p{color:var(--muted);line-height:1.75;margin:0}
.legal-doc p+p{margin-top:12px}
.legal-back{color:#8998c9;font-size:14px}
@media(max-width:650px){.legal-doc{padding:0 18px;margin-bottom:50px}.legal-doc section{padding:20px 0}}
.bio{max-width:560px;margin:35px auto;text-align:center}
.bio-links{display:grid;gap:12px;margin-top:28px}
.bio-link{padding:17px;background:var(--surface);border:1px solid var(--border);border-radius:15px;font-weight:700;transition:.2s}
.bio-link:hover{transform:translateY(-2px);border-color:var(--blue)}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:12px;border-bottom:1px solid var(--border)}
.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 28px}.stats-grid.compact{grid-template-columns:minmax(0,240px)}.stat-card{padding:20px;border:1px solid var(--border);border-radius:17px;background:rgba(22,33,62,.72)}.stat-card span{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.stat-card strong{font-size:30px}.metric-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px;color:var(--muted);font-size:13px}.metric-row b{color:var(--text);font-size:16px}.link-editor{display:flex;justify-content:space-between;align-items:center;gap:15px}.link-editor small{display:block;color:var(--muted);margin-top:5px}.link-editor form{display:block}
@media(max-width:650px){.hero{padding:55px 0}
.hero h1{letter-spacing:-2px}
.nav{padding:0 16px}
.container{padding:0 16px;margin-top:24px}
.hide-mobile{display:none}
.stats-grid,.stats-grid.compact{grid-template-columns:1fr}.link-editor{align-items:flex-start}
}
.nav-links{display:flex;gap:26px;color:var(--muted);font-size:14px}.btn.ghost{background:transparent}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.hero-grid h1 span{color:#7081ff}.hero-actions{margin:28px 0}.trust-row{display:flex;gap:18px;flex-wrap:wrap;color:#aab5ca;font-size:13px}.phone-demo{width:300px;margin:auto;padding:40px 22px 26px;border:8px solid #202b43;border-radius:48px;background:linear-gradient(160deg,#14213f,#0d1426);text-align:center;box-shadow:0 45px 100px rgba(0,0,0,.45);transform:rotate(3deg)}.avatar{width:74px;height:74px;margin:0 auto 14px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(135deg,#5c70ff,#42d9ff);font-weight:900;font-size:23px}.phone-demo h3{margin:0}.phone-demo p,.phone-demo small{color:var(--muted)}.demo-link{margin:10px 0;padding:13px 15px;border-radius:13px;background:rgba(255,255,255,.07);display:flex;justify-content:space-between}.logo-strip{border-block:1px solid var(--border);padding:22px max(24px,calc((100vw - 1080px)/2));display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#7f8ba2;text-transform:uppercase;font-size:12px;font-weight:800}.section{padding:90px 24px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}.section-head h2,.split h2,.cta h2{font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:-2px;margin:12px 0}.section-head>p{max-width:400px;color:var(--muted);line-height:1.7}.feature-grid,.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card,.price-card{padding:30px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(145deg,var(--surface),rgba(22,33,62,.55))}.feature-card>b{color:#7185ff}.feature-card p,.price-card p{color:var(--muted);line-height:1.65}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.showcase-card{min-height:430px;border-radius:32px;padding:40px;background:radial-gradient(circle at 80% 10%,rgba(80,110,255,.5),transparent 35%),#10182d;border:1px solid var(--border);position:relative;overflow:hidden}.showcase-card strong{color:#71e5ac}.showcase-card h3{font-size:42px}.nfc-card{position:absolute;bottom:50px;right:-25px;width:300px;height:180px;border-radius:22px;background:linear-gradient(135deg,#6174ff,#29365f);padding:25px;font-size:24px;font-weight:900;transform:rotate(-10deg);box-shadow:0 25px 55px rgba(0,0,0,.4)}.nfc-card i{font-style:normal;color:#4ddcff}.nfc-card span{float:right}.lead{font-size:18px;color:var(--muted);line-height:1.7}.check-list{list-style:none;padding:0;margin:24px 0 34px}.check-list li{padding:9px 0}.check-list li:before{content:'✓';color:#6f83ff;margin-right:12px}.centered{justify-content:center;text-align:center}.price-card{position:relative}.price-card h3{font-size:42px;margin:18px 0}.price-card h3 small{font-size:14px;color:var(--muted)}.price-card.featured{border-color:#6075ff;transform:translateY(-14px);box-shadow:0 25px 70px rgba(46,94,255,.2)}.popular{position:absolute;right:18px;top:18px;font-size:10px;padding:6px 9px;border-radius:10px;background:#5369ff}.cta{text-align:center;margin-bottom:90px;padding:75px;border:1px solid rgba(91,111,255,.4);border-radius:30px;background:radial-gradient(circle at 50% 0,rgba(65,91,255,.28),transparent 60%),var(--surface)}.site-footer{border-top:1px solid var(--border);background:#080d1a;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px;margin-top:0}.footer-grid>div{display:flex;flex-direction:column;gap:12px}.footer-grid p,.footer-grid a{color:var(--muted);font-size:14px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:20px;margin-top:40px;color:#6f7b91;font-size:12px}.wide{max-width:1400px}.admin-list{display:grid;gap:14px}.inline-form{grid-template-columns:repeat(5,minmax(120px,1fr)) auto;align-items:end;margin-top:18px}.pill,.notice{padding:7px 10px;border-radius:10px;background:rgba(91,108,255,.16);color:#aab5ff}.check{display:flex;align-items:center}.check input{width:auto}select{width:100%;border:1px solid var(--border);border-radius:12px;background:#0e1935;color:white;padding:13px}.table-wrap{overflow:auto}.settings-card{max-width:680px}@media(max-width:850px){.hero-grid,.split{grid-template-columns:1fr}.feature-grid,.pricing-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.section-head{display:block}.footer-grid{grid-template-columns:1fr 1fr}.inline-form{grid-template-columns:1fr 1fr}.section{padding-block:60px}}@media(max-width:520px){.footer-grid{grid-template-columns:1fr}.footer-bottom{display:grid;gap:8px}.phone-demo{width:270px}.cta{padding:45px 20px}}

/* Keep the final mobile state after the base component declarations above. */
@media(max-width:650px){
  .nav-links,.desktop-actions,.hide-mobile{display:none!important}
  .mobile-menu{display:block}
  .nav{height:64px;padding-inline:16px}
  .mobile-menu summary{display:grid;place-items:center;width:44px;height:42px;padding:0}
  .mobile-menu>div{position:fixed;top:66px;left:12px;right:12px;min-width:0;padding:10px;border-radius:20px;background:rgba(14,24,49,.98);box-shadow:0 24px 70px rgba(0,0,0,.55);backdrop-filter:blur(22px)}
  .hero-grid{display:grid;grid-template-columns:1fr;gap:44px;min-height:auto;padding:38px 16px 54px;text-align:center}
  .hero-grid .actions,.trust-row{justify-content:center}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:9px}
  .hero-actions .btn{padding-inline:10px}
  .trust-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:12px}
  .trust-row span:last-child{grid-column:1/-1}
  .logo-strip{display:grid;grid-template-columns:1fr 1fr;padding:19px 16px;gap:16px 10px;text-align:center;font-size:10px}
  .logo-strip span:last-child{grid-column:1/-1}
  .feature-grid,.pricing-grid{grid-template-columns:1fr}
  .feature-grid>*:last-child,.pricing-grid>*:last-child{grid-column:auto;max-width:none}
  .footer-grid{grid-template-columns:1fr 1fr;gap:30px 22px}
  .footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}
  .legal-back{white-space:nowrap}
}
@media(max-width:370px){
  .hero-actions{grid-template-columns:1fr}
  .trust-row{grid-template-columns:1fr}
  .trust-row span:last-child{grid-column:auto}
  .legal-doc{padding-inline:14px}
}