/* Главная: самостоятельная композиция, общий набор кнопок и форм — site-20260916.css. */
.abc-home{--white:#fffcf6;--muted:#69665e;--line:#d9d4c9;--honey:#f5b733;--honey-deep:#daa027;--coral:#d94a2b;--s-6:24px;--ff-body:'Onest',system-ui,sans-serif}
html{scroll-padding-top:100px}
.abc-home p{margin:0}.abc-home h1{margin:0;}.abc-home h2{margin:0;}.abc-home h3{margin:0}
.abc-home h3{font-family:var(--ff-display);font-weight:600;letter-spacing:-.03em}
.abc-home h1{margin-top:24px;}
.abc-home h2{margin-top:18px;}
.abc-home h3{font-size:25px;line-height:1.2}
.home-eyebrow{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;display:flex;gap:12px;align-items:center}
.home-dot{width:7px;height:7px;border-radius:50%;background:var(--moss)}
.home-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.home-link{display:inline-flex;align-items:center;color:var(--ink);text-decoration:none;font-weight:500;}
.home-link:hover{color:var(--coral-600)}
.home-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding-block:64px 72px}
.home-highlight{position:relative;display:inline-block;isolation:isolate}
.home-highlight::before{content:"";position:absolute;inset:57% -6px 0;background:var(--honey);transform:rotate(-1.5deg);z-index:-1}
.home-location{font:400 16px/1.55 var(--ff-body);letter-spacing:0;color:var(--muted);display:block;margin-top:24px;max-width:380px}
.home-lead{max-width:500px;margin-top:24px!important;}
.home-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px}.home-actions .btn{gap:20px;}
.home-reach{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:24px!important;font-size:12px;color:var(--muted)}
.home-reach a{font-size:14px;color:var(--ink);text-decoration:none}
.home-facts{display:grid;grid-template-columns:repeat(3,1fr);padding-block:28px;border-block:1px solid var(--line)}
.home-facts>div{padding:0 28px;border-left:1px solid var(--line)}.home-facts>div:first-child{padding-left:0;border:0}.home-facts span{font-size:15px;font-weight:500}.home-facts p{font-size:12px;color:var(--muted);line-height:1.6;margin-top:6px}
.home-section{padding-block:88px}
.home-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}.home-heading>p{font-size:14px;color:var(--muted);line-height:1.7;max-width:375px}
.home-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.home-service{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:28px;display:flex;flex-direction:column}
.home-number{font-size:12px;color:var(--muted);display:block;margin-bottom:38px}
.home-service p{font-size:15px;line-height:1.7;color:var(--muted);margin-top:16px;margin-bottom:28px}
.home-service>a{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:auto}
.home-service>a:hover{color:var(--coral-500)}
.home-oneoff{margin-top:32px;padding-top:24px;border-top:1px solid var(--line);display:flex;gap:32px;align-items:start}
.home-oneoff>p{font-size:13px;color:var(--muted);white-space:nowrap;padding-top:9px}.home-oneoff>div{display:flex;gap:12px 24px;flex-wrap:wrap}
.home-oneoff a{display:inline-flex;gap:12px;font-size:13px;text-decoration:none;color:var(--ink);padding-block:8px}.home-oneoff a:hover{color:var(--coral-500)}
.home-pricing{padding-block:72px;background:var(--paper-2);border-block:1px solid var(--line)}
.home-tariffs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.home-tariff{padding:28px;background:var(--white);border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column}
.home-tariff-accent{background:var(--honey-50);border-top:3px solid var(--honey);padding-top:26px}
.home-tariff-for{font-size:11px;color:var(--muted);min-height:34px}.home-tariff h3{font-size:28px}
.home-price{font-size:40px;font-weight:500;letter-spacing:-.04em;line-height:1.3;margin-top:20px!important;white-space:nowrap}
.home-price small{font-size:16px;font-weight:400;letter-spacing:0}.home-price>span{font-size:13px;letter-spacing:0;font-weight:400}
.home-tariff-desc{font-size:13px;line-height:1.6;color:var(--muted);margin-top:12px!important;min-height:42px}
.home-tariff ul{padding:24px 0 0;margin:24px 0 20px;border-top:1px solid var(--line);list-style:none;display:flex;flex-direction:column;gap:12px}
.home-tariff li{font-size:14px;line-height:1.5;position:relative;padding-left:18px}.home-tariff li:before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:var(--ink)}
.home-tier{font-size:12px;line-height:1.6;color:var(--muted);margin-top:auto!important;margin-bottom:24px!important;min-height:38px}
.home-tariff .btn{width:100%;justify-content:space-between;white-space:normal;}
.home-pricing-foot{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:28px;font-size:12px;color:var(--muted)}
.home-start{display:grid;grid-template-columns:1fr 1fr;gap:96px}
.home-start-copy>p:not(.home-eyebrow){font-size:16px;line-height:1.7;color:var(--muted);max-width:430px;margin-top:24px}
.home-start-copy>.home-link{margin-top:16px}
.home-start-note{border-left:3px solid var(--honey);padding-left:20px;margin-top:36px;max-width:430px}.home-start-note>span{font-size:15px;font-weight:500}.home-start-note p{font-size:14px;line-height:1.65;color:var(--muted);margin-top:8px}.home-start-note a{display:inline-block;font-size:13px;color:var(--ink);margin-top:8px;text-decoration:none;padding-block:8px}
.home-steps{list-style:none;margin:0;padding:0}.home-steps li{display:flex;gap:24px;padding-block:28px;border-top:1px solid var(--line)}.home-steps li:last-child{border-bottom:1px solid var(--line)}
.home-steps li>span{font-size:12px;color:var(--muted);margin-top:6px}.home-steps h3{font-size:23px}.home-steps p{font-size:15px;line-height:1.65;color:var(--muted);margin-top:12px}
.home-questions{border-top:1px solid var(--line);padding-block:72px 88px;display:grid;grid-template-columns:1fr 1.25fr;gap:80px}
.home-questions>div>p:not(.home-eyebrow){font-size:14px;color:var(--muted);margin-top:24px}.home-questions .home-link{margin-top:8px}
.home-final{background:var(--ink);color:var(--paper);padding-block:72px}
.home-final-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:96px;align-items:center}
.home-final .home-eyebrow{color:var(--honey)}
.home-final-copy>p:not(.home-eyebrow){font-size:16px;line-height:1.7;color:var(--ink-pale);margin-top:24px}
.home-final-copy>p.home-first-call{font-size:13px;margin-top:16px;color:var(--paper)}
.home-final-contact{display:flex;align-items:flex-start;flex-direction:column;gap:10px;margin-top:40px}
.home-final-contact>a{font-size:32px;font-weight:500;color:var(--paper);text-decoration:none;letter-spacing:-.025em}
.home-final-contact>a:last-child{font-size:16px;letter-spacing:0}
.home-final-contact>span{font-size:12px;color:var(--ink-pale)}
.home-form.form-card{background:var(--white);color:var(--ink);border:0;border-radius:12px;padding:32px;box-shadow:none}
.home-form fieldset{border:0;padding:0;margin:0;min-width:0}
.home-noscript{padding-block:24px}.home-skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.home-skip:focus{position:fixed;z-index:10000;top:12px;left:12px;background:var(--honey);padding:12px;color:var(--ink)}
@media(max-width:1100px){.home-hero{gap:24px;padding-block:48px}
.home-start{gap:48px}.home-final-grid{gap:48px}.home-questions{gap:40px}
.home-price{font-size:32px}.home-tariff{padding:22px}.home-tariff-accent{padding-top:20px}
.home-facts>div{padding-inline:20px}.home-facts p{font-size:12px}
}
@media(max-width:760px){
html{scroll-padding-top:92px}.home-hero{grid-template-columns:1fr;gap:32px;padding-block:36px}
.abc-home h1{margin-top:20px;}.home-location{font-size:14px;margin-top:20px;max-width:310px}
.home-lead{margin-top:20px!important;}.home-actions{gap:12px 24px;margin-top:24px}
.home-reach{gap:8px 20px;margin-top:16px!important}.home-eyebrow{font-size:10px}
.home-facts{grid-template-columns:1fr;padding:0}.home-facts>div{padding:20px 0;border-left:0}.home-facts>div:first-child{padding:20px 0;border-left:0}.home-facts>div+div{border-top:1px solid var(--line)}.home-facts span{font-size:14px}
.home-section{padding-block:52px}.home-heading{display:block;margin-bottom:28px}.home-heading>.home-link{margin-top:20px}.home-heading>p{margin-top:20px}.home-heading>p br{display:none}
.home-service-grid{grid-template-columns:1fr;gap:14px}.home-tariffs{grid-template-columns:1fr;gap:14px}.home-service{padding:24px}.home-number{margin-bottom:24px}.home-service h3{font-size:25px}
.home-service p{font-size:15px;margin-bottom:24px}.home-service>a{font-size:13px}
.home-oneoff{flex-direction:column;gap:8px;margin-top:24px}.home-oneoff>div{gap:4px;flex-direction:column}.home-oneoff a{min-height:44px;align-items:center}
.home-pricing{padding-block:48px}.home-tariff{padding:26px}.home-tariff-accent{padding-top:24px}.home-tariff-for{font-size:12px;min-height:0;margin-bottom:12px!important}
.home-price{font-size:40px;margin-top:16px!important}.home-tariff-desc{min-height:0}.home-tier{min-height:0}
.home-pricing-foot{display:block}.home-pricing-foot .home-link{margin-top:12px}
.home-start{grid-template-columns:1fr;gap:32px}.home-start-copy>p:not(.home-eyebrow){font-size:15px}
.home-steps li{gap:18px;padding-block:24px}.home-steps h3{font-size:23px}.home-start-note{margin-top:24px}
.home-questions{grid-template-columns:1fr;gap:24px;padding-block:48px}
.home-final{padding-block:48px}.home-final-grid{grid-template-columns:1fr;gap:32px}
.home-final-copy>p:not(.home-eyebrow){font-size:15px}.home-final-copy>p br{display:none}.home-final-copy>p.home-first-call{font-size:13px}
.home-final-contact{margin-top:24px}.home-final-contact>a{font-size:28px}.home-form.form-card{padding:24px}
}

.hero-art{position:relative;height:540px;isolation:isolate}
.art-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:40px 40px;opacity:.38;mask-image:radial-gradient(ellipse at center,black,transparent 70%)}
.art-label{position:absolute;top:6px;left:30px;font-size:12px;text-transform:uppercase;letter-spacing:.14em}
.art-cross{position:absolute;right:20px;top:0;font-size:32px;font-weight:300}
.folder-back{position:absolute;left:6%;right:3%;top:110px;height:355px;background:var(--honey-deep);border-radius:12px;transform:rotate(-7deg)}
.folder-back:before{content:"";position:absolute;top:-34px;left:0;width:42%;height:50px;border-radius:12px 24px 0 0;background:var(--honey-deep)}
.folder-back>span{position:absolute;top:-24px;left:22px;font-size:12px;font-weight:600;letter-spacing:.1em}
.sheet{position:absolute;background:var(--white);border:1px solid var(--line);border-radius:var(--r-sm);width:78%;height:366px;left:14%;top:63px}
.sheet-back{transform:rotate(6deg);top:68px;left:18%;background:var(--paper)}
.sheet-main{padding:var(--s-6);transform:none;box-shadow:0 3px 8px #1a191610}
.sheet-top{display:flex;align-items:center;justify-content:space-between}.sheet-top>svg{width:68px;height:42px}
.sheet-top>span{font-size:9px;letter-spacing:.15em;line-height:1.5}
.sheet-title{font-size:24px;font-weight:500;letter-spacing:-.04em;line-height:1.25;margin:18px 0}
.sheet-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:13px}
.check{width:22px;height:22px;border:1px solid var(--line);border-radius:4px;display:grid;place-items:center}.check .icon{width:17px;height:17px}
.row-index{margin-left:auto;color:var(--muted);font-size:10px}
.sheet-bottom{display:flex;justify-content:space-between;padding-top:14px;border-top:3px double var(--ink);font-size:7px;letter-spacing:.1em}
.folder-front{position:absolute;left:5%;right:3%;height:166px;bottom:58px;isolation:isolate;transform:none;padding:26px 30px;display:flex;align-items:end;justify-content:space-between}
.folder-front>span{font:600 29px/1.17 var(--ff-display);letter-spacing:-.03em}
.folder-front>svg{width:62px;height:62px;fill:none;stroke:var(--ink);stroke-width:1.3}
.art-note{position:absolute;bottom:18px;right:3px;display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.12em;transform:none;background:var(--white);padding:12px 18px;border:1px solid var(--line);border-radius:4px;box-shadow:0 6px 12px #1a191609}
.note-dot{width:7px;height:7px;border-radius:50%;background:var(--coral)}

.hero-art .icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hero-art .check .icon{width:17px;height:17px}
@media(max-width:1100px){.hero-art{height:480px}.hero-art .sheet{width:86%;left:7%;height:350px;padding:20px}.hero-art .sheet-back{left:11%}.hero-art .folder-front{bottom:35px;padding:24px}.hero-art .folder-front>span{font-size:23px}.hero-art .folder-back{top:110px;height:320px}.hero-art .art-note{bottom:0}.hero-art .sheet-row{font-size:12px;gap:8px}.hero-art .sheet-title{font-size:22px}}
@media(max-width:760px){.hero-art{width:100%;max-width:480px;margin:auto;height:470px}.hero-art .sheet{left:12%;width:78%;padding:24px;top:56px}.hero-art .sheet-back{left:16%}.hero-art .folder-front{left:6%;right:4%;bottom:44px}.hero-art .folder-back{left:6%;right:4%}.hero-art .sheet-title{font-size:24px}.hero-art .sheet-row{font-size:13px}.hero-art .folder-front>span{font-size:26px}.hero-art .art-label{font-size:10px;left:6%}.hero-art .art-note{right:4%;bottom:3px}.hero-art .art-cross{right:4%}}
@media(max-width:370px){.hero-art{height:430px}.hero-art .sheet{width:84%;left:8%;padding:18px;height:330px}.hero-art .sheet-back{left:12%}.hero-art .folder-front{bottom:25px;height:140px;padding:20px}.hero-art .folder-front>span{font-size:23px}.hero-art .folder-back{height:295px}.hero-art .sheet-title{font-size:22px}.hero-art .sheet-row{font-size:12px}.hero-art .art-note{font-size:9px;padding:8px 12px;bottom:0}}

/* Текстовые плоскости прямые: без растеризации наклонных букв и
   постоянного композитного слоя animation-fill-mode:forwards/both. */
/* Наклоняется только обложка под текстом: буквы не растеризуются в повороте. */
.hero-art .folder-front::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;transform:rotate(-5deg);border:1px solid var(--honey-deep);border-radius:8px 8px 14px 14px;background:linear-gradient(#1a191626,#1a191626) 24px 18px/calc(100% - 48px) 1px no-repeat,var(--honey-400);box-shadow:0 5px 10px #1a191612}
.hero-art .folder-front>svg{transform:rotate(-5deg)}
.hero-art .sheet-main{background:var(--paper-3)}
.hero-art .check{background:var(--honey-50);border-color:var(--honey-200)}
.hero-art .art-note{border-left:3px solid var(--coral-500)}
@media(prefers-reduced-motion:no-preference){
 .hero-art .sheet-back{animation:abc-back-arrive 750ms var(--abc-motion-ease)}
 @keyframes abc-back-arrive{from{transform:translateY(8px) rotate(3deg)}to{transform:rotate(6deg)}}
}