.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:13px 22px;font-size:15px;font-weight:700;transition:transform 60ms,background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn:hover{background:#fbfbfa}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 8px 22px color-mix(in oklch, var(--accent) 34%, transparent);text-decoration:none}.btn.primary:hover{background:var(--accent-600)}.demopop{--ptp-accent:var(--accent)}.demopop>*{animation:.5s cubic-bezier(.16,1,.3,1) both demoPopIn}@keyframes demoPopIn{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}:root{--accent:#4f46e5;--accent-600:color-mix(in oklch, var(--accent) 88%, #000);--accent-50:color-mix(in oklch, var(--accent) 10%, #fff);--accent-100:color-mix(in oklch, var(--accent) 18%, #fff);--bg:#fcfcfd;--surface:#fff;--ink:#14161b;--ink-2:#494d57;--ink-3:#868b96;--line:#e7e7e2;--line-2:#f0f0eb;--ok:#15924d;--maxw:1120px;--display:"Bricolage Grotesque", system-ui, sans-serif;--font:"Manrope", system-ui, sans-serif;--shadow-sm:0 1px 2px #14161b0f;--shadow-md:0 10px 30px #14161b1a, 0 3px 8px #14161b0d;--shadow-lg:0 30px 70px #14161b29, 0 10px 24px #14161b14}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;margin:0;font-weight:800;line-height:1.04}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}.btn.ghost{color:var(--ink-2);background:0 0;border-color:#0000}.btn.ghost:hover{color:var(--ink);background:#ededea}.btn.sm{border-radius:10px;padding:9px 15px;font-size:14px}.btn.lg{padding:15px 26px;font-size:16px}.nav{z-index:50;background:color-mix(in oklch, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.nav .wrap{align-items:center;gap:28px;height:70px;display:flex}.logo{align-items:center;display:inline-flex}.logo img{width:auto;height:30px;display:block}.nav .links{gap:4px;margin-left:8px;display:flex}.nav .links a{color:var(--ink-2);border-radius:9px;padding:8px 13px;font-size:14.5px;font-weight:600}.nav .links a:hover{color:var(--ink);background:#ededea}.nav .right{align-items:center;gap:10px;margin-left:auto;display:flex}.hero{position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(900px 460px at 78% -8%, color-mix(in oklch, var(--accent) 16%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:0}.hero .wrap{grid-template-columns:.95fr 1.15fr;align-items:center;gap:44px;padding-top:70px;padding-bottom:84px;display:grid;position:relative}.hero h1{font-size:clamp(38px,5vw,58px)}.hero h1 .hl{color:var(--accent)}.hero .lede{color:var(--ink-2);max-width:30ch;margin-top:22px;font-size:19px}.hero .cta{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero .micro{color:var(--ink-3);align-items:center;gap:8px;margin-top:18px;font-size:13.5px;font-weight:600;display:flex}.hero .micro .dot{background:var(--ok);border-radius:999px;width:6px;height:6px}.mock-stage{transform-origin:50%;position:relative;transform:scale(1.1)}.browser{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:16px;overflow:hidden}.browser .chrome{border-bottom:1px solid var(--line);background:#f4f4f1;align-items:center;gap:7px;height:40px;padding:0 14px;display:flex}.browser .chrome i{background:#d6d6d0;border-radius:999px;width:11px;height:11px}.browser .chrome .addr{border:1px solid var(--line);height:22px;color:var(--ink-3);background:#fff;border-radius:7px;flex:1;align-items:center;margin-left:10px;padding:0 10px;font-size:11.5px;font-weight:600;display:flex}.store{padding:22px}.store-hero{grid-template-columns:1fr 1fr;gap:18px;display:grid}.ph{color:var(--ink-3);background:repeating-linear-gradient(45deg,#eeeeea 0 10px,#f6f6f2 10px 20px);border-radius:10px;justify-content:center;align-items:center;font-family:ui-monospace,Menlo,monospace;font-size:11px;display:flex}.store .title{background:#e6e6e1;border-radius:5px;width:80%;height:18px}.store .lines{flex-direction:column;gap:8px;margin-top:14px;display:flex}.store .lines i{background:#ededea;border-radius:5px;height:10px}.store .price{font-family:var(--display);margin-top:16px;font-size:25px;font-weight:800}.store .buy{background:var(--ink);color:#fff;border-radius:10px;justify-content:center;align-items:center;height:44px;margin-top:14px;font-size:14px;font-weight:700;display:flex}.demo-pop{z-index:5;position:absolute}.demo-pop.bl{bottom:18px;left:18px}.demo-pop.br{bottom:18px;right:18px}section{padding:86px 0}.sec-head{text-align:center;max-width:620px;margin:0 auto 52px}.sec-head h2{font-size:clamp(28px,3.6vw,40px)}.sec-head p{color:var(--ink-2);margin-top:14px;font-size:17px}.kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-600);margin-bottom:14px;font-size:13px;font-weight:800}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);padding:34px 0}.trust .wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;display:flex}.trust .lbl{color:var(--ink-3);font-size:13.5px;font-weight:700}.trust .logo-ph{background:repeating-linear-gradient(45deg,#ecece7 0 8px,#f4f4f0 8px 16px);border-radius:6px;width:96px;height:26px}.steps{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.step{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:18px;padding:26px}.step .n{background:var(--accent);color:#fff;width:38px;height:38px;font-family:var(--display);border-radius:11px;place-items:center;margin-bottom:18px;font-size:18px;font-weight:800;display:grid}.step h3{font-size:19px}.step p{color:var(--ink-2);margin-top:9px;font-size:14.5px}.code{color:#cdd0e0;background:#15161c;border-radius:12px;margin-top:16px;padding:15px 17px;font-family:ui-monospace,Menlo,monospace;font-size:12.5px;line-height:1.7;overflow-x:auto}.code .tok{color:#9aa0ff}.code .str{color:#7fd6a6}.tpls{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.tpl-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:18px;overflow:hidden}.tpl-stage{background:radial-gradient(420px 200px at 50% 120%, var(--accent-50), transparent 70%), repeating-linear-gradient(45deg, #f3f3ef 0 12px, #f8f8f4 12px 24px);border-bottom:1px solid var(--line);justify-content:center;align-items:center;height:168px;padding:20px;display:flex}.tpl-meta{padding:18px 20px}.tpl-meta h3{font-size:17px}.tpl-meta p{color:var(--ink-2);margin-top:6px;font-size:14px}.tpl-meta .tag{color:var(--ink-3);border:1px solid var(--line);border-radius:7px;margin-top:12px;padding:3px 9px;font-family:ui-monospace,Menlo,monospace;font-size:12px;font-weight:700;display:inline-block}.feats{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.feat{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:16px;gap:16px;padding:22px 24px;display:flex}.feat .fi{background:var(--accent-50);width:46px;height:46px;color:var(--accent-600);border-radius:13px;flex:none;place-items:center;display:grid}.feat h3{font-size:17px}.feat p{color:var(--ink-2);margin-top:7px;font-size:14.5px}.billing{align-items:center;gap:12px;margin-top:26px;font-size:15px;font-weight:700;display:inline-flex}.billing span{color:var(--ink-3);transition:color .15s}.billing span.active{color:var(--ink)}.billing .switch{border:1px solid var(--line);background:#e7e7e2;border-radius:999px;flex:none;width:50px;height:28px;padding:0;transition:background .18s;position:relative}.billing .switch.on{background:var(--accent);border-color:var(--accent)}.billing .switch .knob{width:22px;height:22px;box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;transition:transform .2s cubic-bezier(.16,1,.3,1);position:absolute;top:3px;left:3px}.billing .switch.on .knob{transform:translate(22px)}.billing .save-pill{color:var(--ok);background:color-mix(in oklch, var(--ok) 12%, #fff);border:1px solid color-mix(in oklch, var(--ok) 26%, #fff);border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:800}.plans{grid-template-columns:repeat(2,minmax(0,340px));justify-content:center;align-items:start;gap:22px;display:grid}.plan{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:20px;padding:28px;position:relative}.plan.hot{border:2px solid var(--accent);box-shadow:var(--shadow-md)}.plan .badge{background:var(--accent);color:#fff;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:800;position:absolute;top:-13px;left:28px}.plan .pname{font-family:var(--display);font-size:19px;font-weight:800}.plan .price{font-family:var(--display);margin:14px 0 2px;font-size:44px;font-weight:800}.plan .price small{color:var(--ink-3);font-size:16px;font-weight:700;font-family:var(--font)}.plan .pbill{color:var(--accent-600);min-height:18px;margin-bottom:4px;font-size:12.5px;font-weight:600}.plan .pdesc{color:var(--ink-3);min-height:20px;font-size:14px}.plan ul{flex-direction:column;gap:11px;margin:20px 0 24px;padding:0;list-style:none;display:flex}.plan li{color:var(--ink-2);align-items:center;gap:10px;font-size:14.5px;display:flex}.plan li .ck{color:var(--accent-600);flex:none}.cmp{max-width:920px;margin:0 auto}.cmp-grid{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-md);border-radius:20px;overflow:visible}.cmp-row:first-child .cmp-feat{border-top-left-radius:20px}.cmp-row:first-child .cmp-cell:last-child{border-top-right-radius:20px}.cmp-row:last-child .cmp-feat{border-bottom-left-radius:20px}.cmp-row:last-child .cmp-cell:last-child{border-bottom-right-radius:20px}.cmp-row{grid-template-columns:1.5fr 1fr 1fr 1fr;align-items:stretch;display:grid}.cmp-row:not(:last-child) .cmp-cell:not(.hot),.cmp-row:not(.cmp-head):not(:first-of-type) .cmp-feat{border-top:1px solid var(--line-2)}.cmp-feat{color:var(--ink-2);align-items:center;padding:16px 22px;font-size:14.5px;font-weight:600;display:flex}.cmp-cell{text-align:center;border-left:1px solid var(--line-2);flex-direction:column;justify-content:center;align-items:center;padding:16px 14px;display:flex}.cmp-cell.hot{background:var(--accent-50);border-left:1px solid var(--accent-100);position:relative}.cmp-head{background:#fbfbfa}.cmp-head .cmp-col{gap:3px;padding:22px 14px 18px}.cmp-head .cmp-col.hot{background:var(--accent);border-left-color:var(--accent)}.cmp-brand{font-family:var(--display);color:var(--ink);letter-spacing:-.02em;font-size:19px;font-weight:800}.cmp-head .cmp-col.hot .cmp-brand{color:#fff}.cmp-note{color:var(--ink-3);font-size:11.5px;font-weight:700}.cmp-head .cmp-col.hot .cmp-note{color:color-mix(in oklch, #fff 82%, var(--accent))}.cmp-flag{white-space:nowrap;background:var(--ink);color:#fff;letter-spacing:.03em;box-shadow:var(--shadow-sm);z-index:2;border-radius:999px;padding:3px 11px;font-size:10.5px;font-weight:800;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.cmp-val{color:var(--ink);font-size:15px;font-weight:700;font-family:var(--display)}.cmp-val.strong{color:var(--accent-600);font-size:18px}.cmp-val.warn{color:var(--ink-3);font-weight:700;font-family:var(--font);font-size:13px}.cmp-yes{background:color-mix(in oklch, var(--ok) 14%, #fff);width:28px;height:28px;color:var(--ok);border-radius:999px;place-items:center;display:grid}.cmp-yes.on{background:var(--accent);color:#fff}.cmp-no{color:var(--ink-3);font-size:18px;font-weight:700}.cmp-foot{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:22px;padding:16px 22px;display:flex}.cmp-save{color:var(--ink-2);font-size:15px;font-weight:600}.cmp-save b{color:var(--ink);font-family:var(--display);font-weight:800}.cta-band{background:var(--ink);color:#fff;text-align:center;border-radius:26px;padding:60px;position:relative;overflow:hidden}.cta-band:before{content:"";background:radial-gradient(600px 300px at 50% -30%, color-mix(in oklch, var(--accent) 55%, transparent), transparent 70%);position:absolute;inset:0}.cta-band h2{font-size:clamp(28px,4vw,42px);position:relative}.cta-band p{color:#b9bcc6;margin-top:14px;font-size:18px;position:relative}.cta-band .cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex;position:relative}.cta-band .btn:not(.primary){color:#fff;background:#ffffff14;border-color:#ffffff2e}.contact-hero{text-align:center}.contact-hero .wrap{max-width:620px}.contact-hero h1{font-family:var(--display);font-size:clamp(32px,4.4vw,46px);line-height:1.05}.contact-hero p{color:var(--ink-2);margin:16px auto 28px;font-size:17px}.contact-hero .note{color:var(--ink-3);margin-top:18px;font-size:13.5px}.legal-page{padding:56px 0 80px}.legal-page .wrap{max-width:760px}.legal-page h1{font-family:var(--display);font-size:clamp(28px,4vw,40px);line-height:1.1}.legal-page .updated{color:var(--ink-3);margin:10px 0 28px;font-size:13.5px}.legal-page h2{font-family:var(--display);margin:36px 0 12px;font-size:20px}.legal-page p{color:var(--ink-2);margin:0 0 14px;font-size:16px;line-height:1.7}.legal-page ul{margin:0 0 16px;padding-left:22px}.legal-page li{color:var(--ink-2);margin-bottom:6px;font-size:16px;line-height:1.7}.legal-page strong{color:var(--ink)}.legal-page a{color:var(--ink);text-underline-offset:2px;text-decoration:underline}.legal-page a:hover{opacity:.7}.legal-table{border-collapse:collapse;width:100%;margin:8px 0 18px;font-size:14.5px}.legal-table th,.legal-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}.legal-table th{color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.legal-table td{color:var(--ink-2)}.footer{border-top:1px solid var(--line);padding:56px 0 40px}.footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:40px;display:flex}.footer .cols{flex-wrap:wrap;gap:64px;display:flex}.footer .col h4{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin:0 0 14px;font-size:13px;font-weight:800}.footer .col a{color:var(--ink-2);padding:4px 0;font-size:14px;display:block}.footer .col a:hover{color:var(--ink)}.footer .legal{color:var(--ink-3);margin-top:30px;font-size:13px}.icn{vertical-align:middle;display:inline-block}@media (width<=880px){.hero .wrap{grid-template-columns:1fr;gap:40px}.steps,.tpls,.plans,.feats{grid-template-columns:1fr}.nav .links{display:none}.cmp-row{grid-template-columns:1.3fr 1fr 1fr 1fr}.cmp-feat{padding:12px;font-size:12.5px}.cmp-cell{padding:12px 6px}.cmp-brand{font-size:15px}.cmp-foot{text-align:center;justify-content:center}}