:root{--bg:#090b0a;--surface:#111512;--surface-alt:#171c18;--text:#f3f6f3;--muted:#9da69f;--accent:#3ee878;--border:#29312b;--danger:#ff7676;--radius-sm:8px;--radius-md:16px;--radius-lg:28px;--shadow:0 24px 70px rgba(0,0,0,.35);--container:1180px;--s1:.5rem;--s2:1rem;--s3:1.5rem;--s4:2rem;--s5:3rem;--s6:5rem}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 5%,rgba(62,232,120,.07),transparent 30%);z-index:-1}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%}.container{width:min(calc(100% - 40px),var(--container));margin:auto}.skip{position:fixed;left:1rem;top:-5rem;z-index:100;background:var(--accent);color:#071009;padding:.7rem 1rem}.skip:focus{top:1rem}.header{position:sticky;top:0;z-index:50;background:rgba(9,11,10,.88);border-bottom:1px solid var(--border);backdrop-filter:blur(16px)}.header-row{height:74px;display:flex;align-items:center;gap:1.4rem}.logo{font-weight:900;letter-spacing:-.05em;font-size:1.35rem}.logo span,.plus{color:var(--accent)}.nav{display:flex;gap:1rem;align-items:center;margin-left:auto;font-size:.88rem}.nav a{color:var(--muted)}.nav a:hover,.nav a[aria-current=page]{color:var(--text)}.menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:.55rem .75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;padding:.7rem 1.1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text);font-weight:700;transition:.2s}.btn:hover{transform:translateY(-2px);border-color:#566158}.btn-primary{background:var(--accent);border-color:var(--accent);color:#061009}.btn-sm{min-height:38px;padding:.45rem .8rem;font-size:.86rem}.eyebrow{color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero{padding:clamp(4rem,9vw,8rem) 0}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:4rem;align-items:center}h1,h2,h3{line-height:1.08;letter-spacing:-.04em;margin-top:0}h1{font-size:clamp(3rem,7vw,6.8rem);margin-bottom:1.5rem}h2{font-size:clamp(2.1rem,4vw,4rem)}h3{font-size:1.25rem}.lead{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--muted);max-width:720px}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:2rem 0}.fine,.muted{color:var(--muted)}.fine{font-size:.86rem}.hero-mark{aspect-ratio:1;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;font-size:clamp(8rem,18vw,15rem);font-weight:200;color:var(--accent);box-shadow:inset 0 0 80px rgba(62,232,120,.06)}section{padding:var(--s6) 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.5rem}.section-head p{max-width:520px;color:var(--muted)}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:linear-gradient(145deg,var(--surface),#0d100e);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem}.card:hover{border-color:#3d4a40}.card-num{color:var(--accent);font:700 .8rem ui-monospace,monospace}.price{font-size:1.55rem;font-weight:850;letter-spacing:-.04em}.band{background:var(--surface);border-block:1px solid var(--border)}.trust-line{font-size:clamp(1.8rem,4vw,3.5rem);max-width:1000px}.tag{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:.3rem .7rem;color:var(--muted);font-size:.82rem}.steps{counter-reset:s}.step{display:grid;grid-template-columns:56px 1fr;gap:1rem;padding:1.4rem 0;border-top:1px solid var(--border)}.step:before{counter-increment:s;content:counter(s,decimal-leading-zero);color:var(--accent);font:700 .8rem ui-monospace}.cta{border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(2rem,5vw,5rem);background:linear-gradient(135deg,#151a16,#0c0f0d)}.page-hero{padding:5rem 0 2rem}.page-hero h1{font-size:clamp(2.8rem,6vw,5.5rem)}.footer{padding:4rem 0 2rem;border-top:1px solid var(--border);margin-top:5rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}.footer a{display:block;color:var(--muted);margin:.35rem 0}.footer-bottom{border-top:1px solid var(--border);margin-top:3rem;padding-top:1.5rem;color:var(--muted);display:flex;justify-content:space-between}.service-list li{margin:.5rem 0;color:var(--muted)}details{border-top:1px solid var(--border);padding:1.1rem 0}summary{font-weight:750;cursor:pointer}details p{color:var(--muted)}
/* Constructor */.builder-shell{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1.5rem;align-items:start}.builder-main,.summary{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.builder-top{padding:1.2rem 1.4rem;border-bottom:1px solid var(--border)}.progress-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--muted)}.progress{height:5px;background:#29302b;border-radius:9px;margin-top:.8rem;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent);transition:width .25s}.panel{padding:clamp(1.2rem,4vw,2.2rem)}.builder-step{display:none}.builder-step.active{display:block;animation:appear .2s ease}.field{display:grid;gap:.45rem;margin:1rem 0}.field label,.label{font-weight:700}.field small{color:var(--muted)}input,textarea,select{width:100%;background:#0b0e0c;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.8rem}textarea{min-height:110px;resize:vertical}input:focus,textarea:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:1rem 0}.choice{position:relative}.choice input{position:absolute;opacity:0}.choice label{display:block;height:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem;background:#0c0f0d;cursor:pointer}.choice input:checked+label{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.choice strong,.choice small{display:block}.choice small{color:var(--muted);margin-top:.25rem}.builder-actions{display:flex;justify-content:space-between;gap:1rem;padding-top:1.5rem}.summary{position:sticky;top:90px;padding:1.3rem}.summary-row{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--border);font-size:.9rem}.summary-total{font-size:1.45rem;font-weight:900;color:var(--accent);margin-top:1rem}.swatches{display:flex;gap:.65rem;flex-wrap:wrap}.swatch{width:42px;height:42px;border-radius:50%;border:3px solid var(--surface);outline:1px solid var(--border)}.swatch-choice input{position:absolute;opacity:0}.swatch-choice input:checked+label{outline:3px solid var(--text)}.moodboard{display:grid;grid-template-columns:1fr 1fr;gap:1rem;background:#eef2ef;color:#101411;padding:1.2rem;border-radius:var(--radius-md);margin-top:1rem}.mood-card{border:1px solid #c9d1cb;padding:1rem;border-radius:10px}.mood-btn{display:inline-block;background:var(--mood-accent,#20bd63);color:white;padding:.6rem 1rem;border-radius:7px}.brief{white-space:pre-wrap;background:#090b0a;border:1px solid var(--border);padding:1rem;max-height:380px;overflow:auto;font:13px/1.55 ui-monospace,monospace}.saved-item{border-top:1px solid var(--border);padding:1rem 0}.saved-actions{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.7rem}.notice{padding:1rem;border-left:3px solid var(--accent);background:#111a14;color:var(--muted)}.error{color:var(--danger);font-size:.85rem}.modal{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:100;display:none;place-items:center;padding:1rem}.modal.open{display:grid}.modal-card{max-width:560px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:2rem}.hidden{display:none!important}@keyframes appear{from{opacity:0;transform:translateY(5px)}}
@media(max-width:1000px){.nav{display:none;position:absolute;left:20px;right:20px;top:68px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;flex-direction:column;align-items:stretch}.nav.open{display:flex}.menu-btn{display:block}.header .btn-primary{display:none}.hero-grid{grid-template-columns:1fr}.hero-mark{max-width:380px}.grid-4{grid-template-columns:repeat(2,1fr)}.builder-shell{grid-template-columns:1fr}.summary{position:static}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.container{width:min(calc(100% - 28px),var(--container))}.hero{padding:3.5rem 0}.hero-mark{display:none}section{padding:3.5rem 0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section-head{display:block}.choices{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.builder-actions{position:sticky;bottom:0;background:var(--surface);padding:1rem 0}.moodboard{grid-template-columns:1fr}h1{font-size:2.8rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.hero-mark{aspect-ratio:auto;border-radius:var(--radius-lg);font-size:1rem;text-align:left;display:block;padding:1rem 2rem;place-items:stretch}.value-item{border-bottom:1px solid var(--border)}.value-item:last-child{border-bottom:0}.value-item h2{margin:0;font-size:1rem;letter-spacing:0}.value-trigger{display:flex;align-items:center;width:100%;min-height:56px;padding:.65rem 0;border:0;background:none;color:var(--text);font:700 1rem/1.3 inherit;text-align:left;cursor:pointer;transition:color .25s}.value-trigger:hover{color:var(--accent)}.value-plus{display:inline-block;color:var(--accent);font-size:1.35rem;margin-right:.65rem;transition:transform .3s ease}.value-trigger[aria-expanded=true] .value-plus{transform:rotate(45deg)}.value-panel{padding:0 0 1.15rem 2rem;color:var(--muted);font-size:.92rem}.value-panel p{margin:.75rem 0}.value-panel strong{color:var(--text);font-weight:750}.value-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:3px}.hero{padding:clamp(3.5rem,7vw,6.5rem) 0}section{padding:clamp(3.5rem,6vw,4.5rem) 0}.choice input:checked+label:after{content:'✓';float:right;color:var(--accent);font-weight:900}.summary.summary-empty .summary-row,.summary.summary-empty #sum-extras,.summary.summary-empty .summary-total,.summary.summary-empty>p:not(.fine){display:none}.summary.summary-empty .fine:before{content:'Стоимость появится после выбора формата сайта.';display:block;color:var(--muted);font-size:1rem;margin:1rem 0}.brief{font-family:inherit;font-size:1rem;line-height:1.65}.request-invalid{color:var(--danger)!important}
@media(min-width:1100px){.nav{display:flex}.menu-btn{display:none}}
@media(max-width:700px){.hero-mark{display:block;max-width:none;padding:.65rem 1rem}.value-trigger{min-height:52px}.value-panel{padding-left:1.75rem;font-size:.9rem}}
.contact-section{padding:clamp(4rem,8vw,7rem) 0}.contact-block{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(2.5rem,6vw,6rem);align-items:center;padding:clamp(2rem,5vw,5rem);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.contact-copy h1{margin:.7rem 0 1.5rem;font-size:clamp(2.8rem,6vw,5.5rem)}.contact-copy .lead{margin-bottom:0}.contact-actions{display:grid;gap:1.5rem;padding-left:clamp(0rem,3vw,2.5rem);border-left:1px solid var(--border)}.contact-label{display:block;color:var(--accent);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.contact-region{margin:.35rem 0 0;color:var(--text);font-size:clamp(1.35rem,2vw,1.8rem);font-weight:800}.contact-actions .muted{margin:0}.contact-cta{justify-self:start}
@media(max-width:700px){.contact-section{padding:3.5rem 0}.contact-block{grid-template-columns:1fr;gap:2rem;padding:1.5rem}.contact-copy h1{font-size:clamp(2.45rem,12vw,3.2rem)}.contact-actions{padding:1.5rem 0 0;border-left:0;border-top:1px solid var(--border)}.contact-cta{width:100%}}
.hero .hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(360px,.85fr);gap:clamp(2.5rem,4vw,3.5rem)}.hero .hero-grid>div:first-child{min-width:0}.hero h1{max-width:760px;margin-bottom:1.25rem;font-size:clamp(3rem,5vw,5rem);line-height:.98}.hero .lead{max-width:680px}.hero .actions{margin:1.65rem 0 1.35rem}.hero .hero-mark{align-self:center;min-width:0;padding-inline:clamp(1.5rem,2.5vw,2.25rem)}
@media(max-width:1100px){.hero .hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:2.5rem}.hero h1{font-size:clamp(2.8rem,5vw,4rem)}}
@media(max-width:1000px){.hero .hero-grid{grid-template-columns:1fr;gap:2.5rem}.hero h1{max-width:760px}.hero .hero-mark{width:100%;max-width:680px}}
@media(max-width:700px){.hero h1{font-size:clamp(2.65rem,12vw,3.15rem);line-height:1}.hero .actions{margin:1.5rem 0 1.2rem}.hero .hero-mark{max-width:none}}