/* bugstweet.com: built by website/build.py from the Hub's website preview. Do not edit by hand. */
:root{--font-display:'Bricolage Grotesque','Avenir Next',system-ui,sans-serif;--font-body:'IBM Plex Sans',system-ui,-apple-system,sans-serif;--font-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;background:#161321}
body{font-family:var(--font-body);line-height:1.55;-webkit-text-size-adjust:100%}
h1,h2,h3,h4{margin:0;line-height:1.2;text-wrap:balance}
p{margin:0}
a{color:inherit}
/* Website preview: look B's own fixed dark colors, the same in both themes, as the site will be. */
.site{max-width:390px;margin:16px auto 0;border-radius:24px;overflow:hidden;background:#161321;color:#f6f1ff;border:6px solid #2a2440;font-family:var(--font-body)}
.site img{display:block}
.s-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px}
.s-brand{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:1.05rem}
.s-brand img{width:28px;height:28px}
.s-nav{display:flex;gap:14px;font-size:.88rem;color:#c9bfe6}
.s-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:10px 18px 26px}
.s-glow{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(135,48,255,.55) 0%,rgba(82,21,233,.18) 45%,rgba(22,19,33,0) 70%)}
.s-glow img{width:136px;height:136px}
.s-hero h3{font-family:var(--font-display);font-size:1.9rem;font-weight:700;line-height:1.1;margin:0}
.s-hero p{color:#c9bfe6;font-size:1.02rem}
.s-btns{display:flex;flex-direction:column;gap:10px;align-self:stretch}
.s-grid{display:flex;flex-direction:column;gap:10px}
.s-btn{display:block;text-align:center;padding:12px 16px;border-radius:999px;background:#8730ff;color:#fff;font-weight:600;box-shadow:0 0 24px rgba(135,48,255,.5)}
.s-btn.ghost{background:none;box-shadow:none;border:1px solid #4a3f6b;color:#f6f1ff}
.s-sec{display:flex;flex-direction:column;gap:10px;padding:22px 16px;border-top:1px solid #2a2440}
.s-sec h4{font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin:0}
.s-lead{color:#c9bfe6;font-size:.95rem}
.s-card{background:#1f1a33;border:1px solid #352d55;border-radius:14px;padding:12px 14px}
.s-card p{color:#c9bfe6;font-size:.92rem;margin-top:2px}
.s-ticks,.s-how{margin:0;display:grid;gap:8px;font-size:.92rem;color:#e6def8}
.s-ticks{list-style:none;padding:0}
.s-ticks li{padding-left:30px;position:relative}
.s-ticks li::before{content:"";position:absolute;left:0;top:calc((1.55em - 18px)/2);width:18px;height:18px;border-radius:50%;background:#8730ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 12.5l4 4L18.5 8'/%3E%3C/svg%3E") center/12px no-repeat;box-shadow:0 0 10px rgba(135,48,255,.45)}
.s-how{padding-left:20px;margin-top:8px}
.s-how li::marker{color:#d98bff;font-weight:700}
.s-end{border-top:0;padding-top:4px}
.s-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:22px 16px 26px;font-size:.9rem;color:#b1a9cc;border-top:1px solid #2a2440}
.s-copy{flex-basis:100%;color:#8f86ad;font-size:.85rem}
.s-nav{align-items:center;gap:10px;font-size:.82rem}
.s-nav>*{white-space:nowrap}
.s-nav [aria-current]{color:#fff;font-weight:600}
.s-signin{color:#f6f1ff;font-weight:600}
.s-promise{border-color:#8730ff;box-shadow:0 0 24px rgba(135,48,255,.25)}
/* The Pricing page in the preview. */
.s-switches{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:12px}
.s-switches .s-switch{margin-top:0}
.s-hero.s-text{padding-top:28px}
.s-plans{display:flex;flex-direction:column;gap:12px}
.s-plan.pro{border-color:#8730ff;box-shadow:0 0 24px rgba(135,48,255,.35)}
.s-pname{font-family:var(--font-display);font-size:1.15rem}
.s-pprice{font-family:var(--font-display);font-size:2rem;font-weight:800;line-height:1.1;margin:4px 0 2px}
.s-plan .s-ticks{margin-top:12px}
/* The computer preview: the same site at 1280 px, scaled down to the column by hub.js. */
.s-switch{margin-top:12px}
.s-scale{margin-top:14px;overflow:hidden;border-radius:14px}
.s-scale-in{width:1296px;transform-origin:0 0}
.draft mark{background:var(--warn-soft);color:var(--ink);font-weight:600;padding:1px 3px;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.shot-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:10px}
.shot-pair figure{margin:0}
.shot-pair figcaption{font-size:.85rem;font-weight:600;color:var(--muted);margin-bottom:6px}
.shot-pair img{width:100%;height:auto;border-radius:10px;border:1px solid var(--line)}
/* Logo tab: the animated bird. A fixed dark card on purpose (the kit's own preview ground),
   so it looks the same in light and dark. Every class, id and animation starts with bd-. */
.bd{
 --bd-ground:#161321;--bd-ink:#F3EEFF;--bd-muted:#A79FC2;--bd-line:#2E2742;
 --bd-glow:#8730FF;--bd-note:#D98BFF;--bd-love:#FF5C93;--bd-star:#FFD66B;
 margin-top:14px;padding:16px 14px 22px;border-radius:12px;background:var(--bd-ground);color:var(--bd-ink);
 display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px 14px;align-items:start;overflow:clip;
 -webkit-tap-highlight-color:transparent;touch-action:manipulation;color-scheme:dark}
/* Two columns at every width: the bird stays in view on the left (below the sticky tab bar)
   while the buttons scroll past on the right. overflow:clip above keeps sticky working. */
.bd-side{position:sticky;top:calc(env(safe-area-inset-top,0px) + 56px);display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}
.bd-panel{display:flex;flex-direction:column;gap:6px;min-width:0}
.bd-host{width:min(100%,52vh,420px)}
/* One bird (made by BugTweetBird.create in bird.js). It fills its box; its effects are sized in
   cqw, a share of its own width, so a 44 px logo and a 400 px hero animate alike. */
.bd-stage{
 --bd-glow:#8730FF;--bd-note:#D98BFF;--bd-love:#FF5C93;--bd-star:#FFD66B;--bd-ink:#F3EEFF;--bd-muted:#A79FC2;
 position:relative;width:100%;aspect-ratio:1;max-width:100%;container-type:inline-size}
.bd-glow{position:absolute;inset:14%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--bd-glow) 34%,transparent),transparent);filter:blur(14px);transition:background .6s ease}
.bd-bird{position:absolute;inset:0;display:block;margin:0;padding:0;border:0;border-radius:24px;background:none;color:inherit}
button.bd-bird{cursor:pointer}
.bd-bird:focus-visible{outline:2px solid var(--bd-note);outline-offset:-6px}
.bd-hop,.bd-tilt,.bd-breath{display:block;width:100%;height:100%}
.bd-bird svg{display:block;width:100%;height:100%;overflow:visible}
.bd-fx{position:absolute;inset:0;pointer-events:none}

/* Whole-bird motion lives on plain wrappers, so the logo's own artwork transform is never touched. */
.bd-breath{transform-origin:50% 62%;animation:bd-breathe 3.6s ease-in-out infinite}
@keyframes bd-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.018)}}
.bd-hop{transform-origin:50% 84%}
.bd-hop.go{animation:bd-hop .56s cubic-bezier(.3,.7,.4,1)}
.bd-hop.nod{animation:bd-nod .8s ease-in-out}
.bd-hop.shake{animation:bd-shake .7s ease-in-out}
.bd-hop.spin{animation:bd-spin .9s cubic-bezier(.4,0,.3,1);transform-origin:50% 55%}
.bd-hop.bounce{animation:bd-bounce 1s ease-in-out}
.bd-hop.peck{animation:bd-peck .5s ease-in-out}
.bd-hop.jolt{animation:bd-jolt .5s ease-out}
.bd-hop.lean{animation:bd-lean 1.2s ease-in forwards}
.bd-hop.choo{animation:bd-choo .6s ease-out}
@keyframes bd-hop{0%{transform:translateY(0) scale(1,1)}16%{transform:translateY(0) scale(1.06,.92)}46%{transform:translateY(-9%) scale(.96,1.05)}72%{transform:translateY(0) scale(1.04,.95)}88%{transform:scale(.99,1.01)}100%{transform:none}}
@keyframes bd-nod{0%,50%,100%{transform:none}25%,75%{transform:translateY(3%) scale(1.01,.97)}}
@keyframes bd-shake{0%,100%{transform:none}20%{transform:translateX(-4%) rotate(-3deg)}40%{transform:translateX(4%) rotate(3deg)}60%{transform:translateX(-3%) rotate(-2deg)}80%{transform:translateX(2%) rotate(1deg)}}
@keyframes bd-spin{0%{transform:none}30%{transform:translateY(-8%) rotate(150deg)}70%{transform:translateY(-8%) rotate(300deg)}100%{transform:rotate(360deg)}}
@keyframes bd-bounce{0%,20%,40%,60%,80%,100%{transform:translateY(0) scale(1.02,.98)}10%,30%,50%,70%,90%{transform:translateY(-4%) scale(.98,1.02)}}
@keyframes bd-peck{0%,100%{transform:none}30%{transform:translateY(-2%) scale(.98)}55%{transform:translateY(5%) scale(1.04,.97)}}
@keyframes bd-jolt{0%{transform:none}20%{transform:translateY(-5%) scale(.94,1.08)}60%{transform:translateY(-1%) scale(1.02,.98)}100%{transform:none}}
@keyframes bd-lean{to{transform:translateY(-3%) scale(.97,1.05) rotate(-3deg)}}
@keyframes bd-choo{0%{transform:translateY(-3%) scale(.97,1.05) rotate(-3deg)}25%{transform:translateY(5%) scale(1.08,.92) rotate(2deg)}60%{transform:scale(.99,1.01)}100%{transform:none}}
.bd-tilt{transform-origin:50% 60%;transition:transform .5s cubic-bezier(.3,1.4,.5,1)}
.bd-tilt.left{transform:rotate(-9deg)}
.bd-tilt.right{transform:rotate(9deg)}
.bd-tilt.wiggle{animation:bd-wiggle .7s ease-in-out}
@keyframes bd-wiggle{0%,100%{transform:rotate(0)}20%{transform:rotate(-7deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(3deg)}}
@keyframes bd-wobble{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}

/* Inside the logo: the white eye centers blink and look around; the beak bobs. */
.bd-lid{transform-box:fill-box;transform-origin:center;transition:transform .07s ease-in}
.bd-lid.shut{transform:scaleY(.08)}
.bd-beak{transform-box:fill-box;transform-origin:50% 0%}
.bd-beak.chirp{animation:bd-chirp .34s ease-in-out}
@keyframes bd-chirp{0%,50%,100%{transform:none}25%{transform:translateY(5%) scaleY(.94)}75%{transform:translateY(4%) scaleY(.95)}}

/* Mood pieces drawn on top of the logo. Hidden until the stage carries a mood class. */
.bd-sheet{transform-box:fill-box;transform-origin:50% 0;transform:scaleY(0);transition:transform .35s ease}
.bd-arc{opacity:0;transition:opacity .2s ease}
.bd-heart{transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.bd-brow{transform-box:fill-box;transform-origin:center;opacity:0;transform:translateY(-24px);transition:transform .3s ease,opacity .25s ease}
.bd-blush{opacity:0;transition:opacity .4s ease}
.bd-shades{transform-box:fill-box;transform-origin:center;opacity:0;transform:translateY(-460px);transition:transform .55s cubic-bezier(.3,1.3,.5,1),opacity .2s ease}
.m-sleepy .bd-sheet{transform:scaleY(.55)}
.m-shy .bd-sheet{transform:scaleY(.3)}
.m-sneeze .bd-sheet{transform:scaleY(.5)}
.m-happy .bd-arc,.m-gotit .bd-arc{opacity:1}
.m-love .bd-heart{transform:scale(1);animation:bd-beat .8s ease-in-out .35s infinite}
@keyframes bd-beat{0%,100%{transform:scale(1)}40%{transform:scale(1.14)}}
.m-happy .bd-blush,.m-love .bd-blush,.m-shy .bd-blush,.m-gotit .bd-blush{opacity:1}
.m-surprised .bd-brow,.m-hunt .bd-brow,.m-sneeze .bd-brow{opacity:1;transform:none}
.m-surprised .bd-brow,.m-hunt .bd-brow{transform:translateY(-22px)}
.m-sneeze .bd-brow-L{transform:rotate(-10deg) translateY(-12px)}
.m-sneeze .bd-brow-R{transform:rotate(10deg) translateY(-12px)}
.m-cool .bd-shades{opacity:1;transform:none}
.m-sleepy .bd-tilt{transform:rotate(5deg) translateY(2%)}
.m-sleepy .bd-breath{animation-duration:5.5s}
.m-shy .bd-tilt{transform:rotate(-4deg) translateY(3%) scale(.94)}
.m-cool .bd-tilt{transform:rotate(-4deg)}

/* Second set of moves. */
.bd-hop.jump{animation:bd-jump .8s cubic-bezier(.3,.7,.4,1)}
.bd-hop.flip{animation:bd-flip 1s ease-in-out;transform-origin:50% 55%}
.bd-hop.squash{animation:bd-squash .8s ease-out}
.bd-hop.stretch{animation:bd-stretch .8s ease-out}
.bd-hop.shiver{animation:bd-shiver .8s linear}
.bd-hop.sway{animation:bd-sway 2s ease-in-out;transform-origin:50% 90%}
.bd-hop.fly{animation:bd-fly 2s ease-in-out}
.bd-hop.hide{animation:bd-hide 1.6s ease-in-out;transform-origin:50% 55%}
.bd-hop.zoom{animation:bd-zoom .9s ease-in-out;transform-origin:50% 55%}
.bd-hop.bob{animation:bd-bob 1.2s ease-in-out}
.bd-hop.laugh{animation:bd-laugh 1.4s ease-in-out}
.bd-hop.sneak{animation:bd-sneak 2.4s ease-in-out}
@keyframes bd-jump{0%{transform:none}15%{transform:scale(1.1,.86)}50%{transform:translateY(-24%) scale(.94,1.08)}80%{transform:scale(1.08,.9)}100%{transform:none}}
@keyframes bd-flip{0%{transform:none}20%{transform:scale(1.06,.92)}50%{transform:translateY(-20%) rotate(-180deg)}80%{transform:rotate(-360deg) scale(1.05,.95)}100%{transform:rotate(-360deg)}}
@keyframes bd-squash{0%{transform:none}35%{transform:scale(1.28,.62)}60%{transform:scale(.9,1.12)}80%{transform:scale(1.04,.97)}100%{transform:none}}
@keyframes bd-stretch{0%{transform:none}40%{transform:scale(.82,1.28)}65%{transform:scale(1.06,.94)}100%{transform:none}}
@keyframes bd-shiver{0%,10%,30%,50%,70%,90%{transform:translateX(-1.5%)}5%,20%,40%,60%,80%{transform:translateX(1.5%)}100%{transform:none}}
@keyframes bd-sway{0%,100%{transform:none}20%{transform:rotate(-7deg)}45%{transform:rotate(7deg)}70%{transform:rotate(-5deg)}88%{transform:rotate(4deg)}}
@keyframes bd-fly{0%{transform:none}18%{transform:translateY(4%) scale(1.06,.92)}45%,58%{transform:translateY(-160%) scale(.7) rotate(-8deg)}85%{transform:translateY(3%) scale(1.04,.96)}100%{transform:none}}
@keyframes bd-hide{0%{transform:none;opacity:1}25%,70%{transform:scale(.05);opacity:0}85%{transform:scale(1.15);opacity:1}100%{transform:none}}
@keyframes bd-zoom{0%{transform:none}40%{transform:scale(1.22)}70%{transform:scale(.96)}100%{transform:none}}
@keyframes bd-bob{0%,25%,50%,75%,100%{transform:none}12%,37%,62%,87%{transform:translateY(3%) scale(1.01,.97)}}
@keyframes bd-laugh{0%,100%{transform:none}10%,30%,50%,70%,90%{transform:translateY(-2%) rotate(-2deg)}20%,40%,60%,80%{transform:translateY(1%) rotate(2deg)}}
@keyframes bd-sneak{0%,100%{transform:none}25%,45%{transform:translateX(-6%)}75%{transform:translateX(5%)}}
@keyframes bd-twinkle{0%,100%{transform:rotate(-8deg) scale(1)}50%{transform:rotate(8deg) scale(1.1)}}
@keyframes bd-bubble{0%,100%{transform:scale(.25)}50%{transform:scale(1)}}

/* Second set of moods. */
.bd-stareye{transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.bd-closed{opacity:0;transition:opacity .2s ease}
.bd-hat{transform-box:fill-box;transform-origin:center;opacity:0;transform:translateY(-320px);transition:transform .55s cubic-bezier(.3,1.3,.5,1),opacity .2s ease}
.bd-bubble{transform-box:fill-box;transform-origin:20% 50%;transform:scale(0)}
.m-starry .bd-stareye{transform:scale(1);animation:bd-twinkle 1s ease-in-out .35s infinite}
.m-laugh .bd-arc,.m-proud .bd-arc,.m-sing .bd-arc{opacity:1}
.m-laugh .bd-blush,.m-kiss .bd-blush,.m-proud .bd-blush{opacity:1}
.m-asleep .bd-sheet{transform:scaleY(1)}
.m-asleep .bd-closed{opacity:1}
/* eyesClosed(true): calm closed eyes that stay until turned off. */
.bd-shut .bd-sheet{transform:scaleY(1)}
.bd-shut .bd-closed{opacity:1}
.m-asleep .bd-bubble{animation:bd-bubble 2.4s ease-in-out .6s infinite}
.m-asleep .bd-breath{animation-duration:6s}
.m-asleep .bd-tilt{transform:rotate(6deg) translateY(3%)}
.m-sneaky .bd-sheet{transform:scaleY(.45)}
.m-think .bd-brow{opacity:1;transform:none}
.m-think .bd-brow-R{transform:rotate(-6deg) translateY(-22px)}
.m-party .bd-hat{opacity:1;transform:rotate(-12deg)}
.m-proud .bd-tilt{transform:translateY(-3%) scale(1.06) rotate(-3deg)}
.m-sneaky .bd-tilt{transform:translateY(5%) scale(.92)}
.m-sing .bd-tilt{animation:bd-wobble 1.6s ease-in-out infinite}

.bd-bug{position:absolute;left:2%;top:89%;width:17%;aspect-ratio:50 / 36;transform:translate(-50%,-50%)}
.bd-bug svg{display:block;width:100%;height:100%}
.bd-bug.walk .bd-legs-a{animation:bd-scurry .16s linear infinite alternate}
.bd-bug.walk .bd-legs-b{animation:bd-scurry .16s linear infinite alternate-reverse}
@keyframes bd-scurry{from{transform:translateX(-1.6px)}to{transform:translateX(1.6px)}}
.bd-floater{position:absolute;font-family:var(--font-display,ui-rounded,system-ui,sans-serif);font-weight:700;line-height:1;color:var(--bd-note);animation:bd-float 1.3s ease-out forwards}
@keyframes bd-float{0%{opacity:0;transform:translate(0,0) scale(.6) rotate(0)}15%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.1) rotate(var(--rot))}}
.bd-pop{position:absolute;font-family:var(--font-display,ui-rounded,system-ui,sans-serif);font-weight:700;line-height:1;white-space:nowrap;color:var(--bd-ink);transform:translate(-50%,-50%);animation:bd-pop 1.5s ease-out forwards}
@keyframes bd-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}30%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-70%) scale(1)}}

.bd-words{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.bd-words h3{font-size:clamp(1.05rem,4vw,1.5rem);color:var(--bd-ink)}
.bd-hint{color:var(--bd-muted);font-size:clamp(.8rem,3vw,.94rem)}
.bd-count{font-variant-numeric:tabular-nums;color:var(--bd-ink)}
.bd-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 18px}
.bd-swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.bd-swatch{width:40px;height:40px;border-radius:50%;border:0;padding:0;box-shadow:0 0 0 2px var(--bd-ground),0 0 0 3px var(--bd-line);transition:transform .15s ease,box-shadow .15s ease}
.bd-swatch[aria-pressed="true"]{box-shadow:0 0 0 3px var(--bd-ground),0 0 0 5px var(--bd-ink)}
.bd-swatch:active{transform:scale(.92)}
.bd-sound{min-height:44px;padding:0 18px;border-radius:22px;border:1px solid var(--bd-line);background:transparent;color:var(--bd-muted);font-size:.94rem;font-weight:500}
.bd-sound[aria-pressed="true"]{color:var(--bd-ink);border-color:var(--bd-note)}
.bd-surprise{min-height:48px;padding:0 22px;max-width:100%;border-radius:24px;border:0;background:var(--bd-glow);color:#FFFFFF;font-family:var(--font-display);font-weight:700;font-size:1.05rem;transition:transform .1s ease,background .6s ease}
.bd-surprise:active{transform:scale(.96)}
.bd-group{display:flex;flex-direction:column;gap:10px}
.bd-group+.bd-group{border-top:1px solid var(--bd-line)}
.bd-group h4{margin:10px 0 0;font-family:var(--font-body);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--bd-muted);text-align:center}
.bd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}
.bd-move{min-height:44px;padding:6px 8px;border-radius:12px;border:1px solid var(--bd-line);background:color-mix(in srgb,var(--bd-glow) 10%,var(--bd-ground));color:var(--bd-ink);font-size:clamp(.82rem,3vw,.94rem);font-weight:500;line-height:1.2;transition:background .15s ease,transform .1s ease}
.bd-move:hover{background:color-mix(in srgb,var(--bd-glow) 22%,var(--bd-ground))}
.bd-move:active{transform:scale(.96)}
.bd button:focus-visible{outline:2px solid var(--bd-note);outline-offset:3px}
/* Phones: the buttons are one column anyway, so give the bird the wider side. */
@media (max-width:560px){
 .bd{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);padding-inline:10px;gap:14px 10px}
 .bd-surprise{padding:0 14px;font-size:.95rem}
 .bd-swatches{gap:8px}
 .bd-swatch{width:34px;height:34px}
}
/* Tweet: a small message card flies out of the beak. */
.bd-tweet{position:absolute;left:58%;top:62%;width:max(18cqw,26px);height:max(12cqw,18px);border-radius:18%;background-color:#FFFFFF;
 background-image:linear-gradient(var(--bd-glow),var(--bd-glow)),linear-gradient(var(--bd-glow),var(--bd-glow)),linear-gradient(var(--bd-glow),var(--bd-glow));
 background-repeat:no-repeat;background-size:66% 12%,50% 12%,33% 12%;background-position:17% 22%,17% 50%,17% 78%;
 box-shadow:0 2px 6px rgba(0,0,0,.28);pointer-events:none;animation:bd-tweet 1.4s cubic-bezier(.3,.6,.4,1) forwards}
@keyframes bd-tweet{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}15%{opacity:1;transform:translate(-30%,-60%) scale(1) rotate(-6deg)}100%{opacity:0;transform:translate(160%,-420%) scale(.55) rotate(-18deg)}}
/* Logo tab: the bird inside a tester's app (bird_app.js). The phone is a fixed light example screen on purpose. */
.ap{margin-top:14px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.ap-phone{position:relative;width:min(100%,260px);aspect-ratio:9 / 18;margin:0 auto;border-radius:32px;border:8px solid #1D1830;background:#F7F6FB;color:#1D1830;overflow:hidden;font-family:var(--font-body)}
.ap-head{padding:16px 16px 10px;font-family:var(--font-display);font-weight:700;font-size:1.15rem;border-bottom:1px solid #E4E0EE}
.ap-list{list-style:none;margin:0;padding:6px 16px;display:grid;gap:2px;font-size:.92rem}
.ap-list li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #EEEBF4}
.ap-list span{width:16px;height:16px;border-radius:5px;border:2px solid #B9B2D3;flex:none}
.ap-fab{position:absolute;right:12px;bottom:14px;width:58px;filter:drop-shadow(0 4px 8px rgba(29,24,48,.35))}
/* Status ring around the button (the bird keeps its own color): amber countdown, red recording, green sent. */
.ap-fab[data-ring]::before{content:"";position:absolute;inset:-5px;border:3px solid var(--ap-ring);border-radius:34%;animation:ap-ring 1.2s ease-in-out infinite}
.ap-fab[data-ring="amber"]{--ap-ring:#F5A524}
.ap-fab[data-ring="red"]{--ap-ring:#E5484D}
.ap-fab[data-ring="green"]{--ap-ring:#30A46C}
@keyframes ap-ring{50%{opacity:.5}}
.ap-fab.dim .bd-stage{filter:brightness(.55)}
.ap-count{position:absolute;inset:0;z-index:2;display:grid;place-items:center;color:#FFFFFF;font-weight:800;font-size:1.5rem;text-shadow:0 1px 4px rgba(0,0,0,.6);pointer-events:none}
.ap-count[hidden]{display:none}
.ap-sheet{position:absolute;left:0;right:0;bottom:0;height:62%;padding:14px;border-radius:20px 20px 0 0;background:#FFFFFF;box-shadow:0 -8px 24px rgba(29,24,48,.18);display:flex;flex-direction:column;gap:10px;transition:transform .45s cubic-bezier(.3,1.2,.5,1)}
.ap-sheet:not(.open){transform:translateY(105%)}
.ap-sheet-head{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:1rem}
.ap-sbird{width:40px;flex:none}
.ap-typed{flex:1;margin:0;padding:10px;border:1px solid #E4E0EE;border-radius:12px;font-size:.84rem;line-height:1.4;min-height:5em}
.ap-typed::after{content:"";display:inline-block;width:2px;height:1em;margin-left:1px;vertical-align:-2px;background:#7426EA;animation:ap-caret 1s steps(2) infinite}
@keyframes ap-caret{50%{opacity:0}}
.ap-send{align-self:flex-end;padding:6px 18px;border-radius:999px;background:#7426EA;color:#FFFFFF;font-size:.85rem;font-weight:600;transition:transform .15s ease}
.ap-send.on{transform:scale(.9)}
.ap-toast{position:absolute;left:50%;bottom:90px;transform:translateX(-50%);padding:6px 14px;border-radius:999px;background:#1D1830;color:#FFFFFF;font-size:.8rem;font-weight:600;white-space:nowrap}
.ap-flash{position:absolute;inset:0;background:#FFFFFF;opacity:0;pointer-events:none}
.ap-flash.on{animation:ap-flash .5s ease-out}
@keyframes ap-flash{0%{opacity:.9}100%{opacity:0}}
.ap-side{display:flex;flex-direction:column;gap:10px;min-width:0}
.ap-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ap-steps button{width:100%;text-align:left;font-size:.9rem;padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink)}
.ap-steps button[aria-current="step"]{border-color:var(--brand);background:var(--brand-soft);font-weight:600}
.ap-steps small{display:block;color:var(--muted);font-weight:400;font-size:.8rem;margin-top:2px}
.ap-now{min-height:3em;color:var(--ink);font-weight:500}
@media (max-width:560px){.ap{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.bd-breath{animation:none}.bd-tilt{transition:none}}
/* The living bird in the website preview (look B, every page), and the pages without words yet. */
.s-switch.s-pages{flex-wrap:wrap;border-radius:16px}
.sb-note{margin-top:12px}
.sb-sample{margin-top:6px}
:where(.site button){font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.sbird{display:block;width:100%;height:100%}
.sb-logo,.sb-tap,.sb-pointer,.sb-endbird{display:block}
.s-brand{gap:10px;font-size:1.15rem}
.sb-logo{width:42px;height:42px;flex:none;transform-origin:50% 60%}
.site .s-btn{cursor:pointer}
.s-glow .sbird{width:136px;height:136px}
.s-glow.sb-mid{width:130px;height:130px}
.s-glow.sb-mid .sbird{width:92px;height:92px}

/* Home: a small bird to tap in "How it works", step 2. */
.sb-try{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:10px}
.sb-hint{font-size:.85rem;font-weight:600;color:#d98bff;background:rgba(135,48,255,.16);border:1px solid #4a3f6b;border-radius:999px;padding:3px 10px}
.sb-tap{width:40px;height:40px;filter:drop-shadow(0 0 10px rgba(135,48,255,.55))}
.sb-chip{font-size:.82rem;font-weight:600;color:#9BFADE;opacity:0;transform:translateX(-6px)}
.sb-chip.show{animation:sb-chip 1.8s ease-out}
@keyframes sb-chip{0%{opacity:0;transform:translateX(-6px)}15%,75%{opacity:1;transform:none}100%{opacity:0;transform:none}}

/* Pricing: the plan the bird looks at. */
.s-plan[data-plan-card]{cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}
.s-plan.picked{border-color:#d98bff;box-shadow:0 0 0 2px #d98bff,0 0 28px rgba(217,139,255,.3)}
.s-plan[data-plan-card]:focus-visible{outline:2px solid #d98bff;outline-offset:3px}

/* Terms and Refunds: a thank-you at the end. */
.sb-end{display:flex;align-items:center;gap:12px}
.sb-endbird{width:46px;height:46px;flex:none;filter:drop-shadow(0 0 10px rgba(135,48,255,.5))}
.sb-end .sb-chip{font-size:.95rem}

/* Pages without words yet: grey bars stand in for the text. */
.s-todo{display:grid;gap:8px}
.s-todo i{display:block;height:10px;border-radius:5px;background:#2a2440}
.s-todo i.short{width:60%}
.s-hero.s-text p{font-style:normal}

/* Guide: the bird points at each step. */
.sb-guide{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center}
.sb-pointer{width:64px;height:64px;filter:drop-shadow(0 0 12px rgba(135,48,255,.5))}
.sb-steps{display:grid;gap:10px}
.sb-step{cursor:pointer;display:grid;gap:10px;transition:border-color .25s ease,box-shadow .25s ease}
.sb-step.on{border-color:#8730ff;box-shadow:0 0 22px rgba(135,48,255,.4)}

/* Privacy: the bird in its usual place and size, eyes shut, its words on its left. */
.sb-priv{display:flex;align-items:center;justify-content:center;gap:4px}
.sb-priv .s-glow{flex:none}
.sb-say{background:#1f1a33;border:1px solid #352d55;border-radius:16px 16px 4px 16px;padding:10px 14px;color:#e6def8;font-size:.95rem;max-width:170px}

/* Legal pages (Terms now; Refunds and Privacy later). Same agreed words, styled. */
.tm-date{display:inline-block;font-size:.82rem;font-weight:600;letter-spacing:.02em;color:#d98bff;background:rgba(135,48,255,.16);border:1px solid #4a3f6b;border-radius:999px;padding:4px 12px}
.tm-hl{background:rgba(135,48,255,.24);color:#fff;font-weight:600;padding:0 6px;border-radius:6px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.tm-mail{color:#d98bff;font-weight:600;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.tm-ico{width:22px;height:22px;flex:none;fill:none;stroke:#d98bff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* The legal-page design (agreed 25 Oct): a timeline. */
.tm-b{position:relative;padding:22px 16px 8px 16px}

.tm-row::before{content:"";position:absolute;top:0;bottom:0;left:17px;width:2px;background:#8730ff;box-shadow:0 0 12px rgba(135,48,255,.6)}
.tm-row:first-child::before{top:34px}
.tm-row:last-child::before{bottom:calc(100% - 34px)}
.tm-row{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px;padding:16px 0}
.tm-node{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;color:#fff;background:#161321;border:2px solid #8730ff;box-shadow:0 0 16px rgba(135,48,255,.6);z-index:1}
.tm-row h4{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.2rem;font-weight:700;margin:4px 0 8px}
.tm-row+.tm-row{border-top:1px solid rgba(53,45,85,.6)}

/* The account pages at api.bugstweet.com. The service links this site's styles and puts its own words in .svc. */
.svc{padding:4px 16px 40px;color:#e6def8}
.svc>*{max-width:640px}
.svc h2{font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin:26px 0 8px;color:#f6f1ff}
.svc p{margin:10px 0;color:#c9bfe6}
.svc b,.svc code{color:#f6f1ff}
.svc code{font-family:var(--font-mono);background:none;padding:0;font-size:.95em}
.svc a,.svc .lnk{color:#d98bff;text-decoration:underline;text-underline-offset:3px}
.svc .btn,.svc button{display:inline-block;font:inherit;font-weight:600;padding:12px 24px;border-radius:999px;border:0;background:#8730ff;color:#fff;text-decoration:none;cursor:pointer;box-shadow:0 0 24px rgba(135,48,255,.45)}
.svc .quiet{display:inline-block;font:inherit;font-size:.9rem;font-weight:500;padding:8px 16px;border-radius:999px;background:none;box-shadow:none;border:1px solid #4a3f6b;color:#f6f1ff;text-decoration:none;cursor:pointer}
.svc .danger{background:#c02846;box-shadow:none;color:#fff}
.svc .card{background:#1f1a33;border:1px solid #352d55;border-radius:14px;padding:16px 18px;margin:12px 0;line-height:1.7;color:#c9bfe6}
.svc .card form,.svc .card p{margin:12px 0 0}
.svc .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.svc .actions form,.svc .actions p{margin:0}
.svc .key{font-family:var(--font-mono);word-break:break-all;background:rgba(135,48,255,.16);border:1px solid #4a3f6b;color:#fff;padding:12px 14px;border-radius:12px}
.svc form{margin:12px 0}
.svc label{display:block;margin:10px 0;color:#e6def8}
.svc input[type=text]{font:inherit;padding:10px 12px;width:100%;background:#161321;color:#f6f1ff;border:1px solid #4a3f6b;border-radius:10px}
.svc input[type=text]:focus{outline:2px solid #d98bff;outline-offset:1px}

/* The real site fills the screen. */
.site{max-width:none;margin:0;border:0;border-radius:0;min-height:100vh;overflow:clip}
.s-nav a,.s-foot a,.s-brand a{text-decoration:none}
.s-nav a:hover,.s-foot a:hover{color:#f6f1ff}
a.s-btn{text-decoration:none}
a:focus-visible{outline:2px solid #d98bff;outline-offset:3px;border-radius:6px}
@media (min-width:900px){
.site .s-copy{flex-basis:auto;margin-left:auto}
.site .s-signin{padding:8px 18px;border:1px solid #4a3f6b;border-radius:999px;font-weight:500}
.site .s-promise{padding:28px 32px}
.site .s-promise p{font-size:1.1rem}
.site .s-hero.s-text{grid-template-columns:minmax(0,1fr) 220px;grid-template-areas:"t g" "p g";row-gap:14px;padding-top:40px;padding-bottom:20px}
.site .s-hero.s-text:not(:has(.s-glow)){grid-template-columns:minmax(0,1fr);grid-template-areas:"t" "p"}
.site .s-hero.s-text h3{font-size:3.4rem}
.site .s-hero.s-text p{align-self:start}
.site .s-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.site .s-plan .s-ticks{grid-template-columns:1fr;gap:12px}
.site{max-width:none;width:1280px;margin:0;border-radius:16px;border-width:8px}
.site .s-head{padding:22px 56px}
.site .s-brand{font-size:1.4rem}
.site .s-brand img{width:40px;height:40px}
.site .s-nav{gap:28px;font-size:1.05rem}
.site .s-hero{display:grid;grid-template-columns:minmax(0,1fr) 420px;grid-template-areas:"t g" "p g" "b g";column-gap:56px;row-gap:22px;align-items:center;justify-items:start;text-align:left;padding:32px 56px 40px}
.site .s-glow{grid-area:g;width:400px;height:400px}
.site .s-glow img{width:300px;height:300px}
.site .s-hero h3{grid-area:t;font-size:4rem;align-self:end}
.site .s-hero p{grid-area:p;font-size:1.35rem}
.site .s-hero .s-btns{grid-area:b;flex-direction:row;align-self:start}
.site .s-btns{flex-direction:row;justify-content:flex-start}
.site .s-btn{padding:14px 28px;font-size:1.05rem}
.site .s-sec{padding:36px 56px;gap:14px}
.site .s-sec h4{font-size:2rem}
.site .s-lead{font-size:1.1rem}
.site .s-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.site .s-card{padding:18px 20px}
.site .s-ticks{grid-template-columns:1fr;gap:12px;font-size:1.05rem}
.site .s-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;font-size:1.02rem}
.site .s-end .s-btns{justify-content:center}
.site .s-foot{padding:24px 56px;gap:8px 28px;font-size:.95rem}
.site .s-brand{gap:14px;font-size:1.6rem}
.site .sb-logo{width:62px;height:62px}
.site .s-glow .sbird{width:300px;height:300px}
.site .s-glow.sb-mid{width:180px;height:180px}
.site .s-glow.sb-mid .sbird{width:130px;height:130px}
.site .s-hero.s-text .s-glow{grid-area:g;justify-self:end}
.site .sb-tap{width:48px;height:48px}
.site .sb-endbird{width:60px;height:60px}
.site .sb-guide{grid-template-columns:150px minmax(0,1fr);gap:28px}
.site .sb-pointer{width:140px;height:140px}
.site .sb-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.site .sb-say{font-size:1.1rem;max-width:none;white-space:nowrap}
.site .s-hero.s-text:has(.sb-priv){grid-template-columns:minmax(0,1fr) auto}
.site .s-hero.s-text .sb-priv{grid-area:g;justify-self:end}
.site .tm-ico{width:26px;height:26px}
.site .tm-b{padding:8px 56px 16px}
.site .tm-row::before{left:19px}
.site .tm-row:first-child::before{top:42px}
.site .tm-row:last-child::before{bottom:calc(100% - 42px)}
.site .tm-row{grid-template-columns:40px minmax(0,1fr);gap:28px;padding:22px 0}
.site .tm-node{width:40px;height:40px}
.site .tm-row h4{font-size:1.6rem}
.site .svc{padding:0 56px 56px;font-size:1.05rem}
.site .s-hero.svc-top{grid-template-areas:"t g";align-items:center;padding-bottom:8px}
.site .s-hero.svc-top h3{align-self:center}
.site{width:auto;border:0;border-radius:0}
}
/* The website (the mix, agreed 26 Oct): one style file for the Hub preview and bugstweet.com. Every rule
   lives under .site and answers to the .site box, so the preview and the live page lay out the same. */
.site{
 --bg:#161321;--bg2:#1f1a33;--bg3:#262040;--line:#352d55;--line2:#4a3f6b;
 --ink:#f6f1ff;--muted:#c9bfe6;--dim:#8f86ad;
 --brand:#8730ff;--note:#d98bff;--mint:#9bfade;--glow:rgba(135,48,255,.5);
 --display:'Bricolage Grotesque','Avenir Next',system-ui,sans-serif;
 --body:'IBM Plex Sans',system-ui,-apple-system,sans-serif;
 --mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
 color-scheme:dark}.site,.site *{box-sizing:border-box}.site{position:relative;container-type:inline-size;container-name:site;color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.55;background:var(--bg);overflow-x:clip}.site h1,.site h2,.site h3,.site p,.site h4,.site h5{margin:0}.site h1,.site h2,.site h3{font-family:var(--display);line-height:1.05;text-wrap:balance}.site a{color:inherit;text-decoration:none}.site a:focus-visible,.site button:focus-visible{outline:2px solid var(--note);outline-offset:3px;border-radius:8px}.site .wrap{width:min(1180px,100%);margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.site .bird{display:block;position:relative}.site .bird .bd-stage{width:100%}.site .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:999px;background:var(--brand);color:#fff;font-weight:600;font-size:1.05rem;box-shadow:0 0 28px var(--glow);border:0;cursor:pointer;font-family:inherit}.site .btn.ghost{background:none;box-shadow:none;border:1px solid var(--line2);color:var(--ink)}.site .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;letter-spacing:.02em;color:var(--note);background:rgba(135,48,255,.14);border:1px solid var(--line2);border-radius:999px;padding:6px 14px}.site .eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint)}.site .muted{color:var(--muted)}.site .mono{font-family:var(--mono)}.site .head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:18px}.site .brand{display:flex;align-items:center;gap:12px;font-family:var(--display);font-weight:700;font-size:1.35rem}.site .brand .bird{width:46px;height:46px}.site .nav{display:flex;align-items:center;gap:22px;font-size:.98rem;color:var(--muted)}.site .nav .pill{padding:8px 18px;border:1px solid var(--line2);border-radius:999px;color:var(--ink);font-size:.98rem;font-weight:500;text-transform:none;letter-spacing:0;line-height:1.4}.site .sticky{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(22,19,33,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(53,45,85,.5)}.site .issue{background:var(--bg2);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45);min-width:0}.site .issue-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:14px 18px;border-bottom:1px solid var(--line);font-size:.88rem;color:var(--muted)}.site .issue-top .gh{width:18px;height:18px;fill:var(--ink)}.site .issue-top b{color:var(--ink)}.site .tag{font-size:.75rem;font-weight:600;padding:2px 10px;border-radius:999px;background:rgba(135,48,255,.2);color:var(--note);border:1px solid var(--line2)}.site .tag.ok{background:rgba(155,250,222,.12);color:var(--mint);border-color:rgba(155,250,222,.3)}.site .issue-title{padding:18px 18px 6px;font-family:var(--display);font-weight:700;font-size:1.3rem;line-height:1.2}.site .issue-body{display:grid;gap:14px;padding:12px 18px 20px}.site .row{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding-top:12px;border-top:1px dashed var(--line);min-width:0}.site .row h4{margin:0;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--dim)}.site .row p{font-size:.95rem;color:var(--muted)}.site .row b{color:var(--ink)}.site .shot{position:relative;height:120px;border-radius:12px;background:linear-gradient(135deg,#2b2449,#1a1530);border:1px solid var(--line);overflow:hidden}.site .shot i{position:absolute;left:12%;top:28%;width:46%;height:12px;border-radius:6px;background:#3a3160}.site .shot i+i{top:50%;width:60%;filter:blur(4px);background:#5d4f92}.site .shot i+i+i{top:72%;width:30%;height:22px;background:var(--brand);border-radius:11px;filter:none}.site .shot svg{position:absolute;right:16%;top:18%;width:34%;height:64%;fill:none;stroke:#ff5c93;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.site .film{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.site .film i{aspect-ratio:9/16;border-radius:4px;background:linear-gradient(180deg,#2b2449,#1a1530);border:1px solid var(--line);position:relative;overflow:hidden}.site .film i::after{content:"";position:absolute;left:25%;right:25%;bottom:22%;height:14%;border-radius:4px;background:var(--brand);opacity:.6}.site .film i:nth-child(3)::after,.site .film i:nth-child(6)::after{bottom:48%;background:var(--note)}.site .film i:nth-child(8)::after{background:#ff5c93;opacity:1}.site .chips{display:flex;flex-wrap:wrap;gap:6px}.site .chips span{font-size:.82rem;padding:4px 10px;border-radius:999px;background:var(--bg3);border:1px solid var(--line);color:var(--muted)}.site .code{font-family:var(--mono);font-size:.82rem;line-height:1.6;background:#120f1c;border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:#e6def8;overflow-x:auto;white-space:pre}.site .code em{font-style:normal;color:var(--note)}.site .code u{text-decoration:none;color:var(--mint)}.site .steps-line{font-family:var(--mono);font-size:.9rem;color:var(--ink)}.site .steps-line span{color:var(--dim)}@media (prefers-reduced-motion:no-preference){.site .issue.typing .row{opacity:0;transform:translateY(8px);animation:rise .55s ease forwards}.site .issue.typing .row:nth-child(1){animation-delay:.15s}.site .issue.typing .row:nth-child(2){animation-delay:.5s}.site .issue.typing .row:nth-child(3){animation-delay:.85s}.site .issue.typing .row:nth-child(4){animation-delay:1.2s}.site .issue.typing .row:nth-child(5){animation-delay:1.55s}.site .issue.typing .row:nth-child(6){animation-delay:1.9s}@keyframes rise{to{opacity:1;transform:none}}
}.site .phone{position:relative;width:min(300px,100%);aspect-ratio:9/18.5;margin:0 auto;border-radius:38px;background:#0d0b14;border:8px solid #2a2440;box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 60px rgba(135,48,255,.15);overflow:hidden}.site .screen{position:absolute;inset:0;padding:48px 18px 20px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,#1b1630,#120f1e)}.site .screen h5{margin:0 0 6px;font-family:var(--display);font-size:1.35rem;font-weight:700}.site .screen .field{height:44px;border-radius:12px;background:#231d3a;border:1px solid var(--line);display:flex;align-items:center;padding:0 14px;color:var(--dim);font-size:.9rem}.site .screen .field.blur{color:transparent;text-shadow:0 0 10px rgba(201,191,230,.9)}.site .screen .go{height:48px;border-radius:14px;background:var(--brand);display:grid;place-items:center;font-weight:600;color:#fff;margin-top:4px}.site .screen .notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:34%;height:22px;border-radius:999px;background:#0d0b14}.site .fab{position:absolute;right:14px;bottom:18px;width:64px;height:64px;filter:drop-shadow(0 0 14px var(--glow))}.site .sent{position:absolute;left:14px;bottom:28px;padding:8px 12px;border-radius:999px;background:rgba(155,250,222,.14);border:1px solid rgba(155,250,222,.35);color:var(--mint);font-weight:600;font-size:.82rem;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}.site .sent.show{opacity:1;transform:none}.site .tapme{position:absolute;right:88px;bottom:34px;font-size:.78rem;font-weight:600;color:var(--note);white-space:nowrap}.site .tapme::after{content:"";position:absolute;right:-14px;top:50%;width:10px;height:10px;border-top:2px solid var(--note);border-right:2px solid var(--note);transform:translateY(-50%) rotate(45deg)}.site .foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;padding-block:28px 36px;border-top:1px solid var(--line);font-size:.92rem;color:var(--dim)}.site .foot .r{margin-left:auto}@container site (max-width:640px){.site .foot .r{margin-left:0;flex-basis:100%}}.site .a-demo{display:grid;grid-template-columns:minmax(0,300px) 64px minmax(0,1fr);align-items:center;gap:24px;padding-block:28px 56px}.site .a-arrow{display:grid;place-items:center;color:var(--note);font-size:.78rem;font-weight:600;text-align:center;gap:6px}.site .a-arrow svg{width:48px;height:24px;fill:none;stroke:var(--note);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}@container site (max-width:860px){.site .a-demo{grid-template-columns:1fr;gap:18px}.site .a-arrow svg{transform:rotate(90deg)}}.site .a-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-block:8px 56px}.site .a-trust>div{padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:rgba(31,26,51,.6);font-size:.95rem;color:var(--muted)}.site .a-trust b{display:block;color:var(--ink);font-family:var(--display);font-size:1.15rem;margin-bottom:2px}@container site (max-width:760px){.site .a-trust{grid-template-columns:1fr}}.site .a-sec{padding-block:48px}.site .a-sec h2{font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:700;letter-spacing:-.01em}.site .a-sec .lead{margin-top:10px;font-size:1.1rem;color:var(--muted)}.site .bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(150px,auto);gap:14px;margin-top:26px}.site .tile{background:var(--bg2);border:1px solid var(--line);border-radius:18px;padding:20px 22px;display:flex;flex-direction:column;gap:8px;min-width:0}.site .tile b{font-family:var(--display);font-size:1.2rem}.site .tile p{color:var(--muted);font-size:.98rem}.site .tile.wide{grid-column:span 2}.site .tile .film{margin-top:auto}.site .tile .chips{margin-top:auto}@container site (max-width:860px){.site .bento{grid-template-columns:repeat(2,minmax(0,1fr))}}@container site (max-width:520px){.site .bento{grid-template-columns:1fr}.site .tile.wide{grid-column:auto}}.site .holds{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:26px}.site .holds>div{padding:18px;border-radius:16px;background:var(--bg2);border:1px solid var(--line);min-width:0}.site .holds .n{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--brand);color:#fff;font-weight:700;font-size:.9rem;margin-bottom:10px;box-shadow:0 0 14px var(--glow)}.site .holds b{display:block;font-family:var(--display);font-size:1.05rem;margin-bottom:4px}.site .holds p{font-size:.92rem;color:var(--muted)}@container site (max-width:980px){.site .holds{grid-template-columns:repeat(2,minmax(0,1fr))}}@container site (max-width:520px){.site .holds{grid-template-columns:1fr}}.site .how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}.site .how>div{padding:22px;border-radius:18px;border:1px solid var(--line);background:var(--bg2);display:flex;flex-direction:column;gap:10px;min-width:0}.site .how .k{font-family:var(--display);font-weight:800;font-size:2.4rem;color:var(--note);line-height:1}.site .how b{font-family:var(--display);font-size:1.15rem}.site .how p{color:var(--muted);font-size:.95rem}.site .how .try{display:flex;align-items:center;gap:10px;margin-top:auto}.site .how .try .bird{width:46px;height:46px;filter:drop-shadow(0 0 10px var(--glow))}.site .chip{font-size:.85rem;font-weight:600;color:var(--mint);opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s}.site .chip.show{opacity:1;transform:none}@container site (max-width:760px){.site .how{grid-template-columns:1fr}}.site .promise{display:grid;grid-template-columns:72px minmax(0,1fr);gap:20px;align-items:center;padding:28px 30px;border-radius:20px;border:1px solid var(--brand);box-shadow:0 0 40px rgba(135,48,255,.2);background:linear-gradient(135deg,rgba(135,48,255,.14),rgba(31,26,51,.6))}.site .promise svg{width:72px;height:72px;fill:none;stroke:var(--note);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.site .promise h3{font-size:1.6rem;font-weight:700;margin-bottom:6px}.site .promise p{color:var(--muted);font-size:1.05rem}@container site (max-width:600px){.site .promise{grid-template-columns:1fr}}.site .cta{margin-block:40px 0;border-radius:24px;background:radial-gradient(120% 140% at 10% 0%,#8730ff 0%,#5215e9 55%,#2b1264 100%);padding:48px 32px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;box-shadow:0 30px 80px rgba(82,21,233,.35)}.site .cta h2{font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:800;color:#fff}.site .cta p{color:rgba(255,255,255,.82);margin-top:8px;font-size:1.1rem}.site .cta .btn{background:#fff;color:#4a12c9;box-shadow:0 10px 30px rgba(0,0,0,.25)}.site .cta .bird{width:120px;height:120px}.site .cta .side{display:flex;align-items:center;gap:18px}@container site (max-width:760px){.site .cta{grid-template-columns:1fr}.site .cta .side{justify-content:space-between}}.site .b-head{position:absolute;inset:0 0 auto;z-index:5}.site .b-hero{position:relative;overflow:hidden;padding-block:120px 0;min-height:70vh}.site .b-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,38%);gap:0 24px;align-items:end}.site .b-hero h1{font-size:clamp(3rem,10.5vw,8.6rem);font-weight:800;letter-spacing:-.035em;line-height:.95;max-width:9ch}.site .b-hero h1 em{font-style:normal;color:var(--note)}.site .b-hero .big{width:min(100%,480px);justify-self:end;margin-bottom:-6%}.site .b-hero .under{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;padding-block:28px 34px}.site .b-hero .under p{font-size:clamp(1.1rem,2vw,1.45rem);color:var(--muted);max-width:30ch}@container site (max-width:760px){.site .b-hero{padding-top:96px;min-height:0}.site .b-hero .wrap{grid-template-columns:1fr}.site .b-hero .big{width:min(60%,240px);justify-self:center;margin:8px 0 -4%}}.site .strip{position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#120f1c;overflow:hidden;padding-block:14px}.site .strip .lbl{position:absolute;left:max(16px,env(safe-area-inset-left,0px));top:50%;transform:translateY(-50%);z-index:2;font-family:var(--mono);font-size:.78rem;color:var(--note);background:#120f1c;padding:6px 10px;border-radius:999px;border:1px solid var(--line2)}.site .strip .reel{display:flex;gap:10px;width:max-content}.site .strip .reel i{display:block;width:72px;height:124px;border-radius:8px;background:linear-gradient(180deg,#2b2449,#1a1530);border:1px solid var(--line);position:relative;flex:none}.site .strip .reel i::after{content:"";position:absolute;left:22%;right:22%;bottom:18%;height:12%;border-radius:4px;background:var(--brand);opacity:.6}.site .strip .reel i:nth-child(4n)::after{bottom:46%;background:var(--note)}.site .strip .reel i:nth-child(10n)::after{background:#ff5c93;opacity:1}.site .strip .reel i b{position:absolute;left:8px;bottom:6px;font-family:var(--mono);font-size:.62rem;font-weight:500;color:var(--dim)}@media (prefers-reduced-motion:no-preference){.site .strip .reel{animation:reel 40s linear infinite}@keyframes reel{to{transform:translateX(-50%)}}}.site .b-sec{padding-block:clamp(56px,9vw,120px)}.site .b-sec h2{font-size:clamp(2.2rem,5.5vw,4.4rem);font-weight:800;letter-spacing:-.025em;line-height:1;max-width:14ch}.site .b-sec .lead{font-size:clamp(1.1rem,1.8vw,1.35rem);color:var(--muted);margin-top:18px;max-width:46ch}.site .b-list{margin-top:40px;border-top:1px solid var(--line)}.site .b-list>div{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:16px 32px;padding-block:22px;border-bottom:1px solid var(--line)}.site .b-list b{font-family:var(--display);font-size:clamp(1.3rem,2.6vw,2rem);font-weight:700;letter-spacing:-.01em}.site .b-list p{font-size:1.08rem;color:var(--muted);align-self:center}@container site (max-width:640px){.site .b-list>div{grid-template-columns:1fr;gap:6px}}.site .b-report{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px;align-items:start;margin-top:40px}.site .b-report ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}.site .b-report li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;font-size:1.08rem;color:var(--muted)}.site .b-report li b{color:var(--ink)}.site .b-report li i{width:22px;height:22px;border-radius:50%;background:var(--brand);box-shadow:0 0 12px var(--glow);display:grid;place-items:center}.site .b-report li i::after{content:"";width:9px;height:5px;border-left:2.4px solid #fff;border-bottom:2.4px solid #fff;transform:translateY(-1px) rotate(-45deg)}@container site (max-width:860px){.site .b-report{grid-template-columns:1fr}}.site .b-steps{margin-top:40px;display:grid;gap:0;border-top:1px solid var(--line)}.site .b-steps>div{display:grid;grid-template-columns:minmax(0,120px) minmax(0,1fr) minmax(0,38%);gap:16px 32px;align-items:center;padding-block:30px;border-bottom:1px solid var(--line)}.site .b-steps .k{font-family:var(--display);font-weight:800;font-size:clamp(2.6rem,6vw,4.4rem);color:var(--note);line-height:1;letter-spacing:-.03em}.site .b-steps b{display:block;font-family:var(--display);font-size:clamp(1.3rem,2.4vw,1.8rem);font-weight:700;margin-bottom:4px}.site .b-steps p{color:var(--muted);font-size:1.05rem}.site .b-steps .try{display:flex;align-items:center;gap:12px;justify-self:end}.site .b-steps .try .bird{width:64px;height:64px;filter:drop-shadow(0 0 12px var(--glow))}.site .b-steps .code{display:inline-block;justify-self:end}.site .b-steps .ok{justify-self:end;display:inline-flex;align-items:center;gap:8px;color:var(--mint);font-weight:600}@container site (max-width:760px){.site .b-steps>div{grid-template-columns:minmax(0,70px) minmax(0,1fr)}.site .b-steps>div>*:last-child{grid-column:2;justify-self:start}}.site .b-promise{margin-top:0;padding:clamp(28px,5vw,56px);border-radius:28px;background:var(--bg2);border:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:28px;align-items:center}.site .b-promise h2{font-size:clamp(2rem,4.6vw,3.6rem)}.site .b-promise p{font-size:1.12rem;color:var(--muted)}@container site (max-width:760px){.site .b-promise{grid-template-columns:1fr}}.site .c-hero{min-height:0;padding-bottom:0}.site .c-hero .under{padding-bottom:10px}.site .a-demo{padding-top:16px}.site .b-cta{background:linear-gradient(180deg,#2b1264 0%,#5215e9 60%,#8730ff 100%);padding-block:clamp(56px,9vw,110px);text-align:center;position:relative;overflow:hidden}.site .b-cta .wrap{display:grid;justify-items:center;gap:18px}.site .b-cta .bird{width:min(42vw,200px);height:min(42vw,200px)}.site .b-cta h2{font-size:clamp(2rem,6vw,4.6rem);font-weight:800;color:#fff;letter-spacing:-.03em;max-width:16ch}.site .b-cta p{color:rgba(255,255,255,.85);font-size:1.15rem;max-width:40ch}.site .b-cta .btn{background:#fff;color:#4a12c9;box-shadow:0 10px 30px rgba(0,0,0,.25);padding:16px 36px;font-size:1.1rem}.site .c-site{width:auto;max-width:none;margin:0;border:0;border-radius:0;background:none;overflow:visible}.site .c-site .s-sec,.site .c-site .tm-b{padding-left:0;padding-right:0}.site .c-site .s-sec{border-top:0;padding-top:0}.site .c-site .svc{padding-left:0;padding-right:0}.site .c-top{min-height:0;padding-top:110px}.site .c-top h1{font-size:clamp(2.6rem,7vw,5.2rem);max-width:12ch}.site .c-top .wrap{align-items:center}.site .c-top .big{width:min(100%,260px);margin-bottom:0}.site .c-top .under{padding-block:12px 28px}@container site (max-width:760px){.site .c-top{padding-top:90px}.site .c-top .big{width:min(45%,170px)}}.site .c-hero{min-height:0;padding-bottom:0}.site .c-hero .under{padding-bottom:10px}.site .a-demo{padding-top:16px;padding-bottom:28px}.site .strip{margin-bottom:8px}.site .wow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.site .wow:has(.free){grid-template-columns:repeat(2,minmax(0,1fr))}.site .wcard{background:var(--bg2);border:1px solid var(--line);border-radius:18px;padding:18px 20px;display:flex;flex-direction:column;gap:10px;min-width:0}.site .wcard b.t{font-family:var(--display);font-size:1.15rem}.site .wcard p{color:var(--muted);font-size:.95rem}.site .wcard .pro{align-self:flex-start;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--note);background:rgba(135,48,255,.16);border:1px solid var(--line2);border-radius:999px;padding:3px 9px}.site .wcard .free{color:var(--mint);background:rgba(155,250,222,.1);border-color:rgba(155,250,222,.3)}.site .mock{margin-top:auto;background:#120f1c;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:.88rem;color:var(--muted);min-width:0}.site .gwt{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;margin:0}.site .gwt dt{font-family:var(--mono);font-weight:500;color:var(--note)}.site .gwt dd{margin:0;color:var(--ink)}.site .bub{display:inline-block;max-width:100%;padding:8px 12px;border-radius:14px 14px 14px 4px;background:var(--bg3);color:var(--ink);margin-bottom:8px}.site .bub.me{border-radius:14px 14px 4px 14px;background:var(--brand);color:#fff;margin-left:auto;display:block;width:max-content}.site .mini{display:inline-flex;gap:6px;align-items:center;font-size:.8rem;font-weight:600;padding:5px 11px;border-radius:999px;border:1px solid var(--line2);color:var(--ink)}.site .mini.go{background:var(--brand);border-color:var(--brand);color:#fff}.site .btnrow{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.site .thumbs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.site .thumb{aspect-ratio:9/12;border-radius:8px;background:linear-gradient(180deg,#2b2449,#1a1530);border:1px solid var(--line);position:relative;overflow:hidden}.site .thumb i{position:absolute;left:18%;right:18%;height:9%;border-radius:4px;background:#3a3160}.site .thumb i:nth-child(1){top:18%}.site .thumb i:nth-child(2){top:36%}.site .thumb i:nth-child(3){top:62%;background:var(--brand)}.site .thumb.after i:nth-child(3){display:none}.site .thumb.after::after{content:"";position:absolute;left:18%;right:18%;top:62%;height:9%;border-radius:4px;border:1.5px dashed #ff5c93}.site .thumb small{position:absolute;left:6px;bottom:4px;font-size:.62rem;color:var(--dim)}.site .clip{position:relative;aspect-ratio:16/9;border-radius:10px;background:linear-gradient(135deg,#2b2449,#15111f);border:1px solid var(--line);overflow:hidden;margin-bottom:8px}.site .clip .dot{position:absolute;left:58%;top:52%;width:22px;height:22px;border-radius:50%;background:rgba(255,92,147,.55);border:2px solid #ff5c93;transform:translate(-50%,-50%);box-shadow:0 0 14px rgba(255,92,147,.7)}.site .clip .bar{position:absolute;left:10px;right:10px;bottom:10px;height:4px;border-radius:2px;background:#3a3160}.site .clip .bar::after{content:"";position:absolute;left:0;top:0;bottom:0;width:70%;border-radius:2px;background:var(--note)}.site .clip .tm{position:absolute;right:10px;top:8px;font-family:var(--mono);font-size:.72rem;color:var(--ink)}.site .clip .play{position:absolute;left:10px;top:8px;width:0;height:0;border-left:10px solid var(--ink);border-top:6px solid transparent;border-bottom:6px solid transparent}.site .tt{position:relative;padding:10px 0 2px}.site .tt .frames{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.site .tt .frames i{aspect-ratio:9/14;border-radius:4px;background:linear-gradient(180deg,#2b2449,#1a1530);border:1px solid var(--line)}.site .tt .frames i:nth-child(4){border-color:var(--note);box-shadow:0 0 10px var(--glow)}.site .tt .rail{position:relative;height:4px;border-radius:2px;background:#3a3160;margin:10px 0 6px}.site .tt .rail::after{content:"";position:absolute;left:58%;top:50%;width:18px;height:18px;border-radius:50%;background:var(--note);transform:translate(-50%,-50%);box-shadow:0 0 12px var(--glow)}.site .tt .state{font-family:var(--mono);font-size:.78rem;color:var(--ink)}.site .tt .state span{color:var(--dim)}.site .cond{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;margin:0}.site .cond dt{font-size:.78rem;color:var(--dim)}.site .cond dd{margin:0;color:var(--ink);font-weight:500}.site .dup{display:flex;align-items:flex-start;gap:10px}.site .dup .n{font-family:var(--mono);color:var(--note);white-space:nowrap}.site .retest{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center}.site .retest .old{aspect-ratio:9/16;border-radius:6px;background:linear-gradient(180deg,#2b2449,#1a1530);border:1px solid var(--line)}.site .retest b{display:block;color:var(--ink)}@container site (max-width:980px){.site .wow{grid-template-columns:repeat(2,minmax(0,1fr))}}@container site (max-width:560px){.site .wow{grid-template-columns:1fr}}.site .hold{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.site .hold span{font-size:.95rem;font-weight:600;padding:10px 16px;border-radius:14px;background:var(--bg2);border:1px solid var(--line2);color:var(--ink)}.site .hold span.k{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 0 18px var(--glow)}.site .tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.site .tools>div{padding:16px 18px;border-radius:14px;background:var(--bg2);border:1px solid var(--line);min-width:0}.site .tools b{display:block;font-family:var(--display);font-size:1.05rem;margin-bottom:4px}.site .tools p{font-size:.92rem;color:var(--muted)}@container site (max-width:980px){.site .tools{grid-template-columns:repeat(2,minmax(0,1fr))}}@container site (max-width:520px){.site .tools{grid-template-columns:1fr}}.site .c-note{margin-top:14px;font-size:.9rem;color:var(--dim)}.site .c-note .lnk{color:var(--note);text-decoration:underline;text-underline-offset:3px}.site .inshort{margin-top:8px;padding:18px 22px;border-radius:16px;border:1px solid var(--brand);background:linear-gradient(135deg,rgba(135,48,255,.14),rgba(31,26,51,.6));box-shadow:0 0 30px rgba(135,48,255,.15)}.site .inshort b{display:block;font-family:var(--display);font-size:1.05rem;margin-bottom:8px;color:var(--note)}.site .inshort ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}.site .inshort li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;color:var(--ink);font-size:1.02rem}.site .inshort li i{width:18px;height:18px;border-radius:50%;background:var(--brand);box-shadow:0 0 10px var(--glow);display:grid;place-items:center;margin-top:3px}.site .inshort li i::after{content:"";width:8px;height:4px;border-left:2.2px solid #fff;border-bottom:2.2px solid #fff;transform:translateY(-1px) rotate(-45deg)}.site .legal{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:start;margin-top:28px}.site .toc{position:sticky;top:16px;display:grid;gap:4px;padding:6px 0}.site .toc b{font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);padding:6px 10px}.site .toc button{font:inherit;font-size:.92rem;text-align:left;color:var(--muted);background:none;border:0;border-left:2px solid var(--line);padding:6px 12px;cursor:pointer;border-radius:0 8px 8px 0}.site .toc button:hover,.site .toc button.on{color:var(--ink);border-left-color:var(--note);background:rgba(135,48,255,.1)}@container site (max-width:860px){.site .legal{grid-template-columns:1fr;gap:16px}.site .toc{position:static;grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;gap:6px;padding:4px 0 8px}.site .toc b{display:none}.site .toc button{border:1px solid var(--line2);border-radius:999px;padding:6px 12px;white-space:nowrap}}.site .endcard{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:32px;padding:20px 24px;border-radius:18px;background:var(--bg2);border:1px solid var(--line)}.site .endcard .bird{width:56px;height:56px;filter:drop-shadow(0 0 10px var(--glow))}.site .endcard b{font-family:var(--display);font-size:1.15rem;display:block}.site .endcard p{color:var(--muted)}.site .endcard .mail{margin-left:auto;font-weight:600;color:var(--note);text-decoration:underline;text-underline-offset:3px}@container site (max-width:640px){.site .endcard .mail{margin-left:0;flex-basis:100%}}.site .leaves{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.site .leaves>div{padding:18px 20px;border-radius:16px;background:var(--bg2);border:1px solid var(--line);min-width:0}.site .leaves>div.never{border-color:rgba(155,250,222,.35)}.site .leaves h3{font-size:1.15rem;margin-bottom:10px;display:flex;align-items:center;gap:10px}.site .leaves h3 i{width:12px;height:12px;border-radius:50%;background:var(--note);box-shadow:0 0 10px var(--glow)}.site .leaves .never h3 i{background:var(--mint);box-shadow:0 0 10px var(--mint)}.site .leaves ul{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:6px;font-size:.98rem}.site .leaves small{display:block;margin-top:10px;color:var(--dim);font-size:.85rem}@container site (max-width:640px){.site .leaves{grid-template-columns:1fr}}.site .rf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.site .rf>div{padding:18px 20px;border-radius:16px;background:var(--bg2);border:1px solid var(--line);display:grid;gap:4px;min-width:0}.site .rf span{font-size:.85rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--dim)}.site .rf b{font-family:var(--display);font-size:2rem;font-weight:800;color:var(--mint);line-height:1.1}.site .rf .no b{color:var(--muted)}.site .rf p{color:var(--muted);font-size:.95rem}@container site (max-width:760px){.site .rf{grid-template-columns:1fr}}.site .days{display:grid;gap:12px;margin-top:22px}.site .days>div{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:16px 20px;border-radius:16px;background:var(--bg2);border:1px solid var(--line)}.site .days .bar{position:relative;height:6px;border-radius:3px;background:#3a3160;margin:6px 0}.site .days .bar::before{content:"";position:absolute;left:0;top:0;bottom:0;width:100%;border-radius:3px;background:linear-gradient(90deg,var(--brand),var(--note))}.site .days .bar.no::before{background:#3a3160}.site .days .ends{display:flex;justify-content:space-between;font-size:.88rem;color:var(--muted)}.site .days .ends b{color:var(--ink)}.site .days .ends .ok{color:var(--mint);font-weight:600}.site .why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.site .why>div{padding:16px 18px;border-radius:14px;background:var(--bg2);border:1px solid var(--line);min-width:0}.site .why .k{font-family:var(--display);font-weight:800;font-size:1.6rem;color:var(--note);line-height:1;display:block;margin-bottom:6px}.site .why b{display:block;font-family:var(--display);font-size:1.02rem;margin-bottom:4px}.site .why p{font-size:.92rem;color:var(--muted)}@container site (max-width:760px){.site .why{grid-template-columns:1fr}}.site .acct{max-width:720px;margin:0 auto;padding-block:8px 20px}.site .acct .ahead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.site .acct h2{font-family:var(--display);font-size:1.5rem;font-weight:700}.site .acct .pcard{background:var(--bg2);border:1px solid var(--line);border-radius:18px;padding:22px 24px;display:grid;gap:14px}.site .acct .ptop{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.site .acct .ptop b{font-family:var(--display);font-size:1.35rem;color:var(--ink)}.site .acct .pill.trial{font-size:.78rem;font-weight:600;color:var(--note);background:rgba(135,48,255,.16);border:1px solid var(--line2);border-radius:999px;padding:4px 10px}.site .acct .pcard p{margin:0;color:var(--muted)}.site .acct .repo .mono{color:var(--ink)}.site .acct .keybox{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;align-items:center;padding:12px 14px;border-radius:12px;background:#120f1c;border:1px solid var(--line)}.site .acct .keybox span{font-size:.8rem;color:var(--dim)}.site .acct .keybox code{font-family:var(--mono);color:var(--ink);font-size:1.05rem}.site .acct .keybox small{grid-column:1/-1;color:var(--dim);font-size:.8rem}.site .acct .tog{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;padding:12px 14px;border-radius:12px;border:1px solid var(--line)}.site .acct .tog b{display:block;color:var(--ink);font-weight:600}.site .acct .tog p{font-size:.9rem}.site .acct .sw{display:block;width:44px;height:26px;border-radius:13px;background:#3a3160;position:relative;margin-top:2px}.site .acct .sw i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--ink)}.site .acct .actions{display:flex;flex-wrap:wrap;gap:8px}.site .acct .quiet{display:inline-block;font-size:.9rem;font-weight:500;padding:8px 16px;border-radius:999px;border:1px solid var(--line2);color:var(--ink)}.site .acct .lnk{color:var(--note);text-decoration:underline;text-underline-offset:3px}.site .gh{width:18px;height:18px;fill:currentColor;vertical-align:-3px;margin-right:6px}

/* What's new: live version cards, then the release timeline */
.site .vcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px}
.site .vcard{display:grid;gap:6px;padding:18px 20px;border-radius:16px;background:var(--bg2);border:1px solid var(--line);min-width:0}
.site .vcard b.mono{font-size:1.05rem;color:var(--ink)}
.site .vcard p{color:var(--muted);font-size:.95rem}
.site .vlatest{font-size:.95rem;color:var(--muted)}
.site .vlatest b{font-family:var(--display);font-size:1.6rem;color:var(--mint);margin:0 4px}
.site .vcard .lnk{justify-self:start;color:var(--note);text-decoration:underline;text-underline-offset:3px;font-size:.9rem}
.site .vdate{font-family:var(--body);font-size:.85rem;font-weight:500;color:var(--dim);margin-left:8px}
.site .vnotes{margin:6px 0 0;padding-left:18px;display:grid;gap:8px;color:var(--muted)}
.site .vnotes .pro{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--note);background:rgba(135,48,255,.16);border:1px solid var(--line2);border-radius:999px;padding:2px 8px;margin-left:4px;vertical-align:1px}
.site .older{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.site .older summary{cursor:pointer;font-weight:600;color:var(--note);padding:8px 0}
@container site (max-width:640px){.site .vcards{grid-template-columns:1fr}}
.site .tm-node.vdot::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--note);box-shadow:0 0 10px var(--glow)}
.site .vshort{font-size:1.08rem;color:var(--ink);margin-top:4px}
.site .vmore{margin-top:8px}
.site .vmore summary{cursor:pointer;font-size:.9rem;font-weight:600;color:var(--note);padding:4px 0}
.site .vmore .vnotes{font-size:.95rem}
/* One free card with a picture: a wide card, words on the left, the picture on the right */
.site .wow:has(.free){grid-template-columns:minmax(0,1fr)}
.site .wow:has(.free) .wcard{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;row-gap:8px;align-content:start}
.site .wow:has(.free) .wcard>.mock{grid-column:2;grid-row:1/span 4;margin-top:0}
.site .wow:has(.free) .thumb{aspect-ratio:9/6}
@container site (max-width:640px){.site .wow:has(.free) .wcard{grid-template-columns:minmax(0,1fr)}.site .wow:has(.free) .wcard>.mock{grid-column:auto;grid-row:auto}}
.site .wow:has(.free) .wcard>.pro{justify-self:start}

/* Live only: the menu bar stays at the top while you scroll. */
.site .b-head{position:sticky;top:0;background:rgba(22,19,33,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(53,45,85,.5);z-index:20}
.site .b-hero,.site .c-top{padding-top:40px}
.site .toc{top:96px}