:root{--bg:#fff;--bg-soft:#f6f7fb;--surface:#fff;--border:#e4e7ee;--text:#0e1a33;--muted:#5a667b;--navy:#0a1631;--accent:#cf470c;--accent-strong:#b23c09;--accent-soft:#fff1e6;--accent-ink:#fff;--brand-gradient:linear-gradient(135deg, #ffc21a 0%, #ff8a00 45%, #f04e0c 100%);--good:#117a4a;--good-soft:#e5f6ee;--warn:#9a5b00;--warn-soft:#fff4dd;--bad:#b42318;--hero:radial-gradient(1200px 500px at 75% -10%, #ffe2c2 0%, #ffe2c200 60%), radial-gradient(900px 400px at 0% 0%, #e7ecf6 0%, #e7ecf600 60%);--radius:14px;--shadow:0 1px 2px #1018280d, 0 8px 24px #1018280f;--max:1160px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0d1017;--bg-soft:#131722;--surface:#171c28;--border:#283042;--text:#e8ebf2;--muted:#9aa4b8;--accent:#ff8a3d;--accent-strong:#ffa366;--accent-soft:#3a2113;--accent-ink:#0d1017;--good:#4ade9b;--good-soft:#10291e;--warn:#f5b84d;--warn-soft:#2d2412;--bad:#f97066;--hero:radial-gradient(1200px 500px at 75% -10%, #3d2410 0%, #3d241000 60%), radial-gradient(900px 400px at 0% 0%, #121f3a 0%, #121f3a00 60%);--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:-.02em;margin:0 0 12px;line-height:1.2}h1{letter-spacing:-.03em;font-size:clamp(34px,5vw,56px)}h2{font-size:clamp(26px,3.2vw,38px)}h3{font-size:19px}p{margin:0 0 12px}.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}.muted{color:var(--muted)}.lead{color:var(--muted);max-width:680px;font-size:clamp(17px,1.6vw,20px)}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:13px;font-weight:600;display:inline-block}.center{text-align:center}.center .lead{margin-left:auto;margin-right:auto}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:var(--accent-strong)}.btn-ghost{background:var(--surface);border-color:var(--border)}.btn-ghost:hover{border-color:var(--accent)}.btn-sm{padding:8px 14px;font-size:14px}.btn-row{flex-wrap:wrap;gap:12px;display:flex}.center .btn-row{justify-content:center}.header{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(160%)blur(10px);backdrop-filter:saturate(160%)blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{align-items:center;gap:28px;height:64px;display:flex}.logo{align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.logo img{width:auto;height:34px;display:block}.logo .on-dark{display:none}@media (prefers-color-scheme:dark){.gradient-text{background-image:var(--brand-gradient)}.logo .on-light{display:none}.logo .on-dark{display:block}}.gradient-text{background:linear-gradient(135deg,#ff8a00 0%,#e8590c 55%,#c2410c 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.nav{color:var(--muted);gap:22px;font-size:15px;display:flex}.nav a:hover,.nav a[aria-current=page]{color:var(--text)}.header-actions{align-items:center;gap:14px;margin-left:auto;font-size:15px;display:flex}.menu{margin-left:auto;display:none}.menu summary{cursor:pointer;border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:14px;font-weight:600;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu-panel{background:var(--bg);border-bottom:1px solid var(--border);gap:4px;padding:12px 20px 20px;display:grid;position:absolute;top:64px;left:0;right:0}.menu-panel a{padding:10px 0;font-weight:500}.menu-panel .btn{margin-top:8px}@media (max-width:860px){.nav,.header-actions{display:none}.menu{display:block}}.section{padding:88px 0}.section-soft{background:var(--bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-head{margin-bottom:44px}.hero{background:var(--hero);padding:80px 0 72px;overflow:hidden}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;display:grid}.hero .btn-row{margin-top:28px}.hero-note{color:var(--muted);margin-top:14px;font-size:14px}.page-hero{background:var(--hero);padding:72px 0 56px}@media (max-width:960px){.hero-grid{grid-template-columns:1fr}.section{padding:64px 0}}.grid{gap:20px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:960px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.card p:last-child{margin-bottom:0}.card-link{transition:border-color .15s,transform .15s}.card-link:hover{border-color:var(--accent);transform:translateY(-2px)}.more{color:var(--accent);margin-top:14px;font-weight:600;display:inline-block}.icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:12px;place-items:center;margin-bottom:16px;font-size:14px;font-weight:700;display:grid}.icon svg{width:22px;height:22px}.tag{white-space:nowrap;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-block}.tag-good{background:var(--good-soft);color:var(--good)}.tag-warn{background:var(--warn-soft);color:var(--warn)}.checks{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.checks li{padding-left:26px;position:relative}.checks li:before{content:"";background:var(--good-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%23117a4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;border-radius:50%;width:16px;height:16px;position:absolute;top:5px;left:0}.steps{counter-reset:step}.step{padding-top:56px;position:relative}.step:before{counter-increment:step;content:counter(step);background:var(--accent);width:40px;height:40px;color:var(--accent-ink);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;top:0;left:0}.mock{background:var(--surface);border:1px solid var(--border);box-shadow:0 30px 60px -20px #281e7840, var(--shadow);border-radius:18px;font-size:13px;overflow:hidden}.mock-bar{border-bottom:1px solid var(--border);background:var(--bg-soft);gap:6px;padding:12px 14px;display:flex}.mock-bar span{background:var(--border);border-radius:50%;width:10px;height:10px}.mock-body{gap:12px;padding:18px;display:grid}.mock-title{justify-content:space-between;align-items:center;font-size:15px;font-weight:700;display:flex}.mock-row{border:1px solid var(--border);border-radius:12px;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.mock-row strong{font-size:13px;display:block}.mock-row small{color:var(--muted)}.avatar{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:9px;place-items:center;font-size:11px;font-weight:700;display:grid}.mock-approve{background:var(--accent-soft);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.mock-approve .btn{padding:6px 12px;font-size:12px}.split{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}@media (max-width:860px){.split{grid-template-columns:1fr;gap:32px}}.toggles{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:36px;display:flex}.toggle{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:4px;display:inline-flex}.toggle button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 14px;font-size:14px;font-weight:600}.toggle button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.plan{flex-direction:column;display:flex}.plan-top{min-height:150px}.plan-highlight{border:2px solid var(--accent);position:relative}.plan-badge{background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;position:absolute;top:-12px;left:24px}.price{white-space:nowrap;letter-spacing:-.02em;font-size:clamp(28px,2.4vw,34px);font-weight:800}.price small{color:var(--muted);font-size:15px;font-weight:500}.plan .btn{width:100%;margin:20px 0 8px}.plan h4{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:18px 0 0;font-size:13px}.pillar{background:linear-gradient(var(--surface), var(--surface)) padding-box, var(--brand-gradient) border-box;border-top:3px solid #0000}.ticks{gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.ticks li{padding-left:26px;position:relative}.ticks li:before{content:"";background:var(--brand-gradient);border-radius:50%;width:16px;height:16px;position:absolute;top:5px;left:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8'/%3E%3C/svg%3E");mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8'/%3E%3C/svg%3E")}.ticks li:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:6px;height:3px;position:absolute;top:8px;left:5px;transform:rotate(-45deg)}.integrations{grid-template-columns:repeat(3,1fr);gap:28px 32px;display:grid}.integrations h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 12px;font-size:14px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:500}@media (max-width:860px){.integrations{grid-template-columns:1fr 1fr}}@media (max-width:560px){.integrations{grid-template-columns:1fr}}.faq{max-width:780px;margin:0 auto}.faq details{border-bottom:1px solid var(--border);padding:18px 0}.faq summary{cursor:pointer;font-size:17px;font-weight:600}.faq details p{color:var(--muted);margin:12px 0 0}.cta{color:#fff;text-align:center;background:radial-gradient(600px 300px at 100% 0,#ff8a0059,#0000 70%),linear-gradient(135deg,#0a1631 0%,#13244d 100%);border-radius:24px;padding:56px 32px}.cta .lead{color:#ffffffd9;margin:0 auto 28px}.cta .btn-row{justify-content:center}.cta .btn-primary{background:var(--brand-gradient);color:var(--navy)}.cta .btn-ghost{color:#fff;background:0 0;border-color:#ffffff80}.form{gap:16px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:640px){.form-row{grid-template-columns:1fr}}.field{gap:6px;font-size:14px;font-weight:600;display:grid}.field input,.field select,.field textarea{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:11px 12px;font-size:15px;font-weight:400}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.field textarea{resize:vertical;min-height:110px}.honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.notice{border-radius:10px;padding:14px 16px;font-size:15px}.notice-good{background:var(--good-soft);color:var(--good)}.notice-bad{color:var(--bad);background:#fdecea}.prose{max-width:760px}.prose h2{margin-top:36px;font-size:22px}.prose ul{padding-left:22px}.prose li{margin-bottom:6px}.placeholder-note{border:1px dashed var(--warn);background:var(--warn-soft);color:var(--warn);border-radius:10px;margin-bottom:28px;padding:12px 16px;font-size:14px}.footer{border-top:1px solid var(--border);color:var(--muted);padding:56px 0 32px;font-size:14px}.footer-grid{grid-template-columns:1.4fr repeat(4,1fr);gap:32px;display:grid}.footer h4{color:var(--text);margin:0 0 12px;font-size:14px}.footer ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.footer a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:40px;padding-top:20px;display:flex}@media (max-width:760px){.footer-grid{grid-template-columns:1fr 1fr}}
