body{margin:0;background:#0E0E0E}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
a{color:#3D8BFF}a:hover{color:#6FA8FF}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 28px;border-radius:999px;font-weight:800;font-size:16px;text-decoration:none;transition:transform .15s ease, filter .15s ease;cursor:pointer;text-align:center}
.btn:hover{transform:scale(1.04);filter:brightness(1.08)}
.btn-wa{background:#3D8BFF;color:#0E0E0E}
.btn-wa:hover{color:#0E0E0E}
.btn-ghost{color:#FFFFFF;border:1.5px solid #6F6F6F}
.btn-ghost:hover{color:#FFFFFF;border-color:#FFFFFF}
.navlink{color:#B3B3B3;text-decoration:none;font-weight:600;font-size:15px}
.navlink:hover{color:#FFFFFF}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#FFFFFF}
.brand:hover{color:#FFFFFF}
.brand-name{display:flex;flex-direction:column;line-height:1}
.brand-name b{font-weight:900;font-size:22px;letter-spacing:-0.03em}
.brand-name span{font-weight:600;font-size:11px;color:#B3B3B3;letter-spacing:.2em;margin-top:3px}
.card{background:#181818;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:14px;transition:background .2s ease}
.card:hover{background:#232323}
.card-cta{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:auto;min-height:44px;padding:0 18px;border-radius:999px;background:#2A2A2A;color:#FFFFFF;font-weight:800;font-size:14px;text-decoration:none}
.card-cta:hover{background:#3D8BFF;color:#0E0E0E}
.tile{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#0E0E0E}
.h2{font-size:clamp(30px,4.4vw,52px);font-weight:900;letter-spacing:-0.035em;margin:0;color:#FFFFFF;line-height:1.04}
.eyebrow{color:#8C96A3;font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin:0}
.muted{color:#B3B3B3}
.lead{margin:0;font-size:18px;line-height:1.6;color:#B3B3B3}
.row{display:grid;grid-template-columns:24px 1fr auto;gap:14px;align-items:center;padding:10px 12px;border-radius:8px;text-decoration:none;color:#FFFFFF}
.row:hover{background:#2A2A2A;color:#FFFFFF}
.chip{padding:10px 18px;border-radius:999px;background:#232323;color:#FFFFFF;font-weight:700;font-size:15px}
.field{display:flex;flex-direction:column;gap:8px}
.field label{color:#FFFFFF;font-weight:700;font-size:14px}
.field input,.field select,.field textarea{background:#242424;border:1.5px solid #3A3A3A;border-radius:10px;color:#FFFFFF;font:inherit;font-size:16px;padding:14px 16px;min-height:52px;width:100%}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:#3D8BFF}
details{background:#181818;border-radius:14px;padding:20px 24px}
details summary{cursor:pointer;font-weight:800;font-size:18px;color:#FFFFFF;list-style:none}
details summary::-webkit-details-marker{display:none}
details p{margin:12px 0 0;color:#B3B3B3;line-height:1.6}
.inline-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;background:#181818;border-radius:18px;padding:24px 28px}
.inline-cta p{margin:0;font-size:20px;font-weight:800;color:#FFFFFF}
.fab{position:fixed;right:20px;bottom:20px;z-index:50;width:64px;height:64px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#3D8BFF;color:#0E0E0E;box-shadow:0 10px 30px rgba(0,0,0,.5);text-decoration:none}
.fab:hover{color:#0E0E0E}
.mbar{display:none}
.hero-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:56px;align-items:center}
.contact-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:48px;align-items:start}
.navlinks{display:flex;gap:28px}
.mnav{display:none;position:relative}
.mnav summary{list-style:none;width:48px;height:48px;border-radius:12px;border:1.5px solid #333333;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#FFFFFF}
.mnav summary::-webkit-details-marker{display:none}
.mnav .ic-close{display:none}
.mnav[open] .ic-open{display:none}
.mnav[open] .ic-close{display:block}
.mnav[open] summary{border-color:#3D8BFF}
.mnav-panel{position:absolute;right:0;top:60px;width:min(86vw,320px);background:#161616;border:1px solid #2A2A2A;border-radius:16px;padding:10px;display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(0,0,0,.6)}
.mnav-panel a.mlink{display:flex;align-items:center;min-height:48px;padding:0 14px;border-radius:10px;color:#FFFFFF;text-decoration:none;font-weight:700;font-size:17px}
.mnav-panel a.mlink:hover{background:#232323;color:#FFFFFF}
.mnav-panel .btn{margin-top:8px;width:100%}
.mnav-panel .btn-ghost{margin-top:8px}
@media (max-width:980px){
.mnav{display:block}
.hero-grid,.contact-grid{grid-template-columns:1fr;gap:40px}
.navlinks{display:none}
}
@media (max-width:600px){
.wrap{padding:0 16px}
.nav-cta{display:none}
.hero-btns .btn{width:100%}
.inline-cta .btn{width:100%}
.inline-cta p{font-size:18px}
.row{grid-template-columns:20px 1fr}
.row .tag{display:none}
.fab{display:none}
.mbar{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(14,14,14,.96);border-top:1px solid #262626}
.mbar .btn{min-height:50px;padding:0 12px;font-size:15px}
section{scroll-margin-top:72px}
}
.mono{font-family:"JetBrains Mono",ui-monospace,monospace}
.grid-bg{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px}
.term{background:#141414;border:1px solid #262626;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04);min-width:0}
.trow{display:grid;grid-template-columns:20px auto 1fr auto;gap:12px;align-items:center;padding:9px 10px;border-radius:8px;text-decoration:none;color:#FFFFFF;font-weight:700;font-size:15px}
.trow:hover{background:#222222;color:#FFFFFF}
.trow .dots{border-bottom:2px dotted #333333;height:0;align-self:center}
.ok{color:#3D8BFF;font-weight:800}
.pulse{width:12px;height:12px;border-radius:999px;background:#3D8BFF;box-shadow:0 0 0 0 rgba(61,139,255,.6);animation:pulse 2s infinite;flex-shrink:0}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(61,139,255,.6)}70%{box-shadow:0 0 0 12px rgba(61,139,255,0)}100%{box-shadow:0 0 0 0 rgba(61,139,255,0)}}
.cursor{display:inline-block;width:9px;height:18px;background:#3D8BFF;margin-left:6px;vertical-align:-3px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.tile{background:#232323;color:#FFFFFF}
.eyebrow{font-family:"JetBrains Mono",ui-monospace,monospace}
@media (max-width:600px){.trow{grid-template-columns:20px 1fr auto}.trow .dots{display:none}}
.foot-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:28px;margin-bottom:32px}
.foot-links h2{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#9A9A9A;margin:0 0 12px}
.foot-links ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.foot-links a{color:#B3B3B3;text-decoration:none;font-size:15px}.foot-links a:hover{color:#FFFFFF}
a.chip:hover{background:#2E2E2E;color:#FFFFFF}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0;font-size:14px;color:#9A9A9A}
.crumbs a{color:#B3B3B3;text-decoration:none}.crumbs a:hover{color:#FFFFFF}
.crumbs li+li::before{content:"›";margin-right:8px;color:#555555}
.checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px}
.checks li{background:#181818;border-radius:12px;padding:16px 18px;display:flex;gap:12px;align-items:flex-start;line-height:1.5}
.checks li::before{content:"✓";color:#3D8BFF;font-weight:900}
.steps{counter-reset:s;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:16px}
.steps li{counter-increment:s;background:#181818;border-radius:16px;padding:22px;line-height:1.55;color:#B3B3B3}
.steps li::before{content:counter(s);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:#13233D;color:#6FA8FF;font-weight:900;margin-bottom:12px}
.steps b{color:#FFFFFF;display:block;margin-bottom:4px}
.linkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px}
.linkgrid a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:0 18px;border-radius:12px;background:#181818;color:#FFFFFF;text-decoration:none;font-weight:700}
.linkgrid a:hover{background:#232323;color:#FFFFFF}
.linkgrid a::after{content:"→";color:#3D8BFF}
.sec{padding:clamp(40px,6vw,72px) 0}
.sec-h{display:flex;flex-direction:column;gap:12px;margin-bottom:28px;max-width:760px}
.h3{font-size:clamp(24px,3vw,34px);font-weight:900;letter-spacing:-0.03em;margin:0;line-height:1.1}
.foot-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:28px;margin-bottom:32px}
.foot-links h2{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#9A9A9A;margin:0 0 12px}
.foot-links ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.foot-links a{color:#B3B3B3;text-decoration:none;font-size:15px}.foot-links a:hover{color:#FFFFFF}
@media (max-width:600px){.nav-short{display:inline-flex !important}}