:root {
  --ink: #eaf2ff;
  --muted: #a6b3cb;
  --deep: #07111f;
  --panel: #0d1a2d;
  --panel-2: #10243d;
  --line: rgba(184, 210, 255, .14);
  --blue: #4ca7ff;
  --blue-bright: #8ec8ff;
  --lime: #9be86e;
  --max: 1180px;
  --shadow: 0 24px 80px rgba(0, 0, 0, .28);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--deep); color: var(--ink); font-family: Manrope, Arial, sans-serif; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
.container { width: min(calc(100% - 40px), var(--max)); margin: 0 auto; }
.site-header { position: sticky; top: 0; z-index: 20; border-bottom: 1px solid rgba(255,255,255,.06); background: rgba(7,17,31,.82); backdrop-filter: blur(16px); }
.nav-wrap { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 26px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-size: .86rem; letter-spacing: .13em; font-weight: 800; white-space: nowrap; }
.brand strong { color: var(--blue-bright); }
.brand-mark { width: 26px; height: 26px; border: 2px solid var(--blue); border-radius: 7px; display: inline-grid; grid-template-columns: repeat(3, 1fr); gap: 3px; padding: 4px; transform: rotate(45deg); }
.brand-mark span { display: block; background: var(--blue); border-radius: 1px; }
.brand-mark span:nth-child(2) { opacity: .52; }.brand-mark span:nth-child(3) { opacity: .25; }
.site-nav { display: flex; align-items: center; gap: 24px; color: var(--muted); font-size: .92rem; font-weight: 700; }
.site-nav a:hover { color: #fff; }.nav-cta { color: var(--deep)!important; background: var(--blue-bright); border-radius: 8px; padding: 10px 15px; }
.menu-button { display: none; background: transparent; border: 0; padding: 8px; }.menu-button span { display: block; width: 23px; height: 2px; background: #fff; margin: 4px 0; }
.hero { padding: 106px 0 85px; background: radial-gradient(circle at 75% 25%, rgba(50,130,255,.2), transparent 28%), linear-gradient(145deg, #07111f 15%, #102643 100%); position: relative; }
.hero:after { content: ""; position: absolute; inset: 0; opacity: .12; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom, black, transparent); }
.hero-grid { display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: 70px; position: relative; z-index: 1; }
.eyebrow { color: var(--blue-bright); font-family: "DM Mono", monospace; font-size: .76rem; font-weight: 500; letter-spacing: .13em; margin: 0 0 17px; }.pulse { width: 8px; height: 8px; display: inline-block; margin-right: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 6px rgba(155,232,110,.12); }
h1, h2, h3, p { margin-top: 0; } h1 { font-size: clamp(2.7rem, 5vw, 5rem); line-height: 1.03; letter-spacing: -.07em; margin-bottom: 24px; max-width: 760px; } h1 em { color: var(--blue-bright); font-style: normal; } h2 { font-size: clamp(2.15rem, 3.5vw, 3.55rem); letter-spacing: -.06em; line-height: 1.05; margin-bottom: 18px; }.hero-text { color: var(--muted); font-size: 1.1rem; max-width: 620px; line-height: 1.75; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin: 33px 0 23px; }.button { display: inline-flex; align-items: center; justify-content: center; gap: 11px; border-radius: 9px; padding: 14px 18px; font-size: .94rem; font-weight: 800; transition: transform .2s, background .2s; }.button:hover { transform: translateY(-2px); }.button-primary { background: var(--blue-bright); color: #061323; }.button-primary span { font-size: 1.2em; }.button-secondary { border: 1px solid rgba(255,255,255,.2); color: #fff; }.hero-points { display: flex; flex-wrap: wrap; gap: 10px 18px; color: #c0cce0; font-size: .82rem; font-weight: 700; }
.hero-visual { min-height: 420px; position: relative; }.glow { position: absolute; border-radius: 50%; filter: blur(20px); }.glow-one { background: rgba(70,165,255,.25); width: 260px; height: 260px; right: 30px; top: 50px; }.glow-two { width: 140px; height: 140px; background: rgba(155,232,110,.16); left: 10px; bottom: 20px; }.terminal-card { position: absolute; width: min(100%, 430px); right: 20px; top: 44px; border: 1px solid rgba(151,198,255,.35); background: rgba(6,16,30,.84); border-radius: 16px; box-shadow: var(--shadow); overflow: hidden; transform: rotate(-3deg); }.terminal-top { height: 44px; display: flex; align-items: center; padding: 0 15px; gap: 7px; background: rgba(122,167,235,.1); }.terminal-top span { width: 8px; height: 8px; background: #699bcf; border-radius: 50%; }.terminal-top p { margin: 0 0 0 6px; font: .66rem "DM Mono",monospace; color: #bfd7f5; letter-spacing: .1em; }.terminal-body { padding: 28px 26px; font: .92rem "DM Mono", monospace; min-height: 245px; }.terminal-body p { color: #d6e3f5; margin: 0 0 15px; }.terminal-body b { color: var(--blue); }.terminal-body i { color: var(--lime); font-style: normal; float: right; }.load { height: 7px; border-radius: 99px; background: rgba(255,255,255,.1); margin-top: 25px; overflow: hidden; }.load span { display: block; width: 78%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--blue),var(--lime)); }.repair-card { position: absolute; left: 0; bottom: 25px; background: #102641; border: 1px solid rgba(151,198,255,.22); padding: 18px; border-radius: 13px; display: flex; align-items: center; gap: 14px; box-shadow: var(--shadow); }.repair-card small,.trust-card small { display: block; color: var(--muted); font: .65rem "DM Mono",monospace; letter-spacing: .08em; }.repair-card strong,.trust-card strong { display:block; margin: 4px 0; font-size: .96rem; }.repair-card p { margin: 0; color: #b6c4d7; font-size: .75rem; }.pc-icon { width: 42px; height: 48px; border: 2px solid var(--blue-bright); border-radius: 7px; padding: 7px; display: flex; gap: 4px; flex-direction: column; }.pc-icon span { height: 4px; border-radius: 50px; background: var(--blue-bright); }.pc-icon span:last-child { width: 45%; margin-top: auto; }.trust-card { position:absolute; right: 0; bottom: 0; display:flex; align-items:center; gap:10px; border:1px solid rgba(155,232,110,.28); background: rgba(14,35,43,.96); padding: 13px 17px; border-radius:12px; }.trust-card>span { color:#0d2615; background:var(--lime); width:22px; height:22px; display:grid; place-items:center; border-radius:50%; font-weight:900; }
.trust-strip { border-top: 1px solid rgba(255,255,255,.06); border-bottom: 1px solid rgba(255,255,255,.07); background: #091525; }.trust-strip-inner { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 25px; }.trust-strip p { color: #8796ae; font: .71rem "DM Mono",monospace; letter-spacing: .11em; margin: 0; }.trust-strip-inner div { display: flex; gap: 12px; align-items:center; color: #bfd5ee; font-size:.73rem; font-weight:800; letter-spacing:.06em; }
.section { padding: 110px 0; }.section-heading { display:grid; grid-template-columns: 1fr .7fr; gap: 60px; align-items:end; margin-bottom: 47px; }.section-heading p:last-child { color: var(--muted); line-height: 1.75; margin: 0; }.compact { margin-bottom: 36px; }.service-grid { display:grid; grid-template-columns: repeat(4,1fr); gap: 15px; }.service-card { min-height: 310px; border:1px solid var(--line); border-radius: 15px; padding: 25px; background: linear-gradient(160deg, rgba(25,48,77,.48),rgba(9,20,35,.55)); position:relative; overflow:hidden; transition: transform .2s,border-color .2s; }.service-card:hover { transform: translateY(-5px); border-color: rgba(142,200,255,.55); }.service-card.featured { background: linear-gradient(160deg, rgba(33,85,140,.45), rgba(11,30,52,.75)); }.service-number { position:absolute; top:19px; right:20px; color:rgba(174,207,246,.45); font: .72rem "DM Mono",monospace; }.service-icon { display:grid; place-items:center; width:43px; height:43px; border-radius:10px; background: rgba(86,163,255,.14); color: var(--blue-bright); font-size: 1.45rem; margin-bottom: 36px; }.service-card h3 { font-size:1.12rem; margin-bottom:12px; }.service-card p { color:var(--muted); font-size:.87rem; line-height:1.65; }.service-card ul { list-style:none; padding:0; margin:21px 0 0; color:#cae0f8; font-size:.78rem; line-height:1.95; }.service-card li:before { content:"↳"; color:var(--lime); margin-right:8px; }
.process-section { background: #0b182a; border-block:1px solid var(--line); }.process-grid,.faq-grid { display:grid; grid-template-columns: .82fr 1.18fr; gap: 90px; align-items:start; }.process-intro,.faq-grid>div>p:not(.eyebrow) { color:var(--muted); line-height:1.75; max-width:460px; }.text-link { color:var(--blue-bright); font-weight:800; font-size:.93rem; }.text-link span { margin-left:7px; }.steps { padding:0; margin:0; list-style:none; border-top:1px solid var(--line); }.steps li { display:grid; grid-template-columns:64px 1fr; gap:15px; padding:24px 0; border-bottom:1px solid var(--line); }.steps span { color:var(--blue-bright); font: .8rem "DM Mono",monospace; padding-top:4px; }.steps h3 { margin-bottom:7px; font-size:1rem; }.steps p { margin:0; color:var(--muted); line-height:1.6; font-size:.87rem; }
.pricing-section { background: linear-gradient(180deg,#07111f,#0a1a2e); }.pricing-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:13px; }.price-card { min-height:184px; padding:23px; border-radius:13px; border:1px solid var(--line); background:#0c1b30; display:flex; flex-direction:column; }.price-card p { color:#bccce0; font-size:.85rem; margin-bottom:15px; }.price-card strong { color:#fff; font-size:2.25rem; letter-spacing:-.06em; margin-bottom:12px; }.price-card span { color:var(--muted); font-size:.78rem; line-height:1.55; margin-top:auto; }.price-card.accent { border-color:rgba(142,200,255,.6); background: linear-gradient(145deg,#12365c,#0b1d33); }.pricing-note { color:#8798b2; font-size:.78rem; line-height:1.65; margin:20px 0 0; }
.area-section { padding-top: 70px; }.area-card { padding: 62px; border:1px solid rgba(142,200,255,.22); border-radius:20px; display:grid; grid-template-columns:.7fr 1.3fr; gap:60px; align-items:center; background:radial-gradient(circle at 22% 50%,rgba(68,159,255,.2), transparent 25%),#0c1c31; overflow:hidden; }.area-card h2 { margin-bottom:17px; }.area-card p:not(.eyebrow) { color:var(--muted); line-height:1.75; max-width:590px; }.area-art { height:230px; position:relative; display:grid; place-items:center; }.map-ring { position:absolute; border-radius:50%; border:1px solid rgba(142,200,255,.32); }.ring-a { width:210px; height:210px; }.ring-b { width:130px; height:130px; border-style:dashed; animation: spin 17s linear infinite; }.map-pin { height:62px; width:62px; border-radius:50% 50% 50% 0; transform:rotate(-45deg); display:grid; place-items:center; background:var(--blue-bright); color:#09203a; font-size:1.5rem; box-shadow:0 0 0 13px rgba(142,200,255,.1); }.map-pin::first-letter { transform:rotate(45deg); } @keyframes spin {to {transform:rotate(360deg)}}
.faq-list { border-top:1px solid var(--line); }.faq-list details { border-bottom:1px solid var(--line); padding:20px 0; }.faq-list summary { cursor:pointer; list-style:none; padding-right:30px; font-size:.98rem; font-weight:800; position:relative; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary:after { content:"+"; position:absolute; right:3px; top:-4px; color:var(--blue-bright); font-size:1.3rem; }.faq-list details[open] summary:after { content:"−"; }.faq-list p { color:var(--muted); font-size:.87rem; line-height:1.7; max-width:700px; margin:14px 0 0; }
.contact-section { padding:110px 0; background:radial-gradient(circle at 83% 18%,rgba(68,163,255,.2),transparent 25%),#0c1c31; border-top:1px solid var(--line); }.contact-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; align-items:start; }.contact-copy>p:not(.eyebrow) { color:var(--muted); line-height:1.75; max-width:480px; }.contact-mini { margin-top:30px; display:grid; gap:10px; font-size:.82rem; color:#c7d8ec; }.contact-mini span:before { content:"✓"; color:var(--lime); margin-right:9px; }.contact-form { background:rgba(5,14,27,.55); padding:28px; border-radius:15px; border:1px solid rgba(173,208,251,.2); }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; } label { display:grid; gap:8px; color:#c6d6ea; font-size:.78rem; font-weight:800; margin-bottom:15px; } input,select,textarea { width:100%; background:#091629; color:#eaf2ff; border:1px solid rgba(175,204,241,.18); border-radius:8px; outline:0; padding:12px 13px; font-size:.88rem; font-weight:500; transition:border-color .2s,box-shadow .2s; } textarea { resize:vertical; line-height:1.5; } input:focus,select:focus,textarea:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(76,167,255,.12); }.checkbox-label { grid-template-columns:17px 1fr; align-items:start; gap:10px; color:#99abc2; line-height:1.5; font-weight:500; }.checkbox-label input { margin-top:2px; width:15px; height:15px; accent-color:var(--blue); }.form-submit { border:0; cursor:pointer; width:100%; }.form-note { color:#7890ad; font-size:.7rem; line-height:1.55; margin:13px 0 0; }.form-note code { color:#b9cef0; }
.site-footer { padding-top: 54px; background:#06101d; }.footer-grid { display:grid; grid-template-columns:1fr 1.2fr 1fr; gap:35px; align-items:start; }.footer-grid p { color:#899bb3; font-size:.82rem; line-height:1.65; margin:0; }.footer-links { display:flex; justify-content:flex-end; gap:17px; flex-wrap:wrap; color:#b8c9dd; font-size:.78rem; font-weight:700; }.footer-links a:hover { color:var(--blue-bright); }.footer-bottom { margin-top:45px; padding:18px 0 22px; border-top:1px solid rgba(255,255,255,.07); display:flex; justify-content:space-between; color:#667c98; font:.7rem "DM Mono",monospace; }
@media (max-width: 960px) { .hero-grid,.process-grid,.faq-grid,.contact-grid { grid-template-columns:1fr; gap:45px; }.hero { padding-top:75px; }.hero-visual { max-width:580px; width:100%; margin:0 auto; }.service-grid { grid-template-columns:repeat(2,1fr); }.section-heading { grid-template-columns:1fr; gap:12px; }.area-card { grid-template-columns:1fr; padding:43px; gap:25px; }.area-art { height:160px; }.footer-grid { grid-template-columns:1fr; }.footer-links { justify-content:flex-start; } }
@media (max-width: 660px) { .container { width:min(calc(100% - 28px),var(--max)); }.nav-wrap { min-height:68px; }.menu-button { display:block; }.site-nav { display:none; position:absolute; top:68px; left:0; right:0; padding:16px 20px 20px; flex-direction:column; align-items:stretch; background:#0a1728; border-bottom:1px solid var(--line); }.site-nav.open { display:flex; }.site-nav a { padding:9px 0; }.nav-cta { text-align:center; padding:12px!important; }.hero { padding:62px 0 60px; }.hero-grid { gap:36px; }.hero-visual { min-height:340px; }.terminal-card { right:0; width:93%; top:20px; }.terminal-body { min-height:205px; padding:22px 18px; font-size:.8rem; }.repair-card { left:0; bottom:28px; transform:scale(.9); transform-origin:left bottom; }.trust-card { right:-7px; bottom:0; transform:scale(.83); transform-origin:right bottom; }.trust-strip-inner { padding:16px 0; min-height:0; display:block; }.trust-strip-inner div { margin-top:11px; overflow:hidden; white-space:nowrap; font-size:.63rem; }.section { padding:75px 0; }.service-grid,.pricing-grid { grid-template-columns:1fr; }.service-card { min-height:auto; }.process-grid,.faq-grid,.contact-grid { gap:32px; }.area-section { padding-top:35px; }.area-card { padding:30px 24px; }.form-row { grid-template-columns:1fr; gap:0; }.contact-form { padding:20px; }.footer-bottom { gap:10px; flex-direction:column; }.brand { font-size:.72rem; }.brand-mark { width:22px;height:22px; } }

.brand-logo {
  width: 44px;
  height: 56px;
  object-fit: contain;
  display: block;
}