/*
Theme Name: ГК ДЕВЕЛОП — современная витрина v2
Theme URI: https://developgk.ru/
Author: ГК ДЕВЕЛОП
Description: Адаптивная тема для презентации поставок электронных компонентов и промышленной автоматизации.
Version: 2.0.0
*/
:root{--ink:#10243d;--muted:#617083;--brand:#1167d8;--brand-dark:#0b4495;--cyan:#21c7c7;--paper:#f5f8fc;--line:#dfe7f0;--white:#fff;--shadow:0 18px 50px rgba(16,36,61,.10);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 40px));margin:0 auto}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(223,231,240,.85)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.03em}.brand-logo{width:42px;height:42px;object-fit:contain;border-radius:12px}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.nav{display:flex;align-items:center;gap:20px;color:#41566d;font-size:14px}.nav a{transition:color .2s var(--ease)}.nav a:hover{color:var(--brand)}.nav-cta{display:none}.menu-toggle{display:none;border:0;background:transparent;padding:10px;border-radius:10px;cursor:pointer}.menu-toggle i{display:block;width:24px;height:2px;background:var(--ink);margin:5px 0;border-radius:2px;transition:transform .2s var(--ease),opacity .2s var(--ease)}.menu-toggle[aria-expanded=true] i:nth-child(2){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] i:nth-child(3){opacity:0}.menu-toggle[aria-expanded=true] i:nth-child(4){transform:translateY(-7px) rotate(-45deg)}.header-contact{font-size:13px;font-weight:700;white-space:nowrap}.header-contact span{display:block;color:var(--muted);font-weight:500;font-size:11px;text-align:right}.hero{padding:86px 0 72px;background:radial-gradient(circle at 82% 15%,rgba(33,199,199,.22),transparent 32%),linear-gradient(135deg,#eef6ff 0%,#f7fbff 48%,#eaf9f8 100%)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.eyebrow:before{content:"";width:26px;height:2px;background:var(--cyan)}h1,h2,h3{line-height:1.12;letter-spacing:-.04em;margin:0 0 18px}h1{font-size:clamp(42px,5.2vw,70px);max-width:680px}h2{font-size:clamp(30px,3.5vw,46px)}h3{font-size:23px}.lead{color:var(--muted);font-size:19px;max-width:600px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:0;border-radius:12px;font-size:14px;font-weight:800;cursor:pointer;transition:transform .2s var(--ease),background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease)}.btn:active{transform:scale(.97)}.btn:focus-visible,.menu-toggle:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(17,103,216,.28);outline-offset:2px}.btn-primary{color:#fff;background:var(--brand);box-shadow:0 10px 22px rgba(17,103,216,.22)}.btn-primary:hover{background:var(--brand-dark);transform:translateY(-2px)}.btn-primary:active{transform:scale(.97)}.btn-ghost{border:1px solid var(--line);background:#fff}.btn-ghost:hover{border-color:var(--brand);color:var(--brand)}.hero-card{border-radius:26px;padding:30px;background:linear-gradient(160deg,#10243d,#16477c);color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.2);border-radius:50%;right:-70px;top:-55px}.hero-card h3{font-size:25px}.hero-card p{color:rgba(255,255,255,.72);margin:0}.signal{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}.signal div{padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.07)}.signal strong{display:block;font-size:25px}.signal span{display:block;color:rgba(255,255,255,.65);font-size:12px}.section{padding:86px 0}.section-head{max-width:700px;margin-bottom:36px}.section-head p{color:var(--muted);font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 8px 30px rgba(16,36,61,.04)}.card p{color:var(--muted);margin:0}.icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#e9f4ff;color:var(--brand);font-weight:900;margin-bottom:22px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.step{position:relative;padding:22px 18px;background:#fff;border:1px solid var(--line);border-radius:17px}.step b{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:var(--brand);color:#fff;font-size:13px;margin-bottom:18px}.step p{color:var(--muted);font-size:14px;margin:0}.dark{background:#10243d;color:#fff}.dark .section-head p{color:rgba(255,255,255,.7)}.dark .step{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14)}.dark .step p{color:rgba(255,255,255,.68)}.cta{padding:26px 28px;border-radius:20px;background:linear-gradient(135deg,var(--brand),#13a6b8);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.cta p{margin:0;color:rgba(255,255,255,.78)}.cta .btn{background:#fff;color:var(--brand)}.contact-section{padding-top:20px}.contact-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:20px;align-items:start}.contact-box,.form-box{padding:28px;background:#fff;border:1px solid var(--line);border-radius:18px}.contact-box p{color:var(--muted);margin:8px 0}.contact-box a{color:var(--brand);font-weight:700}.contact-form{margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.contact-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:800;color:var(--ink)}.contact-form label>span:not(.field-note){color:var(--brand)}.contact-form input[type=text],.contact-form input[type=tel],.contact-form input[type=email],.contact-form input[type=number],.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#fbfdff;color:var(--ink);font:inherit;font-size:15px;padding:12px 13px}.contact-form textarea{resize:vertical;min-height:112px}.form-wide{grid-column:1 / -1}.field-note,.form-note{display:block;color:var(--muted);font-size:12px;font-weight:500}.contact-form input[type=file]{width:100%;padding:10px;border:1px dashed #b8c8da;border-radius:10px;background:#fbfdff;font:inherit;font-size:13px}.captcha-field{max-width:260px}.consent{display:flex!important;flex-direction:row!important;align-items:flex-start;margin:18px 0;color:var(--muted)!important;font-size:12px!important;font-weight:500!important}.consent input{margin:3px 8px 0 0;flex:0 0 auto}.consent a{text-decoration:underline;color:var(--brand)}.contact-form .btn{margin-top:2px}.form-note{margin:10px 0 0}.form-notice{padding:12px 14px;border-radius:10px;font-size:13px;margin:0 0 18px}.form-notice-success{background:#eaf8f1;color:#17643e}.form-notice-error{background:#fff1f1;color:#a12d2d}.honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.site-footer{padding:28px 0;color:var(--muted);font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px}.footer-inner a{text-decoration:underline}.footer-inner a:hover{color:var(--brand)}
@media(max-width:900px){.header-inner{gap:12px}.menu-toggle{display:block;margin-left:auto}.header-contact{display:none}.nav{display:none;flex-basis:100%;order:4;align-items:stretch;flex-direction:column;gap:0;padding:8px 0 14px;border-top:1px solid var(--line)}.nav.is-open{display:flex}.nav a{padding:11px 4px}.nav-cta{display:flex!important;justify-content:center;margin-top:6px;border-radius:10px;background:var(--brand);color:#fff!important}.hero-grid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr}}
@media(max-width:560px){.wrap{width:min(100% - 28px,1160px)}.hero{padding:58px 0 50px}.section{padding:58px 0}.steps{grid-template-columns:1fr}.cta{align-items:flex-start;flex-direction:column}.footer-inner{flex-direction:column}.form-grid{grid-template-columns:1fr}.form-wide{grid-column:auto}.contact-box,.form-box{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}