/* Softer site-wide contrast, with optical surfaces reserved for controls. */
:root{--green:#bbd7a8;--muted:#b0b5ab;--line:#ffffff18;--fg:#f6f7f3}
.hero h1 span,h2 span{color:#b8bdb3}.primary{background:linear-gradient(145deg,#e0ebd6,#b8cdaa);color:#182014;border:1px solid #e5f0dc70;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff80,0 6px 18px #0003}.primary:hover{background:#e1ebd9}.outline{border-color:#ffffff28;background:linear-gradient(140deg,#ffffff0d,#ffffff03);border-radius:12px;box-shadow:inset 0 1px 0 #ffffff0a;backdrop-filter:blur(12px)}.outline:hover{background:#ffffff12}.hero .primary,.chain-launch .primary{background:linear-gradient(145deg,#e0ebd6,#b8cdaa)}.hero-benefits svg,.hero-benefits li{color:#c1cbb9}.hero-note{color:#b1baa9}.hero{background-blend-mode:normal;}.trust-strip strong{color:#d1ddc5}.trust-strip>div:first-child{background:#ffffff04}.admin-feature.active{background:#ffffff07!important;color:#d6e6cc!important}.admin-feature.active b{color:#d6e6cc}.network-split .globe-countries button[aria-pressed=true]{background:#252c20;color:#deead3;border-color:#758468}.income{background:linear-gradient(145deg,#1a2017,#0c100b);border-color:#ffffff24}.giant-logo:hover{color:var(--green)}
/* A connected, selectable progression with four optical icon controls. */
.steps{position:relative;background:radial-gradient(ellipse at 30% 42%,#d5dec109,transparent 58%);padding-top:80px;padding-bottom:64px}.steps .section-heading{margin-bottom:18px}.steps .section-heading p{color:#bec3b7;font-size:13px}.flow-controls{display:flex;justify-content:flex-end;align-items:center;gap:13px;margin-bottom:22px}.flow-state{font-size:11px;letter-spacing:.08em;color:#b7beaf;font-variant-numeric:tabular-nums}.flow-pause{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffffff07;border:1px solid #ffffff22;color:#d6ddcf}.flow-pause svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.steps .step-chain{margin:0;gap:0}.steps .step-chain>li{padding-right:30px;--step-tint:#c5d9ec}.steps .step-chain>li:nth-child(2){--step-tint:#decfee}.steps .step-chain>li:nth-child(3){--step-tint:#e6d3af}.steps .step-chain>li:nth-child(4){--step-tint:#c5ddbb}.steps .chain-track{height:88px;margin:0 -30px 30px 0}.steps .chain-node.chain-icon{position:relative;isolation:isolate;flex-basis:82px;width:82px;height:82px;border-radius:25px;color:var(--step-tint);border:1px solid #ffffff35;background:linear-gradient(140deg,#ffffff1f,#ffffff06 55%,#ffffff0a);box-shadow:inset 0 1px 0 #ffffff40,inset 0 -1px 0 #0005,0 9px 20px #0004;backdrop-filter:blur(14px);transition:background .35s,box-shadow .35s,transform .35s;border-color:color-mix(in srgb,var(--step-tint) 24%,transparent)}.steps .chain-node::before{content:'';position:absolute;inset:1px;border-radius:inherit;background:radial-gradient(ellipse at 25% 0%,#ffffff20,transparent 60%);pointer-events:none}.steps .chain-icon>svg{width:39px;height:39px;filter:drop-shadow(0 2px 3px #0006)}.steps .chain-index{width:23px;height:23px;right:-5px;bottom:-5px;background:#20231f;border:1px solid #555d4d;color:#d8ded1;font-size:9px}.steps .chain-connector{height:2px;background:#ffffff18;margin:0 18px;overflow:visible;border-radius:2px}.steps .chain-connector svg{display:none}.steps .chain-connector::before{content:'';position:absolute;inset:0;background:#c7d6bc80;transform:scaleX(0);transform-origin:left;transition:transform .4s}.steps .chain-connector::after{content:'';position:absolute;left:0;top:-2px;width:28px;height:6px;border-radius:4px;background:linear-gradient(90deg,transparent,#e7efdf);opacity:0;filter:drop-shadow(0 0 4px #d4e5c480)}.steps li.flow-passed .chain-connector::before{transform:scaleX(1)}.steps li.flow-active .chain-connector::after{opacity:1;animation:flow-travel 1.6s linear 1 both}.steps.flow-stopped .chain-connector::after{animation-play-state:paused}.steps .chain-role{color:#a9b0a2;font-size:11px;letter-spacing:.02em}.steps .step-chain h3{font-size:21px;font-weight:600;color:#f1f3ec;line-height:1.3;letter-spacing:-.025em;margin:11px 0 14px}.steps .step-chain p{font-size:13px;line-height:1.8;color:#aeb6a5;max-width:30ch}.steps li.flow-active .chain-icon{background:linear-gradient(145deg,#ffffff30,#ffffff0a);box-shadow:inset 0 1px 0 #ffffff65,0 10px 25px #0005;transform:none;border-color:color-mix(in srgb,var(--step-tint) 65%,transparent)}.steps li.flow-active .chain-role{color:var(--step-tint)}.steps li.flow-active h3{color:white}.steps li.flow-active .chain-index{background:#dce4d4;color:#1b2415;border-color:#e0e9d8}.steps .step-chain>li:last-child .chain-icon{color:var(--step-tint)}.steps .chain-launch{margin-top:36px;padding-top:24px}.steps .chain-launch>span{color:#b5bdae}.steps .chain-launch .button{min-width:166px}.steps button:focus-visible{outline:2px solid #dce8cf;outline-offset:6px}@keyframes flow-travel{0%{left:0;opacity:0}12%{opacity:1}85%{opacity:1}100%{left:calc(100% - 28px);opacity:0}}
@media(max-width:1000px) and (min-width:701px){.steps .step-chain h3{font-size:18px}.steps .step-chain p{font-size:12px}.steps .chain-connector{margin-inline:12px}.steps .chain-node.chain-icon{width:70px;height:70px;flex-basis:70px}}
@media(max-width:700px){.steps{padding:52px 24px 42px}.steps .section-heading p{font-size:12px}.flow-controls{margin:0 0 24px}.steps .step-chain>li,.steps .step-chain>li:last-child{padding:0 0 32px 90px;min-height:188px}.steps .step-chain>li:last-child{min-height:0;padding-bottom:0}.steps .chain-track{width:64px;height:auto;margin:0!important}.steps .chain-node.chain-icon{width:62px;height:62px;border-radius:20px}.steps .chain-icon>svg{width:32px;height:32px}.steps .chain-connector{left:30px;top:76px;bottom:13px;width:2px;height:auto;margin:0}.steps .chain-connector::before{transform:scaleY(0);transform-origin:top}.steps li.flow-passed .chain-connector::before{transform:scaleY(1)}.steps .chain-connector::after{left:-2px;top:0;width:6px;height:25px;background:linear-gradient(transparent,#e7efdf)}.steps li.flow-active .chain-connector::after{animation-name:flow-travel-vertical}.steps .step-chain h3{font-size:19px;margin-top:8px}.steps .step-chain p{font-size:12px;max-width:none}.steps li.flow-active .chain-icon{transform:none}.steps .chain-launch{gap:16px}.steps .chain-launch .button{width:auto;min-width:180px}@keyframes flow-travel-vertical{0%{top:0;opacity:0}12%{opacity:1}85%{opacity:1}100%{top:calc(100% - 25px);opacity:0}}}
@media(prefers-reduced-motion:reduce){.steps .chain-connector::after{animation:none!important;display:none}.steps .chain-node.chain-icon,.steps .chain-connector::before{transition:none}.button:hover{transform:none}}
@supports not (backdrop-filter:blur(1px)){.steps .chain-node.chain-icon{background:#252923}}
.steps .step-chain>li:last-child .chain-node.chain-icon{background:linear-gradient(140deg,#ffffff1f,#ffffff06 55%,#ffffff0a);border-color:#c5ddbb40;color:#c5ddbb}.steps .step-chain>li:last-child.flow-active .chain-node.chain-icon{background:linear-gradient(145deg,#ffffff30,#ffffff0a);border-color:#c5ddbb99}
/* Brand saturation belongs to conversion controls, not the step tiles. */
:root{--cta-green:#91f65b}.primary,.hero .primary,.chain-launch .primary{background:var(--cta-green);color:#102207;border-color:#b9ff9260;box-shadow:inset 0 1px 0 #ffffff50,0 5px 18px #0003}.primary:hover,.hero .primary:hover,.chain-launch .primary:hover{background:#a7ff76}.logo svg{color:var(--cta-green)}.hero .primary svg{color:#14220c}.steps .step-chain>li .chain-node.chain-icon,.steps .step-chain>li:hover .chain-node.chain-icon,.steps .step-chain>li.flow-active .chain-node.chain-icon{transform:none}.steps .chain-node.chain-icon{transition:background .2s,border-color .2s,box-shadow .2s}.steps .chain-connector::before{transition:none}.steps .step-chain>li:last-child .chain-node.chain-icon{background:linear-gradient(140deg,#ffffff1f,#ffffff06 55%,#ffffff0a);border-color:#ffffff35;color:#d4decb}.steps .step-chain>li:last-child.flow-active .chain-node.chain-icon{background:linear-gradient(145deg,#ffffff30,#ffffff0a);border-color:#c5ddbb99}
/* One silver icon treatment across all four steps. */
.steps .step-chain>li:nth-child(n){--step-tint:#e4e7e1}.steps .step-chain>li .chain-node.chain-icon{color:#e4e7e1;border-color:#ffffff35;background:linear-gradient(140deg,#ffffff1f,#ffffff06 55%,#ffffff0a)}.steps .step-chain>li.flow-active .chain-node.chain-icon{color:#fff;border-color:#ffffff80;background:linear-gradient(145deg,#ffffff30,#ffffff0a)}.steps .step-chain>li .chain-icon>svg{width:36px;height:36px;filter:none}.steps .step-chain>li:first-child .chain-icon>svg{width:38px;height:38px}.steps .chain-role{color:#aeb2a9}.steps li.flow-active .chain-role{color:#e4e7e1}.steps .chain-index{background:#242622;border-color:#555951;color:#ddd}.steps li.flow-active .chain-index{background:#e3e6df;border-color:#e3e6df;color:#20221e}
/* Minimal first screen: one dimensional Telegram mark and a clear action. */
.hero.hero-minimal{display:flex;flex-direction:column;align-items:center;gap:0;isolation:isolate;min-height:0;padding:24px 24px 65px;background:#060806;border-bottom:1px solid #ffffff14;overflow:hidden}.hero-minimal::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 340px 160px at 50% 120px,#bdceaf0b,transparent);pointer-events:none}.hero-telegram-art{position:relative;width:340px;height:175px;max-width:100%;margin-bottom:24px}.hero-telegram-art canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .35s}.hero-telegram-art.ready canvas{opacity:1}.hero-telegram-fallback{position:absolute;width:72px;height:72px;left:calc(50% - 36px);top:47px;filter:drop-shadow(0 8px 18px #0008)}.hero-telegram-art.ready .hero-telegram-fallback{visibility:hidden}.hero-minimal .hero-copy{padding:0;position:relative}.hero-minimal h1{font-size:clamp(36px,4.2vw,62px);max-width:1080px;line-height:1.12;margin:0 auto 24px;letter-spacing:-.04em;font-weight:600}.hero-minimal h1 span{display:block;margin-top:4px;color:#bfc5b9}.hero-minimal .hero-copy>p:not(.hero-entry-note){font-size:15px;line-height:1.8;color:#b7bfb0;max-width:540px;margin:0 auto 29px}.hero-minimal .actions{gap:12px;justify-content:center}.hero-minimal .actions .button{font-size:13px;padding:15px 22px;min-height:54px;gap:16px}.hero-minimal .hero-entry-note{font-size:11px;color:#9ca592;margin:22px 0 0}.hero-minimal .cta-telegram{width:21px;height:21px}@media(max-width:700px){.hero.hero-minimal{padding:14px 22px 44px}.hero-telegram-art{height:140px;width:280px;margin-bottom:16px}.hero-telegram-fallback{top:32px}.hero-minimal h1{font-size:34px;line-height:1.14;margin-bottom:22px;max-width:380px}.hero-minimal h1 br{display:none}.hero-minimal h1 span{font-size:32px;margin-top:6px}.hero-minimal .hero-copy>p:not(.hero-entry-note){font-size:12px;margin-bottom:24px;max-width:300px}.hero-minimal .actions{flex-direction:column;align-items:stretch;max-width:290px;margin:auto;gap:9px}.hero-minimal .actions .button{font-size:12px;justify-content:center;min-height:50px;padding:12px 16px}.hero-minimal .hero-entry-note{font-size:10px;margin-top:19px}}
@media(prefers-reduced-motion:reduce){.hero-telegram-art canvas{transition:none}}
/* Restored hero composition, with a slowly moving mesh backdrop. */
.hero.hero-mesh-motion{background:#060806;isolation:isolate}.hero.hero-mesh-motion::before{content:'';position:absolute;inset:-5%;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#06080685,#06080615 48%,#060806d9),none center/cover no-repeat;opacity:.72;animation:hero-mesh-drift 18s ease-in-out infinite alternate;animation-play-state:paused}.hero.hero-mesh-motion.mesh-running::before{animation-play-state:running}.hero.hero-mesh-motion .hero-copy{background:transparent}@keyframes hero-mesh-drift{from{transform:scale(1) translate3d(-1%,0,0)}to{transform:scale(1.065) translate3d(1%,-1.5%,0)}}@media(prefers-reduced-motion:reduce){.hero.hero-mesh-motion::before{animation:none}}
/* Live Three.js terrain sits behind content; the image is only a fallback. */
.hero.hero-mesh-motion .hero-webgl{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;mask-image:linear-gradient(180deg,transparent 0%,#000 15%,#000 78%,transparent 100%)}.hero.hero-mesh-motion .hero-copy{z-index:1}.hero.hero-mesh-motion.webgl-ready::before{display:none}.hero.hero-mesh-motion::before{animation:none}
.hero.hero-mesh-motion::before{display:none;background:none}.hero.hero-mesh-motion .hero-webgl{mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 78%,transparent 100%)}.hero.hero-mesh-motion h1{text-shadow:0 3px 25px #060806c0}.hero.hero-mesh-motion .hero-copy>p{text-shadow:0 2px 12px #060806}

.hero.hero-mesh-motion .hero-webgl{transform:translateY(45px)}@media(max-width:700px){.hero.hero-mesh-motion .hero-webgl{transform:translateY(28px)}}


.hero h1 .hero-telegram-word{font-weight:800;color:#fff}


.hero h1 .hero-telegram-word{position:relative;display:inline-block;isolation:isolate;font-weight:600;color:#10190b;padding:0 .13em;margin:0 .025em}.hero h1 .hero-telegram-word::before{content:'';position:absolute;z-index:-1;inset:.1em -.025em .035em;background:#91f65b;transform:rotate(-1.6deg);clip-path:polygon(1% 9%,98% 0,100% 83%,97% 95%,2% 100%,0 22%);border-radius:.09em .04em .1em .045em}


.hero h1 .hero-telegram-word{color:#fff;font-weight:600;padding:0 .12em;margin:0 .015em}.hero h1 .hero-telegram-word::before{inset:.08em -.015em .015em;background:rgba(145,246,91,.17);border:1px solid rgba(145,246,91,.24);transform:none;clip-path:none;border-radius:.13em}


.hero h1 .hero-telegram-word{color:#fff;font-weight:600;padding:0 .13em;margin:0 .025em}.hero h1 .hero-telegram-word::before{inset:.1em -.025em .035em;background:#397624;border:0;transform:rotate(-1.6deg);clip-path:polygon(1% 9%,98% 0,100% 83%,97% 95%,2% 100%,0 22%);border-radius:.09em .04em .1em .045em}


.hero h1 .hero-telegram-word{color:#fff;font-weight:600;padding:0 .035em;margin:0 .015em}.hero h1 .hero-telegram-word::before{inset:auto -.015em .005em;height:.14em;background:#91f65b;border:0;transform:none;clip-path:none;border-radius:60% 35% 55% 30% / 45% 55% 45% 55%;opacity:.88}


.hero h1 .hero-telegram-word{--label-bg:#305d25;position:relative;display:inline-block;isolation:isolate;color:#fff;font-weight:600;padding:.055em .26em .075em;margin:.055em .035em;line-height:1.12}.hero h1 .hero-telegram-word::before{content:'';position:absolute;inset:0;height:auto;background:var(--label-bg);opacity:1;border:0;transform:none;border-radius:.09em;clip-path:polygon(0 0,calc(100% - .24em) 0,100% .24em,100% 100%,0 100%)}.hero h1 .hero-telegram-word::after{content:'';position:absolute;top:0;right:0;width:.24em;height:.24em;background:#81ab68;clip-path:polygon(0 0,0 100%,100% 100%);border-bottom-left-radius:.025em;pointer-events:none;z-index:0}@media(max-width:700px){.hero h1 .hero-telegram-word{padding:.055em .2em .075em;margin-inline:.01em}}


/* Soft marker treatment for the Telegram heading. */
.hero h1 .hero-telegram-word{padding:.035em .18em .065em;margin:.04em .025em;color:#fff;font-weight:600;line-height:1.12}.hero h1 .hero-telegram-word::before{inset:.02em -.015em 0;height:auto;background:linear-gradient(100deg,#91f65b30,#91f65b50 55%,#91f65b28);border:0;clip-path:none;transform:rotate(-1deg);border-radius:.16em .10em .18em .11em;opacity:1}.hero h1 .hero-telegram-word::after{display:none}@media(max-width:700px){.hero h1 .hero-telegram-word{padding:.035em .14em .065em}}


/* Telegram emphasis: clean outlined label, no marker fill. */
.hero h1 .hero-telegram-word{padding:.015em .18em .065em;margin:.04em .025em;color:#fff;font-weight:600}.hero h1 .hero-telegram-word::before{inset:0 -.015em;height:auto;background:transparent;border:1.5px solid #91f65b99;clip-path:none;transform:none;border-radius:.17em;box-shadow:inset 0 0 14px #91f65b08,0 0 14px #91f65b0b}.hero h1 .hero-telegram-word::after{display:none}


/* Simple tilted fill behind the upright Telegram word. */
.hero h1 .hero-telegram-word{padding:.04em .2em .07em;margin:.04em .03em;color:#fff;font-weight:600;line-height:1.12}.hero h1 .hero-telegram-word::before{inset:0 -.015em;height:auto;background:#376c29;border:0;clip-path:none;transform:rotate(-2deg);border-radius:.06em;box-shadow:none;opacity:1}.hero h1 .hero-telegram-word::after{display:none}@media(max-width:700px){.hero h1 .hero-telegram-word{padding:.04em .15em .07em}}


.hero h1 .hero-telegram-word{padding:.09em .29em .12em;margin:.055em .045em}.hero h1 .hero-telegram-word::before{background:#287334}@media(max-width:700px){.hero h1 .hero-telegram-word{padding:.075em .22em .105em}}


.hero h1 .hero-telegram-word::before{background:#91f65b}


.hero h1 .hero-telegram-word::before{background:#709b5e}


.hero h1 .hero-telegram-word::before{background:var(--cta-green,#91f65b)}


.hero h1 .hero-telegram-word{display:inline;padding:0;margin:0;color:#fff;font-weight:600;line-height:inherit}.hero h1 .hero-telegram-word::before,.hero h1 .hero-telegram-word::after{display:none}


/* Full-width page shell, retaining section padding. */
.site{width:100%;max-width:none;margin:0;border-inline:0}


/* Floating fixed glass navigation. */
html{scroll-padding-top:108px}.site{padding-top:94px}.site>header{position:fixed;z-index:50;top:14px;left:24px;right:24px;height:66px;padding:0 24px;border:1px solid #ffffff18;border-radius:24px;background:linear-gradient(115deg,#ffffff09,#ffffff03),#10160fc7;backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%);box-shadow:inset 0 1px 0 #ffffff09,0 8px 28px #0003}.site>header .logo{font-size:23px}.site>header .small{border-radius:18px;background:#ffffff05}.site>header nav{font-size:12px;gap:26px}.site>header nav a{transition:color .2s}.skip{z-index:100}@media(max-width:1000px) and (min-width:701px){.site>header{left:16px;right:16px;padding:0 18px}.site>header nav{font-size:10px;gap:13px}.site>header .small{font-size:10px}}@media(max-width:700px){html{scroll-padding-top:94px}.site{padding-top:82px}.site>header{top:10px;left:10px;right:10px;height:60px;padding:0 14px;border-radius:20px;gap:12px}.site>header .logo{font-size:21px}.site>header .small{font-size:9px;min-height:33px;padding:7px 10px;border-radius:13px}.site>header nav{top:69px;left:0;right:0;border:1px solid #ffffff20;border-radius:18px;background:#11170ff2;box-shadow:0 12px 30px #0005;padding:20px;font-size:13px;gap:18px;max-height:calc(100dvh - 110px);overflow:auto}.site>header .menu{min-width:28px}}@supports not (backdrop-filter:blur(1px)){.site>header{background:#11170ff5}}

/* Scroll-aware navigation: make room while reading, return on upward scroll. */
.site>header{transition:transform .28s ease,opacity .22s ease}.site>header.header-hidden{transform:translateY(calc(-100% - 20px));opacity:0;pointer-events:none}.site>header:focus-within{transform:none;opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){.site>header{transition:none}}

/* Straight, always-visible fixed header. */
.site{padding-top:76px}.site>header{top:0;left:0;right:0;height:76px;padding:0 5.5%;border:0;border-bottom:1px solid #ffffff18;border-radius:0;transform:none;opacity:1;transition:none;box-shadow:none}.site>header.header-hidden{transform:none;opacity:1;pointer-events:auto}html{scroll-padding-top:96px}@media(max-width:700px){.site{padding-top:66px}.site>header{top:0;left:0;right:0;height:66px;padding:0 20px;border-radius:0}.site>header nav{top:65px;left:0;right:0;border-radius:0 0 16px 16px}html{scroll-padding-top:86px}}


/* Header blends into the page rather than forming a tinted strip. */
.site>header{background:rgba(6,8,6,.9);border-bottom-color:rgba(255,255,255,.045);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:none}.site>header .small{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.14)}@supports not (backdrop-filter:blur(1px)){.site>header{background:#060806}}

/* A subtle lower-edge glow appears after leaving the top of the page. */
.site>header::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent 5%,#91f65b55 35%,#b2f78788 50%,#91f65b55 65%,transparent 95%);box-shadow:0 4px 16px 2px #91f65b1c;opacity:0;transition:opacity .3s ease}.site>header.header-scrolled::after{opacity:1}@media(prefers-reduced-motion:reduce){.site>header::after{transition:none}}
/* Product imagery replaces the five-item platform strip. */
.product-visual-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:16px;margin:0 5.5% 16px}.product-visual-card{position:relative;isolation:isolate;min-width:0;height:355px;overflow:hidden;border-radius:16px;background:#10150f;display:block}.product-card-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .65s cubic-bezier(.2,.65,.3,1)}.product-visual-card::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#06080600 35%,#06080655 62%,#060806f5 100%);pointer-events:none}.product-visual-card:hover .product-card-bg{transform:scale(1.035)}.product-visual-card:focus-visible{outline:2px solid #91f65b;outline-offset:5px}.product-card-copy{position:absolute;bottom:26px;left:26px;right:26px;padding-right:23px}.product-card-copy h3{font-size:21px;line-height:1.25;font-weight:600;letter-spacing:-.025em;margin:0 0 9px;color:#f2f5ed}.product-card-copy p{margin:0;font-size:12px;line-height:1.5;color:#b6c0ae}.product-card-arrow{position:absolute;right:0;top:4px;color:#d0dfc3;font-size:18px}.product-chat{position:absolute;top:30px;left:50%;transform:translateX(-50%) rotate(-3deg);width:275px;max-width:85%;border:1px solid #ffffff24;border-radius:14px;background:#131618;box-shadow:0 14px 24px #0006;font-family:Arial,sans-serif}.product-chat-head{display:flex;gap:10px;align-items:center;padding:14px 15px;background:#222526;border-radius:14px 14px 0 0}.product-avatar{display:grid;place-items:center;flex:0 0 31px;height:31px;background:#c7dfb6;color:#1a2d12;border-radius:50%;font-weight:700}.product-chat-head b{font-size:13px;color:#fff}.product-chat-head small{display:block;font-size:10px;color:#a2aaa7;margin-top:2px}.product-chat-dots{margin-left:auto;color:#9daca4;font-size:11px;letter-spacing:1px}.product-chat-body{padding:13px;background:#0c0e0f;border-radius:0 0 14px 14px}.product-chat-message{font-size:12px;line-height:1.6;padding:12px;background:#252827;color:#eff2ed;border-radius:10px 10px 10px 3px}.product-chat-message span{font-size:11px;color:#c3ccc2}.product-chat-action{display:flex;justify-content:space-between;margin-top:5px;padding:9px 12px;border-radius:4px;background:#262c27;color:#c1ddad;font-size:11px}.product-admin-preview{position:absolute;top:39px;left:28px;right:28px;background:#151b16ed;border:1px solid #ffffff25;border-radius:10px;transform:perspective(600px) rotateY(-9deg) rotateZ(2deg);padding:16px;box-shadow:0 14px 28px #0005}.product-admin-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff15;padding-bottom:13px;margin-bottom:4px;font-size:9px;color:#99a991}.product-admin-top>span:first-child{font-size:12px;font-weight:800;letter-spacing:.02em;color:#eff4e8}.product-admin-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid #ffffff0b;font-size:11px;color:#d8e2d1}.product-admin-row i{width:30px;height:4px;background:#7d9a69;border-radius:4px}.product-admin-row:nth-child(3) i{width:42px;background:#a5b99a}.product-admin-row:last-child{border:0}.visual-network .product-card-bg{object-position:center 35%}@media(min-width:1700px){.product-visual-card{height:375px}.product-chat{width:300px;top:40px}.product-admin-preview{top:45px;left:40px;right:40px;padding:20px}}@media(max-width:1050px) and (min-width:701px){.product-visual-grid{grid-template-columns:1.2fr 1fr 1fr;gap:10px}.product-visual-card{height:330px}.product-card-copy{left:18px;right:18px;bottom:22px}.product-card-copy h3{font-size:18px}.product-card-copy p{font-size:11px}.product-admin-preview{left:15px;right:15px;padding:12px}.product-chat{max-width:88%}}@media(max-width:700px){.product-visual-grid{grid-template-columns:1fr;margin:0 20px 0;gap:12px}.product-visual-card{height:290px}.visual-telegram{height:325px}.product-chat{top:23px;width:270px}.product-card-copy{left:22px;right:22px;bottom:22px}.product-card-copy h3{font-size:21px}.product-admin-preview{width:230px;max-width:85%;left:50%;right:auto;top:22px;transform:translateX(-50%) rotate(2deg)}.visual-network .product-card-bg{object-position:center 38%}}@media(prefers-reduced-motion:reduce){.product-card-bg{transition:none}.product-visual-card:hover .product-card-bg{transform:none}}

/* One product grid: capabilities above, launch conditions below. */
.product-visual-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.product-visual-card{grid-column:span 4}.visual-telegram{grid-column:span 4}.product-benefit{grid-column:span 4;display:flex;align-items:flex-start;gap:17px;padding:26px;border:1px solid #ffffff13;border-radius:16px;background:#0d100d}.product-benefit>svg{width:26px;height:26px;flex:0 0 26px;color:#bbd7a8;margin-top:1px}.product-benefit h3{font-size:19px;line-height:1.3;letter-spacing:-.02em;font-weight:600;margin:0 0 9px;color:#f2f5ed}.product-benefit p{font-size:13px;line-height:1.6;color:#aeb8a8;margin:0;max-width:310px}.hero.hero-simple{padding-bottom:70px}
@media(max-width:1050px) and (min-width:701px){.product-visual-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.product-benefit{padding:20px 16px;gap:12px}.product-benefit h3{font-size:17px}.product-benefit p{font-size:12px}}
@media(max-width:700px){.product-visual-grid{grid-template-columns:minmax(0,1fr)}.product-visual-card,.visual-telegram,.product-benefit{grid-column:1}.product-benefit{padding:22px;gap:17px}.product-benefit h3{font-size:18px;margin-bottom:5px}.hero.hero-simple{padding-bottom:42px}}

@media(max-width:700px){.visual-admin{height:325px}}

/* Keep the server towers below the card edge at every width. */
.visual-network .product-card-bg{object-position:center top;top:20px;height:calc(100% - 20px)}

.visual-network{background:#060806}.visual-network .product-card-bg{mask-image:linear-gradient(to bottom,transparent,#000 18px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18px)}

/* Semantic columns keep each promise paired with its product. */
.product-visual-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.product-column{min-width:0;display:grid;grid-template-rows:1fr auto;gap:16px}.product-column>.product-benefit,.product-column>.product-visual-card{grid-column:auto}.product-column>.product-visual-card{display:block}@media(max-width:700px){.product-visual-grid{grid-template-columns:minmax(0,1fr);gap:26px}.product-column{gap:10px;grid-template-rows:auto auto}}

/* Keep the process conclusion and next action together. */
.chain-launch{justify-content:center;gap:48px;padding-top:30px;margin-top:34px}.chain-launch-copy h3{margin:0 0 7px;font-size:22px;font-weight:500;letter-spacing:-.4px;color:#f1f4ed}.chain-launch-copy p{margin:0;font-size:13px;color:#a8b0a1;line-height:1.5}.chain-launch .button{gap:15px}.chain-launch .cta-telegram{width:22px;height:22px;flex-shrink:0}@media(max-width:700px){.chain-launch{flex-direction:column;align-items:stretch;gap:20px;padding-top:25px}.chain-launch-copy{text-align:center}.chain-launch-copy h3{font-size:21px}.chain-launch .button{justify-content:center}}
/* Income calculator: one connected workspace, clear price split. */
.economy{display:block}.economy-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.economy-heading h2{margin:0;font-size:clamp(34px,3.5vw,54px);line-height:1.1}.economy-heading>p{max-width:480px;font-size:15px;line-height:1.8;margin:0;color:#aeb5a8}.economy-workspace{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #ffffff1c;border-radius:24px;overflow:hidden;background:#0e110e}.economy-settings{padding:38px 42px}.calc-section-label{font-size:14px;color:#d7dfd1;margin-bottom:30px}.economy .calc-inputs{margin:0}.calc-control+.calc-control{margin-top:30px}.economy .calc-inputs label{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#b8bfb1;gap:20px;margin:0 0 18px}.economy output{font-size:32px;font-weight:500;line-height:1;letter-spacing:-1px;color:#f1f4ee;font-variant-numeric:tabular-nums}.economy output small{font-size:22px;color:#87917e}.economy input[type=range]{appearance:none;-webkit-appearance:none;display:block;width:100%;height:6px;margin:0;border:0;border-radius:9px;background:linear-gradient(to right,#c2d6b1 var(--range-fill,10%),#30362c var(--range-fill,10%));accent-color:#c2d6b1;cursor:pointer}.economy input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:#d4e3c7;border:3px solid #10170b;box-shadow:0 0 0 1px #b8cca4,0 2px 5px #0006}.economy input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#d4e3c7;border:2px solid #10170b}.economy input[type=range]:focus-visible{outline:2px solid #91f65b;outline-offset:9px}.economy .range-labels{margin-top:14px;font-size:11px;color:#89917f}.sale-split{margin-top:32px;padding-top:24px;border-top:1px solid #ffffff12}.sale-split-title{display:flex;justify-content:space-between;font-size:13px;color:#c6cebf}.sale-split-title b{font-weight:500;color:#ecf0e6}.sale-split-bar{display:flex;gap:4px;height:10px;margin:16px 0;border-radius:8px;overflow:hidden}.sale-split-bar i:first-child{background:#4c5645;flex:200}.sale-split-bar i:last-child{background:#b7d29f;flex:100}.sale-split-legend{display:flex;justify-content:space-between;gap:14px;font-size:12px;color:#a4ad99}.sale-split-legend>span{display:flex;align-items:center;gap:7px}.sale-split-legend i{width:7px;height:7px;border-radius:2px;background:#4c5645}.sale-split-legend>span:last-child i{background:#b7d29f}.sale-split-legend b{font-weight:500;color:#dce6d2;margin-left:5px}.economy .income{display:flex;flex-direction:column;justify-content:center;padding:42px 48px;border:0;border-left:1px solid #ffffff14;border-radius:0;background:radial-gradient(ellipse at 100% 0,#809b6420,transparent 65%),#141912;box-shadow:none}.economy .income-label{font-size:14px;color:#becbb3}.economy #monthly{display:block;font-size:clamp(48px,5.2vw,80px);font-weight:500;line-height:1.15;letter-spacing:-3px;margin:20px 0 6px;white-space:nowrap}.economy #monthly small{font-size:.55em;color:#a9be95}.economy #yearly{margin:0;color:#a9b59f;font-size:14px}.income-formula{display:flex;flex-wrap:wrap;gap:12px;margin:27px 0 32px;font-size:13px;color:#cad6c0}.income-formula>span:nth-child(2){color:#78886a}.economy .income .button{width:100%;justify-content:space-between;margin:0;min-height:52px;padding:17px 20px;font-size:13px}.economy .disclaimer{font-size:11px;line-height:1.7;color:#89977e;margin-top:18px}
@media(max-width:1000px){.economy-settings{padding:28px}.economy .income{padding:30px}.economy-heading>p{max-width:390px;font-size:13px}.sale-split-legend{flex-wrap:wrap}}@media(max-width:700px){.economy-heading{display:block;margin-bottom:26px}.economy-heading>p{margin-top:18px;font-size:14px}.economy-workspace{grid-template-columns:1fr;border-radius:18px}.economy-settings{padding:24px 20px}.economy .income{padding:28px 20px;border-left:0;border-top:1px solid #ffffff14}.economy .calc-inputs label{font-size:12px}.economy output{font-size:28px}.economy #monthly{font-size:52px;letter-spacing:-2px}.sale-split-legend{font-size:11px;gap:10px}.calc-section-label{margin-bottom:26px}}

.economy-workspace>.income{margin:0;align-self:stretch}.economy .economy-heading>p{font-size:15px;line-height:1.8}@media(max-width:700px){.economy .economy-heading>p{font-size:14px}}

/* Graphite controls and a softly lit silver result surface. */
.economy-workspace{background:#0b0d0c;border-color:#ffffff19}.economy-workspace>.income{background:radial-gradient(ellipse at 90% 0,rgba(224,232,220,.10),transparent 65%),linear-gradient(135deg,#252925,#171a18 75%);border-left-color:#ffffff20;box-shadow:inset 0 1px 0 #ffffff08}.economy .income-label{color:#c9ceC7}.economy #monthly{font-size:clamp(46px,4.4vw,66px);font-weight:400;letter-spacing:-2px}.economy #monthly small{color:#bdc9b5}.economy #yearly{color:#aeb7a8}.economy .disclaimer{color:#a0a89a}.income-formula{color:#c7cec1}.economy output{font-weight:400}.economy .income .button{min-height:48px;padding:14px 19px}@media(max-width:700px){.economy #monthly{font-size:48px}.economy-workspace>.income{border-left:0;border-top-color:#ffffff20}}
/* Readable FAQ with calm, reversible expansion. */
.faq{grid-template-columns:.85fr 1.15fr;gap:8%}.faq .text-link{font-size:14px}.faq-list details{border-bottom:1px solid #ffffff18}.faq-list summary{position:relative;display:flex;align-items:center;min-height:82px;padding:24px 54px 24px 0;font-size:20px;font-weight:400;line-height:1.45;list-style:none;color:#e7ece2;cursor:pointer;transition:color .2s}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:before,.faq-list summary:after{content:'';position:absolute;right:13px;top:50%;width:14px;height:1.5px;background:#bfceb3;transform:translateY(-50%);transition:transform .24s ease,opacity .24s ease}.faq-list summary:after{transform:translateY(-50%) rotate(90deg)}.faq-list details[open]>summary:after{transform:translateY(-50%) rotate(90deg)}.faq-list details.faq-expanded>summary:after{transform:translateY(-50%) rotate(0);opacity:0}.faq-list summary:hover{color:#fff}.faq-list summary:focus-visible{outline:2px solid #a9cc8d;outline-offset:4px;border-radius:4px}.faq-list details p{font-size:16px;line-height:1.8;margin:0;padding:0 48px 26px 0;max-width:740px;color:#aeb8a5}.faq-list details.faq-expanded>summary{color:#d8e8cc}@media(max-width:700px){.faq{display:block}.faq-list{margin-top:28px}.faq-list summary{font-size:17px;min-height:74px;padding:21px 36px 21px 0}.faq-list details p{font-size:14px;line-height:1.75;padding:0 22px 24px 0}.faq-list summary:before,.faq-list summary:after{right:6px}}@media(prefers-reduced-motion:reduce){.faq-list summary,.faq-list summary:before,.faq-list summary:after{transition:none}}


/* фирменный знак в шапке */
.logo .logo-mark{height:20px;width:auto;display:block;filter:drop-shadow(0 0 8px rgba(124,232,124,.14))}
.logo{gap:9px}
@media (max-width:640px){.logo .logo-mark{height:18px}}


/* кабинет: настоящий экран в рамке окна, функции — списком */
.admin-feature{cursor:default}
.admin-feature:hover{background:transparent}
.admin-shot{margin:0;border:1px solid #36412d;border-radius:14px;overflow:hidden;background:#0f130d;box-shadow:0 30px 65px #0005}
.admin-shot-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid #252b23;background:#ffffff05}
.admin-shot-bar i{width:9px;height:9px;border-radius:50%;background:#ffffff26;display:block}
.admin-shot-bar i:first-child{background:#ffffff38}
.admin-shot-bar span{margin-left:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#a0a79c;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-shot img{width:100%;height:auto;display:block}
.admin-preview-note{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:12px}
@media (max-width:640px){.admin-shot{border-radius:10px;box-shadow:none}.admin-shot-bar span{display:none}}


/* кабинет: переключатель экранов над рамкой */
.admin-switch{display:inline-flex;gap:4px;padding:4px;margin:0 0 14px;border:1px solid #252b23;border-radius:12px;background:#ffffff05}
.admin-switch-btn{border:0;background:transparent;color:#a0a79c;font:inherit;font-size:13px;font-weight:600;padding:8px 14px;border-radius:9px;cursor:pointer;transition:background .2s,color .2s}
.admin-switch-btn:hover{color:#f4f6f1}
.admin-switch-btn.active{background:#182411;color:#d6e6cc;box-shadow:inset 0 0 0 1px #2f3f27}
.admin-shot img[hidden]{display:none}
@media (max-width:640px){.admin-switch{width:100%;justify-content:space-between}.admin-switch-btn{flex:1;padding:8px 6px;font-size:12px}}


/* кабинет: фрагмент интерфейса — своя рамка у карточки, снаружи только скругление и тень */
.admin-frag{margin:0;border-radius:16px;overflow:hidden;background:#0f130d;box-shadow:0 30px 65px #0006}
.admin-frag img{width:100%;height:auto;display:block}
.admin-frag img[hidden]{display:none}
@media (max-width:640px){.admin-frag{border-radius:12px;box-shadow:none}}


/* кабинет: вкладки-разделы и полное окно панели во всю ширину */
.admin-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 18px}
.admin-tab{display:flex;align-items:flex-start;gap:12px;text-align:left;padding:14px 16px;border:1px solid #252b23;border-radius:12px;background:#ffffff04;color:#a0a79c;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.admin-tab svg{width:22px;height:22px;flex:none;margin-top:2px;color:#65725b}
.admin-tab span{display:flex;flex-direction:column;gap:3px;min-width:0}
.admin-tab b{font-size:15px;color:#f4f6f1}
.admin-tab small{font-size:12px;line-height:1.35}
.admin-tab:hover{background:#ffffff08;border-color:#36412d}
.admin-tab.active{background:#182411;border-color:#3b5a2c;color:#d6e6cc}
.admin-tab.active svg{color:#91f65b}
.admin-window{margin:0;border:1px solid #36412d;border-radius:14px;overflow:hidden;background:#0f130d;box-shadow:0 30px 65px #0006}
.admin-window img{width:100%;height:auto;display:block}
.admin-window img[hidden]{display:none}
.admin-more{margin:16px 0 0;font-size:13px;color:#a0a79c}
@media (max-width:900px){.admin-tabs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.admin-tabs{grid-template-columns:1fr;gap:6px}.admin-tab{padding:12px 14px}.admin-tab small{display:none}.admin-window{border-radius:10px;box-shadow:none}.admin-shot-bar span{display:none}}


/* кабинет: нейтральная рамка */
.admin-tabs{grid-template-columns:repeat(4,1fr);gap:0;margin:0 0 22px;border-bottom:1px solid rgba(255,255,255,.08)}
.admin-tab{position:relative;border:0;border-radius:0;background:transparent;padding:6px 18px 18px 0;color:#8e978f}
.admin-tab::after{content:"";position:absolute;left:0;right:18px;bottom:-1px;height:2px;background:transparent;transition:background .2s}
.admin-tab:hover{background:transparent;color:#c9d1c8}
.admin-tab:hover svg{color:#c9d1c8}
.admin-tab.active{background:transparent;color:#a0a79c}
.admin-tab.active::after{background:#91f65b}
.admin-tab.active b{color:#f4f6f1}
.admin-tab.active svg{color:#91f65b}
.admin-tab b{color:#e6ebe4}
.admin-tab svg{color:#65725b}
.admin-window{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#0a0d0a;box-shadow:0 40px 90px -30px rgba(0,0,0,.85),0 0 0 1px rgba(0,0,0,.4) inset}
.admin-window::before{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18) 30%,rgba(145,246,91,.35) 50%,rgba(255,255,255,.18) 70%,transparent)}
.admin-shot-bar{border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025)}
.admin-shot-bar i{background:rgba(255,255,255,.14)}
.admin-shot-bar i:first-child{background:rgba(255,255,255,.22)}
.admin-shot-bar span{color:#7f887f}
@media (max-width:900px){.admin-tabs{grid-template-columns:repeat(2,1fr)}.admin-tab{padding-right:12px}}
@media (max-width:640px){.admin-tabs{grid-template-columns:1fr 1fr}.admin-tab{padding:8px 8px 12px 0}.admin-tab small{display:none}}

/* кабинет: точки окна как в macOS, без адреса */
.admin-shot-bar{justify-content:flex-start;gap:8px;padding:12px 16px}
.admin-shot-bar i{width:12px;height:12px;border-radius:50%;opacity:1}
.admin-shot-bar i:nth-child(1){background:#ff5f57}
.admin-shot-bar i:nth-child(2){background:#febc2e}
.admin-shot-bar i:nth-child(3){background:#28c840}
.admin-shot-bar [data-shot-url]{display:none}

/* телефон: экран бота как в живом боте */
.iphone-screen .tg-cover{display:flex;align-items:center;gap:12px;padding:14px 12px;background:linear-gradient(135deg,#0c120c,#121b13);border-radius:10px}
.iphone-screen .tg-cover>span{font-size:38px;line-height:1}
.tg-cover-text{min-width:0}
.iphone-screen .tg-cover strong{display:block;font-size:18px;line-height:1.15;color:var(--preview-accent,var(--preview-brand));overflow-wrap:anywhere}
.iphone-screen .tg-cover small{display:block;margin:3px 0 0;font-size:11px;color:#b6c7d0}
.tg-message p.tg-text{margin:9px 4px 0}
.tg-quote{margin:9px 4px 2px;padding:6px 8px 6px 10px;border-left:3px solid #6aafff;border-radius:6px;background:#2c2c30;font-size:12.5px;line-height:1.5;color:#f3f3f5}
.tg-quote b{font-weight:600}
.tg-kb{display:grid;gap:4px;margin:4px 14px 0 0}
.tg-kb-row{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.tg-btn{border:0;border-radius:8px;background:#242426;color:#6aafff;font-size:13px;font-weight:500;min-height:40px;padding:8px 10px;width:100%;cursor:pointer}
.tg-btn:hover{background:#333337}
.tg-btn-primary{background:#3e88f7;color:#fff}.tg-btn-primary:hover{background:#4c92f8}
.tg-compose>button{display:inline-flex;align-items:center;gap:5px}
.tg-compose>button svg{width:13px;height:13px;stroke:#fff;stroke-width:2;fill:none}
/* всё сообщение и клавиатура — в одном экране, без прокрутки */
.iphone-screen{height:712px}
.iphone-screen .tg-body{padding-top:12px;padding-bottom:66px}
.iphone-screen .tg-body .tg-date{display:none}
.iphone-screen .tg-outgoing{margin-bottom:10px}
.iphone-screen .tg-cover{padding:10px 12px;gap:10px}
.iphone-screen .tg-cover>span{font-size:34px}
.iphone-screen .tg-cover strong{font-size:17px}
.iphone-screen .tg-message p.tg-text{font-size:12.5px;line-height:1.4;margin-top:7px}
.tg-quote{font-size:12px;line-height:1.45;padding:5px 8px 5px 10px;margin-top:7px}
.iphone-screen .tg-message-time{margin-top:2px}
.tg-btn{min-height:34px;font-size:12.5px;padding:6px 8px}
@media(max-width:700px){.iphone-screen{height:672px}}
/* мини-апп: светлая тема, как в живом приложении */
.miniapp-body.app-light{background:#f2f3f8;color:#111;padding:12px 12px 0;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.telegram-phone:has(#preview-app:not([hidden])) .tg-status,.telegram-phone:has(#preview-app:not([hidden])) .tg-home{background:#f2f3f8}
.telegram-phone:has(#preview-app:not([hidden])) .tg-status{color:#111}
.telegram-phone:has(#preview-app:not([hidden])) .tg-status>svg{stroke:#111;color:#111}
.telegram-phone:has(#preview-app:not([hidden])) .tg-home:after{background:#111}
.app-light .tg-webapp-toolbar{border-color:#e1e3ea;margin-bottom:12px;padding-bottom:10px}
.app-light .tg-webapp-toolbar button,.app-light .tg-webapp-toolbar>span{color:#3e88f7}
.app-light .tg-webapp-toolbar b{color:#111;font-size:15px}.app-light .tg-webapp-toolbar small{color:#7a7d86}
.app-card{background:#fff;border:1.5px solid var(--preview-brand);border-radius:18px;padding:16px 14px 14px;text-align:center}
.app-pill{display:inline-block;padding:6px 18px;border-radius:999px;background:color-mix(in srgb,var(--preview-brand) 18%,#fff);color:var(--preview-accent,var(--preview-brand));font-weight:800;font-size:19px;letter-spacing:-.3px}
.app-label{display:block;margin-top:10px;font-size:13px;color:#5f636d}
.app-until{display:block;font-size:19px;font-weight:600;margin:4px 0 12px;color:#111}
.app-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.app-tiles>div{background:#f2f3f7;border-radius:14px;padding:12px 8px 10px}
.app-tiles i{display:grid;place-items:center;height:26px;font-style:normal;font-size:24px;color:#666b78;line-height:1}
.app-tiles i svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.app-tiles span{display:block;font-size:11px;color:#5f636d;margin-top:8px}
.app-tiles b{display:block;font-size:15px;font-weight:600;margin-top:2px;color:#111}
.app-tiles em{font-style:normal;color:var(--preview-accent,var(--preview-brand))}
.app-outline{width:100%;margin-top:12px;background:#fff;border:1.5px solid var(--preview-brand);color:var(--preview-accent,var(--preview-brand));border-radius:10px;font-size:15px;font-weight:600;padding:12px;cursor:pointer}
.app-primary{width:100%;margin-top:12px;border:0;border-radius:12px;background:var(--preview-brand);color:var(--preview-ink);font-size:15px;font-weight:800;padding:14px;cursor:pointer}
.app-light>p{font-size:11px;color:#5f636d;text-align:center;margin:10px 0 0;line-height:1.5}
.app-light>p:empty{display:none}
.app-nav{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px 0 10px}
.app-nav-avatar{width:40px;height:40px;border-radius:50%;background:#111;display:grid;place-items:center;font-size:20px;flex-shrink:0;border:2px solid #fff;box-shadow:0 2px 8px #0002}
.app-tabs{flex:1;display:flex;justify-content:space-around;align-items:center;background:#fff;border-radius:999px;padding:6px;box-shadow:0 2px 12px #0000000f}
.app-tabs i{display:grid;place-items:center;width:44px;height:36px;border-radius:999px;color:#8a8f9b}
.app-tabs i svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.app-tabs i.on{color:var(--preview-accent,var(--preview-brand));box-shadow:0 1px 6px #0001}

/* мини-апп: навигация без аватара, спокойные цвета */
.app-nav{padding-left:0}
.app-tabs{padding:6px 8px}
.app-primary{box-shadow:0 6px 18px -8px var(--preview-brand)}

/* мини-апп: шрифты и метрики как в живом приложении */
.miniapp-body.app-light{font-family:"Golos Text",-apple-system,"Segoe UI",sans-serif;background:#f5f6f8;color:#1a1c23;padding:12px 12px 0}
.app-light .tg-webapp-toolbar b{font-weight:600}
.app-card{border:1px solid var(--preview-brand);border-radius:20px;padding:16px 14px 14px;box-shadow:0 1px 2px #1a1c230a,0 8px 24px -12px #1a1c2329}
.app-pill{font-family:Unbounded,"Golos Text",sans-serif;font-weight:700;font-size:21px;letter-spacing:0;padding:8px 22px;background:color-mix(in srgb,var(--preview-brand) 13%,#fff)}
.app-label{font-size:15px;color:#6b7080;margin-top:12px}
.app-until{font-size:19px;font-weight:500;margin:4px 0 14px}
.app-tiles>div{background:#f2f3f6;border-radius:18px;padding:16px 8px 14px}
.app-tiles i{color:#6b7080;height:28px}
.app-tiles i svg{width:24px;height:24px;stroke-width:1.6}
.app-tiles span{font-size:12px;color:#6b7080;margin-top:10px}
.app-tiles b{font-size:17px;font-weight:500;margin-top:4px}
.app-outline{border-width:1px;border-radius:12px;font-size:17px;font-weight:400;padding:11px;margin-top:14px}
.app-primary{border-radius:14px;font-size:17px;font-weight:700;padding:13px;margin-top:14px;box-shadow:none}
.app-light>p{font-size:12px}
.app-nav{padding:12px 0 8px}
.app-tabs{height:60px;padding:4px;box-shadow:0 10px 30px -10px #1a1c2333,0 1px 2px #1a1c230d}
.app-tabs i{width:52px;height:52px;border-radius:50%;color:#9a9ea8}
.app-tabs i svg{width:24px;height:24px;stroke-width:1.6}
.app-tabs i.on{background:#fff;box-shadow:0 4px 14px -4px #1a1c2333,0 1px 2px #1a1c2314}

/*! Devices.css v0.2.0 | MIT License | github.com/picturepan2/devices.css — только iPhone 14 Pro */
.device, .device > div, .device .device-frame{box-sizing:border-box;display:block}
.device{position: relative; transform: scale(1); z-index: 1;}
.device .device-frame{z-index: 1;}
.device .device-screen{background-color: #000; background-position: center center; background-size: cover; object-fit: cover; position: relative;}
.device-iphone-14-pro{height: 868px; width: 428px;}
.device-iphone-14-pro .device-frame{background: #010101; border: 1px solid #1b1721; border-radius: 68px; box-shadow: inset 0 0 4px 2px #c0b7cd, inset 0 0 0 6px #342c3f; height: 868px; padding: 19px; width: 428px;}
.device-iphone-14-pro .device-screen{border-radius: 49px; height: 830px; width: 390px;}
.device-iphone-14-pro .device-stripe::after, .device-iphone-14-pro .device-stripe::before{border: solid rgba(1, 1, 1, .25); border-width: 0 7px; content: ""; height: 7px; left: 0; position: absolute; width: 100%; z-index: 9;}
.device-iphone-14-pro .device-stripe::after{top: 85px;}
.device-iphone-14-pro .device-stripe::before{bottom: 85px;}
.device-iphone-14-pro .device-header{background: #010101; border-radius: 20px; height: 35px; left: 50%; margin-left: -60px; position: absolute; top: 29px; width: 120px;}
.device-iphone-14-pro .device-sensors::after, .device-iphone-14-pro .device-sensors::before{content: ""; position: absolute;}
.device-iphone-14-pro .device-sensors::after{background: #010101; border-radius: 17px; height: 33px; left: 50%; margin-left: -60px; top: 30px; width: 74px;}
.device-iphone-14-pro .device-sensors::before{background: radial-gradient(farthest-corner at 20% 20%, #6074bf 0, transparent 40%), radial-gradient(farthest-corner at 80% 80%, #513785 0, #24555e 20%, transparent 50%); border-radius: 50%; box-shadow: 0 0 1px 1px rgba(255, 255, 255, .05); height: 9px; left: 50%; margin-left: 36px; top: 42px; width: 9px;}
.device-iphone-14-pro .device-btns{background: #1b1721; border-radius: 2px; height: 32px; left: -2px; position: absolute; top: 115px; width: 3px;}
.device-iphone-14-pro .device-btns::after, .device-iphone-14-pro .device-btns::before{background: #1b1721; border-radius: 2px; content: ""; height: 62px; left: 0; position: absolute; width: 3px;}
.device-iphone-14-pro .device-btns::after{top: 60px;}
.device-iphone-14-pro .device-btns::before{top: 140px;}
.device-iphone-14-pro .device-power{background: #1b1721; border-radius: 2px; height: 100px; position: absolute; right: -2px; top: 200px; width: 3px;}
.device-iphone-14-pro .device-home::after, .device-iphone-14-pro .device-home::before{border: solid rgba(1, 1, 1, .25); border-width: 6px 0; content: ""; height: 6px; position: absolute; width: 6px; z-index: 9;}
.device-iphone-14-pro .device-home::after{right: 86px; top: 0;}
.device-iphone-14-pro .device-home::before{bottom: 0; left: 86px;}
.device-iphone-14-pro.device-silver .device-frame{border-color: #c8cacb; box-shadow: inset 0 0 4px 2px white, inset 0 0 0 6px #e2e3e4;}
.device-iphone-14-pro.device-silver .device-btns{background: #c8cacb;}
.device-iphone-14-pro.device-silver .device-btns::after, .device-iphone-14-pro.device-silver .device-btns::before{background: #c8cacb;}
.device-iphone-14-pro.device-silver .device-power{background: #c8cacb;}
.device-iphone-14-pro.device-black .device-frame{border-color: #5c5956; box-shadow: inset 0 0 4px 2px white, inset 0 0 0 6px #76726f;}
.device-iphone-14-pro.device-black .device-btns{background: #5c5956;}
.device-iphone-14-pro.device-black .device-btns::after, .device-iphone-14-pro.device-black .device-btns::before{background: #5c5956;}
.device-iphone-14-pro.device-black .device-power{background: #5c5956;}
.device-iphone-14-pro.device-gold .device-frame{border-color: #e7d19e; box-shadow: inset 0 0 4px 2px white, inset 0 0 0 6px #d2ab4c;}
.device-iphone-14-pro.device-gold .device-btns{background: #e7d19e;}
.device-iphone-14-pro.device-gold .device-btns::after, .device-iphone-14-pro.device-gold .device-btns::before{background: #e7d19e;}
.device-iphone-14-pro.device-gold .device-power{background: #e7d19e;}

/* рамка Devices.css вместо рукописной: экран 390×830 в натуральную величину, вся рамка масштабируется */
.telegram-phone{--phone-scale:.8;width:calc(428px * var(--phone-scale));height:calc(868px * var(--phone-scale));padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;margin:auto}
.telegram-phone .device{transform:scale(var(--phone-scale));transform-origin:top left}
.device-screen.iphone-screen{width:390px;height:830px;border-radius:49px;overflow:hidden;background:#18181a;display:flex;flex-direction:column;isolation:isolate}
.iphone-screen .tg-status{height:58px;padding:16px 34px 0;font-size:16px}
.iphone-screen .tg-status>i{display:none}
.iphone-screen .tg-status>span{font-size:16px;font-weight:600}
.iphone-screen .tg-status>svg{width:44px;height:16px}
.iphone-screen .tg-header{min-height:66px;padding:6px 16px 10px}
.iphone-screen .tg-header>.preview-avatar{width:40px;height:40px;font-size:26px}
.iphone-screen .tg-person b{font-size:17px;line-height:22px}
.iphone-screen .tg-person>span{font-size:13px}
.iphone-screen .tg-body{padding:14px 14px 74px}
.iphone-screen .tg-outgoing{font-size:15px;padding:8px 10px 7px 12px}
.iphone-screen .tg-outgoing small{font-size:11px}
.iphone-screen .tg-message{margin-right:22px;padding:7px 8px 6px}
.iphone-screen .tg-cover{padding:14px 14px;gap:12px}
.iphone-screen .tg-cover>span{font-size:40px}
.iphone-screen .tg-cover strong{font-size:20px}
.iphone-screen .tg-cover small{font-size:12px}
.iphone-screen .tg-message p.tg-text{font-size:15px;line-height:1.4;margin-top:9px}
.iphone-screen .tg-quote{font-size:14px;line-height:1.45;padding:6px 10px 6px 12px;margin-top:9px}
.iphone-screen .tg-message-time{font-size:11px}
.iphone-screen .tg-kb{margin-right:22px;gap:5px;margin-top:5px}
.iphone-screen .tg-kb-row{gap:5px}
.iphone-screen .tg-btn{font-size:15px;min-height:42px;border-radius:9px}
.iphone-screen .tg-compose{min-height:64px;padding:11px 14px;gap:10px}
.iphone-screen .tg-compose>button{font-size:14px;min-height:36px;padding:7px 13px}
.iphone-screen .tg-compose>span{font-size:15px;padding:8px 12px}
.iphone-screen .tg-compose svg{width:24px;height:24px}
.iphone-screen .tg-home{height:34px}
.iphone-screen .tg-home:after{width:134px;height:5px}
.miniapp-body.app-light{padding:12px 16px 0}
.app-light .tg-webapp-toolbar{padding-bottom:12px;margin-bottom:14px}
.app-light .tg-webapp-toolbar b{font-size:17px}.app-light .tg-webapp-toolbar small{font-size:13px}
.app-nav{padding:14px 0 10px}
@media(max-width:700px){.telegram-phone{--phone-scale:.76;width:calc(428px * var(--phone-scale));max-width:none;padding:0;border-radius:0}}

/* корпус: титановые цвета iPhone 16/17 Pro (сменить — классом на .device) */
.telegram-phone .device-frame{padding:17px}
.telegram-phone .device-screen.iphone-screen{width:394px;height:834px;border-radius:52px}
.telegram-phone .device-power::after{content:'';position:absolute;right:0;top:150px;width:3px;height:34px;border-radius:2px;background:inherit;opacity:.9}
.device-titanium-natural .device-frame{border-color:#8d877c;box-shadow:inset 0 0 4px 2px #ece7dd,inset 0 0 0 6px #b9b2a5}
.device-titanium-natural .device-btns,.device-titanium-natural .device-btns::after,.device-titanium-natural .device-btns::before,.device-titanium-natural .device-power{background:#a49d90}
.device-titanium-black .device-frame{border-color:#3a3a3c;box-shadow:inset 0 0 4px 2px #8d8d92,inset 0 0 0 6px #4a4a4e}
.device-titanium-black .device-btns,.device-titanium-black .device-btns::after,.device-titanium-black .device-btns::before,.device-titanium-black .device-power{background:#3f3f42}
.device-titanium-white .device-frame{border-color:#c9cacb;box-shadow:inset 0 0 4px 2px #ffffff,inset 0 0 0 6px #e4e5e6}
.device-titanium-white .device-btns,.device-titanium-white .device-btns::after,.device-titanium-white .device-btns::before,.device-titanium-white .device-power{background:#d3d4d5}
.device-deep-blue .device-frame{border-color:#26364f;box-shadow:inset 0 0 4px 2px #7f93b3,inset 0 0 0 6px #33486a}
.device-deep-blue .device-btns,.device-deep-blue .device-btns::after,.device-deep-blue .device-btns::before,.device-deep-blue .device-power{background:#2d4160}
.device-cosmic-orange .device-frame{border-color:#b85a1e;box-shadow:inset 0 0 4px 2px #ffb987,inset 0 0 0 6px #e0762c}
.device-cosmic-orange .device-btns,.device-cosmic-orange .device-btns::after,.device-cosmic-orange .device-btns::before,.device-cosmic-orange .device-power{background:#cf6a25}

/* мини-апп: один фон на весь экран, включая статус-бар и зону индикатора */
.miniapp-body.app-light,.telegram-phone:has(#preview-app:not([hidden])) .tg-status,.telegram-phone:has(#preview-app:not([hidden])) .tg-home{background:#f5f6f8}
.telegram-phone:has(#preview-app:not([hidden])) .tg-home{border:0}
.app-nav{padding-bottom:0}

/* без швов между зонами экрана: фон у самого экрана, зоны прозрачные */
.app-nav{padding:14px 0 16px}
.iphone-screen .miniapp-body{overflow:visible}
.device-screen.iphone-screen{background:#18181a}
.telegram-phone:has(#preview-app:not([hidden])) .device-screen.iphone-screen{background:#f5f6f8}
.iphone-screen .tg-home,.iphone-screen .tg-status,.miniapp-body.app-light,.telegram-phone:has(#preview-app:not([hidden])) .tg-status,.telegram-phone:has(#preview-app:not([hidden])) .tg-home{background:transparent}
.iphone-screen .tg-body{background:#0b0b0d}

/* переключатель превью: иконки */
.preview-switch button{display:inline-flex;align-items:center;gap:7px}
.preview-switch button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.75}
.preview-switch button.selected svg{opacity:1;stroke:var(--green)}

/* калькулятор: наценка и тариф как в кабинете, прайс целиком */
.calc-presets,.calc-plans{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.calc-presets button,.calc-plans button{font-size:12px;padding:8px 12px;border:1px solid #ffffff1f;border-radius:999px;background:#0f130e;color:#c9d1c2;cursor:pointer;transition:border-color .15s,background .15s}
.calc-plans button{border-radius:8px}
.calc-presets button:hover,.calc-plans button:hover{border-color:#ffffff40}
.calc-presets button.selected,.calc-plans button.selected{border-color:#6dba43;background:#1b2a15;color:#f1f4ee}
.economy .calc-inputs .calc-control>label:not([for]){cursor:default}
.price-list{width:100%;border-collapse:collapse;margin-top:28px;font-size:12px;color:#c6cebf}
.price-list caption{text-align:left;font-size:13px;color:#c6cebf;margin-bottom:10px}
.price-list caption b{color:#ecf0e6;font-weight:500}
.price-list th{font-weight:500;color:#89917f;text-align:right;padding:6px 0;border-bottom:1px solid #ffffff12;font-size:11px}
.price-list th:first-child,.price-list td:first-child{text-align:left}
.price-list td{text-align:right;padding:8px 0;border-bottom:1px solid #ffffff0a;font-variant-numeric:tabular-nums}
.price-list td:last-child{color:#b7d29f}
.price-list tr.current td{color:#f1f4ee}
.price-list tr.current td:last-child{color:#cfe6b8}
@media(max-width:700px){.calc-presets button,.calc-plans button{font-size:11px;padding:7px 10px}.price-list{font-size:11px}}

/* калькулятор: два действия и одна цифра */
.economy-settings{display:flex;flex-direction:column;justify-content:center}
.economy-settings .calc-control+.calc-control{margin-top:34px}
.calc-presets{margin-top:16px;gap:10px}
.calc-presets button{font-size:14px;padding:11px 20px;border-radius:10px;flex:1;text-align:center}
.calc-hint{margin:16px 0 0;font-size:14px;line-height:1.6;color:#aeb5a8}
.calc-hint b{color:#ecf0e6;font-weight:500}
.price-details{margin-top:32px;border-top:1px solid #ffffff12;padding-top:18px}
.price-details summary{cursor:pointer;font-size:13px;color:#a9be95;list-style:none;display:inline-flex;align-items:center;gap:8px}
.price-details summary::-webkit-details-marker{display:none}
.price-details summary::after{content:'';width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.price-details[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.price-details .price-list{margin-top:16px}
.calc-note{font-size:11px;color:#89917f;margin:12px 0 0;line-height:1.6}
.economy .income .income-more{margin:0 0 28px;font-size:14px;color:#aeb5a8;line-height:1.6}
.income-more b{color:#dce6d2;font-weight:500}
.economy #yearly{margin-bottom:18px}
.economy .disclaimer{margin-top:14px}
@media(max-width:700px){.calc-presets button{font-size:13px;padding:10px 12px}}

/* карточка «Управление бизнесом»: панель в стиле настоящей админки */
.product-admin-preview.pa{padding:0;display:grid;grid-template-columns:108px 1fr;height:218px;overflow:hidden;background:#0a0a0b;border-color:#2b2b30;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#e4e4e7;font-size:8px;line-height:1.3}
.pa-side{background:#0f0f11;border-right:1px solid #232327;padding:10px 8px}
.pa-brand{display:flex;align-items:center;gap:6px;padding:2px 4px 10px}
.pa-brand img{width:15px;height:auto}
.pa-brand b{display:block;font-size:9px;font-weight:700;letter-spacing:.02em;color:#fafafa}
.pa-brand small{display:block;font-size:6.5px;color:#8b8b93}
.pa-group{font-size:6.5px;color:#7c7c85;margin:8px 4px 4px}
.pa-item{display:flex;align-items:center;gap:6px;padding:5px 6px;border-radius:5px;color:#c9c9d0;white-space:nowrap}
.pa-item svg,.pa-search svg{width:9px;height:9px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.pa-item.on{background:#27272b;color:#fafafa}
.pa-main{padding:8px 10px 0;min-width:0}
.pa-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:7px;border-bottom:1px solid #232327}
.pa-search{display:inline-flex;align-items:center;gap:5px;width:56%;padding:4px 7px;border:1px solid #2b2b30;border-radius:5px;background:#141416;color:#8b8b93;font-size:7px}
.pa-ava{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#6dba43,#2f6d2a)}
.pa-title{font-size:11px;font-weight:600;color:#fafafa;margin:8px 0 6px}
.pa-title small{display:block;font-size:6.5px;font-weight:400;color:#8b8b93;margin-top:2px}
.pa-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}
.pa-stats>div{background:#141416;border:1px solid #262629;border-radius:6px;padding:6px 7px}
.pa-stats span{display:block;font-size:6.5px;color:#8b8b93}
.pa-stats b{display:block;margin-top:3px;font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-size:9.5px;font-weight:600;color:#fafafa;white-space:nowrap}
.pa-table{margin-top:6px;border:1px solid #262629;border-radius:6px;overflow:hidden;background:#111113}
.pa-row{display:grid;grid-template-columns:1.1fr 1fr 1.3fr;gap:6px;padding:5px 7px;border-top:1px solid #1f1f22;font-size:7px;color:#d4d4d8;align-items:center}
.pa-row.pa-head{border-top:0;background:#141416;color:#8b8b93}
.pa-row span:nth-child(2){font-family:"JetBrains Mono",ui-monospace,Menlo,monospace}
.pa-row em{font-style:normal;justify-self:start;padding:2px 5px;border-radius:999px;font-size:6.5px;background:#173a1d;color:#8fe38a;border:1px solid #235c2a}
.pa-row em.wait{background:#2a2a14;color:#e7d47a;border-color:#4d4720}
@media(max-width:1050px) and (min-width:701px){.product-admin-preview.pa{grid-template-columns:92px 1fr;height:200px}.pa-stats{grid-template-columns:1fr 1fr}.pa-stats>div:last-child{display:none}}
@media(max-width:700px){.product-admin-preview.pa{grid-template-columns:96px 1fr;height:200px;width:250px;max-width:90%}.pa-stats{grid-template-columns:1fr 1fr}.pa-stats>div:last-child{display:none}}

/* карточки «Что ваше»: телефон картинкой, фон панели свой */
.visual-telegram .product-card-phone{object-position:center 8%}
.visual-admin .product-card-bg{object-position:center 45%}
@media(max-width:700px){.visual-telegram .product-card-phone{object-position:center 10%}}

/* карточка бота: два телефона слоем над исходным фоном */
.product-card-phones{position:absolute;left:50%;top:7%;height:98%;width:auto;transform:translateX(-50%);z-index:-1;pointer-events:none;transition:transform .65s cubic-bezier(.2,.65,.3,1)}
.visual-telegram:hover .product-card-phones{transform:translateX(-50%) translateY(-6px)}
@media(max-width:700px){.product-card-phones{top:6%;height:98%}}

/* карточка панели: ноутбук слоем над абстрактным фоном */
.product-card-laptop{position:absolute;left:50%;top:10%;width:100%;max-width:none;height:auto;transform:translateX(-50%);z-index:-1;pointer-events:none;transition:transform .65s cubic-bezier(.2,.65,.3,1)}
.visual-admin:hover .product-card-laptop{transform:translateX(-50%) translateY(-6px)}
.visual-admin .product-card-bg{object-position:center 35%}
@media(max-width:700px){.product-card-laptop{top:9%;width:100%}}

/* карточка панели: слой к правому краю, фон зеркальный */
.product-card-laptop{left:auto;right:-3%;top:12%;width:108%;transform:none}
.visual-admin:hover .product-card-laptop{transform:translateY(-6px)}
.visual-admin .product-card-bg{transform:scaleX(-1);object-position:center 62%}
.visual-admin:hover .product-card-bg{transform:scaleX(-1.035) scaleY(1.035)}
@media(max-width:700px){.product-card-laptop{right:-2%;top:10%;width:104%}}

/* карточка панели: ноутбук справа, выплаты слева */
.product-card-laptop{left:auto;right:-4%;top:7%;width:80%;transform:none}
.visual-admin:hover .product-card-laptop{transform:translateY(-6px)}
.pa-float{position:absolute;left:24px;top:22%;z-index:-1;display:grid;gap:12px;pointer-events:none;transform:perspective(700px) rotateY(10deg);transform-origin:left center}
.pa-chip{width:150px;padding:11px 13px 10px;border-radius:12px;background:#141517ee;border:1px solid #2f3033;box-shadow:0 14px 30px #000a,inset 0 1px 0 #ffffff12;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.pa-chip span{display:block;font-size:10px;color:#9a9ea6;margin-bottom:5px}
.pa-chip em{display:inline-block;font-style:normal;font-size:9px;padding:2px 7px;border-radius:999px;background:#173a1d;color:#8fe38a;border:1px solid #235c2a;margin-bottom:6px}
.pa-chip b{display:block;font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-size:19px;font-weight:600;letter-spacing:-.02em;color:#8fe38a;white-space:nowrap}
.pa-chip:last-child b{color:#f4f4f5}
.pa-chip:last-child{margin-left:14px}
.visual-admin .product-card-bg{transform:scaleX(-1);object-position:center 62%}
@media(max-width:700px){.product-card-laptop{right:-8%;top:8%;width:80%}.pa-float{left:18px;top:20%}.pa-chip{width:136px}}

/* карточка панели: свой фон, ноутбук левее */
.visual-admin .product-card-bg{transform:none;object-position:center top}
.visual-admin:hover .product-card-bg{transform:scale(1.035)}
.product-card-laptop{right:1%;top:8%;width:78%}
.pa-float{left:22px;top:24%;z-index:0}
@media(max-width:700px){.product-card-laptop{right:0;top:9%;width:76%}}

/* карточка панели: ноутбук крупнее в кадре, экран целиком */
.product-card-laptop{right:2%;top:8%;width:76%}
@media(max-width:700px){.product-card-laptop{right:1%;top:9%;width:74%}}

/* карточка панели: ноутбук 1536 px с прозрачным фоном */
.product-card-laptop{right:2%;top:9%;width:80%}
@media(max-width:700px){.product-card-laptop{right:1%;top:10%;width:78%}}

.visual-admin .product-card-bg{object-position:center 40%}

.visual-admin .product-card-bg{object-position:left top}

/* One icon owns both strokes; native open-state glyphs must not overlap it. */
.faq .faq-list details{padding:0}.faq .faq-list summary::before,.faq .faq-list summary::after,.faq .faq-list details[open] summary::after{content:none;display:none}.faq-toggle-icon{position:absolute;right:10px;top:50%;width:20px;height:20px;transform:translateY(-50%);pointer-events:none}.faq-toggle-icon::before,.faq-toggle-icon::after{content:'';position:absolute;left:3px;top:9px;width:14px;height:2px;border-radius:2px;background:#bfceb3;transform-origin:center}.faq-toggle-icon::after{transform:rotate(90deg);transition:transform .24s ease,opacity .24s ease}.faq-expanded .faq-toggle-icon::after{transform:rotate(0deg);opacity:0}@media(prefers-reduced-motion:reduce){.faq-toggle-icon::after{transition:none}}

/* Collapse only the vertical stroke, leaving the minus fixed. */
.faq-toggle-icon::before,.faq-toggle-icon::after{display:none;content:none}.faq-toggle-icon svg{display:block;width:20px;height:20px;fill:none;stroke:#bfceb3;stroke-width:1.8;stroke-linecap:round}.faq-icon-vertical{transform-box:view-box;transform-origin:10px 10px;transform:scaleY(1);transition:transform 280ms cubic-bezier(.22,1,.36,1)}.faq-expanded .faq-icon-vertical{transform:scaleY(0)}@media(prefers-reduced-motion:reduce){.faq-icon-vertical{transition:none}}
/* A single continuous clock drives each connector; no restarting CSS trails. */
.steps .chain-connector::after{display:none!important;animation:none!important}.steps .chain-connector::before{transition:transform .55s ease,opacity .55s ease;opacity:.45}.steps .chain-connector{overflow:hidden}.flow-pulse{position:absolute;left:0;top:-2px;width:24px;height:6px;border-radius:4px;background:linear-gradient(90deg,transparent,#dbe5d0);opacity:var(--flow-opacity,0);transform:translateX(calc(var(--flow-progress,0) * var(--flow-distance,0px)));pointer-events:none}.steps .step-chain>li:nth-child(n) .chain-node.chain-icon,.steps .step-chain>li:nth-child(n).flow-active .chain-node.chain-icon{background:linear-gradient(140deg,#ffffff1f,#ffffff06 55%,#ffffff0a);transition:border-color .55s ease,box-shadow .55s ease,color .55s ease}.steps .chain-node::before{background:linear-gradient(145deg,#ffffff20,#ffffff03);opacity:0;transition:opacity .55s ease}.steps .flow-active .chain-node::before{opacity:1}.steps .chain-index{transition:background-color .5s ease,border-color .5s ease,color .5s ease}.steps .chain-role,.steps .step-chain h3{transition:color .5s ease}@media(max-width:700px){.flow-pulse{left:-2px;top:0;width:6px;height:24px;background:linear-gradient(transparent,#dbe5d0);transform:translateY(calc(var(--flow-progress,0) * var(--flow-distance,0px)))}}@media(prefers-reduced-motion:reduce){.flow-pulse{display:none}.steps .chain-node::before,.steps .chain-index,.steps .chain-connector::before,.steps .chain-role,.steps .step-chain h3,.steps .step-chain>li:nth-child(n) .chain-node.chain-icon{transition:none}}

/* One travelling highlight, without a second fill or card flash. */
.steps .chain-connector::before,.steps .chain-node::before{display:none!important}.steps .step-chain>li:nth-child(n) .chain-node.chain-icon,.steps .step-chain>li:nth-child(n).flow-active .chain-node.chain-icon{box-shadow:inset 0 1px 0 #ffffff25,0 6px 16px #0003;transition:border-color .24s ease,color .24s ease}.steps .step-chain>li:nth-child(n).flow-active .chain-node.chain-icon{border-color:#c7d0be80}.steps .chain-index{transition:background-color .24s ease,border-color .24s ease,color .24s ease}.steps li.flow-active .chain-index{background:#626c59;border-color:#93a283;color:#f3f6ef}.steps .chain-role,.steps .step-chain h3{transition:color .24s ease}@media(prefers-reduced-motion:reduce){.steps .step-chain>li:nth-child(n) .chain-node.chain-icon,.steps .chain-index,.steps .chain-role,.steps .step-chain h3{transition:none}}

/* конструктор: подводка под заголовком, свечение бренда за телефоном */
.builder-heading{display:block;margin-bottom:34px}
.builder-heading h2{margin:0 0 18px}
.builder-heading p{max-width:560px;margin:0}
.builder-preview{position:sticky;isolation:isolate}
.builder-preview::before{content:'';position:absolute;left:50%;top:54%;width:720px;height:720px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--preview-brand) 62%,transparent),color-mix(in srgb,var(--preview-brand) 22%,transparent) 50%,transparent 72%);filter:blur(40px);opacity:.9;z-index:-1;pointer-events:none;transition:background .5s ease}
.builder-preview .telegram-phone{filter:drop-shadow(0 34px 46px rgba(0,0,0,.6)) drop-shadow(0 0 1px rgba(255,255,255,.06))}
@media(max-width:1050px) and (min-width:701px){.builder-heading{display:block}}
@media(max-width:700px){.builder-heading{display:block}.builder-preview::before{width:420px;height:420px}}

/* палитра А: один зелёный — одна работа */
:root{--green:#91f65b;--brand:#91f65b;--muted:#9aa196;--line:#ffffff14}
.product-benefit>svg{color:#a0a79c}
nav a:hover,.text-link:hover{color:#f4f6f1}
.preview-switch button.selected svg{stroke:#f4f6f1}
.admin-tab.active svg{color:#f4f6f1}.admin-tab.active::after{background:#f4f6f1}
.step-num{color:#9aa196}
h2 span{color:inherit}
/* заголовок hero: обещание белым, лайм только на «за минуту» */
.hero h1 span{color:#f4f6f1}
.hero h1 .hero-minute{font-style:normal;color:#91f65b}
.hero h1 .hero-telegram-word::before{display:none}
/* главная кнопка: светлая, без блика и тени */
.button{border-radius:8px}
.primary,.hero .primary,.chain-launch .primary{background:#f4f6f1;color:#060806;border:1px solid transparent;box-shadow:none;font-size:15px;font-weight:600;letter-spacing:-.01em;justify-content:center;gap:12px}
.primary:hover,.hero .primary:hover,.chain-launch .primary:hover{background:#ffffff;transform:none}
.primary svg{color:#060806}
.economy .income .button{justify-content:center}
/* второстепенная в hero: текстовая ссылка */
.hero .actions .outline{background:transparent;border:0;min-width:0;padding:14px 6px;color:#d6dbd0;font-weight:500;text-decoration:underline;text-decoration-color:#ffffff40;text-underline-offset:7px;text-decoration-thickness:1px}
.hero .actions .outline:hover{color:#f4f6f1;text-decoration-color:#ffffff90;background:transparent;transform:none}
/* деньги — свой цвет, не зелёный */
.economy #monthly{color:#e7d19e}.economy #monthly small{color:#bfae7d}
.price-list td:last-child,.price-list tr.current td:last-child{color:#e7d19e}
.pa-chip b{color:#e7d19e}.pa-chip:last-child b{color:#f4f6f1}
@media(max-width:700px){.primary,.hero .primary{font-size:14px}.hero .actions .outline{border:0;background:transparent;width:auto;min-height:0;padding:12px 6px}}

/* hero: вторая кнопка контурная, в паре с главной */
.hero .actions .outline{background:transparent;border:1px solid #ffffff2e;color:#f4f6f1;font-size:15px;font-weight:600;letter-spacing:-.01em;min-height:52px;padding:13px 22px;border-radius:8px;text-decoration:none;justify-content:center}
.hero .actions .outline:hover{background:#ffffff0f;border-color:#ffffff55;color:#fff;transform:none}
@media(max-width:700px){.hero .actions .outline{border:1px solid #ffffff2e;width:100%;min-height:50px;padding:12px 16px;font-size:14px}}

@media(max-width:700px){.hero .actions .primary,.hero .actions .outline{width:100%;min-height:52px}}

/* деньги: доход — лайм, единственный акцент экрана; остальные суммы белые */
.economy #monthly{color:#91f65b}.economy #monthly small{color:#6fbf46}
.price-list td:last-child,.price-list tr.current td:last-child{color:#f4f6f1}
.pa-chip b{color:#8fe38a}.pa-chip:last-child b{color:#f4f6f1}
/* шапка: «Стать партнёром» заливная, как главная кнопка */
.site>header .button.small{background:#f4f6f1;color:#060806;border:1px solid transparent;font-weight:600;border-radius:8px}
.site>header .button.small:hover{background:#fff;transform:none}
.site>header .button.small span{color:#060806}

/* состояния выбора: лайм на рамке, без шалфея */
#builder-replay svg{stroke:#a0a79c}
.current .stage-number{background:#f4f6f1;border-color:#f4f6f1;color:#060806}
.builder-symbols button.selected{background:#171c14;border-color:#91f65b99}
.builder-presets button.selected{background:#151a12;border-color:#91f65b99}
.calc-presets button.selected,.calc-plans button.selected{border-color:#91f65b99;background:#151a12;color:#f4f6f1}
.price-details summary{color:#9aa196}.price-details summary:hover{color:#f4f6f1}
.economy input[type=range]::-webkit-slider-thumb{background:#f4f6f1}
.economy input[type=range]::-moz-range-thumb{background:#f4f6f1}
.faq-list summary:focus-visible{outline-color:#91f65b}
.faq-list details.faq-expanded>summary{color:#f4f6f1}

/* футер: VARGO — ссылка наверх, загорается целиком */
a.giant-logo{color:#273021;text-decoration:none;cursor:pointer}
.giant-logo,.giant-logo span{transition:color .45s ease,transform .45s cubic-bezier(.2,.65,.3,1)}
.giant-logo span{color:#45652f;display:inline-block}
.giant-logo:hover,.giant-logo:focus-visible{color:#91f65b}
.giant-logo:hover span,.giant-logo:focus-visible span{color:#91f65b;transform:translate(.06em,-.06em)}
.giant-logo:focus-visible{outline:none}
@media(hover:none){.giant-logo{color:#33422a}.giant-logo span{color:#4f7a35}}

/* преимущества: строка без коробок */
.product-benefit{background:transparent;border:0;border-radius:0;padding:6px 24px 20px 0;gap:0;align-items:flex-start;align-self:stretch}
.product-benefit>svg{display:none}
.product-benefit h3{font-size:22px;letter-spacing:-.025em;margin:0 0 8px}
.product-benefit p{font-size:14px;line-height:1.55;color:#9aa196;max-width:none}
.product-column+.product-column .product-benefit{padding-left:24px;border-left:1px solid #ffffff14}
.product-column{gap:10px}
@media(max-width:1050px) and (min-width:701px){.product-benefit h3{font-size:18px}.product-benefit p{font-size:13px}.product-column+.product-column .product-benefit{padding-left:16px}}
@media(max-width:700px){.product-column,.product-column+.product-column,.product-benefit,.product-column+.product-column .product-benefit{border-top:0;border-bottom:0}.product-benefit{padding:0 0 10px;border:0}.product-column+.product-column .product-benefit{padding-left:0;border-left:0;padding-top:6px}.product-benefit h3{font-size:19px}.product-benefit p{font-size:13px}}

/* футер: колонки, документы, контакты, соцсети */
.footer-bottom{display:block;padding-top:34px}
.footer-bottom>.footer-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding-bottom:30px;border-bottom:1px solid #ffffff12}
.footer-col{display:flex;flex-direction:column;gap:9px;font-size:13px}
.footer-col b{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#f4f6f1;margin-bottom:4px}
.footer-col a{color:#9aa196;text-decoration:none}.footer-col a:hover{color:#f4f6f1}
.social-row{display:flex;gap:10px;margin-top:2px}
.social-row a{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff1a;border-radius:10px;color:#c9d1c2;transition:border-color .2s,color .2s,background .2s}
.social-row a:hover{border-color:#ffffff45;color:#f4f6f1;background:#ffffff0a}
.social-row svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.social-row a[aria-label="Telegram-канал"] svg,.social-row a[aria-label="ВКонтакте"] svg,.social-row a[aria-label="YouTube"] svg{fill:currentColor;stroke:none}
.footer-bottom>.footer-legal{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:18px;font-size:12px;color:#7d857a}
.footer-req{color:#6f776c}
@media(max-width:1050px) and (min-width:701px){.footer-bottom>.footer-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.footer-bottom>.footer-cols{grid-template-columns:1fr 1fr;gap:22px 16px}.footer-bottom>.footer-legal{flex-direction:column;gap:6px}.footer-bottom>span:nth-child(2){display:block}}

.social-row{flex-wrap:wrap}
@media(max-width:700px){.social-row a{width:34px;height:34px}.social-row svg{width:16px;height:16px}}

/* соцсети: только Telegram-канал, иконка с подписью */
.social-row a{width:auto;height:38px;padding:0 14px 0 12px;display:inline-flex;align-items:center;gap:9px;font-size:13px;color:#c9d1c2;border-radius:10px}
.social-row a span{white-space:nowrap}
@media(max-width:700px){.social-row a{height:36px;padding:0 12px 0 10px}}