*,*:before,*:after{box-sizing:border-box}:root{--ink: #060d0b;--ink-2: #0a1310;--paper: #060d0b;--cream: #0b1512;--surface: #0c1613;--surface-2: #101c18;--text: #f1f7f5;--muted: rgba(224, 238, 234, .6);--faint: rgba(224, 238, 234, .42);--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--brand: #14b8a6;--brand-bright: #2ee6cf;--brand-strong: #0f9c8e;--brand-soft: #d7f2ee;--brand-glow: rgba(46, 230, 207, .16);--amber: #e7a53c;--on-dark: #f1f7f5;--on-dark-muted: rgba(233, 243, 240, .62);--on-dark-line: rgba(255, 255, 255, .1);--display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--sans: "Inter", ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius: 14px;--radius-sm: 10px;--radius-lg: 20px;--shadow-lift: 0 40px 80px -40px rgba(0, 0, 0, .7);--maxw: 1180px}html{scroll-behavior:smooth;color-scheme:dark}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}a:focus-visible,button:focus-visible,.btn:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:2px solid var(--brand-bright);outline-offset:2px;border-radius:8px}body{margin:0;font-family:var(--sans);color:var(--text);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.55}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.025em;line-height:1.04;margin:0;text-wrap:balance}.page{overflow-x:clip}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--sans);font-weight:600;font-size:15px;padding:11px 18px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .12s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-lg{font-size:16px;padding:14px 24px}.btn-sm{font-size:13.5px;padding:8px 14px}.btn-primary{background:var(--brand);color:#04211d;box-shadow:inset 0 1px #ffffff47,0 6px 14px -8px #022824e6}@media(hover:hover)and (pointer:fine){.btn-primary:hover{background:var(--brand-strong);box-shadow:inset 0 1px #ffffff47,0 8px 18px -8px #022824f2}}.btn-ghost{background:transparent;color:var(--on-dark);border-color:var(--on-dark-line)}.btn-ghost:hover{border-color:#ffffff52}.btn-ghost-invert{background:#ffffff0f;color:var(--on-dark);border-color:var(--on-dark-line)}@media(hover:hover)and (pointer:fine){.btn-ghost-invert:hover{background:#ffffff1f}}.logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:-.01em}.logo-mark{width:30px;height:30px;flex:none}.logo--light .logo-word,.logo--dark .logo-word{color:var(--on-dark)}.logo-k{color:var(--brand-bright)}.nav{position:sticky;top:0;z-index:50;background:var(--ink-2);border-bottom:1px solid var(--on-dark-line)}.nav-inner{max-width:var(--maxw);margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:24px}.nav-brand{display:inline-flex}.nav-links{display:flex;gap:26px;margin-left:12px}.nav-links a{color:var(--on-dark-muted);font-size:15px;font-weight:500;transition:color .15s ease}.nav-links a:hover{color:var(--on-dark)}.nav-cta{margin-left:auto;display:flex;align-items:center;gap:10px}.nav-burger{display:none;margin-left:auto;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:0;border:1px solid var(--on-dark-line);border-radius:10px;background:transparent;cursor:pointer}.nav-burger span{display:block;width:18px;height:2px;margin:0 auto;border-radius:4px;background:var(--on-dark);transition:transform .2s ease,opacity .2s ease}.nav-burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-burger.is-open span:nth-child(2){opacity:0}.nav-burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-mobile{display:none;border-top:1px solid var(--on-dark-line);background:#0a1513f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-mobile nav{max-width:var(--maxw);margin:0 auto;padding:10px 24px 18px;display:flex;flex-direction:column;gap:4px}.nav-mobile a:not(.btn){color:var(--on-dark-muted);font-size:16px;font-weight:500;padding:11px 4px}.nav-mobile a:not(.btn):hover{color:var(--on-dark)}.nav-mobile .btn{justify-content:center;margin-top:6px}.hero{position:relative;background:var(--ink);color:var(--on-dark);isolation:isolate}.hero-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(1000px 540px at 84% -14%,var(--brand-glow),transparent 60%),radial-gradient(720px 460px at 2% -10%,rgba(20,184,166,.1),transparent 58%)}.hero{border-bottom:1px solid var(--line)}.hero-inner{max-width:var(--maxw);margin:0 auto;padding:64px 24px 40px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.1fr);gap:52px;align-items:center}.hero-copy{min-width:0}.eyebrow{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-bright);margin-bottom:18px}.hero-title{font-size:clamp(38px,5.4vw,66px);font-weight:600;letter-spacing:-.035em;line-height:1.02;color:#fff}.hero-title .grad{color:var(--brand-bright)}.hero-sub{margin:24px 0 0;max-width:30em;font-size:18.5px;line-height:1.6;color:var(--on-dark-muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}@media(min-width:641px){.hero-actions .btn-lg{min-width:184px}}.hero-techs{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.hero-tech{font:500 12px/1 Inter,system-ui,sans-serif;letter-spacing:.02em;color:var(--text);padding:7px 12px;border-radius:999px;border:1px solid var(--line-strong);background:#ffffff0a}.hero-trust{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:18px;font-size:14px;color:var(--on-dark-muted)}.hero-trust li{display:flex;align-items:center;gap:8px}.hero-trust li:before{content:"";width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--brand-bright) 0 42%,transparent 46%);border:1px solid rgba(22,201,182,.5)}.hero-visual{min-width:0}.mock{position:relative;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lift);border:1px solid rgba(255,255,255,.14);overflow:hidden;transform:perspective(1600px) rotateY(-7deg) rotateX(2deg);transform-origin:left center}.mock-chrome{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#eef2f1;border-bottom:1px solid #e2e8e6}.mock-dot{width:10px;height:10px;border-radius:50%;background:#cdd6d3}.mock-dot:nth-child(1){background:#f6a5a0}.mock-dot:nth-child(2){background:#f6d180}.mock-dot:nth-child(3){background:#9bd9a6}.mock-url{margin-left:10px;font-family:var(--mono);font-size:12px;color:#616d67;background:#fff;padding:4px 12px;border-radius:999px;border:1px solid #e2e8e6}.mock-body{display:grid;grid-template-columns:116px 1fr;min-height:340px}.mock-rail{background:#0f201d;padding:14px 12px;display:flex;flex-direction:column;gap:7px}.mock-rail-title{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#e9f3f080;margin-bottom:4px}.mock-block{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#e9f3f0d1;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:7px 9px}.mock-block-ico{width:14px;height:14px;border-radius:4px;background:linear-gradient(140deg,var(--brand-bright),var(--brand-strong))}.mock-canvas{position:relative;background:#f4f7f6;padding:22px;display:flex;justify-content:center;align-items:flex-start}.mock-stack{display:flex;flex-direction:column;align-items:stretch;gap:14px;width:100%;max-width:300px}.mock-email{width:100%;background:#fff;border-radius:8px;box-shadow:0 10px 26px -16px #0f201d66;padding:16px;display:flex;flex-direction:column;gap:11px}.mock-email-head{display:flex;align-items:center;justify-content:space-between}.mock-logo{width:62px;height:14px;border-radius:4px;background:linear-gradient(90deg,var(--brand),var(--brand-strong))}.mock-nav-line{width:74px;height:6px;border-radius:4px;background:#dfe6e3}.mock-hero{height:92px;border-radius:8px;background:linear-gradient(135deg,#cdeee8,#a7ddd4 60%,#bfe3d0);position:relative;overflow:hidden}.mock-hero:after{content:"";position:absolute;right:-10px;bottom:-18px;width:92px;height:92px;border-radius:50%;background:#0d948838}.mock-h1{height:15px;width:78%;border-radius:4px;background:#26332f}.mock-line{height:8px;border-radius:4px;background:#e2e8e5}.mock-line.short{width:62%}.mock-btn{align-self:flex-start;font-size:11.5px;font-weight:600;color:#fff;background:var(--brand);padding:8px 14px;border-radius:8px;margin-top:2px}.mock-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.mock-col{height:46px;border-radius:8px;background:#eef3f1;border:1px solid #e4eae8}.mock-selected{position:absolute;left:50%;top:128px;transform:translate(-50%);width:268px;height:34px;border:1.5px dashed var(--brand);border-radius:8px;box-shadow:0 0 0 4px #0d94881f;pointer-events:none}.mock-embed{width:100%;box-sizing:border-box;text-align:center;font-family:var(--mono);font-size:12px;color:#0f201d;background:#ffffffeb;border:1px solid #dbe4e1;border-radius:8px;padding:8px 14px;box-shadow:0 12px 24px -14px #0f201d80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-builds{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.mock-ghost{position:absolute;display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:12.5px;font-weight:500;white-space:nowrap;color:#e9f3f0eb;background:#14251f;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:7px 11px 7px 9px;box-shadow:0 16px 30px -12px #0009;opacity:0;will-change:transform,opacity}.mock-ghost .mg-ico{width:14px;height:14px;border-radius:4px;flex:none;background:linear-gradient(140deg,var(--brand-bright),var(--brand-strong))}.mock-ghost:after{content:"";position:absolute;right:-9px;bottom:-11px;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3l13.5 6.7-5.7 1.5L9.4 17.5z' fill='%230b1a16' stroke='white' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}.mg-image{left:12px;top:106px;animation:mg-image 11s cubic-bezier(.5,0,.2,1) infinite}.mg-text{left:12px;top:66px;animation:mg-text 11s cubic-bezier(.5,0,.2,1) infinite}.mg-button{left:12px;top:148px;animation:mg-button 11s cubic-bezier(.5,0,.2,1) infinite}.mg-columns{left:12px;top:228px;animation:mg-columns 11s cubic-bezier(.5,0,.2,1) infinite}@keyframes mg-image{0%,2%{opacity:0;transform:translate(0) scale(.96)}4%{opacity:1;transform:translate(4px,-4px) scale(1)}13%{opacity:1;transform:translate(190px,40px) scale(1)}15.5%{opacity:0;transform:translate(190px,46px) scale(.9)}to{opacity:0;transform:translate(190px,46px) scale(.9)}}@keyframes mg-text{0%,21%{opacity:0;transform:translate(0) scale(.96)}23%{opacity:1;transform:translate(4px,-4px) scale(1)}31%{opacity:1;transform:translate(196px,140px) scale(1)}33.5%{opacity:0;transform:translate(196px,146px) scale(.9)}to{opacity:0;transform:translate(196px,146px) scale(.9)}}@keyframes mg-button{0%,42%{opacity:0;transform:translate(0) scale(.96)}44%{opacity:1;transform:translate(4px,-4px) scale(1)}52%{opacity:1;transform:translate(190px,118px) scale(1)}54.5%{opacity:0;transform:translate(190px,124px) scale(.9)}to{opacity:0;transform:translate(190px,124px) scale(.9)}}@keyframes mg-columns{0%,60%{opacity:0;transform:translate(0) scale(.96)}62%{opacity:1;transform:translate(4px,-4px) scale(1)}70%{opacity:1;transform:translate(196px,72px) scale(1)}72.5%{opacity:0;transform:translate(196px,78px) scale(.9)}to{opacity:0;transform:translate(196px,78px) scale(.9)}}.mock-hero{animation:mb-hero 11s ease-in-out infinite}.mock-h1{animation:mb-h1 11s ease-in-out infinite}.mock-email .mock-line:not(.short){animation:mb-line1 11s ease-in-out infinite}.mock-email .mock-line.short{animation:mb-line2 11s ease-in-out infinite}.mock-btn{animation:mb-btn 11s ease-in-out infinite}.mock-cols{animation:mb-cols 11s ease-in-out infinite}.mock-hero,.mock-h1,.mock-email .mock-line,.mock-btn,.mock-cols{will-change:transform,opacity}@keyframes mb-hero{0%,14%{opacity:0;transform:translateY(12px) scale(.98)}17%,89%{opacity:1;transform:translateY(0) scale(1)}94%,to{opacity:0;transform:translateY(6px) scale(.99)}}@keyframes mb-h1{0%,32%{opacity:0;transform:translateY(10px) scale(.98)}35%,89%{opacity:1;transform:translateY(0) scale(1)}94%,to{opacity:0;transform:translateY(6px) scale(.99)}}@keyframes mb-line1{0%,35%{opacity:0;transform:translateY(10px)}38%,89%{opacity:1;transform:translateY(0)}94%,to{opacity:0;transform:translateY(6px)}}@keyframes mb-line2{0%,38%{opacity:0;transform:translateY(10px)}41%,89%{opacity:1;transform:translateY(0)}94%,to{opacity:0;transform:translateY(6px)}}@keyframes mb-btn{0%,53%{opacity:0;transform:translateY(10px) scale(.98)}56%,89%{opacity:1;transform:translateY(0) scale(1)}94%,to{opacity:0;transform:translateY(6px) scale(.99)}}@keyframes mb-cols{0%,71%{opacity:0;transform:translateY(10px) scale(.98)}74%,89%{opacity:1;transform:translateY(0) scale(1)}94%,to{opacity:0;transform:translateY(6px) scale(.99)}}@media(prefers-reduced-motion:reduce){.mock-builds{display:none}.mock-hero,.mock-h1,.mock-email .mock-line,.mock-btn,.mock-cols{animation:none!important}}.trust{max-width:var(--maxw);margin:0 auto;padding:16px 24px 56px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 30px}.trust-label{font-family:var(--display);font-weight:500;font-size:15px;letter-spacing:-.01em;color:var(--on-dark-muted);padding-right:30px;border-right:1px solid rgba(233,243,240,.16)}.trust-logos{display:flex;flex-wrap:wrap;gap:12px 30px}.trust-logo{font-family:var(--display);font-weight:600;font-size:15px;color:#e9f3f0ad;letter-spacing:-.01em}.sec-head{max-width:640px;margin:0 auto 44px;text-align:center}.sec-eyebrow{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--brand);margin-bottom:14px}.sec-eyebrow.on-dark{color:var(--brand-bright)}.sec-title{font-size:clamp(26px,3.6vw,40px)}.sec-title.on-dark{color:#fff}.sec-lede{margin:16px 0 0;font-size:17px;color:var(--muted)}.sec-lede.on-dark{color:var(--on-dark-muted)}.inline-code{font-family:var(--mono);font-size:.86em;background:#16c9b624;color:var(--brand-bright);padding:2px 7px;border-radius:8px}.btn-outline{background:transparent;color:var(--brand-strong);border-color:var(--brand)}.btn-outline:hover{background:#2ee6cf1a}.btn-block{width:100%}.tier .btn-outline{border-width:1.5px}.btn-soon{background:transparent;color:var(--muted);border:1px dashed var(--line);cursor:default}.btn-soon:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand);flex:none}.feat{background:var(--paper)}.feat-inner{max-width:var(--maxw);margin:0 auto;padding:84px 24px}.feat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feat-card{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:28px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.feat-card:hover{transform:translateY(-3px);border-color:#2ee6cf47;box-shadow:0 20px 40px -28px #0d948880}.feat-ico{display:inline-flex;color:var(--brand-bright);margin-bottom:14px}.feat-ico svg{width:26px;height:26px;stroke-width:1.75}.feat-card h3{font-size:19px;margin:0 0 8px}.feat-card p{margin:0;color:var(--muted);font-size:15px}.embed{background:var(--ink);color:var(--on-dark)}.embed-inner{max-width:var(--maxw);margin:0 auto;padding:84px 24px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}.embed-copy .sec-eyebrow{margin-bottom:12px}.embed-copy .sec-title,.embed-copy .sec-lede{text-align:left}.embed-checks{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px}.embed-checks li{position:relative;padding-left:28px;color:var(--on-dark-muted);font-size:15px}.embed-checks li:before{content:"✓";position:absolute;left:0;top:-1px;width:19px;height:19px;display:grid;place-items:center;font-size:12px;color:var(--ink);background:var(--brand-bright);border-radius:50%}.code{background:#08110f;border:1px solid var(--on-dark-line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-lift)}.code-tabs{display:flex;align-items:center;gap:4px;padding:8px 10px;background:#0d1a17;border-bottom:1px solid var(--on-dark-line)}.code-tab{font-family:var(--sans);font-size:13.5px;font-weight:600;color:var(--on-dark-muted);background:transparent;border:0;padding:7px 14px;border-radius:8px;cursor:pointer}.code-tab.is-active{color:#fff;background:#16c9b629}.code-file{margin-left:auto;font-family:var(--mono);font-size:12px;color:#e9f3f08c}.code-body{margin:0;padding:20px;overflow-x:auto;font-family:var(--mono);font-size:13px;line-height:1.7;color:#cfe9e2}.code-body code{white-space:pre}.cases{background:var(--cream);border-top:1px solid var(--line)}.cases-inner{max-width:var(--maxw);margin:0 auto;padding:84px 24px}.cases-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.case-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.case-card h3{font-size:17px;margin:0 0 8px}.case-card p{margin:0;color:var(--muted);font-size:14.5px}.pricing{background:var(--paper)}.pricing-inner{max-width:var(--maxw);margin:0 auto;padding:84px 24px}.cycle{display:inline-flex;gap:4px;padding:5px;margin:0 auto 40px;background:var(--cream);border:1px solid var(--line);border-radius:999px;position:relative;left:50%;transform:translate(-50%)}.cycle-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:14.5px;font-weight:600;color:var(--muted);background:transparent;border:0;padding:9px 18px;border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease}.cycle-btn.is-active{background:var(--paper);color:var(--text);box-shadow:0 4px 12px -6px #0e16134d}.cycle-save{font-size:12px;font-weight:700;color:var(--brand-bright);background:#2ee6cf1a;padding:2px 7px;border-radius:999px}.tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}.tier{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;align-content:start;position:relative;transition:transform .28s ease,box-shadow .28s ease,opacity .28s ease,border-color .28s ease;transform-origin:center}.tier--featured{border-color:var(--brand);box-shadow:0 26px 54px -30px #0d948899;position:relative}@media(hover:hover){.tiers:hover .tier{transform:scale(.97);opacity:.72}.tiers:hover .tier:hover{transform:scale(1.04);opacity:1;border-color:var(--brand);box-shadow:0 26px 54px -30px #0d948899;z-index:2}}.tier-flag{position:absolute;top:-12px;left:26px;font-size:12px;font-weight:700;color:#fff;background:var(--brand);padding:4px 12px;border-radius:999px}.tier-name{font-family:var(--display);font-weight:600;font-size:18px}.tier-price{display:flex;align-items:baseline;gap:4px;margin:12px 0 4px}.tier-amt{font-family:var(--display);font-weight:700;font-size:42px;letter-spacing:-.02em}.tier-amt--sm{font-size:30px}.tier-per{color:var(--muted);font-size:16px}.tier-trial{display:inline-block;margin:8px 0 2px;padding:3px 10px;border-radius:999px;background:#14b8a624;color:var(--brand-bright, #14b8a6);font-size:12px;font-weight:700;letter-spacing:.01em}.tier-sub{margin:6px 0 20px;color:var(--muted);font-size:14px;min-height:40px}.tier-list{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:11px}.tier-list li{position:relative;padding-left:26px;font-size:14.5px;color:var(--text)}.tier-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--brand);font-weight:700}.tier-list li:first-child{color:var(--muted);font-weight:600}.tier-list li:first-child:before{content:""}.pricing-hero .pricing-inner{padding-top:72px}.compare{background:var(--cream);border-top:1px solid var(--line)}.compare-inner{max-width:var(--maxw);margin:0 auto;padding:84px 24px}.compare .sec-head{margin-bottom:36px}.cmp-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.cmp{width:100%;min-width:720px;border-collapse:collapse;font-size:14.5px}.cmp th,.cmp td{text-align:center;padding:14px 18px;border-bottom:1px solid var(--line);vertical-align:middle}.cmp thead th{position:sticky;top:56px;z-index:2;background:var(--paper);font-family:var(--display);font-weight:600;font-size:16px;color:var(--text);padding-top:20px;padding-bottom:20px}.cmp .cmp-feature{text-align:left;font-weight:500;color:var(--text);width:44%}.cmp tbody .cmp-feature{font-weight:400;color:var(--muted)}.cmp .cmp-group th{text-align:left;background:var(--cream);font-family:var(--sans);font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-strong);padding-top:16px;padding-bottom:16px}.cmp .cmp-featured{background:#2ee6cf0f}.cmp thead th.cmp-featured{background-color:var(--paper);background-image:linear-gradient(#2ee6cf1a,#2ee6cf1a);color:var(--brand-bright)}.cmp-yes{color:var(--brand);font-weight:800;font-size:17px}.cmp-no{color:#b7c2c0}.cmp-val{color:var(--text);font-weight:600}.cmp .cmp-featured .cmp-no{color:#8d9c99}.cmp .cmp-featured .cmp-yes{color:var(--brand-bright)}.cmp tfoot td{border-bottom:0;padding-top:18px;padding-bottom:20px}.faq{background:var(--cream);border-top:1px solid var(--line)}.faq-inner{max-width:800px;margin:0 auto;padding:84px 24px}.faq-list{display:grid;gap:12px}.faq-item{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.faq-item.is-open{border-color:#2ee6cf47}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;font-family:var(--sans);font-size:16px;font-weight:600;color:var(--text);background:transparent;border:0;padding:18px 22px;cursor:pointer}.faq-chev{flex:none;width:11px;height:11px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .18s ease}.faq-item.is-open .faq-chev{transform:rotate(-135deg)}.faq-a{padding:0 22px 20px}.faq-a p{margin:0;color:var(--muted);font-size:15px;max-width:62ch}.cta{background:var(--ink);color:var(--on-dark);position:relative;isolation:isolate}.cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(700px 300px at 50% 120%,rgba(22,201,182,.22),transparent 60%)}.cta-inner{max-width:760px;margin:0 auto;padding:84px 24px;text-align:center}.cta-inner h2{font-size:clamp(28px,4vw,42px);color:#fff}.cta-inner p{margin:16px auto 0;max-width:40em;color:var(--on-dark-muted);font-size:17px}.cta-actions{margin-top:28px;display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.footer{background:var(--ink-2);color:var(--on-dark);border-top:1px solid var(--on-dark-line)}.footer-inner{max-width:var(--maxw);margin:0 auto;padding:56px 24px 34px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,2fr);gap:40px}.footer-brand p{margin:14px 0 0;max-width:24em;color:var(--on-dark-muted);font-size:15px}.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.footer-col{display:flex;flex-direction:column;gap:11px}.footer-h{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--on-dark);margin-bottom:3px}.footer-col a{color:var(--on-dark-muted);font-size:14.5px;transition:color .15s ease}.footer-col a:hover{color:var(--brand-bright)}.footer-base{max-width:var(--maxw);margin:0 auto;padding:20px 24px 34px;border-top:1px solid var(--on-dark-line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13.5px;color:var(--on-dark-muted)}@media(max-width:900px){.hero-inner{grid-template-columns:1fr;gap:40px;padding-top:44px}.mock{transform:none}.nav-links,.nav-cta{display:none}.nav-burger{display:flex}.nav-mobile.is-open{display:block}.embed-inner{grid-template-columns:1fr;gap:34px}.feat-grid,.cases-grid,.tiers{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{grid-template-columns:1fr;gap:30px}}@media(max-width:560px){.nav-inner{padding:12px 16px}.hero-inner,.trust{padding-left:16px;padding-right:16px}.trust-label{padding-right:0;border-right:0;width:100%}.footer-cols{grid-template-columns:1fr 1fr}.mock-embed{display:none}.btn-lg,.hero-actions{width:100%}.feat-grid,.cases-grid,.tiers{grid-template-columns:1fr}.feat-inner,.embed-inner,.cases-inner,.pricing-inner,.compare-inner,.faq-inner{padding-left:16px;padding-right:16px}.cycle{width:100%;justify-content:center;flex-wrap:wrap}}.reveal-on :is(section:not(.hero),.footer){opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.reveal-on :is(section:not(.hero),.footer).in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-on :is(section:not(.hero),.footer){opacity:1;transform:none;transition:none}}.signup{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:var(--paper);overflow-x:clip}.signup-brand{position:relative;background:var(--ink);color:var(--on-dark);display:flex;align-items:center;overflow:clip;isolation:isolate}.signup-brand-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(760px 420px at 78% -8%,rgba(22,201,182,.3),transparent 62%),radial-gradient(560px 380px at 6% 108%,rgba(15,118,110,.28),transparent 60%)}.signup-brand-inner{max-width:460px;margin:0 auto;padding:56px 48px}.signup-brand-logo{display:inline-flex;margin-bottom:40px}.signup-brand-title{font-family:var(--display);font-weight:600;font-size:40px;line-height:1.08;letter-spacing:-.02em;margin-bottom:18px}.signup-brand-sub{color:var(--on-dark-muted);font-size:16px;line-height:1.6;margin-bottom:30px}.signup-brand-points{list-style:none;padding:0;margin:0;display:grid;gap:14px}.signup-brand-points li{position:relative;padding-left:30px;font-size:15px;color:var(--on-dark)}.signup-brand-points li:before{content:"✓";position:absolute;left:0;top:-1px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--brand);color:#fff;font-size:12px;font-weight:800}.signup-form-wrap{display:flex;align-items:center;justify-content:center;padding:48px 24px}.signup-form{width:100%;max-width:420px}.signup-hello{font-family:var(--display);font-weight:600;font-size:30px;letter-spacing:-.02em}.signup-welcome{color:var(--muted);font-size:15px;margin:8px 0 26px}.signup-label{display:block;font-size:13.5px;font-weight:600;color:var(--text);margin:16px 0 7px}.signup-label span{color:var(--brand-strong)}.signup-field{position:relative;display:flex;align-items:center}.signup-field-ico{position:absolute;left:13px;width:18px;height:18px;color:var(--muted);pointer-events:none}.signup-input{width:100%;font-family:var(--sans);font-size:15px;color:var(--text);padding:12px 14px 12px 40px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);transition:border-color .15s ease,box-shadow .15s ease}.signup-input::placeholder{color:#9aa6ac}.signup-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #0d948829}.signup-hint{font-size:12.5px;color:var(--muted);margin:7px 0 0}.signup-check{display:flex;align-items:flex-start;gap:9px;margin:20px 0 4px;font-size:13.5px;color:var(--text);cursor:pointer}.signup-check input{margin-top:2px;accent-color:var(--brand);width:16px;height:16px}.signup-check a{color:var(--brand-strong);font-weight:600}.signup-input[aria-invalid=true]{border-color:#f27173}.signup-input[aria-invalid=true]:focus{border-color:#f27173;box-shadow:0 0 0 3px #f271732e}.signup-field-err{color:#f4a0a1;font-size:12.5px;margin:7px 0 0}.signup-error{color:#f4a0a1;background:#f2686b1a;border:1px solid rgba(242,104,107,.32);border-radius:var(--radius-sm);padding:9px 12px;font-size:13.5px;margin:16px 0 0}.signup-submit{margin-top:20px}.signup-alt{text-align:center;font-size:14px;color:var(--muted);margin:18px 0 0}.signup-alt a{color:var(--brand-strong);font-weight:600}.signup-or{display:flex;align-items:center;gap:14px;margin:20px 0;color:var(--muted);font-size:13px}.signup-or:before,.signup-or:after{content:"";flex:1;height:1px;background:var(--line)}.signup-google{gap:10px}.signup-done{text-align:center}.signup-done-check{width:56px;height:56px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#2ee6cf1a;color:var(--brand-bright);font-size:28px;font-weight:800}.signup-done h2{font-family:var(--display);font-weight:600;font-size:24px;margin-bottom:10px}.signup-done p{color:var(--muted);font-size:15px;line-height:1.6;margin-bottom:24px}@media(max-width:860px){.signup{grid-template-columns:1fr}.signup-brand{display:none}}.signup-google-btn{display:flex;justify-content:center;min-height:44px}.notfound{min-height:62vh;display:grid;place-items:center;padding:96px 24px 120px;text-align:center}.notfound-inner{max-width:560px}.notfound-title{font-size:clamp(30px,5vw,46px);font-weight:600;margin-top:14px;color:#fff}.notfound-sub{margin:18px auto 30px;max-width:46ch;font-size:17px;color:var(--muted)}.notfound .hero-actions{justify-content:center}.legal{padding:64px 24px 100px}.legal-inner{max-width:760px;margin:0 auto}.legal-head{margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--line)}.legal-title{font-size:clamp(32px,5vw,48px);font-weight:600;color:#fff}.legal-updated{margin-top:12px;font-family:var(--mono);font-size:13px;color:var(--faint)}.legal-section{margin-bottom:34px}.legal-section h2{font-size:21px;font-weight:600;margin-bottom:12px;color:var(--text)}.legal-section p{font-size:15.5px;line-height:1.7;color:#d7e4e0;margin:0 0 12px;max-width:68ch}.cmp-hero{min-height:auto;padding:96px 0 56px}.cmp-hero .hero-inner{display:block}.cmp-hero .hero-copy{max-width:760px}.content-section{padding:56px 0}.content-alt{background:var(--ink-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.content-inner{max-width:var(--maxw);margin:0 auto;padding:0 24px}.content-prose{max-width:780px}.content-prose p{color:var(--muted);font-size:17px;line-height:1.7;margin:0 0 18px}.content-prose h2{font-family:var(--display);font-size:30px;line-height:1.2;margin:0 0 8px;color:var(--text)}.content-prose code{font-family:var(--mono);font-size:.88em;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:1px 6px;color:var(--brand-bright)}.content-fairness{background:color-mix(in srgb,var(--brand) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));border-radius:var(--radius-sm);padding:16px 20px;margin-top:8px}.content-fairness strong{color:var(--text)}.compare-head{margin-bottom:28px}.compare-head h2{font-family:var(--display);font-size:32px;line-height:1.15;margin:6px 0 0;color:var(--text)}.cmp-foot{color:var(--faint);font-size:13.5px;margin:18px 0 0}.cmp-foot a{color:var(--brand-bright)}.feat-card h3{font-family:var(--display);font-size:18px;margin:0 0 8px;color:var(--text)}.feat-card p{color:var(--muted);font-size:15px;line-height:1.6;margin:0}.code-block{background:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius);padding:18px 20px;overflow-x:auto;margin:0 0 18px}.code-block code{font-family:var(--mono);font-size:13.5px;line-height:1.65;color:var(--on-dark);background:none;border:none;padding:0;white-space:pre}.qa-list{margin:0;display:grid;gap:20px}.qa-item dt{font-family:var(--display);font-weight:600;font-size:17px;color:var(--text);margin-bottom:6px}.qa-item dd{margin:0;color:var(--muted);font-size:16px;line-height:1.65}.guide-steps{list-style:none;counter-reset:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:40px}.guide-step{min-width:0}.guide-step pre,.guide-step .code-block{max-width:100%;overflow-x:auto}.guide-step h2{display:flex;align-items:center;gap:14px;font-family:var(--display);font-size:24px;margin:0 0 12px;color:var(--text)}.guide-step-num{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--brand);color:var(--ink);font-size:16px;font-weight:700}@media(max-width:760px){.cmp-hero{padding:72px 0 40px}.content-prose h2,.compare-head h2{font-size:26px}.guide-step h2{font-size:21px}}.cmp-hero-points{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}.cmp-hero-points li{position:relative;padding-left:26px;color:var(--text);font-size:16px;line-height:1.5}.cmp-hero-points li:before{content:"✓";position:absolute;left:0;top:0;color:var(--brand-bright);font-weight:700}.tldr-box{background:color-mix(in srgb,var(--brand) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));border-radius:var(--radius);padding:22px 24px}.tldr-label{display:inline-block;font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--brand-bright);margin-bottom:8px}.tldr-box p{margin:0;color:var(--text);font-size:17px;line-height:1.65}.code-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.code-col{min-width:0}.code-col-h{font-family:var(--display);font-weight:600;font-size:15px;color:var(--muted);margin-bottom:10px}.code-col-h-mk{color:var(--brand-bright)}.code-compare .code-block{height:100%}.cmp-sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;justify-content:center;gap:20px;padding:12px 20px;background:#060d0bdb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line-strong)}.cmp-sticky-text{color:var(--text);font-size:15px;font-weight:500}.cmp-sticky-actions{display:inline-flex;gap:10px;flex:0 0 auto}.cmp-sticky-spacer{height:68px}@media(max-width:760px){.code-compare{grid-template-columns:1fr}.cmp-sticky{gap:12px;padding:10px 14px}.cmp-sticky-text{display:none}.cmp-sticky-actions{width:100%;justify-content:center}}.feat-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense}.feat-card--a,.feat-card--d,.feat-card--e{grid-column:span 2}.feat-card--a{grid-row:span 1;padding:28px;background:linear-gradient(145deg,#2dd4bf24,#2dd4bf08 60%),var(--cream);border-color:#2dd4bf47}.feat-card--a h3{font-size:24px;letter-spacing:-.02em}.feat-card--a p{font-size:16px;max-width:46ch}.feat-card--e{background:linear-gradient(200deg,rgba(45,212,191,.09),transparent 55%),var(--cream)}.feat-snippet{margin:18px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#00000047;color:var(--brand-bright);font:500 12.5px/1.6 var(--mono);overflow:hidden}@media(max-width:900px){.feat-card--a,.feat-card--d,.feat-card--e{grid-column:auto}.feat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.feat-grid{grid-template-columns:minmax(0,1fr);gap:16px}.feat-card,.feat-card--a{padding:22px 20px}.feat-card--a h3{font-size:21px}.feat-snippet{overflow-x:auto}}.cases-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px}.case-card{background:none;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;padding:24px 0 28px}.case-card h3{font-size:18px}.cases-grid{max-width:880px;margin-inline:auto}@media(max-width:760px){.cases-grid{grid-template-columns:minmax(0,1fr)}}.embed-checks li:before{top:2px}.code pre{margin:0;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:760px){.embed-inner{padding:44px 16px 52px;gap:28px}.embed-checks li{padding-left:30px;line-height:1.5}.embed-checks li:before{top:1px}}.tier-list li:first-child{padding-left:0}@media(max-width:760px){.tiers{gap:20px}.tier{padding:26px 22px}.tier-flag{left:22px}.tier-sub{min-height:0;margin-bottom:18px}.pricing-hero .pricing-inner{padding-top:40px;padding-bottom:36px}.compare-inner{padding-top:36px;padding-bottom:48px}.cmp-scroll{-webkit-overflow-scrolling:touch}.cmp{min-width:0;width:max-content}.cmp .cmp-feature{width:112px}.cmp th,.cmp td{padding-left:10px;padding-right:10px}.cmp th.cmp-feature,.cmp td.cmp-feature{position:sticky;left:0;z-index:1;min-width:112px;max-width:112px;background:var(--cream);font-size:13px;box-shadow:1px 0 0 var(--line)}.cmp thead th:not(.cmp-feature),.cmp td:not(.cmp-feature){min-width:76px}}.content-section .feat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.content-section .feat-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.cmp--text{width:100%;min-width:0;table-layout:fixed}.cmp--text th,.cmp--text td{padding:10px 8px;font-size:12.5px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}.cmp--text .cmp-feature{width:34%;min-width:0;max-width:none;position:static;box-shadow:none}.cmp--text thead th:not(.cmp-feature),.cmp--text td:not(.cmp-feature){width:33%;min-width:0;max-width:none}.cmp--text .cmp-val{font-weight:600}}.cmp-hero{padding:8px 0 24px}.cmp-hero .hero-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center;padding-top:48px;padding-bottom:32px}.cmp-hero .hero-copy{max-width:none}.cmp-hero-card{margin:0;align-self:center;padding:22px 24px 24px}.cmp-hero-card p{font-size:16.5px;line-height:1.6}@media(max-width:900px){.cmp-hero .hero-inner{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:32px}}body:has(.cmp-sticky){padding-bottom:96px}@media(max-width:720px){body:has(.cmp-sticky){padding-bottom:120px}}.demo-page{display:flex;flex-direction:column;height:100dvh;background:var(--bg, #05100e);color:var(--text, #e9f3f0)}.demo-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 20px;border-bottom:1px solid rgba(233,243,240,.12)}.demo-logo{display:inline-flex;align-items:center;min-height:44px}.demo-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#e9f3f014}.demo-tab{min-height:36px;padding:0 20px;border:0;border-radius:999px;background:transparent;color:#e9f3f0b8;font:600 14px/1 var(--display);cursor:pointer;transition:background-color .16s ease,color .16s ease}.demo-tab.is-active{background:var(--brand);color:#04201b}.demo-tab:active{transform:scale(.97)}.demo-tab:focus-visible{outline:2px solid #ffffff;outline-offset:2px}@media(hover:hover)and (pointer:fine){.demo-tab:not(.is-active):hover{color:#fff}}.demo-note{flex:0 0 auto;margin:0;padding:10px 20px;font-size:14px;line-height:20px;color:var(--on-dark-muted);border-bottom:1px solid rgba(233,243,240,.08)}.demo-note strong{color:var(--text, #e9f3f0)}.demo-phone{flex:1 1 auto;display:grid;align-content:center;justify-items:center;gap:14px;padding:32px 24px;text-align:center}.demo-phone h1{margin:0;font-family:var(--display);font-size:26px;line-height:1.2;color:var(--text, #e9f3f0);text-wrap:balance}.demo-phone p{margin:0;max-width:34ch;font-size:16px;line-height:1.5;color:var(--on-dark-muted)}.demo-stage{flex:1 1 0;min-height:0;background:#f4f6f8}@media(max-width:720px){.demo-bar{padding:8px 16px}}.tier-was{margin-left:8px;font-size:15px;font-weight:500;color:var(--on-dark-muted);text-decoration-thickness:1px}.demo-action{min-height:36px;padding:0 16px;border-radius:10px;border:1px solid rgba(233,243,240,.22);background:#e9f3f00d;color:var(--text, #e9f3f0);font:600 13.5px/1 var(--font, inherit);cursor:pointer;transition:background-color .14s ease-out,border-color .14s ease-out,transform .12s ease-out}@media(hover:hover)and (pointer:fine){.demo-action:hover{background:#2dd4bf24;border-color:var(--brand)}}.demo-action:active{transform:scale(.97)}.demo-action:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.demo-action.is-primary{background:var(--brand);border-color:var(--brand);color:#04201b}@media(hover:hover)and (pointer:fine){.demo-action.is-primary:hover{background:color-mix(in srgb,var(--brand) 88%,#ffffff)}}@media(prefers-reduced-motion:reduce){.demo-action{transition:none}}.tier-flag,.mock-btn{color:#04211d}.cmp-hint{display:none}@media(pointer:coarse),(max-width:760px){.footer-col a{display:flex;align-items:center;min-height:40px}.code-tab{min-height:36px;padding:8px 14px}}@media(max-width:760px){.cmp-hint{display:block;margin:0 0 8px;font-size:13px;color:var(--on-dark-muted, var(--muted));text-align:right}}.demo-bar-end{display:inline-flex;align-items:center;gap:12px}.demo-feedback-btn{min-height:40px;padding:0 14px;border-radius:10px;border:1px solid rgba(233,243,240,.22);background:transparent;color:var(--text, #e9f3f0);font:600 14px/1 var(--font, inherit);cursor:pointer;transition:background-color .14s ease-out,border-color .14s ease-out,transform .12s ease-out}@media(hover:hover)and (pointer:fine){.demo-feedback-btn:hover{background:#2dd4bf1f;border-color:var(--brand)}}.demo-fb-short{display:none}.demo-feedback-btn:active{transform:scale(.97)}.demo-feedback-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media(max-width:520px){.demo-bar{flex-wrap:wrap;row-gap:2px}.demo-bar-end{margin-left:auto}.demo-fb-long{display:none}.demo-fb-short{display:inline}.demo-bar-end{gap:8px}.demo-feedback-btn{padding:0 10px}.demo-cta{padding-inline:12px}}.fb-dialog{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid rgba(233,243,240,.16);border-radius:14px;background:#0b1a17;color:var(--text, #e9f3f0);overflow:auto;overscroll-behavior:contain}.fb-dialog::backdrop{background:#020807b8}.fb-dialog[open]{animation:fb-in .18s cubic-bezier(.23,1,.32,1)}@keyframes fb-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.fb-body{display:flex;flex-direction:column;gap:16px;padding:22px}.fb-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.fb-body h2{margin:0;font-family:var(--display);font-size:22px;line-height:1.2;color:#fff}.fb-x{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-10px -10px -10px 0;border:0;border-radius:10px;background:none;color:var(--on-dark-muted);cursor:pointer}@media(hover:hover)and (pointer:fine){.fb-x:hover{background:#e9f3f014;color:#fff}}.fb-x:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.fb-lead{margin:-4px 0 0;font-size:15px;line-height:1.5;color:var(--on-dark-muted)}.fb-field{display:flex;flex-direction:column;gap:6px}.fb-field label{font-size:13.5px;font-weight:600;color:var(--text, #e9f3f0)}.fb-opt{font-weight:400;color:var(--on-dark-muted)}.fb-field input,.fb-field textarea{width:100%;min-height:44px;padding:10px 12px;border-radius:10px;border:1px solid rgba(233,243,240,.22);background:#e9f3f00d;color:#fff;font:400 16px/1.4 var(--font, inherit)}.fb-field textarea{min-height:96px;height:clamp(96px,22dvh,140px);resize:vertical}.fb-field input::placeholder,.fb-field textarea::placeholder{color:#e9f3f09e}.fb-field input:focus-visible,.fb-field textarea:focus-visible{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}.fb-field input[readonly]{color:var(--on-dark-muted);background:#e9f3f008;cursor:default}.fb-field [aria-invalid=true]{border-color:#f87171}.fb-count{align-self:flex-end;font-size:12px;color:var(--on-dark-muted);font-variant-numeric:tabular-nums}.fb-err{margin:0;font-size:13.5px;line-height:1.4;color:#fca5a5}.fb-form-err{padding:10px 12px;border-radius:10px;background:#f871711a}.fb-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.fb-privacy{margin:0;font-size:13px;line-height:1.5;color:var(--on-dark-muted)}.fb-actions{display:flex;justify-content:flex-end;gap:10px}.fb-actions .btn{min-height:44px}.fb-actions .btn:disabled{opacity:.6;cursor:not-allowed}.fb-done{align-items:flex-start;padding:28px 22px}.fb-done p{margin:0;font-size:15.5px;line-height:1.55;color:var(--on-dark-muted)}.fb-ref strong{color:#fff;font-family:var(--mono, ui-monospace, monospace);letter-spacing:.04em}@media(max-width:520px){.fb-body{padding:18px}.fb-actions{flex-direction:column-reverse}.fb-actions .btn{width:100%}}@media(prefers-reduced-motion:reduce){.fb-dialog[open]{animation:none}.demo-feedback-btn{transition:none}}.demo-bar{justify-content:flex-start;gap:14px;padding:8px 16px}.demo-logo{min-height:40px}.demo-start{display:inline-flex;gap:8px;margin-left:6px;padding-left:16px;border-left:1px solid rgba(233,243,240,.14)}.demo-bar .demo-cta{min-height:40px;padding-block:0}.demo-bar-end{margin-left:auto}.demo-note{padding:7px 16px;font-size:13px;line-height:18px;text-wrap:balance;border-bottom:1px solid rgba(233,243,240,.08)}.demo-note-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--text, #e9f3f0);font-weight:600}.demo-note-confirm .demo-action{min-height:30px;padding:0 12px}@media(max-width:940px){.demo-bar{flex-wrap:wrap;row-gap:6px}.demo-start{order:3;flex:1 0 100%;margin-left:0;padding-left:0;border-left:0}}.demo-bar{align-items:center}.demo-bar .demo-tab,.demo-bar .demo-action,.demo-bar .demo-feedback-btn,.demo-bar .demo-cta{min-height:36px;height:36px;padding:0 16px;border-radius:999px;font:600 14px/1 var(--sans, inherit);letter-spacing:0}.demo-bar .demo-tab{padding:0 18px}.demo-bar .demo-action{border:1px solid rgba(233,243,240,.24);background:transparent;color:var(--text, #e9f3f0)}@media(hover:hover)and (pointer:fine){.demo-bar .demo-action:hover{background:#e9f3f012;border-color:#e9f3f066}}.demo-bar .demo-feedback-btn{border-color:transparent;color:var(--on-dark-muted)}@media(hover:hover)and (pointer:fine){.demo-bar .demo-feedback-btn:hover{background:#e9f3f012;border-color:transparent;color:#fff}}.demo-bar .demo-cta{padding:0 20px}.demo-start{gap:8px}.demo-note-confirm .demo-action{border-radius:999px;min-height:32px;height:32px;padding:0 14px;font:600 13.5px/1 var(--sans, inherit)}.demo-note-confirm .demo-action:not(.is-primary){border:1px solid rgba(233,243,240,.24);background:transparent}.demo-tab,.demo-action,.demo-feedback-btn,.fb-x,.fb-actions .btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.demo-tab{transition:background-color .16s ease-out,color .16s ease-out,transform .12s ease-out}.fb-x{transition:background-color .14s ease-out,transform .12s ease-out}.fb-x:active{transform:scale(.95)}.demo-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.demo-note{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px}.demo-note>p{margin:0}.demo-limits{flex:0 0 auto}.demo-limits summary{list-style:none;cursor:pointer;padding:4px 2px;font-weight:600;color:var(--on-dark-muted);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#e9f3f04d}.demo-limits summary::-webkit-details-marker{display:none}.demo-limits summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}@media(hover:hover)and (pointer:fine){.demo-limits summary:hover{color:#fff}}.demo-limits[open] p{position:absolute;right:16px;top:calc(100% + 6px);z-index:20;width:min(380px,calc(100vw - 32px));margin:0;padding:12px 14px;border:1px solid rgba(233,243,240,.18);border-radius:10px;background:#0b1a17;color:var(--text, #e9f3f0);font-size:13.5px;line-height:1.5;box-shadow:0 12px 32px #00000073}.fb-actions{position:sticky;bottom:0;margin:0 -22px -22px;padding:14px 22px;background:#0b1a17;border-top:1px solid rgba(233,243,240,.08)}.fb-actions .btn[aria-disabled=true]{opacity:.6;cursor:not-allowed}.fb-done h2:focus{outline:none}@media(max-width:520px){.fb-actions{margin:0 -18px -18px;padding:12px 18px}}@media(pointer:coarse),(max-width:940px){.demo-bar .demo-tab,.demo-bar .demo-action,.demo-bar .demo-feedback-btn,.demo-bar .demo-cta{min-height:40px;height:40px}.demo-note-confirm .demo-action{min-height:36px;height:36px}}@media(prefers-reduced-motion:reduce){.demo-tab,.fb-x{transition:none}.fb-dialog[open]{animation:fb-fade .12s linear}}@keyframes fb-fade{0%{opacity:0}to{opacity:1}}.demo-note-confirm{justify-content:flex-start}.demo-bar .demo-cta:active,.fb-x:active{transform:scale(.97)}.demo-feedback-btn{transition:background-color .14s ease-out,border-color .14s ease-out,color .14s ease-out,transform .12s ease-out}.fb-x{transition:background-color .14s ease-out,color .14s ease-out,transform .12s ease-out}.demo-limits summary{transition:color .14s ease-out}.demo-cta,.demo-logo,.demo-limits summary,.fb-done .btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.fb-dialog{scroll-padding-block:16px 84px}.fb-dialog[open]::backdrop{animation:fb-fade .18s ease-out}.demo-limits summary{color:var(--text, #e9f3f0)}.demo-limits summary:after{content:"";display:inline-block;width:6px;height:6px;margin:0 2px 3px 8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .14s ease-out}.demo-limits[open] summary:after{transform:rotate(225deg) translate(-1px,-1px)}@media(prefers-reduced-motion:reduce){.demo-limits summary:after,.demo-feedback-btn,.demo-limits summary{transition:none}.fb-dialog[open]::backdrop{animation:none}}.tpl-filter,.tpl-device{display:flex;flex-wrap:wrap;gap:8px}.tpl-chip{min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--text);font:600 14px/1 var(--sans);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .14s ease-out,border-color .14s ease-out,color .14s ease-out,transform .12s ease-out}.tpl-chip span{margin-left:6px;font-weight:500;color:var(--faint);font-variant-numeric:tabular-nums}.tpl-chip[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#04201b}.tpl-chip[aria-pressed=true] span{color:#04201bb3}.tpl-chip:active{transform:scale(.97)}.tpl-chip:focus-visible{outline:2px solid var(--brand-bright);outline-offset:2px}@media(hover:hover)and (pointer:fine){.tpl-chip[aria-pressed=false]:hover{background:#ffffff0f;border-color:#ffffff47}}.tpl-count{margin:20px 0 16px;font-size:14px;color:var(--muted)}.tpl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}.tpl-card{min-width:0}.tpl-card-link{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:inherit;text-decoration:none;transition:border-color .16s ease-out,transform .16s ease-out}.tpl-card-link:focus-visible{outline:2px solid var(--brand-bright);outline-offset:3px}@media(hover:hover)and (pointer:fine){.tpl-card-link:hover{border-color:#2ee6cf73;transform:translateY(-2px)}}.tpl-thumb{position:relative;aspect-ratio:5 / 4;overflow:hidden;background:#fff;border-bottom:1px solid var(--line)}.tpl-thumb iframe{position:absolute;top:0;left:0;height:1100px;border:0;transform-origin:top left;pointer-events:none;background:#fff}.tpl-card-body{display:flex;flex-direction:column;gap:6px;padding:16px 18px 20px}.tpl-card-title{font:600 18px/1.25 var(--display);color:var(--text)}.tpl-card-meta{font-size:13px;font-weight:600;color:var(--brand-bright)}.tpl-card-desc{font-size:14.5px;line-height:1.5;color:var(--muted);text-wrap:pretty}.tpl-detail{padding-top:40px}.tpl-crumbs{display:flex;align-items:center;gap:8px;margin-bottom:28px;font-size:14px;color:var(--faint)}.tpl-crumbs a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:40px;margin:0 -8px;padding:0 8px;color:var(--muted);text-decoration:none}@media(hover:hover)and (pointer:fine){.tpl-crumbs a:hover{color:var(--text);text-decoration:underline}}.tpl-detail-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}.tpl-detail-copy{position:sticky;top:96px}.tpl-h1{margin:0 0 16px;font:700 clamp(32px,4vw,46px)/1.1 var(--display);letter-spacing:-.02em;text-wrap:balance}.tpl-h2{margin:0 0 24px;font:700 28px/1.2 var(--display)}.tpl-lead{margin:0 0 28px;max-width:46ch;font-size:18px;line-height:1.6;color:var(--muted)}.tpl-facts{display:grid;gap:18px;margin:36px 0 0;padding-top:28px;border-top:1px solid var(--line)}.tpl-facts dt{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--text)}.tpl-facts dd{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}.tpl-facts a{color:var(--brand-bright)}.tpl-preview{min-width:0}.tpl-device{margin-bottom:14px}.tpl-stage{display:flex;justify-content:center;padding:24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2)}.tpl-frame{position:relative;overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 24px 48px -24px #0009}.tpl-frame iframe{position:absolute;top:0;left:0;border:0;transform-origin:top left;background:#fff}.tpl-grid--related{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1000px){.tpl-grid,.tpl-grid--related{grid-template-columns:repeat(2,minmax(0,1fr))}.tpl-detail-grid{grid-template-columns:minmax(0,1fr);gap:40px}.tpl-detail-copy{position:static}}@media(max-width:640px){.tpl-grid,.tpl-grid--related{grid-template-columns:minmax(0,1fr);gap:20px}.tpl-stage{padding:12px}.tpl-filter{flex-wrap:nowrap;overflow-x:auto;margin:0 -24px;padding:0 24px 6px;scrollbar-width:thin}.tpl-chip{flex:0 0 auto}}@media(prefers-reduced-motion:reduce){.tpl-chip,.tpl-card-link{transition:none}.tpl-card-link:hover{transform:none}}.tpl-howto-lead{margin:0 0 20px;max-width:70ch;font-size:16.5px;line-height:1.65;color:var(--muted);text-wrap:pretty}.tpl-howto-lead code{font-family:var(--mono);font-size:.9em;color:var(--text)}.tpl-code{margin:0 0 20px;padding:20px 22px;overflow-x:auto;border:1px solid var(--line-strong);border-radius:var(--radius);background:#060e0c;color:#d7ece7;font:400 13.5px/1.65 var(--mono);-moz-tab-size:2;tab-size:2}.tpl-code:focus-visible{outline:2px solid var(--brand-bright);outline-offset:2px}.tpl-howto-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0}.tpl-howto-links a{display:inline-flex;align-items:center;min-height:40px;color:var(--brand-bright)}@media(max-width:640px){.tpl-code{padding:16px;font-size:12.5px}}a.tpl-chip{display:inline-flex;align-items:center;text-decoration:none}.tpl-chip[aria-current=page]{background:var(--brand);border-color:var(--brand);color:#04201b}.tpl-chip[aria-current=page] span{color:#04201bb3}@media(hover:hover)and (pointer:fine){a.tpl-chip:not([aria-current=page]):hover{background:#ffffff0f;border-color:#ffffff47}}@media(min-width:761px){.cmp-scroll{overflow:visible}.cmp thead th{top:var(--nav-h, 76px)}}