/* GSM Multi Tool — 2026 homepage refresh */
:root{--ink:#14213d;--deep:#071326;--cloud:#f7f9fc;--paper:#fff;--line:#dfe6f0;--quiet:#61708a;--mint:#2ed8a3;--sky:#3c82f6;--blue:#2156df;--sun:#ffd35a;--max:1200px;--radius:22px}
body{background:var(--cloud);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.55}
body:before{content:"";position:absolute;inset:0 0 auto;height:780px;z-index:-1;background:radial-gradient(800px 380px at 87% 4%,#c1dbff 0%,transparent 72%),radial-gradient(600px 420px at 5% 18%,#c8fff0 0%,transparent 68%),linear-gradient(180deg,#fbfdff 0%,#edf5ff 100%)}
.bg-fx,.bg-grid{display:none}.wrap{max-width:var(--max);padding:0 28px}.grad-text{background:linear-gradient(105deg,#143772,#2568e9 48%,#0c9e7a);-webkit-background-clip:text;background-clip:text}
header.nav{position:sticky;top:14px;margin:0 auto;width:min(calc(100% - 32px),1150px);border:1px solid rgba(255,255,255,.8);border-radius:18px;background:rgba(255,255,255,.78);box-shadow:0 14px 40px rgba(24,56,104,.10);backdrop-filter:blur(18px)}
.nav-in{height:72px}.brand{color:var(--ink);font-size:1.05rem;letter-spacing:-.03em}.brand .logo{width:38px;height:38px;border-radius:12px;background:#fff;padding:3px;box-shadow:0 5px 14px rgba(22,50,95,.12)}.nav-links{gap:26px}.nav-links a.navlink{color:#495a76;font-size:.87rem;font-weight:700}.nav-links a.navlink:hover{color:var(--blue)}.btn{border-radius:12px;padding:11px 17px;font-size:.88rem;font-weight:700}.btn-ghost{background:#fff;border-color:var(--line);color:var(--ink)}.btn-ghost:hover{background:#edf4ff;border-color:#b8cdf8}.btn-grad{background:var(--deep);color:#fff;box-shadow:0 8px 18px rgba(7,19,38,.17)}.btn-grad:hover{background:#174798;box-shadow:0 12px 26px rgba(33,86,223,.24)}
.hero{min-height:650px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:114px 0 80px;text-align:center}.hero:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;z-index:-1;background:rgba(255,255,255,.65);filter:blur(4px)}.hero-logo{width:92px;margin:0 0 15px;padding:13px;border:1px solid rgba(33,86,223,.12);border-radius:24px;background:#fff;box-shadow:0 20px 45px rgba(29,75,158,.14)}.badge{background:rgba(255,255,255,.82);color:#50627e;border-color:#dce7f7;box-shadow:0 7px 20px rgba(45,80,130,.07);font-size:.78rem;margin-bottom:22px}.hero h1{max-width:850px;font-size:clamp(2.8rem,6.1vw,5.4rem);line-height:.98;letter-spacing:-.065em;color:var(--ink);margin-bottom:24px}.hero p.sub{font-size:1.08rem;color:#53637c;max-width:630px;margin-bottom:30px}.hero-cta{gap:12px}.btn-lg{padding:14px 23px}.stats{background:rgba(255,255,255,.8);border:1px solid #e3eaf4;border-radius:18px;box-shadow:0 16px 34px rgba(29,67,127,.09);gap:0;margin-top:54px;overflow:hidden}.stat{min-width:168px;padding:15px 26px}.stat+.stat{border-left:1px solid #e4eaf2}.stat .num{font-size:1.35rem}.stat .lbl{color:#6d7a91;font-size:.78rem;font-weight:600}
section{padding:92px 0}.sec-head{margin-bottom:42px}.sec-head .kick{display:inline-block;color:#186d5b;background:#dffbf2;padding:5px 10px;border-radius:99px;font-size:.7rem;letter-spacing:.08em}.sec-head h2{font-size:clamp(2rem,4vw,3.1rem);color:var(--ink);letter-spacing:-.055em;margin:13px 0 10px}.sec-head p{color:var(--quiet)}.grid{gap:16px}.g-3{grid-template-columns:repeat(3,1fr)}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 4px 0 rgba(7,19,38,.02);transition:transform .22s,box-shadow .22s,border-color .22s}.card:hover{background:#fff;border-color:#b9cff5;box-shadow:0 18px 32px rgba(31,75,147,.11);transform:translateY(-5px)}.ic{background:linear-gradient(145deg,#eaf2ff,#dffaf2);border:0;border-radius:15px;width:50px;height:50px}.ic svg{stroke:#1764ca}.card h3,.step h3{color:var(--ink);letter-spacing:-.025em}.card p,.step p{color:var(--quiet)}
#features .grid{grid-template-columns:repeat(3,1fr)}#features .card:nth-child(1){background:var(--deep);border-color:var(--deep)}#features .card:nth-child(1) h3{color:#fff}#features .card:nth-child(1) p{color:#b9c9e6}#features .card:nth-child(1) .ic{background:rgba(46,216,163,.16)}#features .card:nth-child(1) .ic svg{stroke:var(--mint)}
#pricing{background:var(--deep);margin:18px calc(50% - 50vw);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%)}#pricing .sec-head h2{color:#fff}#pricing .sec-head p{color:#b7c5dc}#pricing .sec-head .kick{background:rgba(46,216,163,.15);color:#80f0cb}.price-card{background:#fff;text-align:left;padding:30px}.price-card .ic{margin:0 0 18px}.price-card .credits{color:#1764ca}.price{color:var(--ink);font-size:2.45rem}.price-card ul{display:block;margin:22px 0}.price-card li{color:#5d6b82}.price-card .btn{margin-top:4px}
.steps.card{background:#fff;border:0;box-shadow:0 18px 45px rgba(41,75,126,.10)!important;padding:14px 30px!important}.step{padding:23px 4px;border-color:#e6ebf3}.step .n{width:42px;height:42px;border-radius:50%;background:#e9f2ff;color:#245bd5;font-size:1rem}.cta-band{background:linear-gradient(118deg,#1f54dc,#197dcb 60%,#14a886);border:0;border-radius:28px;padding:64px 35px;box-shadow:0 24px 45px rgba(31,86,219,.24)}.cta-band h2{color:#fff;letter-spacing:-.05em}.cta-band p{color:#dbeaff}.cta-band .btn-grad{background:#fff;color:#1748b5;box-shadow:none}.cta-band .btn-ghost{background:transparent;border-color:rgba(255,255,255,.45);color:#fff}
footer{margin-top:0;background:#071326;border:0;padding:58px 0 28px}.foot-grid p,.foot-col a,.foot-bottom{color:#a8b9d2}.foot-col h4{color:#7f95b7}.foot-col a:hover{color:var(--mint)}.foot-bottom{border-color:rgba(255,255,255,.11)}footer .brand{color:#fff}
@media(max-width:860px){header.nav{top:8px;width:calc(100% - 18px)}.nav-in{height:62px}.nav-links.open{top:62px;background:#fff;border-radius:0 0 16px 16px;box-shadow:0 15px 28px rgba(20,47,88,.12)}.g-3,#features .grid{grid-template-columns:1fr}.hero{min-height:590px;padding-top:95px}.stats{width:100%;gap:0}.stat{padding:13px 8px;min-width:0;flex:1}.stat .num{font-size:1.05rem}.stat .lbl{font-size:.67rem}.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.wrap{padding:0 18px}.brand{font-size:.92rem}.nav-cta .btn-ghost{display:none}.hero h1{font-size:2.8rem}.hero p.sub{font-size:.98rem}.hero-logo{width:76px}.stats{margin-top:38px}.price-card{padding:24px}section{padding:68px 0}.cta-band{padding:46px 20px}.foot-grid{grid-template-columns:1fr}.stat+.stat{border-left:1px solid #e4eaf2}}
