.fp{position:relative;overflow-x:clip}@media (width>=1260px){.fp:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(var(--border), var(--border)) no-repeat calc(50% - 600px) 0 / 1px 100%, linear-gradient(var(--border), var(--border)) no-repeat calc(50% + 600px) 0 / 1px 100%;position:absolute;inset:0}}.fp>*{z-index:1;position:relative}.fp>.fp-backdrop{z-index:0;pointer-events:none;background:radial-gradient(ellipse 55% 60% at 50% 72%, color-mix(in srgb, var(--tone) 22%, transparent), transparent 70%), radial-gradient(ellipse 40% 40% at 85% 10%, color-mix(in srgb, var(--tone) 10%, transparent), transparent 70%), linear-gradient(color-mix(in srgb, var(--tone) 10%, transparent) 1px, transparent 1px) 0 0 / 44px 44px, linear-gradient(90deg, color-mix(in srgb, var(--tone) 10%, transparent) 1px, transparent 1px) 0 0 / 44px 44px;height:760px;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000,#000 15% 60%,#0000);mask-image:linear-gradient(#0000,#000 15% 60%,#0000)}.fp-reveal :where(.fp .section-head,.fp .split>*,.fp .tool,.fp .steps li,.fp .faq,.fp .more-card,.fp [data-reveal]){opacity:0;transition:opacity .6s ease var(--d,0s), translate .6s cubic-bezier(.2, .7, .2, 1) var(--d,0s);translate:0 16px}.fp-reveal .fp .in{opacity:1;translate:none}.fp-hero{text-align:center;flex-direction:column;align-items:center;gap:22px;padding-top:80px;padding-bottom:80px;display:flex}.fp .pill{border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-nav);background:var(--paper);align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:14px;display:inline-flex}.fp .pill-badge{background:var(--tone);width:22px;height:22px;color:var(--paper);border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.fp .dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.fp h1{letter-spacing:-.035em;max-width:900px;margin:0;font-size:clamp(40px,6vw,72px);line-height:1.02}.fp .lede{max-width:640px;color:var(--text-secondary);margin:0;font-size:20px;line-height:1.5}.fp .cta-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.fp .btn{border-radius:var(--radius-md);align-items:center;padding:12px 20px;font-size:15px;font-weight:600;display:inline-flex}.fp .btn-accent{background:var(--accent);color:var(--paper)}.fp .btn-accent:hover{background:var(--accent-hover);color:var(--paper)}.fp .btn-outline{border:1px solid var(--border-strong);color:var(--ink);font-weight:500}.fp .btn-outline:hover{color:var(--ink);background:var(--canvas)}.fp .btn-ghost{color:var(--paper);border:1px solid #ffffff4d;font-weight:500}.fp .btn-ghost:hover{color:var(--paper);background:#ffffff14}.fp-visual{justify-content:center;width:100%;max-width:920px;margin-top:28px;display:flex}.fp-visual:empty{display:none}.fp .mock{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;box-shadow:0 30px 80px #0b0b0c14, 0 12px 40px color-mix(in srgb, var(--tone,var(--accent)) 10%, transparent);text-align:left;padding:22px;position:relative}.fp .mock.flat{box-shadow:0 20px 50px #0b0b0c0f}.fp .muted{color:var(--text-muted)}.fp .small{font-size:13px}.fp .label{color:var(--text-nav);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.fp .field{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--paper);white-space:nowrap;align-items:center;gap:8px;min-height:42px;padding:9px 12px;font-size:14px;display:flex;overflow:hidden}.fp .field.focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--bar-track)}.fp .tag{border-radius:var(--radius-pill);background:var(--tag-grey-bg);color:var(--tag-grey-fg);white-space:nowrap;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:500;display:inline-flex}.fp .tag.blue{background:var(--tag-blue-bg);color:var(--tag-blue-fg)}.fp .tag.green{background:var(--tag-green-bg);color:var(--tag-green-fg)}.fp .tag.orange{background:var(--tag-orange-bg);color:var(--tag-orange-fg)}.fp .code{background:var(--ink);color:#e6e6ea;border-radius:var(--radius-lg);font-family:var(--font-mono);text-align:left;margin:0;padding:20px 22px;font-size:13px;line-height:1.7;overflow-x:auto}.fp .code .c{color:#7b7b85}.fp .code .k{color:#8fa2ff}.fp .code .s{color:#f2a07b}.fp .code .n{color:#7ad4a8}.fp .band{background:color-mix(in srgb, var(--tone-soft,var(--canvas)) 40%, var(--paper));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.fp .section{flex-direction:column;gap:40px;padding-top:96px;padding-bottom:96px;display:flex}.fp .section-head{flex-direction:column;gap:12px;max-width:660px;display:flex}.fp .section-head.center{text-align:center;align-self:center;align-items:center}.fp .section-head p,.fp .split-text p{color:var(--text-secondary);margin:0;font-size:18px;line-height:1.55}.fp .eyebrow{color:var(--tone-ink,var(--link));text-transform:uppercase;letter-spacing:.08em;font-size:13px}.fp h2{letter-spacing:-.03em;margin:0;font-size:clamp(32px,4vw,44px);line-height:1.1}.fp h3{margin:0;font-size:17px}.fp .split{grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-top:88px;padding-bottom:88px;display:grid}.fp .split.reverse>:first-child{order:2}.fp .split+.split{padding-top:0}.fp .split-text{flex-direction:column;gap:16px;display:flex}@media (width<=860px){.fp .split{grid-template-columns:1fr;gap:40px}.fp .split.reverse>:first-child{order:0}}.fp .checks{color:var(--text-secondary);flex-direction:column;gap:10px;margin:4px 0 0;padding:0;list-style:none;display:flex}.fp .checks li{padding-left:28px;line-height:1.5;position:relative}.fp .checks li:before{content:"";background:var(--tone-soft,var(--tag-blue-bg));border-radius:50%;width:18px;height:18px;position:absolute;top:3px;left:0}.fp .checks li:after{content:"";background:var(--tone,var(--accent));width:12px;height:12px;position:absolute;top:6px;left:3px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") 50%/contain no-repeat}.fp .tools{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.fp .tool{background:var(--paper);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:8px;padding:24px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative}.fp .tool:hover{border-color:color-mix(in srgb, var(--tone,var(--accent)) 35%, var(--border));box-shadow:0 16px 40px color-mix(in srgb, var(--tone,var(--accent)) 12%, transparent);transform:translateY(-3px)}.fp .tool p{color:var(--text-secondary);margin:0;line-height:1.5}.fp .tool-icon{border-radius:var(--radius-md);background:var(--tone-soft,var(--surface-muted));width:38px;height:38px;color:var(--tone,var(--ink));flex:none;justify-content:center;align-items:center;margin-bottom:6px;transition:transform .2s;display:flex}.fp .tool:hover .tool-icon,.fp .more-card:hover .tool-icon{transform:scale(1.08)rotate(-4deg)}.fp .steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.fp .steps li{counter-increment:step;border-top:2px solid var(--tone,var(--ink));flex-direction:column;gap:8px;padding-top:18px;display:flex}.fp .steps li:before{content:counter(step, decimal-leading-zero);font-family:var(--font-mono);color:var(--tone,var(--accent));font-size:13px}.fp .steps p{color:var(--text-secondary);margin:0;line-height:1.5}.fp .faq{border-top:1px solid var(--border);flex-direction:column;max-width:820px;display:flex}.fp .faq details{border-bottom:1px solid var(--border)}.fp .faq summary{cursor:pointer;justify-content:space-between;gap:16px;padding:20px 0;font-size:17px;font-weight:600;list-style:none;display:flex}.fp .faq summary::-webkit-details-marker{display:none}.fp .faq summary:after{content:"+";color:var(--tone,var(--text-muted));font-size:22px;font-weight:400;line-height:1;transition:transform .15s}.fp .faq details[open] summary:after{transform:rotate(45deg)}.fp .faq p{max-width:680px;color:var(--text-secondary);margin:0 0 20px;line-height:1.6}.fp .more{grid-template-columns:repeat(var(--more-cols,5), 1fr);gap:12px;display:grid}@media (width<=1000px){.fp .more{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.fp .more{grid-template-columns:1fr 1fr}}.fp .more-card{border:1px solid var(--border);color:var(--ink);border-radius:16px;flex-direction:column;gap:4px;padding:20px;transition:border-color .15s,background .15s;display:flex;position:relative}.fp .more-card:hover{color:var(--ink);border-color:color-mix(in srgb, var(--tone) 40%, var(--border));background:color-mix(in srgb, var(--tone-soft) 50%, var(--paper))}.fp .more-title{font-weight:600}.fp .more-desc{color:var(--text-muted);font-size:14px;line-height:1.45}.fp .more-arrow{color:var(--tone,var(--accent));transition:transform .15s;position:absolute;top:20px;right:20px}.fp .more-card:hover .more-arrow{transform:translate(3px)}.fp .cta-band{background:var(--ink);background-image:radial-gradient(ellipse 60% 80% at 50% 120%, color-mix(in srgb, var(--tone) 55%, transparent), transparent 70%);color:var(--paper)}.fp .cta-inner{text-align:center;flex-direction:column;align-items:center;gap:16px;padding-top:88px;padding-bottom:88px;display:flex}.fp .cta-inner p{color:#a8a8ae;margin:0 0 8px;font-size:18px}@media (width<=640px){.fp-hero{padding-top:56px;padding-bottom:56px}.fp .lede{font-size:18px}.fp .section,.fp .split{padding-top:64px;padding-bottom:64px}.fp .mock{padding:16px}}