:root{
  --ink:#12251f;
  --ink-2:#1f3a31;
  --green:#1f7a59;
  --green-2:#2da879;
  --green-3:#dff3e9;
  --mint:#eef8f3;
  --surface:#fbfdfc;
  --soft:#f5f9f7;
  --line:#dfe9e4;
  --line-2:#edf2ef;
  --muted:#687a73;
  --muted-2:#8a9a94;
  --white:#fff;
  --danger:#b85454;
  --warning:#9a6a25;
  --shadow-sm:0 8px 22px rgba(25,69,53,.07);
  --shadow-md:0 22px 55px rgba(25,69,53,.10);
  --shadow-lg:0 34px 90px rgba(20,61,46,.14);
  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:22px;
  --radius-xl:28px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--surface);color:var(--ink);font-family:Poppins,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.menu-open{overflow:hidden}
h1,h2,h3,h4,p,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{border:0;background:transparent;color:inherit}
img,svg{display:block;max-width:100%}
::selection{background:#d5f0e3;color:#12382b}
.icon{width:1em;height:1em;flex:0 0 auto}
.site-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.skip-link{position:fixed;left:14px;top:-80px;z-index:999;background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:10px;box-shadow:var(--shadow-sm);font-weight:600;transition:.2s}
.skip-link:focus{top:14px}

/* Header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(251,253,252,.9);border-bottom:1px solid transparent;backdrop-filter:blur(18px);transition:box-shadow .2s,border-color .2s,background .2s}
.site-header.scrolled{border-color:rgba(217,230,223,.95);background:rgba(255,255,255,.95);box-shadow:0 10px 35px rgba(20,55,43,.055)}
.header-inner{height:76px;display:flex;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;gap:10px;min-width:max-content}
.brand-symbol{width:34px;height:34px;border:1px solid rgba(47,168,121,.28);border-radius:12px 12px 12px 5px;background:linear-gradient(145deg,#e7f7ef,#ccebdc);display:inline-flex;align-items:center;justify-content:center;position:relative}
.brand-symbol:before{content:"";position:absolute;width:20px;height:20px;border:2px solid #27936a;border-radius:50%}
.brand-symbol span{width:9px;height:5px;border-left:2px solid #1e7d59;border-bottom:2px solid #1e7d59;transform:rotate(-45deg) translate(1px,-1px);position:relative;z-index:1}
.brand-word{font-size:22px;line-height:1;font-weight:700;letter-spacing:-.045em;color:#15382c}
.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:2px}
.nav-link{padding:10px 12px;border-radius:10px;font-size:13px;font-weight:600;color:#64766f;transition:.18s}
.nav-link:hover,.nav-link.active{color:#176447;background:#eef8f3}
.header-actions{display:flex;align-items:center;gap:7px}
.btn{min-height:44px;padding:0 17px;border:1px solid transparent;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:600;line-height:1;white-space:nowrap;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s,color .18s}
.btn .icon{width:16px;height:16px}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:#163f31;color:#fff;border-color:#163f31;box-shadow:0 9px 24px rgba(18,61,47,.16)}
.btn-primary:hover{background:#0f3528;border-color:#0f3528;box-shadow:0 12px 28px rgba(18,61,47,.2)}
.btn-secondary{background:#fff;color:#24473a;border-color:#d7e5de;box-shadow:0 5px 16px rgba(27,71,55,.035)}
.btn-secondary:hover{background:#f8fbfa;border-color:#cbded5}
.btn-ghost{background:transparent;color:#4e665d}
.btn-ghost:hover{background:#f1f7f4}
.btn-sm{min-height:40px;padding:0 14px;font-size:12px}
.btn-lg{min-height:52px;padding:0 22px;border-radius:13px;font-size:14px}
.btn-block{width:100%}
.mobile-menu-toggle{display:none;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:11px;background:#fff;color:#2b4b40;cursor:pointer}
.mobile-menu-toggle .icon{width:21px;height:21px}
.mobile-menu-toggle .menu-close{display:none}
.mobile-menu-toggle[aria-expanded="true"] .menu-open{display:none}
.mobile-menu-toggle[aria-expanded="true"] .menu-close{display:block}
.mobile-menu{display:none;border-top:1px solid var(--line-2);background:#fff}
.mobile-menu.open{display:block}
.mobile-menu-inner{padding:14px 0 20px}
.mobile-menu nav{display:grid;gap:2px}
.mobile-menu nav a{padding:11px 4px;border-bottom:1px solid #f3f6f4;font-size:14px;font-weight:600;color:#4f665d}
.mobile-menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}

/* Shared section styles */
.section{padding:96px 0;background:#fff}
.section-soft{background:var(--soft);border-top:1px solid #edf3f0;border-bottom:1px solid #edf3f0}
.section-heading{max-width:790px;margin-bottom:44px}
.section-heading.centered{text-align:center;margin-inline:auto}
.section-heading h2,.feature-copy-block h2,.faq-intro h2,.security-copy h2{font-size:clamp(30px,3.7vw,48px);line-height:1.12;letter-spacing:-.045em;font-weight:700;color:#17332a}
.section-heading p,.feature-copy-block>p,.faq-intro>p{margin-top:16px;color:var(--muted);font-size:16px;line-height:1.8}
.section-kicker{display:inline-flex;align-items:center;font-size:11px;font-weight:700;letter-spacing:.115em;color:#287858;text-transform:uppercase}
.section-kicker.light{color:#73d8af}
.split-heading{max-width:none;display:grid;grid-template-columns:1.05fr .8fr;gap:70px;align-items:end}
.split-heading p{margin:0;padding-bottom:5px}
.text-link{margin-top:26px;display:inline-flex;align-items:center;gap:9px;color:#1e7656;font-size:13px;font-weight:600}
.text-link .icon{width:16px;height:16px;transition:transform .18s}
.text-link:hover .icon{transform:translateX(3px)}
.light-link{color:#9be3c4}
.eyebrow{width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #d7e8df;border-radius:999px;background:rgba(255,255,255,.78);color:#41645a;font-size:10px;font-weight:700;letter-spacing:.075em;text-transform:uppercase}
.eyebrow>span{width:7px;height:7px;border-radius:50%;background:#2fac7c;box-shadow:0 0 0 5px rgba(47,172,124,.09)}

/* Hero */
.hero-section{position:relative;overflow:hidden;background:radial-gradient(circle at 14% 12%,rgba(64,190,140,.09),transparent 27%),linear-gradient(180deg,#fbfdfc 0%,#f7fbf9 100%)}
.hero-section:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#e7eeea}
.hero-orb{position:absolute;border-radius:50%;pointer-events:none}
.hero-orb-a{width:620px;height:620px;right:-260px;top:-50px;background:radial-gradient(circle,rgba(69,190,143,.12) 0,rgba(69,190,143,0) 70%)}
.hero-orb-b{width:420px;height:420px;left:-210px;bottom:-140px;background:radial-gradient(circle,rgba(126,218,180,.14) 0,rgba(126,218,180,0) 70%)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center;padding-top:82px;padding-bottom:58px}
.hero-copy-wrap h1{max-width:690px;margin-top:22px;font-size:clamp(44px,5.25vw,70px);line-height:1.025;letter-spacing:-.057em;font-weight:700;color:#132b23}
.hero-lead{max-width:670px;margin-top:24px;font-size:17px;line-height:1.8;color:#60736b}
.hero-actions{display:flex;align-items:center;gap:10px;margin-top:30px;flex-wrap:wrap}
.hero-points{display:flex;align-items:center;gap:21px;flex-wrap:wrap;margin-top:25px;color:#71827b;font-size:11px;font-weight:500}
.hero-points span{display:flex;align-items:center;gap:7px}
.hero-points .icon{width:15px;height:15px;color:#2a966d}
.hero-product-wrap{position:relative;padding:15px 2px 42px 14px}
.hero-product-card{position:relative;overflow:hidden;border:1px solid #d8e5df;border-radius:21px;background:#fff;box-shadow:var(--shadow-lg);transform:rotate(.25deg)}
.mock-browser-top{height:48px;padding:0 15px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e9efec;background:#fbfdfc;color:#73847d;font-size:9px;font-weight:600}
.mock-browser-top>span{flex:1;text-align:center}
.mock-browser-top>b{display:flex;align-items:center;gap:6px;color:#3d705d;font-size:8px}
.mock-browser-top>b i{width:6px;height:6px;border-radius:50%;background:#35b681}
.browser-dots{display:flex;gap:5px}.browser-dots i{width:7px;height:7px;border-radius:50%;background:#cfdbd5}.browser-dots i:first-child{background:#77cbaa}
.mock-app{display:grid;grid-template-columns:52px 1fr;min-height:390px}
.mock-rail{padding:14px 9px;border-right:1px solid #edf2ef;background:#fbfdfc;display:flex;align-items:center;flex-direction:column;gap:9px}
.mock-brand{width:29px;height:29px;border-radius:9px 9px 9px 4px;background:#2fa878;margin-bottom:8px;display:flex;align-items:center;justify-content:center}
.mock-brand span{width:10px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.mock-rail button{width:31px;height:31px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#8c9c96}
.mock-rail button.active{background:#e7f5ed;color:#21835f}
.mock-rail .icon{width:13px;height:13px}
.mock-main{padding:20px}
.mock-heading-row{display:flex;align-items:center;justify-content:space-between;gap:15px}
.mock-heading-row>div{display:flex;flex-direction:column}.mock-heading-row small{font-size:7px;font-weight:700;letter-spacing:.09em;color:#8b9a95}.mock-heading-row strong{margin-top:2px;font-size:14px;color:#2a443b}.progress-chip{padding:6px 8px;border:1px solid #cfe9dc;border-radius:999px;background:#eff9f4;color:#267556;font-size:8px;font-weight:700}
.platform-tabs{margin-top:17px;padding-bottom:11px;border-bottom:1px solid #eef2f0;display:flex;align-items:center;gap:5px;overflow:hidden}
.platform-tabs>span{height:27px;padding:0 7px;display:flex;align-items:center;gap:5px;border-radius:7px;color:#83918c;font-size:7px;font-weight:600;white-space:nowrap}
.platform-tabs>span.active{background:#eef7f2;color:#285f4b}
.platform-mark{width:20px;height:20px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-family:Arial,sans-serif;font-size:9px;font-weight:700;background:#edf2ef;color:#436057}
.platform-mark.instagram{background:#f6eaf0;color:#a54872}.platform-mark.facebook{background:#e9f0fb;color:#3d6ea8}.platform-mark.xmark{background:#edf0f1;color:#263339}.platform-mark.linkedin{background:#e8f1f7;color:#356d87;font-size:8px}.platform-mark.tiktok{background:#f2edf3;color:#4c3f50}
.mock-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}
.mock-post{overflow:hidden;border:1px solid #e5ece8;border-radius:10px;background:#fff}
.mock-media{height:122px;position:relative;overflow:hidden;display:flex;align-items:flex-start;padding:7px}
.mock-media:before,.mock-media:after{content:"";position:absolute;border-radius:50%}
.mock-media span{position:relative;z-index:2;padding:3px 5px;border-radius:5px;background:rgba(255,255,255,.78);backdrop-filter:blur(4px);font-size:6px;font-weight:700;letter-spacing:.07em;color:#48635a}
.mock-media-a{background:linear-gradient(145deg,#d7eee3,#f7ede6)}.mock-media-a:before{width:85px;height:85px;background:#7bc7a5;right:-18px;bottom:-16px}.mock-media-a:after{width:48px;height:48px;background:#fff;left:18px;top:37px;opacity:.72}
.mock-media-b{background:linear-gradient(155deg,#eee4d8,#dbeee6)}.mock-media-b:before{width:94px;height:62px;border-radius:14px;background:#2d6e56;right:8px;bottom:13px;transform:rotate(-8deg)}.mock-media-b:after{width:34px;height:34px;background:#f7f2ea;left:14px;top:28px}
.mock-media-c{background:linear-gradient(160deg,#e8ebf5,#d9efe3)}.mock-media-c:before{width:82px;height:82px;background:#c5d0ec;left:-16px;bottom:-21px}.mock-media-c:after{width:55px;height:55px;border:10px solid #6fb998;right:10px;top:31px;background:transparent}
.mock-post-meta{padding:8px;display:flex;align-items:center;justify-content:space-between;gap:5px}
.mock-post-meta>div{display:flex;flex-direction:column}.mock-post-meta strong{font-size:7px;color:#405a50}.mock-post-meta small{font-size:6px;color:#a0ada8}.mock-post-meta>span{padding:3px 5px;border-radius:5px;font-size:6px;font-weight:700}
.mock-post.approved .mock-post-meta>span{background:#e6f6ee;color:#27795a}.mock-post.revision .mock-post-meta>span{background:#fff2df;color:#9b6927}.mock-post.waiting .mock-post-meta>span{background:#f0f2f2;color:#697a74}
.mock-activity{margin-top:12px;padding:10px 11px;border-radius:9px;background:#f8fbfa;display:flex;align-items:center;gap:9px}
.mock-activity>span{width:26px;height:26px;border-radius:8px;background:#dff3e9;color:#23815e;display:flex;align-items:center;justify-content:center}.mock-activity>span .icon{width:12px;height:12px}.mock-activity>div{display:flex;flex-direction:column}.mock-activity strong{font-size:8px;color:#355248}.mock-activity small{font-size:6px;color:#97a59f;margin-top:1px}
.floating-note{position:absolute;z-index:4;min-width:190px;padding:10px 12px;border:1px solid rgba(213,229,220,.95);border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 16px 38px rgba(21,64,48,.11);backdrop-filter:blur(10px);display:flex;align-items:center;gap:9px}
.floating-note>span{width:31px;height:31px;border-radius:9px;background:#e5f5ed;color:#247c5b;display:flex;align-items:center;justify-content:center}.floating-note>span .icon{width:14px;height:14px}.floating-note>div{display:flex;flex-direction:column}.floating-note strong{font-size:9px;color:#2c483e}.floating-note small{font-size:7px;color:#8e9e98;margin-top:1px}.note-a{left:-18px;bottom:9px}.note-b{right:-15px;top:64px}
.hero-trustbar{position:relative;z-index:2;min-height:74px;border-top:1px solid #e5ede9;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#74847e;font-size:12px;font-weight:500}
.platform-badges{display:flex;align-items:center;gap:7px}.platform-badges .platform-mark{width:28px;height:28px;border-radius:8px;font-size:10px}

/* Workflow */
.workflow-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 12px 35px rgba(23,65,49,.04)}
.workflow-card{min-height:282px;padding:24px 22px;border-right:1px solid #e8efeb;display:flex;flex-direction:column}.workflow-card:last-child{border-right:0}
.workflow-top{display:flex;align-items:center;justify-content:space-between}.workflow-top>span{font-size:10px;font-weight:700;color:#a3b1ab}.workflow-top>i{width:38px;height:38px;border-radius:11px;background:#e7f5ed;color:#227b59;display:flex;align-items:center;justify-content:center}.workflow-top .icon{width:17px;height:17px}.workflow-card h3{margin-top:46px;font-size:16px;font-weight:700;color:#263f36}.workflow-card p{margin-top:9px;color:#7a8984;font-size:11px;line-height:1.75}.workflow-card:hover .workflow-top>i{background:#d9f0e5;color:#176e4e}

/* Approval feature */
.feature-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:76px;align-items:center}
.feature-copy-block h2{margin-top:14px}.feature-checks{display:grid;gap:14px;margin-top:28px}.feature-checks li{display:grid;grid-template-columns:26px 1fr;gap:11px;color:#61736b;font-size:12px;line-height:1.65}.feature-checks li>.icon{width:24px;height:24px;padding:5px;border-radius:8px;background:#dff3e9;color:#227c59}.feature-checks strong{color:#29483d;font-weight:600}
.approval-preview-card{max-width:590px;margin-left:auto;border:1px solid #dbe7e1;border-radius:20px;background:#fff;box-shadow:var(--shadow-md);padding:20px}
.approval-preview-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.client-profile{display:flex;align-items:center;gap:10px}.client-profile>span{width:38px;height:38px;border-radius:50%;background:#e5f3ec;color:#287657;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.client-profile>div{display:flex;flex-direction:column}.client-profile strong{font-size:11px;color:#29463b}.client-profile small{font-size:8px;color:#91a09a;margin-top:2px}.status-pill{padding:6px 8px;border-radius:999px;font-size:8px;font-weight:700}.status-pill.success{background:#e7f6ee;color:#267657}
.approval-preview-media{height:290px;margin-top:16px;border-radius:13px;overflow:hidden;position:relative;background:linear-gradient(145deg,#e0f1e8,#f4e9df);display:flex;align-items:center;justify-content:center}.media-label{position:absolute;left:12px;top:12px;z-index:2;padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.82);font-size:8px;font-weight:700;color:#4d655b;letter-spacing:.06em}.visual-circle{width:190px;height:190px;border-radius:50%;background:linear-gradient(145deg,#2d8d67,#84c7a9);box-shadow:0 18px 42px rgba(33,110,82,.22)}.visual-copy{position:absolute;left:30px;bottom:32px;display:grid;gap:7px}.visual-copy i{display:block;height:8px;border-radius:999px;background:rgba(255,255,255,.78)}.visual-copy i:nth-child(1){width:135px}.visual-copy i:nth-child(2){width:90px}.visual-copy i:nth-child(3){width:112px}
.approval-caption{padding:14px 1px 12px}.approval-caption strong{font-size:10px;color:#314c42}.approval-caption p{margin-top:3px;color:#698078;font-size:9px}.approval-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.approval-actions button{height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:600;cursor:default}.approval-actions .icon{width:13px;height:13px}.approve-btn{background:#e4f5ec;color:#247a59}.revise-btn{background:#fff7e9;color:#8d652a;border:1px solid #f1e1c6}
.approval-timeline{margin-top:14px;padding-top:14px;border-top:1px solid #edf2ef;display:grid;grid-template-columns:8px 1fr auto;gap:9px;align-items:center}.approval-timeline>span{width:7px;height:7px;border-radius:50%;background:#2fa878}.approval-timeline p{display:flex;flex-direction:column}.approval-timeline strong{font-size:8px;color:#426056}.approval-timeline small{font-size:7px;color:#99a6a1}.approval-timeline em{font-style:normal;font-size:7px;font-weight:600;color:#348160}

/* Bento */
.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.bento-card{min-height:295px;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}.bento-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:#d4e5dc}.bento-large{grid-row:span 2;min-height:604px}.bento-wide{grid-column:span 2}
.bento-icon{width:40px;height:40px;border-radius:11px;background:#e5f4ec;color:#237b59;display:flex;align-items:center;justify-content:center;margin-bottom:28px}.bento-icon .icon{width:18px;height:18px}.mini-label{font-size:9px;font-weight:700;letter-spacing:.09em;color:#4b806c}.bento-card h3{margin-top:8px;max-width:390px;font-size:19px;line-height:1.28;letter-spacing:-.025em;font-weight:700;color:#243e35}.bento-card p{margin-top:9px;max-width:510px;color:#798a83;font-size:11px;line-height:1.75}.mini-calendar{margin-top:34px;border:1px solid #e3ebe7;border-radius:13px;overflow:hidden}.mini-cal-head{padding:13px 14px;border-bottom:1px solid #edf1ef;display:flex;align-items:center;justify-content:space-between}.mini-cal-head strong{font-size:9px;color:#39564b}.mini-cal-head span{font-size:7px;color:#91a098}.mini-cal-grid{padding:10px;display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.mini-cal-grid span{aspect-ratio:1;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#f7faf8;color:#95a29d;font-size:7px}.mini-cal-grid span.filled{background:#dff3e9;color:#227a59;font-weight:700}
.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:32px}.metric-strip span{padding:13px 12px;border:1px solid #e3ebe7;border-radius:11px;background:#f9fbfa;display:flex;flex-direction:column}.metric-strip b{font-size:17px;letter-spacing:-.03em;color:#2b4d40}.metric-strip small{font-size:7px;color:#93a19c;margin-top:2px}

/* Security */
.section-dark{background:#0f2c23;color:#fff;position:relative;overflow:hidden;border:0}
.section-dark:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,black 40%,black)}
.security-layout{position:relative;z-index:2;display:grid;grid-template-columns:1fr .92fr;gap:76px;align-items:center}.security-copy h2{color:#fff;margin-top:14px}.security-copy>p{max-width:650px;margin-top:17px;color:rgba(255,255,255,.62);font-size:14px;line-height:1.85}.security-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:27px}.security-tags span{padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.045);display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.74);font-size:9px;font-weight:600}.security-tags .icon{width:12px;height:12px;color:#79dcb4}.security-stack{border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.045);padding:10px;backdrop-filter:blur(12px)}.security-row{min-height:78px;padding:12px 13px;border-bottom:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:42px 1fr 22px;gap:11px;align-items:center}.security-row:last-child{border-bottom:0}.security-row>span{width:38px;height:38px;border-radius:10px;background:rgba(101,216,171,.12);color:#78dcb4;display:flex;align-items:center;justify-content:center}.security-row>span .icon{width:16px;height:16px}.security-row>div{display:flex;flex-direction:column}.security-row strong{font-size:10px;color:#fff;font-weight:600}.security-row small{margin-top:2px;color:rgba(255,255,255,.46);font-size:8px}.security-row>i{color:#72d5ad}.security-row>i .icon{width:13px;height:13px}

/* Pricing */
.billing-toggle{width:max-content;margin:28px auto 0;padding:4px;border-radius:12px;background:#edf4f0;display:flex}.billing-toggle button{height:38px;padding:0 14px;border-radius:9px;color:#6e8179;font-size:11px;font-weight:600;cursor:pointer}.billing-toggle button.active{background:#fff;color:#183d30;box-shadow:0 4px 13px rgba(30,77,60,.08)}.billing-toggle button span{margin-left:4px;color:#2d8663;font-size:8px}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:42px}.price-card{position:relative;min-height:485px;padding:24px 21px;border:1px solid #e0e9e5;border-radius:17px;background:#fff;display:flex;flex-direction:column}.price-card.recommended{border-color:#76cba8;box-shadow:0 18px 45px rgba(42,130,96,.09)}.recommended-label{position:absolute;right:15px;top:-11px;padding:5px 8px;border-radius:999px;background:#1f7658;color:#fff;font-size:7px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.price-head h3{font-size:18px;font-weight:700;letter-spacing:-.025em;color:#213d33}.price-head p{margin-top:5px;min-height:40px;color:#879690;font-size:10px;line-height:1.7}.price-line{min-height:50px;margin:20px 0 18px;display:flex;align-items:baseline;gap:5px}.price-line strong{font-size:27px;line-height:1.1;letter-spacing:-.04em;color:#15392d}.price-line span{color:#8a9994;font-size:9px}.price-card ul{display:grid;gap:9px;margin-bottom:22px}.price-card li{display:grid;grid-template-columns:16px 1fr;gap:7px;align-items:start;color:#566e64;font-size:10px;line-height:1.5}.price-card li .icon{width:14px;height:14px;color:#2b976e;margin-top:1px}.price-card .btn{margin-top:auto}.pricing-empty{max-width:690px;margin:40px auto 0;padding:16px 18px;border:1px solid #eadcc5;border-radius:14px;background:#fffaf3;display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start}.pricing-empty>span{width:34px;height:34px;border-radius:9px;background:#f8ead4;color:#996c31;display:flex;align-items:center;justify-content:center}.pricing-empty>span .icon{width:16px;height:16px}.pricing-empty strong{font-size:11px;color:#745229}.pricing-empty p{margin-top:3px;color:#8f7352;font-size:9px}.pricing-empty code{font-family:Consolas,monospace}.trial-note{margin-top:22px;display:flex;align-items:flex-start;justify-content:center;gap:7px;text-align:center;color:#7a8a84;font-size:10px}.trial-note .icon{width:14px;height:14px;color:#2b936b;margin-top:1px}

/* FAQ */
.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.faq-intro h2{margin-top:14px}.faq-list{display:grid;gap:8px}.faq-list details{border:1px solid #e0e9e5;border-radius:14px;background:#fff;overflow:hidden}.faq-list summary{min-height:59px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;color:#2d493f;font-size:12px;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .icon{width:15px;height:15px;color:#7d9088;transition:transform .18s}.faq-list details[open] summary .icon{transform:rotate(180deg)}.faq-list details p{padding:0 18px 17px;color:#75867f;font-size:10px;line-height:1.75}

/* Final CTA */
.final-cta-section{padding:72px 0;background:#edf8f3}.final-cta-card{padding:34px 36px;border:1px solid #d5e6de;border-radius:19px;background:#fff;box-shadow:0 20px 50px rgba(35,87,66,.07);display:flex;align-items:center;justify-content:space-between;gap:42px}.final-cta-card h2{max-width:770px;margin-top:7px;font-size:27px;line-height:1.22;letter-spacing:-.035em;font-weight:700;color:#18362b}.final-cta-card p{max-width:780px;margin-top:7px;color:#6d8078;font-size:12px;line-height:1.7}

/* Feature page */
.page-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 50% -18%,rgba(67,187,140,.15),transparent 42%),linear-gradient(180deg,#fbfdfc,#f5faf7);border-bottom:1px solid #e5ede9}.page-hero-inner{position:relative;z-index:2;max-width:980px;padding-top:86px;padding-bottom:86px;text-align:center}.page-hero-inner .eyebrow{margin-inline:auto}.page-hero h1{margin-top:20px;font-size:clamp(40px,5.2vw,62px);line-height:1.06;letter-spacing:-.052em;font-weight:700;color:#173129}.page-hero p{max-width:790px;margin:21px auto 0;color:#667970;font-size:16px;line-height:1.8}.centered-actions{justify-content:center}.feature-directory-section{background:#fff}.feature-directory{display:grid;gap:14px}.feature-group{display:grid;grid-template-columns:.7fr 1.3fr;border:1px solid #e1eae6;border-radius:18px;background:#fff;overflow:hidden}.feature-group-intro{position:relative;padding:28px 30px;background:#f8fbfa;border-right:1px solid #e8efec}.feature-group-icon{width:42px;height:42px;border-radius:11px;background:#e1f2e9;color:#247b5a;display:flex;align-items:center;justify-content:center;margin-bottom:38px}.feature-group-icon .icon{width:18px;height:18px}.feature-group-number{position:absolute;right:28px;top:28px;color:#a4b3ad;font-size:9px;font-weight:700}.feature-group-intro h2{font-size:20px;line-height:1.25;letter-spacing:-.025em;font-weight:700;color:#263f36}.feature-group-intro p{margin-top:8px;color:#7a8b84;font-size:11px;line-height:1.72}.feature-item-list{padding:8px 24px}.feature-item{display:grid;grid-template-columns:30px 1fr;gap:11px;padding:15px 0;border-bottom:1px solid #edf2ef}.feature-item:last-child{border-bottom:0}.feature-item>span{width:26px;height:26px;border-radius:8px;background:#e7f5ed;color:#227c59;display:flex;align-items:center;justify-content:center}.feature-item>span .icon{width:12px;height:12px}.feature-item h3{font-size:11px;font-weight:600;color:#2d493f}.feature-item p{margin-top:3px;color:#80908a;font-size:10px;line-height:1.65}

/* Legal */
.legal-center-hero .page-hero-inner{max-width:850px}.legal-center-section{background:#fff}.legal-center-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.legal-card{min-height:174px;padding:23px;border:1px solid #e0e9e5;border-radius:16px;background:#fff;display:grid;grid-template-columns:46px 1fr 24px;gap:14px;align-items:start;transition:.2s}.legal-card:hover{transform:translateY(-2px);border-color:#cfe2d8;box-shadow:var(--shadow-sm)}.legal-card-icon{width:42px;height:42px;border-radius:11px;background:#e6f4ed;color:#247b59;display:flex;align-items:center;justify-content:center}.legal-card-icon .icon{width:18px;height:18px}.legal-card h2{font-size:15px;font-weight:700;color:#29453b}.legal-card p{margin-top:6px;color:#788983;font-size:10px;line-height:1.68}.legal-card small{display:block;margin-top:12px;color:#9aa7a2;font-size:8px}.legal-card>i{align-self:center;color:#80a093}.legal-card>i .icon{width:17px;height:17px}
.legal-hero{padding:70px 0 56px;background:linear-gradient(180deg,#f8fcfa,#f3f8f5);border-bottom:1px solid #e3ebe7}.legal-hero-inner{max-width:920px}.legal-title-icon{width:48px;height:48px;margin-bottom:19px;border-radius:13px;background:#e1f2e9;color:#247c5a;display:flex;align-items:center;justify-content:center}.legal-title-icon .icon{width:22px;height:22px}.legal-hero h1{margin-top:9px;font-size:clamp(34px,4.3vw,52px);line-height:1.1;letter-spacing:-.045em;font-weight:700;color:#18342a}.legal-hero>div>p{max-width:780px;margin-top:15px;color:#6a7d75;font-size:14px;line-height:1.8}.legal-meta{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:22px;color:#84958e;font-size:9px}.legal-meta span{display:flex;align-items:center;gap:6px}.legal-meta .icon{width:13px;height:13px}
.legal-section{padding:54px 0 88px;background:#fff}.legal-layout{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}.legal-nav-card{position:sticky;top:98px;padding:12px;border:1px solid #e1eae6;border-radius:15px;background:#fbfdfc}.legal-home-link{padding:9px 10px 12px;border-bottom:1px solid #ebf0ed;display:flex;align-items:center;gap:8px;color:#53806d;font-size:9px;font-weight:600}.legal-home-link .icon{width:13px;height:13px;transform:rotate(180deg)}.legal-nav-card nav{display:grid;gap:2px;margin-top:8px}.legal-nav-card nav a{min-height:39px;padding:0 9px;border-radius:9px;display:flex;align-items:center;gap:9px;color:#61766d;font-size:9px;font-weight:600}.legal-nav-card nav a:hover,.legal-nav-card nav a.active{background:#eaf6ef;color:#1e6f50}.legal-nav-card nav a>span{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.legal-nav-card nav .icon{width:13px;height:13px}
.legal-content-card{max-width:870px;padding:35px 38px;border:1px solid #e1e9e5;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(28,68,53,.035)}.legal-notice{margin-bottom:30px;padding:14px 15px;border:1px solid #e8dfc8;border-radius:12px;background:#fffaf1;display:grid;grid-template-columns:26px 1fr;gap:10px;color:#7c6745}.legal-notice>span{width:25px;height:25px;border-radius:8px;background:#f5ead3;display:flex;align-items:center;justify-content:center}.legal-notice .icon{width:13px;height:13px}.legal-notice p{font-size:9px;line-height:1.7}.legal-notice strong{font-weight:600}.legal-copy-section{padding:26px 0;border-top:1px solid #edf1ef}.legal-notice+.legal-copy-section{border-top:0;padding-top:0}.legal-copy-section h2{font-size:16px;font-weight:700;color:#29463b}.legal-copy-section p{margin-top:10px;color:#647870;font-size:11px;line-height:1.85}.legal-copy-section p+p{margin-top:8px}

/* Footer */
.site-footer{background:#102a22;color:#fff}
.footer-grid{padding-top:56px;padding-bottom:48px;display:grid;grid-template-columns:1.55fr .7fr .7fr 1.15fr;gap:48px}.brand-footer .brand-word{color:#fff}.brand-footer .brand-symbol{border-color:rgba(255,255,255,.13);background:rgba(83,198,151,.12)}.footer-brand-col>p{max-width:355px;margin-top:16px;color:rgba(255,255,255,.5);font-size:11px;line-height:1.75}.footer-email{margin-top:18px;display:inline-flex;align-items:center;gap:8px;color:#8bdcba;font-size:10px;font-weight:600}.footer-email .icon{width:14px;height:14px}.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-col h3{margin-bottom:5px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.04em}.footer-col a{color:rgba(255,255,255,.51);font-size:9px;transition:.18s}.footer-col a:hover{color:#9be3c5}.footer-legal-col{display:grid;grid-template-columns:1fr 1fr;align-content:start;column-gap:16px}.footer-legal-col h3{grid-column:1/-1}.footer-bottom{min-height:64px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:20px;color:rgba(255,255,255,.36);font-size:8px}.footer-bottom>div{display:flex;align-items:center;gap:8px}.footer-bottom a{color:rgba(255,255,255,.55)}

/* Cookie notice */
.cookie-notice{position:fixed;z-index:150;left:22px;right:22px;bottom:20px;max-width:760px;margin-inline:auto;padding:13px 14px;border:1px solid #dbe7e1;border-radius:15px;background:rgba(255,255,255,.97);box-shadow:0 20px 55px rgba(23,61,47,.15);backdrop-filter:blur(14px);display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center}
.cookie-notice[hidden]{display:none}.cookie-icon{width:36px;height:36px;border-radius:10px;background:#e6f4ed;color:#247b59;display:flex;align-items:center;justify-content:center}.cookie-icon .icon{width:17px;height:17px}.cookie-copy strong{font-size:10px;color:#2b463d}.cookie-copy p{margin-top:2px;color:#73857e;font-size:8px;line-height:1.55}.cookie-copy a{color:#247758;text-decoration:underline;text-underline-offset:2px}

@media(max-width:1080px){
  .desktop-nav{display:none}.mobile-menu-toggle{display:flex;margin-left:auto}.header-actions{margin-left:auto}.header-actions .btn-ghost{display:none}
  .hero-grid{grid-template-columns:1fr;gap:42px}.hero-copy-wrap{max-width:820px}.hero-product-wrap{max-width:760px;width:100%;margin-inline:auto}.hero-copy-wrap h1{max-width:820px}
  .workflow-grid{grid-template-columns:repeat(3,1fr)}.workflow-card:nth-child(3){border-right:0}.workflow-card:nth-child(-n+3){border-bottom:1px solid #e8efeb}.workflow-card:nth-child(4){grid-column:1/2}.workflow-card:nth-child(5){grid-column:2/4}.workflow-card:nth-child(4){border-right:1px solid #e8efeb}
  .bento-grid{grid-template-columns:repeat(2,1fr)}.bento-large{grid-row:span 2}.bento-wide{grid-column:1/-1}
  .pricing-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1.2fr .8fr .8fr;gap:34px}.footer-legal-col{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.footer-legal-col h3{grid-column:1/-1}
}

@media(max-width:860px){
  .site-shell{width:min(100% - 34px,1180px)}
  .section{padding:76px 0}.hero-grid{padding-top:64px;padding-bottom:44px}
  .feature-layout,.security-layout,.faq-layout,.split-heading{grid-template-columns:1fr;gap:42px}.approval-preview-card{max-width:650px;margin:0}.split-heading p{padding:0}.security-copy>p{max-width:700px}
  .feature-group{grid-template-columns:1fr}.feature-group-intro{border-right:0;border-bottom:1px solid #e8efec}
  .legal-layout{grid-template-columns:1fr}.legal-nav-card{position:relative;top:auto}.legal-nav-card nav{grid-template-columns:repeat(2,1fr)}
  .legal-content-card{max-width:none}
  .final-cta-card{align-items:flex-start;flex-direction:column}
}

@media(max-width:680px){
  .site-shell{width:min(100% - 28px,1180px)}.header-inner{height:68px;gap:10px}.brand-word{font-size:20px}.brand-symbol{width:32px;height:32px}.header-actions{display:none}
  .mobile-menu-actions{grid-template-columns:1fr}
  .hero-grid{padding-top:48px}.hero-copy-wrap h1{font-size:42px}.hero-lead{font-size:14px;line-height:1.75}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .btn{width:100%}.hero-points{display:grid;gap:9px}.hero-trustbar{padding:18px 0;align-items:flex-start;flex-direction:column}.platform-badges .platform-mark{width:27px;height:27px}
  .hero-product-wrap{padding-left:0;padding-bottom:8px}.floating-note{display:none}.mock-browser-top>span{display:none}.mock-browser-top>b{margin-left:auto}.mock-app{grid-template-columns:42px 1fr;min-height:338px}.mock-rail{padding-inline:5px}.mock-main{padding:13px}.platform-tabs>span{font-size:0;padding:0 5px}.platform-tabs .platform-mark{font-size:8px}.mock-post-grid{gap:5px}.mock-media{height:93px}.mock-heading-row{align-items:flex-start;flex-direction:column;gap:7px}.progress-chip{align-self:flex-start}.mock-activity{display:none}
  .section-heading h2,.feature-copy-block h2,.faq-intro h2,.security-copy h2{font-size:31px}.section-heading p,.feature-copy-block>p,.faq-intro>p{font-size:13px}.section-heading{margin-bottom:32px}
  .workflow-grid{grid-template-columns:1fr}.workflow-card,.workflow-card:nth-child(3),.workflow-card:nth-child(4){grid-column:auto;border-right:0;border-bottom:1px solid #e8efeb}.workflow-card:last-child{border-bottom:0}.workflow-card{min-height:230px}.workflow-card h3{margin-top:32px}
  .approval-preview-media{height:230px}.visual-circle{width:150px;height:150px}.approval-actions{grid-template-columns:1fr}.approval-timeline{grid-template-columns:8px 1fr}.approval-timeline em{grid-column:2}
  .bento-grid{grid-template-columns:1fr}.bento-large{grid-row:auto;min-height:auto}.bento-wide{grid-column:auto}.metric-strip{grid-template-columns:repeat(2,1fr)}
  .security-row{grid-template-columns:38px 1fr}.security-row>i{display:none}
  .pricing-grid{grid-template-columns:1fr}.price-card{min-height:auto}.billing-toggle{width:100%}.billing-toggle button{flex:1}
  .legal-center-grid{grid-template-columns:1fr}.legal-card{grid-template-columns:42px 1fr 20px}.page-hero-inner{padding-top:62px;padding-bottom:62px}.page-hero h1{font-size:39px}.page-hero p{font-size:13px}
  .legal-hero{padding:52px 0 42px}.legal-hero h1{font-size:36px}.legal-content-card{padding:25px 20px}.legal-nav-card nav{grid-template-columns:1fr}.legal-copy-section p{font-size:10.5px}
  .footer-grid{grid-template-columns:1fr 1fr;padding-top:44px;gap:32px}.footer-brand-col{grid-column:1/-1}.footer-legal-col{grid-column:1/-1;grid-template-columns:1fr 1fr}.footer-bottom{padding:16px 0;align-items:flex-start;flex-direction:column}.footer-bottom>div{flex-wrap:wrap}.footer-dot{display:none}
  .cookie-notice{left:12px;right:12px;bottom:12px;grid-template-columns:34px 1fr}.cookie-notice .btn{grid-column:1/-1;width:100%}
  .final-cta-card{padding:26px 22px}.final-cta-card h2{font-size:23px}.final-cta-card .btn{width:100%}
}

@media(max-width:420px){
  .hero-copy-wrap h1{font-size:37px}.site-shell{width:min(100% - 22px,1180px)}.footer-grid{grid-template-columns:1fr}.footer-brand-col,.footer-legal-col{grid-column:auto}.footer-legal-col{grid-template-columns:1fr}.footer-legal-col h3{grid-column:auto}.legal-card{padding:18px}.mock-media{height:82px}.client-profile small{display:none}
}