/* ===== Faixa "Site profissional + redes sociais + WhatsApp" (home e página dedicada) ===== */
.pd-band{ background:linear-gradient(150deg,#062E1B 0%,#0C6B3B 100%); color:#fff; border-radius:24px; padding:44px 40px; position:relative; overflow:hidden; }
.pd-band::after{ content:""; position:absolute; right:-80px; top:-80px; width:280px; height:280px; border-radius:50%; background:rgba(255,255,255,.06); pointer-events:none; }
.pd-band__grid{ display:grid; grid-template-columns:1.15fr .85fr; gap:36px; align-items:center; position:relative; z-index:1; }
.pd-band .pd-eyebrow{ font-family:var(--font-display); font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#7FE3A8; }
.pd-band h2{ font-family:var(--font-display); font-size:clamp(24px,3.2vw,34px); font-weight:800; letter-spacing:-.02em; line-height:1.15; margin:10px 0 14px; color:#fff; }
.pd-band p{ color:#D6EBDF; font-size:16px; margin:0 0 14px; }
.pd-band__cta{ display:flex; flex-wrap:wrap; gap:12px; margin-top:20px; }
.pd-btn{ display:inline-flex; align-items:center; gap:9px; padding:13px 22px; border-radius:999px; font-weight:700; font-size:15px; text-decoration:none; transition:transform .15s, background .15s; }
.pd-btn:hover{ transform:translateY(-2px); }
.pd-btn--primary{ background:#fff; color:#0C6B3B; }
.pd-btn--ghost{ border:1.5px solid rgba(255,255,255,.55); color:#fff; }
.pd-btn--ghost:hover{ background:rgba(255,255,255,.1); }
.pd-btn svg{ width:18px; height:18px; }
.pd-hub{ display:flex; flex-direction:column; align-items:center; gap:14px; }
.pd-hub__row{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
.pd-soc{ width:46px; height:46px; border-radius:14px; background:rgba(255,255,255,.12); color:#fff; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.18); font-weight:800; font-size:12px; font-family:var(--font-display); }
.pd-soc svg{ width:22px; height:22px; fill:currentColor; stroke:none; }
.pd-soc--site svg,.pd-soc--pin svg{ fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.pd-arrow{ color:#7FE3A8; }
.pd-arrow svg{ width:26px; height:26px; }
.pd-wa{ display:flex; align-items:center; gap:12px; background:#fff; color:#062E1B; border-radius:18px; padding:14px 20px; font-weight:700; font-family:var(--font-display); box-shadow:0 8px 26px rgba(0,0,0,.22); }
.pd-wa svg{ width:30px; height:30px; color:#149954; }
.pd-wa small{ display:block; font-family:var(--font-body); font-weight:500; color:#4B5B54; font-size:12.5px; }
@media (max-width:860px){ .pd-band{ padding:32px 22px; } .pd-band__grid{ grid-template-columns:1fr; } }

[hidden]{ display:none !important; }
/* ============================================================
   NotifyPay — páginas de segmento (/segmentos/) e página de presença digital
   Usa os tokens do site (base.css). Tudo com prefixo sg- para não colidir.
   ============================================================ */
.sg-wrap{ max-width:1120px; margin:0 auto; padding:0 24px; }
.sg-main a,.sg-hero a,.sg-cta-final a,.pd-band a{ text-decoration:none; }
.sg-main p a,.sg-main li a,.sg-care a{ text-decoration:underline; }
.sg-crumbs{ font-size:13.5px; color:var(--ink-faint); display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-bottom:18px; }
.sg-crumbs a{ color:inherit; }
.sg-crumbs a:hover{ color:var(--green-dark); }
.sg-hero{ background:linear-gradient(160deg,#062E1B 0%,#0C6B3B 100%); color:#fff; padding:44px 0 56px; position:relative; overflow:hidden; }
.sg-hero::after{ content:""; position:absolute; right:-120px; bottom:-140px; width:420px; height:420px; border-radius:50%; background:rgba(255,255,255,.05); pointer-events:none; }
.sg-hero .sg-crumbs{ color:#A9D8BD; }
.sg-hero .sg-crumbs a:hover{ color:#fff; }
.sg-hero__grid{ display:grid; grid-template-columns:1.2fr .8fr; gap:44px; align-items:center; position:relative; z-index:1; }
.sg-eyebrow{ display:inline-flex; align-items:center; gap:8px; font-family:var(--font-display); font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#7FE3A8; }
.sg-eyebrow svg{ width:16px; height:16px; }
.sg-hero h1{ font-family:var(--font-display); font-size:clamp(28px,4.2vw,44px); font-weight:800; letter-spacing:-.025em; line-height:1.12; margin:12px 0 16px; color:#fff; text-wrap:balance; }
.sg-hero .sg-sub{ font-size:18px; color:#D6EBDF; max-width:620px; margin:0 0 22px; }
.sg-cta{ display:flex; flex-wrap:wrap; gap:12px; }
.sg-btn{ display:inline-flex; align-items:center; gap:9px; padding:14px 24px; border-radius:999px; font-weight:700; font-size:15.5px; transition:transform .15s, box-shadow .15s, background .15s; border:0; cursor:pointer; font-family:inherit; }
.sg-btn svg{ width:19px; height:19px; flex-shrink:0; }
.sg-btn:hover{ transform:translateY(-2px); text-decoration:none !important; }
.sg-btn--wa{ background:#25D366; color:#053B1E; box-shadow:0 6px 18px rgba(37,211,102,.35); }
.sg-btn--wa:hover{ background:#3BE07A; }
.sg-btn--ghost{ border:1.5px solid rgba(255,255,255,.55); color:#fff; background:transparent; }
.sg-btn--ghost:hover{ background:rgba(255,255,255,.1); }
.sg-btn--dark{ background:var(--green-deep); color:#fff; }
.sg-btn--line{ border:1.5px solid var(--green); color:var(--green-dark); background:#fff; }
.sg-hero__panel{ background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); border-radius:20px; padding:22px 22px 14px; backdrop-filter:blur(4px); }
.sg-hero__panel h2{ font-family:var(--font-display); font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:#7FE3A8; margin:0 0 12px; font-weight:700; }
.sg-hero__panel ol{ list-style:none; margin:0; padding:0; counter-reset:p; }
.sg-hero__panel li{ counter-increment:p; margin:0; }
.sg-hero__panel a{ display:flex; gap:12px; align-items:center; padding:9px 0; color:#EAF7EF; font-weight:600; font-size:15px; border-bottom:1px solid rgba(255,255,255,.1); }
.sg-hero__panel li:last-child a{ border-bottom:0; }
.sg-hero__panel a::before{ content:counter(p); width:24px; height:24px; border-radius:50%; background:rgba(127,227,168,.2); color:#7FE3A8; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:800; flex-shrink:0; }
.sg-hero__panel a:hover{ color:#fff; }
.sg-section{ padding:64px 0 0; }
.sg-section:last-of-type{ padding-bottom:20px; }
.sg-h2{ font-family:var(--font-display); font-size:clamp(22px,3vw,32px); font-weight:800; letter-spacing:-.02em; line-height:1.18; margin:0 0 10px; color:var(--ink); text-wrap:balance; }
.sg-lead{ font-size:17px; color:var(--ink-soft); max-width:760px; margin:0 0 28px; }
.sg-kicker{ font-family:var(--font-display); font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--green-dark); display:block; margin-bottom:8px; }
.sg-answer{ display:flex; gap:16px; background:var(--green-light); border:1px solid #BFE9CF; border-radius:18px; padding:22px 24px; margin-top:-34px; position:relative; z-index:2; box-shadow:0 10px 30px rgba(6,46,27,.12); }
.sg-answer svg{ width:28px; height:28px; color:var(--green-dark); flex-shrink:0; margin-top:2px; }
.sg-answer p{ margin:0; color:var(--ink); font-size:16.5px; }
.sg-grid{ display:grid; gap:18px; }
.sg-grid--4{ grid-template-columns:repeat(4,1fr); }
.sg-grid--3{ grid-template-columns:repeat(3,1fr); }
.sg-grid--2{ grid-template-columns:repeat(2,1fr); }
.sg-card{ background:#fff; border:1px solid var(--line); border-radius:18px; padding:22px; display:flex; flex-direction:column; gap:10px; min-width:0; }
.sg-card h3{ font-family:var(--font-display); font-size:17px; font-weight:700; margin:0; line-height:1.3; color:var(--ink); }
.sg-card p{ margin:0; color:var(--ink-soft); font-size:15px; }
.sg-ico{ width:44px; height:44px; border-radius:12px; background:var(--green-light); color:var(--green-dark); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.sg-ico svg{ width:22px; height:22px; }
.sg-card--dor{ border-color:#F4D9D3; background:#FFFAF8; }
.sg-card--dor .sg-ico{ background:#FDE6E1; color:#B6402C; }
.sg-demo{ display:grid; grid-template-columns:.9fr 1.1fr; gap:40px; align-items:center; }
.sg-demo__txt h3{ font-family:var(--font-display); font-size:22px; margin:0 0 8px; }
.sg-demo__txt p{ color:var(--ink-soft); margin:0 0 14px; }
.sg-tabs{ display:flex; flex-direction:column; gap:10px; margin:18px 0; }
.sg-tab{ text-align:left; background:#fff; border:1.5px solid var(--line); border-radius:14px; padding:14px 16px; cursor:pointer; font:inherit; color:var(--ink); display:flex; gap:12px; align-items:flex-start; transition:border-color .15s, background .15s; }
.sg-tab strong{ display:block; font-family:var(--font-display); font-size:15.5px; }
.sg-tab span{ display:block; font-size:13.5px; color:var(--ink-faint); margin-top:2px; }
.sg-tab .sg-ico{ width:38px; height:38px; }
.sg-tab[aria-selected="true"]{ border-color:var(--green); background:var(--green-light); }
.sg-tab:focus-visible{ outline:3px solid var(--green-light); outline-offset:2px; }
.sg-tabs{ gap:8px; }
.sg-tab{ padding:11px 14px; }
.sg-tab .sg-ico{ width:34px; height:34px; display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:0; }
.sg-tab .sg-ico svg{ width:18px; height:18px; }
.sg-cenario{ font-size:14.5px; min-height:3.2em; }
@media (max-width:640px){ .sg-tab div > span{ display:none; } .sg-tabs{ margin:14px 0; } }
.sg-replay{ background:none; border:0; color:var(--green-dark); font-weight:700; cursor:pointer; font:inherit; font-weight:700; display:inline-flex; gap:7px; align-items:center; padding:6px 0; }
.sg-replay svg{ width:16px; height:16px; }
.sg-phone{ width:100%; max-width:410px; margin:0 auto; background:#0b1310; border-radius:36px; padding:11px; box-shadow:0 24px 60px rgba(6,46,27,.28); }
.sg-phone__screen{ border-radius:27px; overflow:hidden; background:#ECE5DD; display:flex; flex-direction:column; height:540px; }
.sg-phone__bar{ background:#075E54; color:#fff; padding:13px 16px; display:flex; align-items:center; gap:11px; flex-shrink:0; }
.sg-phone__av{ width:36px; height:36px; border-radius:50%; background:#25D366; display:flex; align-items:center; justify-content:center; color:#053B1E; }
.sg-phone__av svg{ width:19px; height:19px; }
.sg-phone__bar b{ display:block; font-size:15px; line-height:1.2; }
.sg-phone__bar small{ font-size:12px; color:#BFE3DA; }
.sg-chat{ flex:1; overflow-y:auto; padding:14px 12px 16px; display:flex; flex-direction:column; gap:7px; scroll-behavior:auto; overscroll-behavior:auto; -webkit-overflow-scrolling:touch; background:#ECE5DD; }
.sg-msg{ max-width:84%; padding:8px 11px 7px; border-radius:10px; font-size:14px; line-height:1.4; color:#111; box-shadow:0 1px 1px rgba(0,0,0,.13); word-wrap:break-word; overflow-wrap:anywhere; }
.sg-msg--cliente{ align-self:flex-end; background:#D9FDD3; border-top-right-radius:2px; }
.sg-msg--empresa{ align-self:flex-start; background:#fff; border-top-left-radius:2px; }
.js-anim .sg-msg{ display:none; }
.js-anim .sg-msg.is-in{ display:block; animation:sg-in .35s ease both; }
@keyframes sg-in{ from{ opacity:0; transform:translateY(8px) scale(.98); } to{ opacity:1; transform:none; } }
/* [2026-10 rodada 8] mensagens ainda nao exibidas nao ocupam espaco: a conversa so rola ate onde ja foi escrita */
.sg-typing{ align-self:flex-start; background:#fff; border-radius:10px; padding:10px 14px; display:none; gap:4px; box-shadow:0 1px 1px rgba(0,0,0,.13); }
.sg-typing.on{ display:flex; }
.sg-typing i{ width:7px; height:7px; border-radius:50%; background:#9AA7A0; animation:sg-b 1s infinite; }
.sg-typing i:nth-child(2){ animation-delay:.15s; } .sg-typing i:nth-child(3){ animation-delay:.3s; }
@keyframes sg-b{ 0%,60%,100%{ transform:translateY(0); opacity:.5; } 30%{ transform:translateY(-4px); opacity:1; } }
.sg-phone__foot{ background:#F0F0F0; padding:9px 12px; display:flex; gap:9px; align-items:center; flex-shrink:0; }
.sg-phone__foot svg{ width:22px; height:22px; color:#075E54; flex-shrink:0; }
.sg-phone__foot span{ flex:1; background:#fff; border-radius:20px; padding:8px 14px; font-size:13px; color:#8a8a8a; }
.sg-use{ display:flex; flex-direction:column; gap:12px; }
.sg-camp .sg-bubble{ margin-top:0; }
.sg-use .sg-card__top{ display:flex; gap:14px; align-items:center; }
.sg-bubble{ background:#D9FDD3; border-radius:12px 12px 12px 2px; padding:10px 13px; font-size:13.5px; line-height:1.45; color:#1b2b22; border:1px solid #C3EDBD; margin-top:auto; }
.sg-bubble small{ display:block; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--green-dark); margin-bottom:4px; }
.sg-more{ font-size:13.5px; font-weight:700; color:var(--green-dark); display:inline-flex; gap:6px; align-items:center; }
.sg-more svg{ width:14px; height:14px; }
.sg-flow{ counter-reset:j; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.sg-step{ background:#fff; border:1px solid var(--line); border-radius:18px; padding:22px 22px 20px; position:relative; counter-increment:j; }
.sg-step::before{ content:counter(j); width:34px; height:34px; border-radius:50%; background:var(--green); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-family:var(--font-display); margin-bottom:12px; }
.sg-step h3{ font-family:var(--font-display); font-size:16.5px; margin:0 0 6px; }
.sg-step p{ margin:0; color:var(--ink-soft); font-size:15px; }
.sg-auto{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.sg-rule{ display:grid; grid-template-columns:1fr auto 1fr; gap:12px; align-items:stretch; background:#fff; border:1px solid var(--line); border-radius:16px; padding:14px; }
.sg-rule>div{ padding:6px 8px; font-size:14.5px; color:var(--ink-soft); }
.sg-rule b{ display:block; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--green-dark); margin-bottom:3px; font-family:var(--font-display); }
.sg-rule__arr{ display:flex; align-items:center; color:var(--green); padding:0 !important; }
.sg-rule__arr svg{ width:22px; height:22px; }
.sg-camp{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.sg-camp .sg-card h3{ display:flex; gap:10px; align-items:center; }
.sg-meta{ display:flex; flex-direction:column; gap:3px; font-size:13.5px; color:var(--ink-soft); }
.sg-meta b{ color:var(--ink); }
.sg-ideas{ list-style:none; margin:0; padding:0; columns:2; column-gap:26px; }
.sg-ideas li{ break-inside:avoid; display:flex; gap:12px; margin:0 0 14px; padding:14px 16px; background:#fff; border:1px solid var(--line); border-radius:14px; color:var(--ink-soft); font-size:15px; }
.sg-ideas li svg{ width:20px; height:20px; color:var(--green); flex-shrink:0; margin-top:3px; }
.sg-care{ background:#FFF8E6; border:1px solid #F3DFA2; border-radius:18px; padding:24px 26px; }
.sg-care h2{ font-family:var(--font-display); font-size:20px; margin:0 0 12px; display:flex; gap:10px; align-items:center; }
.sg-care h2 svg{ width:24px; height:24px; color:#B7791F; }
.sg-care ul{ margin:0; padding-left:20px; color:#5B4A1E; }
.sg-care li{ margin-bottom:8px; }
.sg-faq details{ background:#fff; border:1px solid var(--line); border-radius:14px; margin-bottom:10px; }
.sg-faq summary{ cursor:pointer; padding:16px 20px; font-weight:700; font-size:16px; list-style:none; display:flex; justify-content:space-between; gap:14px; align-items:center; color:var(--ink); }
.sg-faq summary::-webkit-details-marker{ display:none; }
.sg-faq summary::after{ content:"+"; font-size:22px; color:var(--green); font-weight:400; line-height:1; flex-shrink:0; }
.sg-faq details[open] summary::after{ content:"−"; }
.sg-faq details p{ margin:0; padding:0 20px 18px; color:var(--ink-soft); }
.sg-search{ background:var(--paper-dim); border-radius:18px; padding:24px 26px; color:var(--ink-soft); font-size:15.5px; }
.sg-search h2{ font-family:var(--font-display); font-size:18px; margin:0 0 8px; color:var(--ink); }
.sg-search p{ margin:0; }
.sg-tags{ display:flex; flex-wrap:wrap; gap:9px; }
.sg-tag{ display:inline-flex; gap:8px; align-items:center; background:#fff; border:1px solid var(--line); border-radius:999px; padding:9px 16px; font-size:14px; font-weight:600; color:var(--ink) !important; transition:border-color .15s, background .15s; }
.sg-tag:hover{ border-color:var(--green); background:var(--green-light); text-decoration:none !important; }
.sg-tag svg{ width:16px; height:16px; color:var(--green-dark); }
.sg-cta-final{ background:var(--green-light); border:1px solid #BFE9CF; border-radius:24px; padding:40px 36px; color:var(--ink); text-align:center; margin-top:64px; }
.sg-cta-final h2{ font-family:var(--font-display); font-size:clamp(22px,3vw,30px); margin:0 0 10px; color:var(--ink); }
.sg-cta-final p{ color:var(--ink-soft); margin:0 auto 20px; max-width:640px; }
.sg-cta-final .sg-cta{ justify-content:center; }
.sg-update{ font-size:13px; color:var(--ink-faint); margin-top:26px; text-align:center; }
.sg-band{ margin-top:64px; }
/* hub */
.sg-filter{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin:0 0 22px; }
.sg-filter input{ flex:1 1 260px; min-width:0; padding:13px 18px 13px 44px; border-radius:999px; border:1.5px solid var(--line); font:inherit; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C8B84' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E") no-repeat 15px center/20px; }
.sg-filter input:focus{ outline:3px solid var(--green-light); border-color:var(--green); }
.sg-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.sg-chip{ border:1.5px solid var(--line); background:#fff; border-radius:999px; padding:8px 15px; font:inherit; font-size:13.5px; font-weight:600; cursor:pointer; color:var(--ink-soft); }
.sg-chip[aria-pressed="true"]{ background:var(--green); border-color:var(--green); color:#fff; }
.sg-hubgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.sg-seg{ background:#fff; border:1px solid var(--line); border-radius:18px; padding:20px; display:flex; flex-direction:column; gap:10px; color:inherit !important; transition:transform .15s, border-color .15s, box-shadow .15s; min-width:0; }
.sg-seg:hover{ transform:translateY(-3px); border-color:var(--green); box-shadow:0 10px 26px rgba(6,46,27,.09); text-decoration:none !important; }
/* [2026-10 rodada 7] hover igual ao da home: card verde escuro, icone verde, textos claros */
.sg-seg,.sg-seg h3,.sg-seg p,.sg-seg__grp,.sg-seg .sg-more,.sg-seg .sg-ico{ transition:background .25s, color .25s, border-color .25s, transform .2s, box-shadow .25s; }
.sg-seg:hover,.sg-seg:focus-visible{ background:var(--green-deep); border-color:var(--green-deep); box-shadow:0 14px 30px rgba(6,46,27,.28); outline:none; }
.sg-seg:focus-visible{ box-shadow:0 0 0 3px var(--green-light), 0 14px 30px rgba(6,46,27,.28); }
.sg-seg:hover h3,.sg-seg:focus-visible h3{ color:#fff; }
.sg-seg:hover p,.sg-seg:focus-visible p{ color:#C7DED2; }
.sg-seg:hover .sg-seg__grp,.sg-seg:focus-visible .sg-seg__grp{ color:#8EE0B3; }
.sg-seg:hover .sg-ico,.sg-seg:focus-visible .sg-ico{ background:var(--green); color:#fff; }
.sg-seg:hover .sg-more,.sg-seg:focus-visible .sg-more{ color:#fff; }
@media (prefers-reduced-motion:reduce){ .sg-seg,.sg-seg *{ transition:none; } }
.sg-seg h3{ font-family:var(--font-display); font-size:17px; margin:0; color:var(--ink); }
.sg-seg p{ margin:0; font-size:14.5px; color:var(--ink-soft); }
.sg-seg__grp{ font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--green-dark); font-weight:700; font-family:var(--font-display); }
.sg-empty{ display:none; padding:30px; text-align:center; color:var(--ink-faint); }
/* página de presença digital */
.sg-nets{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.sg-net{ background:#fff; border:1px solid var(--line); border-radius:18px; padding:20px; display:flex; flex-direction:column; gap:9px; min-width:0; }
.sg-net__top{ display:flex; align-items:center; gap:12px; }
.sg-net__logo{ width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; color:#fff; flex-shrink:0; font-family:var(--font-display); font-weight:800; font-size:13px; }
.sg-net__logo svg{ width:24px; height:24px; fill:currentColor; stroke:none; }
.sg-net__logo--pin svg{ fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.sg-net h3{ font-family:var(--font-display); font-size:16.5px; margin:0; }
.sg-net p{ margin:0; font-size:14px; color:var(--ink-soft); }
.sg-net b{ color:var(--ink); }
.sg-pipe{ display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:14px; align-items:stretch; }
.sg-pipe__box{ background:#fff; border:1px solid var(--line); border-radius:18px; padding:20px; }
.sg-pipe__box h3{ font-family:var(--font-display); font-size:16.5px; margin:8px 0 6px; }
.sg-pipe__box p{ margin:0; font-size:14.5px; color:var(--ink-soft); }
.sg-pipe__arr{ display:flex; align-items:center; color:var(--green); }
.sg-pipe__arr svg{ width:28px; height:28px; }
.sg-check{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.sg-check li{ display:flex; gap:12px; background:#fff; border:1px solid var(--line); border-radius:14px; padding:14px 16px; color:var(--ink-soft); font-size:15px; }
.sg-check svg{ width:20px; height:20px; color:var(--green); flex-shrink:0; margin-top:3px; }
.sg-offer{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.sg-price{ font-family:var(--font-display); font-weight:800; font-size:22px; color:var(--green-dark); }
.sg-price small{ font-family:var(--font-body); font-weight:500; font-size:13px; color:var(--ink-faint); display:block; }
@media (max-width:1000px){
  .sg-grid--4{ grid-template-columns:repeat(2,1fr); } .sg-grid--3,.sg-offer,.sg-flow{ grid-template-columns:repeat(2,1fr); }
  .sg-nets{ grid-template-columns:repeat(2,1fr); } .sg-hubgrid{ grid-template-columns:repeat(2,1fr); }
  .sg-pipe{ grid-template-columns:1fr; } .sg-pipe__arr{ justify-content:center; transform:rotate(90deg); }
}
@media (max-width:860px){
  .sg-hero__grid,.sg-demo{ grid-template-columns:1fr; gap:28px; }
  .sg-auto,.sg-camp,.sg-check{ grid-template-columns:1fr; } .sg-ideas{ columns:1; }
  .sg-answer{ margin-top:-24px; }
}
@media (max-width:600px){
  .sg-wrap{ padding:0 18px; } .sg-section{ padding-top:48px; }
  .sg-grid--4,.sg-grid--3,.sg-grid--2,.sg-offer,.sg-flow,.sg-nets,.sg-hubgrid{ grid-template-columns:1fr; }
  .sg-rule{ grid-template-columns:1fr; } .sg-rule__arr{ transform:rotate(90deg); justify-content:center; }
  .sg-phone__screen{ height:500px; } .sg-btn{ width:100%; justify-content:center; } .sg-cta-final{ padding:30px 20px; }
  .sg-hero{ padding:30px 0 48px; }
}
@media (prefers-reduced-motion:reduce){ .js-anim .sg-msg.is-in{ animation:none; } .sg-typing i{ animation:none; } .sg-btn,.sg-seg,.sg-tag{ transition:none; } }