:root{--navy:#061b33;--panel:#092846;--panel2:#0e3457;--cyan:#13d8ef;--green:#34df93;--ink:#ecf9ff;--muted:#9db7c8;--red:#ff6470;--line:#225276}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#0d3c62 0,#061b33 44%,#041424 100%);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}header{height:76px;border-bottom:1px solid #235374;background:#061a31d9;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;position:sticky;top:0;z-index:3;backdrop-filter:blur(12px)}.brand{display:grid;grid-template-columns:42px auto;grid-template-rows:auto auto;color:white;text-decoration:none;line-height:1}.mark{grid-row:1/3;font-size:35px;color:var(--cyan);align-self:center}.brand b{font-size:27px;letter-spacing:-1.5px}.brand b span{color:var(--cyan)}.brand small{font-size:10px;color:var(--muted);letter-spacing:1px}nav{display:flex;gap:9px}button,.button{border:1px solid transparent;border-radius:9px;background:transparent;color:var(--ink);padding:10px 15px;font-weight:700;cursor:pointer;font:inherit}.primary,.button.primary{background:linear-gradient(135deg,#14c9e5,#0e98e8);color:#002139;box-shadow:0 8px 22px #00b8e344}.danger{background:#842e3d;color:#fff}.secondary{border-color:#287099;background:#082a49}.wide{width:100%}.hero{max-width:1180px;margin:auto;padding:84px 6vw 60px;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.eyebrow{color:var(--cyan);font-weight:800;letter-spacing:2px;text-transform:uppercase;font-size:12px}.hero h1{font-size:clamp(38px,6vw,72px);line-height:.98;margin:14px 0}.hero h1 span{color:var(--cyan)}.hero p{font-size:18px;color:var(--muted);line-height:1.65;max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.disclaimer{border-left:3px solid #f1bb3d;background:#162c43;padding:14px 16px;color:#d8e7f2;font-size:14px;line-height:1.5}.phone-card,.panel,.card{background:linear-gradient(150deg,#0b3153,#061d36);border:1px solid #276187;border-radius:17px;box-shadow:0 22px 60px #0005}.phone-card{padding:26px;max-width:410px;margin:auto}.phone-card h2{font-size:24px;margin:0 0 7px}.phone-card .status{color:var(--green)}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.plan{border:1px solid var(--line);padding:12px;border-radius:10px;text-align:center;background:#082641}.plan strong{display:block;color:var(--cyan);font-size:20px}.wrap{max-width:1180px;margin:0 auto;padding:38px 6vw 80px}.auth{max-width:520px;margin:35px auto;padding:30px}.auth h1{margin-top:0}.auth p{color:var(--muted)}label{display:block;font-size:13px;font-weight:800;margin:14px 0 6px;color:#d5edf9}input,select,textarea{width:100%;background:#04192d;border:1px solid #286083;border-radius:8px;padding:12px;color:#f4fbff;font:inherit}textarea{min-height:110px;resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hint{font-size:12px;color:var(--muted);line-height:1.45}.notice{max-width:900px;margin:18px auto;padding:12px 15px;background:#103b3a;border:1px solid #287e74;color:#dbfff8;border-radius:8px}.error{background:#4b2631;border-color:#a84657;color:#ffe9ed}.dashboard{display:grid;grid-template-columns:220px 1fr;gap:24px}.sidebar{padding:16px;height:max-content}.sidebar button{width:100%;text-align:left}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{padding:20px}.card h3{margin:0 0 10px}.big{font-size:29px;color:var(--cyan);font-weight:800}.tablewrap{overflow:auto;border:1px solid #245677;border-radius:10px}table{width:100%;border-collapse:collapse;font-size:13px;min-width:760px}th,td{padding:11px;border-bottom:1px solid #174364;text-align:left;vertical-align:top}th{color:#9eddf0;background:#082b49;white-space:nowrap}.tag{padding:4px 7px;border-radius:100px;font-size:11px;font-weight:800;background:#164764;color:#b5eff8;display:inline-block}.tag.active,.tag.approved{background:#12533f;color:#baffdd}.tag.pending{background:#4e4016;color:#fff0a4}.tag.expired,.tag.rejected{background:#5b2931;color:#ffdce0}.section{margin:20px 0 32px}.hidden{display:none!important}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.link{color:var(--cyan);text-decoration:underline;cursor:pointer;background:none;border:0;padding:0}.small{font-size:12px}.modal{position:fixed;inset:0;background:#000a;display:grid;place-items:center;padding:20px;z-index:5}.modal>div{max-width:520px;width:100%;padding:25px;background:#082a48;border:1px solid #3080a8;border-radius:16px}.iphone{border:1px solid var(--green);background:#083b37;padding:20px;border-radius:14px}.footer-note{color:#89a6b8;font-size:12px;margin-top:36px}@media(max-width:800px){header{padding:0 4vw}.hero{grid-template-columns:1fr;padding-top:50px}.plans,.statgrid{grid-template-columns:1fr 1fr}.dashboard{grid-template-columns:1fr}.sidebar{display:flex;overflow:auto}.sidebar button{white-space:nowrap}.row,.split{grid-template-columns:1fr}nav button:not(.primary){display:none}}
.system-flow{display:block;width:100%;margin:20px 0 12px;border:1px solid #2b668a;border-radius:12px;background:#061b33}
.hero{position:relative;isolation:isolate;min-height:610px;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,20,36,.96) 0%,rgba(4,20,36,.87) 42%,rgba(4,20,36,.28) 76%,rgba(4,20,36,.48) 100%),url('/assets/helphone-dashboard-bg.png') center/cover no-repeat;border-radius:0 0 28px 28px}
.hero>*{position:relative;z-index:1}
@media(max-width:800px){.hero{min-height:0}.hero::before{background:linear-gradient(180deg,rgba(4,20,36,.91),rgba(4,20,36,.79)),url('/assets/helphone-dashboard-bg.png') right center/cover no-repeat}}
/* Let the system visual remain readable while maintaining contrast for the action copy. */
.hero::before{background:linear-gradient(90deg,rgba(4,20,36,.94) 0%,rgba(4,20,36,.76) 39%,rgba(4,20,36,.10) 73%,rgba(4,20,36,.22) 100%),url('/assets/helphone-dashboard-bg.png') center/cover no-repeat}
.phone-card{background:linear-gradient(150deg,rgba(11,49,83,.90),rgba(6,29,54,.87));backdrop-filter:blur(4px)}
@media(max-width:800px){.hero::before{background:linear-gradient(180deg,rgba(4,20,36,.67) 0%,rgba(4,20,36,.43) 52%,rgba(4,20,36,.76) 100%),url('/assets/helphone-dashboard-bg.png') 68% top/auto 100% no-repeat}.phone-card{background:linear-gradient(150deg,rgba(11,49,83,.93),rgba(6,29,54,.91))}}
/* Compact safety signals keep the phone, location and SIM story visible on the hero. */
.hero-signals{position:absolute;right:8vw;top:155px;width:228px;display:grid;gap:10px;z-index:1}.signal{padding:11px 13px;border:1px solid rgba(85,219,239,.55);border-radius:11px;background:rgba(3,29,54,.58);backdrop-filter:blur(5px);box-shadow:0 12px 26px rgba(0,0,0,.22)}.signal b{display:block;color:var(--cyan);font-size:11px;letter-spacing:1.2px}.signal span{display:block;margin-top:3px;color:#e9f9ff;font-size:13px;font-weight:700}.signal.sim{border-color:rgba(255,130,115,.7)}.signal.sim b{color:#ff9d8f}@media(max-width:800px){.hero-signals{right:16px;top:344px;width:178px;gap:7px}.signal{padding:8px 10px}.signal b{font-size:9px}.signal span{font-size:11px}.hero .phone-card{margin-top:48px}}