:root{--brand:#123f36;--accent:#0f7b57;--accent-bg:#e7f3ee;--nav-accent:#5fd3a1;--bg:#f5f8f7;--surface:#ffffff;--surface-alt:#fafcfb;--border:#dce6e2;--line:#eef3f1;--ink:#17202d;--text:#344054;--muted:#667085;--on-dark:#ffffff;--on-dark-strong:#e8f3ef;--on-dark-text:#b4cfc6;--on-dark-border:#1f5146;--green:#1f9d68;--red:#d64545;--amber:#f2a93b;--blue:#2d6cdf;--instagram:#c2185b;--instagram-bg:#fbe7ef;--facebook:#1877f2;--facebook-bg:#eaf2ff;--font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--radius:0;--shadow-mockup:0 30px 80px rgba(18,63,54,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--surface);color:var(--text);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;border-radius:0}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a{color:var(--accent);text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--ink)}h1{font-size:56px;line-height:1.08;font-weight:800;letter-spacing:-1px}h2{font-size:40px;line-height:1.15;font-weight:700;letter-spacing:-.7px}h3{font-size:20px;line-height:1.35;letter-spacing:-.3px}p{overflow-wrap:break-word}ul{padding:0;list-style:none}a,button,input,select,summary{outline-offset:2px}:focus-visible{outline:2px solid var(--accent)}[hidden]{display:none!important}.container{width:min(100% - 48px,1200px);margin-inline:auto}.section{padding-block:128px}.section-alt,.proof-strip{background:var(--bg)}.dark{background:var(--brand);color:var(--on-dark-text)}.dark h1,.dark h2,.dark h3{color:var(--on-dark)}.dark .eyebrow{color:var(--nav-accent)}.dark :focus-visible{outline-color:var(--nav-accent)}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--accent);margin-bottom:20px;line-height:1.5}.lead{font-size:18px;line-height:1.6}.section-heading{max-width:710px;margin-bottom:48px}.section-heading p:not(.eyebrow){margin-top:20px}.centered{text-align:center;margin-inline:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:13px 22px;font-size:14px;font-weight:600;line-height:1.4;border:1px solid transparent;transition:background .2s,transform .2s}.button-primary{background:var(--brand);color:#fff}.button-primary:hover{background:#0d2f28}.button-secondary{background:transparent;border-color:var(--border);color:var(--ink)}.button-secondary:hover{background:var(--line)}.dark .button-primary{background:var(--nav-accent);color:var(--brand)}.dark .button-primary:hover{background:#82e0b7}.dark .button-secondary{border-color:#639085;color:#fff}.dark .button-secondary:hover{background:var(--on-dark-border)}.skip-link{position:fixed;top:-80px;left:16px;padding:12px 20px;background:#fff;z-index:100}.skip-link:focus{top:12px}.navbar{height:72px;background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid transparent}.navbar.scrolled{border-color:var(--line);box-shadow:0 4px 16px #123f3608}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:40px}.logo{display:flex;align-items:center;gap:10px;color:var(--brand);font-size:21px;font-weight:800;letter-spacing:-.7px;flex-shrink:0}.logo-light{font-weight:500}.logo-mark{width:30px;height:30px;background:var(--brand);display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:6px}.logo-mark i{width:4px;background:var(--nav-accent);height:8px}.logo-mark i:nth-child(2){height:13px}.logo-mark i:nth-child(3){height:18px}.navbar nav{display:flex;align-items:center;justify-content:space-between;flex:1;gap:32px}.nav-links,.nav-actions{display:flex;align-items:center;gap:28px}.nav-links{margin:auto}.nav-links a{font-size:13px;font-weight:500;color:var(--text);padding-block:12px}.nav-links a:hover{color:var(--accent)}.nav-actions{gap:10px}.nav-actions .button{min-height:40px;padding:10px 16px;font-size:12px}.menu-toggle{display:none;background:#fff;border:1px solid var(--border);width:44px;height:44px;align-items:center;justify-content:center;color:var(--brand)}.hero{padding:80px 0 0;position:relative;overflow:hidden}.hero-heading{text-align:center;max-width:940px;margin:auto}.hero .eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;margin-bottom:24px}.status-square{width:6px;height:6px;background:var(--nav-accent)}.hero h1{max-width:940px;margin:auto}.hero .lead{max-width:715px;margin:24px auto 0;color:var(--on-dark-text);font-size:16px}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:32px}.hero-note{font-size:13px;margin-top:16px}.hero-note span{margin-inline:8px}.hero-visual{position:relative;max-width:1000px;margin:64px auto -90px;padding-bottom:0}.browser-frame{position:relative;border:1px solid var(--border);box-shadow:var(--shadow-mockup);background:var(--line);min-width:0}.browser-bar{height:36px;background:var(--line);display:flex;align-items:center;gap:24px;padding:0 14px;color:var(--muted);font-size:12px}.browser-controls{display:flex;gap:6px}.browser-controls i{height:10px;width:10px;background:var(--border)}.browser-lock{margin-left:auto}.browser-frame img{width:100%;aspect-ratio:1440/900;object-fit:cover}.hero-browser{transform:perspective(2000px) rotateX(6deg);transition:transform .8s ease}.hero-browser.is-flat{transform:perspective(2000px) rotateX(0)}.screen-placeholder{aspect-ratio:1440/900;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);background:var(--line);font-size:16px;position:relative}.screen-placeholder small,.phone-placeholder small{font-size:12px;margin-top:8px}.placeholder-cross{height:32px;width:32px;border:1px solid var(--border);margin-bottom:14px;position:relative}.placeholder-cross:before,.placeholder-cross:after{content:"";position:absolute;background:var(--border);left:7px;right:7px;top:14px;height:1px}.placeholder-cross:after{transform:rotate(90deg)}.floating-card{position:absolute;z-index:2;display:flex;flex-direction:column;gap:6px;min-width:192px;padding:18px 22px;background:#fff;border:1px solid var(--border);box-shadow:0 8px 24px #123f361a}.kpi-label{font-size:10px;color:var(--muted);letter-spacing:.05em;white-space:nowrap}.floating-card strong{font:700 28px/1.25 var(--mono);color:var(--brand)}.kpi-change{color:var(--accent);font-size:11px}.hero-kpi{top:90px;left:-45px}.hero-report{top:235px;right:-44px}.proof-strip{padding:140px 0 50px;border-bottom:1px solid var(--border)}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.proof-grid>div{border-right:1px solid var(--border);padding-left:24px}.proof-grid>div:first-child{padding-left:0}.proof-grid>div:last-child{border:0}.proof-grid strong{font:500 40px/1.3 var(--mono);color:var(--brand)}.proof-grid p{font-size:14px;color:var(--muted);max-width:220px;margin-top:8px}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.problem-card{border:1px solid var(--border);padding:28px}.icon-box{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-bg);color:var(--accent)}.problem-card h3{margin:24px 0 12px}.problem-card p{font-size:14px;color:var(--muted)}.showcase-tabs{display:flex;justify-content:center;margin-bottom:32px;border-bottom:1px solid var(--border)}.showcase-tabs button{display:flex;justify-content:center;align-items:center;gap:10px;padding:16px 24px;color:var(--muted);font-weight:600;font-size:14px;background:transparent;border:0;border-bottom:2px solid transparent;min-height:52px}.showcase-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent);background:var(--accent-bg)}.showcase-panel{animation:tab-in .25s ease}.showcase-panel .browser-frame{max-width:1060px;margin:auto}.showcase-points{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:32px 0 0}.showcase-points li{display:flex;gap:12px;font-size:14px}.showcase-points svg{color:var(--accent);margin-top:2px}.report-panel .phone-frame{margin:auto}.phone-frame{width:300px;max-width:100%;padding:10px;border:5px solid var(--ink);border-radius:28px;background:var(--ink);position:relative;box-shadow:0 16px 40px #123f3626;overflow:hidden}.phone-frame img{width:100%;aspect-ratio:1/2;object-fit:cover}.phone-speaker{position:absolute;width:64px;height:6px;background:var(--ink);top:11px;left:50%;transform:translate(-50%);z-index:1}.phone-placeholder{aspect-ratio:1/2;background:var(--line);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--muted);font-size:14px}.feature-block{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:center;margin-bottom:128px}.feature-block:last-of-type{margin-bottom:80px}.feature-reverse{grid-template-columns:1.15fr .85fr}.feature-reverse .feature-copy{order:2}.feature-copy h3{font-size:32px;line-height:1.2;letter-spacing:-.7px;margin-bottom:20px}.feature-copy>p:not(.eyebrow){font-size:15px}.feature-visual{position:relative;min-width:0}.feature-visual .browser-frame{box-shadow:0 20px 50px #123f361c}.feature-kpi{bottom:-24px;right:24px}.social-kpi strong{font-size:16px}.facebook-chip{font-size:11px;align-self:flex-start;background:var(--facebook-bg);color:var(--facebook);padding:2px 8px}.coming-badge{display:inline-block;border:1px solid var(--border);padding:7px 10px;background:var(--bg);font-size:11px;color:var(--muted);margin-top:22px}.feature-phone{position:absolute;right:-12px;bottom:-40px;width:132px}.feature-phone .phone-frame{width:132px;padding:5px;border-width:3px;border-radius:28px}.feature-phone .phone-speaker{width:36px;height:4px;top:6px}.feature-phone .phone-placeholder{font-size:9px}.feature-phone small{font-size:8px}.feature-cta{text-align:center}.feature-cta .button{background:none;color:var(--accent);border:0;padding:10px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.steps article{position:relative}.steps article:not(:last-child):after{content:"";position:absolute;top:30px;left:85px;right:-28px;height:1px;background:var(--border)}.step-number{font:500 44px/1.3 var(--mono);color:var(--accent)}.steps h3{margin:24px 0 16px}.steps p{font-size:14px}.integration-grid{display:grid;grid-template-columns:repeat(6,1fr);border-left:1px solid var(--border)}.integration-tile{border:1px solid var(--border);border-left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center;padding:28px 12px;font-size:12px;color:var(--muted);min-height:142px}.integration-tile img{filter:grayscale(1);opacity:.68;transition:filter .2s,opacity .2s}.integration-tile:hover img{filter:none;opacity:1}.integration-note{text-align:center;font-size:14px;color:var(--muted);margin-top:24px}.pricing-card{max-width:480px;margin:auto;background:var(--surface);padding:40px;color:var(--text);border:1px solid var(--border)}.plan-name{font-weight:700;color:var(--brand);font-size:18px}.price{display:flex;align-items:baseline;gap:10px;margin-top:20px;flex-wrap:wrap}.price strong{font:700 52px/1.2 var(--mono);letter-spacing:-3px;color:var(--brand)}.price>span{font-size:18px;color:var(--muted)}.price-note{font-size:12px;color:var(--muted);margin-top:12px}.pricing-card ul{border-top:1px solid var(--line);margin:28px 0;padding-top:28px;display:grid;gap:14px}.pricing-card li{display:flex;gap:12px;font-size:13px}.pricing-card li svg{color:var(--accent);width:18px}.pricing-card .button{width:100%;background:var(--brand);color:#fff}.pricing-card .button:hover{background:#0d2f28}.pricing-card :focus-visible{outline-color:var(--accent)}.cancel-note{color:var(--muted);text-align:center;font-size:12px;margin-top:14px}.signup-grid,.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:96px;align-items:start}.signup-card{background:#fff;border:1px solid var(--border);padding:32px}.signup-card form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-wide{grid-column:1/-1}.form-field label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:8px}.form-field label>span{color:var(--accent);margin-left:3px}input:not([type=checkbox]),select{width:100%;min-width:0;height:46px;background:var(--surface);border:1px solid var(--border);padding:10px 12px;font-size:14px;color:var(--ink)}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--red)}.field-error{display:block;color:#b42318;font-size:12px;margin-top:4px}.field-error:empty,.form-status:empty{display:none}.consent{display:flex;gap:12px;align-items:center;font-size:13px;min-height:44px}.consent input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.consent a{text-decoration:underline}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-status{font-size:13px;color:#b42318}.form-success{padding:20px 0}.form-success p{margin-top:20px}.faq-grid{gap:100px}.faq-list{border-top:1px solid var(--border)}details{border-bottom:1px solid var(--border)}summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:20px 0;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer}summary::-webkit-details-marker{display:none}.faq-indicator{height:20px;width:20px;position:relative;flex-shrink:0;color:var(--accent)}.faq-indicator:before,.faq-indicator:after{content:"";position:absolute;width:12px;height:1px;background:currentColor;top:10px;left:4px}.faq-indicator:after{transform:rotate(90deg)}details[open] .faq-indicator:after{display:none}details p{font-size:14px;padding:0 24px 24px 0;color:var(--muted)}.final-cta{text-align:center;padding-bottom:100px}.final-cta h2{font-size:48px;letter-spacing:-1px}.final-cta .lead{margin:24px auto 32px;max-width:550px}.footer{padding-top:0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:48px;border-top:1px solid var(--on-dark-border);padding:64px 0}.footer .logo{color:#fff}.footer .logo-mark{background:var(--on-dark-border)}.footer-brand p{font-size:13px;max-width:260px;margin-top:20px}.footer h3{font-size:13px;margin-bottom:16px}.footer-grid>div>a:not(.logo){display:block;min-height:36px;font-size:12px;color:var(--on-dark-text)}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--on-dark-border);display:flex;justify-content:space-between;gap:20px;padding:24px 0;font-size:11px}.legal-page{min-height:60vh}.legal-page h1{font-size:40px}.legal-page p:not(.eyebrow){margin-block:24px}.reveal-ready{opacity:0;transform:translateY(16px);transition:opacity .4s cubic-bezier(.2,.8,.2,1),transform .4s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay,0ms)}.reveal-ready.revealed{opacity:1;transform:translateY(0)}@keyframes tab-in{0%{opacity:0}to{opacity:1}}@media(min-width:1200px){.price strong{font-size:64px}.pricing-card{padding:40px 32px}}@media(max-width:1023px){.nav-inner{gap:20px}.nav-links{gap:18px}.navbar nav{gap:20px}.feature-block{gap:40px}.feature-copy h3{font-size:28px}.hero-kpi{left:12px;top:65px}.hero-report{right:12px;top:220px}.signup-grid,.faq-grid{gap:48px}.integration-grid{grid-template-columns:repeat(3,1fr)}.integration-tile:nth-child(n+4){border-top:0}.footer-grid{gap:24px}.nav-actions .button svg{display:none}}@media(max-width:767px){.section{padding-block:80px}h2{font-size:28px}h1{font-size:36px}.navbar nav{display:none;position:absolute;left:0;right:0;top:72px;background:#fff;border-bottom:1px solid var(--border);padding:16px 24px 24px}.navbar nav.open{display:block}.menu-toggle{display:flex}.nav-links{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav-links a{min-height:48px;font-size:15px}.nav-actions{margin-top:16px}.nav-actions .button{min-height:44px}.hero{padding-top:56px}.hero .eyebrow{font-size:10px}.hero .lead{font-size:16px}.hero-visual{margin:52px auto -35px;padding-inline:0}.hero-visual .screen-placeholder{min-height:210px}.hero-kpi{top:auto;bottom:70px;left:8px;min-width:130px;padding:12px}.hero-report{top:auto;bottom:55px;right:8px;min-width:130px;padding:12px}.hero-visual .floating-card strong{font-size:21px}.hero-visual .kpi-label{font-size:8px}.hero-visual .kpi-change{font-size:9px}.proof-strip{padding:75px 0 40px}.proof-grid{grid-template-columns:1fr 1fr;gap:28px}.proof-grid>div{padding:0;border:0}.proof-grid strong{font-size:36px}.proof-grid p{font-size:12px}.problem-grid{grid-template-columns:1fr}.problem-card{padding:24px}.section-heading{margin-bottom:32px}.showcase-tabs button{padding:14px 16px;font-size:12px;gap:6px}.showcase-tabs button svg{width:16px}.showcase-points{grid-template-columns:1fr;gap:16px}.feature-block,.feature-reverse{grid-template-columns:1fr;gap:32px;margin-bottom:88px}.feature-reverse .feature-copy{order:0}.feature-copy h3{font-size:28px}.feature-kpi{right:12px;bottom:-24px;min-width:160px;padding:14px}.feature-phone{right:8px}.with-phone{margin-bottom:32px}.steps{grid-template-columns:1fr;gap:32px}.steps article{display:grid;grid-template-columns:60px 1fr;column-gap:20px}.steps article:after{display:none}.step-number{grid-row:1/3;font-size:36px}.steps h3{margin:0 0 12px}.signup-grid,.faq-grid{grid-template-columns:1fr;gap:16px}.faq-grid .section-heading{max-width:460px}.signup-card{padding:24px}.final-cta h2{font-size:36px}.footer-grid{grid-template-columns:repeat(3,1fr);gap:24px;padding:48px 0}.footer-brand{grid-column:1/-1}.footer-bottom>span:last-child{display:none}}@media(max-width:639px){.container{width:calc(100% - 32px)}.hero-actions{gap:10px}.hero-actions .button{padding:13px 14px;font-size:12px;gap:8px}.hero .desktop-break{display:none}.hero h1{max-width:500px}.hero-note{font-size:11px}.hero-note span{margin-inline:3px}.hero-visual .browser-bar{font-size:10px;gap:12px;padding-inline:10px}.hero-visual .browser-controls{gap:4px}.hero-visual .browser-controls i{width:7px;height:7px}.hero-visual .floating-card{bottom:38px}.hero-report{bottom:20px!important}.showcase-tabs{width:100%}.showcase-tabs button{flex:1;padding:14px 8px;gap:5px;font-size:11px}.showcase-tabs button svg{display:none}.browser-bar{font-size:10px;gap:12px}.screen-placeholder{font-size:13px}.screen-placeholder small{font-size:10px}.integration-grid{grid-template-columns:repeat(2,1fr)}.integration-tile:nth-child(3){border-top:0}.pricing-card{padding:28px 20px}.price strong{font-size:44px;letter-spacing:-2px}.price>span{font-size:14px}.signup-card form{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.footer-grid>div>a:not(.logo){min-height:44px}.lead{font-size:16px}}.browser-bar,.screen-placeholder,.phone-placeholder{color:var(--text)}.facebook-chip{color:#1263c2}.logo-image{width:40px;height:40px;object-fit:contain;flex-shrink:0}.footer .logo-image{background:var(--surface);padding:2px}.navbar .logo{order:1}.navbar nav{order:2}.language-selector{order:3;display:flex;align-items:center;gap:2px;flex-shrink:0;color:var(--muted);font-size:12px}.language-selector a{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:44px;color:var(--text);font-weight:600;border-bottom:2px solid transparent}.language-selector a[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent)}.language-selector a:hover{color:var(--accent);background:var(--accent-bg)}.menu-toggle{order:4}.integration-tile img{filter:none;opacity:1;object-fit:contain}.integration-tile:hover{background:var(--surface-alt)}@media(max-width:959px){.nav-inner{gap:12px}.navbar nav{display:none;position:absolute;left:0;right:0;top:72px;background:#fff;border-bottom:1px solid var(--border);padding:16px 24px 24px}.navbar nav.open{display:block}.menu-toggle{display:flex}.language-selector{margin-left:auto}.nav-links{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav-links a{min-height:48px;font-size:15px}.nav-actions{margin-top:16px}.nav-actions .button{min-height:44px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}.hero-browser{transform:none!important}}
