@layer components{.sdl .sdl-pc8-browser{border-radius:var(--radius-xl,22px);background:rgb(var(--marketing-card));border:1px solid rgb(var(--marketing-border) / .9);box-shadow:0 34px 80px rgb(var(--marketing-fg) / .14);position:relative;overflow:hidden}.sdl .sdl-pc8-browser__bar{border-bottom:1px solid rgb(var(--marketing-border) / .7);background:rgb(var(--marketing-muted) / .42);align-items:center;gap:.6rem;padding:.6rem .8rem;display:flex}.sdl .sdl-pc8-browser__dots{gap:.3rem;display:inline-flex}.sdl .sdl-pc8-browser__dots i{background:rgb(var(--marketing-border));border-radius:50%;width:9px;height:9px}.sdl .sdl-pc8-browser__url{border-radius:var(--radius-pill,999px);background:rgb(var(--marketing-card));border:1px solid rgb(var(--marketing-border) / .8);min-width:0;font-family:var(--font-mono), var(--font-body);color:var(--sdl-muted);white-space:nowrap;flex:1;align-items:center;gap:.4rem;padding:.32rem .7rem;font-size:.72rem;display:inline-flex;overflow:hidden}.sdl .sdl-pc8-browser__url svg{color:var(--accent-ink,var(--accent));flex:none}html[data-theme=dark] .sdl .sdl-pc8-browser__url svg{color:color-mix(in srgb, var(--accent) 75%, rgb(var(--sdl-invert)))}.sdl .sdl-pc8-browser__pwa{border-radius:var(--radius-pill,999px);color:var(--accent-ink,var(--accent-deep));background:color-mix(in srgb, var(--accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);flex:none;align-items:center;gap:.3rem;padding:.22rem .55rem;font-size:.64rem;font-weight:700;display:inline-flex}html[data-theme=dark] .sdl .sdl-pc8-browser__pwa{color:color-mix(in srgb, var(--accent) 75%, rgb(var(--sdl-invert)))}.sdl .sdl-pc8-browser .sdl-ui{box-shadow:none;background:0 0;border:0;border-radius:0}.sdl .sdl-pc8-browser .sdl-ui__dots,.sdl .sdl-pc8-float-a,.sdl .sdl-pc8-float-b{display:none}@media (min-width:1024px){.sdl .sdl-pc8-float-a{top:-1.1rem;display:block;inset-inline-end:-.9rem}.sdl .sdl-pc8-float-b{bottom:-1.2rem;display:block;inset-inline-start:-1rem}}.sdl .sdl-pc8-split{grid-template-columns:1fr;align-items:center;gap:2.25rem;display:grid}@media (min-width:960px){.sdl .sdl-pc8-split{grid-template-columns:.92fr 1.08fr;gap:3.25rem}.sdl .sdl-pc8-split--flip>:first-child{order:2}.sdl .sdl-pc8-split--flip>:last-child{order:1}}.sdl .sdl-pc8-points{gap:1.05rem;margin-top:1.5rem;display:grid}.sdl .sdl-pc8-point{align-items:flex-start;gap:.8rem;display:flex}.sdl .sdl-pc8-point__ic{border-radius:var(--radius-md,12px);width:2.35rem;height:2.35rem;color:var(--accent-ink,var(--accent-deep));background:color-mix(in srgb, var(--accent) 13%, transparent);border:1px solid color-mix(in srgb, var(--accent) 26%, transparent);flex:none;place-items:center;display:grid}html[data-theme=dark] .sdl .sdl-pc8-point__ic{color:color-mix(in srgb, var(--accent) 75%, rgb(var(--sdl-invert)))}.sdl .sdl-pc8-point__t{font-family:var(--font-display);color:var(--sdl-fg);flex-wrap:wrap;align-items:center;gap:.45rem;font-size:1rem;font-weight:700;display:flex}.sdl .sdl-pc8-point__b{color:var(--sdl-muted);max-width:52ch;margin-top:.3rem;font-size:.9rem;line-height:1.65}.sdl .sdl-pc8-new{border-radius:var(--radius-pill,999px);letter-spacing:.01em;color:var(--on-accent);background:linear-gradient(140deg, var(--accent), var(--accent-mid,var(--accent)));box-shadow:0 4px 12px color-mix(in srgb, var(--accent) 38%, transparent);white-space:nowrap;align-items:center;gap:.25rem;padding:.14rem .5rem;font-size:.62rem;font-weight:750;display:inline-flex}.sdl .sdl-pc8-bld{border-radius:var(--radius-xl,22px);background:rgb(var(--marketing-card));border:1px solid rgb(var(--marketing-border) / .9);box-shadow:0 34px 80px rgb(var(--marketing-fg) / .14);font-size:.78rem;overflow:hidden}.sdl .sdl-pc8-bld__bar{border-bottom:1px solid rgb(var(--marketing-border) / .7);background:rgb(var(--marketing-muted) / .42);align-items:center;gap:.5rem;padding:.6rem .8rem;display:flex}.sdl .sdl-pc8-bld__page{color:var(--sdl-fg);align-items:center;gap:.35rem;font-size:.76rem;font-weight:650;display:inline-flex}.sdl .sdl-pc8-bld__page svg{color:var(--sdl-muted)}.sdl .sdl-pc8-bld__spacer{flex:1}.sdl .sdl-pc8-bld__chip{border-radius:var(--radius-pill,999px);color:var(--sdl-muted);background:rgb(var(--marketing-muted) / .55);border:1px solid rgb(var(--marketing-border) / .8);white-space:nowrap;align-items:center;gap:.3rem;padding:.26rem .6rem;font-size:.66rem;font-weight:650;display:inline-flex}.sdl .sdl-pc8-bld__chip--publish{color:var(--on-accent);background:linear-gradient(140deg, var(--accent), var(--accent-mid,var(--accent)));box-shadow:0 6px 16px color-mix(in srgb, var(--accent) 36%, transparent);border-color:#0000}.sdl .sdl-pc8-bld__body{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);min-height:15rem;display:grid}.sdl .sdl-pc8-bld__rail{border-inline-end:1px solid rgb(var(--marketing-border) / .6);background:rgb(var(--marketing-muted) / .28);flex-direction:column;gap:.35rem;padding:.7rem;display:flex}.sdl .sdl-pc8-bld__sec{border-radius:var(--radius-md,10px);color:var(--sdl-muted);border:1px solid #0000;align-items:center;gap:.4rem;padding:.42rem .55rem;font-size:.7rem;font-weight:600;display:flex}.sdl .sdl-pc8-bld__sec svg{opacity:.75;flex:none}.sdl .sdl-pc8-bld__sec[data-active=true]{color:var(--sdl-fg);background:color-mix(in srgb, var(--accent) 10%, transparent);border-color:color-mix(in srgb, var(--accent) 32%, transparent)}.sdl .sdl-pc8-bld__sec-tag{border-radius:var(--radius-pill,999px);color:var(--on-accent);background:var(--accent);margin-inline-start:auto;padding:.08rem .4rem;font-size:.56rem;font-style:normal;font-weight:750}.sdl .sdl-pc8-bld__canvas{padding:.8rem;position:relative}.sdl .sdl-pc8-bld__hero{border-radius:var(--radius-lg,14px);background:linear-gradient(140deg, color-mix(in srgb, var(--accent) 26%, rgb(var(--marketing-card))), rgb(var(--marketing-card)));border:1px solid color-mix(in srgb, var(--accent) 24%, rgb(var(--marketing-border)));outline:2px solid var(--accent);outline-offset:3px;padding:1rem 1rem 1.1rem;position:relative}.sdl .sdl-pc8-bld__hero-t{font-family:var(--font-display);letter-spacing:-.02em;color:var(--sdl-fg);font-size:1rem;font-weight:800}.sdl .sdl-pc8-bld__hero-cta{border-radius:var(--radius-pill,999px);color:var(--on-accent);background:var(--accent);margin-top:.55rem;padding:.3rem .7rem;font-size:.64rem;font-weight:750;display:inline-flex}.sdl .sdl-pc8-bld__tools{top:-.85rem;border-radius:var(--radius-pill,999px);background:rgb(var(--marketing-card) / .97);border:1px solid rgb(var(--marketing-border) / .85);box-shadow:0 10px 26px rgb(var(--marketing-fg) / .16);gap:.25rem;padding:.25rem;display:inline-flex;position:absolute;inset-inline-end:.9rem}.sdl .sdl-pc8-bld__tool{width:1.45rem;height:1.45rem;color:var(--sdl-muted);background:0 0;border-radius:50%;place-items:center;display:grid}.sdl .sdl-pc8-bld__tool[data-hot=true]{color:var(--on-accent);background:var(--accent)}.sdl .sdl-pc8-bld__prods{grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.7rem;display:grid}.sdl .sdl-pc8-bld__prod{border-radius:var(--radius-md,12px);border:1px solid rgb(var(--marketing-border) / .7);gap:.35rem;padding:.5rem;display:grid}.sdl .sdl-pc8-bld__prod i{background:color-mix(in srgb, var(--accent) 16%, rgb(var(--marketing-muted)));border-radius:9px;height:2.1rem;display:block}.sdl .sdl-pc8-bld__prod b{background:rgb(var(--marketing-muted));border-radius:999px;width:72%;height:.4rem}.sdl .sdl-pc8-bld__foot{border-top:1px solid rgb(var(--marketing-border) / .7);background:rgb(var(--marketing-muted) / .28);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.65rem .8rem;display:flex}.sdl .sdl-pc8-bld__kits{color:var(--sdl-muted);align-items:center;gap:.45rem;font-size:.66rem;font-weight:650;display:inline-flex}.sdl .sdl-pc8-bld__kit{border-radius:var(--radius-pill,999px);border:1px solid rgb(var(--marketing-border) / .9);background:rgb(var(--marketing-card));padding:.14rem;display:inline-flex}.sdl .sdl-pc8-bld__kit[data-active=true]{border-color:color-mix(in srgb, var(--accent) 55%, rgb(var(--marketing-border)));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.sdl .sdl-pc8-bld__kit i{border-radius:50%;width:.72rem;height:.72rem}.sdl .sdl-pc8-bld__kit i+i{margin-inline-start:-.22rem}.sdl .sdl-pc8-bld__kit i:first-child{background:var(--accent)}.sdl .sdl-pc8-bld__kit i:nth-child(2){background:rgb(var(--marketing-primary))}.sdl .sdl-pc8-bld__kit i:nth-child(3){background:rgb(var(--marketing-secondary))}.sdl .sdl-pc8-bld__ai{border-radius:var(--radius-pill,999px);border:1px dashed color-mix(in srgb, var(--sdl-ai) 45%, rgb(var(--marketing-border)));background:color-mix(in srgb, var(--sdl-ai) 7%, transparent);min-width:0;color:var(--sdl-muted);align-items:center;gap:.45rem;margin-inline-start:auto;padding:.3rem .35rem .3rem .65rem;font-size:.66rem;display:inline-flex}.sdl .sdl-pc8-bld__ai>svg{color:var(--sdl-ai);flex:none}.sdl .sdl-pc8-bld__ai-q{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sdl .sdl-pc8-bld__ai-go{border-radius:var(--radius-pill,999px);color:rgb(var(--sdl-invert));background:linear-gradient(140deg, var(--sdl-ai), color-mix(in srgb, var(--sdl-ai) 55%, rgb(var(--marketing-secondary))));flex:none;align-items:center;gap:.25rem;padding:.22rem .55rem;font-size:.62rem;font-weight:750;display:inline-flex}@media (max-width:480px){.sdl .sdl-pc8-bld__body{grid-template-columns:1fr}.sdl .sdl-pc8-bld__rail{border-inline-end:0;border-bottom:1px solid rgb(var(--marketing-border) / .6);flex-flow:wrap}}.sdl .sdl-pc8-langs{flex-wrap:wrap;gap:.5rem;margin-top:1.4rem;display:flex}.sdl .sdl-pc8-lang{border-radius:var(--radius-pill,999px);color:var(--sdl-fg);background:rgb(var(--marketing-card) / .8);border:1px solid rgb(var(--marketing-border) / .8);transition:transform .2s var(--ease,ease), border-color .2s var(--ease,ease), box-shadow .2s var(--ease,ease);align-items:center;gap:.4rem;padding:.42rem .8rem;font-size:.8rem;font-weight:600;display:inline-flex}@media (hover:hover) and (prefers-reduced-motion:no-preference){.sdl .sdl-pc8-lang:hover{border-color:color-mix(in srgb, var(--accent) 45%, rgb(var(--marketing-border)));box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 18%, transparent);transform:translateY(-2px)}}.sdl .sdl-pc8-lang em{letter-spacing:.04em;border-radius:var(--radius-pill,999px);color:var(--accent-ink,var(--accent-deep));background:color-mix(in srgb, var(--accent) 16%, transparent);padding:.06rem .32rem;font-size:.58rem;font-style:normal;font-weight:750}html[data-theme=dark] .sdl .sdl-pc8-lang em{color:color-mix(in srgb, var(--accent) 75%, rgb(var(--sdl-invert)))}.sdl .sdl-pc8-loc{grid-template-columns:1fr;gap:.8rem;display:grid}@media (min-width:640px){.sdl .sdl-pc8-loc{grid-template-columns:repeat(3,1fr)}}.sdl .sdl-pc8-loc__card{border-radius:var(--radius-lg,16px);background:rgb(var(--marketing-card));border:1px solid rgb(var(--marketing-border) / .8);box-shadow:0 16px 40px rgb(var(--marketing-fg) / .08);flex-direction:column;gap:.45rem;padding:.7rem;display:flex}.sdl .sdl-pc8-loc__lang{border-radius:var(--radius-pill,999px);color:var(--accent-ink,var(--accent-deep));background:color-mix(in srgb, var(--accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);align-self:flex-start;padding:.14rem .5rem;font-size:.62rem;font-weight:750}html[data-theme=dark] .sdl .sdl-pc8-loc__lang{color:color-mix(in srgb, var(--accent) 75%, rgb(var(--sdl-invert)))}.sdl .sdl-pc8-loc__img{border-radius:var(--radius-md,12px);background:color-mix(in srgb, var(--accent) 20%, rgb(var(--marketing-muted)));height:3.4rem}.sdl .sdl-pc8-loc__name{color:var(--sdl-fg);font-size:.8rem;font-weight:650;line-height:1.4}.sdl .sdl-pc8-loc__row{justify-content:space-between;align-items:center;gap:.4rem;margin-top:auto;display:flex}.sdl .sdl-pc8-loc__price{color:var(--accent-ink,var(--sdl-fg));font-size:.8rem;font-weight:750}html[data-theme=dark] .sdl .sdl-pc8-loc__price{color:color-mix(in srgb, var(--accent) 78%, rgb(var(--sdl-invert)))}.sdl .sdl-pc8-loc__add{border-radius:var(--radius-pill,999px);color:var(--on-accent);background:var(--accent);white-space:nowrap;padding:.3rem .55rem;font-size:.6rem;font-weight:750}.sdl .sdl-pc8-flow{counter-reset:pc8step;grid-template-columns:1fr;gap:1.6rem;margin:2.25rem 0 0;padding:0;list-style:none;display:grid}@media (min-width:900px){.sdl .sdl-pc8-flow{grid-template-columns:repeat(4,1fr);gap:1.1rem}}.sdl .sdl-pc8-flow__step{border-radius:var(--radius-xl,20px);background:rgb(var(--marketing-card) / .92);border:1px solid rgb(var(--marketing-border) / .75);transition:transform .24s var(--ease,ease), border-color .2s var(--ease,ease), box-shadow .24s var(--ease,ease);flex-direction:column;gap:.55rem;padding:1.1rem 1.1rem 1.2rem;display:flex;position:relative}@media (hover:hover) and (prefers-reduced-motion:no-preference){.sdl .sdl-pc8-flow__step:hover{border-color:color-mix(in srgb, var(--accent) 42%, rgb(var(--marketing-border)));box-shadow:0 20px 48px color-mix(in srgb, var(--accent) 16%, rgb(var(--marketing-fg) / .1));transform:translateY(-4px)}}@media (min-width:900px){.sdl .sdl-pc8-flow__step:not(:first-child):before{content:"";top:2.1rem;background:color-mix(in srgb, var(--accent) 45%, rgb(var(--marketing-border)));border-radius:2px;width:1.1rem;height:2px;position:absolute;inset-inline-start:-1.1rem}}.sdl .sdl-pc8-flow__head{align-items:center;gap:.6rem;display:flex}.sdl .sdl-pc8-flow__num{counter-increment:pc8step;width:2rem;height:2rem;font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--on-accent);background:linear-gradient(140deg, var(--accent), var(--accent-mid,var(--accent)));box-shadow:0 8px 18px color-mix(in srgb, var(--accent) 34%, transparent);border-radius:50%;flex:none;place-items:center;font-size:.85rem;font-weight:800;display:grid}.sdl .sdl-pc8-flow__num:before{content:counter(pc8step)}.sdl .sdl-pc8-flow__t{font-family:var(--font-display);color:var(--sdl-fg);font-size:.98rem;font-weight:700}.sdl .sdl-pc8-flow__d{color:var(--sdl-muted);font-size:.82rem;line-height:1.6}.sdl .sdl-pc8-flow__end{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.sdl .sdl-pc8-flow__note{border-radius:var(--radius-pill,999px);color:var(--sdl-fg);background:color-mix(in srgb, var(--accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.82rem;font-weight:650;display:inline-flex}.sdl .sdl-pc8-flow__note svg{color:var(--accent-ink,var(--accent))}html[data-theme=dark] .sdl .sdl-pc8-flow__note svg{color:color-mix(in srgb, var(--accent) 75%, rgb(var(--sdl-invert)))}.sdl .sdl-pc8-checks{grid-template-columns:1fr;gap:.55rem 1.5rem;margin-top:1.75rem;display:grid}@media (min-width:640px){.sdl .sdl-pc8-checks{grid-template-columns:1fr 1fr}}.sdl .sdl-pc8-check{color:var(--sdl-fg);align-items:flex-start;gap:.55rem;padding:.42rem .2rem;font-size:.9rem;line-height:1.5;display:flex}.sdl .sdl-pc8-check svg{color:var(--accent-ink,var(--accent-deep));flex:none;margin-top:.18rem}html[data-theme=dark] .sdl .sdl-pc8-check svg{color:color-mix(in srgb, var(--accent) 78%, rgb(var(--sdl-invert)))}.sdl .sdl-pc8-faq{gap:.7rem;margin-top:1.75rem;display:grid}.sdl .sdl-pc8-faq__item{border-radius:var(--radius-lg,16px);background:rgb(var(--marketing-card) / .92);border:1px solid rgb(var(--marketing-border) / .75);transition:border-color .2s var(--ease,ease)}.sdl .sdl-pc8-faq__item[open]{border-color:color-mix(in srgb, var(--accent) 40%, rgb(var(--marketing-border)))}.sdl .sdl-pc8-faq__q{cursor:pointer;font-family:var(--font-display);color:var(--sdl-fg);align-items:center;gap:.7rem;padding:.95rem 1.15rem;font-size:.97rem;font-weight:650;list-style:none;display:flex}.sdl .sdl-pc8-faq__q::-webkit-details-marker{display:none}.sdl .sdl-pc8-faq__q svg{color:var(--sdl-muted);transition:transform .22s var(--ease,ease), color .2s var(--ease,ease);flex:none;margin-inline-start:auto}.sdl .sdl-pc8-faq__item[open] .sdl-pc8-faq__q svg{color:var(--accent-ink,var(--accent));transform:rotate(180deg)}html[data-theme=dark] .sdl .sdl-pc8-faq__item[open] .sdl-pc8-faq__q svg{color:color-mix(in srgb, var(--accent) 75%, rgb(var(--sdl-invert)))}.sdl .sdl-pc8-faq__a{color:var(--sdl-muted);max-width:68ch;padding:0 1.15rem 1.05rem;font-size:.88rem;line-height:1.7}}