:root{color-scheme:light;--bg: #f5fbf8;--surface: #ffffff;--surface-2: #eaf7f1;--text: #10241b;--muted: #5a6f65;--line: #d8e8df;--brand: #16a467;--brand-dark: #08764a;--brand-soft: #dff7ec;--accent: #0d8a9b;--shadow: 0 24px 80px rgba(17, 35, 27, .14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(22,164,103,.14),transparent 34rem),radial-gradient(circle at 85% 12%,rgba(13,138,155,.12),transparent 30rem),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px clamp(20px,5vw,72px);border-bottom:1px solid rgba(216,232,223,.8);background:#f5fbf8eb;backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;min-width:180px}.brand-logo{width:190px;height:auto}.site-header nav,footer nav{display:flex;gap:22px;color:var(--muted);font-size:14px;font-weight:700}.site-header nav a:hover,footer nav a:hover{color:var(--brand-dark)}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:8px;font-weight:800;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.header-cta:hover,.button:hover{transform:translateY(-2px)}.header-cta,.button.primary{background:var(--brand);color:#fff;box-shadow:0 12px 30px #16a46740}.button.secondary{background:#fff;color:var(--brand-dark);border-color:var(--line)}.hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);gap:clamp(32px,5vw,70px);align-items:center;width:min(1220px,calc(100% - 40px));min-height:calc(100vh - 74px);margin:0 auto;padding:clamp(48px,8vw,96px) 0;overflow:visible}.hero-content{max-width:610px}.eyebrow{margin:0 0 12px;color:var(--brand-dark);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:20px;font-size:clamp(42px,5.6vw,72px);line-height:.98}h2{margin-bottom:14px;font-size:clamp(30px,4vw,48px);line-height:1.08}h3{margin-bottom:10px;font-size:20px}p{color:var(--muted);line-height:1.65}.hero-copy{max-width:620px;font-size:19px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 24px}.hero-metrics{display:flex;flex-wrap:wrap;gap:10px}.hero-metrics span{padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:#ffffffbd;color:var(--muted)}.hero-metrics strong{color:var(--text)}.product-shot{position:relative;min-width:0;border:1px solid rgba(216,232,223,.9);border-radius:8px;background:#fff;box-shadow:var(--shadow);overflow:visible}.product-shot>img{width:100%;border-radius:0 0 8px 8px}.browser-bar{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--line);background:#f3faf6;border-radius:8px 8px 0 0}.browser-bar span{width:10px;height:10px;border-radius:50%;background:#bcd8ca}.browser-bar strong{margin-left:8px;font-size:13px;color:var(--muted)}.floating-card{position:absolute;display:grid;gap:2px;max-width:188px;padding:14px 16px;border:1px solid rgba(216,232,223,.95);border-radius:8px;background:#ffffffeb;box-shadow:0 18px 48px #11231b29;backdrop-filter:blur(10px)}.floating-card strong{color:var(--brand-dark);font-size:26px}.floating-card span{color:var(--muted);font-size:13px;font-weight:700}.card-one{left:-26px;bottom:28px}.card-two{right:-18px;top:76px}.section{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:clamp(56px,8vw,96px) 0}.trust-band{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:none;padding:18px clamp(20px,5vw,72px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}.trust-band span{text-align:center;color:var(--muted);font-weight:800}.section-heading{max-width:760px;margin:0 auto 38px;text-align:center}.feature-grid,.pricing-grid,.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card,.plan-card,.steps article,.quote,.faq-list details,.testimonial-card,.screen-card{border:1px solid var(--line);border-radius:8px;background:var(--surface)}.feature-card,.plan-card,.testimonial-card{padding:24px}.feature-card,.testimonial-card,.screen-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.feature-card:hover,.testimonial-card:hover,.screen-card:hover{border-color:#16a46757;box-shadow:0 20px 56px #11231b1f;transform:translateY(-6px)}.feature-icon{display:block;width:38px;height:38px;margin-bottom:18px;border-radius:8px;background:linear-gradient(135deg,var(--brand),var(--accent));box-shadow:0 12px 28px #16a46738}.product-gallery{width:min(1240px,calc(100% - 40px))}.screens-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.screen-card{overflow:hidden;box-shadow:0 16px 48px #11231b14}.screen-card.featured{grid-column:1 / -1}.screen-card img{width:100%;aspect-ratio:1858 / 954;object-fit:cover;object-position:top left;border-bottom:1px solid var(--line)}.screen-card div{padding:22px 24px 24px}.split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(320px,1fr);gap:clamp(28px,5vw,70px);align-items:center;width:100%;max-width:none;padding:clamp(56px,8vw,96px) max(clamp(20px,5vw,72px),calc((100vw - 1180px)/2));background:var(--surface-2)}.split>div{min-width:0}.steps{display:grid;gap:12px}.steps article{display:flex;gap:16px;padding:18px}.steps span{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:var(--brand);color:#fff;font-weight:900}.proof{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:18px}.quote{padding:28px}.quote p{color:var(--text);font-size:22px;line-height:1.45}.proof-stats{display:grid;gap:12px}.proof-stats span{padding:18px;border-radius:8px;background:var(--brand-dark);color:#fff}.proof-stats strong{display:block;font-size:28px}.testimonials{width:100%;max-width:none;padding:clamp(56px,8vw,96px) max(clamp(20px,5vw,72px),calc((100vw - 1180px)/2));background:#fff}.testimonial-grid{grid-template-columns:repeat(4,1fr)}.testimonial-card{display:flex;flex-direction:column;min-height:250px}.testimonial-card p{color:var(--text);font-size:17px}.testimonial-card div{margin-top:auto;padding-top:18px}.testimonial-card span,.testimonial-card strong{display:block}.testimonial-card span{font-weight:900}.testimonial-card strong{color:var(--brand-dark);font-size:14px}.pricing-section{width:100%;max-width:none;padding:clamp(64px,9vw,112px) max(clamp(20px,5vw,72px),calc((100vw - 1180px)/2));background:radial-gradient(circle at 12% 18%,rgba(22,164,103,.16),transparent 28rem),radial-gradient(circle at 88% 0%,rgba(13,138,155,.12),transparent 26rem),linear-gradient(180deg,#fff,#f2fbf7)}.pricing-section .section-heading,.pricing-section .pricing-grid{margin-left:auto;margin-right:auto}.pricing-section .pricing-grid{width:min(1180px,100%)}.pricing-grid{align-items:stretch;perspective:1400px}.plan-card{--rx: 0deg;--ry: 0deg;--mx: 50%;--my: 0%;position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:100%;border-color:#d8e8dfeb;background:radial-gradient(circle at var(--mx) var(--my),rgba(22,164,103,.18),transparent 34%),linear-gradient(180deg,#fff,#fbfffd);box-shadow:0 18px 50px #11231b14;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(0);transform-style:preserve-3d;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;will-change:transform}.plan-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.62),transparent 36%);opacity:0;transition:opacity .18s ease}.plan-card:after{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--brand),var(--accent));opacity:.78}.plan-card>*{position:relative;z-index:1}.plan-card:hover{border-color:#16a46775;box-shadow:0 28px 80px #11231b2e;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-10px) scale(1.015)}.plan-card:hover:before{opacity:1}.plan-card.featured{border-color:#16a467cc;background:radial-gradient(circle at var(--mx) var(--my),rgba(22,164,103,.28),transparent 38%),linear-gradient(180deg,#123426,#081d15);color:#fff;box-shadow:0 24px 80px #08764a47;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-8px)}.plan-card.featured:hover{box-shadow:0 34px 96px #08764a61;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-16px) scale(1.018)}.plan-card.featured p,.plan-card.featured li,.plan-card.featured .price span{color:#ffffffc2}.plan-card.featured .price strong,.plan-card.featured h3{color:#fff}.plan-card.featured .button.secondary{background:var(--brand);color:#fff;border-color:#ffffff2e;box-shadow:0 16px 42px #16a46747}.badge{display:inline-flex;margin-bottom:12px;padding:6px 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-size:12px;font-weight:900}.price{margin:18px 0}.price strong{font-size:36px}.plan-card ul{display:grid;gap:10px;min-height:174px;margin:0 0 24px;padding:0;list-style:none}.plan-card li{color:var(--muted)}.plan-card li:before{content:"✓";margin-right:8px;color:var(--brand);font-weight:900}.faq-section{width:100%;max-width:none;padding:clamp(56px,8vw,96px) max(clamp(20px,5vw,72px),calc((100vw - 1180px)/2));background:var(--surface-2)}.faq-list{display:grid;max-width:880px;margin:0 auto;gap:12px}.faq-list details{padding:18px 20px}.faq-list summary{cursor:pointer;font-weight:900}.faq-list p{margin:12px 0 0}.final-cta{width:min(1180px,calc(100% - 40px));margin:clamp(36px,7vw,72px) auto;padding:clamp(42px,8vw,80px);border-radius:8px;background:var(--text);color:#fff;text-align:center}.cta-logo{width:min(240px,70%);height:auto;margin:0 auto 22px}.final-cta p{max-width:680px;margin-left:auto;margin-right:auto;color:#ffffffc7}.final-cta .eyebrow{color:#8ff0bd}footer{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:24px;align-items:center;padding:34px clamp(20px,5vw,72px);border-top:1px solid var(--line);background:#fff}.footer-logo{width:190px;height:auto}footer p{max-width:420px;margin:8px 0 0}footer span{color:var(--muted);font-size:14px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.header-cta,.button,.plan-card,.feature-card,.testimonial-card,.screen-card,.reveal{transition:none}.plan-card,.plan-card:hover,.plan-card.featured,.plan-card.featured:hover,.feature-card:hover,.testimonial-card:hover,.screen-card:hover,.reveal{opacity:1;transform:none}}@media (max-width: 1120px){.hero,.split,.proof{grid-template-columns:1fr}.hero-content,.product-shot{max-width:920px}.feature-grid,.pricing-grid,.testimonial-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 760px){.site-header{align-items:flex-start;flex-direction:column}.brand-logo,.footer-logo{width:170px}.site-header nav{width:100%;overflow-x:auto;padding-bottom:2px}.header-cta{width:100%}.hero{width:min(100% - 32px,1220px);padding-top:36px}h1{font-size:40px}.floating-card{position:static;max-width:none;margin:10px}.card-one,.card-two{inset:auto}.trust-band,.feature-grid,.screens-grid,.pricing-grid,.testimonial-grid,footer{grid-template-columns:1fr}.trust-band span{text-align:left}.screen-card.featured{grid-column:auto}}
