:root{
  --ink:#0e1a24;
  --muted:#5a6a72;
  --line:#d7e2e0;
  --soft:#eef5f3;
  --paper:#f6faf8;
  --blue:#0b7f74;
  --blue-2:#0a6e65;
  --violet:#0b7f74;
  --green:#1a9a6e;
  --orange:#e07a3d;
  --purple:#1f6b66;
  --signal:#0b7f74;
  --signal-deep:#075a53;
  --mist:#d9ece8;
  --shadow:0 18px 48px rgba(14,26,36,.10);
  --shadow-sm:0 10px 24px rgba(14,26,36,.06);
  --shadow-hover:0 22px 52px rgba(14,26,36,.12);
  --radius-xl:24px;
  --radius-lg:18px;
  --radius-md:14px;
  --container:1180px;
  --section-y:clamp(4.25rem,6.5vw,6rem);
  --hero-y:clamp(3.5rem,6vw,5.25rem);
  --ease-out:cubic-bezier(.22,1,.36,1);
  --font-display:"Unbounded",system-ui,sans-serif;
  --font-body:"Onest",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--paper);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1}
::selection{background:rgba(11,127,116,.18);color:var(--ink)}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
img,svg{display:block;max-width:100%}
:focus{outline:none}
:focus-visible{outline:3px solid rgba(11,127,116,.45);outline-offset:3px}
.container{width:min(var(--container),calc(100% - 40px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(246,250,248,.84);backdrop-filter:blur(18px) saturate(1.1);border-bottom:1px solid rgba(215,226,224,.7);transition:box-shadow .35s var(--ease-out),background .35s var(--ease-out),border-color .35s var(--ease-out)}
.site-header.is-scrolled{background:rgba(246,250,248,.95);border-bottom-color:rgba(215,226,224,.5);box-shadow:0 12px 32px rgba(14,26,36,.06)}
.navbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:11px;font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.04em;color:var(--ink);transition:opacity .2s}
.brand:hover{opacity:.88}
.brand-logo{flex:0 0 auto;border-radius:10px;box-shadow:0 8px 18px rgba(11,127,116,.2)}
.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--signal);display:grid;place-items:center;color:white;box-shadow:0 8px 18px rgba(11,127,116,.22);font-size:14px;font-weight:900}
.nav-links{display:flex;align-items:center;gap:26px;font-size:15px;font-weight:600;color:#3d4d54;letter-spacing:-.01em}
.nav-links a{position:relative;padding:8px 0;color:inherit;transition:color .2s}
.nav-links a:hover{color:var(--signal-deep)}
.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;border-radius:2px;background:var(--signal);transition:right .35s var(--ease-out)}
.nav-links a:hover:after,.nav-links a.active:after{right:0}
.nav-links a.active{color:var(--signal-deep);font-weight:700}
.nav-actions{display:flex;align-items:center;gap:12px}
.btn{border:0;border-radius:12px;padding:13px 20px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out),background .25s,filter .25s,color .2s;white-space:nowrap;letter-spacing:-.02em}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn-primary{color:#fff;background:var(--signal);box-shadow:0 12px 28px rgba(11,127,116,.22)}
.btn-primary:hover{background:var(--signal-deep);filter:none;box-shadow:0 14px 32px rgba(7,90,83,.28)}
.btn-secondary{color:var(--ink);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.btn-secondary:hover{border-color:#b9cbc7;background:#fbfffe}
.btn-ghost{color:var(--signal-deep);background:var(--mist)}

.btn-sm{padding:10px 15px;border-radius:12px;font-size:14px}
.btn-lg{padding:15px 26px;border-radius:16px;font-size:16px;letter-spacing:-.025em}
.mobile-toggle{display:none;border:0;background:var(--mist);width:44px;height:44px;border-radius:13px;cursor:pointer;transition:background .2s,transform .2s;align-items:center;justify-content:center;padding:0}
.mobile-toggle span{display:block;width:18px;height:2px;background:var(--signal-deep);border-radius:2px;position:relative;transition:transform .25s,opacity .25s}
.mobile-toggle span:before,.mobile-toggle span:after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--signal-deep);border-radius:2px;transition:transform .25s,top .25s,bottom .25s}
.mobile-toggle span:before{top:-6px}.mobile-toggle span:after{bottom:-6px}
.mobile-toggle:hover{background:#cfe5e1}
.mobile-toggle.is-open span{background:transparent}
.mobile-toggle.is-open span:before{top:0;transform:rotate(45deg)}
.mobile-toggle.is-open span:after{bottom:0;transform:rotate(-45deg)}
.nav-backdrop{display:none;appearance:none;-webkit-appearance:none}
@keyframes pulse-dot{0%,100%{box-shadow:0 0 0 4px rgba(37,189,123,.13)}50%{box-shadow:0 0 0 7px rgba(37,189,123,.08)}}
@keyframes float-shell{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
.reveal.is-visible{opacity:1;transform:none}
.hero{position:relative;overflow:hidden;padding:var(--hero-y) 0 calc(var(--hero-y) + 1.25rem);background:
radial-gradient(ellipse 80% 55% at 88% 8%,rgba(138,63,252,.14),transparent 55%),
radial-gradient(ellipse 70% 50% at 12% 0%,rgba(31,107,255,.12),transparent 50%),
linear-gradient(180deg,#fff 0%,#f8fcfb 100%)}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(11,127,116,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(11,127,116,.05) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(180deg,#000 0%,transparent 88%);pointer-events:none;opacity:.55}
.hero:after{display:none}
.hero-grid{display:grid;grid-template-columns:42% 58%;gap:48px;align-items:center;position:relative;z-index:1}
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--mist);color:var(--signal-deep);border:1px solid #c5ddd8;padding:7px 11px;border-radius:999px;font-size:13px;font-weight:800;margin-bottom:18px}
.eyebrow-dot{width:8px;height:8px;background:#25bd7b;border-radius:50%;box-shadow:0 0 0 4px rgba(37,189,123,.13);animation:pulse-dot 2.4s ease-in-out infinite}
h1{font-family:var(--font-display);font-size:clamp(2.6rem,5vw,4.25rem);line-height:1.02;letter-spacing:-.04em;margin:0 0 20px;font-weight:700}
.hero-copy p{font-size:19px;color:var(--muted);max-width:560px;margin:0 0 30px;line-height:1.65}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.trust-line{display:flex;align-items:center;flex-wrap:wrap;gap:14px 18px;margin-top:32px;color:#52607b;font-size:14px;line-height:1.45}
.trust-chips{display:flex;gap:8px;flex-wrap:wrap}
.trust-chip{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--signal-deep);background:#fff;border:1px solid #dbe4f6;box-shadow:0 6px 16px rgba(36,56,120,.06)}
.trust-copy{color:#5a6680;font-size:14px;max-width:420px}
.trust-icons{display:flex}
.trust-icon{width:35px;height:35px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;margin-right:-6px;box-shadow:0 5px 14px rgba(27,56,122,.08)}
.product-shell{position:relative;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,251,255,.9));border:1px solid rgba(208,220,242,.95);box-shadow:var(--shadow);border-radius:var(--radius-xl);padding:22px 22px 20px;backdrop-filter:blur(20px);transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out);animation:float-shell 7s ease-in-out infinite}
.product-shell:hover{animation:none;transform:translateY(-2px);box-shadow:var(--shadow-hover)}
.product-shell:after{content:"";position:absolute;inset:auto 8% -26px 8%;height:44px;background:rgba(108,95,245,.22);filter:blur(30px);z-index:-1}
.product-chrome{display:flex;align-items:center;gap:7px;margin:0 0 10px 2px}
.product-chrome span{width:10px;height:10px;border-radius:50%;background:#d9e0ef;box-shadow:inset 0 -1px 0 rgba(0,0,0,.06)}
.product-chrome span:nth-child(1){background:#ff826b}.product-chrome span:nth-child(2){background:#ffc34d}.product-chrome span:nth-child(3){background:#4fce85}
.product-top{font-weight:800;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.14em;margin:0 0 14px 2px}
.product-grid{display:grid;grid-template-columns:1fr 152px;gap:16px}
.summary-panel,.side-panel{border:1px solid var(--line);border-radius:20px;background:#fff;padding:16px}
.summary-kicker{font-size:13px;color:#4d5873;margin-bottom:2px}
.summary-number{display:flex;align-items:baseline;gap:8px;font-weight:800;margin-bottom:12px}
.summary-number strong{font-size:38px;color:var(--signal);line-height:1}.summary-number .arrow{color:#9aa5bf;font-size:18px}.summary-number .accent{color:var(--signal-deep)}
.summary-list{display:grid;gap:8px}
.summary-row{display:flex;align-items:center;gap:10px;min-height:43px;border:1px solid #e6ebf5;border-radius:12px;padding:8px 11px;font-size:13px;color:#26314e;background:#fff}
.round-icon{flex:0 0 auto;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:13px}
.green{background:#e6f8ef;color:#16a263}.orange{background:#fff3df;color:#ef8a00}.purple{background:#e6f4f1;color:#0a6e65}.blue{background:#e8f4f2;color:#0b7f74}
.summary-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.stat-chip{border-radius:12px;text-align:center;padding:8px 3px;border:1px solid #e1e8f5;background:#f9fbff;font-size:11px;color:#5d6783}.stat-chip b{display:block;font-size:22px;color:var(--blue);line-height:1.1}.stat-chip:nth-child(2) b{color:var(--green)}.stat-chip:nth-child(3) b{color:var(--orange)}.stat-chip:nth-child(4) b{color:var(--violet)}
.side-menu{display:grid;gap:7px}
.side-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:11px;color:#45516e;font-size:12px;font-weight:700}.side-icon{flex:0 0 16px;width:16px;height:16px;border-radius:5px;background:linear-gradient(145deg,#e8f2ef,#dceae6);position:relative;opacity:.85}.side-item.active .side-icon{background:linear-gradient(145deg,#0b7f74,#1a9a6e);opacity:1}.side-icon-home:after{content:"";position:absolute;inset:4px 3px 3px 3px;border:2px solid #8a9bb8;border-top:none;border-radius:0 0 3px 3px}.side-item.active .side-icon-home:after{border-color:rgba(255,255,255,.85)}.side-icon-check:after{content:"";position:absolute;left:4px;top:3px;width:5px;height:8px;border:solid #8a9bb8;border-width:0 2px 2px 0;transform:rotate(45deg)}.side-item.active .side-icon-check:after{border-color:#fff}.side-icon-cal{box-shadow:inset 0 -3px 0 #c5ddd8,inset 0 3px 0 #c5ddd8}.side-item.active .side-icon-cal{box-shadow:inset 0 -3px 0 rgba(255,255,255,.5),inset 0 3px 0 rgba(255,255,255,.5)}.side-icon-pay{font-size:9px;font-weight:900;display:grid;place-items:center;color:#8a9bb8;line-height:1}.side-item.active .side-icon-pay{color:#fff}.side-icon-files{background:repeating-linear-gradient(180deg,#c5ddd8 0 2px,transparent 2px 5px)}.side-item.active .side-icon-files{background:repeating-linear-gradient(180deg,rgba(255,255,255,.7) 0 2px,transparent 2px 5px)}.side-item.active{background:var(--mist);color:var(--signal-deep);border:1px solid #c5ddd8}.side-badge{margin-left:auto;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#39bd82;font-size:10px}.side-badge.orange-bg{background:#ffb143}
.avatar-card{margin-top:12px;border:1px solid var(--line);border-radius:13px;padding:10px;font-size:11px;color:#5a6682}.avatars{display:flex;margin-top:8px}.avatar{width:24px;height:24px;border-radius:50%;border:2px solid #fff;margin-right:-5px;display:grid;place-items:center;font-size:9px;color:white;font-weight:800;background:linear-gradient(135deg,#0b7f74,#1a9a6e)}
.section{padding:var(--section-y) 0}
.section-soft{background:linear-gradient(180deg,#fbfffe 0%,#f3f7ff 100%)}
.section-title{text-align:center;margin:0 auto 48px;max-width:820px}.section-title h2{font-family:var(--font-display);font-size:clamp(1.9rem,3.4vw,2.6rem);line-height:1.1;letter-spacing:-.035em;margin:0 0 14px;font-weight:700}.section-title p{font-size:18px;color:var(--muted);margin:0;line-height:1.58}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 10px 28px rgba(45,70,135,.05);transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out),border-color .35s}
.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:#b9cbc7}
.step-card{min-height:240px;padding:24px;position:relative;overflow:hidden}
.step-number{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--signal),#075a53);box-shadow:0 8px 18px rgba(11,127,116,.28);margin-bottom:14px}.step-card h3{font-size:20px;line-height:1.15;margin:0 0 10px}.step-card p{font-size:14px;color:var(--muted);max-width:185px;margin:0}.step-visual{position:absolute;right:14px;bottom:10px;width:118px;height:100px}
.chat-visual{display:grid;place-items:center}.chat-bubble{width:72px;height:50px;border-radius:13px;background:linear-gradient(135deg,#0b7f74,#075a53);box-shadow:0 12px 22px rgba(11,127,116,.28);position:relative}.chat-bubble:after{content:"";position:absolute;bottom:-9px;right:10px;border:10px solid transparent;border-top-color:#0b7f74;transform:rotate(-10deg)}.chat-lines{position:absolute;left:18px;right:18px;top:16px;height:4px;background:#fff;border-radius:4px;box-shadow:0 11px 0 rgba(255,255,255,.8)}
.robot{position:relative}.robot-head{width:88px;height:68px;border-radius:29px;background:linear-gradient(145deg,#fff,#d9e7ff);border:3px solid #dce8fb;position:absolute;right:9px;bottom:17px;box-shadow:0 12px 26px rgba(35,72,148,.18)}.robot-face{position:absolute;inset:12px 10px 15px;border-radius:18px;background:#142342}.robot-eye{position:absolute;top:17px;width:10px;height:16px;border-radius:50%;background:#4ce0ff;box-shadow:0 0 12px #4ce0ff}.robot-eye.left{left:25px}.robot-eye.right{right:25px}.magnifier{position:absolute;left:5px;bottom:0;width:50px;height:50px;border:6px solid #315991;border-radius:50%;background:rgba(255,255,255,.35)}.magnifier:after{content:"";position:absolute;width:30px;height:7px;background:#315991;border-radius:6px;right:-23px;bottom:-10px;transform:rotate(46deg)}
.checklist{width:84px;height:92px;background:#eef4ff;border:1px solid #d8e4fb;border-radius:16px;position:absolute;right:10px;bottom:2px;box-shadow:0 12px 24px rgba(54,82,145,.12)}.checklist .line{height:7px;border-radius:9px;background:#c5ddd8;margin:14px 13px 0 32px;position:relative}.checklist .line:before{content:"✓";position:absolute;left:-23px;top:-5px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#35c07e;color:#fff;font-size:10px}.step-visual-notify:after{content:"";position:absolute;right:0;bottom:14px;width:22px;height:22px;border-radius:50%;background:linear-gradient(145deg,#ffb84d,#f59a23);box-shadow:0 8px 18px rgba(245,154,35,.35);border:3px solid #fff}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{padding:22px;display:flex;gap:18px;align-items:flex-start}.feature-icon{flex:0 0 62px;width:62px;height:62px;border-radius:18px;display:grid;place-items:center;font-size:22px;font-weight:900;border:1px solid #c5ddd8;background:var(--mist);color:var(--signal-deep);letter-spacing:-.04em}.feature-card:nth-child(2) .feature-icon{background:#eaf9f0;color:#29aa6d}.feature-card:nth-child(3) .feature-icon{background:var(--mist);color:var(--signal-deep)}.feature-card:nth-child(4) .feature-icon{background:#fff4e5;color:#f09100}.feature-card h3{font-size:18px;margin:2px 0 6px}.feature-card p{font-size:14px;color:var(--muted);margin:0;line-height:1.5}
.audience-card{padding:20px;min-height:260px;display:flex;flex-direction:column}.audience-art{height:132px;border-radius:18px;background:linear-gradient(155deg,#f7fcfb 0%,#eef5f3 55%,#e6f2ef 100%);margin-bottom:16px;display:grid;place-items:center;overflow:hidden;position:relative;border:1px solid rgba(197,221,216,.75)}.audience-glyph{font-size:15px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--signal-deep);padding:14px 18px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);box-shadow:0 12px 28px rgba(36,56,120,.08)}.audience-card h3{margin:0 0 6px;font-size:18px;letter-spacing:-.02em}.audience-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.testimonials{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:920px;margin:0 auto}.quote-card{padding:22px;display:flex;gap:16px;align-items:flex-start}.quote-avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:white;font-size:20px;font-weight:900;background:linear-gradient(135deg,#e07a3d,#0b7f74)}.quote-mark{font-size:40px;line-height:.7;color:var(--signal);font-weight:900}.quote-card p{margin:0 0 8px;color:#4b5774;font-size:14px}.quote-card strong{font-size:13px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}.price-card{padding:28px;position:relative;display:flex;flex-direction:column}.price-card.popular{border:2px solid var(--signal);box-shadow:0 18px 40px rgba(11,127,116,.16);transform:translateY(-6px)}.popular-tag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--signal);color:white;border-radius:999px;padding:7px 20px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.price-card h3{font-size:21px;margin:0 0 8px}.price{font-size:46px;font-weight:900;letter-spacing:-2px;margin-bottom:20px}.price small{font-size:15px;color:var(--muted);font-weight:600;letter-spacing:0}.price-list{display:grid;gap:10px;margin-bottom:24px}.price-item{display:flex;gap:9px;align-items:flex-start;color:#45516e;font-size:14px}.check{color:var(--signal);font-weight:900}.price-card .btn{margin-top:auto}
.cta{padding:0 0 calc(var(--section-y) * .55)}.cta-banner{min-height:210px;border-radius:var(--radius-xl);background:linear-gradient(120deg,#075a53 0%,#0b7f74 55%,#1a9a6e 100%);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:44px 32px;position:relative;overflow:hidden;box-shadow:0 24px 48px rgba(7,90,83,.28)}.cta-banner:before{content:"";position:absolute;inset:-40% -20%;background:radial-gradient(circle,rgba(255,255,255,.16) 0%,transparent 55%);pointer-events:none}.cta-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.08) 50%,transparent 60%);pointer-events:none}.cta-banner h2{font-size:clamp(1.875rem,3.2vw,2.5rem);letter-spacing:-.04em;margin:0 0 10px;position:relative;z-index:1}.cta-banner p{margin:0 0 22px;color:rgba(255,255,255,.88);position:relative;z-index:1;line-height:1.5;font-size:17px}.cta-banner .btn{background:#fff;color:var(--signal-deep);box-shadow:0 14px 30px rgba(25,28,102,.18);position:relative;z-index:1}
.site-footer{border-top:0;padding:40px 0 36px;background:linear-gradient(180deg,#fff 0%,#f3f8f6 100%)}
.footer-col h4{margin:6px 0 14px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#8a94ad;font-weight:800}
.footer-col a{display:block;color:#5a6682;font-size:14px;margin:9px 0;transition:color .2s,transform .2s}
.footer-col a:hover{color:var(--signal-deep);transform:translateX(3px)}
.brand-footer{font-size:24px}
/* inner pages */
.page-hero{padding:clamp(4rem,7vw,5.5rem) 0 clamp(3rem,5vw,4rem);background:
radial-gradient(ellipse 70% 50% at 88% 0%,rgba(126,65,246,.12),transparent 55%),
radial-gradient(ellipse 60% 45% at 8% 0%,rgba(40,128,255,.1),transparent 50%),
linear-gradient(180deg,#fff 0%,#f9fbff 100%);text-align:center;position:relative;overflow:hidden}
.page-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(11,127,116,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(11,127,116,.04) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg,#000 0%,transparent 85%);pointer-events:none;opacity:.5}
.page-hero .container{position:relative;z-index:1}
.page-hero h1{font-size:clamp(2.25rem,4.5vw,3.625rem);max-width:900px;margin:0 auto 18px;letter-spacing:-.045em;font-weight:900;line-height:1.05}.page-hero p{font-size:18px;color:var(--muted);max-width:780px;margin:0 auto 26px;line-height:1.6}.page-hero .hero-actions{justify-content:center;gap:14px}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px}.footer-brand p{color:var(--muted);font-size:14px;max-width:320px;line-height:1.6;margin-top:14px}.footer-bottom{display:none}
.split{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.split.reverse .visual-panel{order:-1}.copy-block h2{font-size:clamp(1.875rem,3vw,2.625rem);letter-spacing:-.04em;line-height:1.08;margin:0 0 15px;font-weight:900}.copy-block p{color:var(--muted);font-size:17px;line-height:1.6}.bullet-list{display:grid;gap:13px;margin-top:22px}.bullet{display:flex;gap:12px;align-items:flex-start}.bullet i{flex:0 0 28px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e9f8ef;color:#17a768;font-style:normal;font-weight:900}.bullet b{display:block;margin-bottom:2px}.bullet span{font-size:14px;color:var(--muted)}
.visual-panel{background:linear-gradient(155deg,#f7fcfb,#eef5f3);border:1px solid #c5ddd8;border-radius:30px;padding:28px;min-height:390px;box-shadow:var(--shadow);position:relative;overflow:hidden}.visual-panel:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:rgba(11,127,116,.12);filter:blur(20px);right:-70px;top:-70px}.mini-window{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;position:relative;z-index:1;box-shadow:var(--shadow-sm)}.window-bar{display:flex;gap:6px;margin-bottom:15px}.window-bar span{width:8px;height:8px;border-radius:50%;background:#d9e0ef}.window-bar span:first-child{background:#ff826b}.window-bar span:nth-child(2){background:#ffc34d}.window-bar span:nth-child(3){background:#4fce85}
.timeline{display:grid;gap:14px}.timeline-row{display:grid;grid-template-columns:40px 1fr;gap:12px}.timeline-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--mist);color:var(--signal-deep)}.timeline-content{border:1px solid var(--line);border-radius:13px;padding:12px}.timeline-content b{font-size:14px}.timeline-content small{display:block;color:var(--muted);margin-top:3px}
.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.case-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:28px}.case-tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px;font-weight:800;color:#59647f;cursor:pointer}.case-tab.active{color:#fff;background:linear-gradient(90deg,var(--signal),var(--signal-deep));border-color:transparent}.case-panel{display:none}.case-panel.active{display:grid}
.comparison{overflow:auto;border-radius:22px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-sm)}.comparison table{width:100%;border-collapse:collapse;min-width:760px}.comparison th,.comparison td{padding:18px;border-bottom:1px solid var(--line);text-align:left}.comparison th{background:#f7f9fe}.comparison td:not(:first-child),.comparison th:not(:first-child){text-align:center}.comparison .yes{color:#18a86a;font-weight:900}.comparison .no{color:#b0b8c9}
.faq-list{max-width:860px;margin:0 auto;display:grid;gap:12px}.faq-item{border:1px solid var(--line);border-radius:17px;background:#fff;overflow:hidden;transition:border-color .25s,box-shadow .25s}.faq-item:hover{border-color:#b9cbc7}.faq-item.open{border-color:#9ec9c2;box-shadow:var(--shadow-sm)}.faq-question{width:100%;border:0;background:#fff;text-align:left;padding:19px 22px;font-weight:800;color:var(--ink);display:flex;justify-content:space-between;gap:18px;cursor:pointer}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-answer p{padding:0 22px 20px;margin:0;color:var(--muted)}.faq-item.open .faq-answer{max-height:260px}.faq-item.open .faq-question span{transform:rotate(45deg)}.faq-question span{font-size:23px;transition:.25s}
.billing-toggle{display:flex;justify-content:center;margin-bottom:36px}.toggle-shell{display:flex;background:var(--mist);border:1px solid #c5ddd8;border-radius:999px;padding:4px}.toggle-shell button{border:0;border-radius:999px;padding:10px 16px;background:transparent;color:#53617e;font-weight:800;cursor:pointer}.toggle-shell button.active{background:#fff;color:var(--signal-deep);box-shadow:0 4px 12px rgba(56,82,154,.12)}
/* dashboard demo */
.demo-layout{min-height:100vh;display:grid;grid-template-columns:260px 1fr;background:linear-gradient(180deg,#f3f8f6 0%,#eef5f3 100%)}.app-sidebar{background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column}.app-sidebar .brand{font-size:22px;margin-bottom:4px}.app-sidebar .brand-logo{width:32px;height:32px;border-radius:10px;box-shadow:0 8px 18px rgba(11,127,116,.18)}.app-nav{display:grid;gap:6px;margin-top:22px}.app-nav a{padding:11px 12px;border-radius:12px;color:#58647f;font-weight:700;display:flex;align-items:center;gap:11px;transition:background .2s,color .2s,transform .2s}.app-nav a:hover{background:var(--mist);color:var(--signal-deep);transform:translateX(2px)}.app-nav a.active{background:var(--mist);color:var(--signal-deep);box-shadow:inset 0 0 0 1px #c5ddd8}.nav-ico{flex:0 0 18px;width:18px;height:18px;border-radius:6px;background:linear-gradient(145deg,#e8f2ef,#dceae6);position:relative;opacity:.9}.app-nav a.active .nav-ico{background:linear-gradient(145deg,#0b7f74,#1a9a6e);opacity:1}.nav-ico-home:after{content:"";position:absolute;inset:4px 3px 3px 3px;border:2px solid #8a9bb8;border-top:none;border-radius:0 0 3px 3px}.app-nav a.active .nav-ico-home:after{border-color:rgba(255,255,255,.9)}.nav-ico-check:after{content:"";position:absolute;left:5px;top:3px;width:5px;height:9px;border:solid #8a9bb8;border-width:0 2px 2px 0;transform:rotate(45deg)}.app-nav a.active .nav-ico-check:after{border-color:#fff}.nav-ico-cal{box-shadow:inset 0 -3px 0 #c5ddd8,inset 0 3px 0 #c5ddd8}.app-nav a.active .nav-ico-cal{box-shadow:inset 0 -3px 0 rgba(255,255,255,.5),inset 0 3px 0 rgba(255,255,255,.5)}.nav-ico-pay{font-size:10px;font-weight:900;display:grid;place-items:center;color:#8a9bb8;line-height:1}.app-nav a.active .nav-ico-pay{color:#fff}.nav-ico-files{background:repeating-linear-gradient(180deg,#c5ddd8 0 2px,transparent 2px 5px)}.app-nav a.active .nav-ico-files{background:repeating-linear-gradient(180deg,rgba(255,255,255,.7) 0 2px,transparent 2px 5px)}.nav-ico-team:after{content:"";position:absolute;left:3px;top:5px;width:6px;height:6px;border-radius:50%;background:#8a9bb8;box-shadow:6px 0 0 #8a9bb8}.app-nav a.active .nav-ico-team:after{background:rgba(255,255,255,.9);box-shadow:6px 0 0 rgba(255,255,255,.9)}.nav-ico-settings:after{content:"";position:absolute;inset:4px;border:2px solid #8a9bb8;border-radius:50%}.app-nav a.active .nav-ico-settings:after{border-color:#fff}.sidebar-bottom{margin-top:auto;background:linear-gradient(145deg,#eef5f3,#e6f4f0);border-radius:17px;padding:15px;border:1px solid rgba(197,221,216,.75)}.app-main{padding:28px 30px}.app-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.app-top h1{font-size:clamp(1.6rem,2.4vw,1.9rem);letter-spacing:-.03em;margin:0;font-weight:900}.app-grid{display:grid;grid-template-columns:1.6fr .9fr;gap:18px}.dashboard-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 10px 28px rgba(14,26,36,.05);transition:transform .3s var(--ease-out),box-shadow .3s}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(14,26,36,.09)}.dashboard-card h3{margin:0 0 16px;letter-spacing:-.02em}.metric{text-align:center}.metric strong{display:block;font-size:34px;color:var(--signal);letter-spacing:-.04em;line-height:1.1}.metric span{color:var(--muted);font-size:13px}.activity-list{display:grid;gap:10px}.activity{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fbfffe;transition:border-color .2s,background .2s}.activity:hover{border-color:#b9cbc7;background:#fff}.activity time{margin-left:auto;color:#8a95ad;font-size:12px;flex:0 0 auto}.progress{height:8px;background:#e2ebe8;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--violet))}.chat-simulator{display:grid;grid-template-rows:1fr auto;min-height:510px}.messages{overflow:auto;display:flex;flex-direction:column;gap:10px;padding:4px}.message{max-width:78%;padding:11px 13px;border-radius:14px;background:#eef3f1;color:#394561;font-size:14px;line-height:1.45}.message.me{align-self:flex-end;background:linear-gradient(135deg,#0b7f74,#1a9a6e);color:#fff}.message.bot{background:#eaf9f0;border:1px solid #caefdb}.chat-input{display:flex;gap:8px;margin-top:14px}.chat-input input{flex:1;border:1px solid var(--line);border-radius:13px;padding:12px 14px;outline:none}.chat-input input:focus{border-color:var(--signal);box-shadow:0 0 0 4px rgba(11,127,116,.12)}
.demo-notice{margin-top:16px}
/* onboarding */
.onboard-wrap{display:grid;grid-template-columns:320px 1fr;min-height:calc(100vh - 76px)}.onboard-aside{background:linear-gradient(155deg,#075a53,#0b7f74 55%,#1a9a6e);color:#fff;padding:36px}.onboard-aside h2{font-size:34px;line-height:1.05}.onboard-steps{display:grid;gap:16px;margin-top:34px}.onboard-step{display:flex;gap:12px;opacity:.65}.onboard-step.active{opacity:1}.onboard-step-num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.55);font-weight:900}.onboard-step.active .onboard-step-num{background:#fff;color:var(--signal-deep)}.onboard-main{padding:48px 7vw}.form-card{max-width:720px}.form-card h1{font-size:45px;margin-bottom:10px}.form-card>p{color:var(--muted);font-size:17px}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}.platform-card{border:2px solid var(--line);border-radius:20px;padding:22px;cursor:pointer;transition:.2s}.platform-card:hover,.platform-card.selected{border-color:var(--signal);background:#f3faf8;box-shadow:0 12px 24px rgba(11,127,116,.10)}.platform-logo{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:20px;background:linear-gradient(135deg,#0b7f74,#1a9a6e);margin-bottom:14px}.platform-card:nth-child(2) .platform-logo{background:linear-gradient(135deg,#075a53,#0b7f74)}.field{display:grid;gap:7px;margin:16px 0}.field label{font-weight:800;font-size:14px}.field input,.field textarea,.field select{border:1px solid var(--line);border-radius:13px;padding:13px 14px;outline:none;background:#fff}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--signal);box-shadow:0 0 0 4px rgba(11,127,116,.12)}.notice{border:1px solid #c5ddd8;background:#eef5f3;color:#2a4a46;border-radius:15px;padding:14px;font-size:14px}
/* legal/security */
.article-layout{display:grid;grid-template-columns:250px 1fr;gap:44px}.article-nav{position:sticky;top:100px;height:max-content}.article-nav a{display:block;padding:10px 12px;border-left:2px solid #e3e8f2;color:#65708a;font-size:14px}.article-nav a:hover{border-left-color:var(--signal);color:var(--signal-deep)}.article{max-width:800px}.article h1{font-size:48px;margin:0 0 15px}.article h2{font-size:28px;margin:40px 0 12px}.article h3{font-size:20px;margin:28px 0 8px}.article p,.article li{color:#56627d}.article .updated{font-size:14px;color:#8b94aa;margin-bottom:34px}.article-callout{background:#f3f6ff;border:1px solid #dce5ff;border-radius:18px;padding:18px;margin:24px 0}
.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.security-card{padding:23px}.security-card .feature-icon{margin-bottom:15px}.security-card h3{margin:0 0 8px}.security-card p{margin:0;color:var(--muted);font-size:14px}
.toast{position:fixed;right:20px;bottom:20px;background:#14213d;color:#fff;border-radius:14px;padding:13px 16px;box-shadow:0 16px 38px rgba(14,29,65,.24);transform:translateY(100px);opacity:0;transition:.3s;z-index:100}.toast.show{transform:translateY(0);opacity:1}
@media(max-width:840px){
  .site-header{z-index:80}
  .nav-backdrop{
    display:none;
    position:fixed;
    inset:0;
    z-index:85;
    border:0;
    margin:0;
    padding:0;
    background:rgba(14,26,36,.46);
    backdrop-filter:blur(2px);
    cursor:pointer;
  }
  body.menu-open .nav-backdrop{display:block}
  .nav-links{
    display:none;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:auto;
    width:min(100vw,360px);
    z-index:90;
    background:#f6faf8;
    border:0;
    border-left:1px solid var(--line);
    box-shadow:-18px 0 48px rgba(14,26,36,.18);
    padding:calc(76px + env(safe-area-inset-top,0px)) 18px calc(28px + env(safe-area-inset-bottom,0px));
    border-radius:0;
    flex-direction:column;
    align-items:stretch;
    gap:4px;
    max-height:none;
    height:100dvh;
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
  }
  .nav-links.open{display:flex;animation:menu-drawer-in .28s var(--ease-out)}
  .nav-links a{
    width:100%;
    min-height:48px;
    display:flex;
    align-items:center;
    padding:12px 14px;
    border-radius:14px;
    font-size:16px;
    font-weight:700;
    color:var(--ink);
  }
  .nav-links a:after{display:none}
  .nav-links a:hover,.nav-links a.active{background:var(--mist);color:var(--signal-deep)}
  .nav-links .nav-mobile-cta{
    margin-top:8px;
    justify-content:center;
    background:linear-gradient(135deg,var(--signal),var(--signal-deep));
    color:#fff !important;
  }
  .mobile-toggle{display:inline-flex;z-index:95;position:relative}
  .nav-actions .btn-secondary:not(.btn-login){display:none}
  .nav-actions .btn-login{display:inline-flex!important}
  body.menu-open{
    overflow:hidden;
    position:fixed;
    left:0;
    right:0;
    width:100%;
  }
  .hero-grid,.split,.app-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy p{margin-left:auto;margin-right:auto}.hero-actions,.trust-line{justify-content:center}.trust-line{flex-direction:column;align-items:center;text-align:center}h1{font-size:54px}.product-shell{max-width:720px;margin:0 auto;animation:none}.grid-4{grid-template-columns:repeat(2,1fr)}.feature-grid,.grid-3,.pricing-grid,.security-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.demo-layout{grid-template-columns:88px 1fr}.app-sidebar .brand span,.app-sidebar .app-nav > a > span:not(.nav-ico),.sidebar-bottom{display:none}.app-sidebar{align-items:center;padding:18px 10px}.app-nav a{justify-content:center;padding:12px}.onboard-wrap{grid-template-columns:1fr}.onboard-aside{display:none}.article-layout{grid-template-columns:1fr}.article-nav{display:none}
}
@keyframes menu-drawer-in{from{opacity:.45;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:680px){
 .container{width:min(100% - 28px,var(--container))}.navbar{height:68px}.nav-links{width:min(100vw,100%);padding-top:calc(68px + env(safe-area-inset-top,0px))}.brand{font-size:24px}.nav-actions>.btn-primary.btn-cta{display:none}.nav-actions .btn-login{display:inline-flex!important}.hero{padding:34px 0 42px}.hero-grid{gap:28px}h1,.page-hero h1{font-size:42px;letter-spacing:-2.2px}.hero-copy p,.page-hero p{font-size:16px}.product-grid{grid-template-columns:1fr}.side-panel{display:none}.summary-number{flex-wrap:wrap}.summary-stats{grid-template-columns:repeat(2,1fr)}.section{padding:52px 0}.section-title h2,.copy-block h2{font-size:34px}.grid-3,.grid-4,.feature-grid,.pricing-grid,.testimonials,.security-grid{grid-template-columns:1fr}.metric-row{grid-template-columns:repeat(2,1fr)}.price-card.popular{transform:none}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.cta-banner h2{font-size:31px}.demo-layout{grid-template-columns:1fr}.app-sidebar{display:none}.app-main{padding:16px}.app-top{align-items:flex-start;gap:12px}.onboard-main{padding:28px 20px}.form-card h1{font-size:37px}.platform-grid{grid-template-columns:1fr}.article h1{font-size:40px}.page-hero{padding:50px 0 42px}
}
.app-main,.app-grid,.app-grid>*{min-width:0}
.article{min-width:0}
.article h1{overflow-wrap:anywhere}
@media(max-width:680px){
  .app-top{flex-direction:column}
  .app-top .btn{width:100%}
  .metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-card{min-width:0}
  .activity{min-width:0}
  .activity>div{min-width:0}
  .activity time{display:none}
  .chat-input{flex-direction:column}
  .chat-input .btn{width:100%}
}
.activity>div{min-width:0}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .btn:hover,.card:hover,.product-shell:hover,.dashboard-card:hover{transform:none}
  .reveal{opacity:1;transform:none}
}
/* mobile drawer animation: menu-drawer-in */
.flash-stack{position:fixed;top:86px;right:24px;z-index:1000;display:grid;gap:10px;max-width:420px}.flash-message{padding:14px 18px;border-radius:14px;background:#fff;box-shadow:0 16px 45px rgba(14,26,36,.14);border:1px solid var(--line);color:var(--ink)}.flash-message.success{border-color:#bfe8ce}.form-errors,.field-error{color:#c7354a;font-size:13px;margin-top:7px}.errorlist{list-style:none;padding:0;margin:8px 0;color:#c7354a}.platform-card{font:inherit;text-align:left;cursor:pointer}.auth-wrap{max-width:640px}.auth-card{margin:40px auto}.auth-card input{width:100%}.auth-card small{display:block;margin-top:7px;color:#6c7690}.empty-state{text-align:center;padding:70px 30px}.sidebar-bottom form{margin-top:12px}.price-card .price-list{min-height:178px}
@media (max-width:700px){.flash-stack{left:14px;right:14px;top:72px}.auth-card{margin:10px auto}.price-card .price-list{min-height:0}}
.app-actions{display:flex;gap:10px;align-items:center}.app-actions form{margin:0}.app-spacer{height:18px}.sidebar-meta{font-size:12px;color:#64718d}.sidebar-action{margin-top:12px;width:100%}.chat-switcher{display:flex;gap:8px;overflow:auto;margin:0 0 16px;padding-bottom:3px}.chat-pill{padding:8px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);color:#596681;font-size:13px;font-weight:750;white-space:nowrap}.chat-pill.active{background:var(--mist);border-color:#c5ddd8;color:var(--signal-deep)}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.card-heading h3{margin:0}.status-badge{display:inline-flex;margin-top:7px;padding:4px 8px;border-radius:999px;background:var(--mist);color:var(--signal-deep);font-size:11px;font-weight:800}.status-badge.published{background:#e8f8ef;color:#15935b}.status-badge.failed{background:#fff0f1;color:#c43c50}.dashboard-full-button{width:100%;margin-top:16px}.muted{color:var(--muted)}.notice-error{margin-top:14px;background:#fff2f3;border-color:#ffd3d8;color:#a83546}.empty-compact{padding:22px;text-align:center;color:var(--muted)}.form-panel{max-width:760px}.form-panel input,.form-panel select,.form-panel textarea{width:100%}.form-panel input[type=checkbox]{width:auto}.connect-code{font:800 22px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.4px;background:#111a35;color:#fff;border-radius:14px;padding:18px;margin:14px 0;overflow-wrap:anywhere}.item-completed{opacity:.6}.item-completed b{text-decoration:line-through}.icon-button{border:0;border-radius:10px;background:var(--mist);color:var(--signal-deep);font-weight:900;width:34px;height:34px;cursor:pointer}.file-grid{display:grid;gap:10px}.file-card{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:14px}.file-card>div{flex:1;min-width:0}.file-card b,.file-card small{display:block;overflow-wrap:anywhere}.file-card small{color:var(--muted);margin-top:3px}.file-card>span:last-child{color:var(--signal-deep);font-size:13px;font-weight:800}@media(max-width:680px){.app-actions{width:100%;flex-direction:column}.app-actions form,.app-actions .btn{width:100%}.card-heading{align-items:flex-start;flex-direction:column}.file-card>span:last-child{display:none}}
.card-section-title{margin-top:28px!important}
.organization-switcher{margin:0 0 14px;border:1px solid var(--line);border-radius:14px;background:#fff}.organization-switcher summary{cursor:pointer;padding:10px 12px;font-weight:700;list-style:none}.organization-switcher summary::-webkit-details-marker{display:none}.organization-switcher-menu{border-top:1px solid var(--line);padding:6px}.organization-switcher-menu form,.organization-switcher-menu button{width:100%}.organization-switcher-menu button{border:0;background:transparent;text-align:left;padding:9px 8px;border-radius:9px;cursor:pointer}.organization-switcher-menu button:hover{background:var(--soft)}
.auth-forgot-link{text-align:center}.auth-page{min-height:100vh;display:grid;place-items:center;padding:40px 20px;background:
radial-gradient(ellipse 60% 40% at 80% 0%,rgba(138,63,252,.1),transparent 55%),
radial-gradient(ellipse 50% 40% at 10% 10%,rgba(31,107,255,.1),transparent 50%),
linear-gradient(180deg,#fff 0%,#f3f8f6 100%)}.auth-page .auth-card{width:min(100%,440px);background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:36px 32px;box-shadow:var(--shadow)}.auth-page .brand{margin-bottom:22px}.auth-page h1{font-size:clamp(1.75rem,3vw,2.25rem);margin:0 0 10px;letter-spacing:-.04em}.auth-page p{color:var(--muted);line-height:1.55}.onboard-brand{color:#fff;gap:12px}.onboard-brand-logo{border-radius:12px;box-shadow:0 12px 28px rgba(0,0,0,.18)}.onboard-brand-mark{background:rgba(255,255,255,.18)}.onboard-step-note{font-size:13px}.platform-description{color:#67728d}.form-spacer{height:20px}.platform-logo.platform-logo-tg{font-size:15px;letter-spacing:-.04em}
.payment-trust{padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:#fbfffe}
.payment-trust-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
.payment-trust-lead{margin:0;color:#3d4d54;font-size:13px;font-weight:650;line-height:1.35}
.payment-brand-row{display:none}
.payment-brand{display:none}
.payment-partner-row,.payment-trust-marks{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}
.tbank-partner{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 6px;border-radius:8px;background:#ffdd2d;color:#1a1a1a;font-weight:800;font-size:12px;border:1px solid #f0cf00;box-shadow:none;text-decoration:none}
.tbank-partner:hover{filter:brightness(1.02)}
.tbank-partner-mark{width:18px;height:18px;border-radius:5px;background:#1a1a1a;color:#ffdd2d;display:grid;place-items:center;font-size:11px;font-weight:900}
.tpay-partner{display:inline-flex;padding:5px 10px;border-radius:8px;background:#111827;color:#fff;font-weight:700;font-size:12px;letter-spacing:.01em;text-decoration:none}
.payment-trust-note{margin:6px 0 0;font-size:12px;color:#6c7790;line-height:1.4}
.footer-legal-strip,.footer-pay{margin-top:22px;padding-top:0;border-top:0}
.footer-legal-strip .payment-trust{background:transparent;border-color:#d7e2e0;box-shadow:none}.payment-page-links{margin:18px 0 0;text-align:center;font-size:14px}.requisites-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff;margin:24px 0}.requisites-table{width:100%;border-collapse:collapse;min-width:520px}.requisites-table th,.requisites-table td{padding:16px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:14px}.requisites-table th{width:34%;color:#6c7790;font-weight:800;background:#f8fcfb}.requisites-table tr:last-child th,.requisites-table tr:last-child td{border-bottom:0}
.card-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.export-list{margin-top:24px}.danger-card{border-color:rgba(225,74,92,.25);background:linear-gradient(145deg,#fff 0%,#fff8f8 100%)}.danger-text{color:#c8384f}.danger-form{margin-top:22px}.btn-danger{background:#c8384f;color:#fff;border:1px solid #c8384f;box-shadow:0 12px 30px rgba(200,56,79,.18)}.btn-danger:hover{background:#aa283d;border-color:#aa283d}.dashboard-card textarea{width:100%;resize:vertical}

/* connect + dashboard polish */
.connect-panel h3{margin-top:22px}.connect-panel h3:first-child{margin-top:0}.connect-code-row{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap;margin:14px 0}.connect-code-row .connect-code{flex:1;min-width:220px;margin:0}.connect-commands{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin-top:12px;align-items:center}.connect-commands code{font:800 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;padding:8px 10px;border-radius:10px;background:#111a35;color:#fff}.connect-commands span{color:var(--muted);font-size:13px}.connect-next{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.metric-limit{display:inline;font-size:14px;font-weight:700;color:#8a94ab;margin-left:4px}.notice-live{margin:0 0 14px;background:#eef5f3;border:1px solid #c5ddd8;color:#2a4a46;border-radius:14px;padding:12px 14px;font-weight:700}.status-badge.generating,.status-badge.publishing,.status-badge.transcription.pending,.status-badge.transcription.processing{background:#fff6e8;color:#b86a14}.status-badge.transcription.ready{background:#e8f8ef;color:#15935b}.status-badge.transcription.failed{background:#fff0f1;color:#c43c50}.file-card .status-badge{margin-top:8px}.file-error{color:#c43c50!important}

/* Beyond-MVP analytics + notifications */
.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:999px;background:var(--signal);color:#fff;font-size:11px;font-style:normal;font-weight:800;line-height:1}
.bell-link{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--mist);text-decoration:none;font-size:18px}
.bell-link .nav-badge{position:absolute;top:4px;right:4px;margin:0}
.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.chart-bars{display:flex;align-items:flex-end;gap:6px;min-height:140px;padding-top:12px}
.chart-bars-dense{gap:2px}
.chart-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.chart-bar{width:100%;max-width:28px;height:calc(var(--h, 4%) * 1.2);min-height:4px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#1a9a6e,#0b7f74);box-shadow:0 8px 16px rgba(11,127,116,.18)}
.chart-bar-col span{font-size:10px;color:#7a869e;white-space:nowrap}
.chart-legend{display:flex;justify-content:space-between;margin-top:8px;font-size:12px}
.sender-bars{display:grid;gap:10px}
.sender-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2fr) auto;gap:10px;align-items:center}
.sender-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.sender-track{height:10px;border-radius:999px;background:#eef2fa;overflow:hidden}
.sender-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1a9a6e,#0b7f74)}
.kind-list{display:grid;gap:8px}
.kind-row{display:flex;justify-content:space-between;padding:10px 12px;border-radius:12px;background:#f6f8fc}
.analytics-footnote{margin-top:14px}
.item-actions{display:flex;gap:4px}
.inline-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.inline-form-grid textarea,.inline-form-grid input,.inline-form-grid select{width:100%}
.manual-item-form h3{margin-bottom:12px}
@media (max-width:900px){
  .analytics-grid,.inline-form-grid{grid-template-columns:1fr}
  .chart-bars{gap:3px}
  .chart-bar-col span{display:none}
}

/* chart height/width utility classes */
.chart-bar{height:2%}
.sender-track i{width:2%;display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1a9a6e,#0b7f74)}
.chart-h-2{height:2%}
.chart-h-3{height:3%}
.chart-h-4{height:4%}
.chart-h-5{height:5%}
.chart-h-6{height:6%}
.chart-h-7{height:7%}
.chart-h-8{height:8%}
.chart-h-9{height:9%}
.chart-h-10{height:10%}
.chart-h-11{height:11%}
.chart-h-12{height:12%}
.chart-h-13{height:13%}
.chart-h-14{height:14%}
.chart-h-15{height:15%}
.chart-h-16{height:16%}
.chart-h-17{height:17%}
.chart-h-18{height:18%}
.chart-h-19{height:19%}
.chart-h-20{height:20%}
.chart-h-21{height:21%}
.chart-h-22{height:22%}
.chart-h-23{height:23%}
.chart-h-24{height:24%}
.chart-h-25{height:25%}
.chart-h-26{height:26%}
.chart-h-27{height:27%}
.chart-h-28{height:28%}
.chart-h-29{height:29%}
.chart-h-30{height:30%}
.chart-h-31{height:31%}
.chart-h-32{height:32%}
.chart-h-33{height:33%}
.chart-h-34{height:34%}
.chart-h-35{height:35%}
.chart-h-36{height:36%}
.chart-h-37{height:37%}
.chart-h-38{height:38%}
.chart-h-39{height:39%}
.chart-h-40{height:40%}
.chart-h-41{height:41%}
.chart-h-42{height:42%}
.chart-h-43{height:43%}
.chart-h-44{height:44%}
.chart-h-45{height:45%}
.chart-h-46{height:46%}
.chart-h-47{height:47%}
.chart-h-48{height:48%}
.chart-h-49{height:49%}
.chart-h-50{height:50%}
.chart-h-51{height:51%}
.chart-h-52{height:52%}
.chart-h-53{height:53%}
.chart-h-54{height:54%}
.chart-h-55{height:55%}
.chart-h-56{height:56%}
.chart-h-57{height:57%}
.chart-h-58{height:58%}
.chart-h-59{height:59%}
.chart-h-60{height:60%}
.chart-h-61{height:61%}
.chart-h-62{height:62%}
.chart-h-63{height:63%}
.chart-h-64{height:64%}
.chart-h-65{height:65%}
.chart-h-66{height:66%}
.chart-h-67{height:67%}
.chart-h-68{height:68%}
.chart-h-69{height:69%}
.chart-h-70{height:70%}
.chart-h-71{height:71%}
.chart-h-72{height:72%}
.chart-h-73{height:73%}
.chart-h-74{height:74%}
.chart-h-75{height:75%}
.chart-h-76{height:76%}
.chart-h-77{height:77%}
.chart-h-78{height:78%}
.chart-h-79{height:79%}
.chart-h-80{height:80%}
.chart-h-81{height:81%}
.chart-h-82{height:82%}
.chart-h-83{height:83%}
.chart-h-84{height:84%}
.chart-h-85{height:85%}
.chart-h-86{height:86%}
.chart-h-87{height:87%}
.chart-h-88{height:88%}
.chart-h-89{height:89%}
.chart-h-90{height:90%}
.chart-h-91{height:91%}
.chart-h-92{height:92%}
.chart-h-93{height:93%}
.chart-h-94{height:94%}
.chart-h-95{height:95%}
.chart-h-96{height:96%}
.chart-h-97{height:97%}
.chart-h-98{height:98%}
.chart-h-99{height:99%}
.chart-h-100{height:100%}
.chart-w-2{width:2%}
.chart-w-3{width:3%}
.chart-w-4{width:4%}
.chart-w-5{width:5%}
.chart-w-6{width:6%}
.chart-w-7{width:7%}
.chart-w-8{width:8%}
.chart-w-9{width:9%}
.chart-w-10{width:10%}
.chart-w-11{width:11%}
.chart-w-12{width:12%}
.chart-w-13{width:13%}
.chart-w-14{width:14%}
.chart-w-15{width:15%}
.chart-w-16{width:16%}
.chart-w-17{width:17%}
.chart-w-18{width:18%}
.chart-w-19{width:19%}
.chart-w-20{width:20%}
.chart-w-21{width:21%}
.chart-w-22{width:22%}
.chart-w-23{width:23%}
.chart-w-24{width:24%}
.chart-w-25{width:25%}
.chart-w-26{width:26%}
.chart-w-27{width:27%}
.chart-w-28{width:28%}
.chart-w-29{width:29%}
.chart-w-30{width:30%}
.chart-w-31{width:31%}
.chart-w-32{width:32%}
.chart-w-33{width:33%}
.chart-w-34{width:34%}
.chart-w-35{width:35%}
.chart-w-36{width:36%}
.chart-w-37{width:37%}
.chart-w-38{width:38%}
.chart-w-39{width:39%}
.chart-w-40{width:40%}
.chart-w-41{width:41%}
.chart-w-42{width:42%}
.chart-w-43{width:43%}
.chart-w-44{width:44%}
.chart-w-45{width:45%}
.chart-w-46{width:46%}
.chart-w-47{width:47%}
.chart-w-48{width:48%}
.chart-w-49{width:49%}
.chart-w-50{width:50%}
.chart-w-51{width:51%}
.chart-w-52{width:52%}
.chart-w-53{width:53%}
.chart-w-54{width:54%}
.chart-w-55{width:55%}
.chart-w-56{width:56%}
.chart-w-57{width:57%}
.chart-w-58{width:58%}
.chart-w-59{width:59%}
.chart-w-60{width:60%}
.chart-w-61{width:61%}
.chart-w-62{width:62%}
.chart-w-63{width:63%}
.chart-w-64{width:64%}
.chart-w-65{width:65%}
.chart-w-66{width:66%}
.chart-w-67{width:67%}
.chart-w-68{width:68%}
.chart-w-69{width:69%}
.chart-w-70{width:70%}
.chart-w-71{width:71%}
.chart-w-72{width:72%}
.chart-w-73{width:73%}
.chart-w-74{width:74%}
.chart-w-75{width:75%}
.chart-w-76{width:76%}
.chart-w-77{width:77%}
.chart-w-78{width:78%}
.chart-w-79{width:79%}
.chart-w-80{width:80%}
.chart-w-81{width:81%}
.chart-w-82{width:82%}
.chart-w-83{width:83%}
.chart-w-84{width:84%}
.chart-w-85{width:85%}
.chart-w-86{width:86%}
.chart-w-87{width:87%}
.chart-w-88{width:88%}
.chart-w-89{width:89%}
.chart-w-90{width:90%}
.chart-w-91{width:91%}
.chart-w-92{width:92%}
.chart-w-93{width:93%}
.chart-w-94{width:94%}
.chart-w-95{width:95%}
.chart-w-96{width:96%}
.chart-w-97{width:97%}
.chart-w-98{width:98%}
.chart-w-99{width:99%}
.chart-w-100{width:100%}
.chart-bar-col{height:140px;justify-content:flex-end}
.chart-bars-dense .chart-bar-col{height:120px}
.chart-bar{width:100%;max-width:28px;min-height:2px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#1a9a6e,#0b7f74);box-shadow:0 8px 16px rgba(11,127,116,.18)}
.bell-dot{width:10px;height:10px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 4px rgba(11,127,116,.15)}

/* Access + digest UX */
.access-guide{background:linear-gradient(145deg,#fff 0%,#f3f7ff 100%);border:1px solid #c5ddd8}
.access-guide.compact p{margin:8px 0 14px;color:#58647f}
.invite-steps{margin:12px 0 0;padding-left:20px;display:grid;gap:8px;color:#3d4a66;line-height:1.45}
.invite-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.invite-auth-card{max-width:560px;margin-top:18px;padding:22px;border-radius:18px;background:rgba(255,255,255,.9);border:1px solid #c5ddd8}
.invite-lead{color:#58647f}
.auth-hint{margin-top:16px;font-size:13px;line-height:1.45}
.attention-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.attention-card .btn{margin-top:12px}
.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:900px){.attention-grid{grid-template-columns:1fr}}

/* Shared form controls */
.input,.field input,.field textarea,.field select,.form-panel input,.form-panel select,.form-panel textarea,.manual-item-grid input,.manual-item-grid select,.manual-item-grid textarea,.inline-form-grid input,.inline-form-grid select,.inline-form-grid textarea{
  width:100%;
  border:1px solid var(--line);
  border-radius:13px;
  padding:13px 14px;
  outline:none;
  background:#fff;
  color:var(--ink);
  box-sizing:border-box;
}
.input:focus,.field input:focus,.field textarea:focus,.field select:focus,.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus{
  border-color:var(--signal);
  box-shadow:0 0 0 4px rgba(11,127,116,.12);
}
.input-check,input.input-check,.field input[type=checkbox],.form-panel input[type=checkbox]{
  width:18px;
  height:18px;
  padding:0;
  border-radius:5px;
  accent-color:var(--signal);
}
.manual-item-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px 14px;
  align-items:end;
}
.manual-item-grid .field{margin:0}
.manual-item-grid .field-span{grid-column:1 / -1}
.manual-item-grid .field-actions{grid-column:1 / -1}
@media (max-width:900px){
  .manual-item-grid{grid-template-columns:1fr}
}
.privacy-notice{margin:0 0 16px;background:#eef5f3;border:1px solid #c5ddd8;color:#2a4a46;border-radius:14px;padding:12px 14px;font-size:14px;font-weight:650;line-height:1.45}
.onboarding-card{margin-bottom:0;background:linear-gradient(160deg,#fff 0%,#f3faf8 100%);border:1px solid #c5ddd8}
.onboarding-card .muted{margin:6px 0 0}
.onboarding-steps{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.onboarding-steps li{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid var(--line)}
.onboarding-steps li.done{opacity:.72;background:#f3faf6;border-color:#d5eedf}
.onboarding-mark{flex:0 0 28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--mist);color:var(--signal);font-weight:800;font-size:13px}
.onboarding-steps li.done .onboarding-mark{background:#e5f6ec;color:#15935b}
.onboarding-steps b{display:block;font-size:14px}
.onboarding-steps small{color:#64718d;font-size:12px}
.search-bar{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.search-bar .input{flex:1}
.top-search{margin:0}
.top-search .input{min-width:160px;max-width:220px;padding:8px 12px;font-size:13px}
.progress-preview{white-space:pre-wrap;background:#111a35;color:#eef2ff;border-radius:12px;padding:14px 16px;font:650 13px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;margin:0}
.stack-cards{display:grid;gap:16px}
.field-check{display:flex;align-items:center;gap:8px;grid-column:1 / -1}
.field-check label{margin:0;font-weight:650}
@media (max-width:720px){
  .top-search{display:none}
  .app-actions .search-bar{width:100%}
}

/* ===== Cosmetic deep polish 2026 ===== */
.app-main h1{font-size:clamp(1.65rem,2.4vw,2.15rem);letter-spacing:-.04em;margin:0;line-height:1.15}
.app-main .eyebrow{margin-bottom:6px}
.page-sub{margin:8px 0 0;color:#66758f;font-size:14px;font-weight:600}
.back-link{color:inherit;text-decoration:none;font-weight:800}
.back-link:hover{color:var(--signal)}
.app-main .form-panel{max-width:none}
.form-panel-wide{max-width:none}
.help-text,.help-after{margin:8px 0 0;color:#6c7790;font-size:13px;line-height:1.45}
.help-after{margin-top:14px}
.count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;margin-left:8px;border-radius:999px;background:var(--mist);color:var(--signal);font-size:12px;font-weight:800;vertical-align:middle}
.dashboard-card h3{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin:0 0 14px;font-size:1.05rem}
.dashboard-card > .card-heading h3{margin:0}
.activity-list{display:grid;gap:8px}
.activity .item-actions{margin-left:auto;flex:0 0 auto}
.participant-row{align-items:center}
.progress-track{margin:12px 0 0;height:10px;border-radius:999px;background:#e8eef8;overflow:hidden}
.progress-track > i{display:block;height:100%;width:var(--p,0%);border-radius:inherit;background:linear-gradient(90deg,#1a9a6e,#0b7f74);transition:width .35s ease}
.icon-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--mist);color:var(--signal);text-decoration:none;font-size:18px;font-weight:800}
.check-row{display:flex;align-items:flex-start;gap:10px;margin:14px 0 8px;font-size:14px;font-weight:650;color:#3e4a66;cursor:pointer}
.check-row .input-check{margin-top:2px;flex:0 0 auto}
.billing-checkout-form .btn{width:100%;margin-top:14px}
.billing-terms{display:block;color:#6c7790;font-size:12px;line-height:1.45;margin-bottom:4px}
.billing-meta{margin:8px 0 0}
.billing-cancel{margin-top:14px}
.billing-owner-only{display:inline-flex;margin-top:12px;pointer-events:none;opacity:.85}
.billing-plans{align-items:stretch}
.billing-plans .price-card{display:flex;flex-direction:column}
.billing-plans .price-list{flex:1}
.payment-result .muted{overflow-wrap:anywhere}
.auth-forgot-link{display:block;margin:14px 0 6px;text-align:center;font-weight:700;font-size:14px;color:var(--signal);text-decoration:none}
.auth-forgot-link:hover{text-decoration:underline}
.form-legal{font-size:13px;color:#6c7790;line-height:1.45;margin:8px 0 4px}

.auth-hint{margin-top:18px;font-size:13px;line-height:1.5}
.auth-page .auth-card .btn{width:100%;margin-top:10px}
.auth-page .auth-card input,.auth-page .auth-card select,.auth-page .auth-card textarea{
  width:100%;
  border:1px solid var(--line);
  border-radius:13px;
  padding:13px 14px;
  outline:none;
  background:#fff;
  font:inherit;
}
.auth-page .auth-card input:focus{border-color:var(--signal);box-shadow:0 0 0 4px rgba(11,127,116,.12)}


/* Distinct nav icons */
.nav-ico-search:after{content:"";position:absolute;left:4px;top:4px;width:7px;height:7px;border:2px solid #8a9bb8;border-radius:50%;box-shadow:5px 5px 0 -1px #8a9bb8}
.app-nav a.active .nav-ico-search:after{border-color:#fff;box-shadow:5px 5px 0 -1px #fff}
.nav-ico-question:after{content:"?";position:absolute;inset:0;display:grid;place-items:center;font:900 11px/1 var(--font-body),system-ui,sans-serif;color:#8a9bb8}
.app-nav a.active .nav-ico-question:after{color:#fff}
.nav-ico-decision:after{content:"";position:absolute;left:4px;top:3px;width:10px;height:10px;border:2px solid #8a9bb8;border-radius:2px}
.nav-ico-decision:before{content:"";position:absolute;left:7px;top:6px;width:4px;height:6px;border:solid #8a9bb8;border-width:0 2px 2px 0;transform:rotate(45deg);z-index:1}
.app-nav a.active .nav-ico-decision:after{border-color:#fff}
.app-nav a.active .nav-ico-decision:before{border-color:#fff}
.nav-ico-link:after{content:"";position:absolute;left:3px;top:6px;width:8px;height:5px;border:2px solid #8a9bb8;border-radius:999px;transform:rotate(-35deg)}
.nav-ico-link:before{content:"";position:absolute;right:3px;bottom:5px;width:8px;height:5px;border:2px solid #8a9bb8;border-radius:999px;transform:rotate(-35deg)}
.app-nav a.active .nav-ico-link:after,.app-nav a.active .nav-ico-link:before{border-color:#fff}
.nav-ico-bell:after{content:"";position:absolute;left:5px;top:3px;width:8px;height:8px;border:2px solid #8a9bb8;border-bottom:0;border-radius:8px 8px 0 0}
.nav-ico-bell:before{content:"";position:absolute;left:3px;bottom:3px;width:12px;height:2px;background:#8a9bb8;border-radius:2px}
.app-nav a.active .nav-ico-bell:after{border-color:#fff}
.app-nav a.active .nav-ico-bell:before{background:#fff}
.nav-ico-tariff:after{content:"";position:absolute;inset:3px;border:2px solid #8a9bb8;border-radius:3px}
.nav-ico-tariff:before{content:"";position:absolute;left:6px;right:6px;top:8px;height:2px;background:#8a9bb8;box-shadow:0 3px 0 #8a9bb8}
.app-nav a.active .nav-ico-tariff:after{border-color:#fff}
.app-nav a.active .nav-ico-tariff:before{background:#fff;box-shadow:0 3px 0 #fff}

/* Sidebar chrome */
.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}
.sidebar-top .brand{margin:0}
.sidebar-close{display:none;border:0;background:var(--mist);color:var(--signal);width:36px;height:36px;border-radius:10px;font-size:22px;line-height:1;cursor:pointer}
.app-sidebar{overflow:hidden;max-height:100dvh;position:sticky;top:0}
.sidebar-chat-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-nav{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:8px}
.sidebar-bottom{flex:0 0 auto;margin-top:12px}

/* Mobile drawer */
.app-mobile-bar{display:none;align-items:center;gap:10px;padding:10px 14px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60}
.app-mobile-bar .brand-compact{font-weight:900;font-size:18px;letter-spacing:-.03em;color:#14203f;text-decoration:none}
.app-mobile-bar-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.app-menu-toggle{width:40px;height:40px;border:0;border-radius:12px;background:var(--mist);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}
.app-menu-lines,.app-menu-lines:before,.app-menu-lines:after{display:block;width:18px;height:2px;background:var(--signal);border-radius:2px;position:relative;transition:.2s}
.app-menu-lines:before,.app-menu-lines:after{content:"";position:absolute;left:0}
.app-menu-lines:before{top:-6px}.app-menu-lines:after{top:6px}
.app-menu-toggle.is-open .app-menu-lines{background:transparent}
.app-menu-toggle.is-open .app-menu-lines:before{top:0;transform:rotate(45deg)}
.app-menu-toggle.is-open .app-menu-lines:after{top:0;transform:rotate(-45deg)}
.app-nav-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.42);z-index:80;border:0}
body.nav-open{overflow:hidden}

.attention-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.invite-steps{margin:12px 0 0;padding-left:18px;display:grid;gap:8px;color:#4b5774;font-size:14px;line-height:1.45}
.empty-compact p{margin:0}
/* spacing handled by .notice margin-bottom */
.metric-row{gap:12px}
.dashboard-card.metric{padding:16px 18px}
.dashboard-card.metric strong{font-size:1.35rem;letter-spacing:-.03em}
.dashboard-card.metric span{display:block;margin-top:4px;color:#6c7790;font-size:12px;font-weight:700}

@media (max-width:900px){
  .attention-grid,.collection-layout{grid-template-columns:1fr}
  .activity{flex-wrap:wrap}
  .activity time{margin-left:0;width:100%;order:3}
  .activity .item-actions,.activity > a.btn{margin-left:0;order:4}
}
@media (max-width:840px){
  .app-nav a[title]:hover::after{
    content:attr(title);
    position:absolute;
    left:calc(100% + 10px);
    background:#14213d;color:#fff;padding:6px 10px;border-radius:8px;font-size:12px;white-space:nowrap;z-index:5;
  }
  .app-nav a{position:relative}
}
@media (max-width:680px){
  .demo-layout{grid-template-columns:1fr}
  .app-mobile-bar{display:flex}
  .sidebar-close{display:inline-flex;align-items:center;justify-content:center}
  .app-sidebar{
    display:flex !important;
    position:fixed;
    left:0;top:0;bottom:0;
    width:min(300px,88vw);
    height:100dvh;
    max-height:100dvh;
    z-index:90;
    transform:translateX(-105%);
    transition:transform .28s cubic-bezier(.2,.8,.2,1);
    box-shadow:none;
    align-items:stretch !important;
    padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px)) !important;
    overflow:hidden;
  }
  .app-sidebar.is-open{
    transform:translateX(0);
    box-shadow:24px 0 60px rgba(20,33,61,.28);
  }
  .app-sidebar .app-nav{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    margin-top:14px;
  }
  .app-sidebar .sidebar-bottom{
    flex:0 0 auto;
    margin-top:12px;
  }
  .app-sidebar .brand span,
  .app-sidebar .app-nav > a > span:not(.nav-ico),
  .sidebar-bottom{
    display:initial;
  }
  .app-sidebar .app-nav > a > span:not(.nav-ico){display:inline}
  .sidebar-bottom{display:block}
  .app-nav a{justify-content:flex-start !important;padding:11px 12px !important}
  .app-main{padding:14px 14px 40px}
  .app-top{gap:14px}
  .app-actions{flex-wrap:wrap}
  .metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .onboarding-steps li{padding:10px}
  .progress-preview{font-size:12px;padding:12px}
  .pricing-grid.billing-plans{grid-template-columns:1fr}
}
@media (min-width:681px) and (max-width:840px){
  .app-mobile-bar{display:none}
  .sidebar-close{display:none}
}

/* auth + payment result polish */
.payment-result{max-width:640px;text-align:center;margin:0 auto}
.payment-result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.payment-result .muted{overflow-wrap:anywhere}
.auth-forgot-link{display:block;margin:14px 0 6px;text-align:center;font-weight:700;font-size:14px;color:var(--signal);text-decoration:none}
.auth-forgot-link:hover{text-decoration:underline}
.form-legal{font-size:13px;color:#6c7790;line-height:1.45;margin:8px 0 4px}
.auth-hint{margin-top:18px;font-size:13px;line-height:1.5}

/* Always-visible cabinet login */
.btn-login{white-space:nowrap}
.hero-login{margin:14px 0 0;font-size:15px;font-weight:650;color:#5a667f}
.hero-login a{color:var(--signal-deep);font-weight:800;text-decoration:none}
.hero-login a:hover{text-decoration:underline}
.nav-mobile-only{display:none}
@media(max-width:840px){
  .nav-mobile-only{display:block}
  .nav-links .nav-mobile-only{padding:10px 0;font-weight:800;color:var(--signal-deep)}
}

.flash-message.error{border-color:#ffd3d8;background:#fff8f8}
.flash-message.warning{border-color:#ffe3b5;background:#fff9ef}
.demo-layout .reveal{opacity:1;transform:none}


/* ===== Brand system: Clear Signal ===== */
.btn-ghost-light{
  color:#fff;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.35);
  backdrop-filter:blur(8px);
}
.btn-ghost-light:hover{background:rgba(255,255,255,.22);color:#fff}
.hero-brand{
  position:relative;
  min-height:min(92vh,860px);
  display:flex;
  align-items:flex-end;
  padding:0;
  overflow:hidden;
  background:#0e1a24;
}
.hero-brand:before,.hero-brand:after{display:none}
.hero-media{
  position:absolute;inset:0;z-index:0;
}
.hero-media img{
  width:100%;height:100%;object-fit:cover;object-position:center 35%;
  transform:scale(1.02);
  animation:hero-drift 18s ease-in-out infinite alternate;
}
@keyframes hero-drift{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.06) translate3d(-1.2%,.8%,0)}}
.hero-veil{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(100deg,rgba(8,18,24,.82) 0%,rgba(8,18,24,.55) 42%,rgba(8,18,24,.22) 100%),
    linear-gradient(180deg,rgba(8,18,24,.15) 0%,rgba(8,18,24,.55) 70%,rgba(8,18,24,.78) 100%);
}
.hero-stage{
  position:relative;z-index:2;
  padding:clamp(7rem,14vh,9rem) 0 clamp(3.5rem,7vh,5rem);
  max-width:720px;
  margin-left:max(calc((100% - var(--container)) / 2),20px);
  margin-right:auto;
  color:#f4fffc;
}
.hero-brand-name{
  font-family:var(--font-display);
  font-size:clamp(2.8rem,7vw,5.5rem);
  font-weight:800;
  letter-spacing:-.05em;
  line-height:.92;
  margin:0 0 18px;
  color:#fff;
  text-shadow:0 12px 40px rgba(0,0,0,.25);
  animation:rise .8s var(--ease-out) both;
}
.hero-stage h1{
  color:#fff;
  font-size:clamp(1.85rem,3.6vw,2.85rem);
  font-weight:700;
  margin:0 0 16px;
  max-width:16ch;
  animation:rise .8s .08s var(--ease-out) both;
}
.hero-lead{
  font-size:clamp(1.05rem,1.6vw,1.25rem);
  line-height:1.55;
  color:rgba(244,255,252,.86);
  margin:0 0 28px;
  max-width:34ch;
  animation:rise .8s .14s var(--ease-out) both;
}
.hero-stage .hero-actions{animation:rise .8s .2s var(--ease-out) both}
.hero-brand .hero-login{color:rgba(244,255,252,.72);margin-top:18px;animation:rise .8s .26s var(--ease-out) both}
.hero-brand .hero-login a{color:#fff;font-weight:700;border-bottom:1px solid rgba(255,255,255,.45)}
.hero-brand .hero-login a:hover{border-bottom-color:#fff;text-decoration:none}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .hero-media img{animation:none}
  .hero-brand-name,.hero-stage h1,.hero-lead,.hero-stage .hero-actions,.hero-brand .hero-login{animation:none}
}

.section-title-left{text-align:left;margin-left:0;margin-right:0}
.section-signal{background:
  radial-gradient(ellipse 70% 50% at 0% 0%,rgba(11,127,116,.08),transparent 55%),
  var(--paper)}
.section-soft{background:
  linear-gradient(180deg,#eaf4f1 0%,var(--soft) 40%,var(--paper) 100%)}

.flow-steps{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--line)}
.flow-steps li{display:grid;grid-template-columns:88px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--line);align-items:start}
.flow-num{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--signal);letter-spacing:-.04em}
.flow-steps h3{font-family:var(--font-display);font-size:1.35rem;margin:0 0 8px;font-weight:700;letter-spacing:-.03em}
.flow-steps p{margin:0;color:var(--muted);max-width:52ch}

.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 28px}
.capability{padding:8px 0 4px;border-top:2px solid var(--signal);padding-top:18px}
.capability-mark{display:none}
.capability h3{font-family:var(--font-display);font-size:1.15rem;margin:0 0 8px;font-weight:700;letter-spacing:-.03em}
.capability p{margin:0;color:var(--muted);font-size:15px;line-height:1.5}

.audience-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.page-home .audience-strip,.audience-strip.dense{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.empty-scenario-picks{margin:18px 0 20px;max-width:720px}
.empty-state .scenario-pick{background:#fff}
.audience-tile{
  display:flex;flex-direction:column;gap:6px;padding:22px 20px;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);
  transition:border-color .2s,transform .25s var(--ease-out),box-shadow .25s;
}
.audience-tile:hover{border-color:var(--signal);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.audience-tile strong{font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:-.03em}
.audience-tile span{color:var(--muted);font-size:14px}

.split-trust{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.split-trust h2{font-family:var(--font-display);font-size:clamp(1.9rem,3.2vw,2.5rem);margin:0 0 14px;letter-spacing:-.035em;font-weight:700}
.split-trust > div > p{margin:0;color:var(--muted);font-size:17px;line-height:1.55;max-width:38ch}
.trust-points{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.trust-points li{
  padding:16px 18px;background:#fff;border-left:3px solid var(--signal);
  border-radius:0 var(--radius-md) var(--radius-md) 0;font-weight:650;color:#2a3a40;
}

.cta-banner-brand{text-align:left;justify-content:flex-start}
.cta-banner-brand > div{position:relative;z-index:1;max-width:560px}
.cta-brand{font-family:var(--font-display);font-size:1.1rem;font-weight:800;letter-spacing:-.03em;margin:0 0 10px;opacity:.9}
.cta-banner-brand h2{text-align:left}
.cta-banner-brand p{text-align:left}

.page-home .card{border-radius:var(--radius-lg)}
.hero-login a{color:var(--signal-deep)}

@media(max-width:900px){
  .capability-grid{grid-template-columns:1fr 1fr}
  .audience-strip{grid-template-columns:1fr 1fr}
  .split-trust{grid-template-columns:1fr;gap:28px}
  .flow-steps li{grid-template-columns:64px 1fr}
  .hero-stage{margin-left:20px;margin-right:20px;max-width:none}
}
@media(max-width:680px){
  .capability-grid,.audience-strip{grid-template-columns:1fr}
  .hero-brand{min-height:78vh;align-items:flex-end}
  .hero-stage{padding-top:6.5rem}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions .btn{width:100%}
  .nav-links .nav-mobile-only{color:var(--signal-deep)}
}


/* Brand: page heroes + soft cabinet accents */
.page-hero{
  background:
    radial-gradient(ellipse 80% 60% at 10% -10%,rgba(11,127,116,.10),transparent 55%),
    radial-gradient(ellipse 60% 50% at 100% 0%,rgba(26,154,110,.08),transparent 50%),
    linear-gradient(180deg,#f6faf8 0%,#eef5f3 100%)!important;
}
.page-hero h1{font-family:var(--font-display);font-weight:700}
.page-hero .eyebrow{margin-bottom:16px}
.app-sidebar .brand{font-family:var(--font-display)}
.auth-page h1,.auth-card h1{font-family:var(--font-display);font-weight:700;letter-spacing:-.035em}
.price-card h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em}
.feature-icon{background:var(--mist)!important;color:var(--signal-deep)!important}


/* Activity title + meta: stack so texts never glue */
.activity > div{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
}
.activity > div > b{
  display:block;
  line-height:1.35;
  font-weight:700;
}
.activity > div > small{
  display:block;
  color:var(--muted);
  font-size:13px;
  line-height:1.4;
  font-weight:500;
}
.member-row > div,
.team-member > div{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.member-row > div > small,
.team-member > div > small{
  display:block;
  color:var(--muted);
}


/* ===== Brand polish pass ===== */
.app-top h1,.dashboard-card h3,.mini-window h3{
  font-family:var(--font-display);
  font-weight:700;
  letter-spacing:-.03em;
}
.metric strong{color:var(--signal)!important;font-family:var(--font-display);font-weight:700}
.activity{
  border-color:var(--line)!important;
  background:#fbfffe!important;
}
.activity:hover{border-color:#b9cbc7!important;background:#fff!important}
.chat-pill.active{
  background:var(--mist)!important;
  border-color:#c5ddd8!important;
  color:var(--signal-deep)!important;
}
.status-badge{background:var(--mist)!important;color:var(--signal-deep)!important}
.icon-button,.bell-link,.icon-link,.sidebar-close,.count-pill{
  background:var(--mist)!important;
  color:var(--signal-deep)!important;
}
.nav-badge,.bell-dot{background:var(--signal)!important}
.bell-dot{box-shadow:0 0 0 4px rgba(11,127,116,.15)!important}
.progress span,.progress-track > i,.sender-track i{
  background:linear-gradient(90deg,#1a9a6e,#0b7f74)!important;
}
.sidebar-bottom{
  background:linear-gradient(145deg,#eef5f3,#e6f4f0)!important;
  border-color:rgba(197,221,216,.8)!important;
}
.visual-panel{
  background:linear-gradient(155deg,#f7fcfb,#eef5f3)!important;
  border-color:#d7e2e0!important;
}
.visual-panel:after{background:rgba(11,127,116,.12)!important}
.timeline-icon{
  background:var(--mist)!important;
  color:var(--signal-deep)!important;
}
.toggle-shell{background:var(--mist)!important;border-color:#c5ddd8!important}
.toggle-shell button.active{color:var(--signal-deep)!important}
.auth-forgot-link,.back-link:hover,.file-card>span:last-child{color:var(--signal-deep)!important}
.onboarding-mark{background:var(--mist)!important;color:var(--signal-deep)!important}
.app-menu-lines,.app-menu-lines:before,.app-menu-lines:after{background:var(--signal-deep)!important}
.chat-input input:focus{
  border-color:var(--signal)!important;
  box-shadow:0 0 0 4px rgba(11,127,116,.12)!important;
}
.connect-code{background:#0e1a24!important}
.side-item.active{
  background:var(--mist)!important;
  color:var(--signal-deep)!important;
  border-color:#c5ddd8!important;
}
.side-item.active .side-icon{background:linear-gradient(145deg,#0b7f74,#1a9a6e)!important}
.audience-art{
  background:linear-gradient(155deg,#f7fcfb 0%,#eef5f3 55%,#e6f2ef 100%)!important;
  border-color:rgba(197,221,216,.7)!important;
}
.audience-glyph{color:var(--signal-deep)!important}


.requisites-table th{background:#f8fcfb!important}
.dashboard-card{box-shadow:0 10px 28px rgba(14,26,36,.05)!important}
.dashboard-card:hover{box-shadow:0 16px 36px rgba(14,26,36,.09)!important}
.round-icon.blue{background:#e8f4f2!important;color:#0b7f74!important}
.round-icon.purple{background:#e6f4f1!important;color:#0a6e65!important}
.nav-ico,.side-icon{background:linear-gradient(145deg,#e8f2ef,#dceae6)!important}
.app-nav a.active .nav-ico{background:linear-gradient(145deg,#0b7f74,#1a9a6e)!important}
input[type=checkbox],input[type=radio]{accent-color:var(--signal)!important}
.faq-item.open .faq-question,.faq-question:hover{color:var(--signal-deep)}
.empty-compact p{max-width:36ch;margin-left:auto;margin-right:auto}
.search-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.search-bar .input{flex:1;min-width:200px}


/* FAQ + price meta spacing */
.faq-question{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;text-align:left}
.faq-question span{flex:0 0 auto;color:var(--signal);font-weight:800}
.price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.price small{display:inline;margin:0;color:var(--muted);font-weight:600}
.card.price-card{border-color:var(--line)}
.comparison th{font-family:var(--font-display);font-weight:700}
.page-hero .hero-actions .btn-secondary{border-color:var(--line)}


/* Onboarding + auth brand finish */
.onboard-aside h2{font-family:var(--font-display);font-weight:700;letter-spacing:-.035em}
.form-card h1{font-family:var(--font-display);font-weight:700;letter-spacing:-.035em}
.platform-card.selected,.platform-card:hover{
  border-color:var(--signal)!important;
  background:#f3faf8!important;
  box-shadow:0 12px 28px rgba(11,127,116,.12);
}
.platform-logo{
  background:var(--mist)!important;
  color:var(--signal-deep)!important;
}
.platform-card.selected .platform-logo{
  background:var(--signal)!important;
  color:#fff!important;
}
.auth-page{
  background:
    radial-gradient(ellipse 70% 50% at 15% 0%,rgba(11,127,116,.10),transparent 55%),
    linear-gradient(180deg,#fff 0%,#f3f8f6 100%)!important;
}
.onboarding-card{
  background:linear-gradient(160deg,#fff 0%,#f3faf8 100%)!important;
}


/* Dashboard block rhythm — notices never glue to cards */
.app-main > .notice,
.app-main > .notice-live,
.app-main > .privacy-notice,
.app-main .chat-switcher + .notice,
.app-main .notice-billing,
.app-main .notice-error{
  margin:0 0 24px;
}
.app-main .notice,
.app-main .notice-live,
.app-main .privacy-notice{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px 16px;
  border:1px solid #b9d4cf;
  background:#fff;
  color:#2a4a46;
  border-radius:14px;
  padding:14px 16px;
  font-size:14px;
  font-weight:650;
  line-height:1.45;
  border-left:4px solid var(--signal);
  box-shadow:0 8px 20px rgba(14,26,36,.04);
}
.app-main .notice-live{
  border-left-color:var(--orange);
  background:#fff9ef;
  border-color:#ffe3b5;
  color:#7a4e12;
}
.app-main .notice-error{
  border-left-color:#c43c50;
  background:#fff8f8;
  border-color:#ffd3d8;
  color:#a83546;
}
.app-main .notice-billing{
  border-left-color:var(--signal);
}
.app-main .notice-action{
  flex:0 0 auto;
  font-weight:800;
  color:var(--signal-deep);
  text-decoration:none;
  white-space:nowrap;
  padding:8px 12px;
  border-radius:10px;
  background:var(--mist);
  border:1px solid #c5ddd8;
}
.app-main .notice-action:hover{
  background:#d9ece8;
  text-decoration:none;
}
.app-main .onboarding-card{
  margin-top:0;
}


/* Stronger separation for stacked dashboard blocks */
.app-main .notice-billing + .onboarding-card,
.app-main .notice-billing + .dashboard-card,
.app-main .notice + .onboarding-card,
.app-main .notice-error + .onboarding-card,
.app-main .notice-live + .onboarding-card,
.app-main .privacy-notice + .metric-row,
.app-main .privacy-notice + .dashboard-card{
  margin-top:0;
}
.app-main .onboarding-card{
  background:#fff!important;
  border:1px solid var(--line)!important;
}
.app-main .onboarding-steps{
  gap:12px!important;
}
.app-main .onboarding-steps b{
  display:block;
  margin-bottom:4px;
  line-height:1.35;
}
.app-main .onboarding-steps small{
  display:block;
  line-height:1.4;
}
.app-main > .dashboard-card + .dashboard-card,
.app-main > .dashboard-card + .metric-row,
.app-main > .metric-row + .dashboard-card,
.app-main > .metric-row + .metric-row,
.app-main > .app-grid + .dashboard-card,
.app-main > .dashboard-card + .app-grid{
  margin-top:20px;
}
.app-main > .app-spacer{height:20px}


/* ===== Cabinet rhythm v2: gap-based stack ===== */
.app-main{
  display:flex;
  flex-direction:column;
  gap:20px;
}
.app-main > .app-top{margin-bottom:0!important}
.app-main > .chat-switcher{margin:0!important;padding-bottom:0}
.app-main > .notice,
.app-main > .notice-live,
.app-main > .privacy-notice,
.app-main > .notice-billing,
.app-main > .notice-error{margin:0!important}
.app-main > .app-spacer{
  display:none!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
}
.app-main > .dashboard-card + .dashboard-card,
.app-main > .dashboard-card + .metric-row,
.app-main > .metric-row + .dashboard-card,
.app-main > .metric-row + .metric-row,
.app-main > .app-grid + .dashboard-card,
.app-main > .dashboard-card + .app-grid{
  margin-top:0!important;
}
.app-main .onboarding-steps{
  gap:12px!important;
  margin-top:14px;
}
.app-main .onboarding-steps li{
  padding:12px 14px!important;
}
.app-main .onboarding-steps b{
  display:block;
  margin:0 0 5px;
  line-height:1.35;
}
.app-main .onboarding-steps small{
  display:block;
  line-height:1.45;
  color:var(--muted);
}
.dashboard-card.metric{
  padding:18px 16px!important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:108px;
}
.dashboard-card.metric strong{
  margin:0;
  line-height:1.05;
}
.dashboard-card.metric span{
  margin:0!important;
  line-height:1.35;
}
.app-nav .nav-badge{
  margin-left:8px!important;
  vertical-align:middle;
}
.app-nav a > span:last-child{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.top-search{flex:1 1 180px;max-width:280px}
.top-search .input{
  width:100%;
  border:1px solid var(--line);
  border-radius:12px;
  padding:10px 12px;
  background:#fff;
}
.top-search .input:focus{
  border-color:var(--signal);
  box-shadow:0 0 0 4px rgba(11,127,116,.12);
  outline:none;
}
.billing-current .notice{
  margin:14px 0 0!important;
  display:block;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid #c5ddd8;
  border-left:4px solid var(--signal);
  background:#fbfffe;
}
.billing-plans{align-items:stretch}
.billing-checkout-form{display:grid;gap:12px;margin-top:8px}
.billing-cancel{margin-top:14px}
.check-row{
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-size:14px;
  color:#3d4d54;
  font-weight:600;
}
.check-row .input-check{width:auto;margin-top:2px}
.billing-terms{display:block;color:var(--muted);font-size:12px;line-height:1.45}
.sidebar-chat-title{display:block;margin:0 0 4px;font-size:14px}
.manual-item-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 14px;
}
.manual-item-grid .field-span{grid-column:1 / -1}
.manual-item-grid .field-actions{grid-column:1 / -1;margin-top:4px}
@media(max-width:680px){
  .app-main{gap:16px;padding:14px 14px 40px}
  .manual-item-grid{grid-template-columns:1fr}
  .top-search{max-width:none;flex:1 1 100%}
  .app-actions{flex-wrap:wrap}
}


/* Chart label crowding */
.chart-bar-col span{
  font-size:9px;
  letter-spacing:-.02em;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#6c7790;
}
.chart-bars:not(.chart-bars-dense) .chart-bar-col:nth-child(2n) span{
  visibility:hidden;
}
.chart-bars:not(.chart-bars-dense) .chart-bar-col:first-child span,
.chart-bars:not(.chart-bars-dense) .chart-bar-col:last-child span{
  visibility:visible;
}
.app-nav a.active{
  box-shadow:inset 3px 0 0 var(--signal), inset 0 0 0 1px #c5ddd8;
}


/* Billing plans breathing room */
.app-main .billing-plans{
  gap:20px!important;
  margin-top:0;
}
.app-main .price-card{
  padding:26px 22px;
}
.app-main .price-item{
  align-items:flex-start;
  gap:10px;
  line-height:1.45;
}
.app-main .price{
  font-weight:800;
  letter-spacing:-.03em;
  margin-bottom:16px;
}
.app-main .billing-meta{
  margin:8px 0 0;
  line-height:1.5;
}
.app-main .popular-tag{
  letter-spacing:.04em;
}


/* Compact payment trust */
.payment-trust{
  padding:12px 16px!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
.payment-trust-lead{margin:0!important;font-size:13px!important;line-height:1.35!important}
.payment-trust-note{margin:6px 0 0!important;font-size:12px!important}
.payment-brand-row{display:none!important}
.footer-legal-strip{margin-top:20px!important;padding-top:18px!important}
.footer-legal-strip .payment-trust{background:transparent!important}
@media(max-width:680px){
  .payment-trust-row{flex-direction:column;align-items:flex-start}
}


/* Footer brand finish — no frames/lines */
.site-footer{border:0!important;box-shadow:none!important}
.footer-pay{margin-top:22px;padding:0;border:0}
.footer-pay .payment-trust{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.footer-pay .payment-trust-lead{color:var(--muted)!important;font-weight:600!important}
.footer-pay .payment-trust-note{margin-top:4px!important}
.footer-meta{
  margin-top:22px;
  display:grid;
  gap:8px;
  max-width:820px;
}
.footer-meta p{
  margin:0;
  font-size:13px;
  line-height:1.5;
  color:#6c7790;
}
.footer-meta a{
  color:var(--signal-deep);
  font-weight:650;
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:border-color .2s,color .2s;
}
.footer-meta a:hover{
  border-bottom-color:rgba(7,90,83,.35);
  color:var(--signal);
}
.footer-col h4{color:#7a8a86!important;letter-spacing:.06em}
@media(max-width:680px){
  .footer-meta{margin-top:18px}
  .footer-pay .payment-trust-row{gap:8px}
}


/* Advertisers page */
.advertisers-story{max-width:760px}
.advertisers-steps{margin-top:8px}
.advertisers-verdict{
  margin-top:36px;
  padding:22px 0 0;
}
.advertisers-verdict-lead{
  font-family:var(--font-display);
  font-size:1.05rem;
  font-weight:700;
  letter-spacing:-.03em;
  margin:0 0 12px;
  color:var(--ink);
}
.advertisers-verdict ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}
.advertisers-verdict li{
  padding:0;
  color:#3d4d54;
  font-size:15px;
  line-height:1.45;
}
.advertisers-verdict li strong{
  color:var(--signal-deep);
  font-weight:700;
  margin-right:6px;
}
.advertisers-verdict-note{
  margin:18px 0 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.55;
  max-width:54ch;
}
.advertisers-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.page-advertisers .page-hero h1{max-width:14ch}


/* Docs center */
.docs-layout{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:40px;
  align-items:start;
}
.docs-nav{
  position:sticky;
  top:96px;
  display:grid;
  gap:8px;
  padding:4px 0;
}
.docs-nav a{
  color:#5a6a72;
  font-size:14px;
  font-weight:650;
  line-height:1.35;
  padding:4px 0;
  border-left:2px solid transparent;
  padding-left:12px;
  transition:color .2s,border-color .2s;
}
.docs-nav a:hover{color:var(--signal-deep);border-left-color:var(--signal)}
.docs-content{max-width:780px}
.docs-content h2{
  font-family:var(--font-display);
  font-weight:700;
  letter-spacing:-.03em;
  margin:2.4rem 0 .9rem;
  scroll-margin-top:100px;
}
.docs-content h2:first-child{margin-top:0}
.docs-content h3{
  margin:1.4rem 0 .55rem;
  font-size:1.05rem;
  letter-spacing:-.02em;
}
.docs-content p,.docs-content li{line-height:1.6;color:#2a3a40}
.docs-content ul,.docs-content ol{margin:0 0 1rem;padding-left:1.2rem}
.docs-content code{
  font:650 13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;
  background:var(--mist);
  color:var(--signal-deep);
  padding:2px 6px;
  border-radius:6px;
}
.docs-cta{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:2rem;
  padding-top:1.5rem;
}
@media(max-width:900px){
  .docs-layout{grid-template-columns:1fr;gap:24px}
  .docs-nav{
    position:static;
    display:flex;
    flex-wrap:wrap;
    gap:8px 14px;
    padding-bottom:8px;
    border-bottom:1px solid var(--line);
  }
  .docs-nav a{border-left:0;padding-left:0;font-size:13px}
}

/* Clear Signal Index */
.chart-w-0{width:0%}.chart-w-1{width:1%}
.nav-ico-signal:after{content:"";position:absolute;left:3px;top:7px;width:12px;height:2px;background:#8a9bb8;border-radius:2px;box-shadow:0 -4px 0 #8a9bb8,0 4px 0 #8a9bb8}
.app-nav a.active .nav-ico-signal:after{background:rgba(255,255,255,.95);box-shadow:0 -4px 0 rgba(255,255,255,.95),0 4px 0 rgba(255,255,255,.95)}
.signal-csi-card{position:relative}
.signal-grade{display:block;margin-top:8px;font-size:12px;font-weight:800;font-style:normal;color:var(--signal-deep)}
.signal-grade.grade-a{color:#15935b}.signal-grade.grade-b{color:var(--signal)}.signal-grade.grade-c{color:#b86b1a}.signal-grade.grade-d{color:#c43c50}
.signal-lab-link{margin:10px 2px 0;font-size:13px}
.signal-intro p{margin:0 0 12px;line-height:1.55;color:#2a3a40}
.signal-formula{display:block;font:650 12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--mist);color:var(--signal-deep);padding:10px 12px;border-radius:10px;overflow-wrap:anywhere}
.signal-bars{display:grid;gap:12px;margin-bottom:14px}
.signal-bar-row{display:grid;grid-template-columns:120px 1fr auto;gap:10px;align-items:center;font-size:13px}
.signal-bar-row span{color:#58647f;font-weight:700}
.signal-legend{margin:0;padding-left:1.1rem;display:grid;gap:10px;color:#2a3a40;line-height:1.45}
.signal-grid{grid-template-columns:1.3fr .9fr}
.signal-item{align-items:flex-start}
.signal-item-body{display:grid;gap:4px;min-width:0;flex:1}
.signal-item-body b{font-weight:800}
.signal-item-body small{display:block;color:var(--muted)}
.evidence-badge{display:inline-flex;align-self:start;margin-top:4px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.01em}
.evidence-badge.level-high{background:#e8f8ef;color:#15935b}
.evidence-badge.level-medium{background:var(--mist);color:var(--signal-deep)}
.evidence-badge.level-low{background:#fff0f1;color:#c43c50}
.evidence-source{margin-top:6px;font-size:13px}
.evidence-source summary{cursor:pointer;color:var(--signal-deep);font-weight:750}
.evidence-source blockquote{margin:8px 0;padding:10px 12px;border-left:3px solid var(--signal);background:#f7fbfa;border-radius:0 10px 10px 0;color:#2a3a40;line-height:1.45}
.evidence-source ul{margin:6px 0 0;padding-left:1.1rem;color:var(--muted)}
.evidence-missing{margin:4px 0 0;font-size:12px}
.page-signal .signal-method{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px 36px;
}
.page-signal .signal-method-card{
  display:grid;
  gap:10px;
  padding:20px 0 4px;
  border-top:2px solid var(--signal);
  min-width:0;
}
.page-signal .signal-method-num{
  font-family:var(--font-display);
  font-size:0.95rem;
  font-weight:700;
  letter-spacing:.04em;
  color:var(--signal);
}
.page-signal .signal-method-card h3{
  margin:0;
  font-family:var(--font-display);
  font-size:1.2rem;
  font-weight:700;
  letter-spacing:-.03em;
  line-height:1.25;
}
.page-signal .signal-method-card p{
  margin:0;
  color:var(--muted);
  font-size:15px;
  line-height:1.55;
  max-width:46ch;
}
.page-signal .signal-formula-card{
  margin-top:32px;
  display:grid;
  gap:8px;
  background:linear-gradient(145deg,#eef5f3,#e6f4f0);
  border:1px solid #c5ddd8;
  border-radius:16px;
  padding:18px 20px;
  color:var(--signal-deep);
}
.page-signal .signal-formula-label{
  font-family:var(--font-body);
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#6a7a77;
}
.page-signal .signal-formula-card p{
  margin:0;
  font-size:15px;
  line-height:1.55;
  color:var(--signal-deep);
  max-width:62ch;
}
.page-signal .signal-summary-number strong{color:var(--signal)!important}
.page-signal .signal-summary-number .accent,
.page-signal .signal-summary-number span{color:var(--signal-deep)}
.page-signal .signal-product-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:48px;
  align-items:start;
}
.page-signal .signal-grades-title{
  font-size:clamp(1.5rem,2.4vw,1.9rem);
  margin:0 0 18px;
}
.page-signal .signal-grade-list{display:grid;gap:12px}
.page-signal .signal-grade-row{
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:14px 16px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
}
.page-signal .signal-grade-row div{display:grid;gap:2px;min-width:0}
.page-signal .signal-grade-row b{font-weight:800;line-height:1.3}
.page-signal .signal-grade-row span:not(.signal-grade-mark){color:var(--muted);font-size:14px;line-height:1.4}
.page-signal .signal-grade-mark{
  flex:0 0 36px;
  width:36px;height:36px;
  border-radius:50%;
  display:grid;place-items:center;
  font-family:var(--font-display);
  font-weight:700;
  font-size:14px;
}
.page-signal .signal-grade-row.grade-a .signal-grade-mark{background:#e8f8ef;color:#15935b}
.page-signal .signal-grade-row.grade-b .signal-grade-mark{background:var(--mist);color:var(--signal-deep)}
.page-signal .signal-grade-row.grade-c .signal-grade-mark{background:#fff6e8;color:#b86b1a}
.page-signal .signal-grade-row.grade-d .signal-grade-mark{background:#fff0f1;color:#c43c50}
.page-signal .signal-mock-meta{margin:12px 0 0;line-height:1.45}
.page-signal .signal-cta{text-align:center}
.page-signal .signal-cta h2{
  font-family:var(--font-display);
  font-weight:700;
  letter-spacing:-.035em;
  margin:0 0 10px;
}
.page-signal .signal-cta .hero-actions{justify-content:center;margin-top:18px}
@media(max-width:900px){
  .page-signal .signal-method{grid-template-columns:1fr;gap:22px}
  .page-signal .signal-product-grid{grid-template-columns:1fr;gap:36px}
}

/* Bare marketing metrics inside mini-windows (use-cases etc.) */
.mini-window .card.metric,
.visual-panel .card.metric{
  padding:12px 10px;
  text-align:center;
}
.mini-window .card.metric strong,
.visual-panel .card.metric strong{
  display:block;
  font-size:1.35rem;
  line-height:1.1;
  color:var(--signal);
}
.mini-window .card.metric span,
.visual-panel .card.metric span{
  display:block;
  margin-top:4px;
  font-size:12px;
  color:var(--muted);
  font-weight:700;
}

.signal-alert-banner{margin-top:12px}
.signal-summary-switcher{margin-bottom:16px}

.evidence-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}
.signal-export-actions{margin-top:14px}
.metric-row.signal-kpis{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}

/* Clear Signal calculator — brand panel, not SaaS widget */
.page-signal .csi-calc{
  margin-top:8px;
  min-height:0;
  padding:28px;
}
.page-signal .csi-calc:after{right:-80px;bottom:-80px;top:auto}
.page-signal .csi-calc-shell{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:22px;
  align-items:stretch;
}
.page-signal .csi-calc-controls{
  display:grid;
  gap:4px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  padding:10px 18px 14px;
  box-shadow:var(--shadow-sm);
}
.page-signal .csi-calc-field{
  display:grid;
  grid-template-columns:1fr auto;
  gap:6px 14px;
  align-items:end;
  padding:12px 0;
  border-bottom:1px solid #e8f0ee;
  color:var(--ink);
}
.page-signal .csi-calc-field:last-child{border-bottom:0}
.page-signal .csi-calc-label{
  display:grid;
  gap:2px;
  font-size:15px;
  font-weight:750;
  letter-spacing:-.01em;
  line-height:1.25;
}
.page-signal .csi-calc-label small{
  font-size:12px;
  font-weight:600;
  color:var(--muted);
  letter-spacing:0;
}
.page-signal .csi-calc-field output{
  font-family:var(--font-display);
  font-size:1.05rem;
  font-weight:700;
  color:var(--signal);
  font-variant-numeric:tabular-nums;
  letter-spacing:-.03em;
}
.page-signal .csi-calc-field input[type=range]{
  grid-column:1/-1;
  width:100%;
  height:28px;
  margin:0;
  appearance:none;
  background:transparent;
  cursor:pointer;
}
.page-signal .csi-calc-field input[type=range]::-webkit-slider-runnable-track{
  height:6px;
  border-radius:999px;
  background:linear-gradient(90deg,#d7e8e4,#c5ddd8);
}
.page-signal .csi-calc-field input[type=range]::-webkit-slider-thumb{
  appearance:none;
  width:18px;height:18px;
  margin-top:-6px;
  border-radius:50%;
  background:var(--signal);
  border:3px solid #fff;
  box-shadow:0 4px 12px rgba(11,127,116,.35);
}
.page-signal .csi-calc-field input[type=range]::-moz-range-track{
  height:6px;
  border-radius:999px;
  background:linear-gradient(90deg,#d7e8e4,#c5ddd8);
  border:0;
}
.page-signal .csi-calc-field input[type=range]::-moz-range-thumb{
  width:18px;height:18px;
  border-radius:50%;
  background:var(--signal);
  border:3px solid #fff;
  box-shadow:0 4px 12px rgba(11,127,116,.35);
}
.page-signal .csi-calc-result{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:6px;
  min-height:100%;
  padding:22px 22px 24px;
}
.page-signal .csi-calc-result strong{
  font-family:var(--font-display);
  font-size:clamp(3rem,5.5vw,3.8rem);
  line-height:1;
  color:var(--signal);
  letter-spacing:-.045em;
  font-weight:700;
}
.page-signal .csi-calc-result > span{
  font-weight:800;
  color:var(--signal-deep);
  font-size:15px;
}
.page-signal .csi-calc-result p{
  margin:10px 0 0;
  max-width:28ch;
  font-size:14px;
  line-height:1.5;
}
.page-signal .csi-bench-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-top:8px;
}
.page-signal .csi-bench-card{
  background:linear-gradient(165deg,#fff 0%,#f7fcfb 100%);
  border:1px solid #c5ddd8;
  border-radius:18px;
  padding:20px 22px;
  display:grid;
  gap:12px;
  min-width:0;
}
.page-signal .csi-bench-card h3{
  margin:0;
  font-size:1.05rem;
  font-family:var(--font-display);
  font-weight:700;
  letter-spacing:-.03em;
  line-height:1.25;
}
.page-signal .csi-bench-nums{
  display:grid;
  grid-template-columns:auto 1fr auto 1fr;
  gap:2px 10px;
  align-items:end;
  font-size:12px;
  font-weight:700;
  color:#6a7a77;
}
.page-signal .csi-bench-nums strong{
  font-family:var(--font-display);
  font-size:1.7rem;
  line-height:1;
  color:var(--signal);
  letter-spacing:-.03em;
}
.page-signal .csi-bench-card p{
  margin:0;
  font-size:14px;
  color:var(--muted);
  line-height:1.45;
}
@media(max-width:900px){
  .page-signal .csi-calc-shell{grid-template-columns:1fr}
  .page-signal .csi-bench-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .page-signal .csi-calc{padding:18px}
  .page-signal .csi-bench-grid{grid-template-columns:1fr}
}

.signal-badge-embed{margin:12px 0;padding:12px 14px;background:var(--mist);border:1px solid #c5ddd8;border-radius:12px;overflow:auto}
.signal-badge-embed code{font-size:12px;word-break:break-all;color:var(--signal-deep)}


/* Use-case scenario picker + engagement */
.page-use-cases .case-tabs{justify-content:flex-start;gap:8px;margin-bottom:32px}
.page-use-cases .case-tab{font-size:13px;padding:9px 14px;border-radius:999px;color:var(--signal-deep);border-color:#c5ddd8;background:#fff}
.page-use-cases .case-tab:hover{border-color:var(--signal)}
.scenario-pick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:8px}
.scenario-pick{display:grid;gap:6px;padding:18px 20px;border-radius:18px;border:1px solid #c5ddd8;background:linear-gradient(165deg,#fff,#f7fcfb);text-decoration:none;transition:border-color .2s,transform .2s}
.scenario-pick:hover{border-color:var(--signal);transform:translateY(-2px)}
.scenario-pick strong{font-family:var(--font-display);font-size:1.05rem;letter-spacing:-.03em;color:var(--ink)}
.scenario-pick span{font-size:14px;color:var(--muted)}
.audience-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.engagement-card{background:linear-gradient(160deg,#fff 0%,#f3faf8 100%);border:1px solid #c5ddd8}
.engagement-streak{font-family:var(--font-display);font-size:2rem;line-height:1;color:var(--signal);letter-spacing:-.04em}
.engagement-card .activity{align-items:center}
@media(max-width:900px){
  .scenario-pick-grid,.audience-strip{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .scenario-pick-grid,.audience-strip{grid-template-columns:1fr}
}
.scenario-pick-grid-full{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.empty-scenario-picks{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;max-width:none}
@media(max-width:560px){
  .scenario-pick-grid-full,.empty-scenario-picks{grid-template-columns:1fr!important}
}

/* ===== Powerful mobile adaptation ===== */
html{hanging-punctuation:first last}
body{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.btn,.mobile-toggle,.app-menu-toggle,.icon-button,.case-tab,.chat-pill{touch-action:manipulation}
@media (max-width:840px){
  .site-header{padding-top:env(safe-area-inset-top,0px)}
  .site-footer{padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}
  .toast{bottom:calc(16px + env(safe-area-inset-bottom,0px));right:14px;left:14px;max-width:none}
}
@media (max-width:680px){
  :root{
    --section-y:clamp(2.75rem,7vw,3.75rem);
    --hero-y:clamp(2.5rem,8vw,3.5rem);
    --radius-xl:18px;
    --radius-lg:16px;
  }
  .container{width:min(100% - 24px,var(--container))}
  .btn,.btn-sm,.btn-lg{
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  .btn-lg{width:100%;padding:14px 18px;font-size:16px}
  .mobile-toggle,.app-menu-toggle{min-width:44px;min-height:44px}
  .icon-button{width:44px;height:44px}

  /* Hero */
  .hero-brand{
    min-height:min(100svh,720px);
    min-height:min(100dvh,720px);
    align-items:flex-end;
  }
  .hero-stage{
    padding:5.5rem 0 calc(1.6rem + env(safe-area-inset-bottom,0px));
    margin-left:0;margin-right:0;max-width:none;
  }
  .hero-brand-name{font-size:clamp(1.7rem,8vw,2.2rem);margin-bottom:10px}
  .hero-stage h1{
    font-size:clamp(1.85rem,8.4vw,2.55rem)!important;
    letter-spacing:-.045em!important;
    line-height:1.08!important;
    max-width:16ch;
  }
  .hero-lead{font-size:15px!important;line-height:1.5;max-width:34ch}
  .hero-actions{width:100%;gap:10px}
  .hero-actions .btn{width:100%}
  .page-hero{padding:calc(42px + env(safe-area-inset-top,0px)) 0 34px}
  .page-hero h1{font-size:clamp(1.8rem,7.5vw,2.4rem)!important;letter-spacing:-.04em!important;line-height:1.12}
  .page-hero p{font-size:15px;line-height:1.5}
  .section{padding:var(--section-y) 0}
  .section-title h2,.copy-block h2,.cta-banner h2{font-size:clamp(1.55rem,6.5vw,2rem)!important;letter-spacing:-.035em;line-height:1.15}
  .section-title p,.copy-block p{font-size:15px}

  /* Grids / cards */
  .capability-grid,.audience-strip,.audience-strip.dense,.scenario-pick-grid,
  .feature-grid,.pricing-grid,.security-grid,.grid-3,.grid-4,.testimonials,
  .metric-row,.attention-grid{grid-template-columns:1fr!important;gap:12px}
  .metric-row.analytics-kpis{grid-template-columns:1fr 1fr!important}
  .dashboard-card,.card,.price-card{padding:18px;border-radius:16px}
  .dashboard-card:hover,.card:hover{transform:none}
  .price{font-size:38px;letter-spacing:-1.5px}
  .price-card .btn{width:100%}
  .flow-steps li{grid-template-columns:48px 1fr;gap:12px}
  .flow-num{font-size:1.2rem}
  .audience-tile,.scenario-pick{padding:16px 16px;min-height:0}
  .audience-tile strong,.scenario-pick strong{font-size:1rem}

  /* Use-case tabs: horizontal scroll */
  .case-tabs,.page-use-cases .case-tabs{
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-start!important;
    gap:8px;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;
    padding:2px 2px 12px;
    margin:0 -4px 20px;
  }
  .case-tab,.page-use-cases .case-tab{
    flex:0 0 auto;
    scroll-snap-align:start;
    min-height:40px;
    padding:10px 14px;
    font-size:13px;
  }
  .case-panel.active.split,.split{grid-template-columns:1fr!important;gap:18px}
  .visual-panel{order:2}
  .mini-window{padding:14px}

  /* Footer */
  .footer-grid{gap:22px}
  .footer-col{display:grid;gap:8px}
  .footer-col a{min-height:40px;display:inline-flex;align-items:center}
  .footer-pay .payment-trust{padding:12px}
  .footer-meta{font-size:13px;line-height:1.45}

  /* Auth / forms */
  .auth-page{padding:18px 14px;align-items:stretch;place-items:stretch}
  .auth-page .auth-card{
    width:100%;
    margin:0;
    padding:24px 18px;
    border-radius:16px;
    box-shadow:none;
  }
  .auth-page h1{font-size:1.7rem}
  .field input,.field textarea,.field select,
  .form-panel input,.form-panel select,.form-panel textarea,
  .manual-item-grid input,.manual-item-grid select,.manual-item-grid textarea,
  .input{
    min-height:48px;
    font-size:16px; /* prevent iOS zoom */
    border-radius:12px;
  }
  .field textarea{min-height:110px}
  .form-card h1{font-size:clamp(1.7rem,7vw,2.2rem)!important}
  .onboard-main{padding:22px 16px calc(24px + env(safe-area-inset-bottom,0px))}
  .platform-card{padding:16px;min-height:48px}

  /* Cabinet */
  .app-main{padding:12px 12px calc(28px + env(safe-area-inset-bottom,0px))}
  .app-mobile-bar{padding-top:calc(10px + env(safe-area-inset-top,0px))}
  .app-top{margin-bottom:14px;gap:10px}
  .app-top h1{font-size:1.35rem!important}
  .app-actions{gap:8px}
  .app-actions .btn,.app-actions form{width:100%}
  .chat-switcher{
    margin:0 -12px 14px;
    padding:0 12px 8px;
    gap:8px;
    scrollbar-width:none;
  }
  .chat-switcher::-webkit-scrollbar{display:none}
  .chat-pill{min-height:40px;padding:10px 14px;font-size:13px}
  .activity{
    align-items:flex-start;
    gap:10px;
    padding:12px;
  }
  .activity time{
    display:block!important;
    width:100%;
    margin:0;
    order:3;
    font-size:11px;
  }
  .activity .item-actions,.activity > a.btn{order:4;margin-left:0}
  .item-actions{display:flex;gap:8px}
  .card-heading{flex-direction:column;align-items:stretch;gap:10px}
  .card-heading .btn,.card-heading form{width:100%}
  .dashboard-card.metric strong{font-size:1.25rem}
  .dashboard-card.metric{padding:14px}
  .notice,.notice-billing,.notice-error,.notice-live,.privacy-notice{font-size:13px;line-height:1.45;padding:12px}
  .notice-action{display:inline-flex;margin-top:8px}
  .connect-code{font-size:16px;padding:14px;word-break:break-all}
  .billing-checkout-form .btn{width:100%}
  .billing-plans .price-card{padding:18px}
  .empty-state{padding:36px 16px}
  .empty-scenario-picks{grid-template-columns:1fr!important}
  .top-search{display:block;width:100%;max-width:none;flex:1 1 100%}
  .top-search .input{width:100%;max-width:none;min-height:44px}

  /* Tables */
  .comparison,.requisites-table-wrap{margin-left:-4px;margin-right:-4px;border-radius:14px}
  .comparison table,.requisites-table{min-width:520px}
  .article h1{font-size:clamp(1.7rem,7vw,2.2rem)!important}
  .article h2{font-size:1.25rem;margin:28px 0 10px}
  .article p,.article li{font-size:15px}

  /* Signal / CSI */
  .page-signal .csi-calc{padding:16px}
  .page-signal .csi-bench-grid{grid-template-columns:1fr!important}
  .page-signal .csi-bench-nums{grid-template-columns:auto 1fr;gap:4px 10px}
  .page-signal .csi-bench-nums strong{font-size:1.4rem}

  /* CTA */
  .cta-banner{padding:24px 18px;border-radius:18px}
  .cta-banner .btn{width:100%}
}
@media (max-width:380px){
  .metric-row.analytics-kpis{grid-template-columns:1fr!important}
  .brand span{font-size:20px}
  .nav-actions .btn-login{padding:8px 12px;font-size:13px}
}
@media (hover:none){
  .dashboard-card:hover,.card:hover,.price-card:hover,.audience-tile:hover,.scenario-pick:hover{transform:none;box-shadow:var(--shadow-sm)}
  .app-nav a:hover{transform:none}
}