:root { --ink:#15231f; --muted:#62706b; --linen:#f5f3ed; --paper:#fffefa; --lime:#d7f55b; --lime-dark:#bfe439; --mint:#e3f4e1; --coral:#f46f5e; --lavender:#d6d1fb; --line:#dce1d9; --display:'Manrope',sans-serif; --mono:'DM Mono',monospace; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--linen); font-family:var(--display); -webkit-font-smoothing:antialiased; overflow-x:hidden; } a { color:inherit; text-decoration:none; } button { font:inherit; } .section-shell { width:min(1180px,calc(100% - 48px)); margin-inline:auto; position:relative; }
.page-glow { position:absolute; width:580px; height:580px; border-radius:50%; filter:blur(80px); pointer-events:none; opacity:.55; z-index:-1; } .glow-one { top:80px; right:-300px; background:#e8ee9a; } .glow-two { top:1300px; left:-330px; background:#d7ecca; }
.site-header { width:min(1180px,calc(100% - 48px)); height:92px; margin:auto; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:10; } .brand { display:flex; align-items:center; }.brand-logo-image { display:block; width:106px; height:70px; overflow:hidden; position:relative; }.brand-logo-image img { position:absolute; width:190px; max-width:none; height:auto; left:-47px; top:-40px; mix-blend-mode:multiply; }.nav-links { display:flex; align-items:center; gap:28px; font-size:13px; font-weight:700; }.nav-links > a:not(.nav-cta) { color:#53615c; }.nav-cta { padding:12px 17px; background:var(--ink); color:white; border-radius:8px; }.nav-cta span { color:var(--lime); margin-left:7px; }.menu-toggle { display:none; border:0; background:transparent; }
.hero { min-height:680px; display:grid; grid-template-columns:.86fr 1.14fr; align-items:center; gap:42px; padding:48px 0 100px; }.eyebrow { font-family:var(--mono); color:#6b7a74; letter-spacing:1.3px; font-weight:500; font-size:10px; margin:0 0 19px; }.pulse { width:7px; height:7px; display:inline-block; background:#88bc38; border-radius:50%; margin:0 7px 1px 0; box-shadow:0 0 0 4px #dceebe; }.hero h1,.section-intro h2,.ask-copy h2,.final-content h2 { margin:0; letter-spacing:-3.2px; font-size:clamp(43px,5.05vw,70px); line-height:1.07; font-weight:800; }.hero h1 em,.section-intro h2 em,.ask-copy h2 em,.final-content h2 em { color:#749733; font-style:normal; }.hero-lede { color:var(--muted); max-width:460px; font-size:16px; line-height:1.75; margin:27px 0 29px; }.hero-actions { display:flex; gap:22px; align-items:center; }.button { display:inline-flex; align-items:center; justify-content:center; gap:24px; border-radius:8px; font-weight:800; font-size:13px; padding:16px 19px; transition:transform .2s,background .2s; }.button:hover { transform:translateY(-2px); }.button-primary { background:var(--ink); color:white; }.button-primary span { color:var(--lime); font-size:19px; }.text-link { font-size:13px; font-weight:800; }.play-icon { width:23px; height:23px; display:inline-grid; place-items:center; border:1px solid #a7b0ac; border-radius:50%; font-size:8px; margin-right:6px; }.hero-proof { display:flex; gap:11px; align-items:center; margin-top:38px; }.avatar-stack { display:flex; }.avatar-stack b { width:27px; height:27px; border-radius:50%; margin-left:-7px; border:2px solid var(--linen); color:#fff; background:#6f8c86; display:grid; place-items:center; font-size:7px; }.avatar-stack b:first-child { margin:0; background:#d78770; }.avatar-stack b:nth-child(2) { background:#6c6c93; }.avatar-stack b:nth-child(3) { background:#8da94f; }.avatar-stack b:last-child { background:var(--ink); }.hero-proof p { margin:0; color:#73807b; font-size:10px; line-height:1.5; }.hero-proof strong { color:#35433e; font-size:10px; }
.hero-visual { min-height:490px; position:relative; }.dashboard-window { width:100%; max-width:650px; border:1px solid #c9d1ca; border-radius:15px; overflow:hidden; background:#fbfcfa; box-shadow:0 26px 55px rgba(49,69,57,.16); transform:perspective(1500px) rotateY(-3deg) rotateX(1deg); }.window-topbar { height:41px; display:flex; align-items:center; padding:0 17px; border-bottom:1px solid #e6e9e5; background:white; }.traffic-lights { display:flex; gap:5px; }.traffic-lights span { width:6px; height:6px; border-radius:50%; background:#e3e6e3; }.traffic-lights span:first-child { background:#ee867b; }.traffic-lights span:nth-child(2) { background:#f0c879; }.window-label { flex:1; text-align:center; font:9px var(--mono); color:#84918b; letter-spacing:1px; }.live-state { color:#5e8120; font:9px var(--mono); }.live-state i { width:5px; height:5px; border-radius:50%; display:inline-block; background:#86bc25; margin:0 4px 1px 0; }.dashboard-content { padding:21px 24px 19px; }.brief-heading { display:flex; justify-content:space-between; align-items:flex-start; }.brief-heading p { margin:0 0 4px; color:#84918c; font:10px var(--mono); }.brief-heading h2 { margin:0; font-size:19px; letter-spacing:-.8px; }.brief-date { font:10px var(--mono); color:#88948f; padding-top:4px; }.metric-row { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin:17px 0 13px; }.metric-card { min-height:92px; padding:12px; border-radius:8px; background:#f1f4ef; }.metric-card > span { display:block; color:#75817c; font:9px var(--mono); }.metric-card strong { display:block; font-size:22px; letter-spacing:-1px; margin:6px 0 3px; }.metric-card strong span { font-size:12px; }.metric-card small { font:8px var(--mono); color:#7a8580; }.down-arrow { color:#ea695d; font-style:normal; }.up-arrow { color:#71a420; font-style:normal; }.metric-red { background:#fff0eb; }.metric-red strong { color:#e65e50; }.metric-amber { background:#fff7df; }.metric-amber strong { color:#bb7d1e; }.metric-green { background:#edf8e5; }.metric-green strong { color:#628e22; }.cause-card { border:1px solid #dce4d9; border-radius:9px; background:#fff; padding:13px 15px 15px; }.cause-heading { display:flex; align-items:center; gap:7px; }.cause-heading p { margin:0; color:#66736d; font:9px var(--mono); flex:1; }.cause-heading b { color:#3a4a42; }.spark-icon { color:#86aa3c; font-size:16px; }.cause-heading button,.conversation-top button { border:0; background:transparent; color:#829089; font-weight:700; letter-spacing:1px; }.cause-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:10px; align-items:center; }.cause-copy h3 { margin:13px 0 5px; font-size:14px; letter-spacing:-.5px; }.cause-copy p { font-size:9px; line-height:1.6; margin:0; color:#738079; }.cause-copy a { display:block; margin-top:9px; font-size:9px; font-weight:800; color:#5c8120; }.cause-copy a span { margin-left:5px; }.signal-map { height:100px; position:relative; }.signal { position:absolute; z-index:2; background:#f2f5ef; padding:5px 7px; border-radius:5px; color:#82908a; font:7px var(--mono); line-height:1.35; }.signal b { color:#4f6058; }.signal-sales { left:0; top:8px; }.signal-stock { right:2px; top:0; }.signal-price { right:5px; bottom:3px; }.map-core { position:absolute; left:50%; top:52%; transform:translate(-50%,-50%); width:35px; height:35px; display:grid; place-content:center; text-align:center; border-radius:50%; background:#dff47b; font:6px var(--mono); line-height:1.25; z-index:2; }.map-core b { font-size:7px; }.map-line { height:1px; background:#cbd7c8; transform-origin:left center; position:absolute; left:49%; top:50%; z-index:1; }.line-one { width:39px; transform:rotate(-145deg); }.line-two { width:46px; transform:rotate(-25deg); }.line-three { width:40px; transform:rotate(54deg); }.recommendation { margin-top:11px; background:#1d3029; color:white; border-radius:7px; display:flex; gap:10px; align-items:center; padding:9px 11px; }.rec-number { font:8px var(--mono); color:#a8baaf; }.rec-icon { background:#b8e84e; color:#25402f; width:20px; height:20px; border-radius:4px; display:grid; place-items:center; font-weight:800; }.recommendation p { flex:1; margin:0; font-size:9px; line-height:1.45; color:#bac6bf; }.recommendation b { color:white; }.priority { font:7px var(--mono); color:#cce879; border:1px solid #587043; padding:4px 5px; border-radius:3px; }.floating-card { position:absolute; box-shadow:0 17px 30px rgba(36,55,43,.14); background:white; border:1px solid #e1e6e0; border-radius:9px; padding:11px 13px; }.floating-card p { margin:0 0 4px; color:#81908a; font:8px var(--mono); }.floating-card strong { display:block; font-size:10px; }.float-icon { color:#759a2a; margin-bottom:6px; display:inline-block; }.city-card { right:-12px; top:45px; width:101px; }.city-card small { color:#db6656; font:8px var(--mono); }.chat-card { left:-28px; bottom:21px; width:154px; }.chat-card strong { font-size:9px; }.ask-arrow { position:absolute; right:10px; bottom:10px; color:#759a2a; }
.marketplaces { border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:22px 4px; display:flex; align-items:center; gap:37px; }.marketplaces p { font:9px var(--mono); color:#77837e; letter-spacing:1px; margin:0; white-space:nowrap; }.marketplace-list { display:flex; justify-content:space-between; align-items:center; flex:1; color:#8b9692; font-weight:800; font-size:17px; letter-spacing:-1px; }.marketplace-list span:nth-child(2) { font-style:italic; }.marketplace-list span:nth-child(3) { font-size:14px; }.marketplace-list span:nth-child(4) { color:#79847f; }.marketplace-list span:nth-child(5) { font-size:14px; }
.testimonial { padding:61px min(9vw,110px); background:#20332b; color:#f8fbf5; border-radius:14px; margin-top:80px; }.quote-mark { color:#c9ef5b; font-size:76px; height:34px; line-height:1; font-family:Georgia,serif; }.quote-stars { color:#c9ef5b; font-size:12px; letter-spacing:4px; margin:5px 0 16px; }.testimonial blockquote { font-size:clamp(21px,2.55vw,34px); letter-spacing:-1.35px; font-weight:700; line-height:1.36; max-width:940px; margin:0 0 34px; }.testimonial-person { display:flex; align-items:center; gap:10px; }.customer-monogram { width:34px; height:34px; border-radius:50%; display:grid; place-items:center; background:#d7f55b; color:#20332b; font-size:10px; font-weight:800; }.testimonial-person p { display:grid; gap:2px; margin:0; font-size:10px; }.testimonial-person p span { color:#b6c3bb; font:9px var(--mono); }.customer-brand { width:158px; margin-left:auto; padding:6px 10px; border-radius:5px; background:#fff; display:block; }.customer-brand img { display:block; width:100%; height:27px; object-fit:contain; }.brand-banner { margin-bottom:93px; overflow:hidden; border-radius:14px; border:1px solid #dce2da; background:#ece9df; box-shadow:0 18px 34px rgba(45,64,53,.08); }.brand-banner img { display:block; width:100%; aspect-ratio:16 / 9; object-fit:cover; object-position:center; }
.problem { padding:145px 0 125px; }.section-intro h2 { font-size:clamp(35px,4vw,54px); }.three-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:57px; }.step-card { min-height:280px; padding:25px; border:1px solid #dce2da; background:#fafbf8; border-radius:11px; position:relative; transition:transform .25s,box-shadow .25s; }.step-card:hover { transform:translateY(-5px); box-shadow:0 16px 30px rgba(45,64,53,.08); }.step-number { position:absolute; right:21px; font:10px var(--mono); color:#9aa39e; }.step-icon { width:45px; height:45px; border-radius:8px; background:#e7f3d6; display:grid; place-items:center; color:#789f2a; margin:20px 0 29px; }.icon-chart { display:flex; gap:4px; align-items:flex-end; justify-content:center; }.icon-chart i { width:5px; background:#789f2a; border-radius:3px; }.icon-chart i:nth-child(1){height:10px}.icon-chart i:nth-child(2){height:20px}.icon-chart i:nth-child(3){height:14px}.icon-chart i:nth-child(4){height:27px}.icon-search { font-size:33px; line-height:1; transform:rotate(-10deg); }.icon-action { font-size:27px; }.step-card h3 { font-size:19px; letter-spacing:-.7px; margin:0 0 9px; }.step-card p { font-size:13px; line-height:1.65; color:#6d7974; margin:0; max-width:275px; }.accent-step { background:var(--ink); border-color:var(--ink); }.accent-step .step-number { color:#a4b7ac; }.accent-step h3 { color:white; }.accent-step p { color:#b8c4bd; }.accent-step .step-icon { background:#c7ef58; color:#2f4a2c; }
.ask-section { padding:80px 73px; background:#e3f0df; border-radius:18px; display:grid; grid-template-columns:.85fr 1.15fr; gap:60px; overflow:hidden; }.ask-copy h2 { font-size:clamp(34px,3.8vw,52px); }.ask-copy > p:not(.eyebrow) { font-size:13px; color:#607069; line-height:1.7; margin:23px 0; max-width:390px; }.question-chips { display:flex; flex-wrap:wrap; gap:7px; }.question-chips button { border:1px solid #c4d8c0; background:#edf6e9; padding:7px 9px; border-radius:5px; color:#536e3e; font-size:10px; cursor:pointer; }.question-chips button:hover { background:#d5eacb; }.conversation { max-width:520px; margin:auto; padding:17px; border-radius:12px; background:#fffefa; box-shadow:0 24px 40px rgba(57,82,60,.16); }.conversation-top { display:flex; align-items:center; gap:8px; border-bottom:1px solid #e8ede6; padding-bottom:13px; }.assistant-orb { width:27px; height:27px; display:grid; place-items:center; border-radius:8px; background:#d7ef86; color:#496720; }.conversation-top div { flex:1; }.conversation-top strong { display:block; font-size:10px; }.conversation-top small { font:8px var(--mono); color:#75817c; }.conversation-top small i { width:5px; height:5px; background:#77ab29; display:inline-block; border-radius:50%; margin-bottom:1px; }.user-message { margin:15px 0 13px auto; max-width:70%; padding:9px 11px; border-radius:7px 7px 2px 7px; background:#23352e; color:#f9fdf8; font-size:10px; line-height:1.45; }.assistant-message { background:#f1f5ef; padding:12px; border-radius:3px 8px 8px 8px; }.assistant-message p { font-size:10px; line-height:1.6; margin:0; color:#56655e; }.assistant-message mark { background:#d8f19a; color:#3f5627; padding:1px 2px; }.mini-factors { display:flex; gap:10px; flex-wrap:wrap; border-top:1px solid #dde5d9; border-bottom:1px solid #dde5d9; margin:11px 0; padding:8px 0; }.mini-factors span { font:8px var(--mono); color:#6d7d75; }.mini-factors i { width:5px; height:5px; border-radius:50%; display:inline-block; margin-bottom:1px; }.red-dot{background:#df7365}.amber-dot{background:#deb554}.purple-dot{background:#8a7ce2}.assistant-message .answer-label { font:8px var(--mono); letter-spacing:.5px; color:#71922a; margin:0 0 4px; }.chat-input { margin-top:12px; min-height:37px; border:1px solid #dce4da; display:flex; align-items:center; padding:0 6px 0 11px; border-radius:6px; color:#9aa49f; font-size:9px; }.chat-input span { flex:1; }.chat-input button { width:25px; height:25px; border:0; border-radius:4px; background:#2d4439; color:#dff66b; font-size:16px; cursor:pointer; }
.feature-grid { padding:125px 0; display:grid; grid-template-columns:1.15fr .85fr; gap:15px; }.feature-card { min-height:275px; border-radius:12px; padding:29px; background:#fffefa; border:1px solid #e0e4dd; overflow:hidden; position:relative; }.feature-label { font:9px var(--mono); letter-spacing:1px; color:#78912d; margin:0 0 15px; }.feature-copy h3,.feature-card > h3 { font-size:23px; line-height:1.18; letter-spacing:-1.1px; max-width:350px; margin:0 0 11px; }.feature-copy > p:last-child { color:#6c7973; max-width:320px; font-size:12px; line-height:1.65; margin:0; }.feature-large { background:#f0f8e3; }.brief-mini { width:280px; position:absolute; right:20px; bottom:19px; background:#fffefa; padding:13px; border:1px solid #dae3d4; border-radius:8px; box-shadow:0 10px 21px rgba(70,94,65,.08); display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }.brief-mini div { border-right:1px solid #e5e9e1; }.brief-mini div:last-of-type { border:0; }.brief-mini span { display:block; font:7px var(--mono); color:#829089; }.brief-mini b { display:block; font-size:10px; margin-top:3px; }.red-text { color:#db6657; }.brief-mini p { grid-column:span 3; font:8px var(--mono); color:#8a9690; margin:1px 0 0; }.brief-mini p i { display:inline-block;width:5px;height:5px;background:#8cbc3f;border-radius:50%;margin:0 4px 1px 0; }.feature-dark { background:#1d3029; border-color:#1d3029; }.feature-dark .feature-label { color:#c9ee67; }.feature-dark h3 { color:#fff; }.city-list { margin-top:30px; display:grid; gap:10px; }.city-list span { border-top:1px solid #405247; padding-top:9px; color:#e7eee8; font-size:11px; }.city-list b { float:right; font:9px var(--mono); color:#9caaa1; }.city-list i { display:inline-block; width:6px; height:6px; border-radius:50%; margin:0 6px 1px 0; }.danger{background:#f58170}.watch{background:#e9ca59}.safe{background:#99c851}.feature-wide { grid-column:span 2; min-height:225px; background:#f2f0ff; }.feature-wide .feature-label { color:#7465c1; }.bar-visual { width:37%; min-width:260px; position:absolute; right:44px; top:49px; }.bar-visual > div { display:grid; grid-template-columns:80px 1fr; align-items:center; gap:10px; margin:14px 0; }.bar-visual span { font:9px var(--mono); color:#74777e; }.bar-visual i { height:9px; width:var(--bar); display:block; border-radius:5px; background:#aaa0e9; position:relative; }.bar-visual i::after { content:''; position:absolute; right:-4px; top:-3px; height:15px; width:1px; background:#59516d; }.bar-visual .hot-bar { background:#ed9182; }
.final-cta { min-height:400px; background:#ccef60; border-radius:15px; display:flex; align-items:center; justify-content:center; text-align:center; overflow:hidden; margin-bottom:60px; }.final-content { position:relative; z-index:2; max-width:600px; padding:55px 20px; }.final-content .eyebrow { color:#496326; }.final-content h2 { font-size:clamp(38px,4.4vw,58px); }.final-content h2 em { color:#496d2b; }.final-content > p:not(.eyebrow) { max-width:405px; color:#496140; font-size:13px; line-height:1.65; margin:18px auto 24px; }.button-light { color:#fff; background:#1d3029; }.button-light span { color:#cff162; font-size:19px; }.cta-shape { position:absolute; border:1px solid rgba(57,91,34,.22); border-radius:50%; width:460px; height:460px; }.shape-left { left:-275px; top:-70px; }.shape-right { right:-275px; bottom:-170px; }.shape-left::after,.shape-right::after { content:''; position:absolute; inset:45px; border:1px solid rgba(57,91,34,.22); border-radius:50%; }.site-footer { border-top:1px solid #dbe0d9; padding:32px 0 42px; display:grid; grid-template-columns:1fr 1.5fr 1fr; gap:20px; align-items:start; }.site-footer p { margin:3px 0 0; color:#6e7a75; font-size:11px; line-height:1.5; }.site-footer div { text-align:right; display:grid; gap:8px; font:9px var(--mono); color:#7a8680; }.site-footer div a { color:#395048; font-size:10px; }
.reveal { opacity:0; transform:translateY(18px); transition:opacity .65s ease,transform .65s ease; }.reveal.visible { opacity:1; transform:none; }.delay-1 { transition-delay:.12s; }.delay-2 { transition-delay:.24s; }
@media (max-width:900px) { .hero { grid-template-columns:1fr; padding-top:40px; }.hero-copy { max-width:610px; }.hero-visual { width:min(100%,650px); margin:10px auto 0; }.ask-section { grid-template-columns:1fr; padding:55px 45px; gap:40px; }.conversation { width:100%; }.feature-grid { grid-template-columns:1fr; }.feature-wide { grid-column:auto; }.feature-card { min-height:235px; }.bar-visual { right:22px; top:auto; bottom:22px; }.feature-wide .feature-copy { max-width:50%; }.site-footer { grid-template-columns:1fr 1fr; }.site-footer p { grid-row:2; }.site-footer div { grid-row:2; } }
@media (max-width:640px) { .section-shell,.site-header { width:min(100% - 32px,1180px); }.site-header { height:74px; }.brand-logo-image { width:90px; height:60px; }.brand-logo-image img { width:164px; left:-40px; top:-34px; }.menu-toggle { display:grid; gap:5px; padding:6px; }.menu-toggle span { width:20px; height:2px; display:block; background:var(--ink); }.nav-links { display:none; position:absolute; top:63px; left:0; right:0; padding:20px; border:1px solid var(--line); border-radius:10px; background:#fffefa; box-shadow:0 15px 28px rgba(0,0,0,.08); }.nav-links.open { display:grid; gap:18px; }.nav-cta { text-align:center; }.hero { padding:36px 0 70px; gap:23px; min-height:auto; }.hero h1 { letter-spacing:-2.4px; }.hero-lede { font-size:14px; margin:20px 0 24px; }.hero-actions { align-items:flex-start; flex-direction:column; gap:16px; }.dashboard-window { transform:none; }.dashboard-content { padding:16px 13px 13px; }.brief-heading h2 { font-size:15px; }.brief-date { font-size:8px; }.metric-row { gap:5px; }.metric-card { padding:8px; min-height:78px; }.metric-card strong { font-size:18px; }.metric-card > span,.metric-card small { font-size:7px; }.cause-grid { grid-template-columns:1fr; }.signal-map { display:none; }.recommendation { padding:8px; }.priority { display:none; }.floating-card { display:none; }.marketplaces { display:block; padding:18px 0; }.marketplaces p { margin-bottom:13px; }.marketplace-list { gap:12px; flex-wrap:wrap; font-size:14px; justify-content:flex-start; }.marketplace-list span:nth-child(3),.marketplace-list span:nth-child(5){font-size:12px}.testimonial { width:calc(100% - 32px); padding:47px 24px; margin-top:54px; }.testimonial blockquote { font-size:23px; }.customer-brand { width:104px; padding:4px 7px; }.customer-brand img { height:20px; }.brand-banner { margin-bottom:58px; }.brand-banner img { aspect-ratio:4 / 5; object-position:center; }.problem { padding:85px 0; }.section-intro h2 { letter-spacing:-2px; }.three-steps { grid-template-columns:1fr; margin-top:33px; }.step-card { min-height:218px; }.step-icon { margin:8px 0 22px; }.ask-section { width:100%; border-radius:0; padding:63px 16px; }.ask-copy h2 { letter-spacing:-2.2px; }.question-chips button { text-align:left; }.conversation { padding:12px; }.feature-grid { padding:75px 0; }.feature-card { padding:23px; }.feature-copy h3,.feature-card > h3 { font-size:21px; }.brief-mini { position:relative; width:100%; right:auto; bottom:auto; margin-top:25px; }.feature-wide { min-height:310px; }.feature-wide .feature-copy { max-width:100%; }.bar-visual { position:absolute; left:23px; right:23px; width:auto; min-width:0; bottom:20px; }.final-cta { width:calc(100% - 32px); min-height:355px; margin-bottom:42px; }.site-footer { grid-template-columns:1fr; padding-top:27px; }.site-footer p,.site-footer div { grid-row:auto; text-align:left; }.site-footer div { margin-top:3px; }.reveal { opacity:1; transform:none; } }

/* Premium visual polish */
::selection { background:#ccef60; color:#15231f; }
:focus-visible { outline:3px solid #98c935; outline-offset:4px; }
button { cursor:pointer; }
.site-header { position:sticky; top:0; background:rgba(245,243,237,.82); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); }
.site-header::after { content:''; position:absolute; bottom:0; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,#d8dfd6 20%,#d8dfd6 80%,transparent); opacity:0; transition:opacity .2s; }
.site-header:hover::after { opacity:1; }
.hero { isolation:isolate; }
.hero::before { content:''; position:absolute; z-index:-1; width:680px; height:680px; right:-185px; top:-95px; opacity:.32; background-image:radial-gradient(#90a99a 1px,transparent 1px); background-size:17px 17px; mask-image:radial-gradient(circle,black 28%,transparent 70%); }
.hero-copy { position:relative; }
.hero-copy::after { content:'SCROLL TO EXPLORE'; position:absolute; left:1px; bottom:-70px; font:9px var(--mono); letter-spacing:1.1px; color:#8d9993; }
.hero-copy::before { content:'↓'; position:absolute; left:102px; bottom:-73px; color:#7b9d34; font-size:16px; }
.hero-proof { gap:17px; align-items:stretch; padding-top:4px; }
.hero-proof p { min-width:172px; font-size:9px; line-height:1.65; }
.hero-proof strong { color:#26372f; font-size:9px; letter-spacing:.1px; }
.proof-check { width:15px; height:15px; display:inline-grid; place-items:center; border-radius:4px; margin-right:5px; background:#d6ee94; color:#557726; font-size:9px; font-weight:800; }
.proof-divider { width:1px; align-self:stretch; background:#d5ddd4; }
.dashboard-window { transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s; }
.hero-visual:hover .dashboard-window { transform:perspective(1500px) rotateY(-1deg) rotateX(0) translateY(-7px); box-shadow:0 34px 70px rgba(49,69,57,.22); }
.floating-card { backdrop-filter:blur(8px); }
.marketplaces { position:relative; }
.marketplaces::after { content:''; position:absolute; left:0; top:-1px; width:145px; height:1px; background:#89ad3b; }
.testimonial { position:relative; background:linear-gradient(133deg,#13271f 0%,#203d31 62%,#1b3027 100%); box-shadow:0 23px 48px rgba(27,49,38,.16); overflow:hidden; }
.testimonial::before { content:''; position:absolute; width:440px; height:440px; border:1px solid rgba(205,240,97,.18); border-radius:50%; right:-210px; top:-248px; }
.testimonial::after { content:''; position:absolute; width:290px; height:290px; border:1px solid rgba(205,240,97,.12); border-radius:50%; right:-155px; top:-173px; }
.testimonial-label { display:flex; justify-content:space-between; position:relative; z-index:1; color:#c9ef5b; font:9px var(--mono); letter-spacing:1.1px; margin-bottom:6px; }
.testimonial-label span:last-child { color:#a7bab0; }
.quote-mark,.quote-stars,.testimonial blockquote,.testimonial-person { position:relative; z-index:1; }
.quote-stars { font-size:11px; }
.customer-brand { box-shadow:0 7px 18px rgba(0,0,0,.16); }
.three-steps { gap:18px; }
.step-card { border-radius:14px; }
.step-card::after { content:''; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(130deg,rgba(255,255,255,.46),transparent 35%); pointer-events:none; }
.step-card > * { position:relative; z-index:1; }
.ask-section { background:linear-gradient(135deg,#eaf5e4,#dcedd7); box-shadow:inset 0 0 0 1px rgba(255,255,255,.65); }
.conversation { border:1px solid rgba(202,220,197,.75); }
.question-chips button { transition:transform .2s,background .2s,border-color .2s; }
.question-chips button:hover { transform:translateY(-2px); border-color:#92ad67; }
.feature-card { transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s; }
.feature-card:hover { transform:translateY(-5px); box-shadow:0 20px 37px rgba(38,59,47,.1); }
.feature-wide::after { content:'LIVE COMPARISON'; position:absolute; right:42px; top:28px; color:#786cb8; font:8px var(--mono); letter-spacing:1px; }
.brand-banner { position:relative; }
.brand-banner::before { content:'NUMBRSTALK / BRAND STORY'; position:absolute; z-index:1; left:18px; top:17px; padding:7px 9px; border-radius:4px; background:rgba(255,254,250,.89); color:#254139; font:8px var(--mono); letter-spacing:.85px; box-shadow:0 4px 15px rgba(0,0,0,.09); }
.brand-banner img { transition:transform .6s ease; }
.brand-banner:hover img { transform:scale(1.018); }
.final-cta { background:linear-gradient(135deg,#d8f66b,#bded56); box-shadow:0 23px 45px rgba(78,110,40,.15); }
.final-cta::before { content:''; position:absolute; inset:0; opacity:.3; background-image:radial-gradient(#55762c 1px,transparent 1px); background-size:18px 18px; mask-image:linear-gradient(90deg,black,transparent 36%,transparent 64%,black); }
.cta-details { display:flex; justify-content:center; align-items:center; gap:9px; margin-top:17px; color:#4d6435; font:9px var(--mono); }
.cta-details i { width:3px; height:3px; border-radius:50%; background:#668b36; }
.site-footer { position:relative; }
.site-footer::before { content:''; position:absolute; width:90px; height:2px; background:#99c63d; top:-1px; left:0; }
@media (max-width:640px) { .site-header { background:rgba(245,243,237,.94); }.hero-copy::after,.hero-copy::before { display:none; }.hero-proof { gap:10px; }.hero-proof p { min-width:0; flex:1; }.hero-proof p:last-child { display:none; }.proof-divider { display:none; }.testimonial-label span:last-child { display:none; }.feature-wide::after { right:20px; top:20px; }.brand-banner::before { left:10px; top:10px; font-size:7px; }.cta-details { font-size:8px; }.final-cta::before { display:none; } }