/* Public-only product layer. All selectors stay inside .lp. */
.lp { --lp-ink:#162038; --lp-muted:#69758a; --lp-blue:#285ee8; --lp-line:#e1e6ee; background:#f8f9fc; color:var(--lp-ink); width:100%; overflow:clip; font-size:16px; line-height:1.6; }
.lp[hidden] { display:none !important; }
.lp * { box-sizing:border-box; }
.lp .lp-wrap { width:min(1280px,calc(100% - 80px)); margin-inline:auto; }
.lp a { color:inherit; text-decoration:none; }
.lp button { font:inherit; cursor:pointer; }
.lp button[hidden] { display:none !important; }
.lp button:disabled { cursor:wait; opacity:.6; }
.lp :focus-visible { outline:3px solid #86a9ff; outline-offset:4px; }
.lp img { display:block; width:100%; height:auto; }
.lp figure { margin:0; }
.lp h1,.lp h2,.lp h3,.lp p { margin:0; }
.lp h1,.lp h2,.lp h3 { color:var(--lp-ink); }
.lp h1 { font-size:clamp(42px,4.6vw,66px); letter-spacing:-.052em; line-height:1.08; font-weight:800; }
.lp h2 { font-size:clamp(34px,3.7vw,50px); letter-spacing:-.045em; line-height:1.13; font-weight:750; }
.lp h3 { font-size:20px; letter-spacing:-.025em; line-height:1.3; }
.lp em { font-style:normal; color:var(--lp-blue); }
.lp .lp-kicker { font-size:11px; letter-spacing:.13em; text-transform:uppercase; font-weight:750; color:#65718a; margin-bottom:22px; }
.lp .lp-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:#4d9b60; margin-right:7px; }
.lp .lp-header { position:sticky; top:0; z-index:30; background:#f8f9fcf5; border-bottom:1px solid var(--lp-line); backdrop-filter:blur(14px); }
.lp .lp-header-inner { display:flex; align-items:center; gap:26px; height:78px; }
.lp .lp-brand { display:flex; align-items:center; gap:10px; flex:none; font-size:19px; font-weight:800; letter-spacing:-.04em; }
.lp .lp-logo { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:var(--lp-ink); color:white; }
.lp .lp-logo svg { width:24px; height:24px; }
.lp .lp-nav { display:flex; align-items:center; justify-content:center; gap:22px; flex:1; }
.lp .lp-nav a { font-size:12px; font-weight:550; color:#5a657a; white-space:nowrap; }
.lp .lp-nav a:hover,.lp .lp-footer a:hover { color:var(--lp-blue); }
.lp .lp-auth { display:flex; align-items:center; gap:18px; margin-left:auto; }
.lp .lp-login { padding:9px 0; border:0; background:none; font-size:13px; font-weight:650; }
.lp .lp-btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:12px 22px; border:1px solid transparent; border-radius:10px; font-size:13px; font-weight:700; line-height:1.4; text-align:center; transition:transform .18s,background .18s; }
.lp .lp-btn:hover { transform:translateY(-2px); }
.lp .lp-btn-primary { background:var(--lp-blue); color:#fff; box-shadow:0 5px 12px #285ee820; }
.lp .lp-btn-primary:hover { background:#1d50d1; }
.lp .lp-btn-light { background:#fff; color:var(--lp-ink); border-color:var(--lp-line); }
.lp .lp-header .lp-btn { min-height:40px; padding:9px 14px; font-size:12px; }
.lp .lp-menu-toggle { display:none; border:1px solid var(--lp-line); border-radius:8px; background:white; padding:7px 12px; }
.lp .lp-mobile-nav { padding:16px 24px; border-top:1px solid var(--lp-line); }
.lp .lp-mobile-nav:not([hidden]) { display:grid; gap:12px; }
.lp .lp-skip { position:absolute; top:-70px; left:20px; padding:10px; z-index:40; background:white; }
.lp .lp-skip:focus { top:10px; }
.lp .lp-hero { display:grid; grid-template-columns:1fr 1.15fr; gap:36px; align-items:center; min-height:690px; padding-block:62px 70px; }
.lp .lp-hero-copy { position:relative; z-index:2; }
.lp .lp-lead { max-width:470px; margin-top:27px; color:var(--lp-muted); font-size:16px; line-height:1.8; }
.lp .lp-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:30px; }
.lp .lp-fine { margin-top:16px; color:#8590a1; font-size:11px; }
.lp .lp-auth-status { font-size:11px; color:#77849b; margin-top:9px; max-width:440px; }
.lp .lp-showcase { position:relative; min-width:0; height:540px; perspective:1200px; }
.lp .lp-showcase-window { position:absolute; top:15px; right:-28px; width:95%; border:1px solid #dce3ed; border-radius:14px; overflow:hidden; background:white; box-shadow:0 30px 70px #16203814; transform:rotate(2deg); }
.lp .lp-window-bar { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 15px; background:#fff; border-bottom:1px solid var(--lp-line); color:#596980; font-size:10px; font-weight:600; }
.lp .lp-window-dots { color:#b5bfce; letter-spacing:3px; font-size:8px; }
.lp .lp-window-bar small { font-weight:400; font-size:9px; }
.lp .lp-showcase-window > img { max-height:170px; object-fit:cover; object-position:top; }
.lp .lp-showcase-bottom { display:grid; grid-template-columns:1fr 1fr; height:230px; overflow:hidden; }
.lp .lp-showcase-bottom > img { height:100%; object-fit:cover; object-position:top left; border-right:1px solid var(--lp-line); }
.lp .lp-mini-activity { padding:18px; }
.lp .lp-mini-activity > span { font-size:9px; color:var(--lp-muted); }
.lp .lp-mini-activity > strong { display:block; margin-top:9px; font-size:17px; line-height:1.4; }
.lp .lp-mini-heatmap { display:grid; grid-template-columns:repeat(8,1fr); gap:3px; margin-top:20px; }
.lp .lp-mini-heatmap i { height:12px; background:#64a970; opacity:var(--level); border-radius:2px; }
.lp .lp-hero-farm { position:absolute; left:-26px; bottom:30px; width:86%; overflow:hidden; border:5px solid white; border-radius:16px; box-shadow:0 25px 55px #16203825; transform:rotate(-3deg); animation:lp-float 9s ease-in-out infinite; }
.lp .lp-hero-farm img { image-rendering:pixelated; }
.lp .lp-demo-note { position:absolute; bottom:0; left:22px; font-size:10px; color:#8b96a8; }
.lp .lp-beliefs { display:flex; justify-content:space-between; gap:16px; padding:25px 0; border-top:1px solid var(--lp-line); border-bottom:1px solid var(--lp-line); color:#738096; font-size:12px; font-weight:600; }
.lp .lp-section { padding-block:100px; }
.lp .lp-section-heading { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:42px; }
.lp .lp-section-heading > p { color:var(--lp-muted); line-height:1.8; font-size:15px; max-width:390px; }
.lp .lp-feature-grid { display:grid; grid-template-columns:repeat(3,1fr); column-gap:36px; }
.lp .lp-feature-grid article { display:flex; align-items:start; gap:16px; padding:28px 0; border-top:1px solid var(--lp-line); }
.lp .lp-feature-number { display:grid; place-items:center; flex:none; width:34px; height:34px; border-radius:9px; font-size:11px; color:var(--lp-blue); background:#eaf0ff; }
.lp .lp-feature-grid p { color:var(--lp-muted); font-size:13px; line-height:1.8; margin-top:10px; }
.lp .lp-flow-section { background:#eef2f8; padding-block:65px; }
.lp .lp-flow { list-style:none; display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); padding:0; margin:0; }
.lp .lp-flow li { position:relative; padding:24px 12px; border-top:1px solid #cbd5e4; }
.lp .lp-flow li:before { content:''; position:absolute; top:-4px; left:12px; width:7px; height:7px; border-radius:50%; background:var(--lp-blue); }
.lp .lp-flow span { display:block; color:#8b97aa; font-size:11px; }
.lp .lp-flow strong { display:block; font-size:14px; margin-top:14px; }
.lp .lp-flow-note { display:flex; align-items:start; gap:50px; padding-top:28px; border-top:1px solid #dce3ee; }
.lp .lp-flow-note span { flex:none; color:#455d82; font-size:13px; font-weight:650; }
.lp .lp-flow-note p { color:var(--lp-muted); font-size:13px; max-width:620px; }
.lp .lp-farm-section { display:grid; grid-template-columns:.8fr 1.2fr; gap:64px; align-items:center; }
.lp .lp-farm-copy > p:not(.lp-kicker) { margin-top:22px; color:var(--lp-muted); line-height:1.85; max-width:390px; font-size:14px; }
.lp .lp-farm-copy em { color:#497757; }
.lp .lp-crop-list { padding:0; margin:28px 0; list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:20px 16px; }
.lp .lp-crop-list li { border-left:2px solid #b9cfac; padding-left:12px; }
.lp .lp-crop-list b { display:block; font-size:13px; }
.lp .lp-crop-list span { display:block; font-size:11px; color:var(--lp-muted); margin-top:3px; }
.lp .lp-text-link { font-size:12px; font-weight:650; color:#497757; }
.lp .lp-farm-visual { position:relative; padding:22px; background:#e8eddf; border-radius:24px; }
.lp .lp-farm-frame { overflow:hidden; border:5px solid #fff; border-radius:13px; box-shadow:0 20px 35px #354b3218; }
.lp .lp-farm-frame img { image-rendering:pixelated; transition:transform 1.5s ease; }
.lp .lp-farm-frame:hover img { transform:scale(1.025); }
.lp .lp-farm-visual figcaption { display:flex; align-items:center; margin-top:16px; color:#55704f; font-size:11px; }
.lp .lp-farm-visual figcaption small { margin-left:auto; font-size:9px; color:#7d9079; }
.lp .lp-analytics { padding-block:80px 105px; background:var(--lp-ink); color:#fff; }
.lp .lp-analytics h2 { color:#fff; }
.lp .lp-analytics .lp-kicker { color:#9eb3db; }
.lp .lp-analytics-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:70px; align-items:center; }
.lp .lp-analytics p:not(.lp-kicker) { margin-top:25px; color:#b8c3d8; max-width:400px; font-size:14px; line-height:1.9; }
.lp .lp-analytics-topics { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:30px; color:#e0e7f4; font-size:11px; }
.lp .lp-analytics-topics span { border-top:1px solid #ffffff25; padding-top:12px; }
.lp .lp-analysis-visual { position:relative; padding-bottom:60px; }
.lp .lp-product-shot { overflow:hidden; background:#fff; border:1px solid #dce4ef; border-radius:15px; box-shadow:0 16px 38px #1722370c; }
.lp .lp-analysis-visual .lp-product-shot { transform:rotate(-2deg); }
.lp .lp-analysis-visual .lp-product-shot img { height:290px; object-fit:cover; object-position:top; }
.lp .lp-report-peek { width:54%; position:absolute; bottom:-12px; right:-22px; border:5px solid #fff; border-radius:12px; overflow:hidden; box-shadow:0 20px 40px #0003; background:white; transform:rotate(3deg); }
.lp .lp-report-peek img { height:175px; object-fit:cover; object-position:top; }
.lp .lp-report-peek figcaption { padding:9px; color:#62718c; font-size:9px; }
.lp .lp-knowledge-grid { display:grid; grid-template-columns:1.4fr 1fr; gap:60px; align-items:center; }
.lp .lp-knowledge-notes article { padding:22px 0; border-bottom:1px solid var(--lp-line); }
.lp .lp-knowledge-notes article:first-child { padding-top:0; }
.lp .lp-knowledge-notes span { color:#7b8cab; font-size:9px; letter-spacing:.12em; font-weight:700; }
.lp .lp-knowledge-notes h3 { margin-top:9px; font-size:18px; }
.lp .lp-knowledge-notes p { margin-top:8px; color:var(--lp-muted); font-size:13px; line-height:1.8; }
.lp .lp-community { display:grid; grid-template-columns:1fr 1fr; gap:80px; padding:55px 60px; background:#eceaf4; border-radius:24px; }
.lp .lp-community p:not(.lp-kicker) { color:#757188; font-size:14px; max-width:400px; margin-top:18px; }
.lp .lp-community-future { padding-left:40px; border-left:1px solid #d2cedf; align-self:center; }
.lp .lp-pill { background:#fff9; border:1px solid #fff; border-radius:30px; padding:4px 11px; font-size:10px; color:#79708f; }
.lp .lp-community-future h3 { margin-top:17px; font-size:25px; }
.lp .lp-community-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; }
.lp .lp-community-tags span { font-size:10px; padding:6px 10px; border-radius:6px; border:1px solid #d4cfdf; color:#777087; }
.lp .lp-pricing { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:24px; align-items:stretch; }
.lp .lp-pricing-copy { align-self:center; }
.lp .lp-pricing-copy h2 { font-size:40px; }
.lp .lp-pricing-copy > p:last-child { margin-top:24px; color:var(--lp-muted); font-size:14px; }
.lp .lp-plan { padding:30px; border:1px solid var(--lp-line); border-radius:18px; background:white; }
.lp .lp-plan-pro { border-color:#b7caff; background:#f1f5ff; }
.lp .lp-plan-name { font-size:18px; font-weight:750; display:flex; justify-content:space-between; gap:10px; align-items:center; }
.lp .lp-plan-name small { font-size:9px; font-weight:500; color:#5c7bb1; }
.lp .lp-price { margin-top:25px; font-size:38px; font-weight:750; letter-spacing:-.04em; }
.lp .lp-price span { font-size:12px; font-weight:400; letter-spacing:0; color:var(--lp-muted); }
.lp .lp-plan p { font-size:12px; color:var(--lp-muted); }
.lp .lp-plan ul { margin:26px 0; padding:0; list-style:none; font-size:12px; line-height:2.4; }
.lp .lp-plan li:before { content:'✓'; color:var(--lp-blue); margin-right:8px; }
.lp .lp-plan .lp-btn { width:100%; }
.lp .lp-plan-footnote { display:block; font-size:10px; text-align:center; color:var(--lp-muted); margin-top:10px; }
.lp .lp-final { text-align:center; padding:65px 30px; border-top:1px solid var(--lp-line); border-bottom:1px solid var(--lp-line); }
.lp .lp-final h2 { font-size:clamp(34px,4.1vw,56px); }
.lp .lp-final p:not(.lp-kicker) { margin-top:20px; color:var(--lp-muted); font-size:14px; }
.lp .lp-final .lp-actions { justify-content:center; }
.lp .lp-footer { display:grid; grid-template-columns:1fr 1fr; gap:25px; padding-block:45px 28px; }
.lp .lp-footer p { color:var(--lp-muted); font-size:11px; margin-top:12px; }
.lp .lp-footer nav { display:flex; justify-content:end; flex-wrap:wrap; gap:15px 22px; align-content:start; font-size:11px; color:var(--lp-muted); }
.lp .lp-footer button { border:0; background:none; padding:0; font-size:11px; color:inherit; }
.lp .lp-footer [aria-disabled] { color:#9aa3b3; }
.lp .lp-footer > small { grid-column:1/-1; color:#95a0b0; font-size:10px; }
.lp [id^=lp-] { scroll-margin-top:100px; }
.lp .lp-reveal { opacity:1; }
.lp .lp-reveal.is-revealing { animation:lp-reveal .6s ease both; }
@keyframes lp-reveal { from { opacity:.4; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
@keyframes lp-float { 0%,100% { transform:translateY(0) rotate(-3deg); } 50% { transform:translateY(-9px) rotate(-2deg); } }
@media(min-width:1700px) { .lp .lp-wrap { width:1440px; } .lp .lp-hero { min-height:760px; } .lp .lp-showcase { height:590px; } }
@media(max-width:1180px) { .lp .lp-wrap { width:calc(100% - 48px); } .lp .lp-nav { gap:13px; } .lp .lp-nav a { font-size:11px; } .lp .lp-header-inner { gap:16px; } .lp .lp-brand { font-size:16px; } .lp .lp-hero { gap:25px; min-height:620px; } .lp .lp-showcase { height:470px; } .lp .lp-showcase-window { right:0; } .lp .lp-hero-farm { width:95%; left:-10px; } .lp .lp-farm-section { gap:35px; } .lp .lp-analytics-grid { gap:35px; } .lp .lp-pricing-copy h2 { font-size:34px; } .lp .lp-plan { padding:24px; } }
@media(max-width:1000px) { .lp .lp-nav { display:none; } .lp .lp-menu-toggle { display:block; } .lp .lp-hero { grid-template-columns:1fr 1fr; } .lp h1 { font-size:44px; } .lp .lp-actions .lp-btn { padding-inline:14px; font-size:12px; } .lp .lp-beliefs { flex-wrap:wrap; justify-content:center; font-size:11px; gap:12px 24px; } .lp .lp-farm-section,.lp .lp-analytics-grid { grid-template-columns:1fr 1.2fr; } .lp .lp-feature-grid { grid-template-columns:1fr 1fr; } .lp .lp-flow strong { font-size:11px; } .lp .lp-community { padding:36px; gap:30px; } .lp .lp-pricing { grid-template-columns:1fr 1fr; } .lp .lp-pricing-copy { grid-column:1/-1; margin-bottom:14px; } .lp .lp-pricing-copy h2 br { display:none; } .lp .lp-knowledge-grid { gap:30px; grid-template-columns:1.2fr 1fr; } }
@media(max-width:700px) {
 .lp .lp-wrap { width:calc(100% - 36px); } .lp .lp-header-inner { height:66px; gap:12px; } .lp .lp-brand { font-size:15px; gap:7px; } .lp .lp-logo { width:29px; height:29px; border-radius:8px; } .lp .lp-logo svg { width:21px; } .lp .lp-auth { gap:0; } .lp .lp-auth .lp-btn { display:none; } .lp .lp-login { font-size:12px; } .lp .lp-menu-toggle { padding:5px 9px; }
 .lp .lp-hero { grid-template-columns:1fr; gap:25px; padding-block:42px 32px; } .lp h1 { font-size:clamp(38px,8vw,54px); } .lp h2 { font-size:35px; } .lp .lp-kicker { font-size:9px; margin-bottom:17px; } .lp .lp-lead { font-size:14px; margin-top:20px; max-width:480px; } .lp .lp-actions { gap:8px; margin-top:23px; } .lp .lp-actions .lp-btn { flex:1; padding:12px 11px; font-size:12px; } .lp .lp-showcase { height:390px; max-width:500px; width:100%; margin:auto; } .lp .lp-showcase-window { width:92%; top:5px; right:4px; } .lp .lp-showcase-window > img { max-height:130px; } .lp .lp-showcase-bottom { height:165px; } .lp .lp-mini-activity { padding:12px; } .lp .lp-mini-activity > strong { font-size:13px; } .lp .lp-mini-heatmap { margin-top:10px; } .lp .lp-mini-heatmap i { height:7px; } .lp .lp-hero-farm { width:86%; bottom:25px; left:1px; border-width:4px; } .lp .lp-window-bar { padding:8px 10px; font-size:8px; } .lp .lp-window-bar small { font-size:7px; } .lp .lp-demo-note { font-size:9px; left:8px; } .lp .lp-beliefs { display:grid; grid-template-columns:1fr 1fr; text-align:center; padding:20px 0; font-size:10px; }
 .lp .lp-section { padding-block:58px; } .lp .lp-section-heading { flex-direction:column; align-items:start; gap:18px; margin-bottom:26px; } .lp .lp-section-heading > p { font-size:13px; } .lp .lp-feature-grid { column-gap:18px; } .lp .lp-feature-grid article { flex-direction:column; gap:12px; padding:22px 0; } .lp h3 { font-size:17px; } .lp .lp-feature-grid p { font-size:12px; }
 .lp .lp-flow-section { padding-block:44px; } .lp .lp-flow { grid-template-columns:repeat(4,minmax(0,1fr)); row-gap:16px; } .lp .lp-flow li { padding:15px 5px; } .lp .lp-flow li:before { left:5px; } .lp .lp-flow-note { flex-direction:column; gap:12px; padding-top:22px; } .lp .lp-flow-note p { font-size:12px; }
 .lp .lp-farm-section,.lp .lp-analytics-grid,.lp .lp-knowledge-grid { grid-template-columns:1fr; gap:30px; } .lp .lp-farm-copy h2 br:nth-of-type(2) { display:none; } .lp .lp-farm-visual { padding:12px; border-radius:16px; } .lp .lp-farm-visual figcaption { font-size:9px; } .lp .lp-farm-visual figcaption small { font-size:7px; } .lp .lp-analytics { padding-block:50px 65px; } .lp .lp-analysis-visual { width:calc(100% - 12px); } .lp .lp-report-peek { right:-12px; } .lp .lp-analytics p:not(.lp-kicker) { font-size:13px; }
 .lp .lp-community { grid-template-columns:1fr; gap:28px; padding:30px 24px; } .lp .lp-community-future { padding:25px 0 0; border-left:0; border-top:1px solid #d2cedf; } .lp .lp-community-future h3 { font-size:22px; } .lp .lp-community p:not(.lp-kicker) { font-size:13px; }
 .lp .lp-pricing { gap:12px; } .lp .lp-pricing-copy h2 { font-size:35px; } .lp .lp-plan { padding:20px 15px; border-radius:13px; } .lp .lp-plan-name { flex-wrap:wrap; font-size:16px; } .lp .lp-plan-name small { display:none; } .lp .lp-price { font-size:30px; margin-top:15px; } .lp .lp-price span { display:block; font-size:10px; } .lp .lp-plan p { font-size:11px; min-height:36px; } .lp .lp-plan ul { font-size:11px; line-height:1.7; } .lp .lp-plan li { margin-block:8px; } .lp .lp-plan .lp-btn { padding:10px 8px; font-size:11px; } .lp .lp-final { padding:40px 12px; } .lp .lp-final p:not(.lp-kicker) { font-size:12px; } .lp .lp-footer { grid-template-columns:1fr; gap:24px; padding-top:35px; } .lp .lp-footer nav { justify-content:start; gap:12px 18px; }
}
@media(max-width:360px) { .lp .lp-wrap { width:calc(100% - 28px); } .lp .lp-brand { font-size:13px; } .lp .lp-showcase { height:340px; } .lp .lp-pricing { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .lp *, .lp *::before, .lp *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }
