/* ============================================================================
   coffee-to-go.css — лендинг «Программа лояльности для кофе с собой»
   Дизайн перенесён из донора (swip-coffee-to-go), все правила заскоупены под
   .ctg-page, чтобы ничего не утекало на глобальные header/footer и на другие
   страницы. Этот файл подключается ТОЛЬКО на странице coffee-to-go.
   Шапка и подвал — наши (sections/new-header.php, sections/new-footer.php):
   шапка над hero перекрашивается под донор (класс .ctg-header-dark, только
   цвета), на светлых секциях возвращается к родным стилям; подвал — наш, но с
   фоном и цветами текста из донора.
   ============================================================================ */

/* ---- изоляция: гасим глобальные ресеты темы (style.min.css) внутри обёртки ---- */
.ctg-page, .ctg-page *{ font-family: var(--font); }
.ctg-page *{ color: inherit; }
.ctg-page h1,.ctg-page h2,.ctg-page h3,.ctg-page h4,.ctg-page h5,.ctg-page h6{ text-align: inherit; }

/* ---- [ниже — авто-заскоупленный донорский page.css] ---- */

.ctg-page{--bg1:#1E120B; --bg2:#160C07; --bg3:#241510;
  --gold:#E7B675; --gold-soft:#F0CB97;
  --accent:#E2702E; --accent-hover:#F0813C;
  --tg:#27A7E7; --tg-hover:#1f93cd;
  --ok:#5FD08A;
  --text:#F3EADF; --head:#FCF6EE; --muted:#AD9B8B;
  --cream:#FBF5EC; --cream-2:#F4E7D6;
  --line:rgba(255,255,255,.10);
  --glass:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  --glass-brd:rgba(255,255,255,.11);
  --shadow:0 26px 64px -28px rgba(0,0,0,.8);
  --shadow-sm:0 14px 36px -18px rgba(0,0,0,.7);
  --r:24px; --r-sm:16px;
  --maxw:1180px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;}
.ctg-page *{box-sizing:border-box;margin:0;padding:0}
.ctg-page{scroll-behavior:smooth}
.ctg-page{font-family:var(--font); color:var(--text); background:#FFFDF9;
  line-height:1.55; -webkit-font-smoothing:antialiased; overflow-x:hidden;
  background-image:
    radial-gradient(900px 520px at 80% -10%,rgba(226,112,46,.10),transparent 62%),
    radial-gradient(800px 460px at 0% 18%,rgba(231,182,117,.10),transparent 58%),
    linear-gradient(180deg,#FFFDF9 0%,#FBF5EC 48%,#FFFDF9 100%);
  background-attachment:fixed;}
.ctg-page a{color:inherit;text-decoration:none}
.ctg-page img,.ctg-page svg{max-width:100%;display:block}
.ctg-page .wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
.ctg-page h1,.ctg-page h2,.ctg-page h3{color:var(--head);line-height:1.12;font-weight:800;letter-spacing:-.01em}
.ctg-page h2{font-size:clamp(38px,3.2vw,48px);line-height:1.08;letter-spacing:-0.02em}
.ctg-page h3{font-size:20px;font-weight:700}
.ctg-page p{color:var(--text)}
.ctg-page .muted{color:var(--muted)}
.ctg-page .gold{color:var(--gold)}
.ctg-page .eyebrow{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.ctg-page section{padding:100px 0;position:relative}
.ctg-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:none;cursor:pointer;
  font-family:var(--font);font-weight:700;font-size:16px;line-height:1;padding:16px 24px;border-radius:10px;transition:.18s;white-space:nowrap}
.ctg-page .btn-primary{background:linear-gradient(135deg,#F4B36A,#E2702E);color:#2C1206;box-shadow:0 16px 34px -18px rgba(226,112,46,.7)}
.ctg-page .btn-primary:hover{filter:brightness(1.06);transform:translateY(-2px)}
.ctg-page .btn-ghost{background:rgba(255,255,255,.06);color:var(--text);border:1px solid rgba(255,255,255,.2)}
.ctg-page .btn-ghost:hover{border-color:var(--gold);background:rgba(255,255,255,.1);transform:translateY(-2px)}
.ctg-page .btn-lg{padding:18px 30px;font-size:16px;border-radius:10px}
.ctg-page .btn-block{width:100%}
.ctg-page .card{background:var(--glass);border:1px solid var(--glass-brd);border-radius:var(--r);padding:26px;
  backdrop-filter:blur(6px);box-shadow:var(--shadow-sm)}
.ctg-page .hero{position:relative;min-height:700px;padding:112px 0 56px;overflow:hidden;background:#2A170E;margin-bottom:0}
.ctg-page .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.ctg-page .hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(20,10,5,.86) 0%,rgba(20,10,5,.72) 26%,rgba(20,10,5,.42) 46%,rgba(20,10,5,.16) 66%,rgba(20,10,5,.00) 100%),linear-gradient(180deg,rgba(0,0,0,.12),transparent 40%)}
.ctg-page .hero .wrap{position:relative;z-index:2;max-width:1280px;padding:0 40px}
.ctg-page .hero-content{max-width:820px;position:relative}
.ctg-page .hero-content::before{content:"";position:absolute;inset:-150px -130px -280px -190px;z-index:-1;border-radius:0;background:radial-gradient(135% 120% at 26% 40%,rgba(30,17,9,.56),rgba(30,17,9,.26) 44%,transparent 80%);pointer-events:none;filter:blur(10px)}
.ctg-page .badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#FFE1B8;background:rgba(42,23,14,.36);border:1px solid rgba(255,255,255,.24);padding:8px 15px;border-radius:999px;backdrop-filter:blur(10px)}
.ctg-page .hero h1{font-size:clamp(42px,4vw,58px);line-height:1.04;letter-spacing:-0.02em;max-width:780px;margin:22px 0 22px;color:#FFFFFF}
.ctg-page .hero h1 .hl{background:linear-gradient(90deg,#F4B36A,#E2702E);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ctg-page .hero .sub{max-width:540px;font-size:17.5px;line-height:1.52;color:rgba(255,255,255,.94);text-shadow:0 2px 16px rgba(0,0,0,.34)}
.ctg-page .hero-actions-glass{display:inline-flex;gap:12px;padding:10px;margin-top:30px;border-radius:20px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(16px);box-shadow:0 20px 60px -30px rgba(0,0,0,.85)}
.ctg-page .hero-proof-line{margin-top:12px;font-size:13.5px;font-weight:600;letter-spacing:.01em;color:rgba(255,255,255,.84);text-shadow:0 2px 12px rgba(0,0,0,.28)}
.ctg-page .lead-offer-strip .btn{flex:none;padding:13px 18px;font-size:14px}
@media(max-width:720px){
.ctg-page .lead-offer-strip .btn{width:100%}
}
.ctg-page .mini-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.ctg-page .mini{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--cream-2);background:rgba(255,255,255,.05);border:1px solid var(--line);padding:9px 14px;border-radius:12px}
.ctg-page .mini svg{width:17px;height:17px;flex:none}
.ctg-page .grid{display:grid;gap:18px}
.ctg-page .g3{grid-template-columns:repeat(3,1fr)}
.ctg-page .center{text-align:center}
.ctg-page .head-wrap{max-width:760px}
.ctg-page .head-wrap.center{margin:0 auto}
.ctg-page .pain h3{color:var(--gold-soft)}
.ctg-page .pain p{margin-top:9px;font-size:14.5px;color:var(--text);opacity:.85}
.ctg-page .pain .card{position:relative;overflow:hidden;padding-left:34px}
.ctg-page .pain .card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:linear-gradient(180deg,#C84A32,#9F3323);border-radius:22px 0 0 22px}
.ctg-page .pain .ic{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(200,74,50,.18);border:1px solid rgba(200,74,50,.42);color:#E8856B;font-weight:800;font-size:22px;line-height:1;margin-bottom:14px}
.ctg-page .chain{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;margin-top:8px}
.ctg-page .chain .step{flex:1 1 120px;min-width:120px;background:var(--glass);border:1px solid var(--glass-brd);border-radius:14px;
  padding:16px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.ctg-page .chain .step .si{width:38px;height:38px;border-radius:10px;background:rgba(231,182,117,.14);display:flex;align-items:center;justify-content:center;font-size:19px}
.ctg-page .chain .step b{font-size:14px;color:var(--head)}
.ctg-page .chain .arrow{align-self:center;color:var(--accent);font-size:20px;font-weight:800}
.ctg-page .chain .step.final{background:linear-gradient(135deg,rgba(95,208,138,.20),rgba(95,208,138,.06));border:1px solid rgba(95,208,138,.45);box-shadow:0 18px 42px -26px rgba(95,208,138,.5)}
.ctg-page .chain .step.final .si{background:rgba(95,208,138,.16);border:1px solid rgba(95,208,138,.32)}
.ctg-page .chain .step.final b{color:#DFFFEA}
.ctg-page .chain .step.ai-step{background:linear-gradient(135deg,rgba(95,208,138,.20),rgba(95,208,138,.06));border:1px solid rgba(95,208,138,.45);box-shadow:0 18px 42px -26px rgba(95,208,138,.55)}
.ctg-page .chain .step.ai-step .si{background:rgba(95,208,138,.18);border:1px solid rgba(95,208,138,.35)}
.ctg-page .chain .step.ai-step b{color:#DFFFEA}
.ctg-page #solution .chain .step.problem-step{background:linear-gradient(135deg,rgba(200,74,50,.22),rgba(200,74,50,.06));border:1px solid rgba(200,74,50,.46);box-shadow:0 18px 42px -26px rgba(200,74,50,.5)}
.ctg-page .chain .step.problem-step .si{background:rgba(200,74,50,.18);border:1px solid rgba(200,74,50,.42);color:#E8856B}
.ctg-page .chain .step.problem-step b{color:#7A2A1D}
.ctg-page .scn .si{font-size:24px;margin-bottom:10px}
.ctg-page .segs{display:flex;flex-wrap:wrap;gap:11px;margin-top:8px}
.ctg-page .seg{display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:600;color:var(--cream-2);
  background:rgba(255,255,255,.05);border:1px solid var(--line);padding:12px 17px;border-radius:13px}
.ctg-page .seg .d{width:9px;height:9px;border-radius:50%;background:var(--accent);flex:none}
.ctg-page .offer .eyebrow{color:#FFE7CC}
.ctg-page .offer-cta .btn-primary{background:#fff;color:var(--accent)}
.ctg-page .tar{padding:30px 26px;display:flex;flex-direction:column;position:relative}
.ctg-page .tar.feat{border-color:rgba(231,182,117,.45);background:linear-gradient(180deg,rgba(231,182,117,.1),rgba(255,255,255,.02))}
.ctg-page .tar .tag{position:absolute;top:-12px;left:26px;background:linear-gradient(135deg,#F4B36A,#E2702E);color:#2C1206;
  font-size:12px;font-weight:800;padding:5px 12px;border-radius:999px}
.ctg-page .tar h3{font-size:22px}
.ctg-page .tar .for{margin-top:4px;font-size:13.5px;color:var(--muted)}
.ctg-page .tar ul{list-style:none;margin:18px 0 22px;display:flex;flex-direction:column;gap:11px}
.ctg-page .tar li{display:flex;gap:10px;font-size:14.5px;color:var(--text);opacity:.92}
.ctg-page .tar li svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--ok)}
.ctg-page .tar .btn{margin-top:auto}
.ctg-page .faq details{background:var(--glass);border:1px solid var(--glass-brd);border-radius:14px;margin-bottom:12px;overflow:hidden}
.ctg-page .faq summary{cursor:pointer;padding:18px 22px;font-weight:700;font-size:16px;color:var(--head);list-style:none;
  display:flex;justify-content:space-between;align-items:center;gap:14px}
.ctg-page .faq summary::-webkit-details-marker{display:none}
.ctg-page .faq summary:after{content:"+";font-size:24px;color:var(--accent);font-weight:400;transition:.2s}
.ctg-page .faq details[open] summary:after{transform:rotate(45deg)}
.ctg-page .faq details p{padding:0 22px 20px;color:var(--text);opacity:.85;font-size:15px}
.ctg-page .final{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid var(--glass-brd);
  border-radius:30px;padding:46px 40px}
.ctg-page .final-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.ctg-page form .row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.ctg-page form .f{margin-bottom:13px}
.ctg-page form label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px;font-weight:600}
.ctg-page form input,.ctg-page form select{width:100%;background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:12px;color:var(--head);
  font-family:var(--font);font-size:15px;padding:13px 14px}
.ctg-page form input:focus,.ctg-page form select:focus{outline:none;border-color:var(--accent)}
.ctg-page .ok-msg{display:none;background:rgba(95,208,138,.12);border:1px solid rgba(95,208,138,.4);color:var(--ok);
  padding:16px;border-radius:14px;font-weight:700;text-align:center;margin-top:14px}
@media (prefers-reduced-motion:reduce){
.ctg-page{scroll-behavior:auto}
.ctg-page .stamp.gift{animation:none}
.ctg-page .tar,.ctg-page .outcome-card,.ctg-page .pain .card{transition:none}
.ctg-page .tar:hover,.ctg-page .outcome-card:hover,.ctg-page .pain .card:hover{transform:none}
}
@media(max-width:920px){
.ctg-page .hero{min-height:auto;padding:72px 0 48px}
.ctg-page .hero::before{background:linear-gradient(180deg,rgba(28,14,8,.72) 0%,rgba(28,14,8,.54) 48%,rgba(28,14,8,.82) 100%)}
.ctg-page .hero .wrap{max-width:100%;padding:0 22px}
.ctg-page .hero-content{max-width:100%}
.ctg-page .hero h1{font-size:clamp(34px,8.2vw,44px);line-height:1.04;max-width:100%}
.ctg-page .hero h1 br{display:none}
.ctg-page .hero .sub{max-width:100%;font-size:16.5px;color:rgba(255,255,255,.92)}
.ctg-page .hero-actions-glass{display:flex;flex-direction:column;width:100%}
.ctg-page .hero-actions-glass .btn{width:100%}
.ctg-page .hero-proof-glass{position:relative;left:auto;bottom:auto;transform:none;width:100%;margin-top:36px}
.ctg-page .g4{grid-template-columns:repeat(2,1fr)}
.ctg-page .g3{grid-template-columns:1fr}
.ctg-page .offer-grid{grid-template-columns:1fr;gap:24px}
.ctg-page .final-grid{grid-template-columns:1fr;gap:26px}
}
@media(max-width:560px){
.ctg-page section{padding:64px 0}
.ctg-page form .row{grid-template-columns:1fr}
.ctg-page .final{padding:32px 22px}
.ctg-page .hero-cta .btn{flex:1 1 100%}
}
.ctg-page .proof-stat .sub{font-size:14px;color:var(--muted);margin-top:6px}
.ctg-page .proof-src .row{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding-bottom:13px}
.ctg-page .mech-card{display:flex;flex-direction:column;height:100%;justify-content:center}
.ctg-page .mech-mock{height:270px;display:flex;align-items:center;justify-content:center;border-radius:16px;padding:16px;background:rgba(0,0,0,.22);border:1px solid var(--line)}
.ctg-page .stamps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.ctg-page .stamp{position:relative;aspect-ratio:1;border-radius:50%;border:1.5px dashed rgba(231,182,117,.4);display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--muted)}
.ctg-page .stamp.on{background:linear-gradient(135deg,rgba(244,179,106,.5),rgba(226,112,46,.45));border:none}
.ctg-page .stamp.gift{background:linear-gradient(135deg,#FFD27A,#F08A2E);border:2px solid #E2702E;color:#2A1206;box-shadow:0 0 0 5px rgba(226,112,46,.16),0 12px 26px -14px rgba(226,112,46,.75);transform:scale(1.08);font-weight:900}
.ctg-page .mech-card h3{font-size:19px;margin-top:22px}
.ctg-page .mech-card .mt{font-size:14px;color:var(--text);opacity:.9;min-height:54px;margin-top:8px}
.ctg-page .mech-card .cap{font-size:13px;color:var(--gold-soft);font-weight:600;margin-top:auto;padding-top:18px}
.ctg-page .tar .price{margin:14px 0 2px}
.ctg-page .tar .price .pn{font-size:26px;font-weight:800;color:var(--gold)}
.ctg-page .tar .price .pp{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.ctg-page .tar .tnote{font-size:12.5px;color:var(--muted);margin:8px 0 16px}
.ctg-page .dark-flow{position:relative;overflow:hidden;margin-top:-1px;background:radial-gradient(1100px 520px at 72% 8%,rgba(226,112,46,.16),transparent 62%),radial-gradient(900px 460px at 12% 62%,rgba(231,182,117,.13),transparent 58%),radial-gradient(900px 420px at 78% 82%,rgba(95,208,138,.08),transparent 62%),linear-gradient(180deg,#4A2B1C 0%,#543322 36%,#462719 70%,#321A11 100%);box-shadow:none}
.ctg-page .dark-flow::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.055),transparent 28%),radial-gradient(800px 360px at 50% 0%,rgba(255,255,255,.06),transparent 65%)}
.ctg-page .dark-flow>section{position:relative;z-index:1;background:transparent!important}
.ctg-page #pain{margin:0;padding-top:38px;padding-bottom:72px}
.ctg-page #pain .wrap{position:relative;z-index:1}
.ctg-page #pain .card{background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 54px -42px rgba(0,0,0,.55)}
.ctg-page #pain .head-wrap .sub{color:rgba(255,255,255,.78)}
.ctg-page #pain p{color:#5C5046}
.ctg-page #pain h3{color:#6B4322}
.ctg-page #pain .eyebrow{color:#E8856B}
.ctg-page #pain h2,.ctg-page #solution h2{color:#2A1C12}
.ctg-page #pain h3{color:#F3C48B}
.ctg-page section.light{background:#FFFDF9;color:#2A1C12}
.ctg-page section.light h2,.ctg-page section.light h3{color:#2A1C12}
.ctg-page section.light .head-wrap .sub,.ctg-page section.light p.sub{color:#5C5046}
.ctg-page section.light .muted{color:#8A7E70}
.ctg-page section.light .eyebrow{color:#C2611F}
.ctg-page section.light .section-note{color:#8A7E70}
.ctg-page section.light .section-note b{color:#C2611F}
.ctg-page section.light .card{background:#FFFFFF;border:1px solid #F0E8DD;border-radius:24px;box-shadow:0 18px 44px -30px rgba(74,46,30,.14);backdrop-filter:none}
.ctg-page section.light .card h3{color:#2A1C12}
.ctg-page section.light .card p,.ctg-page section.light .card .mt{color:#5C5046}
.ctg-page section.light .card .cap{color:#C2611F}
.ctg-page section.light .mech-mock{background:#FFFFFF;border:1px solid #F2EADF}
.ctg-page section.light .stamp{border-color:rgba(226,112,46,.35);color:#B9AD9D}
.ctg-page section.light .stamp.gift{background:linear-gradient(135deg,#FFD27A,#F08A2E);border:2px solid #E2702E;color:#2A1206;box-shadow:0 0 0 5px rgba(226,112,46,.18),0 12px 26px -14px rgba(226,112,46,.7);transform:scale(1.08);font-weight:900}
.ctg-page section.light .mech-bal .n{color:#E2702E}
.ctg-page section.light .mech-bal .u{color:#8A7E70}
.ctg-page section.light .tier{border-color:#ECE3D6}
.ctg-page section.light .tier.b{color:#B5762E}
.ctg-page section.light .tier.s{color:#9C8F7F}
.ctg-page section.light .seg{background:#FFFFFF;border:1px solid #ECE3D6;color:#2A1C12}
.ctg-page section.light .proof-stat{background:linear-gradient(160deg,#241510,#190E08);border:1px solid rgba(231,182,117,.35)}
.ctg-page section.light .proof-src .k{color:#8A7E70}
.ctg-page section.light .proof-src .v{color:#2A1C12}
.ctg-page section.light .proof-src .disc{color:#9C8F7F}
.ctg-page section.light .tcard .who b{color:#2A1C12}
.ctg-page section.light .tcard .who span{color:#8A7E70}
.ctg-page section.light .trust-row .ti{background:#FFFFFF;border:1px solid #ECE3D6;color:#2A1C12}
.ctg-page section.light .trust-row .ti b{color:#C2611F}
.ctg-page section.light .pos-box{background:#FFFFFF;border:1px solid #ECE3D6}
.ctg-page section.light .pos-box .pt{color:#2A1C12}
.ctg-page section.light .tar{background:#FFFFFF;border-color:#EFE7DC;box-shadow:0 18px 44px -30px rgba(74,46,30,.16)}
.ctg-page section.light .tar.feat{background:linear-gradient(180deg,#FFFDF9,#FFFFFF);border-color:#F0C99A}
.ctg-page section.light .tar .for,.ctg-page section.light .tar .tnote{color:#8A7E70}
.ctg-page section.light .tar li{color:#5C5046}
.ctg-page section.light .tar .price .pn{color:#C2611F}
.ctg-page section.light .tar .price .pp{color:#8A7E70}
.ctg-page section.light .faq details{background:#FFFFFF;border:1px solid #F0E8DD;box-shadow:0 14px 34px -28px rgba(74,46,30,.14)}
.ctg-page section.light .faq summary{color:#2A1C12}
.ctg-page section.light .faq details p{color:#5C5046}
.ctg-page section.light .btn-ghost{background:#FFFFFF;color:#2A1C12;border:1px solid #E0D5C5}
.ctg-page section.light .btn-ghost:hover{border-color:#E2702E;background:#FFF7EE}
.ctg-page section.light .pos-chip{color:#C2611F;background:rgba(226,112,46,.10);border-color:rgba(226,112,46,.3)}
.ctg-page .outcome-card{padding:32px 28px;display:flex;flex-direction:column}
.ctg-page .oc-num{font-size:clamp(42px,4vw,56px);font-weight:900;color:#21C078;line-height:1;letter-spacing:-.03em;margin-bottom:12px}
.ctg-page .outcome-card:nth-child(2) .oc-num{text-align:center;width:100%}
.ctg-page .outcome-card h3{font-size:18px;line-height:1.25;color:#6B4322;min-height:46px}
.ctg-page .outcome-card p{margin-top:8px;font-size:14.5px}
.ctg-page .eyebrow.is-problem,.ctg-page .eyebrow.is-solution{display:inline-flex;align-items:center;gap:9px}
.ctg-page .eyebrow.is-problem::before,.ctg-page .eyebrow.is-solution::before{content:"";width:3px;height:13px;border-radius:2px;flex:none}
.ctg-page .eyebrow.is-problem{color:#C84A32}
.ctg-page .eyebrow.is-problem::before{background:linear-gradient(180deg,#C84A32,#9F3323)}
.ctg-page .eyebrow.is-solution{color:#7FE0A6}
.ctg-page .eyebrow.is-solution::before{background:linear-gradient(180deg,#5FD08A,#159B59)}
.ctg-page .mech-mock--wallet{padding:16px}
.ctg-page .offer--close{text-align:center}
.ctg-page .offer--close .gift{font-size:52px;margin-bottom:8px}
.ctg-page .solution-roi .btn-ghost{background:#fff;color:#2A1C12;border:1px solid #DDD2C2}
.ctg-page .solution-roi .btn-ghost:hover{border-color:#E2702E;background:#FFF7EE}
.ctg-page .stamp-wrap{width:100%;max-width:360px;margin:0 auto}
.ctg-page .stamp-hint{text-align:center;margin-top:10px;font-size:12.5px;font-weight:700;color:#C2611F}
.ctg-page .mech-mock--wallet .wallet-card{width:100%;max-width:340px;margin:0 auto}
.ctg-page #solution{margin:0;padding-top:40px;padding-bottom:96px;background:transparent!important}
.ctg-page #solution .chain .step:not(.final):not(.ai-step):not(.problem-step){background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.18)}
.ctg-page #solution .chain .step b{color:var(--head)}
.ctg-page #mechanics{position:relative}
.ctg-page #mechanics::before{content:"";position:absolute;left:0;right:0;top:0;height:42px;pointer-events:none;background:linear-gradient(180deg,rgba(24,12,7,.10),transparent)}
.ctg-page .ba-col:not(.after) .ba-t{color:#B83D28}
.ctg-page .bonus-notice{position:relative;width:100%;max-width:360px;min-height:150px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:22px;padding:22px 24px;background:radial-gradient(circle at 50% 20%,rgba(226,112,46,.12),transparent 55%),linear-gradient(180deg,#F4EBDD,#EFE4D4);border:1px solid #E7D7C2;box-shadow:none;transform:none;padding:22px 24px}
.ctg-page .bonus-label{font-size:14px;font-weight:700;color:#8A7E70;margin-bottom:6px}
.ctg-page .bonus-main{font-size:clamp(30px,2.8vw,40px);line-height:1;font-weight:900;color:#E2702E;letter-spacing:-0.04em;white-space:nowrap}
.ctg-page .bonus-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#FFD27A,#F08A2E);box-shadow:0 10px 24px -14px rgba(226,112,46,.8);font-size:16px;margin-bottom:8px}
.ctg-page .bonus-sub{margin-top:8px;font-size:14px;font-weight:700;color:#8A7E70}
.ctg-page section.light .mech-mock--bare,.ctg-page section.light .mech-mock--wallet,.ctg-page .mech-mock--bare,.ctg-page .mech-mock--wallet{background:none;border:none;padding:0;box-shadow:none}
.ctg-page .mech-mock--wallet .wallet-card{width:100%;max-width:360px;margin:0 auto}
.ctg-page #trust-top{background:transparent;margin:0;padding:30px 0 24px}
.ctg-page #trust-top .wrap{max-width:1080px}
.ctg-page .trust-glass{max-width:860px;margin:0 auto;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.075));border:1px solid rgba(255,255,255,.20);border-radius:24px;padding:22px 30px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 22px 60px -44px rgba(0,0,0,.55)}
.ctg-page .tg-stats{display:flex;align-items:stretch;justify-content:center;gap:28px;flex-wrap:wrap}
.ctg-page .tg-stat{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ctg-page .tg-stat b{display:block;font-size:clamp(30px,2.9vw,40px);font-weight:900;letter-spacing:-.02em;line-height:1;background:linear-gradient(90deg,#F4D79A,#E2702E);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ctg-page .tg-stat span{display:flex;align-items:center;justify-content:center;margin-top:6px;min-height:34px;font-size:13px;line-height:1.3;color:var(--cream-2);max-width:200px}
.ctg-page .tg-div{flex:0 0 1px;width:1px;align-self:stretch;margin:2px 0;background:linear-gradient(180deg,transparent,rgba(255,255,255,.14) 22%,rgba(255,255,255,.14) 78%,transparent)}
.ctg-page .tg-foot{margin-top:14px;padding-top:16px;border-top:none;background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.13) 20%,rgba(255,255,255,.13) 80%,transparent);background-repeat:no-repeat;background-size:100% 1px;background-position:top center;text-align:center}
.ctg-page .tg-foot-label{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ctg-page .tg-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}
.ctg-page .tg-chips span{font-size:13px;font-weight:700;color:var(--cream-2);background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);padding:7px 14px;border-radius:999px}
@media(max-width:700px){
.ctg-page .tg-div{display:none}
.ctg-page .tg-stats{gap:18px}
.ctg-page #trust-top .wrap{max-width:100%}
.ctg-page .trust-glass{padding:22px 18px}
}
.ctg-page .tar,.ctg-page .outcome-card,.ctg-page .pain .card{transition:transform .26s cubic-bezier(.22,.61,.36,1),box-shadow .26s ease}
.ctg-page .tar:hover,.ctg-page .outcome-card:hover,.ctg-page .pain .card:hover{transform:translateY(-4px)}
@keyframes giftPulse{0%,100%{box-shadow:0 0 0 5px rgba(226,112,46,.16),0 12px 26px -14px rgba(226,112,46,.75)}50%{box-shadow:0 0 0 9px rgba(226,112,46,.10),0 16px 32px -12px rgba(226,112,46,.92)}}
.ctg-page section.light .stamp.gift{animation:giftPulse 2.6s ease-in-out infinite}
.ctg-page .offer--close .eyebrow{color:#FFE7CC}
.ctg-page .form-note{margin-top:10px;font-size:12.5px;color:var(--muted);text-align:center}
.ctg-page .faq-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:48px;align-items:start}
.ctg-page .faq-aside h2{margin-top:14px}
.ctg-page .faq-aside .sub{margin:14px 0 24px;max-width:380px}
@media(max-width:900px){
.ctg-page .faq-layout{grid-template-columns:1fr;gap:26px}
}
.ctg-page .seg.seg-more{background:rgba(226,112,46,.16);border-color:rgba(226,112,46,.5);color:#F0813C;font-weight:800}
.ctg-page section.light .seg.seg-more{background:rgba(226,112,46,.10);border-color:rgba(226,112,46,.45);color:#C2611F}
.ctg-page .consent{display:flex;align-items:flex-start;gap:10px;font-size:12.5px;color:var(--muted);margin:4px 0 14px;cursor:pointer;line-height:1.45}
.ctg-page .consent input[type=checkbox]{width:auto;margin-top:2px;flex:none;accent-color:var(--accent)}
.ctg-page .consent a{color:var(--gold-soft);text-decoration:underline}
.ctg-page .notify-showcase{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.ctg-page .phone-mock{width:100%;max-width:340px;margin-left:auto;padding:0;border-radius:32px;background:none;border:none;box-shadow:none}
.ctg-page .phone-top{display:none}
.ctg-page .phone-screen{min-height:440px;border-radius:32px;padding:24px 20px;background:radial-gradient(circle at 70% 8%,rgba(226,112,46,.26),transparent 34%),radial-gradient(circle at 18% 88%,rgba(231,182,117,.20),transparent 36%),linear-gradient(180deg,#F8F1E8 0%,#EFE4D5 100%);overflow:hidden;position:relative;box-shadow:0 30px 70px -38px rgba(72,44,24,.5);border:1px solid rgba(0,0,0,.04)}
.ctg-page .phone-time{font-size:13px;font-weight:800;color:#2A1C12;opacity:.82;margin-bottom:74px}
.ctg-page .notification-card{position:relative;border-radius:24px;padding:18px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.72);box-shadow:0 22px 54px -28px rgba(72,44,24,.46),inset 0 1px 0 rgba(255,255,255,.75);backdrop-filter:blur(14px)}
.ctg-page .notification-card::before{content:"";position:absolute;inset:-1px;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.55),transparent 45%);pointer-events:none}
.ctg-page .notif-head{position:relative;display:flex;align-items:center;gap:11px;margin-bottom:14px}
.ctg-page .notif-icon{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#FFD27A,#E2702E);box-shadow:0 12px 26px -16px rgba(226,112,46,.8);font-size:20px;flex:none}
.ctg-page .notif-app{font-size:14px;font-weight:800;color:#2A1C12}
.ctg-page .notif-time{margin-top:1px;font-size:12px;font-weight:600;color:#8A7E70}
.ctg-page .notif-title{position:relative;font-size:20px;line-height:1.15;font-weight:900;letter-spacing:-0.03em;color:#2A1C12;margin-bottom:8px}
.ctg-page .notif-text{position:relative;font-size:14.5px;line-height:1.45;color:#5C5046;max-width:300px}
.ctg-page .notif-tags{position:relative;display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.ctg-page .notif-tags span{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(226,112,46,.12);color:#C2611F;font-size:12px;font-weight:800;border:1px solid rgba(226,112,46,.22)}
@media(max-width:900px){
.ctg-page .notify-showcase{grid-template-columns:1fr;gap:34px}
.ctg-page .phone-mock{margin:0 auto}
}
@media(max-width:520px){
.ctg-page .phone-mock{max-width:320px}
.ctg-page .phone-screen{min-height:400px;padding:22px 16px}
.ctg-page .phone-time{margin-bottom:58px}
.ctg-page .notif-title{font-size:18px}
.ctg-page .notif-text{font-size:13.5px}
}
.ctg-page .ai-marketer-section{padding:82px 0}
.ctg-page .ai-marketer-card{background:linear-gradient(180deg,#FFFFFF,#FFF8F0);border:1px solid #F0E3D4;border-radius:28px;padding:42px 46px;box-shadow:0 24px 70px -48px rgba(74,46,30,.30);color:#2A1C12}
.ctg-page .ai-marketer-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,.7fr);gap:52px;align-items:center}
.ctg-page .ai-marketer-head .eyebrow{color:#C2611F}
.ctg-page .ai-marketer-head h2{margin-top:14px;font-size:clamp(36px,3.3vw,54px);line-height:1.05;letter-spacing:-0.03em;color:#2A1C12;max-width:620px}
.ctg-page .ai-marketer-steps{display:flex;flex-direction:column;gap:14px}
.ctg-page .ai-marketer-card .ai-step{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:center;padding:16px 18px;border-radius:18px;background:#FFFDF9;border:1px solid #F0E3D4}
.ctg-page .ai-marketer-card .ai-step span{width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgba(95,208,138,.13);border:1px solid rgba(95,208,138,.32);color:#1E9B58;font-weight:900}
.ctg-page .ai-marketer-card .ai-step b{color:#2A1C12;font-size:16px;line-height:1.25}
@media(max-width:900px){
.ctg-page .ai-marketer-section{padding:64px 0}
.ctg-page .ai-marketer-card{padding:30px 22px}
.ctg-page .ai-marketer-grid{grid-template-columns:1fr;gap:28px}
.ctg-page .ai-marketer-head h2{font-size:clamp(30px,8vw,40px)}
.ctg-page .ai-marketer-card .ai-step{padding:14px 15px}
}
.ctg-page .ai-marketer-left .sub{font-size:16px;line-height:1.55;color:var(--muted);max-width:520px;margin:12px 0 22px}
@media(max-width:900px){
.ctg-page .ai-marketer-card{padding:26px 22px}
}
.ctg-page .offer--compact .gift{font-size:26px;margin-bottom:4px}
.ctg-page .offer--compact .btn{max-width:270px;margin:0 auto;padding:12px 18px;font-size:14px;border-radius:10px}
.ctg-page .pricing-discount-card .btn{margin-top:22px;background:linear-gradient(135deg,#1CB872,#0E9B59);color:#FFFFFF;box-shadow:0 18px 38px -18px rgba(21,155,89,.55)}
@media(max-width:860px){
.ctg-page .pricing-discount-card .btn{width:100%}
}
.ctg-page .ai-examples-section .head-wrap{max-width:780px;margin:0 auto}
.ctg-page .ai-examples-section .eyebrow{color:#C2611F}
.ctg-page .ai-examples-section .sub{margin-top:16px;color:#5C5046;font-size:18px;line-height:1.5}
.ctg-page .start-support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:48px;align-items:stretch}
.ctg-page .start-support-card{background:#FFFFFF;border:1px solid #F0E8DD;border-radius:28px;padding:42px 40px;box-shadow:0 22px 60px -42px rgba(74,46,30,.18);min-height:360px;display:flex;flex-direction:column;justify-content:flex-start}
.ctg-page .start-support-icon{width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#FFF4E8;border:1px solid #F0D8BD;font-size:28px;margin-bottom:30px}
.ctg-page .start-support-card h3{font-size:clamp(30px,2.35vw,38px);line-height:1.08;letter-spacing:-0.03em;color:#2A1C12;max-width:440px}
.ctg-page .start-support-card p{margin-top:22px;max-width:500px;font-size:18px;line-height:1.58;color:#5C5046}
@media(max-width:820px){
.ctg-page .start-support-grid{grid-template-columns:1fr;margin-top:32px}
.ctg-page .start-support-card{min-height:auto;padding:32px 24px}
.ctg-page .start-support-card h3{font-size:clamp(28px,8vw,36px)}
.ctg-page .start-support-card p{font-size:16.5px}
}
.ctg-page #pain .head-wrap .sub,.ctg-page #solution .head-wrap .sub,.ctg-page #pain p,.ctg-page #solution p{color:rgba(255,255,255,.80)}
.ctg-page #solution .chain .step.problem-step b{color:#F0A48F}
.ctg-page #solution .chain .step .si{background:rgba(231,182,117,.14);color:var(--head)}
.ctg-page #solution .chain .arrow{color:#C2611F}
.ctg-page #solution .chain .step.ai-step b,.ctg-page #solution .chain .step.final b{color:#DFFFEA}
.ctg-page{--page-bg:#FFFDF9;--section-bg:#FFFFFF;--cream-bg:#FBF5EC;--cream-soft:#F7EFE4;--text-dark:#2A1C12;--text-main:#3A2A1F;--text-muted:#5C5046;--text-soft:#8A7E70;--coffee:#6B4322;--coffee-dark:#3F281C;--coffee-soft:#FFF8F0;--green:#20B96F;--green-dark:#12965A;--green-soft:#F3FFF7;--danger:#C84A32;--danger-dark:#9F3323;--danger-soft:#FFF6F2;--line-light:#F0E8DD}
.ctg-page{background:#FFFDF9;color:#2A1C12;background-image:radial-gradient(900px 520px at 80% -10%,rgba(226,112,46,.07),transparent 62%),radial-gradient(800px 460px at 0% 18%,rgba(231,182,117,.07),transparent 58%),linear-gradient(180deg,#FFFDF9 0%,#FBF5EC 46%,#FFFDF9 100%)}
.ctg-page section.light{background:#FFFDF9;color:#2A1C12}
.ctg-page .dark-flow{background:radial-gradient(900px 460px at 80% 10%,rgba(226,112,46,.07),transparent 62%),radial-gradient(760px 420px at 12% 56%,rgba(231,182,117,.07),transparent 60%),linear-gradient(180deg,#FFFDF9 0%,#FBF5EC 54%,#FFFDF9 100%)!important;color:#2A1C12;box-shadow:none}
.ctg-page .dark-flow::before{display:none!important}
.ctg-page .dark-flow>section{background:transparent!important}
.ctg-page #pain h2,.ctg-page #solution h2,.ctg-page section.light h2,.ctg-page section.light h3{color:#2A1C12!important}
.ctg-page #pain .head-wrap .sub,.ctg-page #solution .head-wrap .sub,.ctg-page section.light .head-wrap .sub,.ctg-page section.light p.sub{color:#5C5046!important}
.ctg-page #pain p,.ctg-page #solution p,.ctg-page section.light p{color:#5C5046}
.ctg-page #pain{background:transparent!important}
.ctg-page #pain .eyebrow,.ctg-page .eyebrow.is-problem{color:#C84A32!important}
.ctg-page .eyebrow.is-problem::before{background:linear-gradient(180deg,#C84A32,#9F3323)}
.ctg-page #pain .card{background:#FFFFFF!important;border:1px solid #F0E8DD!important;box-shadow:0 22px 60px -42px rgba(74,46,30,.18)!important}
.ctg-page #pain .card::before{background:linear-gradient(180deg,#C84A32,#9F3323)!important}
.ctg-page #pain h3{color:#6B4322!important}
.ctg-page #pain .card p{color:#5C5046!important}
.ctg-page .pain .ic{background:rgba(200,74,50,.09)!important;border:1px solid rgba(200,74,50,.24)!important;color:#B83D28!important}
.ctg-page #solution{background:transparent!important}
.ctg-page #solution .chain .step:not(.final):not(.ai-step):not(.problem-step){background:#FFFFFF!important;border:1px solid #F0E8DD!important;box-shadow:0 18px 44px -32px rgba(74,46,30,.14)!important}
.ctg-page #solution .chain .step b{color:#2A1C12!important}
.ctg-page #solution .chain .step .si{background:#FFF4E8!important;color:#6B4322!important}
.ctg-page #solution .chain .arrow{color:#C2611F!important}
.ctg-page #solution .chain .step.ai-step,.ctg-page #solution .chain .step.final{background:linear-gradient(180deg,#F3FFF7,#FFFFFF)!important;border:1px solid rgba(32,185,111,.30)!important;box-shadow:0 18px 44px -30px rgba(32,185,111,.22)!important}
.ctg-page #solution .chain .step.ai-step b,.ctg-page #solution .chain .step.final b{color:#167A46!important}
.ctg-page #solution .chain .step.ai-step .si,.ctg-page #solution .chain .step.final .si{background:rgba(32,185,111,.10)!important;border:1px solid rgba(32,185,111,.24)!important;color:#12965A!important}
.ctg-page #solution .chain .step.problem-step{background:linear-gradient(180deg,#FFF6F2,#FFFFFF)!important;border:1px solid rgba(200,74,50,.24)!important;box-shadow:0 18px 44px -32px rgba(200,74,50,.18)!important}
.ctg-page #solution .chain .step.problem-step b{color:#7A2A1D!important}
.ctg-page #solution .chain .step.problem-step .si{background:rgba(200,74,50,.09)!important;border:1px solid rgba(200,74,50,.24)!important;color:#B83D28!important}
.ctg-page .trust-glass{background:rgba(255,255,255,.88)!important;border:1px solid #F0E8DD!important;box-shadow:0 22px 60px -42px rgba(74,46,30,.20)!important;backdrop-filter:blur(14px)}
.ctg-page .tg-stat span{color:#5C5046!important}
.ctg-page .tg-div{background:linear-gradient(180deg,transparent,rgba(74,46,30,.16) 22%,rgba(74,46,30,.16) 78%,transparent)!important}
.ctg-page .tg-foot{background-image:linear-gradient(90deg,transparent,rgba(74,46,30,.14) 20%,rgba(74,46,30,.14) 80%,transparent)!important}
.ctg-page .tg-foot-label{color:#8A7E70!important}
.ctg-page .tg-chips span{background:#FFF8F0!important;border:1px solid #F0E8DD!important;color:#6B4322!important}
.ctg-page .hero-bg{object-position:center}
.ctg-page .hero::before{background:linear-gradient(90deg,rgba(20,10,5,.74) 0%,rgba(20,10,5,.56) 28%,rgba(20,10,5,.30) 48%,rgba(20,10,5,.10) 68%,rgba(20,10,5,.00) 100%),linear-gradient(180deg,rgba(0,0,0,.08),transparent 42%)!important}
.ctg-page .hero-content::before{background:radial-gradient(circle at 34% 42%,rgba(42,23,14,.34),transparent 70%)!important}
.ctg-page .hero h1{color:#FFFFFF}
.ctg-page .hero .sub{color:rgba(255,255,255,.94)}
.ctg-page section.light .card{background:#FFFFFF!important;border:1px solid #F0E8DD!important;box-shadow:0 18px 44px -30px rgba(74,46,30,.14)!important}
.ctg-page section.light .card h3{color:#2A1C12!important}
.ctg-page section.light .card p,.ctg-page section.light .card .mt{color:#5C5046!important}
.ctg-page section.light .card .cap{color:#C2611F!important}
.ctg-page .phone-screen{background:radial-gradient(circle at 70% 8%,rgba(226,112,46,.16),transparent 34%),radial-gradient(circle at 18% 88%,rgba(231,182,117,.14),transparent 36%),linear-gradient(180deg,#FFFDF9 0%,#F7EFE4 100%)!important;border:1px solid #F0E8DD!important}
.ctg-page .notification-card{background:rgba(255,255,255,.92)!important;border:1px solid #F0E8DD!important;box-shadow:0 22px 54px -34px rgba(72,44,24,.28)!important}
.ctg-page .ai-marketer-section{background:#FFFDF9!important}
.ctg-page .ai-marketer-card{background:linear-gradient(180deg,#FFFFFF,#FFF8F0)!important;border:1px solid #F0E3D4!important;box-shadow:0 24px 70px -48px rgba(74,46,30,.30)!important;color:#2A1C12!important}
.ctg-page .ai-marketer-card h2{color:#2A1C12!important}
.ctg-page .ai-step{background:#FFFDF9!important;border:1px solid #F0E3D4!important}
.ctg-page .ai-step b{color:#2A1C12!important}
.ctg-page .ai-step span{background:rgba(32,185,111,.10)!important;border:1px solid rgba(32,185,111,.26)!important;color:#12965A!important}
.ctg-page .outcome-card{background:#FFFFFF!important;border:1px solid #F0E8DD!important;box-shadow:0 18px 44px -30px rgba(74,46,30,.14)!important}
.ctg-page .oc-num{color:#20B96F!important}
.ctg-page .outcome-card h3{color:#2A1C12!important}
.ctg-page .outcome-card p{color:#5C5046!important}
.ctg-page .start-support-card{background:#FFFFFF!important;border:1px solid #F0E8DD!important;box-shadow:0 22px 60px -42px rgba(74,46,30,.18)!important}
.ctg-page .start-support-icon{background:#FFF4E8!important;border:1px solid #F0D8BD!important}
.ctg-page .start-support-card h3{color:#2A1C12!important}
.ctg-page .start-support-card p{color:#5C5046!important}
.ctg-page .tar{background:#FFFFFF!important;border:1px solid #EFE7DC!important;box-shadow:0 18px 44px -30px rgba(74,46,30,.16)!important}
.ctg-page .tar.feat{background:linear-gradient(180deg,#FFFDF9,#FFFFFF)!important;border-color:#F0C99A!important;box-shadow:0 24px 70px -42px rgba(226,112,46,.22)!important}
.ctg-page .tar h3{color:#2A1C12!important}
.ctg-page .faq details{background:#FFFFFF!important;border:1px solid #F0E8DD!important;box-shadow:0 14px 34px -28px rgba(74,46,30,.14)!important}
.ctg-page .faq summary{color:#2A1C12!important}
.ctg-page .faq details p{color:#5C5046!important}
.ctg-page .final{background:#FFFFFF!important;border:1px solid #F0E8DD!important;box-shadow:0 24px 70px -48px rgba(74,46,30,.22)!important}
.ctg-page .final h2,.ctg-page .final h3{color:#2A1C12!important}
.ctg-page .final p{color:#5C5046!important}
.ctg-page #final .eyebrow{color:#C2611F!important}
.ctg-page .mini{background:#FFF8F0!important;border:1px solid #F0E8DD!important;color:#6B4322!important}
.ctg-page form label{color:#8A7E70!important}
.ctg-page form input,.ctg-page form select{background:#FFFDF9!important;border:1px solid #E8DDD0!important;color:#2A1C12!important}
.ctg-page form input::placeholder{color:#A99E90!important}
.ctg-page form input:focus,.ctg-page form select:focus{border-color:#E2702E!important;box-shadow:0 0 0 4px rgba(226,112,46,.10)}
.ctg-page .consent,.ctg-page .form-note{color:#8A7E70!important}
.ctg-page section.light,.ctg-page .light-flow,.ctg-page .dark-flow{color:#2A1C12}
.ctg-page section.light h1,.ctg-page section.light h2,.ctg-page section.light h3,.ctg-page .light-flow h1,.ctg-page .light-flow h2,.ctg-page .light-flow h3,.ctg-page .dark-flow h1,.ctg-page .dark-flow h2,.ctg-page .dark-flow h3{color:#2A1C12!important}
.ctg-page section.light p,.ctg-page .light-flow p,.ctg-page .dark-flow p{color:#5C5046!important}
.ctg-page section.light .sub,.ctg-page .light-flow .sub,.ctg-page .dark-flow .sub,.ctg-page section.light .head-wrap .sub,.ctg-page .light-flow .head-wrap .sub,.ctg-page .dark-flow .head-wrap .sub{color:#5C5046!important}
.ctg-page .trust-glass{background:#FFFFFF!important;border:1px solid #F0E8DD!important;box-shadow:0 22px 60px -42px rgba(74,46,30,.20)!important}
.ctg-page .tg-stat b{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:initial!important;color:#C2611F!important}
.ctg-page .tg-stat span{color:#5C5046!important}
.ctg-page .tg-foot-label{color:#8A7E70!important}
.ctg-page .tg-chips span{background:#FFF8F0!important;border:1px solid #F0E8DD!important;color:#6B4322!important}
.ctg-page .tg-div{background:linear-gradient(180deg,transparent,rgba(74,46,30,.18),transparent)!important}
.ctg-page #solution .chain .step b{color:#2A1C12!important}
.ctg-page #solution .chain .step.ai-step b,.ctg-page #solution .chain .step.final b{color:#167A46!important}
.ctg-page #solution .chain .step.problem-step b{color:#7A2A1D!important}
.ctg-page .hero-bg{object-fit:cover!important;object-position:58% 14%!important}
@media(min-width:1440px){
.ctg-page .hero{min-height:720px;padding:124px 0 70px}
.ctg-page .hero-bg{object-fit:cover!important;object-position:58% 13%!important}
}
@media(min-width:1680px){
.ctg-page .hero{min-height:760px;padding:130px 0 76px}
.ctg-page .hero-bg{object-fit:cover!important;object-position:60% 12%!important}
}
@media(min-width:1920px){
.ctg-page .hero{min-height:800px;padding:134px 0 82px}
.ctg-page .hero-bg{object-fit:cover!important;object-position:62% 11%!important}
}
.ctg-page .eyebrow.is-problem{display:inline-flex!important;align-items:center;gap:9px;width:fit-content;padding:8px 12px!important;border-radius:999px!important;background:#FFF3EF!important;border:1px solid rgba(200,74,50,.28)!important;color:#B83D28!important;font-size:12px!important;font-weight:900!important;letter-spacing:.16em;text-transform:uppercase}
.ctg-page .eyebrow.is-problem::before{content:"";width:4px!important;height:16px!important;border-radius:99px!important;background:linear-gradient(180deg,#C84A32,#9F3323)!important;flex:none;margin:0!important}
.ctg-page .eyebrow.is-solution{display:inline-flex!important;align-items:center;gap:9px;width:fit-content;padding:8px 12px!important;border-radius:999px!important;background:#F0FFF6!important;border:1px solid rgba(32,185,111,.28)!important;color:#12965A!important;font-size:12px!important;font-weight:900!important;letter-spacing:.16em;text-transform:uppercase}
.ctg-page .eyebrow.is-solution::before{content:"";width:4px!important;height:16px!important;border-radius:99px!important;background:linear-gradient(180deg,#20B96F,#12965A)!important;flex:none;margin:0!important}
.ctg-page #pain .eyebrow,.ctg-page #solution .eyebrow{margin-bottom:16px}
.ctg-page #mechanics::before,.ctg-page #mechanics::after,.ctg-page #solution::before,.ctg-page #solution::after{display:none!important}
.ctg-page .start-support-card h3{min-height:2.3em}
@media(max-width:820px){
.ctg-page .start-support-card h3{min-height:0}
}
.ctg-page .testimonials-section{background:#FFFDF9;color:#2A1C12;padding:72px 0}
.ctg-page .testimonials-section .head-wrap{max-width:760px}
.ctg-page .testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}
.ctg-page .testimonial-card{position:relative;background:#FFFFFF;border:1px solid #F0E8DD;border-radius:24px;padding:26px 26px 24px;box-shadow:0 18px 46px -36px rgba(74,46,30,.16);min-height:285px;display:flex;flex-direction:column}
.ctg-page .quote-mark{width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#FFF4E8;border:1px solid #F0D8BD;color:#C2611F;font-size:25px;line-height:1;font-weight:900;margin-bottom:16px}
.ctg-page .testimonial-card h3{color:#2A1C12;font-size:19px;line-height:1.18;letter-spacing:-0.02em}
.ctg-page .testimonial-card p{margin-top:12px;color:#5C5046;font-size:15.5px;line-height:1.48}
.ctg-page .testimonial-author{margin-top:auto;padding-top:18px;border-top:1px solid #F0E8DD}
.ctg-page .testimonial-author b{display:block;color:#2A1C12;font-size:15.5px;font-weight:900}
.ctg-page .testimonial-author span{display:block;margin-top:3px;color:#8A7E70;font-size:12.8px;line-height:1.35}
@media(max-width:960px){
.ctg-page .testimonials-section{padding:64px 0}
.ctg-page .testimonials-grid{grid-template-columns:1fr;margin-top:28px}
.ctg-page .testimonial-card{min-height:auto;padding:24px 22px}
}
.ctg-page .wallet-img-wrap{position:relative;display:inline-block;border-radius:18px;overflow:hidden;box-shadow:0 16px 36px -18px rgba(140,90,20,.55)}
.ctg-page .wallet-img{display:block;height:240px;width:auto;filter:hue-rotate(28deg) saturate(.6) brightness(1.05)}
.ctg-page .wallet-img-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.28),transparent 38%,rgba(255,255,255,.12) 68%,transparent);pointer-events:none}
.ctg-page .mech-card h3{min-height:2.4em}
@media(max-width:560px){
.ctg-page .mech-card h3{min-height:0}
}
.ctg-page .pricing-discount-copy .btn{margin-top:22px}
.ctg-page .pricing-offer-compact{max-width:980px;margin:42px auto 24px;display:flex;align-items:center;justify-content:center;gap:24px;padding:18px 22px;border-radius:20px;background:#FFFFFF;border:1px solid #F0E8DD;box-shadow:0 18px 44px -34px rgba(74,46,30,.16)}
.ctg-page .pricing-offer-copy{display:flex;align-items:center;gap:18px;min-width:0}
.ctg-page .pricing-offer-badge{flex:none;display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:#F3FFF7;border:1px solid rgba(32,185,111,.24);color:#12965A;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.ctg-page .pricing-offer-copy p{color:#3A2A1F;font-size:15.5px;line-height:1.42;margin:0}
.ctg-page .pricing-offer-copy b{color:#12965A;font-weight:900}
.ctg-page .pricing-offer-copy s{color:#8A7E70;font-weight:700}
.ctg-page .pricing-offer-compact .btn{flex:none;padding:13px 18px;font-size:14.5px}
@media(max-width:820px){
.ctg-page .pricing-offer-compact{flex-direction:column;align-items:stretch;padding:18px;margin:32px auto 24px}
.ctg-page .pricing-offer-copy{flex-direction:column;align-items:flex-start;gap:10px}
.ctg-page .pricing-offer-compact .btn{width:100%}
}
.ctg-page .roi-section{background:#FFFDF9;color:#2A1C12;padding:84px 0}
.ctg-page .roi-single-card{max-width:920px;margin:54px auto 0;display:grid;grid-template-columns:1fr .9fr;gap:28px;align-items:stretch;padding:28px;border-radius:28px;background:#FFFFFF;border:1px solid #F0E8DD;box-shadow:0 24px 70px -48px rgba(74,46,30,.24)}
.ctg-page .roi-metrics{display:grid;gap:0;align-content:center}
.ctg-page .roi-kicker{margin-bottom:10px;color:#C2611F;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.ctg-page .roi-row{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid #F0E8DD}
.ctg-page .roi-row:last-child{border-bottom:none}
.ctg-page .roi-row b{color:#2A1C12;font-size:34px;line-height:1;font-weight:900;letter-spacing:-0.04em}
.ctg-page .roi-row span{color:#5C5046;font-size:16px;font-weight:600}
.ctg-page .roi-result{border-radius:24px;padding:30px 34px;background:linear-gradient(135deg,#20B96F,#12965A);color:#FFFFFF;display:flex;flex-direction:column;justify-content:center;box-shadow:0 22px 54px -34px rgba(32,185,111,.52)}
.ctg-page .roi-result span{color:rgba(255,255,255,.88);font-size:15px;font-weight:800;letter-spacing:.02em}
.ctg-page .roi-result b{display:block;margin-top:12px;color:#FFFFFF;font-size:clamp(54px,5.2vw,82px);line-height:.95;font-weight:900;letter-spacing:-0.06em}
.ctg-page .roi-cta{text-align:center;margin-top:34px}
@media(max-width:820px){
.ctg-page .roi-section{padding:64px 0}
.ctg-page .roi-single-card{grid-template-columns:1fr;margin-top:34px;padding:22px}
.ctg-page .roi-row{grid-template-columns:110px 1fr;gap:14px}
.ctg-page .roi-row b{font-size:28px}
.ctg-page .roi-result{padding:24px}
.ctg-page .roi-result b{font-size:48px}
}
.ctg-page,.ctg-page{overflow-x:clip}
.ctg-page img,.ctg-page svg,.ctg-page video{max-width:100%}
.ctg-page .wrap{width:100%}
.ctg-page #pain,.ctg-page #solution{background:
  radial-gradient(900px 420px at 18% 12%, rgba(226,112,46,.055), transparent 62%),
  radial-gradient(760px 380px at 88% 76%, rgba(231,182,117,.07), transparent 60%),
  linear-gradient(180deg,#FFFDF9 0%,#FBF5EC 100%) !important}
.ctg-page #pain{padding-bottom:72px}
.ctg-page #solution{padding-top:72px}
.ctg-page #pain .head-wrap,.ctg-page #solution .head-wrap{max-width:820px}
.ctg-page #pain h2,.ctg-page #solution h2{color:#24170F !important;letter-spacing:-.045em}
.ctg-page #pain .head-wrap .sub,.ctg-page #solution .head-wrap .sub{color:#51453B !important;max-width:760px}
.ctg-page .eyebrow.is-problem{background:#FFF1EC !important;border:1px solid rgba(184,61,40,.34) !important;color:#A83A28 !important;box-shadow:0 8px 22px -18px rgba(184,61,40,.40)}
.ctg-page .eyebrow.is-problem::before{width:4px;height:16px;background:linear-gradient(180deg,#C84A32,#8F2D20) !important}
.ctg-page .eyebrow.is-solution{background:#ECFFF5 !important;border:1px solid rgba(18,150,90,.34) !important;color:#087A45 !important;box-shadow:0 8px 22px -18px rgba(18,150,90,.40)}
.ctg-page .eyebrow.is-solution::before{width:4px;height:16px;background:linear-gradient(180deg,#20B96F,#087A45) !important}
.ctg-page #pain .card{background:linear-gradient(180deg,#FFFFFF 0%,#FFFDF9 100%) !important;border:1px solid #EADBCB !important;box-shadow:0 24px 64px -44px rgba(74,46,30,.26),0 1px 0 rgba(255,255,255,.92) inset !important;border-radius:26px !important}
.ctg-page #pain .card::before{width:8px !important;background:linear-gradient(180deg,#D04834,#9F3323) !important}
.ctg-page #pain .ic{background:#FFF1EC !important;border:1px solid rgba(200,74,50,.30) !important;color:#B83D28 !important;box-shadow:0 12px 28px -22px rgba(200,74,50,.45)}
.ctg-page #pain h3{color:#5A371F !important}
.ctg-page #pain .card p{color:#5C5046 !important}
.ctg-page #solution .chain .step{border-radius:18px !important;box-shadow:0 20px 48px -38px rgba(74,46,30,.22),0 1px 0 rgba(255,255,255,.92) inset !important}
.ctg-page #solution .chain .step:not(.problem-step):not(.ai-step):not(.final){background:linear-gradient(180deg,#FFFFFF 0%,#FFFDF9 100%) !important;border:1px solid #EADBCB !important}
.ctg-page #solution .chain .step:not(.problem-step):not(.ai-step):not(.final) b{color:#2A1C12 !important}
.ctg-page #solution .chain .step:not(.problem-step):not(.ai-step):not(.final) .si{background:#FFF4E8 !important;border:1px solid #EBD3B6 !important;color:#6B4322 !important}
.ctg-page #solution .chain .step.problem-step{background:linear-gradient(180deg,#FFF4F0 0%,#FFFFFF 100%) !important;border:1px solid rgba(200,74,50,.34) !important;box-shadow:0 22px 52px -40px rgba(200,74,50,.30),0 1px 0 rgba(255,255,255,.92) inset !important}
.ctg-page #solution .chain .step.problem-step b{color:#8F2D20 !important}
.ctg-page #solution .chain .step.problem-step .si{background:#FFF1EC !important;border:1px solid rgba(200,74,50,.30) !important;color:#B83D28 !important}
.ctg-page #solution .chain .step.ai-step,.ctg-page #solution .chain .step.final{background:linear-gradient(180deg,#ECFFF5 0%,#FFFFFF 100%) !important;border:1px solid rgba(32,185,111,.36) !important;box-shadow:0 22px 52px -40px rgba(32,185,111,.30),0 1px 0 rgba(255,255,255,.92) inset !important}
.ctg-page #solution .chain .step.ai-step b,.ctg-page #solution .chain .step.final b{color:#087A45 !important}
.ctg-page #solution .chain .step.ai-step .si,.ctg-page #solution .chain .step.final .si{background:rgba(32,185,111,.11) !important;border:1px solid rgba(32,185,111,.30) !important;color:#12965A !important}
.ctg-page #solution .chain .arrow{color:#B85B1F !important;opacity:.95;font-weight:900;text-shadow:0 8px 20px rgba(226,112,46,.14)}
.ctg-page .roi-result b{white-space:nowrap !important;font-size:clamp(40px,3.6vw,60px) !important;letter-spacing:-.05em !important}
@media(max-width:820px){
.ctg-page .roi-result b{font-size:clamp(34px,11vw,48px) !important}
}
.ctg-page{overflow-wrap:break-word;text-wrap:pretty}
.ctg-page h1,.ctg-page h2,.ctg-page h3,.ctg-page h4,.ctg-page h5,.ctg-page .eyebrow,.ctg-page .head-wrap .sub{text-wrap:balance}
.ctg-page a,.ctg-page button,.ctg-page .btn,.ctg-page summary,.ctg-page .tar,.ctg-page .card,.ctg-page .mech-card,.ctg-page .outcome-card,.ctg-page .testimonial-card,.ctg-page .roi-single-card,.ctg-page .notification-card,.ctg-page .start-support-card,.ctg-page .ai-marketer-card,.ctg-page #solution .chain .step{transition:transform .24s cubic-bezier(.22,.61,.36,1),box-shadow .24s cubic-bezier(.22,.61,.36,1),border-color .2s ease,background-color .2s ease,color .2s ease,filter .2s ease}
.ctg-page .mech-card:hover,.ctg-page .testimonial-card:hover,.ctg-page .outcome-card:hover,.ctg-page .start-support-card:hover{transform:translateY(-4px)}
.ctg-page .mech-card:hover,.ctg-page .testimonial-card:hover,.ctg-page .start-support-card:hover{box-shadow:0 28px 64px -40px rgba(74,46,30,.30)}
.ctg-page .roi-single-card:hover{transform:translateY(-3px);box-shadow:0 34px 80px -46px rgba(74,46,30,.26)}
.ctg-page #solution .chain .step:hover{transform:translateY(-3px)}
.ctg-page .btn:active{transform:translateY(0) scale(.975)}
.ctg-page .tar:active,.ctg-page .mech-card:active,.ctg-page .testimonial-card:active{transform:translateY(-1px) scale(.995)}
.ctg-page .faq details{transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.ctg-page .faq summary{transition:color .2s ease,background-color .2s ease}
.ctg-page .faq summary:hover{color:#C2611F}
.ctg-page .faq details[open]{box-shadow:0 20px 48px -38px rgba(74,46,30,.20)}
.ctg-page a:focus-visible,.ctg-page button:focus-visible,.ctg-page .btn:focus-visible,.ctg-page summary:focus-visible,.ctg-page input:focus-visible,.ctg-page textarea:focus-visible,.ctg-page select:focus-visible{outline:2px solid #E2702E;outline-offset:3px;border-radius:8px}
@media (prefers-reduced-motion:reduce){
.ctg-page a,.ctg-page button,.ctg-page .btn,.ctg-page summary,.ctg-page .tar,.ctg-page .card,.ctg-page .mech-card,.ctg-page .outcome-card,.ctg-page .testimonial-card,.ctg-page .roi-single-card,.ctg-page .notification-card,.ctg-page .start-support-card,.ctg-page .ai-marketer-card,.ctg-page #solution .chain .step{transition:none !important}
.ctg-page .mech-card:hover,.ctg-page .testimonial-card:hover,.ctg-page .outcome-card:hover,.ctg-page .start-support-card:hover,.ctg-page .roi-single-card:hover,.ctg-page #solution .chain .step:hover,.ctg-page .btn:active,.ctg-page .tar:active,.ctg-page .mech-card:active,.ctg-page .testimonial-card:active{transform:none !important}
}
.ctg-page .head-wrap h1,.ctg-page .head-wrap h2,.ctg-page .head-wrap h3{margin-bottom:0}
.ctg-page .head-wrap .sub{margin-top:20px !important}
@media(max-width:700px){
.ctg-page .head-wrap .sub{margin-top:16px !important}
}
.ctg-page .tar.feat{border-color:#E2702E !important;box-shadow:0 24px 70px -42px rgba(226,112,46,.24) !important}
.ctg-page section[id]{scroll-margin-top:84px}
@media(max-width:1024px){
.ctg-page .header__btns .btn--green{padding:0 16px;font-size:13px;height:38px}
}
.ctg-page body.has-open-mobile-menu{overflow:hidden}

/* ---- reveal-on-scroll (полностью внутри обёртки; без JS контент виден) ---- */
.ctg-page .reveal{opacity:1;transform:none}
.ctg-page.ctg-anim .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)}
.ctg-page.ctg-anim .reveal.in{opacity:1;transform:none}
.ctg-page.ctg-anim .grid > .reveal:nth-child(2){transition-delay:.07s}
.ctg-page.ctg-anim .grid > .reveal:nth-child(3){transition-delay:.14s}
.ctg-page.ctg-anim .grid > .reveal:nth-child(4){transition-delay:.21s}
@media (prefers-reduced-motion:reduce){.ctg-page.ctg-anim .reveal{opacity:1!important;transform:none!important;transition:none}}

/* ============================================================================
   ШАПКА — только над hero (первый экран) наша глобальная шапка перекрашивается
   под тёмное «стекло» донора. Класс .ctg-header-dark вешает/снимает JS по
   положению hero. Меняются ТОЛЬКО цвета — раскладка остаётся родной, поэтому при
   переключении нет скачка. <header> лежит ВНЕ .ctg-page, поэтому селекторы живут
   здесь (файл грузится только на этой странице).
   ============================================================================ */
/* hero уходит под фиксированную шапку: на этой странице убираем верхний отступ
   body (он задан в general.css, чтобы контент не лез под шапку) — фото hero
   должно просвечивать за полупрозрачной шапкой, как в доноре. Отступ контента
   обеспечивает сам .hero (padding-top). */
body{ padding-top:0 !important; }

header.ctg-header-dark{
  background:rgba(20,18,16,.42) !important;
  -webkit-backdrop-filter:blur(20px) saturate(135%);
  backdrop-filter:blur(20px) saturate(135%);
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  box-shadow:none !important;
}
header.ctg-header-dark .logo img{ filter:brightness(0) invert(1); }
header.ctg-header-dark nav a{ color:rgba(255,255,255,.90) !important; text-shadow:0 1px 10px rgba(0,0,0,.45); transition:color .2s; }
header.ctg-header-dark nav a:hover{ color:#fff !important; }
header.ctg-header-dark nav ul li:hover{ background:rgba(255,255,255,.12); }
header.ctg-header-dark nav ul li[data-menu]::after{ filter:brightness(0) invert(1); }
header.ctg-header-dark nav hr{ background:rgba(255,255,255,.22); }
header.ctg-header-dark .office-link a{ color:rgba(255,255,255,.82) !important; text-shadow:0 1px 10px rgba(0,0,0,.45); }
header.ctg-header-dark .office-link a:hover{ color:#fff !important; }
header.ctg-header-dark .mobile-menu-btn::before,
header.ctg-header-dark .mobile-menu-btn::after{ background:#fff; }

/* ============================================================================
   ПОДВАЛ — наш (new-footer.php, вне .ctg-page), перекрашен под палитру донора:
   только фон и цвета текста.
   ============================================================================ */
footer{ background:linear-gradient(180deg,#3A2418,#2A1710) !important; }
footer h3{ color:#FCF6EE !important; }
footer .column-desc{ color:#E7B675 !important; }
footer .footer-column a{ color:#F3EADF !important; opacity:.86; }
footer .footer-column a:hover{ color:#F0CB97 !important; opacity:1; }
/* все .description-text в подвале (вкл. «© SWiP 2026» вне .footer-column) одного цвета */
footer .description-text{ color:#C6B5A4 !important; }
footer .footer-divider{ background:rgba(255,255,255,.10) !important; }
footer .footer-socials li a p{ color:#F3EADF !important; }
/* логотип подвала — только на этой странице */
footer .logo--white{ filter:invert(1) contrast(4) !important; }
/* иконки соцсетей в подвале → золотой #E7B675 (как .column-desc); фильтр посчитан
   black→color солвером, loss 0.10, результат rgb(231,182,117) */
footer .footer-socials li a img{ filter:brightness(0) saturate(100%) invert(74%) sepia(48%) saturate(358%) hue-rotate(352deg) brightness(93%) contrast(94%) !important; }

/* ============================================================================
   ВСТРОЕННАЯ ФОРМА ДЕМО (CF7 id=694) внутри #final — светлый вид как у донора.
   Ограничено .ctg-final-form, чтобы тот же шорткод в модалке подвала и на
   других страницах не задевало. Локально CF7 может не рендериться (заглушки) —
   на проде форму подставляет WordPress.
   ============================================================================ */
.ctg-page .ctg-final-form .wpcf7,
.ctg-page .ctg-final-form .wpcf7-form{ width:100%; max-width:none; }
/* раскладка как у донора: имя — на всю ширину, телефон+e-mail в один ряд, остальное — на всю ширину */
.ctg-page .ctg-final-form .modal-form{ display:grid; grid-template-columns:1fr 1fr; gap:12px; width:100%; max-width:none; text-align:left; align-items:start; }
.ctg-page .ctg-final-form .modal-form > *{ grid-column:1 / -1; min-width:0; }
.ctg-page .ctg-final-form .wpcf7-form-control-wrap.tel-136{ grid-column:1 / 2; }
.ctg-page .ctg-final-form .wpcf7-form-control-wrap.pr-email{ grid-column:2 / 3; }
/* сырое backing-поле кассы прячем — видимый UI даёт .modal-select */
.ctg-page .ctg-final-form .wpcf7-form-control-wrap.pos-system{ display:none !important; }

/* поля — светлые, как в доноре */
.ctg-page .ctg-final-form .modal-input,
.ctg-page .ctg-final-form .modal-select input,
.ctg-page .ctg-final-form input[type=text],
.ctg-page .ctg-final-form input[type=tel],
.ctg-page .ctg-final-form input[type=email]{
  width:100%; background:#FFFDF9; border:1px solid #E8DDD0; border-radius:12px;
  color:#2A1C12; font-family:var(--font); font-size:15px; padding:13px 14px; box-sizing:border-box; height:auto;
}
.ctg-page .ctg-final-form .modal-input::placeholder,
.ctg-page .ctg-final-form input::placeholder{ color:#A99E90; }
.ctg-page .ctg-final-form .modal-input:focus,
.ctg-page .ctg-final-form .modal-select input:focus,
.ctg-page .ctg-final-form input:focus{ outline:none; border-color:#E2702E; box-shadow:0 0 0 4px rgba(226,112,46,.10); }
.ctg-page .ctg-final-form .modal-select{ position:relative; }

/* кнопка отправки — оранжевая, как в доноре. !important перебивает донорское
   правило `.ctg-page form input{...!important}`, которое иначе красит submit как поле */
.ctg-page .ctg-final-form .wpcf7-submit{
  width:100% !important; border:none !important; border-radius:10px !important; padding:16px 24px !important; height:auto !important;
  font-family:var(--font); font-weight:700; font-size:16px; line-height:1; cursor:pointer; color:#2C1206 !important; margin-top:4px;
  background:linear-gradient(135deg,#F4B36A,#E2702E) !important; box-shadow:0 16px 34px -18px rgba(226,112,46,.7) !important; transition:filter .18s, transform .18s;
}
.ctg-page .ctg-final-form .wpcf7-submit:hover{ filter:brightness(1.06); transform:translateY(-2px); }

/* чекбокс согласия: компактный, в строку с текстом (иначе донорское form input делает его во всю ширину) */
.ctg-page .ctg-final-form .wpcf7-acceptance .wpcf7-list-item{ margin:0; }
.ctg-page .ctg-final-form .wpcf7-acceptance label{ display:flex; align-items:flex-start; gap:10px; cursor:pointer; }
.ctg-page .ctg-final-form input[type=checkbox]{
  width:18px !important; height:18px !important; min-width:18px; flex:0 0 18px; padding:0 !important; margin:2px 0 0 !important;
  border:1px solid #C9BBA8 !important; border-radius:5px !important; background:#fff !important; accent-color:#E2702E; box-shadow:none !important;
}
.ctg-page .ctg-final-form .term_and_conditions,
.ctg-page .ctg-final-form .wpcf7-acceptance .wpcf7-list-item-label{ font-size:12.5px; color:#8A7E70; line-height:1.45; }
.ctg-page .ctg-final-form .term_and_conditions a,
.ctg-page .ctg-final-form a{ color:#C2611F; text-decoration:underline; }
.ctg-page .ctg-final-form .wpcf7-response-output{ border-radius:12px; font-size:13.5px; margin:8px 0 0; }
.ctg-page .ctg-final-form .wpcf7-not-valid-tip{ color:#C84A32; font-size:12.5px; }
.ctg-page .ctg-final-form .wpcf7-spinner{ margin:8px auto 0; display:block; }

@media(max-width:600px){
  .ctg-page .ctg-final-form .modal-form{ grid-template-columns:1fr; }
  .ctg-page .ctg-final-form .wpcf7-form-control-wrap.tel-136,
  .ctg-page .ctg-final-form .wpcf7-form-control-wrap.pr-email{ grid-column:1 / -1; }
}

