/* Extracted from index.html on 2026-09-02 (Phase 3 of PLAN_95).
   Same rules, same cascade order; only the location changed. Link order in the page
   preserves the original document order, which was verified by proving that the
   component blocks share no selector with the main or hardening blocks. */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#0d1117;--bg2:#0f1620;--bg3:#111f2e;--bg4:#132030;
  --border:#1a2d45;--border2:#1e3a55;
  --blue:#0077cc;--bluelt:#33aaff;--bluehl:#88ddff;
  --green:#5ab87a;--red:#d45a3a;--gold:#f5a623;
  --text:#b8cce0;--text2:#9db0c7;--text3:#8b9fb8;
  --mono:'Inconsolata',monospace;--head:'Exo 2',sans-serif;
}
body.day{
  --bg:#f5f7fa;--bg2:#ffffff;--bg3:#eef1f5;--bg4:#e6ebf3;
  --border:#d0d6e0;--border2:#b9c4d4;
  --blue:#0077cc;--bluelt:#0066bb;--bluehl:#005a99;
  --green:#1e8a4a;--red:#c03a1e;--gold:#b07a14;
  --text:#1a2030;--text2:#4a5a75;--text3:#5a6b82;
}
body.day::before{background:radial-gradient(ellipse 70% 60% at 50% 10%, rgba(0,100,200,0.06) 0%, transparent 65%)}
body.day header{background:rgba(255,255,255,0.92);border-bottom:1px solid rgba(190,200,215,0.7)}
body.day .btn-hp:hover{color:#fff}
body.day .btn-pc.primary:hover{color:#fff}
/* ── Day design layer ─────────────────────────────────────────────────────────
   Night gets its depth from the dark canvas and glows; day needs its own system.
   Principles: ink-first typography (the headline is never painted in the accent),
   the dark accent step for any text-sized accent use (the mid step fails contrast
   on white), saturated accent only in small doses (badge, labels, buttons), and
   layered elevation instead of hairline borders. */
body.day{background:linear-gradient(180deg,#fbfcfe 0%,#f3f6fa 60%,#eef2f8 100%)}
body.day::before{background:radial-gradient(ellipse 75% 55% at 50% 8%, rgba(0,119,204,0.10) 0%, transparent 62%),radial-gradient(ellipse 45% 32% at 85% 85%, rgba(0,90,170,0.05) 0%, transparent 60%)}
body.day .header-logo-text{color:var(--blue)}
body.day .btn-h{color:#3f4c63;border-color:#c7d1e0}
body.day .btn-h:hover{color:var(--blue);border-color:var(--blue)}
body.day .hero-badge{background:#ffffff;border-color:rgba(0,119,204,.32);color:var(--blue);box-shadow:0 1px 2px rgba(16,24,40,.05),0 4px 14px rgba(0,90,180,.10)}
body.day .hero-title{color:var(--text);text-shadow:none}
body.day .hero-sub{color:#67758f}
body.day .hero-desc{color:#2c3750}
body.day #heroShow{background:#ffffff !important;border-color:#dfe6f0 !important;box-shadow:0 1px 2px rgba(16,24,40,.05),0 14px 34px rgba(16,24,40,.09)}
body.day #hsTitle{color:var(--blue) !important}
body.day #hsBody{color:#3f4c63 !important}
body.day .btn-cta-p{border-color:#2f9dea;box-shadow:0 1px 2px rgba(16,24,40,.10),0 10px 26px rgba(0,110,210,.28)}
body.day .btn-cta-p:hover{box-shadow:0 2px 4px rgba(16,24,40,.12),0 14px 32px rgba(0,110,210,.36)}
body.day .btn-cta-s{background:#ffffff;color:var(--blue);border-color:#c3cede;box-shadow:0 1px 2px rgba(16,24,40,.05)}
body.day .btn-cta-s:hover{border-color:var(--blue);color:var(--blue)}
body.day .comp-badge{color:#5a6a86}
body.day .stats-bar{background:#ffffff;box-shadow:0 10px 24px rgba(16,24,40,.05)}
body.day .stat-num{color:var(--blue)}
body.day .features-grid{background:#e3e9f2;border-color:#dfe6f0;box-shadow:0 1px 2px rgba(16,24,40,.04),0 14px 36px rgba(16,24,40,.07)}
body.day .fc{background:#ffffff}
body.day .fc:hover{background:#f6f9fd}
body.day .fc-title{color:var(--blue)}
body.day .fc-desc{color:#3f4c63}
body.day .how-section{background:#ffffff}
body.day .step-desc{color:#3f4c63}
body.day .pc{background:#ffffff;box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 28px rgba(16,24,40,.07)}
body.day .pc:hover{border-color:#b9c6d8}
body.day .pc-tier{color:#67758f}
body.day .btn-pc{border-color:#c7d1e0}
body.day .btn-pc:hover{background:#f2f6fb;color:var(--blue);border-color:var(--blue)}
body.day .cta-section{background:linear-gradient(135deg,#eaf1fa,#dfe9f6)}
body.day .cta-section h2{color:var(--text)}
body.day .cta-section p{color:#3f4c63}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--mono);font-size:13px;min-height:100vh;overflow-x:hidden;}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 70% 60% at 50% 10%, rgba(0,100,200,0.12) 0%, transparent 65%),radial-gradient(ellipse 40% 30% at 80% 80%, rgba(0,80,160,0.06) 0%, transparent 60%);}
.accent-top{position:fixed;top:0;left:0;right:0;height:2px;z-index:100;background:linear-gradient(90deg,transparent 0%,#0077cc 25%,#33aaff 50%,#0077cc 75%,transparent 100%);}
header{position:fixed;top:2px;left:0;right:0;z-index:99;background:rgba(13,17,23,0.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(26,45,69,0.6);display:flex;align-items:center;justify-content:space-between;padding:12px 24px;}
.header-logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.header-logo img{width:32px;height:32px;border-radius:50%;}
.header-logo-text{font-family:var(--head);font-weight:800;font-size:16px;color:var(--bluehl);white-space:nowrap;}
.header-nav{display:flex;align-items:center;gap:8px;}
.btn-h{font-family:var(--mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;padding:8px 16px;text-decoration:none;border:1px solid var(--border2);color:var(--text2);transition:all 0.15s;background:transparent;}
.btn-h:hover{color:var(--bluelt);border-color:var(--blue);}
.btn-hp{background:var(--blue);color:#e8f4ff;border-color:var(--bluelt);font-family:var(--head);font-weight:700;}
.btn-hp:hover{background:var(--bluelt);color:#000;}
@media(max-width:720px){header{padding:10px 12px;gap:8px;}.header-logo{gap:6px;flex-shrink:0;}.header-logo img{width:26px;height:26px;}.header-logo-text{font-size:14px;}.header-nav{gap:4px;flex-wrap:nowrap;}.btn-h{font-size:10px;letter-spacing:0.5px;padding:7px 9px;white-space:nowrap;}}@media(max-width:560px){header .btn-h[href="#pricing"]{display:none;}}@media(max-width:400px){.header-logo-text{display:none;}}
.hero{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:100vh;padding:100px 24px 60px;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(0,100,200,0.1);border:1px solid rgba(0,119,204,0.35);padding:6px 14px;font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--bluelt);margin-bottom:28px;}
.hero-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green);animation:blink 1.8s ease-in-out infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0.3;}}
.power-wrap{position:relative;width:120px;height:120px;margin-bottom:24px;}
.power-wrap::before{content:'';position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,119,255,0.15) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:0.5;transform:scale(1);}50%{opacity:1;transform:scale(1.05);}}
.power-img{width:120px;height:120px;border-radius:50%;display:block;}
.hero-title{font-family:var(--head);font-weight:900;font-size:clamp(32px,8vw,58px);color:var(--bluehl);letter-spacing:1px;line-height:1.1;margin-bottom:10px;text-shadow:0 0 40px rgba(51,170,255,0.3);}
.hero-sub{font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--text3);margin-bottom:20px;}
.hero-desc{font-size:14px;color:var(--text2);line-height:1.7;max-width:520px;margin-bottom:40px;}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}
.btn-cta{font-family:var(--head);font-weight:700;font-size:13px;letter-spacing:2px;text-transform:uppercase;padding:15px 32px;text-decoration:none;transition:all 0.2s;cursor:pointer;border:none;display:inline-block;}
.btn-cta-p{background:linear-gradient(135deg,#0077cc,#0099ee);color:#e8f4ff;border:1px solid #33aaff;box-shadow:0 0 24px rgba(0,120,220,0.3);}
.btn-cta-p:hover{background:linear-gradient(135deg,#0088dd,#00aaff);box-shadow:0 0 36px rgba(0,150,255,0.5);color:#fff;}
.btn-cta-s{background:transparent;color:var(--text2);border:1px solid var(--border2);}
.btn-cta-s:hover{border-color:var(--blue);color:var(--bluelt);}
.compliance-strip{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-top:40px;}
.comp-badge{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1.5px;color:var(--text3);text-transform:uppercase;}
.comp-badge::before{content:'\2713  ';color:var(--green);font-weight:700;font-style:normal;}
.stats-bar{position:relative;z-index:1;display:flex;justify-content:center;flex-wrap:wrap;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg2);}
.stat-item{padding:28px 40px;text-align:center;border-right:1px solid var(--border);}
.stat-item:last-child{border-right:none;}
.stat-num{font-family:var(--head);font-size:28px;font-weight:800;color:var(--bluelt);}
.stat-label{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--text3);margin-top:3px;}
.features{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:80px 24px;}
.section-label{font-size:9px;letter-spacing:4px;text-transform:uppercase;color:var(--blue);text-align:center;margin-bottom:12px;}
.section-title{font-family:var(--head);font-weight:800;font-size:clamp(22px,4vw,32px);color:var(--text);text-align:center;margin-bottom:50px;}
.features-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1px;background:var(--border);border:1px solid var(--border);}
.features-grid .fc{flex:1 1 300px;max-width:366px;}
.fc{background:var(--bg2);padding:28px;transition:background 0.15s;text-align:center;}
.fc:hover{background:var(--bg3);}
.fc-icon{margin-bottom:14px;}.fc-icon img,#hsIcon{width:44px;height:44px;padding:9px;background:linear-gradient(140deg,rgba(90,180,255,.14),rgba(16,60,130,.10));border:1px solid rgba(126,204,255,.40);border-radius:14px;backdrop-filter:blur(10px) saturate(1.4);-webkit-backdrop-filter:blur(10px) saturate(1.4);box-shadow:0 0 16px rgba(47,164,255,.30),inset 0 1px 0 rgba(255,255,255,.20);box-sizing:content-box;display:inline-block;vertical-align:middle}#hsIcon{width:34px;height:34px;padding:8px}body.day .fc-icon img,body.day #hsIcon{background:linear-gradient(140deg,rgba(7,26,60,.90),rgba(4,16,40,.84));border-color:rgba(70,160,240,.60);box-shadow:0 0 12px rgba(0,140,255,.35),inset 0 1px 0 rgba(255,255,255,.14)}
.fc-title{font-family:var(--head);font-weight:700;font-size:14px;color:var(--bluehl);margin-bottom:8px;}
.fc-desc{font-size:12px;color:var(--text2);line-height:1.7;}
.how-section{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:80px 24px;}
.how-inner{max-width:900px;margin:0 auto;}
.steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;margin-top:50px;}
.step{text-align:center;padding:20px;}
.step-num{width:48px;height:48px;border-radius:50%;background:rgba(0,119,204,0.15);border:1px solid rgba(0,119,204,0.4);font-family:var(--head);font-weight:800;font-size:18px;color:var(--bluelt);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}
.step-title{font-family:var(--head);font-weight:700;font-size:13px;color:var(--text);margin-bottom:8px;}
.step-desc{font-size:11px;color:var(--text2);line-height:1.6;}
.pricing-section{padding:80px 24px;max-width:1100px;margin:0 auto;position:relative;z-index:1;}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:50px;}
.pc{background:var(--bg2);border:1px solid var(--border);padding:42px 28px 34px;position:relative;transition:border-color 0.2s;text-align:center;}
.pc:hover{border-color:var(--border2);}
.pc.featured{border-color:var(--blue);border-top:2px solid var(--bluelt);}
.pc-badge{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:var(--blue);color:#fff;font-size:9px;letter-spacing:2px;text-transform:uppercase;padding:4px 10px;font-family:var(--head);font-weight:700;}
.pc-tier{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--text3);margin-bottom:8px;}
.pc-price{font-family:var(--head);font-weight:900;font-size:46px;color:var(--text);margin-bottom:6px;letter-spacing:-1px;}
.pc-price span{font-size:14px;color:var(--text3);font-weight:400;}
.pc-desc{font-size:11.5px;color:var(--text3);margin:0 auto 26px;line-height:1.6;max-width:250px;}
.pc-features{list-style:none;margin-bottom:28px;}
.pc-features li{font-size:12.5px;color:var(--text2);padding:7px 0;display:block;}
.pc-features li::before{content:"✓";color:var(--green);margin-right:8px;}
.btn-pc{display:block;width:100%;text-align:center;font-family:var(--head);font-weight:700;font-size:11px;letter-spacing:2px;text-transform:uppercase;padding:14px;text-decoration:none;transition:all 0.15s;border:1px solid var(--border2);color:var(--text);}
.btn-pc:hover{background:var(--bg3);border-color:var(--blue);color:var(--bluelt);}
.btn-pc.primary{background:var(--blue);color:#e8f4ff;border-color:var(--bluelt);}
.btn-pc.primary:hover{background:var(--bluelt);color:#000;}
.cta-section{background:linear-gradient(135deg,rgba(0,60,120,0.3),rgba(0,30,80,0.4));border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:80px 24px;text-align:center;position:relative;z-index:1;}
.cta-section h2{font-family:var(--head);font-weight:800;font-size:clamp(24px,4vw,36px);color:var(--bluehl);margin-bottom:12px;}
.cta-section p{color:var(--text2);font-size:13px;margin-bottom:32px;max-width:480px;margin-left:auto;margin-right:auto;}
footer{background:var(--bg2);border-top:1px solid var(--border);padding:32px 24px;text-align:center;position:relative;z-index:1;}
.footer-links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:16px;}
.footer-links a{font-size:11px;color:var(--text3);text-decoration:none;letter-spacing:1px;}
.footer-links a:hover{color:var(--bluelt);}
.footer-copy{font-size:10px;color:var(--text3);letter-spacing:1.5px;}
@media(max-width:600px){header{padding:10px 16px;}.header-logo-text{font-size:14px;}.stat-item{padding:20px 24px;}.btn-h{padding:6px 12px;font-size:10px;}}