@import url('https://fonts.googleapis.com/css2?family=Cabinet+Grotesk:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root { --ink:#13241f; --paper:#f4f1ea; --paper-deep:#e7e1d5; --line:rgba(19,36,31,.15); --muted:#5f6d67; --pine:#164a3a; --lime:#d5f34f; --cream:#fffdf8; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:'Cabinet Grotesk',Arial,sans-serif; }
body::before { content:''; position:fixed; z-index:-1; inset:0; opacity:.42; pointer-events:none; background-image:radial-gradient(rgba(19,36,31,.11) .7px,transparent .7px); background-size:7px 7px; mask-image:linear-gradient(to bottom,#000,transparent 72%); }
a { color:inherit; text-decoration:none; } button,input { font:inherit; } .page { width:min(1360px,calc(100% - 40px)); margin:0 auto; overflow:hidden; }
.header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px 0; border-bottom:1px solid var(--line); }.logo { display:flex; align-items:center; gap:11px; font-weight:800; line-height:1; }.logo-mark { display:grid; width:38px; height:38px; place-items:center; border-radius:50%; background:var(--pine); color:var(--lime); font:600 .73rem 'IBM Plex Mono',monospace; }.logo-copy { display:grid; gap:3px; }.logo-copy strong { font-size:1.05rem; letter-spacing:-.02em; }.logo-copy small { color:var(--muted); font:500 .62rem 'IBM Plex Mono',monospace; text-transform:uppercase; letter-spacing:.08em; }.logo-badge,.header-nav__label,.header-actions__note { display:none; }.nav { display:flex; align-items:center; gap:22px; color:var(--muted); font-size:.94rem; }.nav a { transition:color .2s ease; }.nav a:hover { color:var(--pine); }.header-actions { display:flex; gap:10px; }
.button { display:inline-flex; min-height:47px; align-items:center; justify-content:center; padding:0 19px; border:1px solid var(--ink); border-radius:999px; font-weight:700; cursor:pointer; transition:transform .22s ease,background .22s ease; }.button:hover { transform:translateY(-2px); }.button-primary { background:var(--pine); color:white; border-color:var(--pine); }.button-outline { background:transparent; color:var(--ink); }.button-telegram { background:var(--lime); color:var(--ink); border-color:var(--lime); }.button-telegram__icon { display:none; }
.hero { display:grid; min-height:min(760px,82vh); grid-template-rows:1fr auto; padding:94px 0 30px; }.hero-copy { max-width:1120px; }.eyebrow,.section-tag { display:block; margin:0 0 22px; color:var(--pine); font:500 .72rem 'IBM Plex Mono',monospace; letter-spacing:.12em; text-transform:uppercase; }.hero h1,.section-head h1,.section-head h2 { margin:0; font-size:clamp(3.5rem,8.15vw,8rem); line-height:.87; letter-spacing:-.075em; font-weight:800; }.hero h1 span { color:var(--pine); }.hero-subtitle { max-width:590px; margin:32px 0 0; color:var(--muted); font-size:clamp(1.2rem,1.7vw,1.5rem); line-height:1.3; }.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }.hero-note { display:flex; justify-content:space-between; gap:25px; padding-top:36px; border-top:1px solid var(--line); color:var(--muted); }.hero-note p { max-width:355px; margin:0; line-height:1.4; }.hero-note::after { content:'Только законные процедуры'; color:var(--pine); font:500 .7rem 'IBM Plex Mono',monospace; letter-spacing:.1em; text-transform:uppercase; }
.section { padding:120px 0; border-top:1px solid var(--line); }.section-head { max-width:880px; margin-bottom:48px; }.section-head.narrow { max-width:760px; }.section-head h2 { font-size:clamp(2.6rem,5.8vw,5.6rem); }.section-subtitle { max-width:620px; margin:22px 0 0; color:var(--muted); font-size:1.12rem; line-height:1.5; }.problem-grid,.reviews-grid,.video-reviews { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }.paper-card,.review-card,.review-video { min-height:290px; padding:29px; background:var(--cream); }.card-number { color:var(--pine); font:500 .78rem 'IBM Plex Mono',monospace; }.paper-card h3,.timeline-step h3,.review-head strong { margin:74px 0 12px; font-size:1.7rem; line-height:1; letter-spacing:-.04em; }.paper-card p,.review-card p,.review-video p { margin:0; color:var(--muted); line-height:1.45; }.paper-card:nth-child(2) { background:var(--pine); color:white; }.paper-card:nth-child(2) .card-number,.paper-card:nth-child(2) p { color:var(--lime); }
.timeline { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); }.timeline-line { display:none; }.timeline-step { padding:25px 25px 5px 0; border-right:1px solid var(--line); }.timeline-step:last-child { border:0; }.timeline-step__num { display:block; color:var(--pine); font:500 .72rem 'IBM Plex Mono',monospace; }.timeline-step h3 { margin-top:74px; }.timeline-step p { color:var(--muted); line-height:1.45; }.pricing-table { border:1px solid var(--line); }.pricing-row { display:grid; grid-template-columns:1.2fr 1fr .7fr; gap:20px; padding:22px 26px; border-bottom:1px solid var(--line); }.pricing-row:last-child { border-bottom:0; }.pricing-row.head { background:var(--pine); color:var(--lime); font:500 .68rem 'IBM Plex Mono',monospace; letter-spacing:.1em; text-transform:uppercase; }.price { font-weight:800; }
.compact-cta,.contact-layout { display:grid; grid-template-columns:1.15fr .85fr; gap:20px; padding:42px; background:var(--pine); color:white; }.compact-cta strong,.contact-links__copy strong { font-size:clamp(1.8rem,3vw,2.8rem); line-height:.95; letter-spacing:-.05em; }.compact-cta p,.contact-links__copy p { color:rgba(255,255,255,.7); line-height:1.45; }.compact-cta__actions,.contact-links__actions { display:flex; flex-wrap:wrap; align-content:center; gap:10px; }.contact-links { display:grid; gap:28px; }.contact-channel { display:flex; flex:1 1 150px; min-height:92px; align-items:center; padding:18px; border:1px solid rgba(255,255,255,.22); border-radius:16px; }.contact-channel:hover { background:rgba(255,255,255,.08); }.contact-channel__icon { display:none; }.contact-channel__text strong { font-size:1.12rem; }.contact-form { display:grid; align-content:center; gap:16px; padding:30px; background:var(--cream); color:var(--ink); }.contact-form label { display:grid; gap:8px; font:500 .7rem 'IBM Plex Mono',monospace; text-transform:uppercase; letter-spacing:.08em; }.contact-form input { min-height:55px; padding:0 15px; border:1px solid var(--line); background:white; border-radius:8px; }
.legal-block { max-width:850px; padding:30px; border-left:3px solid var(--lime); background:var(--paper-deep); }.legal-title { margin:0 0 12px; font-weight:800; font-size:1.25rem; }.legal-text { margin:0; line-height:1.55; color:var(--muted); }.footer { display:flex; justify-content:space-between; gap:25px; padding:28px 0 36px; color:var(--muted); font-size:.9rem; }.footer-brand { color:var(--ink); font-weight:800; }.footer-links { display:flex; gap:16px; flex-wrap:wrap; }.footer a:hover { color:var(--pine); }
.works-grid,.license-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.work-card,.license-slot { padding:16px; background:var(--cream); border:1px solid var(--line); border-radius:14px; }.work-card__media,.license-slot__frame { display:block; overflow:hidden; aspect-ratio:4 / 3; background:var(--paper-deep); }.work-card__image,.license-slot__image,.license-slot__video { width:100%; height:100%; object-fit:cover; }.work-card__body { padding-top:14px; }.work-card__body p,.license-slot__title p { color:var(--muted); line-height:1.45; }.work-card__cta { color:var(--pine); font-weight:700; }.license-tip { padding:18px; background:var(--paper-deep); }.review-video__media { width:100%; aspect-ratio:4/5; object-fit:cover; }.review-video__meta { padding-top:12px; }.review-head { display:flex; justify-content:space-between; }.review-head strong { margin:0; }.stars { color:var(--pine); letter-spacing:.1em; }
.contact-modal,.chat-widget { display:none!important; }.reveal { opacity:0; transform:translateY(20px); transition:opacity .7s ease,transform .7s ease; }.reveal.is-visible { opacity:1; transform:none; }
@media (max-width:860px) { .page { width:min(100% - 28px,1360px); }.header { align-items:flex-start; flex-wrap:wrap; }.nav { order:3; width:100%; overflow:auto; padding-bottom:3px; }.header-actions .button-telegram { display:none; }.hero { min-height:640px; padding-top:75px; }.section { padding:82px 0; }.problem-grid,.reviews-grid,.video-reviews,.works-grid,.license-grid,.timeline,.compact-cta,.contact-layout { grid-template-columns:1fr; }.timeline-step { border-right:0; border-bottom:1px solid var(--line); padding:22px 0; }.timeline-step h3,.paper-card h3 { margin-top:42px; }.pricing-row { grid-template-columns:1fr; gap:5px; }.pricing-row.head { display:none; }.footer { flex-direction:column; }.hero-note { flex-direction:column; }.hero-note::after { margin-top:10px; } }