:root{
  --blue:#0877e8;
  --blue-dark:#005fc7;
  --sky:#eef7ff;
  --ink:#081322;
  --text:#1d2a3d;
  --muted:#65748a;
  --line:#e3ebf5;
  --bg:#f6f9fc;
  --card:#ffffff;
  --dark:#081322;
  --radius:24px;
  --shadow-sm:0 10px 30px rgba(8,30,60,.06);
  --shadow:0 24px 70px rgba(8,30,60,.10);
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Be Vietnam Pro',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;text-rendering:optimizeLegibility;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img,svg,iframe{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
.container{width:min(var(--max),100% - 48px);margin-inline:auto}
.topline{background:#071527;color:#dcecff;font-size:13px;border-bottom:1px solid rgba(255,255,255,.08)}
.topline .container{display:flex;justify-content:space-between;gap:18px;align-items:center;padding-block:8px}.topline b{color:#fff}
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;color:var(--blue);font-size:19px;letter-spacing:-.3px;white-space:nowrap}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#08a5ff,#0877e8);color:#fff;display:grid;place-items:center;box-shadow:0 12px 28px rgba(8,119,232,.24)}.menu{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:800;color:#263247}.menu a{position:relative;padding:22px 0}.menu a:after{content:'';position:absolute;left:0;right:0;bottom:15px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:.2s}.menu a:hover{color:var(--blue)}.menu a:hover:after{transform:scaleX(1)}.nav-cta{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 20px;font-weight:900;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;white-space:nowrap;line-height:1.2}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;box-shadow:0 16px 34px rgba(8,119,232,.26)}.btn-soft{background:#eff7ff;color:var(--blue);border-color:#d8eafc}.btn-dark{background:#071327;color:#fff}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 0%,rgba(8,119,232,.11),transparent 32%),linear-gradient(180deg,#fff 0%,#f7fbff 100%);border-bottom:1px solid var(--line)}
.hero .container{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.86fr);gap:48px;align-items:center;padding-block:54px 66px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:#eaf5ff;color:var(--blue);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.45px}.hero h1{max-width:700px;margin:18px 0 18px;font-size:clamp(36px,4.05vw,54px);line-height:1.12;letter-spacing:-1.35px;text-wrap:balance}.hero h1 span{color:var(--blue)}.lead{max-width:660px;margin:0 0 24px;color:var(--muted);font-size:clamp(16px,1.55vw,18px)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}.metric{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:18px;padding:15px 16px;box-shadow:var(--shadow-sm)}.metric strong{display:block;color:var(--blue);font-size:22px;line-height:1.15;letter-spacing:-.4px}.metric span{display:block;margin-top:5px;color:var(--muted);font-size:12.5px;font-weight:800}.showcase{width:100%;max-width:500px;justify-self:end;background:#fff;border:1px solid var(--line);border-radius:30px;padding:20px;box-shadow:var(--shadow);overflow:hidden}.showcase-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}.showcase h3{margin:10px 0 0;font-size:22px;line-height:1.25;letter-spacing:-.5px}.badge{font-size:12px;font-weight:900;background:#fff7df;color:#9a6600;border:1px solid #ffe6a3;border-radius:999px;padding:7px 10px}.device-wrap{height:320px;border-radius:26px;background:linear-gradient(145deg,#101b2e,#071327);display:grid;place-items:center;position:relative;overflow:hidden}.device-wrap:before{content:'';position:absolute;inset:auto -90px -140px auto;width:300px;height:300px;background:rgba(8,119,232,.36);filter:blur(70px)}.device-wrap:after{content:'SIMILOCK';position:absolute;top:22px;left:24px;color:rgba(255,255,255,.9);font-size:18px;font-weight:900;letter-spacing:3px}.lock-device{width:116px;height:252px;border-radius:42px;background:linear-gradient(90deg,#0b0b0b,#343434,#101010);box-shadow:inset -14px 0 30px rgba(255,255,255,.08),0 34px 70px rgba(0,0,0,.48);position:relative;z-index:1}.lock-device:before{content:'';position:absolute;width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#17a4ff,#0877e8);top:47px;left:31px;box-shadow:0 0 0 12px rgba(8,119,232,.13)}.lock-device:after{content:'';position:absolute;width:78px;height:78px;border-radius:50%;background:#fff;bottom:50px;left:19px;border:13px solid #e3e9f1}.price-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;background:#f7fbff;border:1px solid var(--line);border-radius:22px;padding:16px}.price-strip small{display:block;color:var(--muted);font-weight:800}.price-strip b{display:block;margin-top:4px;color:var(--blue);font-size:22px;letter-spacing:-.6px;line-height:1.1}
.section{padding:76px 0}.section-head{text-align:center;max-width:760px;margin:0 auto 36px}.section-head h2{margin:0 0 12px;font-size:clamp(28px,3.8vw,44px);line-height:1.16;letter-spacing:-1.2px;text-wrap:balance}.section-head p{margin:0;color:var(--muted);font-size:16.5px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.service{padding:26px}.icon{width:52px;height:52px;border-radius:17px;background:#eaf5ff;color:var(--blue);display:grid;place-items:center;font-size:23px;margin-bottom:16px}.service h3{margin:0 0 10px;font-size:21px;line-height:1.28;letter-spacing:-.4px}.service p,.model p,.channel p{color:var(--muted);margin:0}.model-visual{height:168px;background:linear-gradient(145deg,#f1f7ff,#fff);display:grid;place-items:center;border-bottom:1px solid var(--line)}.mini-device{width:56px;height:118px;border-radius:20px;background:linear-gradient(90deg,#111,#343434,#111);position:relative;box-shadow:0 18px 36px rgba(0,0,0,.18)}.mini-device:before{content:'';position:absolute;top:22px;left:19px;width:18px;height:18px;border-radius:7px;background:var(--blue)}.mini-device:after{content:'';position:absolute;bottom:24px;left:12px;width:32px;height:32px;border-radius:50%;background:#fff;border:7px solid #e5eaf2}.model-body{padding:22px}.tag{display:inline-block;background:#f0f7ff;color:var(--blue);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;margin-bottom:12px}.model h3{margin:0 0 9px;font-size:19px;line-height:1.28;letter-spacing:-.3px}.model .btn{margin-top:18px;padding:11px 16px}.proof-section{background:#071327;color:#fff}.proof-section .section-head p{color:#aebbd0}.proof-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:24px;align-items:stretch}.proof-panel{padding:34px;background:linear-gradient(145deg,#0d1d36,#071327);border:1px solid rgba(255,255,255,.12);border-radius:30px}.proof-panel h2{font-size:clamp(30px,3.5vw,40px);line-height:1.15;margin:12px 0;letter-spacing:-1px}.proof-panel p{color:#b8c5d8}.proof-list{display:grid;gap:14px}.proof-item{display:flex;gap:13px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:17px}.proof-item span{font-size:20px}.proof-item p{margin:4px 0 0;color:#b8c5d8}.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.channel{padding:24px;min-height:210px;display:flex;flex-direction:column;justify-content:space-between}.channel h3{font-size:22px;margin:0 0 8px;letter-spacing:-.4px}.channel .fake-thumb{height:78px;border-radius:20px;background:linear-gradient(135deg,#071327,#123b75);display:flex;align-items:center;justify-content:center;color:white;font-weight:900;margin-bottom:16px;letter-spacing:.3px}.faq{max-width:900px;margin:auto;display:grid;gap:12px}details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:var(--shadow-sm)}summary{font-weight:900;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'+';float:right;color:var(--blue)}details[open] summary:after{content:'–'}details p{color:var(--muted);margin:10px 0 0}.lead-box{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:26px;align-items:center;background:linear-gradient(135deg,#071327,#0b3d82);color:#fff;border-radius:34px;padding:34px;box-shadow:var(--shadow)}.lead-box h2{font-size:clamp(28px,3.6vw,42px);line-height:1.16;margin:14px 0;letter-spacing:-1px}.lead-box p{color:#c8d8ed}.form{display:grid;gap:12px;background:#fff;border-radius:24px;padding:20px}.form input,.form select,.form textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 15px;color:var(--ink);background:#fff;outline:none}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px #e8f3ff}.form button{cursor:pointer}.footer{background:#071327;color:#d7e2f1;padding:52px 0 88px}.footer-grid{display:grid;grid-template-columns:1.45fr .7fr .85fr;gap:30px}.footer h3,.footer h4{color:#fff;margin-top:0}.footer a{display:block;color:#d7e2f1;margin:8px 0}.sticky-mobile{position:fixed;left:12px;right:12px;bottom:12px;z-index:80;display:none;grid-template-columns:1fr 1fr;gap:10px}.sticky-mobile a{background:var(--blue);color:#fff;text-align:center;padding:13px;border-radius:999px;font-weight:900;box-shadow:0 16px 34px rgba(8,119,232,.32)}.sticky-mobile a:first-child{background:#edf6ff;color:var(--blue)}.page-hero{padding:68px 0;background:linear-gradient(180deg,#fff,#f6f9fd);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(32px,4vw,52px);line-height:1.12;margin:12px 0;letter-spacing:-1.3px;text-wrap:balance}.content-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:24px}.article{padding:30px}.article h2{font-size:clamp(26px,3vw,34px);line-height:1.2;letter-spacing:-.7px}.sidebar{padding:24px;align-self:start;position:sticky;top:96px}.map-card{height:360px;border-radius:24px;overflow:hidden;border:1px solid var(--line)}.map-card iframe{width:100%;height:100%;border:0}.admin-shell{min-height:100vh;display:grid;place-items:center;padding:30px}.login-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:var(--shadow)}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:1060px){.menu{gap:16px}.hero .container{grid-template-columns:1fr .82fr;gap:30px}.hero h1{font-size:clamp(36px,4.5vw,48px)}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.topline{display:none}.menu{display:none}.nav-inner{min-height:64px}.nav-cta{display:none}.hero .container,.proof-grid,.lead-box,.content-grid{grid-template-columns:1fr}.hero .container{padding-block:42px 52px}.hero h1{font-size:40px}.showcase{justify-self:stretch;max-width:620px}.device-wrap{height:280px}.grid-3,.channel-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.sticky-mobile{display:grid}.sidebar{position:static}}
@media(max-width:640px){.container{width:min(100% - 32px,var(--max))}.brand{font-size:16px}.brand-mark{width:38px;height:38px}.hero h1{font-size:32px;line-height:1.16;letter-spacing:-.7px}.lead{font-size:15.5px}.hero-actions .btn{width:100%;padding:13px 15px}.metric-row,.grid-4,.grid-3,.channel-grid{grid-template-columns:1fr}.metric strong{font-size:21px}.section{padding:56px 0}.showcase{padding:14px;border-radius:24px}.showcase-head{display:none}.device-wrap{height:232px;border-radius:22px}.lock-device{transform:scale(.78)}.price-strip{align-items:flex-start;flex-direction:column;border-radius:18px}.price-strip .btn{width:100%}.lead-box{padding:22px;border-radius:24px}.footer{padding-bottom:92px}.page-hero{padding:50px 0}.article,.sidebar{padding:22px}.map-card{height:300px}}