@layer tokens,base,components,site;@layer page{.hero{isolation:isolate;text-align:center;padding-block:clamp(3rem,8vw,6rem) clamp(2.5rem,6vw,4rem);position:relative;overflow:clip}.hero:before{content:"";z-index:-1;background:radial-gradient(44rem 24rem at 50% -6%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 72%), radial-gradient(20rem 12rem at 78% 14%, color-mix(in srgb, var(--sun) 16%, transparent), transparent 70%), radial-gradient(18rem 11rem at 20% 18%, color-mix(in srgb, var(--ember) 9%, transparent), transparent 70%);pointer-events:none;height:44rem;position:absolute;inset:0 0 auto}.hero:after{content:"";z-index:-1;background-image:radial-gradient(color-mix(in srgb, var(--text) 13%, transparent) 1px, transparent 1px);pointer-events:none;background-size:22px 22px;height:36rem;position:absolute;inset:0 0 auto;-webkit-mask-image:radial-gradient(60rem 28rem at 50% 0,#000 30%,#0000 75%);mask-image:radial-gradient(60rem 28rem at 50% 0,#000 30%,#0000 75%)}.hero__pill{border:1px solid var(--border);border-radius:var(--r-pill);background:color-mix(in srgb, var(--surface) 80%, transparent);color:var(--text-2);font-size:var(--fs-sm);box-shadow:var(--shadow-sm);align-items:center;gap:.5rem;padding:.3rem .85rem;font-weight:550;display:inline-flex}.hero__pill .dot{background:var(--ok-solid);width:.45rem;height:.45rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--ok-solid) 22%, transparent);border-radius:50%}.hero h1{margin-top:var(--s-5);font-size:var(--fs-hero);letter-spacing:-.05em;font-weight:760;line-height:1.02}.hero h1 em{background:var(--grad-brand);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero__lede{max-width:36rem;margin:var(--s-5) auto 0;color:var(--text-2);font-size:clamp(1.05rem,.95rem + .5vw,1.25rem);line-height:1.55}.create{border:1px solid var(--border);border-radius:var(--r-2xl);background:var(--surface);max-width:40rem;box-shadow:var(--shadow-lg), var(--ring-accent);text-align:left;margin:clamp(2rem,4.5vw,3rem) auto 0;padding:clamp(1.1rem,3.5vw,1.75rem);position:relative}.create:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 70%, transparent), transparent);height:1px;position:absolute;inset:-1px 2rem auto}.create--done{border-color:var(--ok-border)}.create .field+.create__row{margin-top:var(--s-4)}.create__row{gap:var(--s-3);align-items:end;display:grid}@media (width>=36rem){.create__row{grid-template-columns:minmax(0,1fr) auto}}.create__submit{min-width:9rem}.input-group--lg{min-height:3rem}.input-group--lg .input{min-height:3rem;font-size:var(--fs-md)}.input-group__icon{color:var(--text-3);align-items:center;padding-left:.85rem;display:inline-flex}.input-group__icon+.input{padding-left:.55rem}.create__foot{justify-content:center;gap:var(--s-2) var(--s-5);margin-top:var(--s-5);padding-top:var(--s-4);border-top:1px dashed var(--border);color:var(--text-3);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.create__foot span{align-items:center;gap:.4rem;display:inline-flex}.create .callout{margin-top:var(--s-4)}.result__head{align-items:flex-start;gap:var(--s-3);display:flex}.result__check{background:var(--ok-soft);border:1px solid var(--ok-border);width:2.5rem;height:2.5rem;color:var(--ok-text);animation:pop .35s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.result__head h2{font-size:var(--fs-xl);outline:none}.result__sub{color:var(--text-3);font-size:var(--fs-sm);margin-top:.15rem}.result__link{align-items:center;gap:var(--s-2) var(--s-3);margin-top:var(--s-5);border:1px solid var(--accent-border);border-radius:var(--r-lg);background:linear-gradient(135deg, var(--accent-soft), color-mix(in srgb, var(--accent-soft) 40%, var(--surface)));flex-wrap:wrap;padding:.6rem .6rem .6rem 1.1rem;display:flex}.result__link a{min-width:0;color:var(--accent-text);font-family:var(--font-mono);overflow-wrap:anywhere;flex:14rem;font-size:clamp(1.05rem,.9rem + .9vw,1.4rem);font-weight:650;text-decoration:none}.result__link a:hover{text-decoration:underline}.result__meta{gap:var(--s-3);margin-top:var(--s-4);display:grid}@media (width>=36rem){.result__meta{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}.result__meta div{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);min-width:0;padding:.6rem .85rem}.result__meta dt{color:var(--text-3);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;font-weight:650}.result__meta dd{color:var(--text);font-size:var(--fs-sm);margin-top:.15rem}.result__key{margin-top:var(--s-4);display:block}.result__key-title{align-items:center;gap:var(--s-2);font-weight:650;display:flex}.result__key p{margin-top:.3rem}.result__key .input-group{margin-top:var(--s-3);border-color:var(--warn-border)}.result__key .input{color:var(--text)}.result__actions{gap:var(--s-2);margin-top:var(--s-5);flex-wrap:wrap;display:flex}.section{padding-block:clamp(3rem,7vw,5.5rem)}.section--tint{background:var(--surface);border-block:1px solid var(--border)}.section__head{max-width:40rem;margin-bottom:clamp(1.75rem,4vw,2.75rem)}.section__head--center{text-align:center;margin-inline:auto}.section__head h2{font-size:var(--fs-3xl);letter-spacing:-.035em;font-weight:720}.section__head p{margin-top:var(--s-3);color:var(--text-2);font-size:var(--fs-lg)}.links{text-align:left;max-width:46rem;margin:clamp(2rem,5vw,3rem) auto 0}.links__head{justify-content:space-between;align-items:baseline;gap:var(--s-1) var(--s-4);margin-bottom:var(--s-3);flex-wrap:wrap;display:flex}.links__head h2{align-items:center;gap:var(--s-2);font-size:var(--fs-xl);display:flex}.links__count{border-radius:var(--r-pill);background:var(--surface-3);color:var(--text-2);font-family:var(--font-sans);font-size:var(--fs-sm);padding:0 .5rem;font-weight:650;line-height:1.6}.links__list{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.link-row{align-items:center;gap:var(--s-2) var(--s-5);padding:var(--s-3) var(--s-4);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;transition:background-color .15s;display:grid}.link-row:hover{background:color-mix(in srgb, var(--surface-2) 55%, transparent)}.link-row+.link-row{border-top:1px solid var(--border)}.link-row__name{align-items:center;gap:var(--s-1);min-width:0;display:flex}.link-row__icon{border-radius:var(--r-md);background:var(--accent-soft);width:1.9rem;height:1.9rem;color:var(--accent-text);flex:none;place-items:center;margin-right:.35rem;display:grid}.link-row__name a{color:var(--text);font-family:var(--font-mono);font-size:var(--fs-base);font-weight:600;text-decoration:none}.link-row__name a:hover{color:var(--accent-text);text-decoration:underline}.link-row__name .host{color:var(--text-3);font-weight:400}.link-row__key{align-items:center;gap:var(--s-1);min-width:0;color:var(--text-3);font-family:var(--font-mono);font-size:var(--fs-sm);display:flex}.link-row__key .i-key{margin-right:.25rem}.link-row__actions{gap:var(--s-1);justify-content:flex-end;display:flex}@media (width<=43.99rem){.link-row{grid-template-columns:minmax(0,1fr)}.link-row__actions{justify-content:flex-start;margin-left:-.4rem}}.features{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));display:grid}.feature{padding:var(--s-6);border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);transition:border-color .2s,box-shadow .2s,transform .2s}.feature:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.section--tint .feature{background:var(--bg)}.feature__icon{width:2.5rem;height:2.5rem;margin-bottom:var(--s-4);border:1px solid var(--accent-border);border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent-text);place-items:center;display:grid}.feature h3{font-size:var(--fs-md);letter-spacing:-.005em}.feature p{margin-top:var(--s-2);color:var(--text-2);font-size:var(--fs-base);line-height:1.55}.passthrough{gap:var(--s-5) var(--s-8);margin-top:var(--s-4);border:1px solid var(--border);border-radius:var(--r-xl);background:var(--bg);align-items:center;padding:clamp(1.25rem,3vw,2rem);display:grid}@media (width>=52rem){.passthrough{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}.passthrough h3{font-size:var(--fs-lg)}.passthrough p{margin-top:var(--s-2);color:var(--text-2);font-size:var(--fs-base)}.passthrough__demo{gap:var(--s-2);font-family:var(--font-mono);font-size:var(--fs-sm);display:grid}.passthrough__url{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text-3);overflow-wrap:anywhere;padding:.65rem .85rem}.passthrough__url b{color:var(--text);font-weight:600}.passthrough__url mark{color:var(--accent-text);background:0 0;font-weight:600}.passthrough__arrow{color:var(--text-3);justify-self:center;line-height:0;rotate:90deg}.api{gap:var(--s-8);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (width>=56rem){.api{gap:var(--s-12);grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}.api h2{font-size:var(--fs-3xl);letter-spacing:-.035em;font-weight:720}.api__copy>p{margin-top:var(--s-4);color:var(--text-2)}.api__list{margin-top:var(--s-5);gap:var(--s-3);display:grid}.api__list li{gap:var(--s-3);color:var(--text-2);font-size:var(--fs-base);display:flex}.api__list .i{color:var(--ok-text);margin-top:.3rem}.api__list code{overflow-wrap:anywhere}.api__copy .btn{margin-top:var(--s-6)}.api__code{gap:var(--s-3);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.api__code .code{box-shadow:var(--shadow-md)}.audience{gap:var(--s-6) var(--s-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));display:grid}.audience h3{align-items:center;gap:var(--s-3);font-size:var(--fs-md);display:flex}.audience__icon{border-radius:var(--r-md);background:var(--accent-soft);width:2rem;height:2rem;color:var(--accent-text);flex:none;place-items:center;display:grid}.audience p{margin-top:var(--s-3);color:var(--text-2);font-size:var(--fs-base);line-height:1.55}.plans{gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));max-width:52rem;margin-inline:auto;display:grid}.plan{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;padding:clamp(1.25rem,3vw,2rem);display:flex}.plan--pro{border-color:var(--accent-border);background:radial-gradient(24rem 12rem at 100% 0%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 70%), var(--surface);box-shadow:var(--ring-accent), var(--shadow-md)}.plan__name{align-items:center;gap:var(--s-2);color:var(--text-2);font-family:var(--font-sans);font-size:var(--fs-sm);letter-spacing:.06em;text-transform:uppercase;font-weight:650;display:flex}.plan__badge{border-radius:var(--r-pill);background:var(--grad-brand);color:#fff;font-size:var(--fs-xs);letter-spacing:.02em;text-transform:none;padding:.05rem .55rem}.plan__price{margin-top:var(--s-3);font-family:var(--font-display);letter-spacing:-.045em;font-size:2.5rem;font-weight:740;line-height:1.1}.plan__price small{color:var(--text-3);font-family:var(--font-sans);font-size:var(--fs-base);letter-spacing:0;font-weight:400}.plan__for{margin-top:var(--s-2);color:var(--text-2);font-size:var(--fs-base)}.plan__list{margin-block:var(--s-5);font-size:var(--fs-base);gap:.65rem;display:grid}.plan__list li{gap:var(--s-3);display:flex}.plan__list .i{color:var(--ok-text);margin-top:.3rem}.plan__cta{margin-top:auto}.plan__cta .hint{margin-top:var(--s-3);text-align:center}.about{gap:var(--s-8) var(--s-12);display:grid}@media (width>=52rem){.about{grid-template-columns:1fr 1fr}}.about h2{font-size:var(--fs-2xl);letter-spacing:-.025em}.about p{margin-top:var(--s-4);color:var(--text-2)}.cta{align-items:center;gap:var(--s-4);padding:clamp(2.25rem, 6vw, 4rem) var(--s-5);border:1px solid var(--border);border-radius:var(--r-2xl);background:radial-gradient(30rem 13rem at 50% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 75%), radial-gradient(16rem 9rem at 85% 100%, color-mix(in srgb, var(--sun) 12%, transparent), transparent 75%), var(--surface);box-shadow:var(--shadow-md);text-align:center;flex-direction:column;display:flex}.cta img{width:5rem}.cta h2{font-size:var(--fs-3xl);letter-spacing:-.035em;font-weight:720}.cta p{color:var(--text-2);max-width:30rem}}