@layer components{[data-brand=spawnfront] .hero{border-bottom:1px solid var(--line);background:radial-gradient(40% 50% at 78% 70%, color-mix(in oklab, var(--cyan) 12%, transparent), transparent 72%), radial-gradient(42% 46% at 96% 4%, color-mix(in oklab, var(--violet) 20%, transparent), transparent 72%), radial-gradient(40% 40% at 4% 0%, color-mix(in oklab, var(--blue) 16%, transparent), transparent 70%), var(--void);position:relative;overflow:clip}[data-brand=spawnfront] .hero:before{content:"";pointer-events:none;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);-webkit-mask-image:radial-gradient(60% 60% at 72% 62%, var(--ink) 0, transparent 75%);-webkit-mask-image:radial-gradient(60% 60% at 72% 62%, var(--ink) 0, transparent 75%);mask-image:radial-gradient(60% 60% at 72% 62%, var(--ink) 0, transparent 75%);opacity:.5;background-size:44px 44px;position:absolute;inset:0}[data-brand=spawnfront] .hero-grid{align-items:center;gap:clamp(.5rem,2vw,2rem);padding-block:clamp(.75rem,3vw,2.5rem) clamp(1.5rem,3vw,2.5rem);display:grid;position:relative}@media (min-width:1000px){[data-brand=spawnfront] .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr)}}[data-brand=spawnfront] .hero-copy{min-width:0}[data-brand=spawnfront] .hero-copy>.hud{margin-bottom:1.25rem}[data-brand=spawnfront] .hero h1{font-size:var(--fs-hero);line-height:1.18}[data-brand=spawnfront] .hero h1 .lit{color:var(--cyan)}[data-brand=spawnfront] .lede{max-width:36rem;color:var(--ink-2);margin:1.4rem 0 1.9rem;font-size:1.125rem}[data-brand=spawnfront] .tagline{border-top:1px solid var(--line);max-width:32rem;font:500 .8125rem / 1.5 var(--f-hud);letter-spacing:.04em;color:var(--ink-2);margin-top:1.75rem;padding-top:1.1rem}[data-brand=spawnfront] .tagline b{color:var(--ink);font-weight:500}[data-brand=spawnfront] .stage{--m:clamp(220px, 27vw, 350px);min-width:0;height:calc(var(--m) * 1.42);position:relative}@media (max-width:999px){[data-brand=spawnfront] .stage{order:-1}}[data-brand=spawnfront] .stage canvas{pointer-events:none;top:0;bottom:0;width:calc(100% + 2 * var(--gutter));height:100%;display:block;position:absolute;inset-inline-start:calc(-1 * var(--gutter));inset-inline-end:calc(-1 * var(--gutter))}[data-brand=spawnfront] .stage img{left:50%;top:calc(var(--m) * .3);width:var(--m);height:var(--m);filter:drop-shadow(0 0 22px color-mix(in oklab, var(--blue) 45%, transparent));position:absolute;transform:translate(-50%)}[data-brand=spawnfront] .stage-hud{font:500 .625rem / 1.3 var(--f-hud);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);pointer-events:none;position:absolute}[data-brand=spawnfront] .stage-hud.tl{top:.75rem;inset-inline-start:0}[data-brand=spawnfront] .stage-hud.br{bottom:.5rem;text-align:end;inset-inline-end:0}[data-brand=spawnfront] .stage-hud .hud-c:before{content:"";background:var(--cyan);width:6px;height:6px;box-shadow:0 0 8px var(--cyan);vertical-align:.05em;margin-inline-end:.45rem;display:inline-block}@media (max-width:559px){[data-brand=spawnfront] .stage-hud.br{display:none}}[data-brand=spawnfront] .gstrip{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;padding-bottom:clamp(2rem,4vw,3rem);display:grid;position:relative}[data-brand=spawnfront] .gstrip a{min-width:0;color:var(--ink);background:var(--glass);border:1px solid var(--line);border-radius:3px;align-items:center;gap:.7rem;padding:.7rem .8rem;text-decoration:none;transition:border-color .15s,background-color .15s;display:flex}[data-brand=spawnfront] .gstrip a:hover{border-color:var(--line-2);background:var(--cyan-wash)}[data-brand=spawnfront] .gs-name{min-width:0;font-size:.9375rem;font-weight:600;line-height:1.2;display:block}[data-brand=spawnfront] .gs-name small{font:400 .6875rem / 1.4 var(--f-hud);letter-spacing:.08em;color:var(--ink-3);display:block}@media (max-width:759px){[data-brand=spawnfront] .gstrip{gap:.35rem}[data-brand=spawnfront] .gstrip a{text-align:center;flex-direction:column;gap:.35rem;padding:.55rem .2rem}[data-brand=spawnfront] .gs-name .gn{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}[data-brand=spawnfront] .lobby-wrap{min-width:0;padding-bottom:2rem;position:relative}[data-brand=spawnfront] .lobby-wrap:before{content:"";inset-inline:6%;pointer-events:none;background:radial-gradient(50% 50% at 50% 50%, color-mix(in oklab, var(--cyan) 38%, transparent), transparent 72%);filter:blur(6px);height:5rem;position:absolute;bottom:-.5rem}[data-brand=spawnfront] .lobby-wrap:after{content:"";inset-inline:14%;pointer-events:none;border:1px solid color-mix(in oklab, var(--cyan) 70%, transparent);height:1.8rem;box-shadow:0 0 18px color-mix(in oklab, var(--cyan) 50%, transparent), inset 0 0 14px color-mix(in oklab, var(--cyan) 40%, transparent);border-radius:50%;position:absolute;bottom:1.1rem}[data-brand=spawnfront] .lobby{z-index:1;background:var(--glass);-webkit-backdrop-filter:blur(6px);box-shadow:0 30px 80px -30px color-mix(in oklab, var(--blue) 55%, transparent);padding:clamp(1rem,2.4vw,1.5rem);position:relative}[data-brand=spawnfront] .lobby-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}[data-brand=spawnfront] .tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;display:grid}[data-brand=spawnfront] .tab{background:var(--well);min-width:0;color:var(--ink-2);border:1px solid var(--line);cursor:pointer;font:500 .78rem / 1.2 var(--f-body);text-align:center;border-radius:3px;flex-direction:column;align-items:center;gap:.45rem;padding:.65rem .25rem .6rem;transition:border-color .15s,background-color .15s,color .15s;display:flex;position:relative}[data-brand=spawnfront] .tab:hover{border-color:var(--line-2);color:var(--ink)}[data-brand=spawnfront] .tab[aria-selected=true]{color:var(--ink);border-color:var(--cyan);background:var(--cyan-wash);box-shadow:inset 0 -2px 0 var(--cyan)}[data-brand=spawnfront] .tab .tname{overflow-wrap:anywhere}@media (max-width:559px){[data-brand=spawnfront] .tab .tname{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}[data-brand=spawnfront] .panel{gap:.9rem;margin-top:1rem;display:grid}[data-brand=spawnfront] .panel.swap{animation:.28s ease-out brand-lobby-swap}[data-brand=spawnfront] .lp-rows{border-block:1px solid var(--line)}[data-brand=spawnfront] .lp-row{grid-template-columns:5.5rem minmax(0,1fr);align-items:start;gap:1.25rem;padding:.8rem 0;display:grid}[data-brand=spawnfront] .lp-row+.lp-row{border-top:1px solid var(--line)}[data-brand=spawnfront] .lp-row>div{min-width:0}[data-brand=spawnfront] .lp-row strong{font:400 1.35rem / 1 var(--f-display);color:var(--cyan);margin-top:.25rem;display:block}[data-brand=spawnfront] .lp-row.lp-wide{grid-template-columns:minmax(0,1fr)}[data-brand=spawnfront] .lp-row .lp-text{margin:.3rem 0 0;font-size:.9rem;line-height:1.45}[data-brand=spawnfront] .lp-row .pw{margin-top:.3rem;font-size:1rem;font-weight:600;display:block}[data-brand=spawnfront] .chips{flex-wrap:wrap;gap:.35rem;margin-top:.4rem;display:flex}[data-brand=spawnfront] .chips li{font:500 .8125rem / 1 var(--f-body);border:1px solid var(--line);background:var(--well);color:var(--ink);border-radius:2px;padding:.4rem .55rem}[data-brand=spawnfront] .pcard{background:var(--well);border:1px solid var(--line);border-radius:3px;gap:.9rem;padding:1rem;display:grid}[data-brand=spawnfront] .pc-id{align-items:center;gap:.8rem;min-width:0;display:flex}[data-brand=spawnfront] .av{width:2.9rem;height:2.9rem;font:400 .85rem / 1 var(--f-display);color:var(--ink);background:linear-gradient(135deg, var(--blue), var(--violet));border-radius:3px;flex:none;place-items:center;display:grid}[data-brand=spawnfront] .pc-id>div{min-width:0}[data-brand=spawnfront] .handle{font:700 1.15rem / 1.2 var(--f-body)}[data-brand=spawnfront] .sub{color:var(--ink-2);font-size:.875rem}[data-brand=spawnfront] .pc-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}[data-brand=spawnfront] .pc-stats>div{min-width:0}[data-brand=spawnfront] .pc-stats strong{font:600 1.125rem / 1.25 var(--f-body);font-variant-numeric:tabular-nums;margin-top:.2rem;display:block}[data-brand=spawnfront] .bar{background:var(--line);border-radius:2px;height:4px;margin-top:.45rem;display:block;overflow:hidden}[data-brand=spawnfront] .bar i{height:100%;width:var(--wr,50%);background:linear-gradient(90deg, var(--blue), var(--cyan));transition:width .3s ease-out;display:block}[data-brand=spawnfront] .picks{counter-reset:p;flex-wrap:wrap;gap:.4rem;margin-top:.45rem;display:flex}[data-brand=spawnfront] .picks li{counter-increment:p;font:500 .875rem / 1 var(--f-body);border:1px solid var(--line);background:var(--deck);border-radius:2px;align-items:center;gap:.45rem;padding-block:.4rem;padding-inline:.4rem .6rem;display:inline-flex}[data-brand=spawnfront] .picks li:before{content:counter(p);width:1.25rem;height:1.25rem;font:500 .65rem / 1 var(--f-hud);background:var(--violet-wash);color:var(--ink);border-radius:2px;place-items:center;display:grid}[data-brand=spawnfront] .pc-foot{color:var(--ink-3)}[data-brand=spawnfront] .pc-foot:before{content:"";background:var(--cyan);width:6px;height:6px;margin-inline-end:.45rem;display:inline-block}[data-brand=spawnfront] .pos{border:1px dashed var(--line-2);border-radius:3px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding:.9rem 1rem;display:flex}[data-brand=spawnfront] .pos>div{flex:14rem;min-width:0}[data-brand=spawnfront] .pos p{font-size:.98rem;line-height:1.4}[data-brand=spawnfront] .pos .meta li+li:before{content:"· ";color:var(--ink-3)}[data-brand=spawnfront] .pos .meta{font:400 .75rem / 1.3 var(--f-hud);letter-spacing:.06em;color:var(--ink-2);flex-wrap:wrap;gap:.35rem .9rem;margin-top:.3rem;display:flex}[data-brand=spawnfront] .aud{gap:1rem;display:grid}@media (min-width:600px){[data-brand=spawnfront] .aud{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1040px){[data-brand=spawnfront] .aud{grid-template-columns:repeat(4,minmax(0,1fr))}}[data-brand=spawnfront] .aud-cell{flex-direction:column;gap:.75rem;min-width:0;padding:1.5rem 1.35rem 1.35rem;display:flex}[data-brand=spawnfront] .aud-cell p{color:var(--ink-2);flex:1;font-size:.9375rem}[data-brand=spawnfront] .aud-icon{width:30px;height:30px;color:var(--cyan);filter:drop-shadow(0 0 6px color-mix(in oklab, var(--cyan) 50%, transparent))}[data-brand=spawnfront] .aud-cell .textlink{align-self:flex-start;margin-top:.35rem}[data-brand=spawnfront] .stackwrap{background:radial-gradient(45% 55% at 0% 70%, color-mix(in oklab, var(--blue) 13%, transparent), transparent 70%), var(--void)}[data-brand=spawnfront] .stack-grid{align-items:start;gap:2rem;display:grid}@media (min-width:960px){[data-brand=spawnfront] .stack-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:2.5rem}}[data-brand=spawnfront] .stack-grid>*{min-width:0}[data-brand=spawnfront] .tier{grid-template-columns:minmax(0,1fr) 34px;display:grid}[data-brand=spawnfront] .layers{min-width:0}[data-brand=spawnfront] .tier-label{border:1px solid var(--ink-3);border-inline-start:0;margin-block:8px;margin-inline:10px 0;position:relative}[data-brand=spawnfront] .tier-label span{inset-inline-end:-9px;writing-mode:vertical-rl;background:var(--void);font:500 .6875rem / 1 var(--f-hud);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap;padding:8px 0;position:absolute;top:50%;transform:translateY(-50%)rotate(180deg)}[data-brand=spawnfront] .tier.paid .tier-label{border-color:var(--cyan);box-shadow:4px 0 14px -8px var(--cyan)}[data-brand=spawnfront] .tier.paid .tier-label span{color:var(--cyan)}[data-brand=spawnfront] .layer{width:calc(100% - var(--inset,0%));text-align:start;color:var(--ink);font:inherit;background:var(--deck);border:1px solid var(--line);cursor:pointer;border-radius:3px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:1rem;margin-inline:auto;padding:1rem 1.1rem;transition:border-color .15s,background-color .15s,box-shadow .15s;display:grid}[data-brand=spawnfront] .layer:hover{border-color:var(--line-2)}[data-brand=spawnfront] .layer[aria-pressed=true]{border-color:var(--cyan);background:var(--cyan-wash);box-shadow:0 14px 40px -22px var(--cyan)}[data-brand=spawnfront] .l-code{height:32px;font:500 .75rem / 1 var(--f-hud);color:var(--ink-2);border:1px solid var(--line);background:var(--well);border-radius:2px;place-items:center;display:grid}[data-brand=spawnfront] .layer[aria-pressed=true] .l-code{color:var(--void);background:var(--cyan);border-color:var(--cyan)}[data-brand=spawnfront] .l-name{font:400 .95rem / 1.3 var(--f-display);display:block}[data-brand=spawnfront] .l-parts{flex-wrap:wrap;gap:.2rem .9rem;margin-top:.4rem;display:flex}[data-brand=spawnfront] .l-parts span{font:400 .75rem / 1.4 var(--f-hud);color:var(--ink-2)}[data-brand=spawnfront] .l-parts em{color:var(--cyan);font-style:normal}[data-brand=spawnfront] .l-chev{width:16px;height:16px;color:var(--ink-3)}[data-brand=spawnfront] .layer[aria-pressed=true] .l-chev{color:var(--cyan)}[data-brand=spawnfront] .flow{min-height:38px;font:400 .6875rem / 1.25 var(--f-hud);letter-spacing:.04em;color:var(--ink-3);text-align:center;justify-content:center;align-items:center;gap:.6rem;padding-block:4px;display:flex}[data-brand=spawnfront] .flow svg{width:10px;height:22px;color:var(--cyan);flex:none}[data-brand=spawnfront] .flow.out{padding-inline-end:34px}@media (min-width:960px){[data-brand=spawnfront] .panel-col{position:sticky;top:96px}}[data-brand=spawnfront] .lpanel[hidden]{display:none}[data-brand=spawnfront] .lpanel-head{border-bottom:1px solid var(--line);padding:1.4rem 1.4rem 1.2rem}[data-brand=spawnfront] .lpanel-head .hud{justify-content:space-between;gap:.75rem;display:flex}[data-brand=spawnfront] .lpanel h3{font:400 1.125rem / 1.35 var(--f-display);margin-top:.8rem}[data-brand=spawnfront] .lpanel-head p:not(.hud){color:var(--ink-2);margin-top:.7rem;font-size:.9375rem}[data-brand=spawnfront] .lpanel dl div{grid-template-columns:8.5em minmax(0,1fr);gap:.75rem;padding:.85rem 1.4rem;display:grid}[data-brand=spawnfront] .lpanel dl div+div{border-top:1px solid var(--line)}[data-brand=spawnfront] .lpanel dt{font-size:.9rem;font-weight:600}[data-brand=spawnfront] .lpanel dd{color:var(--ink-2);font-size:.9rem}@media (max-width:479px){[data-brand=spawnfront] .layer{grid-template-columns:36px minmax(0,1fr);gap:.75rem;padding:.85rem}[data-brand=spawnfront] .l-chev{display:none}[data-brand=spawnfront] .lpanel dl div{grid-template-columns:minmax(0,1fr);gap:.2rem;padding-inline:1.1rem}[data-brand=spawnfront] .lpanel-head{padding-inline:1.1rem}}[data-brand=spawnfront] .steps{background:var(--line);border:1px solid var(--line);border-radius:var(--r);gap:1px;display:grid;overflow:hidden}@media (min-width:820px){[data-brand=spawnfront] .steps{grid-template-columns:repeat(3,minmax(0,1fr))}}[data-brand=spawnfront] .steps li{background:var(--deck);flex-direction:column;min-width:0;padding:clamp(1.25rem,2.5vw,2rem);display:flex}[data-brand=spawnfront] .steps .n{font:400 2rem / 1 var(--f-display);color:var(--cyan);font-variant-numeric:tabular-nums;margin-bottom:1.4rem;display:block}[data-brand=spawnfront] .steps p{color:var(--ink-2);font-size:var(--fs-small);margin-top:.6rem}[data-brand=spawnfront] .steps .addon{border:1px dashed var(--line-2);background:var(--well);color:var(--ink-2);border-radius:3px;margin-top:1rem;padding:.7rem .8rem;font-size:.875rem}[data-brand=spawnfront] .steps .addon b{font:500 .65rem / 1 var(--f-hud);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-inline-end:.35rem}[data-brand=spawnfront] .filters{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:.4rem;padding:.85rem 1rem;display:flex}[data-brand=spawnfront] .filters span{font:400 .75rem / 1 var(--f-hud);border:1px solid var(--line);color:var(--ink-2);border-radius:2px;padding:.45rem .55rem}[data-brand=spawnfront] .filters span b{color:var(--ink);font-weight:500}[data-brand=spawnfront] .team-row{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:.8rem 1rem;display:grid}[data-brand=spawnfront] .team-row:last-child{border-bottom:0}[data-brand=spawnfront] .team-row>div{min-width:0}[data-brand=spawnfront] .team-row .tn{font-weight:600}[data-brand=spawnfront] .team-row .tm{color:var(--ink-2);font-size:.85rem}[data-brand=spawnfront] .team-row .tp{font:400 .75rem / 1.4 var(--f-hud);color:var(--cyan);letter-spacing:.04em;margin-top:.15rem}[data-brand=spawnfront] .stacked>*+*{margin-top:1rem}[data-brand=spawnfront] .app-line{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.75rem 1rem;display:flex}[data-brand=spawnfront] .mock-head+.app-line{border-top:0}[data-brand=spawnfront] .track{font:400 .6875rem / 1 var(--f-hud);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}[data-brand=spawnfront] .track i{background:var(--line);width:18px;height:2px}[data-brand=spawnfront] .track .on{color:var(--cyan)}[data-brand=spawnfront] .track i.on{background:var(--cyan)}[data-brand=spawnfront] .companion{background:radial-gradient(40% 60% at 100% 40%, color-mix(in oklab, var(--blue) 14%, transparent), transparent 70%), var(--void)}[data-brand=spawnfront] .log{font-family:var(--f-hud)}[data-brand=spawnfront] .log-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem 1rem;display:flex}[data-brand=spawnfront] .log-head .tag{white-space:normal;line-height:1.3}[data-brand=spawnfront] .rec{font:500 .72rem / 1 var(--f-hud);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}[data-brand=spawnfront] .rec:before{content:"";background:var(--cyan);width:7px;height:7px;box-shadow:0 0 8px var(--cyan);margin-inline-end:.5rem;display:inline-block}[data-brand=spawnfront] .log-scroll{overflow-x:auto}[data-brand=spawnfront] .log table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.8125rem}[data-brand=spawnfront] .log th{text-align:start;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line);padding:.65rem 1rem;font-size:.6875rem;font-weight:400}[data-brand=spawnfront] .log td{border-bottom:1px solid var(--line);color:var(--ink);white-space:nowrap;padding:.7rem 1rem}[data-brand=spawnfront] .log td:last-child,[data-brand=spawnfront] .log th:last-child{text-align:end;color:var(--ink-2)}[data-brand=spawnfront] .res{border-radius:2px;place-items:center;width:1.6rem;height:1.6rem;font-weight:500;display:inline-grid}[data-brand=spawnfront] .res.w{background:var(--cyan-wash);color:var(--cyan);border:1px solid var(--line-2)}[data-brand=spawnfront] .res.l{background:var(--well);color:var(--ink-2);border:1px solid var(--line)}[data-brand=spawnfront] .log-foot{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:.9rem 1rem;display:grid}[data-brand=spawnfront] .log-foot div{min-width:0}[data-brand=spawnfront] .log-foot strong{font:600 1.05rem / 1.2 var(--f-body);color:var(--ink);margin-top:.25rem;display:block}[data-brand=spawnfront] .benefits{margin-top:clamp(2rem,4vw,3rem)}[data-brand=spawnfront] .benefits .hud{color:var(--cyan)}@media (max-width:479px){[data-brand=spawnfront] .log .hide-s{display:none}[data-brand=spawnfront] .log td,[data-brand=spawnfront] .log th{padding-inline:.7rem}[data-brand=spawnfront] .log-foot{grid-template-columns:1fr 1fr}}[data-brand=spawnfront] .opening{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.25rem 1rem;padding:.85rem 1rem;display:grid}[data-brand=spawnfront] .opening:last-child{border-bottom:0}[data-brand=spawnfront] .opening .meta{font:400 .75rem / 1.4 var(--f-hud);color:var(--ink-2);letter-spacing:.04em}[data-brand=spawnfront] .count{font:500 .75rem / 1 var(--f-hud);color:var(--cyan);border:1px solid var(--line-2);white-space:nowrap;border-radius:2px;padding:.4rem .5rem}[data-brand=spawnfront] .applicant{gap:1rem;display:grid}[data-brand=spawnfront] .mini-stats{background:var(--line);border:1px solid var(--line);border-radius:3px;grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:1px;display:grid;overflow:hidden}[data-brand=spawnfront] .mini-stats div{background:var(--well);min-width:0;padding:.7rem .75rem}[data-brand=spawnfront] .mini-stats strong{font:600 1rem / 1.25 var(--f-body);font-variant-numeric:tabular-nums;margin-top:.2rem;display:block}[data-brand=spawnfront] .src{flex-wrap:wrap;gap:.35rem;display:flex}[data-brand=spawnfront] .decide{flex-wrap:wrap;gap:.6rem;display:flex}[data-brand=spawnfront] .decide .btn{flex:8rem}[data-brand=spawnfront] .btn-accept{background:var(--blue);color:var(--ink);min-height:44px;font-weight:700}[data-brand=spawnfront] .btn-decline{border-color:var(--line);color:var(--ink-2);background:var(--well);min-height:44px}[data-brand=spawnfront] .cal{margin-top:var(--gap)}[data-brand=spawnfront] .week{background:var(--line);grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;display:grid}[data-brand=spawnfront] .day{background:var(--deck);min-width:0;min-height:9.5rem;padding:.75rem .6rem}[data-brand=spawnfront] .day>.hud{margin-bottom:.6rem;display:block}[data-brand=spawnfront] .ev{border-inline-start:2px solid var(--blue);background:var(--deck-2);border-radius:2px;padding:.55rem;display:block}[data-brand=spawnfront] .ev.match{border-inline-start-color:var(--violet);background:var(--violet-wash)}[data-brand=spawnfront] .ev.scrim{border-inline-start-color:var(--cyan);background:var(--cyan-wash)}[data-brand=spawnfront] .ev b{font-size:.875rem;font-weight:600;line-height:1.25;display:block}[data-brand=spawnfront] .ev .t{font:400 .6875rem / 1.4 var(--f-hud);color:var(--ink-2);font-variant-numeric:tabular-nums;margin-top:.15rem;display:block}[data-brand=spawnfront] .att{flex-wrap:wrap;gap:3px;margin-top:.5rem;display:flex}[data-brand=spawnfront] .att i{background:var(--cyan);border-radius:1px;width:9px;height:9px}[data-brand=spawnfront] .att i.m{box-shadow:inset 0 0 0 1px var(--violet);background:0 0}[data-brand=spawnfront] .att i.x{background:var(--line)}[data-brand=spawnfront] .att-txt{font:400 .6875rem / 1.3 var(--f-hud);color:var(--ink-3);margin-top:.3rem;display:block}[data-brand=spawnfront] .legend{border-top:1px solid var(--line);font:400 .72rem / 1 var(--f-hud);color:var(--ink-2);flex-wrap:wrap;gap:1rem;padding:.8rem 1rem;display:flex}[data-brand=spawnfront] .legend span{align-items:center;gap:.4rem;display:inline-flex}[data-brand=spawnfront] .legend .att{margin:0}[data-brand=spawnfront] .empty-day{font:400 .6875rem / 1.3 var(--f-hud);color:var(--ink-3)}@media (max-width:759px){[data-brand=spawnfront] .week{grid-template-columns:minmax(0,1fr)}[data-brand=spawnfront] .day{grid-template-columns:3rem minmax(0,1fr);align-items:start;gap:.75rem;min-height:0;display:grid}[data-brand=spawnfront] .day>.hud{margin:.55rem 0 0}[data-brand=spawnfront] .day>.empty-day{padding-top:.55rem}}[data-brand=spawnfront] .siteband{background:radial-gradient(45% 55% at 100% 0%, color-mix(in oklab, var(--violet) 14%, transparent), transparent 70%), var(--void)}[data-brand=spawnfront] .products{gap:var(--gap);display:grid}@media (min-width:980px){[data-brand=spawnfront] .products{grid-template-columns:repeat(3,minmax(0,1fr))}}[data-brand=spawnfront] .prod{flex-direction:column;min-width:0;display:flex}[data-brand=spawnfront] .prod-shot{background:var(--well);border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;min-height:15rem;padding:1rem;display:flex}[data-brand=spawnfront] .prod-shot .frame{background:var(--deck)}[data-brand=spawnfront] .prod-body{flex-direction:column;flex:1;gap:.6rem;padding:1.25rem;display:flex}[data-brand=spawnfront] .prod-body h3{font:400 1.0625rem / 1.35 var(--f-display)}[data-brand=spawnfront] .prod-body p:not(.hud){color:var(--ink-2);font-size:.9375rem}[data-brand=spawnfront] .prod-body .hud{color:var(--cyan)}[data-brand=spawnfront] .prod-body ul{border-top:1px solid var(--line);margin-top:.4rem}[data-brand=spawnfront] .prod-body li{border-bottom:1px solid var(--line);color:var(--ink-2);gap:.6rem;padding:.55rem 0;font-size:.875rem;display:flex}[data-brand=spawnfront] .prod-body li:before{content:"";background:var(--cyan);flex:none;width:6px;height:6px;margin-top:.5em}[data-brand=spawnfront] .listed{font:500 .625rem / 1 var(--f-hud);letter-spacing:.12em;text-transform:uppercase;color:var(--void);background:var(--cyan);border-radius:2px;padding:.3rem .4rem;display:inline-block}[data-brand=spawnfront] .slot{gap:.5rem;display:grid}[data-brand=spawnfront] .slot-line{background:var(--well);border:1px solid var(--line);border-radius:2px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .75rem;padding:.6rem .75rem;font-size:.9rem;display:flex}[data-brand=spawnfront] .slot-line .t{font:400 .75rem / 1.3 var(--f-hud);color:var(--ink-2);font-variant-numeric:tabular-nums}[data-brand=spawnfront] .slot-line.ok{border-color:var(--line-2);background:var(--cyan-wash)}[data-brand=spawnfront] .slot-link{text-align:center;font:400 .6875rem / 1 var(--f-hud);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}[data-brand=spawnfront] .browser{background:var(--deck);border:1px solid var(--line);box-shadow:0 30px 60px -30px color-mix(in oklab, var(--void) 90%, transparent), 0 0 0 1px color-mix(in oklab, var(--blue) 20%, transparent);border-radius:6px;overflow:hidden}[data-brand=spawnfront] .chrome{background:var(--well);border-bottom:1px solid var(--line);align-items:center;gap:.6rem;padding:.55rem .7rem;display:flex}[data-brand=spawnfront] .dots{flex:none;gap:4px;display:flex}[data-brand=spawnfront] .dots i{background:var(--line);border-radius:1px;width:7px;height:7px}[data-brand=spawnfront] .addr{background:var(--deck);border:1px solid var(--line);min-width:0;font:400 .75rem / 1.2 var(--f-hud);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;border-radius:3px;flex:1;align-items:center;gap:.4rem;padding:.3rem .6rem;display:flex;overflow:hidden}[data-brand=spawnfront] .addr svg{color:var(--cyan);flex:none}[data-brand=spawnfront] .browser figcaption{border-top:1px solid var(--line);justify-content:space-between;gap:.75rem;padding:.55rem .75rem;display:flex}[data-brand=spawnfront] .compete-row{gap:var(--gap);align-items:start;margin-top:clamp(2.5rem,5vw,4rem);display:grid}@media (min-width:980px){[data-brand=spawnfront] .compete-row{grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr)}}[data-brand=spawnfront] .compete-row>*{min-width:0}[data-brand=spawnfront] .compete-row h3{font:400 clamp(1.05rem, .9rem + .6vw, 1.35rem) / 1.3 var(--f-display)}[data-brand=spawnfront] .compete-row .copy p{color:var(--ink-2);margin-top:.8rem;font-size:.9688rem}[data-brand=spawnfront] .compete-row .copy .hud{margin-top:0;margin-bottom:.8rem}[data-brand=spawnfront] .compete-row .copy .hud:before{content:"// ";color:var(--cyan)}[data-brand=spawnfront] .c-cap{color:var(--ink-2);padding:0 1rem 1rem;font-size:.9rem}[data-brand=spawnfront] .bracket{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:.9rem;display:grid}[data-brand=spawnfront] .bracket .col{gap:.9rem;min-width:0;display:grid}[data-brand=spawnfront] .m{border:1px solid var(--line);background:var(--well);border-radius:2px;overflow:hidden}[data-brand=spawnfront] .m div{justify-content:space-between;gap:.4rem;padding:.42rem .55rem;font-size:.82rem;display:flex}[data-brand=spawnfront] .m div+div{border-top:1px solid var(--line)}[data-brand=spawnfront] .m span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}[data-brand=spawnfront] .m b{font-variant-numeric:tabular-nums;font-weight:600}[data-brand=spawnfront] .m .win{color:var(--ink)}[data-brand=spawnfront] .m .lose{color:var(--ink-3)}[data-brand=spawnfront] .m.decider{border-color:var(--line-2)}[data-brand=spawnfront] .m-state{font:400 .625rem / 1.3 var(--f-hud);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);border-top:1px solid var(--line);padding:.35rem .55rem;display:block}[data-brand=spawnfront] .ladder{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.875rem}[data-brand=spawnfront] .ladder th{text-align:start;font:400 .6875rem / 1 var(--f-hud);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding:0 .4rem .55rem}[data-brand=spawnfront] .ladder td{border-top:1px solid var(--line);padding:.55rem .4rem}[data-brand=spawnfront] .ladder td:first-child{font-family:var(--f-hud);color:var(--cyan);width:2rem}[data-brand=spawnfront] .ladder td:last-child,[data-brand=spawnfront] .ladder th:last-child{text-align:end}[data-brand=spawnfront] .ladder tr.me td{background:var(--cyan-wash)}[data-brand=spawnfront] .sec-cta{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;margin-top:clamp(2.5rem,5vw,3.5rem);padding-top:1.5rem;display:flex}[data-brand=spawnfront] .sec-cta p{color:var(--ink-2);max-width:34rem}[data-brand=spawnfront] .tplstack{padding:1rem 0 2.5rem;position:relative}[data-brand=spawnfront] .tplstack a{color:inherit;text-decoration:none;display:block}[data-brand=spawnfront] .tplstack a:hover .browser{box-shadow:0 30px 60px -30px color-mix(in oklab, var(--void) 90%, transparent), 0 0 0 1px var(--cyan)}[data-brand=spawnfront] .sec.sec-flush{padding-top:0}[data-brand=spawnfront] .b-back{transform-origin:0 0;width:82%;transform:rotate(-3deg)}[data-brand=spawnfront] .b-front{transform-origin:100% 0;width:80%;margin-block:-46% 0;margin-inline:auto 0;position:relative;transform:rotate(2.5deg)}@media (max-width:919px){[data-brand=spawnfront] .b-back,[data-brand=spawnfront] .b-front{width:92%}[data-brand=spawnfront] .b-front{margin-top:-52%}}[data-brand=spawnfront] .pages{flex-wrap:wrap;gap:.4rem;margin-top:1.5rem;display:flex}[data-brand=spawnfront] .pages li{font:500 .78rem / 1 var(--f-hud);border:1px solid var(--line-2);color:var(--ink);background:var(--well);border-radius:2px;padding:.5rem .65rem}[data-brand=spawnfront] .addons{margin-top:1.75rem}[data-brand=spawnfront] .addons .plan-hud{font:500 .65rem / 1.3 var(--f-hud);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-top:.6rem;display:block}[data-brand=spawnfront] .ai-turns{gap:.75rem;display:grid}[data-brand=spawnfront] .ai-turn{border:1px solid var(--line);border-radius:var(--r);background:var(--void);min-width:0;max-width:30rem;padding:.7rem .9rem}[data-brand=spawnfront] .ai-turn.you{background:var(--cyan-wash);border-color:var(--line-2);justify-self:end}[data-brand=spawnfront] .ai-turn p{color:var(--ink-2);margin-top:.3rem;font-size:.9375rem}[data-brand=spawnfront] .ai-handoff{margin-top:.75rem}[data-brand=spawnfront] .org{justify-items:center;display:grid}[data-brand=spawnfront] .org-root{text-align:center;width:min(100%,26rem);padding:1.1rem 1.25rem}[data-brand=spawnfront] .org-root .hud{margin-bottom:.4rem;display:block}[data-brand=spawnfront] .org-root strong{font:400 clamp(1rem, .85rem + .8vw, 1.35rem) / 1.25 var(--f-display);display:block}[data-brand=spawnfront] .org-root p{color:var(--ink-2);margin-top:.4rem;font-size:.9rem}[data-brand=spawnfront] .trunk{background:var(--line-2);width:1px;height:2rem}[data-brand=spawnfront] .divs{gap:1rem;width:100%;padding-top:2rem;display:grid;position:relative}[data-brand=spawnfront] .divs:before{content:"";top:0;background:var(--line-2);height:1px;position:absolute;inset-inline:16.66%}@media (min-width:760px){[data-brand=spawnfront] .divs{grid-template-columns:repeat(3,minmax(0,1fr))}}[data-brand=spawnfront] .div-card{align-items:center;gap:.85rem;min-width:0;padding:1rem;display:flex;position:relative}[data-brand=spawnfront] .div-card:before{content:"";background:var(--line-2);width:1px;height:2rem;position:absolute;top:-2rem;left:50%}[data-brand=spawnfront] .div-card>div{min-width:0}[data-brand=spawnfront] .div-card b{font-weight:600;display:block}[data-brand=spawnfront] .div-card span{color:var(--ink-2);font-size:.85rem}[data-brand=spawnfront] .div-card .path{font:400 .72rem / 1.3 var(--f-hud);color:var(--cyan);overflow-wrap:anywhere;margin-top:.2rem;display:block}@media (max-width:759px){[data-brand=spawnfront] .divs:before{left:50%;inset-inline-end:auto;width:1px;height:auto;top:0;bottom:2rem}[data-brand=spawnfront] .divs{padding-top:1rem}[data-brand=spawnfront] .div-card:before{display:none}}[data-brand=spawnfront] .org-points{margin-top:clamp(2rem,4vw,3rem)}[data-brand=spawnfront] .nums{background:var(--line);border:1px solid var(--line);border-radius:var(--r);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}@media (min-width:640px){[data-brand=spawnfront] .nums{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1000px){[data-brand=spawnfront] .nums{grid-template-columns:repeat(5,minmax(0,1fr))}}[data-brand=spawnfront] .nums>div{background:var(--deck);min-width:0;padding:clamp(1.1rem,2.4vw,1.75rem)}[data-brand=spawnfront] .nums>div:last-child:nth-child(odd){grid-column:1/-1}@media (min-width:640px){[data-brand=spawnfront] .nums>div:last-child:nth-child(odd){grid-column:auto}}[data-brand=spawnfront] .nums b{font:400 clamp(1.75rem, 1.2rem + 2.4vw, 2.75rem) / 1 var(--f-display);color:var(--ink);font-variant-numeric:tabular-nums;text-shadow:0 0 24px color-mix(in oklab, var(--cyan) 35%, transparent);display:block}[data-brand=spawnfront] .nums b small{font:500 .8rem / 1 var(--f-hud);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);text-shadow:none;margin-inline-start:.35rem}[data-brand=spawnfront] .nums p{color:var(--ink-2);margin-top:.8rem;font-size:.875rem}[data-brand=spawnfront] .paths{gap:var(--gap);display:grid}@media (min-width:760px){[data-brand=spawnfront] .paths{grid-template-columns:repeat(2,minmax(0,1fr))}}[data-brand=spawnfront] .route{flex-direction:column;gap:.9rem;min-width:0;padding:clamp(1.5rem,4vw,2.75rem);display:flex}[data-brand=spawnfront] .route.lead{background:var(--cyan-wash);border-color:var(--line-2)}[data-brand=spawnfront] .route h2{font-size:clamp(1.2rem,.9rem + 1.3vw,1.75rem);line-height:1.25}[data-brand=spawnfront] .route p:not(.hud){color:var(--ink-2);max-width:40ch}[data-brand=spawnfront] .route .ctas{margin-top:auto;padding-top:1rem}[data-brand=spawnfront] .route .assure{margin-top:0}[data-brand=spawnfront] .plans{gap:1rem;display:grid}@media (min-width:640px){[data-brand=spawnfront] .plans{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1080px){[data-brand=spawnfront] .plans{grid-template-columns:repeat(4,minmax(0,1fr))}}[data-brand=spawnfront] .plan{flex-direction:column;gap:1rem;min-width:0;padding:1.4rem 1.25rem;display:flex}[data-brand=spawnfront] .plan.start{background:var(--cyan-wash);border-color:var(--line-2)}[data-brand=spawnfront] .plan-top{justify-content:space-between;align-items:center;gap:.5rem;min-height:1.6rem;display:flex}[data-brand=spawnfront] .plan h3{font:400 1.1rem / 1.2 var(--f-display)}[data-brand=spawnfront] .price{font:400 2rem / 1 var(--f-display);font-variant-numeric:tabular-nums}[data-brand=spawnfront] .price .per{font:400 .9375rem / 1 var(--f-body);color:var(--ink-2)}[data-brand=spawnfront] .price-soon{font:600 1.0625rem / 1.3 var(--f-body);color:var(--ink)}[data-brand=spawnfront] .billed{color:var(--ink-2);margin-top:.25rem;font-size:.85rem}[data-brand=spawnfront] .plan ul{color:var(--ink-2);flex:1;align-content:start;gap:.6rem;font-size:.9375rem;display:grid}[data-brand=spawnfront] .plan li{padding-inline-start:1.15rem;line-height:1.45;position:relative}[data-brand=spawnfront] .plan li:before{content:"";inset-inline-start:0;background:var(--cyan);width:5px;height:5px;position:absolute;top:.55em}[data-brand=spawnfront] .plan li.plus{color:var(--ink)}[data-brand=spawnfront] .plan li.plus:before{background:var(--violet);box-shadow:0 0 6px var(--violet)}[data-brand=spawnfront] .plan .btn{width:100%}[data-brand=spawnfront] .plans-note{color:var(--ink-2);margin-top:1.25rem;font-size:.9rem}[data-brand=spawnfront] .gift-strip{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;margin-top:1.5rem;display:flex}[data-brand=spawnfront] .gift-strip h3{font:400 1.05rem / 1.3 var(--f-display);margin-bottom:.35rem}[data-brand=spawnfront] .gift-strip p{color:var(--ink-2);max-width:44rem;font-size:.95rem}[data-brand=spawnfront] .faq{border-top:1px solid var(--line);max-width:52rem}[data-brand=spawnfront] .faq-item{border-bottom:1px solid var(--line)}[data-brand=spawnfront] .faq-q{color:var(--ink);font:600 1.0938rem / 1.35 var(--f-body);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem .25rem;list-style:none;display:flex}[data-brand=spawnfront] .faq-q::-webkit-details-marker{display:none}[data-brand=spawnfront] .faq-q:hover{color:var(--cyan)}[data-brand=spawnfront] .faq-q h3{font:inherit;color:inherit;margin:0}[data-brand=spawnfront] .faq-q .ic{flex:none;width:14px;height:14px;position:relative}[data-brand=spawnfront] .faq-q .ic:before,[data-brand=spawnfront] .faq-q .ic:after{content:"";inset-inline-start:0;background:var(--cyan);width:14px;height:2px;transition:transform .2s;position:absolute;top:6px}[data-brand=spawnfront] .faq-q .ic:after{transform:rotate(90deg)}[data-brand=spawnfront] .faq-item[open]>.faq-q .ic:after{transform:rotate(0)}[data-brand=spawnfront] .faq-a{color:var(--ink-2);max-width:44rem;padding:0 .25rem 1.25rem}[data-brand=spawnfront] .final{border-top:1px solid var(--line);background:radial-gradient(50% 80% at 85% 100%, color-mix(in oklab, var(--blue) 18%, transparent), transparent 70%), var(--void);position:relative;overflow:clip}[data-brand=spawnfront] .final-grid{align-items:end;gap:1.75rem;padding-block:clamp(3rem,7vw,5.5rem);display:grid}@media (min-width:880px){[data-brand=spawnfront] .final-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:3rem}}[data-brand=spawnfront] .final-grid>*{min-width:0}[data-brand=spawnfront] .final-id{align-items:center;gap:.9rem;margin-bottom:1.25rem;display:flex}[data-brand=spawnfront] .final-id img{width:64px;height:64px;filter:drop-shadow(0 0 14px color-mix(in oklab, var(--cyan) 45%, transparent))}[data-brand=spawnfront] .final h2{font-size:clamp(1.5rem,.8rem + 2.4vw,2.75rem);line-height:1.15}[data-brand=spawnfront] .final .lede{margin:1rem 0 0}}@keyframes brand-lobby-swap{0%{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}