:root{--bg: #07111f;--bg2: #101a35;--card: rgba(255,255,255,.07);--card2: rgba(255,255,255,.11);--text: #f8fbff;--muted: #9fb4d8;--line: rgba(255,255,255,.13);--cyan: #52f2ff;--blue: #5a78ff;--purple: #7c5cff;--green: #28e7a6;--danger: #ff6b6b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 20% 10%,rgba(82,242,255,.14),transparent 32%),radial-gradient(circle at 90% 10%,rgba(124,92,255,.18),transparent 34%),linear-gradient(135deg,var(--bg),#060a14 60%,#120b30);color:var(--text)}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}.siteHeader{position:sticky;top:0;z-index:100;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,70px);border-bottom:1px solid var(--line);background:#07111fd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:10px;background:transparent;border:0;color:var(--text);cursor:pointer;font-size:1.15rem;font-weight:850}.brandIcon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;color:#07111f;background:linear-gradient(135deg,var(--cyan),var(--purple));box-shadow:0 0 32px #52f2ff40}.nav{display:flex;align-items:center;gap:8px}.nav button,.footer button{border:0;color:var(--muted);background:transparent;cursor:pointer}.nav button{padding:10px 12px;border-radius:999px}.nav button:hover,.nav button.active{color:var(--text);background:#ffffff14}.navCta,.btn,.priceCard a{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 18px;border-radius:999px;color:#07111f;text-decoration:none;font-weight:800;background:linear-gradient(135deg,var(--cyan),var(--purple));border:0;cursor:pointer;box-shadow:0 14px 40px #52f2ff2e}.menuBtn{display:none;width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:#ffffff0f;color:var(--text)}.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,6vw,70px);align-items:center;padding:clamp(46px,8vw,105px) clamp(18px,5vw,70px)}.kicker,.sectionKicker{color:var(--cyan);font-weight:900;letter-spacing:.16em;text-transform:uppercase;font-size:.75rem}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3rem,8vw,6.4rem);line-height:.92;letter-spacing:-.07em;margin-bottom:22px}h2{font-size:clamp(2.1rem,5vw,4.3rem);line-height:1;letter-spacing:-.055em;max-width:920px}.hero p,.sectionLead,.contactIntro p{color:var(--muted);line-height:1.7;font-size:1.05rem;max-width:720px}.heroActions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}.btn.ghost{color:var(--text);background:#ffffff14;border:1px solid var(--line);box-shadow:none}.btn:disabled{opacity:.7;cursor:not-allowed}.trustCards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:620px}.trustCards span{padding:14px;border:1px solid var(--line);border-radius:18px;background:#ffffff0d;color:var(--muted)}.trustCards b{display:block;color:var(--text)}.heroVisual{min-height:430px;border-radius:34px;border:1px solid rgba(82,242,255,.25);background:linear-gradient(135deg,rgba(82,242,255,.12),transparent),#ffffff0f;padding:28px;box-shadow:0 30px 90px #00000059;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.windowDots{display:flex;gap:8px;margin-bottom:20px}.windowDots i{width:11px;height:11px;border-radius:50%;background:var(--cyan)}.windowDots i:nth-child(2){background:var(--purple)}.windowDots i:nth-child(3){background:var(--green)}.dashGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.metric,.streamMock{border-radius:22px;padding:22px;min-height:120px;background:#ffffff14;border:1px solid var(--line)}.metric b{display:block;font-size:2rem;margin-top:6px}.metric span{display:block;height:9px;margin-top:18px;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--green))}.streamMock{grid-column:span 2;display:grid;place-items:center;min-height:170px;color:var(--cyan);font-weight:900;letter-spacing:.16em;position:relative}.streamMock em{position:absolute;top:18px;right:18px;padding:8px 14px;border-radius:999px;background:#ffffff1f;color:var(--text);font-style:normal;letter-spacing:0}.section{padding:clamp(54px,8vw,105px) clamp(18px,5vw,70px)}.serviceGrid,.pricingGrid,.portfolioGrid,.processGrid,.faqGrid{display:grid;gap:18px;margin-top:32px}.serviceGrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.pricingGrid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr))}.portfolioGrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.processGrid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.faqGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.serviceCard,.priceCard,.portfolioCard,.processGrid article,details,.categoryDetail,.contactBox,.detailBlocks>div{border-radius:26px;border:1px solid var(--line);background:var(--card);box-shadow:0 20px 70px #0000002e}.serviceCard,.priceCard,.portfolioCard,.processGrid article,details,.detailBlocks>div{padding:24px}.serviceCard{transition:transform .25s ease,border-color .25s ease,background .25s ease}.serviceCard:hover,.priceCard:hover,.portfolioCard:hover{transform:translateY(-6px);border-color:#52f2ff59;background:var(--card2)}.serviceIcon{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:18px;margin-bottom:18px;background:#52f2ff1f;font-size:1.8rem}.serviceCard p,.priceCard li,.portfolioCard p,.processGrid p,details p,.categoryDetail p,.detailBlocks li,.detailBlocks p{color:var(--muted);line-height:1.65}.serviceCard small{display:block;color:#bad3ff;margin:14px 0}.serviceCard button,.backBtn{color:var(--cyan);border:0;background:transparent;padding:0;cursor:pointer;font-weight:800}.categoryLayout{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;margin-top:32px}.categoryGrid{display:grid;gap:12px}.cat{text-align:left;border:1px solid var(--line);border-radius:20px;padding:18px;background:#ffffff0f;color:var(--text);cursor:pointer}.cat.active{border-color:var(--cyan);box-shadow:0 0 30px #52f2ff24}.cat span,.cat small{display:block}.cat small{color:var(--muted);margin-top:6px}.categoryDetail{padding:28px}.detailMeta{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.detailMeta span{padding:14px;border-radius:16px;background:#ffffff0f;color:var(--muted)}.detailMeta b{display:block;color:var(--text)}.priceCard b{display:block;font-size:2rem;margin:12px 0;color:var(--cyan)}.priceCard a{width:100%;margin-top:12px}.mockVisual{height:170px;border-radius:22px;margin-bottom:20px;background:linear-gradient(135deg,#52f2ff40,#7c5cff38),#ffffff12;display:grid;place-items:center}.mockVisual span{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:#ffffff1f;color:var(--cyan);font-weight:900}.processGrid span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#07111f;background:var(--cyan);font-weight:900}details summary{cursor:pointer;font-weight:800}.contactBox{display:grid;grid-template-columns:.85fr 1.15fr;gap:26px;padding:clamp(22px,4vw,42px)}.contactMethods{display:grid;gap:12px;margin-top:24px}.contactMethods a{display:grid;grid-template-columns:42px 1fr;gap:6px 12px;padding:16px;border:1px solid var(--line);border-radius:18px;color:var(--text);text-decoration:none;background:#ffffff0d}.contactMethods span{grid-row:span 2;font-size:1.6rem}.contactMethods small{color:var(--muted)}.inquiryForm{display:grid;gap:14px}.formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}label span{display:block;margin-bottom:8px;color:#dce8ff;font-weight:700}input,select,textarea{width:100%;color:var(--text);background:#ffffff14;border:1px solid var(--line);border-radius:16px;padding:14px 15px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 4px #52f2ff14}textarea{resize:vertical}.formStatus{padding:12px 14px;border-radius:14px;font-size:.95rem;line-height:1.5}.formStatus.success{color:#b8ffdf;background:#15b8751f;border:1px solid rgba(21,184,117,.35)}.formStatus.error{color:#ffd0d0;background:#ff46461f;border:1px solid rgba(255,70,70,.35)}.contactActions{display:flex;flex-wrap:wrap;gap:12px}.inquiryForm small{color:var(--muted)}.detailPage{padding-top:110px}.detailBlocks{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.footer{display:grid;grid-template-columns:1fr auto;gap:20px;padding:44px clamp(18px,5vw,70px);border-top:1px solid var(--line);color:var(--muted);background:#0000002e}.footer h3{color:var(--text)}.footer div:nth-child(2){display:flex;flex-wrap:wrap;gap:12px}.footer small{grid-column:1 / -1}@media (max-width: 920px){.menuBtn{display:inline-grid;place-items:center}.nav{display:none;position:absolute;top:76px;left:16px;right:16px;padding:14px;border:1px solid var(--line);border-radius:22px;background:#07111ff5;box-shadow:0 20px 60px #0000004d}.nav.open{display:grid}.nav button,.navCta{width:100%;justify-content:center}.hero{grid-template-columns:1fr;min-height:auto}.heroVisual{min-height:320px}.categoryLayout,.contactBox,.detailBlocks,.trustCards{grid-template-columns:1fr}}@media (max-width: 560px){.siteHeader{height:68px;padding-inline:14px}.nav{top:68px}h1{font-size:3rem}h2{font-size:2.2rem}.hero,.section{padding-inline:14px}.formGrid,.detailMeta,.dashGrid{grid-template-columns:1fr}.streamMock{grid-column:span 1}.contactActions .btn{width:100%}.footer{grid-template-columns:1fr}}input,select,textarea{color:#fff!important;background:#ffffff14!important;border:1px solid rgba(255,255,255,.18)}input::placeholder,textarea::placeholder{color:#dce6ff94!important;opacity:1}select{color:#fff!important;background-color:#312d46!important;color-scheme:dark;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}select option{background-color:#211f35!important;color:#fff!important}select option:checked{background-color:#2563eb!important;color:#fff!important}select option[value=""]{color:#c7d2fe!important}input:focus,select:focus,textarea:focus{border-color:#52f2ff!important;box-shadow:0 0 0 4px #52f2ff1f!important}textarea{min-height:170px}@media (max-width: 560px){input,select,textarea{font-size:16px}}