/*
Theme Name: Свои Айти — ИТ-решения
Theme URI: https://svoi-aiti.tenderheron66.chatgpt.site
Author: Свои Айти
Description: Адаптивная тема для компании «Свои Айти» в фирменном тёмно-синем стиле с редактируемыми текстами главной страницы.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: svoi-aiti
Tags: custom-logo, custom-menu, featured-images, full-width-template, responsive-layout
*/

:root{--night:#030912;--navy:#06162c;--cyan:#14d9ff;--blue:#0575ff;--ink:#081629;--muted:#526179;--glow:0 0 23px rgba(14,184,255,.72);--frame:rgba(27,211,255,.84)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--night);color:#f7fbff;font-family:Inter,"Arial Narrow","Segoe UI",sans-serif;font-size:16px;line-height:1.45}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.wrap{width:min(1240px,calc(100% - 44px));margin:auto}.topbar{position:sticky;z-index:30;top:0;background:rgba(3,9,18,.94);border-bottom:1px solid rgba(30,168,255,.24);backdrop-filter:blur(15px)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.custom-logo-link{display:flex;align-items:center}.custom-logo{display:block;width:auto;max-width:235px;max-height:64px;object-fit:contain}.brand-icon{width:52px;height:52px;object-fit:contain;border-radius:13px;filter:drop-shadow(0 0 9px rgba(0,142,255,.6))}.brand-word{width:205px;height:78px;object-fit:contain;object-position:left center}.navlinks{display:flex;align-items:center;gap:25px;color:#d9e9fa;font-size:.92rem}.navlinks a{transition:color .18s}.navlinks a:hover{color:var(--cyan)}.nav-cta,.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:999px;background:linear-gradient(105deg,#14cfff,#0063ff);color:white;font-weight:900;box-shadow:0 0 26px rgba(0,137,255,.58),inset 0 1px 2px rgba(255,255,255,.44);padding:14px 25px;transition:transform .18s,filter .18s}.nav-cta:hover,.button:hover{transform:translateY(-2px);filter:brightness(1.12)}.menu{display:none;background:#0b1d34;color:white;border:1px solid var(--frame);border-radius:11px;padding:9px 12px}.hero{position:relative;overflow:hidden;min-height:500px;background:linear-gradient(90deg,#030a14 0%,rgba(3,10,20,.94) 34%,rgba(3,10,20,.40) 61%,rgba(3,10,20,.04) 100%),url('assets/hero-bg.png') right center/auto 100% no-repeat,radial-gradient(ellipse at 85% 50%,#07529a,#030912 60%)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),#0071ff,transparent);box-shadow:0 0 13px var(--cyan)}.hero-inner{min-height:500px;display:flex;align-items:center;position:relative}.hero-copy{width:min(760px,65%);padding:38px 0 48px;position:relative;z-index:2}.brandline{display:flex;align-items:center;gap:15px;color:#dceeff;font-size:1rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800}.brandline:before{content:"";width:34px;height:2px;background:var(--cyan);box-shadow:var(--glow)}.kicker{font-size:clamp(.94rem,1.4vw,1.18rem);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#d3e4f6;margin:28px 0 7px}.hero h1{margin:0;font-size:clamp(3.5rem,8vw,7.5rem);line-height:.84;letter-spacing:-.055em;font-weight:1000;text-transform:uppercase;text-shadow:0 5px 24px rgba(0,0,0,.42)}.hero h1 span{display:block;color:#12d9f5;text-shadow:0 0 28px rgba(0,210,255,.32)}.hero-sub{font-size:clamp(1.04rem,2vw,1.42rem);font-weight:600;margin:21px 0 23px;color:#f3f8ff}.hero-sub b{color:var(--cyan);padding:0 5px}.services-label{position:absolute;right:0;top:34px;padding:7px 0 7px 17px;border-left:4px solid var(--cyan);text-transform:uppercase;letter-spacing:.12em;font-size:.86rem;line-height:1.55;font-weight:800;text-shadow:0 2px 10px #000}.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.button.secondary{background:rgba(4,22,44,.78);border:1px solid var(--cyan);box-shadow:inset 0 0 10px rgba(0,169,255,.16),0 0 16px rgba(0,144,255,.16);color:#c5f5ff}.hero-points{display:flex;gap:26px;flex-wrap:wrap;margin-top:26px;color:#c9d7e8;font-size:.9rem}.hero-points span{display:flex;align-items:center;gap:8px}.hero-points i{font-style:normal;color:var(--cyan);font-size:1.2rem;text-shadow:var(--glow)}.service-area{padding:40px 0 30px;background:linear-gradient(#050e1b,#030912)}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.service-card{color:var(--ink);background:#f6f9fd;border:1px solid var(--frame);border-radius:17px;overflow:hidden;position:relative;box-shadow:0 0 15px rgba(0,193,255,.32),0 16px 34px rgba(0,0,0,.36);transition:transform .22s,box-shadow .22s}.service-card:hover{transform:translateY(-4px);box-shadow:0 0 24px rgba(0,209,255,.64),0 20px 40px rgba(0,0,0,.42)}.card-head{height:62px;display:flex;align-items:center;gap:13px;padding:7px 14px;background:linear-gradient(110deg,#071324,#09223c);color:white;border-bottom:1px solid var(--cyan);text-transform:uppercase}.card-icon{width:48px;height:48px;flex:none;display:grid;place-items:center;color:white;border-radius:50%;border:3px solid white;background:linear-gradient(145deg,#12d9ff,#005bff);box-shadow:0 0 0 4px rgba(12,194,255,.24),0 0 20px rgba(0,176,255,.85)}.card-icon svg{width:25px;height:25px}.card-head h2{font-size:clamp(.9rem,1.4vw,1.12rem);line-height:1.04;margin:0;font-weight:950;letter-spacing:.01em}.card-image{height:174px;width:100%;display:block;object-fit:cover;object-position:center}.card-body{padding:13px 17px 15px}.card-body ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.card-body li{display:flex;align-items:flex-start;gap:10px;color:#102038;font-size:.96rem;line-height:1.32}.check{width:23px;height:23px;flex:none;border-radius:50%;display:inline-grid;place-items:center;background:linear-gradient(140deg,#00bdf7,#0675ff);color:white;font-size:.82rem;font-weight:900;box-shadow:0 2px 6px rgba(0,108,220,.26)}.card-button{width:100%;margin-top:13px;padding:10px 13px;border:1px solid #b7dbf7;border-radius:9px;background:#eaf6ff;color:#0560bc;font-weight:850;text-align:left;display:flex;align-items:center;justify-content:space-between;transition:background .18s}.card-button:hover{background:#d5efff}.card-button span{font-size:1.2rem}.bottom-cta{padding:22px 0 32px;background:linear-gradient(#030912,#061429)}.cta-row{display:flex;align-items:center;gap:22px}.cta-line{height:2px;flex:1;background:linear-gradient(90deg,transparent,var(--cyan));box-shadow:0 0 9px var(--cyan)}.cta-line:last-child{transform:scaleX(-1)}.button.big{font-size:1.32rem;letter-spacing:.045em;text-transform:uppercase;padding:16px 36px;min-width:420px}.tagline{text-align:center;color:#d0deec;letter-spacing:.12em;margin-top:10px;font-size:.9rem}.assurances{display:flex;justify-content:center;gap:36px;padding:20px 0 29px;border-top:1px solid rgba(22,155,255,.18);color:#ccdeee;font-size:.85rem;text-transform:uppercase}.assurances span{display:flex;align-items:center;gap:9px}.assurances i{font-style:normal;font-size:1.4rem;color:var(--cyan);text-shadow:var(--glow)}footer{border-top:1px solid rgba(17,171,255,.22);color:#b9cbde;padding:20px 0;background:#030912}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.86rem}.footer-brand{display:flex;align-items:center;gap:9px;color:#fff;font-weight:800}.footer-brand img{width:34px;height:34px;border-radius:8px}.modal{display:none;position:fixed;inset:0;z-index:60;padding:18px;background:rgba(0,4,11,.78);backdrop-filter:blur(8px);place-items:center}.modal.open{display:grid}.dialog{position:relative;width:min(520px,100%);max-height:92vh;overflow:auto;border:1px solid var(--cyan);border-radius:19px;padding:27px;background:linear-gradient(145deg,#102944,#061323);box-shadow:0 0 35px rgba(0,156,255,.32),0 25px 80px #000}.dialog h2{margin:8px 42px 8px 0;font-size:1.8rem;line-height:1.05}.dialog p{color:#acc0d4;margin:0 0 19px;font-size:.9rem}.close{position:absolute;right:15px;top:15px;width:38px;height:38px;border-radius:50%;background:#07182b;border:1px solid var(--cyan);color:white;font-size:1.35rem}.field{display:block;margin:12px 0}.field span{display:block;font-size:.83rem;color:#d7e9fa;margin-bottom:6px}.field input,.field textarea{width:100%;border:1px solid rgba(120,180,225,.36);border-radius:10px;padding:12px 13px;background:#06111f;color:white;outline:none}.field textarea{min-height:90px;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,207,255,.1)}.note{font-size:.75rem!important;color:#90a9c1!important;margin:10px 0 15px!important}.result{display:none;color:#c7fff0;border:1px solid rgba(36,232,172,.48);background:rgba(8,68,59,.33);border-radius:12px;padding:13px;margin-top:15px;font-size:.88rem}.result.show{display:block}.result pre{white-space:pre-wrap;color:#e4f0f8;font:inherit;background:rgba(0,0,0,.2);padding:10px;border-radius:8px}.toast{position:fixed;z-index:70;bottom:22px;left:50%;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:#0d2944;border:1px solid var(--cyan);border-radius:999px;padding:11px 17px;color:white;transition:.2s}.toast.show{transform:translate(-50%,0);opacity:1}:focus-visible{outline:3px solid #37e6ff;outline-offset:3px}
@media(max-width:900px){.hero{min-height:455px;background-position:center,right center,center;background-size:auto,auto 100%,cover}.hero-inner{min-height:455px}.hero-copy{width:75%}.hero h1{font-size:clamp(3.6rem,9vw,6.2rem)}.services-label{right:0;font-size:.72rem}.card-head{height:59px;padding:6px 10px;gap:10px}.card-icon{width:42px;height:42px}.card-image{height:145px}.card-body{padding:12px}.card-body li{font-size:.86rem}.button.big{min-width:350px}}
@media(max-width:650px){html{scroll-padding-top:74px}.wrap{width:calc(100% - 28px)}.nav{height:70px;gap:10px}.brand{gap:7px}.brand-icon{width:43px;height:43px}.custom-logo{max-width:175px;max-height:48px}.brand-word{width:165px;height:63px}.navlinks{display:none;position:absolute;top:70px;left:0;right:0;padding:12px 18px 18px;background:rgba(3,9,18,.98);border-bottom:1px solid var(--frame);flex-direction:column;align-items:stretch;gap:0}.navlinks.open{display:flex}.navlinks a{padding:12px 4px;border-bottom:1px solid rgba(42,160,230,.18)}.navlinks a:last-child{border:0}.nav-cta{display:none}.menu{display:inline-flex;gap:7px;align-items:center}.hero{min-height:unset;background:linear-gradient(90deg,rgba(3,9,18,.96),rgba(3,9,18,.72)),url('assets/hero-bg.png') 60% center/auto 100% no-repeat,#030912}.hero-inner{min-height:unset}.hero-copy{width:100%;padding:38px 0 31px}.brandline{font-size:.75rem;letter-spacing:.13em}.kicker{font-size:.83rem;margin:22px 0 8px}.hero h1{font-size:clamp(3.1rem,13.7vw,5rem);line-height:.87}.hero-sub{font-size:1rem;line-height:1.4;margin:17px 0}.services-label{position:absolute;top:7px;right:0;display:block;margin:0;padding:0 0 0 9px;font-size:.62rem;line-height:1.35}.hero-actions{gap:10px}.hero-actions .button{font-size:.88rem;padding:12px 15px}.hero-points{gap:9px 17px;margin-top:18px;font-size:.74rem}.service-area{padding:22px 0 18px}.service-grid{grid-template-columns:1fr;gap:14px}.service-card{border-radius:14px}.card-head{height:57px;padding:6px 12px}.card-icon{width:43px;height:43px}.card-head h2{font-size:1.02rem}.card-image{height:clamp(155px,49vw,220px)}.card-body{padding:12px 15px 14px}.card-body ul{gap:7px}.card-body li{font-size:.93rem}.card-button{margin-top:11px}.bottom-cta{padding:12px 0 26px}.cta-row{gap:9px}.cta-line{display:none}.button.big{width:100%;min-width:unset;font-size:1.04rem;padding:15px 17px}.tagline{font-size:.75rem;letter-spacing:.07em}.assurances{flex-wrap:wrap;gap:12px 19px;padding:17px 0 23px;font-size:.69rem}.footer-inner{flex-direction:column;align-items:flex-start;gap:10px}.dialog{padding:24px 19px}.modal{padding:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Three-part brand reveal: emblem, wordmark, then tagline/final lockup. */
.brand-intro{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 85% 88%,rgba(0,82,255,.48),transparent 42%),radial-gradient(ellipse at 65% 65%,rgba(0,57,159,.23),transparent 57%),#010817;opacity:1;visibility:visible;transition:opacity .65s ease,visibility .65s ease}.brand-intro.is-exiting{opacity:0;visibility:hidden;pointer-events:none}.intro-frame{position:relative;width:min(100vw,1450px);aspect-ratio:1672/941;max-height:88vh}.intro-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.intro-part{opacity:0;transform:translateY(12px) scale(.985);filter:blur(5px);animation:brand-reveal .58s ease-out forwards}.intro-part-1{clip-path:inset(16% 21% 40% 21%);animation-delay:.25s}.intro-part-2{clip-path:inset(57% 17% 22% 17%);animation-delay:1.15s}.intro-part-3{clip-path:inset(76% 17% 14% 17%);animation-delay:2.05s}.intro-final{opacity:0;animation:brand-final .58s ease-out 2.92s forwards}.intro-skip{position:absolute;right:max(25px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));padding:10px 17px;border:1px solid rgba(41,205,255,.54);border-radius:999px;background:rgba(4,18,37,.74);color:#d9f8ff;letter-spacing:.04em;cursor:pointer;transition:background .2s,color .2s}.intro-skip:hover{background:#0a70c8;color:#fff}@keyframes brand-reveal{to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes brand-final{to{opacity:1}}@media(max-width:650px){.intro-frame{width:100vw;max-height:70vh}.intro-skip{right:16px;bottom:max(16px,env(safe-area-inset-bottom));font-size:.82rem}}@media(prefers-reduced-motion:reduce){.brand-intro{display:none!important}}