:root{--landing-navy: #1b2a4a;--landing-accent: #00c2b2;--landing-accent-dark: #00988c;--landing-line: rgba(15, 23, 42, .08);--landing-surface: #f8fafc}.landing-hero h1,main h2,.landing-eyebrow{font-family:Plus Jakarta Sans,Inter,ui-sans-serif,system-ui,sans-serif}.landing-eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--landing-accent-dark)}.landing-eyebrow:before{content:"";width:.4rem;height:.4rem;border-radius:9999px;background:var(--landing-accent);flex-shrink:0}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}[data-reveal]{opacity:1;transform:none}@media(prefers-reduced-motion:no-preference){[data-reveal]{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}[data-reveal].is-visible{opacity:1;transform:none}}.landing-hero{position:relative;background:radial-gradient(ellipse 60% 50% at 18% 0%,rgba(0,194,178,.07) 0%,transparent 60%),radial-gradient(ellipse 55% 45% at 85% 10%,rgba(27,42,74,.05) 0%,transparent 60%),#fff}.landing-grid-pattern{background-image:linear-gradient(to right,rgba(15,23,42,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(15,23,42,.035) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,black,transparent 85%);-webkit-mask-image:linear-gradient(to bottom,black,transparent 85%)}.product-frame{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -24px #0f172a38}.product-frame-bar{display:flex;align-items:center;gap:.4rem;padding:.65rem .9rem;background:var(--landing-surface);border-bottom:1px solid rgba(15,23,42,.07)}.product-frame-dot{width:8px;height:8px;border-radius:9999px;background:#0f172a24}.product-frame-url{margin-inline-start:.5rem;padding:.2rem .65rem;border-radius:6px;background:#0f172a0a;border:1px solid rgba(15,23,42,.06);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.65rem;color:#64748b}.product-frame img{display:block;width:100%;height:auto}.product-frame-sm{border-radius:12px}.product-frame-canvas{position:relative}.product-frame-logo-badge{position:absolute;top:.72%;left:.75%;width:12.2%;height:4.8%;background:#fff;display:flex;align-items:center;padding-left:.35%;z-index:2;pointer-events:none}.product-frame-logo-badge img{height:62%;width:auto;max-width:100%;object-fit:contain}.btn-primary-dark{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;height:3.1rem;padding:0 1.9rem;border-radius:10px;background:var(--landing-navy);color:#fff!important;font-weight:600;font-size:.9rem;transition:background-color .18s ease,transform .18s ease;text-decoration:none}.btn-primary-dark:hover{background:#121d35;transform:translateY(-1px)}.btn-primary-dark:focus-visible{outline:2px solid var(--landing-accent);outline-offset:2px}.btn-secondary-light{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;height:3.1rem;padding:0 1.6rem;border-radius:10px;background:#fff;border:1px solid rgba(15,23,42,.14);color:var(--landing-navy)!important;font-weight:600;font-size:.9rem;transition:border-color .18s ease,background-color .18s ease;text-decoration:none}.btn-secondary-light:hover{border-color:#0f172a42;background:var(--landing-surface)}.btn-secondary-light:focus-visible{outline:2px solid var(--landing-accent);outline-offset:2px}.landing-trust-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border-radius:9999px;background:#fff;border:1px solid rgba(15,23,42,.1);color:#334155;font-size:.72rem;font-weight:600;letter-spacing:.01em;white-space:nowrap}.landing-trust-chip i{color:var(--landing-accent);font-size:.78rem}.landing-row>summary{list-style:none;cursor:pointer}.landing-row>summary::-webkit-details-marker{display:none}.landing-row .landing-row-chevron{transition:transform .2s ease}.landing-row[open] .landing-row-chevron{transform:rotate(180deg)}.module-row-icon{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;flex-shrink:0;border-radius:.6rem;background:#00988c1a;color:var(--landing-accent-dark)}.module-row-icon svg{width:1.15rem;height:1.15rem}.landing-row>summary:hover .landing-row-chevron{color:var(--landing-accent)}@media(prefers-reduced-motion:no-preference){@supports (interpolate-size: allow-keywords){.landing-row{interpolate-size:allow-keywords}.landing-row::details-content{height:0;opacity:0;overflow:hidden;transition:height .26s ease,opacity .2s ease,content-visibility .26s allow-discrete;transition-behavior:allow-discrete}.landing-row[open]::details-content{height:auto;opacity:1}}}.landing-header{transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.landing-header.is-scrolled{border-color:#0f172a1a;background-color:#fffffff5;box-shadow:0 1px #0f172a0a,0 12px 24px -20px #0f172a59}#landing-nav-panel.is-open{display:flex}.landing-tile{border:1px solid rgba(15,23,42,.08);border-radius:14px;background:#fff;transition:border-color .18s ease}.landing-tile:hover{border-color:#00c2b266}.landing-pricing-card{position:relative;border:1px solid rgba(15,23,42,.1);border-radius:16px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.landing-pricing-card:hover{border-color:#0f172a33;transform:translateY(-2px);box-shadow:0 16px 32px -20px #0f172a40}.landing-pricing-card--highlight{border:1.5px solid var(--landing-accent);box-shadow:0 20px 40px -22px #00c2b259}.landing-pricing-card--highlight:hover{border-color:var(--landing-accent);box-shadow:0 24px 44px -20px #00c2b266}.landing-pricing-badge{position:absolute;top:-.65rem;left:1.5rem;padding:.2rem .65rem;border-radius:9999px;background:var(--landing-accent);color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.02em}@media(prefers-reduced-motion:reduce){.landing-pricing-card:hover{transform:none}}.landing-teaser-row{display:grid;grid-template-columns:2.5rem 1fr auto;align-items:center;gap:1.25rem;padding:1.35rem 0;border-top:1px solid rgba(15,23,42,.08);transition:padding-left .18s ease}.landing-teaser-row:last-child{border-bottom:1px solid rgba(15,23,42,.08)}.landing-teaser-row:hover{padding-left:.4rem}.landing-teaser-index{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;color:#94a3b8}.landing-teaser-arrow{color:#cbd5e1;transition:transform .18s ease,color .18s ease}.landing-teaser-row:hover .landing-teaser-arrow{color:var(--landing-accent-dark);transform:translate(3px)}.landing-compare-table{width:100%;border-collapse:collapse;font-size:.875rem}.landing-compare-table th,.landing-compare-table td{padding:.85rem 1rem;text-align:center;border-bottom:1px solid rgba(15,23,42,.08)}.landing-compare-table th:first-child,.landing-compare-table td:first-child{text-align:left;color:#334155}.landing-compare-table thead th{position:sticky;top:4rem;background:#fff;z-index:1}.landing-compare-table .landing-compare-col--highlight{background:#00c2b20d;box-shadow:inset 1px 0 #00c2b259,inset -1px 0 #00c2b259}.landing-compare-table thead .landing-compare-col--highlight{box-shadow:inset 1px 0 #00c2b259,inset -1px 0 #00c2b259,inset 0 2px 0 var(--landing-accent)}.landing-compare-check{color:var(--landing-accent-dark);font-size:1rem}.landing-compare-dash{color:#cbd5e1}.landing-compare-group td{padding-top:1.4rem;padding-bottom:.4rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;border-bottom:none;background:transparent!important;box-shadow:none!important}@media(max-width:767px){.landing-compare-table{font-size:.78rem}.landing-compare-table th,.landing-compare-table td{padding:.65rem .5rem}}.module-tab-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;border-radius:12px;border:1px solid rgba(15,23,42,.08);background:#fff;text-align:left;transition:all .18s ease;cursor:pointer}.module-tab-btn:hover{border-color:#00c2b273;background:#f8fafc}.module-tab-btn.is-active{border-color:var(--landing-accent);background:linear-gradient(135deg,#00c2b214,#1b2a4a08);box-shadow:0 10px 24px -14px #00c2b259}.module-tab-btn.is-active .module-row-icon{background:var(--landing-accent-dark);color:#fff}.workflow-step-card{position:relative;border:1px solid rgba(15,23,42,.08);border-radius:14px;background:#fff;padding:1.15rem;transition:border-color .18s ease,box-shadow .18s ease}.workflow-step-card:hover{border-color:#00c2b259;box-shadow:0 12px 24px -18px #0f172a2e}
