/* User-selected colourful fan. Text and actions remain native HTML. */
:root{--paper:#f7f7f8;background:#f7f7f8}
.opening{background:#f7f7f8}
.hero.wrap{width:min(1420px,calc(100% - 100px));padding:28px 0 58px}
.hero h1{font-size:clamp(40px,4.55vw,70px);font-weight:800;line-height:1.04;max-width:1200px;text-wrap:initial;letter-spacing:normal}
.hero h1>span{display:block}
.hero .hero-intro{max-width:none;font-size:clamp(16px,1.55vw,24px);line-height:1.45;margin:20px auto 0;color:#565c69}
.hero .offer-deck{width:100%;height:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;perspective:1400px;margin:48px auto 42px;padding:0}
.hero .offer-card{position:relative;inset:auto;width:100%;height:clamp(330px,28vw,422px);margin:0;transform:rotate(var(--angle));transform-origin:center 70%;color:var(--card-ink);z-index:1}
.hero .card-site{--card:#ffe176;--card-ink:#101217;--angle:-8deg!important}
.hero .card-ads{--card:#f6614c;--card-ink:#fff;--angle:-4deg!important}
.hero .card-person{--card:#3154d9;--card-ink:#fff;--angle:0deg!important;z-index:3}
.hero .card-ai{--card:#c2aceb;--card-ink:#13141c;--angle:4deg!important}
.hero .card-own{--card:#2b6952;--card-ink:#fff;--angle:8deg!important}
.hero .offer-card .card-front,.hero .offer-card .card-back{padding:24px 23px;background:var(--card);color:var(--card-ink);border:0;border-radius:25px;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff55,0 18px 30px #2734440d}
.hero .offer-card .card-front .card-title,.hero .card-person .card-title{font-size:clamp(22px,1.95vw,30px);line-height:1.12;font-weight:800;position:relative;z-index:2;max-width:none;text-wrap:initial;margin:0;color:inherit;letter-spacing:normal}
.hero .card-front .price-title{font-size:inherit;display:block;color:inherit;white-space:nowrap}
.hero .poster-caption{font-size:clamp(14px,1.17vw,18px);line-height:1.38;font-weight:400;color:inherit;opacity:.86;margin-top:12px;max-width:none;text-wrap:initial}
.hero .offer-card:not(.card-person) .card-art{inset:146px -5px 12px;overflow:visible}
.hero .offer-card:not(.card-person) .rendered-art{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;transform:none;padding:0;filter:none;background:none;border-radius:0}
.hero .card-site .rendered-art{width:112%;left:-6%}
.hero .card-ads .card-art{inset:158px -6px 14px!important}
.hero .offer-card.card-person .card-art{inset:142px 0 0;background:none;border-radius:0;overflow:hidden}
.hero .card-person .art-portrait{position:absolute;top:0;left:50%;width:113%;max-width:none;height:auto;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(3px 0 0 white) drop-shadow(-3px 0 0 white) drop-shadow(0 -3px 0 white)}
.hero .card-toggle{width:33px;height:33px;right:13px;bottom:13px;left:auto;top:auto;border:1px solid #ffffff66;background:#ffffff22;color:inherit;box-shadow:none;font-size:23px;backdrop-filter:blur(6px)}
.hero .offer-card .card-back .card-title{font-size:24px;line-height:1.17;color:inherit;text-wrap:initial}
.hero .offer-card .card-description{font-size:15px;line-height:1.5;color:inherit;margin-top:17px}
.hero .offer-card .card-close{font-size:13px;color:inherit;left:23px;bottom:23px}
.hero .offer-card[aria-expanded=true]{transform:rotate(0deg) translateY(-8px);z-index:10}
.hero .hero-bottom{margin:0;display:flex;justify-content:center}
.hero .hero-bottom .primary{min-width:350px;min-height:66px;background:#1a1d24;border-radius:100px;font-size:20px;font-weight:700;padding:19px 34px}
.hero .budget-note{font-size:12px;line-height:1.5;margin-top:18px;color:#757c8a}
@media(hover:hover) and (pointer:fine) and (min-width:901px){.hero .offer-card:not([aria-expanded=true]):hover{transform:rotate(var(--angle)) translateY(-9px);z-index:9}.hero .hero-bottom .primary:hover{background:#333945}}
@media(min-width:901px) and (max-width:1200px){.hero.wrap{width:calc(100% - 76px)}.hero .offer-deck{gap:7px}.hero .offer-card .card-front,.hero .offer-card .card-back{padding:22px 17px}.hero .offer-card .card-front .card-title,.hero .card-person .card-title{font-size:21px}.hero .poster-caption{font-size:14px}.hero .offer-card .card-back .card-title{font-size:21px}.hero .offer-card .card-description{font-size:13px}.hero .offer-card.card-person .card-art{top:145px}.hero .card-person .art-portrait{width:125%}.hero .offer-card:not(.card-person) .card-art{top:140px}.hero .card-ads .card-art{top:159px!important}}
@media(max-width:900px){.hero.wrap{width:calc(100% - 40px);padding:25px 0 45px;display:flex;flex-direction:column}.hero h1{font-size:clamp(32px,5.5vw,48px);line-height:1.08;max-width:720px;order:0}.hero h1>span{display:inline}.hero h1>span::after{content:' '}.hero .hero-intro{font-size:17px;max-width:540px;order:1}.hero .hero-bottom{order:2;margin-top:25px}.hero .hero-bottom .primary{min-width:0;min-height:58px;font-size:17px;padding:16px 27px}.hero .budget-note{font-size:11px;margin-top:12px}.hero .offer-deck{order:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:640px;margin:36px auto 0;perspective:none}.hero .offer-card{height:330px}.hero .offer-card,.hero .offer-card[aria-expanded=true],.hero .offer-card:not([aria-expanded=true]):hover{transform:none!important;z-index:auto!important}.hero .offer-card.card-person{grid-column:1/-1;grid-row:1;height:235px}.hero .offer-card .card-front .card-title{font-size:26px}.hero .poster-caption{font-size:16px}.hero .offer-card.card-person .card-front{padding:30px}.hero .offer-card.card-person .card-title{font-size:27px;max-width:53%}.hero .card-person .poster-caption{max-width:49%}.hero .offer-card.card-person .card-art{inset:0 0 0 52%}.hero .card-person .art-portrait{width:100%;top:-2px}.hero .offer-card:not(.card-person) .card-art{inset:133px 8px 4px}.hero .card-ads .card-art{inset:142px 6px 4px!important}.hero .offer-card .card-back .card-title{font-size:23px}.hero .offer-card .card-description{font-size:15px}.hero .card-person .card-back .card-title{max-width:none}.hero .card-person .card-toggle{left:29px;right:auto;bottom:18px}}
@media(max-width:520px){.hero.wrap{width:calc(100% - 32px)}.hero h1{font-size:33px}.hero .hero-intro{font-size:16px;line-height:1.45;margin-top:18px}.hero .offer-deck{gap:12px;margin-top:30px}.hero .offer-card,.hero .offer-card[aria-expanded=true]{height:286px}.hero .offer-card .card-front,.hero .offer-card .card-back{padding:19px 15px;border-radius:20px}.hero .offer-card .card-front .card-title{font-size:20px;line-height:1.16}.hero .poster-caption{font-size:13px;margin-top:10px}.hero .offer-card.card-person{height:214px}.hero .offer-card.card-person[aria-expanded=true]{height:244px}.hero .offer-card.card-person .card-front{padding:24px 20px}.hero .offer-card.card-person .card-title{font-size:23px;max-width:58%}.hero .card-person .poster-caption{font-size:14px;max-width:52%}.hero .offer-card.card-person .card-art{left:48%}.hero .card-person .art-portrait{width:128%;top:4px}.hero .offer-card:not(.card-person) .card-art{inset:133px -3px 3px}.hero .card-ads .card-art{inset:142px -4px 3px!important}.hero .offer-card .card-back .card-title{font-size:18px}.hero .offer-card .card-description{font-size:13px;line-height:1.5;margin-top:13px}.hero .offer-card .card-close{font-size:12px;left:15px;bottom:15px}.hero .card-person .card-toggle{left:20px;bottom:16px}.hero .card-toggle{width:28px;height:28px;right:11px;bottom:11px;font-size:20px}}
@media(max-width:360px){.hero h1{font-size:29px}.hero .offer-card .card-front .card-title{font-size:17px}.hero .poster-caption{font-size:12px}.hero .offer-card.card-person .card-title{font-size:21px}.hero .card-person .poster-caption{font-size:13px}.hero .offer-card.card-person{height:205px}.hero .card-person .art-portrait{width:147%;top:1px}.hero .offer-card .card-back .card-title{font-size:17px}.hero .offer-card .card-description{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hero .offer-card,.hero .card-inner{transition:none}}
/* Keep the ad illustration clear of copy; crop the founder closer to the chest. */
@media(min-width:901px){.hero .offer-card.card-ads .card-front .card-title{font-size:clamp(19px,1.65vw,26px);white-space:nowrap}.hero .card-ads .card-art{inset:125px -8px 10px!important}.hero .card-person .art-portrait{width:140%;top:-8px}.hero .card-site .card-art{inset:131px -13px 1px}.hero .card-ai .card-art{inset:133px -8px 2px}.hero .card-own .card-art{inset:131px -8px 2px}}
@media(max-width:900px){.hero .card-ads .card-art{top:128px!important}}
.hero .offer-card .card-front{display:block}
@media(max-width:360px){.hero .offer-card.card-site .card-front .card-title{font-size:16px}}
/* v21: glass depth from the user's reference, without blurring live content. */
.hero .offer-card{--glass-shadow:#253d7730}
.hero .card-site{--card:#f8d461;--glass-shadow:#d7a62730}
.hero .card-ads{--card:#d84d3d;--glass-shadow:#c53b3033}
.hero .card-person{--card:#2d54d6;--glass-shadow:#2356d638}
.hero .card-ai{--card:#bda5e9;--glass-shadow:#8660ca2c}
.hero .card-own{--card:#246148;--glass-shadow:#1b70502b}
.hero .offer-card .card-front,.hero .offer-card .card-back{isolation:isolate;background:linear-gradient(145deg,#ffffff24,transparent 33%,#00000012),var(--card);box-shadow:inset 0 2px 2px #ffffffb0,inset 2px 0 2px #ffffff60,inset -1px -2px 2px #00000020,0 14px 27px var(--glass-shadow)}
.hero .offer-card .card-front::before{content:'';position:absolute;inset:1px;z-index:0;pointer-events:none;border-radius:inherit;border:1px solid #ffffff66;background:radial-gradient(ellipse at 0 0,#ffffff32,transparent 46%);box-shadow:inset 0 0 8px #ffffff24}
.hero .offer-card .card-front::after{content:'';position:absolute;width:145%;height:70%;right:-45%;bottom:-9%;z-index:0;pointer-events:none;border-radius:50%;transform:rotate(-35deg);background:linear-gradient(165deg,#ffffff2a,#ffffff06 55%);border-top:1px solid #ffffff38;box-shadow:inset 0 12px 30px #ffffff07}
.hero .card-ads .card-front::after{right:-40%;bottom:-20%;transform:rotate(-26deg)}
.hero .card-person .card-front::after{height:84%;bottom:-24%;right:-43%;background:linear-gradient(155deg,#80c5ff52,#ffffff03 68%)}
.hero .card-own .card-front::after{height:110%;width:92%;bottom:-37%;right:-20%;transform:rotate(35deg)}
.hero .offer-card .card-art{z-index:1}
.hero .card-person .trust-metric{display:block;white-space:nowrap}
.hero .poster-caption{opacity:1}
.hero h1{font-size:clamp(39px,4.5vw,68px);max-width:1350px}
.hero .hero-intro{font-size:clamp(16px,1.4vw,21px);line-height:1.5;margin-top:22px}
.hero .offer-card.card-ads .card-front .card-title{font-size:clamp(22px,1.95vw,30px);white-space:normal}
.hero .card-ads .card-art{top:146px!important}
@media(min-width:901px) and (max-width:1200px){.hero .offer-card.card-ads .card-front .card-title{font-size:21px}.hero .offer-card.card-person .card-front .card-title{font-size:20px}}
@media(max-width:900px){.hero h1{font-size:clamp(32px,5.3vw,47px)}.hero .hero-intro{font-size:17px}.hero .offer-card.card-ads .card-front .card-title{font-size:26px}.hero .card-ads .card-art{top:133px!important}}
@media(max-width:520px){.hero h1{font-size:32px}.hero .hero-intro{font-size:15px}.hero .hero-intro br{display:none}.hero .offer-card.card-ads .card-front .card-title{font-size:20px}.hero .offer-card.card-person .card-title{font-size:23px;max-width:60%}.hero .card-person .poster-caption{max-width:52%}}
@media(max-width:360px){.hero h1{font-size:28px}.hero .offer-card.card-site .card-front .card-title,.hero .offer-card.card-ads .card-front .card-title{font-size:17px}.hero .offer-card.card-person .card-title{font-size:19px}.hero .card-person .poster-caption{font-size:12px}.hero .card-person .art-portrait{left:59%}}
/* One complete font file covers Cyrillic, Latin, numerals and U+20BD. */
@font-face{font-family:Onest;src:url('assets/onest-variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{font-family:Onest,Arial,sans-serif}
.hero h1{font-size:clamp(39px,4.3vw,64px);font-weight:550;line-height:1.1}
.hero .offer-card .card-front .card-title,.hero .offer-card.card-person .card-title,.hero .offer-card .card-back .card-title{font-weight:620}
.hero .hero-bottom .primary{font-weight:550}
.hero .hero-intro{font-weight:400}
.hero .card-person .trust-metric{font-variant-numeric:lining-nums}
@media(max-width:900px){.hero h1{font-size:clamp(32px,5.3vw,47px)}}
@media(max-width:520px){.hero h1{font-size:33px}}
@media(max-width:360px){.hero h1{font-size:29px}}
@media(max-width:360px){.hero .offer-card:not(.card-person) .card-front{padding:18px 12px}.hero .offer-card:not(.card-person) .card-front .card-title{font-size:16px}}
/* v23: quiet navigation and softly lit, borderless cards. */
.header.wrap{width:min(1240px,calc(100% - 64px));height:76px;margin-top:18px;padding:10px 16px 10px 24px;background:#fff;border-radius:24px;gap:28px;box-shadow:0 4px 22px #1c284405}
.logo-placeholder{font-size:20px;font-weight:550;line-height:1;display:flex;align-items:center;justify-content:center;min-width:82px;min-height:42px;border-radius:12px;background:#f2f3f5;color:#747982}
.header nav{display:flex;align-items:center;justify-content:center;gap:28px;font-size:14px;font-weight:450;color:#323640;margin-left:auto;margin-right:auto}
.header nav a{padding:12px 0;white-space:nowrap;transition:color 150ms ease}
.header nav a:hover{color:#365bd6;text-decoration:none}
.header-messengers{display:flex;align-items:center;gap:6px}
.messenger{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f5f6f8;transition:background-color 150ms ease,transform 150ms ease;flex:none}
.messenger svg,.messenger img{width:22px;height:22px;display:block;object-fit:contain}
.messenger-tg{color:#229ed9}.messenger-wa{color:#21ac65}.messenger-max img{width:24px;height:24px}
@media(hover:hover){.messenger:hover{background:#e9edf3;transform:translateY(-2px)}}
.messenger:active{transform:scale(.96)}
.header .menu-toggle{background:#eef0f4;color:#282c36;font-size:13px;font-weight:500;min-height:42px;padding:10px 15px}
.mobile-nav{position:absolute;z-index:30;top:94px;left:20px;right:20px;background:#fff;color:#252936;border-radius:20px;padding:14px;box-shadow:0 14px 40px #16203316}
.mobile-nav[hidden]{display:none}.mobile-nav-links{display:grid;gap:3px}.mobile-nav-links a{font-size:17px;padding:15px 17px;border-radius:12px}.mobile-nav-links a:hover{background:#f4f5f7}.mobile-nav-links a[href="#plan"]{background:#eef1f8;color:#294cb5;margin-top:5px}
.hero.wrap{padding-top:40px}.hero h1{max-width:1100px}
.hero .offer-card .card-front,.hero .offer-card .card-back{border:0;box-shadow:0 14px 27px var(--glass-shadow)}
.hero .offer-card .card-front::before{border:0;box-shadow:none;background:radial-gradient(ellipse at 0 0,#ffffff1c,transparent 46%)}
.hero .offer-card .card-front::after{border:0}
.hero .offer-card .card-back .card-toggle{left:auto;right:13px;bottom:13px}
@media(max-width:1000px){.header.wrap{gap:18px;padding-left:18px}.header nav{gap:17px;font-size:13px}.messenger{width:38px;height:38px}.logo-placeholder{min-width:72px}}
@media(max-width:800px){.header.wrap{width:calc(100% - 32px);height:68px;margin-top:12px;padding:10px 12px;gap:12px;border-radius:20px}.header nav{display:none}.header .menu-toggle{display:block}.header-messengers{margin-left:auto;gap:4px}.logo-placeholder{min-width:66px;min-height:38px;font-size:18px}.hero.wrap{padding-top:33px}}
@media(max-width:380px){.header.wrap{gap:7px;padding:9px}.logo-placeholder{min-width:51px;font-size:16px}.header-messengers{gap:1px}.messenger{width:34px;height:38px}.messenger svg,.messenger img{width:20px;height:20px}.header .menu-toggle{padding:9px 11px;font-size:12px}.hero.wrap{padding-top:29px}}
@media(prefers-reduced-motion:reduce){.messenger{transition:none}}
@media(min-width:901px){.hero .offer-card.card-person .card-front .card-title{font-size:clamp(18px,1.65vw,25px);line-height:1.16}}
@media(max-width:520px){.hero .offer-card:not(.card-person)[aria-expanded=true]{grid-column:1/-1;height:286px}.hero .offer-card[aria-expanded=true] .card-back{padding:24px}.hero .offer-card[aria-expanded=true] .card-back .card-title{font-size:22px;line-height:1.2;max-width:none}.hero .offer-card[aria-expanded=true] .card-description{font-size:15px;line-height:1.5;margin-top:14px}}
/* v24: requested navigation, branded messengers and closer fan. */
.header.wrap{width:min(1390px,calc(100% - 48px));gap:18px;padding-inline:20px}
.header nav{gap:20px;font-size:13px}
.header-contacts{display:flex;flex-direction:column;gap:4px;white-space:nowrap;line-height:1.2}
.header-contacts a:first-child{font-size:14px;font-weight:550}.header-contacts a:last-child{font-size:12px;color:#737984}
.header-messengers{gap:7px}.messenger{width:38px;height:38px;color:white;background:#259fdf}.messenger-wa{background:#22b86a}.messenger-max{background:linear-gradient(135deg,#3989ff,#7249eb)}.messenger-max img{filter:brightness(0) invert(1);width:23px;height:23px}.messenger svg{width:21px;height:21px}
@media(hover:hover){.messenger:hover{background:#168aca}.messenger-wa:hover{background:#129b52}.messenger-max:hover{background:#6342d9}}
.hero .hero-bottom .primary,.price-package .primary,.final-section .primary{background:#aef450;color:#1d2418;font-weight:550;max-width:100%;font-size:17px;min-height:62px;padding:17px 27px;line-height:1.35}
@media(hover:hover){.hero .hero-bottom .primary:hover,.price-package .primary:hover,.final-section .primary:hover{background:#a2e746}}
@media(min-width:901px){.hero .offer-deck{width:96%;gap:0}.hero .offer-card{width:calc(100% + 20px);margin-left:-10px}.hero .card-site{z-index:1}.hero .card-ads{z-index:2}.hero .card-person{z-index:5}.hero .card-ai{z-index:4}.hero .card-own{z-index:3}.hero .offer-card .card-front,.hero .offer-card .card-back{box-shadow:6px 12px 22px #17203323,0 16px 26px var(--glass-shadow)}}
.price-section{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center}.price-copy p{font-size:17px;color:#626975;line-height:1.6;margin-top:24px;max-width:440px}.price-package{background:#fff;border-radius:26px;padding:38px}.price-package .package-label{font-size:15px;color:#626975}.price-package h3{font-size:44px;font-weight:550;margin-top:12px;line-height:1.2}.price-package ul{list-style:none;padding:0;margin:28px 0;display:grid;gap:14px;font-size:15px;line-height:1.5}.price-package li{padding-left:23px;position:relative}.price-package li::before{content:'✓';position:absolute;left:0;color:#44852d}.price-package .budget-note{font-size:11px;line-height:1.5;color:#757c8a;margin-top:13px;text-align:center}.price-package .primary{width:100%;font-size:15px}.price-package :focus-visible{outline-color:#496ddb}
@media(max-width:1180px){.header nav{display:none}.header .menu-toggle{display:block}.header-contacts{margin-left:auto}.header-messengers{margin-left:0}.mobile-nav{top:102px}}
@media(max-width:800px){.header.wrap{width:calc(100% - 32px);padding:10px 12px;gap:12px}.mobile-nav{top:92px}.price-section{grid-template-columns:1fr;gap:28px}.price-copy p{max-width:100%}.price-package{padding:28px}.hero .hero-bottom .primary{min-width:0;font-size:16px;max-width:390px}.hero .hero-bottom>div{max-width:100%}}
@media(max-width:580px){.header.wrap{display:grid;grid-template-columns:1fr auto auto;height:auto;gap:12px 9px;padding:12px}.logo-placeholder{justify-self:start}.header-messengers{grid-column:2;grid-row:1}.header .menu-toggle{grid-column:3;grid-row:1}.header-contacts{grid-column:1/-1;grid-row:2;margin:0;padding:0 3px 1px;gap:4px}.header-contacts a:first-child{font-size:13px}.header-contacts a:last-child{font-size:12px}.messenger{width:34px;height:34px}.header-messengers{gap:5px}.mobile-nav{top:140px}.hero .hero-bottom .primary{font-size:16px;padding:17px 22px}.price-package h3{font-size:38px}.price-package{padding:25px 21px}.price-package li{font-size:14px}}
@media(max-width:360px){.header.wrap{gap:10px 7px;padding:10px}.header-messengers{gap:4px}.messenger{width:32px;height:32px}.hero .hero-bottom .primary{font-size:15px;padding-inline:21px}}
@media(min-width:901px){.hero .card-toggle{right:26px}.hero .card-person .card-toggle{display:grid;right:16px;left:auto}.hero .card-site .card-front .card-title{font-size:clamp(19px,1.8vw,28px)}}
/* Keep the approved stacking order while individual cards lift on hover. */
@media(hover:hover) and (pointer:fine) and (min-width:901px){.hero .offer-card.card-site:not([aria-expanded=true]):hover{z-index:1}.hero .offer-card.card-ads:not([aria-expanded=true]):hover{z-index:2}.hero .offer-card.card-person:not([aria-expanded=true]):hover{z-index:5}.hero .offer-card.card-ai:not([aria-expanded=true]):hover{z-index:4}.hero .offer-card.card-own:not([aria-expanded=true]):hover{z-index:3}}
.hero .hero-bottom .primary{font-size:23px;min-width:450px;min-height:96px;line-height:1.32;padding:21px 36px;text-align:center}
@media(max-width:520px){.hero .hero-bottom .primary{min-width:0;width:100%;min-height:88px;font-size:19px;padding:18px 22px}}
@media(max-width:360px){.hero .hero-bottom .primary{font-size:17px}}
/* v26: mobile navigation follows LIIT's drawer structure, in this site's light palette. */
.menu-quick{display:none}
.mobile-nav:not([open]){display:none}
dialog.mobile-nav{position:fixed;inset:0 0 0 auto;margin:0;width:min(420px,calc(100% - 16px));height:100dvh;max-height:100dvh;max-width:none;padding:25px 24px 22px;border:0;border-radius:27px 0 0 27px;background:#f7f7f8;color:#202125;box-shadow:-12px 0 50px #141c3020;overflow-y:auto;overscroll-behavior:contain}
dialog.mobile-nav[open]{display:flex;flex-direction:column}
.mobile-nav::backdrop{background:#17203466;backdrop-filter:blur(3px)}
.drawer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:25px}.drawer-top .logo-placeholder{background:#e9ebef;min-width:78px;min-height:43px;font-size:20px}
.menu-close{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#e9ebef;color:#606673;font-size:29px;font-weight:400;line-height:1;padding:0;flex:none}
.mobile-nav-links{display:flex;flex-direction:column;gap:0}
.mobile-nav-links a,.mobile-nav-links a[href="#plan"]{display:block;font-size:25px;font-weight:500;line-height:1.2;letter-spacing:normal;padding:17px 0;margin:0;background:none;color:#242833;border-radius:0;border-bottom:1px solid #e4e6eb}
.mobile-nav-links a:hover{background:none;color:#2d54d6}
.drawer-bottom{margin-top:auto;padding-top:28px}
.drawer-contacts{display:flex;flex-direction:column;gap:7px;line-height:1.3;padding-bottom:20px}.drawer-contacts a{padding:0;font-size:17px;font-weight:500}.drawer-contacts a:last-child{font-size:14px;font-weight:400;color:#737983}
.drawer-messengers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:13px}.drawer-messengers .messenger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:67px;padding:10px 6px;border-radius:15px;color:white}.drawer-messengers .messenger span{font-size:12px;font-weight:500;line-height:1}.drawer-messengers svg,.drawer-messengers img{width:21px;height:21px}
.mobile-nav .drawer-cta{display:flex;width:100%;min-height:78px;padding:17px 24px;border-radius:20px;background:#aef450;color:#1d2418;font-size:17px;font-weight:550;text-align:center;line-height:1.35}
.mobile-nav :focus-visible{outline:3px solid #365bd6;outline-offset:4px}
@media(max-width:1180px){.header.wrap{display:flex;height:68px;padding:10px 12px;gap:10px;flex-wrap:nowrap}.header .logo-placeholder{margin-right:auto;flex:none}.header .header-contacts,.header .header-messengers{display:none}.header .menu-quick{display:flex;align-items:center;justify-content:center;min-height:44px;padding:11px 17px;border-radius:13px;background:#eefbdc;color:#356218;font-size:14px;font-weight:550;line-height:1}.header .menu-toggle{display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border-radius:13px;background:#e9ebef}.burger-lines{display:block;width:17px;height:2px;border-radius:2px;background:currentColor;box-shadow:0 -5px currentColor,0 5px currentColor}}
@media(max-width:520px){.hero .hero-bottom>div{width:100%}.hero .hero-bottom .primary{width:calc(100% - 24px);max-width:390px;margin-inline:auto;padding:20px 30px;min-height:96px;font-size:18px;line-height:1.4}}
@media(max-width:360px){.hero .hero-bottom .primary{font-size:16px;padding:20px 25px}.mobile-nav-links a,.mobile-nav-links a[href="#plan"]{font-size:23px;padding-block:15px}.mobile-nav .drawer-cta{font-size:15px;padding-inline:22px}}
@media(prefers-reduced-motion:reduce){dialog.mobile-nav{scroll-behavior:auto}}
@media(max-width:360px){
  .hero-bottom .button.primary{width:calc(100% - 8px);padding:20px 23px;font-size:15px}
}

/* v27: a continuous drawer movement and a separate, readable contact group. */
dialog.mobile-nav{animation:none;transition:none}
.mobile-nav[open]::backdrop{animation:drawer-backdrop-in 320ms cubic-bezier(.32,.72,0,1) both}
.mobile-nav.is-closing::backdrop{animation:drawer-backdrop-out 250ms cubic-bezier(.32,.72,0,1) both}
.mobile-nav.motion-instant::backdrop{animation:none}
@keyframes drawer-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes drawer-backdrop-out{from{opacity:1}to{opacity:0}}
.drawer-bottom{padding-top:44px}
.drawer-contacts{gap:12px;padding-bottom:30px}
.drawer-contacts a:first-child{font-size:24px;line-height:1.3;font-weight:550}
.drawer-contacts a:last-child{font-size:18px;line-height:1.4;color:#626a76}
@media(max-width:360px){.drawer-contacts a:first-child{font-size:22px}.drawer-bottom{padding-top:38px}}
@media(prefers-reduced-motion:reduce){.mobile-nav[open]::backdrop{animation:none}}

/* v28: mobile heading keeps a clear lead over the primary action. */
@media(max-width:520px){.hero h1{font-size:37px;line-height:1.1}}
@media(max-width:360px){.hero h1{font-size:32px}}

/* Keep the analytics title and its illustration apart at narrow card widths. */
@media(min-width:901px){.hero .offer-card.card-own .card-front .card-title{font-size:clamp(20px,1.7vw,26px)}.hero .offer-card.card-own .card-art{top:153px}}
@media(max-width:900px){.hero .offer-card.card-own .card-art{top:154px}}
@media(max-width:360px){.hero .offer-card.card-own .card-art{top:158px}}
.hero .offer-card.card-own .rendered-art{transform:scale(1.18)}


/* The soft AI mark sits beside the word, centered on its letterforms. */
.hero-ai-word{position:relative;display:inline-block;white-space:nowrap;padding-right:.98em}
.hero-ai-word svg{position:absolute;top:50%;right:0;width:.84em;height:.76em;overflow:visible;transform:translateY(-50%)}
.hero-ai-word svg path{stroke-linejoin:round;stroke-width:1.2}
.hero-ai-word svg path:first-child{fill:#718fe2;stroke:#718fe2}
.hero-ai-word svg path:last-child{fill:#b4c5f5;stroke:#b4c5f5}

/* Broad background gestures are distinct on each offer; artwork and copy stay above them. */
.hero .offer-card:not(.card-person) .card-front::after{
  inset:0;
  width:auto;
  height:auto;
  border:0;
  border-radius:inherit;
  transform:none;
  box-shadow:none;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
}
.hero .card-site .card-front::after{background-image:url("assets/pattern-site.svg?v=70")}
.hero .card-ads .card-front::after{background-image:url("assets/pattern-ads.svg?v=70")}
.hero .card-ai .card-front::after{background-image:url("assets/pattern-speed.svg?v=70")}
.hero .card-own .card-front::after{background-image:url("assets/pattern-results.svg?v=70b")}

/* The cards still overlap, with a light grounding shadow instead of a dark halo. */
.hero .offer-card .card-front,
.hero .offer-card .card-back{
  box-shadow:0 8px 20px #1d273610,0 22px 42px #1d273608;
}
@media(min-width:901px){
  .hero .offer-card .card-front,
  .hero .offer-card .card-back{
    box-shadow:0 8px 19px #1d273612,0 24px 44px #1d273608;
  }
}

.hero .offer-card.card-own .card-lili{position:absolute;left:50%;bottom:-7px;width:min(88%,210px);aspect-ratio:1;display:block;transform:translateX(-50%);pointer-events:none}
.hero .offer-card.card-own .card-lili canvas,.hero .offer-card.card-own .card-lili img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
@media(max-width:520px){.hero .offer-card.card-own .card-lili{width:min(96%,168px);bottom:-10px}}