*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --brand:#16A34A;--brand-mid:#15803D;--brand-dark:#14532D;
  --brand-light:#DCFCE7;--brand-pale:#F0FDF4;--brand-accent:#22C55E;
  --white:#FFFFFF;--off-white:#FAFAFA;--surface:#FAFFF6;
  --text:#1C2B1A;--text-2:#166534;--text-body:#374151;--text-muted:#6B7280;
  --border:#A7F3D0;--border-2:#D1FAE5;
  --shadow-sm:0 1px 3px rgba(22,163,74,0.06),0 1px 2px rgba(0,0,0,0.04);
  --shadow-md:0 4px 16px rgba(22,163,74,0.1);
  --shadow-lg:0 16px 48px rgba(22,163,74,0.12);
  --radius:14px;--radius-lg:22px;
}
html{scroll-behavior:smooth;height:100%;background:#184F29}
body{font-family:'Inter',system-ui,sans-serif;color:var(--text-body);background:#fff;overflow-x:hidden;font-size:15px;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}

h1,h2,h3,h4,h5,h6{font-family:'Plus Jakarta Sans',system-ui,sans-serif;line-height:1.15;color:var(--text)}
a{text-decoration:none}
p{color:var(--text-body);line-height:1.75}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:999;background:rgba(255,255,255,0.97);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-2);padding:0 5%;box-shadow:0 1px 12px rgba(22,163,74,0.06)}
.nav-inner{max-width:1240px;margin:0 auto;display:flex;align-items:center;height:64px;gap:24px}
.nav-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.nav-logo-mark{width:34px;height:34px;background:linear-gradient(135deg,#16A34A,#15803D);border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.nav-logo-mark svg{width:20px;height:20px;fill:#fff}
.nav-logo-text{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:1.18rem;color:var(--text);letter-spacing:-0.03em}
.nav-links{display:flex;gap:2px;list-style:none;margin-left:auto}
.nav-links>li{position:relative}
.nav-links>li>a{color:var(--text-muted);font-size:0.875rem;font-weight:500;padding:7px 12px;border-radius:7px;transition:all .18s;display:flex;align-items:center;gap:4px;cursor:pointer}
.nav-links>li>a:hover,.nav-links>li>a.nav-active{color:var(--brand);background:var(--brand-pale)}
.nav-dropdown{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(-6px);background:#fff;border-radius:10px;padding:6px;min-width:230px;opacity:0;visibility:hidden;transition:opacity .22s ease,transform .22s ease,visibility .22s;z-index:100;box-shadow:0 4px 6px -1px rgba(0,0,0,0.07),0 16px 48px -8px rgba(0,0,0,0.12);border:1px solid #F1F5F9}
.nav-links>li:hover .nav-dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.nav-dropdown a{display:block;color:#6B7280;font-size:0.82rem;padding:11px 16px;border-radius:6px;transition:background .12s,color .12s;font-weight:400;cursor:pointer}
.nav-dropdown a:hover{background:#F8FAFB;color:#374151;font-weight:500}
.nav-dropdown hr{border:none;border-top:1px solid #F3F4F6;margin:5px 4px}
.nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.btn-login{color:var(--text-body);font-size:0.875rem;font-weight:500;padding:7px 16px;border:1.5px solid var(--border);border-radius:8px;transition:all .18s;background:#fff;cursor:pointer}
.btn-login:hover{border-color:var(--brand);color:var(--brand)}
.btn-demo-nav{background:linear-gradient(135deg,#16A34A,#15803D);color:#fff;font-size:0.875rem;font-weight:600;padding:8px 18px;border-radius:8px;transition:all .18s;border:none;cursor:pointer;box-shadow:0 2px 8px rgba(22,163,74,0.25)}
.btn-demo-nav:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(22,163,74,0.3)}
.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none;z-index:1001}
.nav-hamburger span{display:block;width:22px;height:2px;background:#374151;border-radius:2px;transition:all .25s}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-hamburger.open span:nth-child(2){opacity:0}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-mobile-menu{display:none;position:fixed;top:64px;left:0;right:0;bottom:0;background:#fff;z-index:998;overflow-y:auto}
.nav-mobile-menu.open{display:block}
.nav-mobile-menu a{display:block;padding:14px 20px;font-size:0.9rem;font-weight:500;color:#374151;border-bottom:1px solid #F9FAFB;cursor:pointer}
.mob-section{padding:8px 20px 4px;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:#9CA3AF;background:#F9FAFB}
.mob-cta-btn{background:#16A34A;color:#fff!important;margin:12px 16px;border-radius:10px;text-align:center;font-weight:700!important;padding:14px!important;border-bottom:none!important}
#mobFeatMenu{overflow:hidden;max-height:0;opacity:0;transition:max-height .35s ease,opacity .25s ease;background:#F9FAFB;border-bottom:1px solid #F3F4F6}
#mobFeatMenu.mob-open{max-height:700px;opacity:1}
#mobResMenu{overflow:hidden;max-height:0;opacity:0;transition:max-height .35s ease,opacity .25s ease;background:#F9FAFB;border-bottom:1px solid #F3F4F6}
#mobResMenu.mob-open{max-height:200px;opacity:1}

/* SPA */
.spa-page{display:none!important;margin:0;padding:0;background:#fff}
.spa-page.active{display:block!important;animation:pageIn .32s cubic-bezier(.16,1,.3,1) both;margin-bottom:0;padding-bottom:0}
@keyframes pageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* SECTIONS */
.section-wrap{padding:72px 5% 48px;background:#fff}
.section-wrap.alt{background:linear-gradient(180deg,#FAFCF7 0%,#F5FAF0 100%);position:relative}
.section-wrap.dark{background:linear-gradient(160deg,#183D22 0%,#1A5530 50%,#183D22 100%)}
.section-inner{max-width:1240px;margin:0 auto}
.section-tag{display:inline-block;background:var(--brand-light);color:var(--brand-mid);font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:0.71rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;padding:5px 14px;border-radius:4px;margin-bottom:12px;border:1px solid var(--border)}
.section-tag.light{background:rgba(134,239,172,0.2);color:rgba(187,247,208,0.95);border-color:rgba(134,239,172,0.3)}
.section-title{font-size:clamp(1.75rem,3vw,2.6rem);font-weight:800;color:var(--text);letter-spacing:-0.03em;line-height:1.12;margin-bottom:13px}
.section-title em{font-style:normal;color:#16A34A}
.section-title.white{color:#fff}
.section-title.white em{color:#86EFAC}
.section-sub{font-size:0.98rem;color:var(--text-body);line-height:1.75;max-width:560px}
.section-sub.white{color:rgba(255,255,255,0.85)}
.section-header{margin-bottom:52px}
.section-header.center{text-align:center}
.section-header.center .section-sub{margin:0 auto}
.section-header.center .section-title::after{content:'';display:block;width:48px;height:3px;background:linear-gradient(90deg,var(--brand),var(--brand-accent));border-radius:2px;margin:14px auto 0}
.section-header:not(.center) .section-title::after{content:'';display:block;width:48px;height:3px;background:linear-gradient(90deg,var(--brand),var(--brand-accent));border-radius:2px;margin:14px 0 0}

/* BUTTONS */
.btn-primary{background:linear-gradient(135deg,#16A34A,#15803D);color:#fff;font-family:'Inter',system-ui,sans-serif;font-weight:600;font-size:0.95rem;padding:12px 24px;border-radius:10px;transition:all .22s cubic-bezier(0.4,0,0.2,1);border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 8px rgba(22,163,74,0.28)}
.btn-primary:hover{background:linear-gradient(135deg,var(--brand-mid),var(--brand-dark));transform:translateY(-2px);box-shadow:0 8px 28px rgba(22,163,74,0.38)}
.btn-wa{background:#25D366;color:#fff;font-family:'Inter',system-ui,sans-serif;font-weight:600;font-size:0.95rem;padding:12px 24px;border-radius:10px;transition:all .22s;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 8px rgba(37,211,102,0.3)}
.btn-wa:hover{background:#1ebe58;transform:translateY(-2px);box-shadow:0 8px 24px rgba(37,211,102,0.4)}
.btn-outline-dark{background:#fff;color:var(--text);font-family:'Inter',system-ui,sans-serif;font-weight:500;font-size:0.95rem;padding:12px 24px;border-radius:10px;border:1.5px solid var(--border);transition:all .2s;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.btn-outline-dark:hover{border-color:var(--brand);color:var(--brand)}
.btn-outline-white{background:transparent;color:#fff;font-family:'Inter',system-ui,sans-serif;font-weight:500;font-size:0.95rem;padding:12px 24px;border-radius:10px;border:1.5px solid rgba(255,255,255,0.35);transition:all .2s;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.btn-outline-white:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.6)}

/* CARDS */
.card{background:#fff;border:1px solid var(--border-2);border-radius:var(--radius-lg);padding:32px 28px;transition:all .25s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}
.card:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(22,163,74,0.13),0 4px 12px rgba(22,163,74,0.07);border-color:var(--border)}
.card-illus{width:100%;height:160px;border-radius:14px;overflow:hidden;margin-bottom:18px;position:relative;display:flex;align-items:center;justify-content:center;background:var(--brand-pale)}
.card-illus svg{width:100%;height:100%;display:block}
.card-title{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:1.02rem;font-weight:700;color:var(--text);margin-bottom:10px}
.card-desc{font-size:0.88rem;color:var(--text-body);line-height:1.7}
.card-tag{display:inline-block;background:var(--brand-light);color:var(--brand-mid);font-size:0.72rem;font-weight:700;padding:3px 9px;border-radius:99px;margin-top:12px;border:1px solid var(--border)}
.card-link{display:inline-flex;align-items:center;gap:5px;font-size:0.82rem;font-weight:600;color:var(--text-muted);margin-top:14px;transition:all .2s}
.card:hover .card-link{color:var(--brand)}

/* HERO */
.hero{background:linear-gradient(145deg,#0A1F10 0%,#122A18 35%,#183D22 65%,#0D2414 100%);padding:100px 5% 72px;position:relative;overflow:hidden;border-bottom:2px solid rgba(22,163,74,0.3)}
.hero::before{content:'';position:absolute;top:-10%;left:50%;transform:translateX(-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(22,163,74,0.22) 0%,rgba(22,163,74,0.08) 45%,transparent 72%);pointer-events:none;z-index:0}
.hero-inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr 380px;gap:52px;align-items:center;position:relative;z-index:1}
.hero-left{display:flex;flex-direction:column;gap:0}
.trust-strip{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.trust-chip{background:rgba(255,255,255,0.08);border:1px solid rgba(134,239,172,0.25);border-radius:99px;padding:5px 12px;font-size:0.75rem;color:rgba(255,255,255,0.65);font-weight:500;display:flex;align-items:center;gap:5px}
.trust-chip::before{content:'✓';color:#4ADE80;font-size:0.75rem;font-weight:700}
.hero h1{font-size:clamp(1.9rem,3vw,2.65rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:20px}
.hero h1 em{font-style:normal;color:#4ADE80;display:block;font-size:clamp(2.1rem,3.4vw,2.95rem)}
.hero-sub{font-size:1.05rem;color:rgba(255,255,255,0.72);line-height:1.7;margin-bottom:30px;max-width:520px}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.hero-micro{font-size:0.8rem;color:rgba(255,255,255,0.38);display:flex;gap:16px;flex-wrap:wrap}
.hero-micro span{display:flex;align-items:center;gap:5px}
.hero-micro span::before{content:'✓';color:#4ADE80;font-size:0.75rem}

/* CHAT WIDGET */
.chat-widget{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 24px 72px rgba(0,0,0,0.35),inset 0 0 0 1px rgba(255,255,255,0.1)}
.chat-header{background:#075E54;padding:12px 15px;display:flex;align-items:center;gap:9px}
.chat-av{width:34px;height:34px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;flex-shrink:0}
.chat-name{font-weight:600;font-size:13px;color:#fff}
.chat-status{font-size:10px;color:rgba(255,255,255,0.65);display:flex;align-items:center;gap:4px}
.chat-status::before{content:'';width:6px;height:6px;border-radius:50%;background:#4ADE80;display:inline-block}
.chat-body{background:#ECE5DD;padding:14px;min-height:210px;display:flex;flex-direction:column;gap:8px}
.msg{max-width:84%;padding:8px 12px;border-radius:11px;font-size:12px;line-height:1.5}
.msg.in{background:#fff;color:#374151;align-self:flex-start;border-radius:0 11px 11px 11px;box-shadow:0 1px 3px rgba(0,0,0,0.1)}
.msg.out{background:#DCF8C6;color:#374151;align-self:flex-end;border-radius:11px 0 11px 11px}
.msg-tick{font-size:10px;color:#34B7F1;text-align:right;margin-top:2px}
.quick-replies{display:flex;flex-direction:column;gap:5px;margin-top:4px}
.qr{background:#fff;border:1px solid rgba(0,128,105,0.35);border-radius:8px;padding:6px 12px;font-size:11px;font-weight:600;color:#075E54;text-align:center;cursor:pointer}
.typing-dots{display:flex;gap:3px;align-items:center;padding:8px 12px;background:#fff;border-radius:0 11px 11px 11px;align-self:flex-start;width:44px}
.dot{width:5px;height:5px;border-radius:50%;background:#9CA3AF;animation:dotBounce 1.2s infinite}
.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}
@keyframes dotBounce{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-5px)}}
.float-badge{position:absolute;background:#fff;border:1px solid #D1FAE5;border-radius:12px;padding:9px 14px;box-shadow:0 6px 24px rgba(22,163,74,0.18)}
.float-badge.fb1{top:-16px;right:-18px;animation:floatY 3s ease-in-out infinite}
.float-badge.fb2{bottom:10px;left:-20px;animation:floatY 3s ease-in-out infinite 1.5s}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.fb-lbl{font-size:9px;color:#6B7280;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:2px}
.fb-val{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:1.1rem;font-weight:800;color:#1C2B1A}
.fb-delta{font-size:9px;color:#16A34A;font-weight:600;margin-top:1px}

/* ACTIVITY TICKER */
.ticker-outer{background:linear-gradient(90deg,#FFFDF5,#F5FAF0,#FFFDF5);border-top:1px solid #FDE68A;border-bottom:1px solid #A7F3D0;padding:10px 0;overflow:hidden;position:relative}
.ticker-inner{display:flex;gap:60px;animation:ticker 22s linear infinite;white-space:nowrap;width:max-content}
.ticker-outer:hover .ticker-inner{animation-play-state:paused}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.tick-item{display:inline-flex;align-items:center;gap:8px;font-size:0.82rem;color:#15803D;font-weight:500;white-space:nowrap}
.tick-dot{width:6px;height:6px;background:#16A34A;border-radius:50%;flex-shrink:0;animation:pulse 1.5s infinite}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}

/* STATS BAR */
.stats-bar{background:linear-gradient(90deg,#FFFDF5,#F5FAF0,#FFFDF5);position:relative}
.stats-bar::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#FDE68A 20%,#A7F3D0 80%,transparent)}
.stats-bar::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#A7F3D0 20%,#FDE68A 80%,transparent)}
.stats-bar-inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr 1px 1fr 1px 1fr;padding:0 5%}
.sbar-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:18px 28px;transition:transform .2s,background .2s;cursor:default}
.sbar-item:hover{transform:scale(1.06);background:var(--brand-pale);border-radius:10px}
.sbar-val{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:1.55rem;font-weight:800;color:#16A34A;white-space:nowrap;letter-spacing:-0.025em}
.sbar-label{font-size:0.65rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:0.06em}
.sbar-delta{font-size:0.6rem;color:#16A34A;font-weight:600;margin-top:1px}
.sbar-sep{background:var(--border-2);width:1px;margin:12px 0}

/* FEATURES GRID */
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:24px;row-gap:36px}

/* INDUSTRY SECTION */
.industry-selector{background:var(--brand-pale);border-radius:var(--radius-lg);padding:40px;border:1px solid var(--border-2)}
.industry-tabs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:32px}
.ind-tab{padding:10px 20px;border-radius:10px;font-size:0.87rem;font-weight:600;color:#6B7280;background:#fff;border:1.5px solid var(--border-2);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:7px}
.ind-tab:hover,.ind-tab.active{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 4px 12px rgba(22,163,74,0.3)}
.ind-content{display:none}
.ind-content.active{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.ind-stat-row{display:flex;gap:24px;margin-top:20px;flex-wrap:wrap}
.ind-stat{background:#fff;border:1px solid var(--border-2);border-radius:12px;padding:16px 20px;flex:1;min-width:120px}
.ind-stat-val{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:1.6rem;font-weight:800;color:#16A34A}
.ind-stat-lbl{font-size:0.78rem;color:#6B7280;margin-top:3px}
.ind-visual{background:#fff;border-radius:var(--radius-lg);padding:22px;border:1px solid var(--border-2);box-shadow:var(--shadow-md)}
.ind-chat-msg{background:#DCF8C6;border-radius:11px 0 11px 11px;padding:10px 14px;font-size:0.82rem;color:#374151;margin-bottom:8px;line-height:1.55;align-self:flex-end;max-width:88%}
.ind-chat-msg.received{background:#fff;border-radius:0 11px 11px 11px;align-self:flex-start;border:1px solid #E5E7EB}

/* WHY SECTION */
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.why-list{display:flex;flex-direction:column;gap:20px;margin-top:28px}
.why-item{display:flex;gap:14px;align-items:flex-start}
.why-icon{width:40px;height:40px;border-radius:10px;background:rgba(134,239,172,0.25);border:1px solid rgba(134,239,172,0.45);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}
.why-item h4{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:0.95rem;font-weight:700;color:#fff;margin-bottom:3px}
.why-item p{font-size:0.86rem;color:rgba(255,255,255,0.85);line-height:1.68;margin:0}
.compare-table{border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(134,239,172,0.2);box-shadow:0 8px 32px rgba(0,0,0,0.2)}
.compare-table table{width:100%;border-collapse:collapse;font-size:0.85rem}
.compare-table th{background:rgba(255,255,255,0.06);color:rgba(254,252,232,0.6);font-size:0.74rem;font-weight:600;text-transform:uppercase;letter-spacing:0.07em;padding:12px 14px;text-align:center;border:1px solid rgba(134,239,172,0.12)}
.compare-table th:first-child{text-align:left}
.compare-table td{padding:11px 14px;border:1px solid rgba(134,239,172,0.12);color:rgba(255,255,255,0.85);text-align:center}
.compare-table td:first-child{text-align:left;color:rgba(255,255,255,0.65)}
.compare-table .g{color:#86EFAC;font-weight:600}
.compare-table .r{color:rgba(248,113,113,0.85)}

/* TESTIMONIALS */
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.proof-card{background:#fff;border:1px solid var(--border-2);border-radius:var(--radius-lg);padding:24px}
.proof-stars{color:#F59E0B;font-size:14px;margin-bottom:10px;letter-spacing:2px}
.proof-text{font-size:0.9rem;color:#374151;line-height:1.7;margin-bottom:14px;font-style:italic}
.proof-author{display:flex;align-items:center;gap:10px}
.proof-av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#16A34A,#15803D);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;flex-shrink:0}
.proof-name{font-size:0.88rem;font-weight:700;color:#1C2B1A}
.proof-role{font-size:0.76rem;color:#6B7280}
.proof-metric{display:inline-block;background:#DCFCE7;color:#15803D;font-size:0.75rem;font-weight:700;padding:4px 10px;border-radius:99px;margin-top:10px;border:1px solid var(--border)}

/* DEMO SECTION */
.demo-section{background:linear-gradient(145deg,#060F0A 0%,#0B1E13 40%,#183D22 100%);padding:80px 5%}
.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1240px;margin:0 auto}
.demo-steps{display:flex;flex-direction:column;gap:20px;margin:24px 0}
.demo-step{display:flex;gap:14px;align-items:flex-start}
.step-num{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#16A34A,#15803D);color:#fff;font-size:0.78rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.step-text{font-size:0.9rem;color:rgba(255,255,255,0.75);line-height:1.6}
.step-text strong{color:#fff}
.demo-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px}
.demo-trust-item{font-size:0.8rem;color:rgba(255,255,255,0.45);display:flex;align-items:center;gap:6px}
.demo-trust-item::before{content:'🔒';font-size:0.8rem}
.demo-right-cards{display:flex;flex-direction:column;gap:14px}
.demo-side-card{background:rgba(255,255,255,0.05);border:1px solid rgba(134,239,172,0.2);border-radius:14px;padding:18px 20px}
.urgency-card{border-color:rgba(74,222,128,0.35);background:rgba(22,163,74,0.1)}
.urgency-val{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:1.3rem;font-weight:800;color:#4ADE80;margin-bottom:4px}
.urgency-lbl{font-size:0.83rem;color:rgba(255,255,255,0.7)}

/* FEATURE BLOCKS (features page) */
.feature-block{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:68px 0;border-bottom:1px solid var(--border-2)}
.feature-block:last-child{border-bottom:none}
.feature-block.flip .feat-visual{order:-1}
.feat-visual-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-sm)}
.feat-tag{display:inline-block;background:var(--brand-light);color:var(--brand-mid);font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;padding:4px 11px;border-radius:99px;margin-bottom:10px;border:1px solid var(--border)}
.feature-block h3{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:clamp(1.35rem,2.4vw,1.9rem);font-weight:800;color:var(--text);letter-spacing:-0.025em;line-height:1.15;margin-bottom:13px}
.feature-block h3 em{font-style:normal;color:var(--brand)}
.feature-block p{font-size:0.93rem;color:var(--text-body);line-height:1.75;margin-bottom:18px}
.feat-bullets{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:22px}
.feat-bullets li{display:flex;gap:9px;align-items:center;font-size:0.88rem;color:var(--text-body)}
.feat-bullets li::before{content:'✓';color:var(--brand);font-weight:700;flex-shrink:0}

/* PAGE HERO */
.page-hero{background:linear-gradient(135deg,#183D22 0%,#1A5530 50%,#164822 100%);padding:100px 5% 64px;position:relative;overflow:hidden}
.page-hero h1,.page-hero h2{color:#fff}
.page-hero p{color:rgba(255,255,255,0.75)}
.page-hero em{font-style:normal;color:#4ADE80}
.page-hero::before{content:'';position:absolute;top:-30%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(34,197,94,0.18) 0%,transparent 65%);pointer-events:none}
.page-hero-inner{max-width:1240px;margin:0 auto;position:relative;z-index:1;text-align:center}

/* FP HERO */
.fp-hero{background:linear-gradient(145deg,#060F0A 0%,#0B1E13 40%,#183D22 100%);padding:80px 5% 56px;position:relative;overflow:hidden}
.fp-hero::before{content:'';position:absolute;top:-20%;right:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(22,163,74,0.2) 0%,transparent 65%);pointer-events:none}
.fp-hero-inner{max-width:1060px;margin:0 auto;position:relative;z-index:1}
.fp-back{display:inline-flex;align-items:center;gap:7px;font-size:0.8rem;font-weight:600;color:rgba(134,239,172,0.7);margin-bottom:24px;cursor:pointer;transition:.2s;letter-spacing:0.03em}
.fp-back:hover{color:#86EFAC}
.fp-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(22,163,74,0.15);border:1px solid rgba(22,163,74,0.35);color:#86EFAC;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;padding:5px 14px;border-radius:99px;margin-bottom:18px}
.fp-hero h1{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}
.fp-hero h1 em{font-style:normal;color:#4ADE80}
.fp-hero-sub{font-size:1rem;color:rgba(255,255,255,0.72);max-width:580px;line-height:1.7;margin-bottom:28px}
.fp-hero-meta{display:flex;gap:20px;flex-wrap:wrap}
.fp-meta-chip{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);border-radius:8px;padding:8px 14px;font-size:0.8rem;color:rgba(255,255,255,0.7);font-weight:500}
.fp-meta-chip strong{color:#fff}
.fp-stats{background:linear-gradient(135deg,#060F0A,#0B1E13);padding:36px 5%}
.fp-stats-inner{max-width:1060px;margin:0 auto;display:flex;gap:0;border:1px solid rgba(22,163,74,0.2);border-radius:16px;overflow:hidden}
.fp-stat{flex:1;padding:28px 24px;text-align:center;border-right:1px solid rgba(22,163,74,0.15)}
.fp-stat:last-child{border-right:none}
.fp-stat-val{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:2rem;font-weight:800;color:#4ADE80;line-height:1;margin-bottom:6px}
.fp-stat-lbl{font-size:0.75rem;color:rgba(255,255,255,0.5);font-weight:500;text-transform:uppercase;letter-spacing:0.08em}
.fp-section{padding:64px 5%}
.fp-section.alt{background:linear-gradient(180deg,#F4F9F6 0%,#EDF5F0 100%)}
.fp-section-inner{max-width:1060px;margin:0 auto}
.fp-two-col{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.fp-section-label{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#16A34A;margin-bottom:10px}
.fp-section h2{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:var(--text);letter-spacing:-0.03em;line-height:1.12;margin-bottom:16px}
.fp-section h2 em{font-style:normal;color:#16A34A}
.fp-section p{font-size:0.97rem;color:var(--text-body);line-height:1.75;margin-bottom:14px}
.fp-bullets{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:11px}
.fp-bullets li{display:flex;align-items:flex-start;gap:10px;font-size:0.9rem;color:var(--text-body);line-height:1.5}
.fp-bullets li::before{content:'✓';color:#16A34A;font-weight:800;font-size:0.85rem;margin-top:1px;flex-shrink:0}
.fp-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.fp-use-card{background:#fff;border:1.5px solid #D1FAE5;border-radius:14px;padding:22px 20px;box-shadow:0 4px 16px rgba(22,163,74,0.07)}
.fp-use-icon{font-size:1.6rem;margin-bottom:12px}
.fp-use-card h4{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:0.92rem;font-weight:700;color:var(--text);margin-bottom:7px}
.fp-use-card p{font-size:0.8rem;color:var(--text-muted);line-height:1.55;margin:0}
.fp-cta{background:linear-gradient(145deg,#060F0A,#183D22);padding:64px 5%;text-align:center}
.fp-cta h2{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;color:#fff;margin-bottom:14px;letter-spacing:-0.03em}
.fp-cta p{color:rgba(255,255,255,0.65);margin-bottom:28px;font-size:0.97rem}
.fp-nav-row{display:flex;justify-content:space-between;align-items:center;padding:28px 5%;max-width:1060px;margin:0 auto}
.fp-nav-btn{display:inline-flex;align-items:center;gap:8px;font-size:0.85rem;font-weight:600;color:#16A34A;cursor:pointer;padding:10px 20px;border:1.5px solid #D1FAE5;border-radius:10px;background:#fff;transition:.2s}
.fp-nav-btn:hover{background:#DCFCE7;border-color:#86EFAC}

/* PRICING */
.pricing-grid{display:grid;grid-template-columns:1fr 1.08fr 1fr;gap:20px;max-width:1000px;margin:0 auto}
.price-card{border-radius:var(--radius-lg);padding:34px;border:1.5px solid var(--border-2);background:#fff;position:relative;transition:.22s;box-shadow:var(--shadow-sm)}
.price-card:hover{box-shadow:var(--shadow-lg)}
.price-card.featured{border-color:#22C55E;background:linear-gradient(155deg,#183D22,#1A5530,#164822);box-shadow:0 24px 64px rgba(22,163,74,0.25)}
.price-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#16A34A,#15803D);color:#fff;font-size:0.73rem;font-weight:700;padding:4px 16px;border-radius:99px;white-space:nowrap;text-transform:uppercase;letter-spacing:0.05em}
.price-plan{font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:10px;color:var(--text-muted)}
.price-card.featured .price-plan{color:rgba(187,247,208,0.9)}
.price-amount{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:2.6rem;font-weight:800;line-height:1;color:var(--text)}
.price-card.featured .price-amount{color:#fff}
.price-period{font-size:0.82rem;margin-top:4px;margin-bottom:6px;color:var(--text-muted)}
.price-card.featured .price-period{color:rgba(254,252,232,0.6)}
.price-saving{display:inline-block;font-size:0.78rem;font-weight:700;padding:4px 12px;border-radius:99px;margin-bottom:16px;background:var(--brand-light);color:var(--brand-mid);border:1px solid var(--border)}
.price-card.featured .price-saving{background:rgba(134,239,172,0.2);color:rgba(187,247,208,0.95)}
.price-roi{background:var(--surface);border-radius:9px;padding:11px 13px;margin-bottom:16px;font-size:0.82rem;border:1px solid var(--border-2)}
.price-card.featured .price-roi{background:rgba(255,255,255,0.07);border-color:rgba(134,239,172,0.2)}
.price-roi-text{color:var(--text-muted)}
.price-card.featured .price-roi-text{color:rgba(255,255,255,0.75)}
.price-roi strong{color:var(--text)}
.price-card.featured .price-roi strong{color:#4ADE80}
.price-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:26px}
.price-list li{font-size:0.86rem;display:flex;align-items:flex-start;gap:9px;color:var(--text-body)}
.price-card.featured .price-list li{color:rgba(255,255,255,0.92)}
.price-list li .check{color:var(--brand-accent);font-weight:700;flex-shrink:0}
.btn-price{width:100%;padding:13px;border-radius:10px;font-family:inherit;font-size:0.95rem;font-weight:700;cursor:pointer;transition:.2s;border:1.5px solid var(--border);background:#fff;color:var(--text)}
.btn-price:hover{background:linear-gradient(135deg,#16A34A,#15803D);border-color:var(--brand);color:#fff;transform:translateY(-1px)}
.price-card.featured .btn-price{background:linear-gradient(135deg,var(--brand-accent),var(--brand));border-color:transparent;color:#fff}
.price-card.featured .btn-price:hover{background:linear-gradient(135deg,#16A34A,#15803D)}

/* SAVINGS CALCULATOR */
.calc-wrap{background:var(--brand-pale);border-radius:var(--radius-lg);padding:32px;border:1px solid var(--border-2);max-width:700px;margin:48px auto 0}
.calc-title{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:1.2rem;font-weight:800;color:var(--text);margin-bottom:6px}
.calc-sub{font-size:0.88rem;color:#6B7280;margin-bottom:20px}
.calc-row{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.calc-label{font-size:0.87rem;font-weight:600;color:var(--text);white-space:nowrap}
input[type=range]{flex:1;accent-color:#16A34A;height:6px;min-width:180px;cursor:pointer}
.calc-val{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:1rem;font-weight:800;color:#16A34A;min-width:80px;text-align:right}
.calc-results{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}
.calc-box{background:#fff;border-radius:12px;padding:18px;border:1px solid var(--border-2);text-align:center}
.calc-box.highlight{border-color:#86EFAC;background:#F0FDF4}
.calc-box-val{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:1.7rem;font-weight:800;color:var(--text)}
.calc-box.highlight .calc-box-val{color:#16A34A}
.calc-box-lbl{font-size:0.77rem;color:#6B7280;text-transform:uppercase;letter-spacing:0.06em;margin-top:4px}
.calc-cta{width:100%;margin-top:16px;background:linear-gradient(135deg,#16A34A,#15803D);color:#fff;border:none;border-radius:10px;padding:14px;font-family:inherit;font-size:0.95rem;font-weight:700;cursor:pointer;transition:.2s}
.calc-cta:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(22,163,74,0.35)}

/* COMPARE TABLE */
.cmp-hero{background:linear-gradient(145deg,#060F0A 0%,#0B1E13 40%,#183D22 100%);padding:80px 5% 56px;text-align:center;position:relative;overflow:hidden}
.cmp-hero::before{content:'';position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:600px;height:500px;background:radial-gradient(ellipse,rgba(22,163,74,0.2) 0%,transparent 65%);pointer-events:none}
.cmp-hero-inner{max-width:800px;margin:0 auto;position:relative;z-index:1}
.cmp-hero h1{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.1;margin-bottom:16px}
.cmp-hero h1 em{font-style:normal;color:#4ADE80}
.cmp-hero p{font-size:1rem;color:rgba(255,255,255,0.75);max-width:580px;margin:0 auto;line-height:1.72}
.cmp-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(22,163,74,0.15);border:1px solid rgba(22,163,74,0.3);color:#86EFAC;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;padding:5px 14px;border-radius:99px;margin-bottom:18px}
.cmp-table-wrap{padding:56px 5% 72px}
.cmp-table-inner{max-width:1060px;margin:0 auto}
.cmp-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(22,163,74,0.13),0 4px 16px rgba(0,0,0,0.08)}
.cmp-table thead tr th{padding:20px 22px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:0.9rem;font-weight:700;text-align:center;border-bottom:2px solid rgba(0,0,0,0.06)}
.cmp-table thead tr th:first-child{text-align:left;width:32%}
.cmp-table thead .th-engageto{background:linear-gradient(145deg,#052E16,#14532D,#16A34A);color:#fff;border-bottom-color:rgba(74,222,128,0.3);box-shadow:inset 0 -3px 0 rgba(74,222,128,0.4)}
.cmp-table thead .th-other{background:#F1F5F9;color:#475569}
.cmp-table thead .th-feature{background:#F4F9F6;color:#64748B;font-size:0.8rem;font-weight:600}
.cmp-table tbody tr:not(.cmp-cat-row):hover td{background:#F0FDF4!important}
.cmp-table tbody tr:not(.cmp-cat-row):hover .td-engageto{background:rgba(22,163,74,0.12)!important}
.cmp-table tbody td{padding:14px 22px;font-size:0.84rem;text-align:center;vertical-align:middle;border-bottom:1px solid rgba(0,0,0,0.05);color:#374151}
.cmp-table tbody td:first-child{text-align:left;font-weight:600;color:#1C2B1A;background:#FAFCF9;border-right:1px solid rgba(22,163,74,0.08)}
.cmp-table tbody .td-engageto{background:linear-gradient(180deg,rgba(22,163,74,0.07),rgba(22,163,74,0.04));color:#15803D;font-weight:600;box-shadow:inset 2px 0 0 rgba(22,163,74,0.2),inset -2px 0 0 rgba(22,163,74,0.2)}
.cmp-yes{color:#16A34A;font-size:0.8rem;font-weight:500}
.cmp-no{color:#EF4444;font-size:0.8rem;font-weight:500}
.cmp-partial{color:#64748B;font-size:0.8rem;font-weight:500}
.cmp-eng{color:#15803D;font-weight:700;font-size:0.88rem}
.cmp-cat-row td{background:linear-gradient(90deg,#DCFCE7,#D1FAE5,#DCFCE7)!important;font-size:0.7rem;font-weight:800;text-transform:uppercase;letter-spacing:0.1em;color:#15803D;padding:10px 22px;border-top:2px solid rgba(22,163,74,0.2);border-bottom:2px solid rgba(22,163,74,0.15)!important}
.cmp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.cmp-card{background:#fff;border:1px solid #F1F5F9;border-top:3px solid transparent;border-radius:12px;padding:26px 22px;box-shadow:0 2px 12px rgba(0,0,0,0.06);transition:all .22s}
.cmp-card:hover{border-top-color:#16A34A;transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,0.1)}
.cmp-card-icon{font-size:1.8rem;margin-bottom:14px}
.cmp-card h4{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:0.95rem;font-weight:800;color:var(--text);margin-bottom:8px}
.cmp-card p{font-size:0.82rem;color:var(--text-muted);line-height:1.65;margin:0}

/* FAQ */
.faq-wrap{background:linear-gradient(180deg,#FAFCF9 0%,#F4F9F6 100%);padding:56px 5% 40px}
.faq-inner{max-width:760px;margin:0 auto}
.faq-item{border:1.5px solid #D1FAE5;border-radius:14px;margin-bottom:12px;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(22,163,74,0.05);transition:box-shadow .2s}
.faq-item.open{box-shadow:0 6px 24px rgba(22,163,74,0.12);border-color:#86EFAC}
.faq-q{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;cursor:pointer;gap:16px;user-select:none}
.faq-q-text{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:0.97rem;font-weight:700;color:var(--text);line-height:1.4}
.faq-icon{width:28px;height:28px;border-radius:50%;background:#DCFCE7;border:1.5px solid #86EFAC;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#16A34A;flex-shrink:0;font-weight:700;transition:transform .3s,background .2s}
.faq-item.open .faq-icon{transform:rotate(45deg);background:#16A34A;color:#fff;border-color:#16A34A}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.16,1,.3,1)}
.faq-item.open .faq-a{max-height:400px}
.faq-a-inner{padding:4px 22px 20px;font-size:0.88rem;color:#4B5563;line-height:1.78}

/* HELP PAGE */
.help-grid{display:grid;grid-template-columns:260px 1fr;gap:36px;align-items:start}
.help-sidebar{position:sticky;top:82px}
.help-nav-item{display:flex;align-items:center;gap:10px;padding:10px 13px;border-radius:9px;font-size:0.87rem;font-weight:500;color:var(--text-body);cursor:pointer;transition:.16s;border:none;background:none;width:100%;text-align:left}
.help-nav-item:hover,.help-nav-item.active{background:var(--brand-pale);color:var(--brand);font-weight:600}
.topic-card{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius);padding:16px;margin-bottom:10px;cursor:pointer;display:flex;align-items:center;gap:13px;transition:.18s}
.topic-card:hover{border-color:var(--border);background:var(--brand-pale)}
.topic-icon{width:36px;height:36px;border-radius:9px;background:var(--brand-light);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.topic-title{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:0.9rem;font-weight:700;color:var(--text);margin-bottom:2px}
.topic-desc{font-size:0.81rem;color:var(--text-muted)}

/* BLOG */
.blog-grid{display:grid;grid-template-columns:1fr 260px;gap:36px;align-items:start}
.blog-bricks{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.blog-brick{background:#fff;border:1px solid var(--border-2);border-radius:var(--radius-lg);overflow:hidden;transition:.22s;display:flex;flex-direction:column}
.blog-brick:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border)}
.blog-brick.featured{grid-column:1/-1}
.blog-brick-thumb{height:50px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--border-2);background:var(--surface)}
.blog-category{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.09em;padding:3px 10px;border-radius:99px}
.cat-marketing{background:var(--brand-light);color:var(--brand-mid)}
.cat-automation{background:rgba(59,130,246,0.1);color:#1e40af}
.cat-ads{background:rgba(245,158,11,0.1);color:#92400e}
.blog-brick-body{padding:20px;flex:1;display:flex;flex-direction:column}
.blog-brick-title{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:0.97rem;font-weight:700;color:var(--text);margin-bottom:9px;line-height:1.3}
.blog-brick.featured .blog-brick-title{font-size:1.1rem}
.blog-brick-excerpt{font-size:0.85rem;color:var(--text-body);line-height:1.65;margin-bottom:14px;flex:1}
.blog-brick-meta{display:flex;gap:14px;font-size:0.77rem;color:var(--text-muted);padding-top:11px;border-top:1px solid var(--border-2);flex-wrap:wrap}
.blog-sidebar-panel{position:sticky;top:82px;display:flex;flex-direction:column;gap:18px}
.blog-sidebar-box{background:#fff;border:1px solid var(--border-2);border-radius:var(--radius);padding:18px}
.blog-sidebar-title{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:0.88rem;color:var(--text);margin-bottom:13px;padding-bottom:10px;border-bottom:1px solid var(--border-2)}
.blog-cat-item{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--border-2);font-size:0.83rem;cursor:pointer;transition:.14s;color:var(--text-body);font-weight:500}
.blog-cat-item:last-child{border-bottom:none}
.blog-cat-item:hover{color:var(--brand)}
.blog-cat-item .cnt{font-size:0.73rem;background:var(--brand-light);color:var(--brand-mid);padding:2px 8px;border-radius:99px;font-weight:600}

/* LEADRAT */
.lr-section{background:var(--surface);padding:72px 5%;border-top:2px solid var(--border-2)}
.lr-inner{max-width:1240px;margin:0 auto}
.lr-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.lr-badge{display:inline-flex;align-items:center;gap:8px;background:var(--brand-light);border:1px solid var(--border);border-radius:99px;padding:5px 14px;margin-bottom:12px}
.lr-badge-dot{width:8px;height:8px;background:var(--brand);border-radius:50%;animation:pulse 1.5s infinite}
.lr-badge-text{font-size:0.77rem;font-weight:700;text-transform:uppercase;letter-spacing:0.07em;color:var(--brand-mid)}
.lr-card{background:#fff;border:1px solid var(--border-2);border-radius:12px;padding:14px 18px;margin-bottom:10px;transition:.2s}
.lr-card:hover{border-color:var(--border);box-shadow:var(--shadow-md)}
.lr-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.lr-card-title{font-size:0.88rem;font-weight:600;color:var(--text)}
.lr-status{font-size:0.73rem;font-weight:700;padding:3px 9px;border-radius:99px;background:var(--brand-light);color:var(--brand-mid)}
.lr-card-body{font-size:0.82rem;color:var(--text-muted)}

/* FOOTER */
footer{background:#184F29;padding:52px 5% 40px;position:relative;margin-top:auto;padding-bottom:calc(40px + env(safe-area-inset-bottom))}
footer::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(134,239,172,0.4),transparent)}
.footer-inner{max-width:1240px;margin:0 auto}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(134,239,172,0.12)}
.footer-brand p{font-size:0.87rem;color:rgba(255,255,255,0.65);line-height:1.7;margin-top:12px;max-width:270px}
.footer-socials{display:flex;gap:10px;margin-top:16px}
.social-btn{width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,0.07);border:1px solid rgba(134,239,172,0.2);display:flex;align-items:center;justify-content:center;color:rgba(254,252,232,0.5);font-size:0.82rem;font-weight:700;transition:.18s;cursor:pointer}
.social-btn:hover{background:var(--brand);border-color:var(--brand);color:#fff;transform:translateY(-2px)}
.footer-col h5{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:0.87rem;font-weight:700;color:#fff;margin-bottom:13px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.footer-col ul li a{font-size:0.83rem;color:rgba(255,255,255,0.55);transition:.16s;cursor:pointer}
.footer-col ul li a:hover{color:#86EFAC}
.footer-bottom{padding:24px 0 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.footer-bottom-text{font-size:0.79rem;color:rgba(255,255,255,0.28)}
.footer-bottom-links{display:flex;gap:16px}
.footer-bottom-links a{font-size:0.79rem;color:rgba(255,255,255,0.28);transition:.16s;cursor:pointer}
.footer-bottom-links a:hover{color:rgba(240,253,244,0.6)}
.footer-logo-text{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:1.15rem;color:#fff;letter-spacing:-0.03em}

/* DEMO FORM */
.demo-form-wrap{background:linear-gradient(155deg,#FEFFFE,#F8FDF5);border-radius:var(--radius-lg);padding:38px;border:1px solid var(--border);box-shadow:0 8px 40px rgba(22,163,74,0.08)}
.demo-form-title{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:1.3rem;font-weight:800;color:var(--text);margin-bottom:5px;letter-spacing:-0.02em}
.demo-form-sub{font-size:0.87rem;color:var(--text-muted);margin-bottom:22px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:13px}
.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:13px}
.form-group label{font-size:0.8rem;font-weight:600;color:var(--text)}
.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--border);border-radius:8px;padding:10px 13px;font-size:0.9rem;font-family:inherit;color:var(--text);background:#fff;transition:.18s;outline:none}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(22,163,74,0.1)}
.form-group textarea{resize:vertical;min-height:90px}
.phone-row{display:grid;grid-template-columns:100px 1fr;gap:9px}
.form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%236B7280' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}
.btn-submit{width:100%;background:linear-gradient(135deg,#16A34A,#15803D);color:#fff;border:none;border-radius:9px;padding:13px;font-family:inherit;font-size:0.95rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px rgba(22,163,74,0.2)}
.btn-submit:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(22,163,74,0.3)}

/* TOAST */
.toast{position:fixed;bottom:24px;right:24px;background:var(--text);color:#fff;padding:13px 22px;border-radius:10px;font-weight:600;font-size:0.88rem;z-index:9999;transform:translateY(80px);opacity:0;transition:.4s;box-shadow:0 8px 24px rgba(0,0,0,0.2)}
.toast.show{transform:none;opacity:1}

/* LEGAL MODAL */
.legal-overlay{position:fixed;inset:0;background:rgba(10,20,10,0.65);z-index:9998;opacity:0;pointer-events:none;transition:opacity .3s;backdrop-filter:blur(4px)}
.legal-overlay.open{opacity:1;pointer-events:all}
.legal-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-48%);width:min(760px,92vw);max-height:82vh;background:#fff;border-radius:20px;z-index:9999;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 32px 80px rgba(0,0,0,0.25);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}
.legal-overlay.open .legal-modal{opacity:1;pointer-events:all;transform:translate(-50%,-50%)}
.legal-modal-head{display:flex;align-items:center;justify-content:space-between;padding:22px 28px 18px;border-bottom:1px solid #E5E7EB;flex-shrink:0;background:linear-gradient(135deg,#183D22,#16A34A)}
.legal-modal-title{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:1.1rem;font-weight:800;color:#fff}
.legal-modal-close{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,0.15);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;transition:.15s}
.legal-modal-close:hover{background:rgba(255,255,255,0.25)}
.legal-modal-body{padding:28px;overflow-y:auto;flex:1}
.legal-modal-body h2{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:1rem;font-weight:700;color:var(--text);margin:20px 0 8px}
.legal-modal-body h2:first-child{margin-top:0}
.legal-modal-body p{font-size:0.88rem;color:#374151;line-height:1.75;margin-bottom:10px}

/* ANIMATIONS */
@keyframes msgSlide{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}
@keyframes popIn{0%{opacity:0;transform:scale(0.7)}100%{opacity:1;transform:scale(1)}}
#features .card{opacity:1;transform:translateY(0) scale(1);transition:opacity .6s cubic-bezier(0.16,1,0.3,1),transform .6s cubic-bezier(0.16,1,0.3,1),box-shadow .25s,border-color .25s}
#features .card.feat-visible{opacity:1;transform:translateY(0) scale(1)}
#features .card.feat-visible:hover{transform:translateY(-5px) scale(1)}

/* GRAIN */
body::after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");opacity:0.025;pointer-events:none;z-index:10000;mix-blend-mode:multiply}

/* ── RESPONSIVE ── */
@media(max-width:960px){
  .nav-links{display:none!important}
  .nav-hamburger{display:flex!important}
  .btn-login{display:none!important}
  .hero-inner{grid-template-columns:1fr}
  .hero-inner>div:last-child{display:none}
  .why-grid,.demo-grid,.lr-grid,.fp-two-col{grid-template-columns:1fr}
  .feature-block{grid-template-columns:1fr}
  .feature-block.flip .feat-visual{order:0}
  .features-grid{grid-template-columns:1fr 1fr}
  .footer-top{grid-template-columns:1fr 1fr}
  .stats-bar-inner{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;padding:0 5%}
  .sbar-sep{flex-shrink:0}
  .pricing-grid{grid-template-columns:1fr}
  .proof-grid{grid-template-columns:1fr 1fr}
  .blog-grid{grid-template-columns:1fr}
  .help-grid{grid-template-columns:1fr}
  .help-sidebar{position:static}
  .ind-content.active{grid-template-columns:1fr}
  .cmp-cards{grid-template-columns:1fr}
}
@media(max-width:640px){
  .section-wrap{padding:56px 5%}
  .features-grid{grid-template-columns:1fr}
  .blog-bricks{grid-template-columns:1fr}
  .blog-brick.featured{grid-column:1}
  .form-row{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr}
  .proof-grid{grid-template-columns:1fr}
  .industry-tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
  .ind-tab{flex-shrink:0}
  .fp-use-grid{grid-template-columns:1fr}
  .fp-stats-inner{flex-direction:column}
  .fp-stat{border-right:none;border-bottom:1px solid rgba(22,163,74,0.15)}
  .cmp-table-wrap{overflow-x:auto}
  .cmp-table{min-width:560px}
  .hero-ctas{flex-direction:column;align-items:flex-start}
  .calc-results{grid-template-columns:1fr}
  .demo-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .hero h1{font-size:1.7rem}
  .hero h1 em{font-size:1.9rem}
  .pricing-grid{grid-template-columns:1fr}
}
/* ── REAL ESTATE VISUAL SECTION — CYCLE LAYOUT ── */
.revis-wrap{background:radial-gradient(ellipse at 50% 50%,#E8F5ED 0%,#F0F8F3 45%,#F7FBF8 100%);padding:56px 5% 72px;position:relative;border-top:1px solid #C8EDD6;border-bottom:1px solid #C8EDD6;overflow:hidden}
.revis-inner{max-width:1060px;margin:0 auto}
/* Stage — tall + wide so cards never touch hub */
.revis-stage{position:relative;width:100%;height:540px}
.revis-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.c-dash{stroke-dasharray:7 5;animation:cDash 1.7s linear infinite}
@keyframes cDash{to{stroke-dashoffset:-24}}
/* Cards — compact, image-first */
.cnode{position:absolute;z-index:4;width:178px}
.cn1{left:0;top:50%;transform:translateY(-50%)}
.cn2{top:4px;left:50%;transform:translateX(-50%)}
.cn3{right:0;top:50%;transform:translateY(-50%)}
.cn4{bottom:0;left:50%;transform:translateX(-50%)}
.ccard{background:#fff;border:1.5px solid #D1FAE5;border-radius:20px;overflow:hidden;box-shadow:0 6px 28px rgba(22,163,74,0.1),0 2px 6px rgba(0,0,0,0.05)}
.ccard.hl{border-color:#86EFAC;box-shadow:0 10px 40px rgba(22,163,74,0.18),0 2px 8px rgba(0,0,0,0.05)}
/* Illustration area */
.cimg{width:100%;height:90px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
/* Text area */
.ctxt{padding:10px 12px 10px}
.cnum{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#16A34A;color:#fff;font-size:0.65rem;font-weight:800;border-radius:50%;margin-bottom:7px}
.ctitle{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:0.82rem;font-weight:800;color:#1C2B1A;margin-bottom:3px;line-height:1.2}
.csub{font-size:0.65rem;color:#6B7280;line-height:1.4;margin-bottom:6px}
.cbadge{display:inline-block;font-size:0.58rem;font-weight:700;padding:2px 8px;border-radius:99px;background:#DCFCE7;color:#15803D;border:1px solid #86EFAC}
/* Centre hub */
.c-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;text-align:center}
.c-hub-ring{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,#16A34A,#15803D);display:flex;align-items:center;justify-content:center;margin:0 auto 5px;box-shadow:0 0 0 10px rgba(22,163,74,0.12),0 0 0 20px rgba(22,163,74,0.06),0 6px 20px rgba(22,163,74,0.4)}
/* Timing labels */
.arc-lbl{position:absolute;z-index:6;background:#fff;border:1px solid #D1FAE5;border-radius:99px;padding:4px 11px;font-size:0.64rem;font-weight:700;color:#16A34A;white-space:nowrap;box-shadow:0 2px 8px rgba(22,163,74,0.12)}
@media(max-width:860px){.revis-stage{height:auto;display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 0 20px}.cnode{position:static;transform:none;width:100%;max-width:320px}.cimg{height:90px}.revis-svg,.c-hub,.arc-lbl{display:none}}


.fp-illus-wrap{background:linear-gradient(180deg,#060F0A 0%,#0B1E13 100%);padding:0 5% 56px}
.fp-illus-inner{max-width:1060px;margin:0 auto}
.fp-illus-box{border-radius:20px;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,0.4),0 8px 24px rgba(22,163,74,0.15);aspect-ratio:16/8}
.fp-illus-box svg{width:100%;height:100%;display:block}
/* Content sections */
.fp-section{padding:64px 5%}
.fp-section.alt{background:linear-gradient(180deg,#F4F9F6 0%,#EDF5F0 100%)}
.fp-section-inner{max-width:1060px;margin:0 auto}
.fp-two-col{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.fp-section-label{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#16A34A;margin-bottom:10px}
.fp-section h2{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:var(--text);letter-spacing:-0.03em;line-height:1.12;margin-bottom:16px}
.fp-section h2 em{font-style:normal;color:#16A34A}
.fp-section p{font-size:0.97rem;color:var(--text-body);line-height:1.75;margin-bottom:14px}
.fp-bullets{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:11px}
.fp-bullets li{display:flex;align-items:flex-start;gap:10px;font-size:0.9rem;color:var(--text-body);line-height:1.5}
.fp-bullets li::before{content:'✓';color:#16A34A;font-weight:800;font-size:0.85rem;margin-top:1px;flex-shrink:0}
/* Stats bar */
.fp-stats{background:linear-gradient(135deg,#060F0A,#0B1E13);padding:40px 5%}
.fp-stats-inner{max-width:1060px;margin:0 auto;display:flex;gap:0;border:1px solid rgba(22,163,74,0.2);border-radius:16px;overflow:hidden}
.fp-stat{flex:1;padding:28px 24px;text-align:center;border-right:1px solid rgba(22,163,74,0.15)}
.fp-stat:last-child{border-right:none}
.fp-stat-val{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:2rem;font-weight:800;color:#4ADE80;line-height:1;margin-bottom:6px}
.fp-stat-lbl{font-size:0.75rem;color:rgba(255,255,255,0.5);font-weight:500;text-transform:uppercase;letter-spacing:0.08em}
/* Use case cards */
.fp-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.fp-use-card{background:#fff;border:1.5px solid #D1FAE5;border-radius:14px;padding:22px 20px;box-shadow:0 4px 16px rgba(22,163,74,0.07)}
.fp-use-icon{font-size:1.6rem;margin-bottom:12px}
.fp-use-card h4{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:0.92rem;font-weight:700;color:var(--text);margin-bottom:7px}
.fp-use-card p{font-size:0.8rem;color:var(--text-muted);line-height:1.55;margin:0}
/* Nav arrows */
.fp-nav-row{display:flex;justify-content:space-between;align-items:center;padding:32px 5%;max-width:1060px;margin:0 auto}
.fp-nav-btn{display:inline-flex;align-items:center;gap:8px;font-size:0.85rem;font-weight:600;color:#16A34A;cursor:pointer;padding:10px 20px;border:1.5px solid #D1FAE5;border-radius:10px;background:#fff;transition:.2s}
.fp-nav-btn:hover{background:#DCFCE7;border-color:#86EFAC}
/* CTA */
.fp-cta{background:linear-gradient(145deg,#060F0A,#183D22);padding:64px 5%;text-align:center}
.fp-cta h2{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;color:#fff;margin-bottom:14px;letter-spacing:-0.03em}
.fp-cta p{color:rgba(255,255,255,0.65);margin-bottom:28px;font-size:0.97rem}
@media(max-width:768px){.fp-two-col{grid-template-columns:1fr}.fp-use-grid{grid-template-columns:1fr}.fp-stats-inner{flex-direction:column}.fp-stat{border-right:none;border-bottom:1px solid rgba(22,163,74,0.15)}.fp-stat:last-child{border-bottom:none}}


.legal-page-hero{background:linear-gradient(145deg,#060F0A,#0B1E13,#183D22);padding:72px 5% 48px;position:relative;overflow:hidden}
.legal-page-hero::before{content:'';position:absolute;top:-20%;right:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(22,163,74,0.18) 0%,transparent 65%);pointer-events:none}
.legal-page-hero-inner{max-width:820px;margin:0 auto;position:relative;z-index:1}
.legal-page-back{display:inline-flex;align-items:center;gap:7px;font-size:0.8rem;font-weight:600;color:rgba(134,239,172,0.7);margin-bottom:20px;cursor:pointer;transition:.2s;text-decoration:none}
.legal-page-back:hover{color:#86EFAC}
.legal-page-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(22,163,74,0.15);border:1px solid rgba(22,163,74,0.3);color:#86EFAC;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;padding:5px 13px;border-radius:99px;margin-bottom:16px}
.legal-page-hero h1{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:#fff;letter-spacing:-0.03em;margin-bottom:12px}
.legal-page-hero p{font-size:0.9rem;color:rgba(255,255,255,0.55);line-height:1.6}
.legal-page-body{max-width:820px;margin:0 auto;padding:56px 5% 80px}
.legal-page-body h2{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:1.05rem;font-weight:700;color:var(--text);margin:32px 0 10px;padding-bottom:8px;border-bottom:1px solid #E5E7EB}
.legal-page-body h2:first-of-type{margin-top:0}
.legal-page-body p{font-size:0.92rem;color:#374151;line-height:1.8;margin-bottom:12px}
.legal-page-body strong{color:var(--text);font-weight:600}
.legal-refund-box{background:#FFF7ED;border:1px solid #FED7AA;border-radius:12px;padding:24px 28px;margin:32px 0}
.legal-refund-box h2{border-bottom:1px solid #FDE68A !important;color:#C2410C !important;margin-top:0 !important}
.legal-toc{background:#F4F9F6;border:1px solid #D1FAE5;border-radius:12px;padding:22px 26px;margin-bottom:40px}
.legal-toc-title{font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:#16A34A;margin-bottom:12px}
.legal-toc ol{padding-left:20px;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.legal-toc ol li{font-size:0.83rem;color:#374151;line-height:1.5}
.legal-toc ol li a{color:#16A34A;text-decoration:none;font-weight:500}
.legal-toc ol li a:hover{text-decoration:underline}
.legal-page-footer-cta{background:linear-gradient(145deg,#060F0A,#183D22);padding:48px 5%;text-align:center}
.legal-page-footer-cta p{color:rgba(255,255,255,0.6);font-size:0.88rem;margin-bottom:16px}


.cmp-strip{background:linear-gradient(90deg,#060F0A,#0B1E13,#060F0A);border-bottom:1px solid rgba(22,163,74,0.2);padding:28px 5%}
.cmp-strip-inner{max-width:1060px;margin:0 auto;display:flex;gap:0;justify-content:center}
.cmp-strip-stat{flex:1;text-align:center;border-right:1px solid rgba(22,163,74,0.15);padding:0 24px}
.cmp-strip-stat:last-child{border-right:none}
.cmp-strip-val{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:1.7rem;font-weight:800;color:#4ADE80;line-height:1}
.cmp-strip-lbl{font-size:0.7rem;color:rgba(255,255,255,0.45);margin-top:6px;text-transform:uppercase;letter-spacing:0.08em}
/* Main comparison table */
.cmp-table-wrap{padding:56px 5% 72px;background:linear-gradient(180deg,#F4F9F6 0%,#EDF5F0 100%)}
.cmp-table-inner{max-width:1060px;margin:0 auto}
.cmp-section-label{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#16A34A;margin-bottom:10px;text-align:center}
.cmp-section-title{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:var(--text);letter-spacing:-0.03em;text-align:center;margin-bottom:8px}
.cmp-section-title em{font-style:normal;color:#16A34A}
.cmp-section-sub{text-align:center;color:var(--text-muted);font-size:0.9rem;margin-bottom:40px}
/* Table */
.cmp-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(22,163,74,0.13),0 4px 16px rgba(0,0,0,0.08)}
.cmp-table thead tr th{padding:20px 22px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:0.9rem;font-weight:700;text-align:center;border-bottom:2px solid rgba(0,0,0,0.06)}
.cmp-table thead tr th:first-child{text-align:left;width:30%}
/* Engageto column — glowing green header */
.cmp-table thead .th-engageto{
  background:linear-gradient(145deg,#052E16,#14532D,#16A34A);
  color:#fff;
  border-bottom-color:rgba(74,222,128,0.3);
  position:relative;
  box-shadow:inset 0 -3px 0 rgba(74,222,128,0.4);
  vertical-align:middle;
}
.cmp-table thead .th-engageto::after{content:none}
.cmp-table thead .th-other{background:#F1F5F9;color:#475569}
.cmp-table thead .th-feature{background:#F4F9F6;color:#1C2B1A;font-size:0.8rem;color:#64748B;font-weight:600}
/* Body */
.cmp-table tbody tr{transition:background .15s}
.cmp-table tbody tr:not(.cmp-cat-row):hover td{background:#F0FDF4!important}
.cmp-table tbody tr:not(.cmp-cat-row):hover .td-engageto{background:rgba(22,163,74,0.12)!important}
.cmp-table tbody td{padding:14px 22px;font-size:0.84rem;text-align:center;vertical-align:middle;border-bottom:1px solid rgba(0,0,0,0.05);color:#374151}
.cmp-table tbody td:first-child{text-align:left;font-weight:600;color:#1C2B1A;background:#FAFCF9;border-right:1px solid rgba(22,163,74,0.08)}
/* Engageto column glow strip */
.cmp-table tbody .td-engageto{
  background:linear-gradient(180deg,rgba(22,163,74,0.07),rgba(22,163,74,0.04));
  color:#15803D;font-weight:600;
  box-shadow:inset 2px 0 0 rgba(22,163,74,0.2),inset -2px 0 0 rgba(22,163,74,0.2);
}
.cmp-table .cmp-yes{color:#16A34A;font-size:0.8rem;font-weight:500}
.cmp-table .cmp-no{color:#EF4444;font-size:0.8rem;font-weight:500}
.cmp-table .cmp-partial{color:#64748B;font-size:0.8rem;font-weight:500}
.cmp-table .cmp-eng{color:#15803D;font-weight:700;font-size:0.88rem}
/* Category divider rows */
.cmp-cat-row td{
  background:linear-gradient(90deg,#DCFCE7,#D1FAE5,#DCFCE7)!important;
  font-size:0.7rem;font-weight:800;text-transform:uppercase;
  letter-spacing:0.1em;color:#15803D;padding:10px 22px;
  border-top:2px solid rgba(22,163,74,0.2);
  border-bottom:2px solid rgba(22,163,74,0.15)!important;
}
/* Edge advantage cards */
.cmp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.cmp-card{
  background:#fff;border:1px solid #F1F5F9;border-top:3px solid transparent;border-radius:12px;padding:26px 22px;
  box-shadow:0 2px 12px rgba(0,0,0,0.06);transition:all .22s;
}
.cmp-card::before{content:none}
.cmp-card:hover{border-top-color:#16A34A;transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,0.1)}
.cmp-card-icon{font-size:1.8rem;margin-bottom:14px}
.cmp-card h4{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:0.95rem;font-weight:800;color:var(--text);margin-bottom:8px}
.cmp-card p{font-size:0.82rem;color:var(--text-muted);line-height:1.65;margin:0}
/* CTA */
.cmp-cta{background:linear-gradient(145deg,#060F0A,#0B1E13,#183D22);padding:64px 5%;text-align:center;position:relative;overflow:hidden}
.cmp-cta::before{content:'';position:absolute;bottom:-20%;left:50%;transform:translateX(-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(22,163,74,0.15) 0%,transparent 70%);pointer-events:none}
.cmp-cta h2{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;color:#fff;letter-spacing:-0.03em;margin-bottom:12px;position:relative;z-index:1}
.cmp-cta p{color:rgba(255,255,255,0.65);font-size:0.97rem;margin-bottom:28px;position:relative;z-index:1}
@media(max-width:768px){.cmp-strip-inner{flex-direction:column;gap:16px}.cmp-strip-stat{border-right:none;border-bottom:1px solid rgba(22,163,74,0.12);padding-bottom:16px}.cmp-cards{grid-template-columns:1fr}.cmp-table{font-size:0.78rem}}


.fp-example{background-color:#0B1E13;background-image:linear-gradient(145deg,#060F0A 0%,#0B1E13 60%,#183D22 100%);padding:64px 5%}
.fp-example-inner{max-width:1060px;margin:0 auto}
.fp-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.fp-example-label{font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.12em;color:#86EFAC;margin-bottom:10px}
.fp-example h2{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:#fff;letter-spacing:-0.03em;line-height:1.12;margin-bottom:14px}
.fp-example h2 em{font-style:normal;color:#4ADE80}
.fp-example p{font-size:0.9rem;color:rgba(255,255,255,0.65);line-height:1.75;margin-bottom:10px}
.fp-example-steps{display:flex;flex-direction:column;gap:16px;margin-top:20px}
.fp-example-step{display:flex;gap:14px;align-items:flex-start}
.fp-step-num{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#16A34A,#15803D);color:#fff;font-size:0.72rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.fp-step-text{font-size:0.85rem;color:rgba(255,255,255,0.75);line-height:1.55}
.fp-step-text strong{color:#fff}
.fp-example-illus{border-radius:16px;overflow:hidden;box-shadow:0 24px 64px rgba(0,0,0,0.5),0 0 0 1px rgba(22,163,74,0.2)}
.fp-example-illus svg{width:100%;display:block}
.fp-result-chip{display:inline-flex;align-items:center;gap:8px;background:rgba(22,163,74,0.15);border:1px solid rgba(22,163,74,0.35);border-radius:10px;padding:10px 16px;margin-top:20px;font-size:0.82rem;color:#4ADE80;font-weight:600}
@media(max-width:768px){.fp-example-grid{grid-template-columns:1fr}.fp-example-illus{order:-1}}

@media(max-width:768px){
  .wa-table-wrap{overflow-x:auto!important}
  .wa-table{min-width:500px!important;font-size:0.78rem!important}

  /* ── Footer ── */
  .footer-grid{grid-template-columns:1fr!important;gap:28px!important}
  .footer-links{flex-direction:column!important;gap:20px!important}

  /* ── Demo form ── */
  .demo-form-grid,.demo-grid{grid-template-columns:1fr!important}

  /* ── Legal pages ── */
  .legal-page-body{padding:36px 16px 60px!important}
  .legal-toc ol{grid-template-columns:1fr!important}

  /* ── Blog/Help ── */
  .blog-grid{grid-template-columns:1fr!important}
  .help-grid{grid-template-columns:1fr!important}

  /* ── Section wrap ── */
  .section-wrap,.section-wrap.alt{padding:40px 16px!important}
  .section-inner{padding:0!important}
  .section-title{font-size:clamp(1.5rem,6vw,2rem)!important}
}

@media(max-width:480px){
  .features-grid{grid-template-columns:1fr!important}
  .fp-stats-inner{flex-direction:column!important}
  .fp-stat{min-width:100%!important;border-right:none!important}
  .fp-stat:nth-child(odd){border-right:none!important}
}


/* Chat widget animation */
#cm1 { animation: msgSlide 0.5s 0.8s ease both; opacity: 0; animation-fill-mode: both; }

/* Feature cards - stagger reveal */
#features .card { opacity: 0; transform: translateY(24px) scale(0.97);
  transition: opacity 0.6s cubic-bezier(0.16,1,0.3,1),
    transform 0.6s cubic-bezier(0.16,1,0.3,1),
    box-shadow 0.25s ease, border-color 0.25s ease; }
#features .card.feat-visible { opacity: 1; transform: translateY(0) scale(1); }
#features .card.feat-visible:hover { transform: translateY(-5px) scale(1); }

/* ════ MOBILE ════ */
@media(max-width:767px){
  *{box-sizing:border-box}
  body{overflow-x:hidden}
  .nav-links{display:none!important}
  .nav-hamburger{display:flex!important}
  .btn-login{display:none!important}
  .btn-demo-nav{display:none!important}
  .nav-inner{padding:0 16px!important}
  .hero{padding:80px 20px 40px!important}
  .hero h1{font-size:clamp(1.7rem,7vw,2.2rem)!important}
  .hero-ctas{flex-direction:column!important;align-items:center!important;gap:10px!important}
  .hero-ctas a,.hero-ctas button{width:100%!important;max-width:280px!important;text-align:center!important;justify-content:center!important}
  .stats-bar-inner{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;padding:0 8px!important}
  .stats-bar-inner::-webkit-scrollbar{display:none!important}
  .sbar-sep{display:flex!important;flex-shrink:0!important}
  .sbar-item{flex:1 1 0!important;padding:10px 6px!important;text-align:center!important;min-width:0!important}
  .sbar-val{font-size:1.1rem!important}
  .sbar-label{font-size:0.55rem!important}
  .revis-wrap{padding:24px 0 32px!important;margin-top:26px!important;overflow:hidden!important}
  .revis-stage-scroll{overflow:hidden;display:flex;align-items:center;justify-content:center}
  .revis-stage{width:1060px!important;height:700px!important;transform:scale(0.34)!important;transform-origin:center center!important;margin:-230px -360px!important;position:relative!important;display:block!important}
  .revis-svg,.c-hub,.arc-lbl{display:block!important}
  .cnode{position:absolute!important;width:196px!important}
  .cn1{left:0!important;top:50%!important;transform:translateY(-50%)!important}
  .cn2{top:0!important;left:50%!important;transform:translateX(-50%)!important}
  .cn3{right:0!important;top:50%!important;transform:translateY(-50%)!important}
  .cn4{bottom:0!important;left:50%!important;transform:translateX(-50%)!important}
  .features-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .card{padding:10px 8px 12px!important}
  .card-illus{height:120px!important}
  .card h3{font-size:0.75rem!important}
  .card p{font-size:0.68rem!important;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
  .card-tag{display:none!important}
  .feature-block{grid-template-columns:1fr!important;gap:16px!important}
  .feature-block.flip .feat-visual{order:-1!important}
  .feat-visual{width:100%!important}
  .section-wrap,.section-wrap.alt{padding:40px 20px!important}
  .section-title{font-size:clamp(1.4rem,6vw,1.8rem)!important}
  .page-hero{padding:90px 20px 40px!important}
  .cmp-hero{padding:90px 20px 40px!important}
  .fp-hero{padding:90px 20px 36px!important}
  .cmp-hero-inner,.fp-hero-inner,.page-hero-inner{padding-left:0!important;padding-right:0!important;width:100%!important}
  .cmp-tag,.fp-eyebrow,.section-tag{margin-left:0!important}
  .fp-illus-wrap{padding:0 16px 36px!important}
  .fp-illus-box{border-radius:12px!important;aspect-ratio:4/3!important}
  .fp-stats{padding:24px 20px!important}
  .fp-stats-inner{flex-wrap:wrap!important}
  .fp-stat{min-width:50%!important;border-right:none!important;border-bottom:1px solid rgba(22,163,74,0.15)!important;padding:16px 10px!important}
  .fp-stat:nth-child(odd){border-right:1px solid rgba(22,163,74,0.15)!important}
  .fp-section{padding:36px 20px!important}
  .fp-two-col{grid-template-columns:1fr!important;gap:24px!important}
  .fp-use-grid{grid-template-columns:1fr!important}
  .fp-example{padding:36px 20px!important}
  .fp-example-grid{grid-template-columns:1fr!important;gap:24px!important}
  .fp-example-illus{order:-1}
  .cmp-strip{padding:20px!important}
  .cmp-strip-inner{flex-direction:column!important;gap:0!important;overflow:visible!important;padding:0!important}
  .cmp-strip-stat{border-right:none!important;border-bottom:1px solid rgba(22,163,74,0.15)!important;padding:14px 0!important;min-width:unset!important;flex:unset!important}
  .cmp-strip-stat:last-child{border-bottom:none!important}
  .cmp-table-wrap{overflow-x:auto!important}
  .cmp-table-inner{padding:0 16px!important}
  .cmp-table{min-width:560px!important;font-size:0.75rem!important}
  .cmp-cards{grid-template-columns:1fr!important}
  .cmp-cta{padding:40px 20px!important}
  .pricing-grid{grid-template-columns:1fr!important;gap:16px!important}
  .faq-wrap{padding:40px 20px!important}
  .faq-q{padding:16px!important}
  .faq-a-inner{padding:4px 16px 16px!important}
  .footer-top,.footer-grid{grid-template-columns:1fr!important;gap:28px!important}
  .why-grid,.demo-grid{grid-template-columns:1fr!important}
  .calc-wrap{padding:20px 16px!important}
  .calc-row{flex-direction:column!important;gap:8px!important;align-items:flex-start!important}
}
@media(max-width:480px){
  .features-grid{grid-template-columns:1fr!important}
  .fp-stat{min-width:100%!important;border-right:none!important}
  .fp-stat:nth-child(odd){border-right:none!important}
}
/* Mobile menu */
.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none}
.nav-hamburger span{display:block;width:22px;height:2px;background:#374151;border-radius:2px;transition:all .25s}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-hamburger.open span:nth-child(2){opacity:0}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-mobile-menu{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:#fff;z-index:998;overflow-y:auto;-webkit-overflow-scrolling:touch}
.nav-mobile-menu.open{display:block}
.nav-mobile-menu a{display:block;padding:14px 20px;font-size:0.9rem;font-weight:500;color:#374151;border-bottom:1px solid #F3F4F6}
.mob-section-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;font-size:0.9rem;font-weight:600;color:#374151;border-bottom:1px solid #F3F4F6;cursor:pointer}
#mobFeatMenu{overflow:hidden;max-height:0;opacity:0;transition:max-height 0.35s ease,opacity 0.25s ease;background:#F9FAFB}
#mobFeatMenu.mob-open{max-height:600px;opacity:1}

/* ===== PAPERBACK PRICING (scoped) ===== */
#page-pricing .pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:860px;margin:0 auto}
#page-pricing .price-card{border-radius:var(--radius-lg);padding:34px;border:1.5px solid var(--border-2);background:#fff;position:relative;transition:.22s;box-shadow:var(--shadow-sm)}
#page-pricing .price-card:hover{box-shadow:var(--shadow-lg)}
#page-pricing .price-card.featured{border-color:#22C55E;background:linear-gradient(155deg,#183D22,#1A5530,#164822);box-shadow:0 24px 64px rgba(22,163,74,0.25)}
#page-pricing .price-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#16A34A,#15803D);color:#fff;font-size:0.73rem;font-weight:700;padding:4px 16px;border-radius:99px;white-space:nowrap;text-transform:uppercase;letter-spacing:0.05em}
#page-pricing .price-plan{font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:10px;color:var(--text-muted)}
#page-pricing .price-card.featured .price-plan{color:rgba(187,247,208,0.9)}
#page-pricing .price-amount{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:2.7rem;font-weight:800;line-height:1;color:var(--text)}
#page-pricing .price-card.featured .price-amount{color:#fff}
#page-pricing .price-period{font-size:0.83rem;margin-top:4px;margin-bottom:8px;color:var(--text-muted)}
#page-pricing .price-card.featured .price-period{color:rgba(254,252,232,0.6)}
#page-pricing .price-monthly{display:inline-block;font-size:0.8rem;font-weight:600;padding:3px 10px;border-radius:99px;margin-bottom:16px;background:var(--brand-light);color:var(--brand-mid)}
#page-pricing .price-card.featured .price-monthly{background:rgba(134,239,172,0.2);color:rgba(187,247,208,0.95)}
#page-pricing .price-desc{font-size:0.87rem;line-height:1.62;padding-bottom:18px;border-bottom:1px solid var(--border-2);margin-bottom:18px;color:var(--text-body)}
#page-pricing .price-card.featured .price-desc{color:rgba(255,255,255,0.82);border-color:rgba(134,239,172,0.15)}
#page-pricing .price-rates{border-radius:9px;padding:11px 13px;margin-bottom:18px;font-size:0.81rem;background:var(--surface)}
#page-pricing .price-card.featured .price-rates{background:rgba(255,255,255,0.06)}
#page-pricing .price-rate-row{display:flex;justify-content:space-between;padding:3px 0}
#page-pricing .price-rate-row .rl{color:var(--text-muted)}
#page-pricing .price-rate-row .rv{font-weight:600;color:var(--text)}
#page-pricing .price-card.featured .price-rate-row .rl{color:rgba(254,252,232,0.5)}
#page-pricing .price-card.featured .price-rate-row .rv{color:#fff}
#page-pricing .price-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:26px}
#page-pricing .price-list li{font-size:0.86rem;display:flex;align-items:flex-start;gap:9px;color:var(--text-body)}
#page-pricing .price-card.featured .price-list li{color:rgba(255,255,255,0.92)}
#page-pricing .price-list li .check{color:var(--brand-accent);font-weight:700;flex-shrink:0}
#page-pricing .price-card.featured .price-list li .check{color:#4ADE80}
#page-pricing .price-list li .limit{font-size:0.75rem;font-weight:600;padding:1px 7px;border-radius:5px;margin-left:4px;background:rgba(245,158,11,0.12);color:#B45309}
#page-pricing .btn-price{width:100%;padding:13px;border-radius:10px;font-family:inherit;font-size:0.95rem;font-weight:700;cursor:pointer;transition:.2s;border:1.5px solid var(--border);background:#fff;color:var(--text)}
#page-pricing .btn-price:hover{background:linear-gradient(135deg,#16A34A,#15803D);border-color:var(--brand);color:#fff;transform:translateY(-1px)}
#page-pricing .price-card.featured .btn-price{background:linear-gradient(135deg,var(--brand-accent),var(--brand));border-color:transparent;color:#fff}
#page-pricing .price-card.featured .btn-price:hover{background:linear-gradient(135deg,#16A34A,#15803D)}
#page-pricing .compare-section{max-width:860px;margin-left:auto;margin-right:auto}
#page-pricing .compare-table-full{width:100%;border-collapse:collapse;font-size:0.86rem}
#page-pricing .compare-table-full th{background:var(--surface);padding:11px 14px;font-size:0.77rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);text-align:center;border:1px solid var(--border-2)}
#page-pricing .compare-table-full th:first-child{text-align:left}
#page-pricing .compare-table-full td{padding:12px 14px;border:1px solid var(--border-2);text-align:center;color:var(--text-body)}
#page-pricing .compare-table-full td:first-child{text-align:left;font-weight:500;color:var(--text)}
#page-pricing .compare-table-full tr:nth-child(even) td{background:var(--surface)}
#page-pricing .compare-table-full .g{color:var(--brand-mid);font-weight:700}
#page-pricing .compare-table-full .b{color:#B45309;font-weight:600}
#page-pricing .compare-table-full .cat-row td{background:var(--brand-pale);font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:0.84rem;color:var(--text);text-align:left;border-top:2px solid var(--border)}
#page-pricing .section-wrap.alt .section-inner{max-width:760px;margin:0 auto}
#page-pricing .faq-item{border:none!important;border-bottom:1px solid var(--border-2)!important;border-radius:0!important;padding:0!important;margin:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}
#page-pricing .faq-item:first-child{border-top:1px solid var(--border-2)!important}
#page-pricing .faq-q{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:0.97rem;font-weight:700;color:var(--text);cursor:pointer;display:flex!important;justify-content:space-between;align-items:center;gap:20px;padding:20px 2px!important;line-height:1.45}
#page-pricing .faq-toggle{font-size:1.45rem;color:var(--brand);flex-shrink:0;line-height:1;transition:transform .22s}
#page-pricing .faq-a{font-size:0.9rem;color:var(--text-body);line-height:1.75;display:none;max-height:none!important;overflow:visible!important;padding:0 2px 20px!important;margin:0!important}
#page-pricing .faq-item.open .faq-a{display:block}
#page-pricing .faq-item.open .faq-toggle{transform:rotate(45deg)}
@media(max-width:860px){#page-pricing .pricing-grid{grid-template-columns:1fr}#page-pricing .compare-table-full{font-size:0.78rem}#page-pricing .price-card{padding:24px}}

/* ===== PAPERBACK FEATURES (scoped) ===== */
#page-features .feature-block{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:68px 0;border-bottom:1px solid var(--border-2)}
#page-features .feature-block:last-child{border-bottom:none}
#page-features .feature-block.flip .feat-visual{order:-1}
#page-features .feat-visual{width:100%}
#page-features .feat-visual-svg{width:100%;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.25),0 4px 16px rgba(0,0,0,0.15);aspect-ratio:16/10}
#page-features .feat-visual-svg svg{width:100%;height:100%;display:block}
#page-features .feat-tag{display:inline-block;background:var(--brand-light);color:var(--brand-mid);font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;padding:4px 11px;border-radius:99px;margin-bottom:10px;border:1px solid var(--border)}
#page-features .feat-num{font-size:0.78rem;color:var(--text-muted);font-weight:600;margin-bottom:6px;text-transform:uppercase;letter-spacing:0.08em}
#page-features .feature-block h3{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:clamp(1.35rem,2.4vw,1.9rem);font-weight:800;color:var(--text);letter-spacing:-0.025em;line-height:1.15;margin-bottom:13px}
#page-features .feature-block h3 em{font-style:normal;color:var(--brand)}
#page-features .feature-block p{font-size:0.93rem;color:var(--text-body);line-height:1.75;margin-bottom:18px}
#page-features .feat-bullets{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:22px}
#page-features .feat-bullets li{display:flex;gap:9px;align-items:center;font-size:0.88rem;color:var(--text-body)}
#page-features .feat-bullets li::before{content:'\2713';color:var(--brand);font-weight:700;flex-shrink:0}
#page-features .section-sub{font-size:0.98rem;color:var(--text-body);line-height:1.75;max-width:560px}
#page-features .section-sub.white{color:rgba(255,255,255,0.95)}
#page-features .btn-outline-dark{background:#fff;color:var(--text);font-weight:500;font-size:0.95rem;padding:12px 24px;border-radius:10px;border:1.5px solid var(--border);transition:all .2s;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none}
#page-features .btn-outline-dark:hover{border-color:var(--brand);color:var(--brand)}
@media(max-width:768px){#page-features .feature-block{grid-template-columns:1fr!important;gap:24px!important;padding:36px 0!important}#page-features .feature-block.flip .feat-visual{order:-1!important}#page-features .feat-visual-svg{aspect-ratio:16/9!important}#page-features .feature-block h3{font-size:1.25rem!important}}
#page-help .help-panel{display:none}
#page-help .help-panel.active{display:block}

/* ===== BLOG ARTICLE ===== */
#page-article .article-wrap{max-width:760px;margin:0 auto;padding:54px 5% 80px}
#page-article .article-back{display:inline-flex;align-items:center;gap:6px;color:var(--brand);font-weight:600;font-size:.88rem;text-decoration:none;margin-bottom:26px;cursor:pointer}
#page-article .article-back:hover{text-decoration:underline}
#page-article .article-title{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:800;color:var(--text);line-height:1.18;letter-spacing:-0.02em;margin:14px 0 12px}
#page-article .article-meta{font-size:.83rem;color:var(--text-muted);margin-bottom:30px;padding-bottom:24px;border-bottom:1px solid var(--border-2)}
#page-article .article-body p{font-size:1rem;line-height:1.8;color:var(--text-body);margin-bottom:18px}
#page-article .article-body h2{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:1.3rem;font-weight:800;color:var(--text);margin:36px 0 12px}
#page-article .article-body h3{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:1.05rem;font-weight:700;color:var(--text);margin:24px 0 8px}
#page-article .article-body ul{margin:0 0 20px 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
#page-article .article-body li{position:relative;padding-left:26px;font-size:0.98rem;line-height:1.7;color:var(--text-body)}
#page-article .article-body li::before{content:'\2713';position:absolute;left:0;top:1px;color:var(--brand);font-weight:700}
#page-article .article-body strong{color:var(--text);font-weight:700}
#page-article .article-cta{margin-top:44px;background:var(--brand-pale);border:1px solid var(--border-2);border-radius:var(--radius-lg);padding:30px;text-align:center}

/* About page — trust/values section responsiveness */
.about-trust-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:center}
@media(max-width:860px){
  .about-trust-grid{grid-template-columns:1fr;gap:32px}
}
@media(max-width:640px){
  .trust-section{padding:56px 5%!important}
}

/* Responsive fixes for content grids that were fixed 2-col on all screens */
.lr-addon-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;max-width:1060px;margin:0 auto}
@media(max-width:860px){.lr-addon-grid{grid-template-columns:1fr;gap:28px}}
.res-link-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:0 auto}
@media(max-width:640px){.res-link-grid{grid-template-columns:1fr;gap:16px}}