:root{--brand-steel:#3f7cb0;--brand-sky:#45b5ff;--brand-sky-hover:#6dc4ff;--brand-blue-gray:#6d9cc3;--sky-tint:#45b5ff1f;--color-surface:#0c1a26;--color-surface-dim:#0c1a26;--color-surface-bright:#1c3a52;--color-surface-container-lowest:#0a1520;--color-surface-container-low:#0f2233;--color-surface-container:#13293c;--color-surface-container-high:#173347;--color-surface-container-highest:#1c3a52;--color-on-surface:#eef5fb;--color-on-surface-variant:#a3c0d9;--color-inverse-surface:#e0e3e5;--color-inverse-on-surface:#2d3133;--color-outline:#6d9cc3;--color-outline-variant:#6d9cc3;--color-surface-tint:#45b5ff;--color-primary:#45b5ff;--color-on-primary:#0c1a26;--color-primary-container:#0c1a26;--color-on-primary-container:#7a797a;--color-inverse-primary:#5f5e5f;--color-secondary:#b9c7e0;--color-on-secondary:#233144;--color-secondary-container:#3c4a5e;--color-on-secondary-container:#abb9d2;--color-tertiary:#b7c8e1;--color-on-tertiary:#213145;--color-tertiary-container:#000b1b;--color-on-tertiary-container:#6b7b92;--color-error:#ffb4ab;--color-on-error:#690005;--color-error-container:#93000a;--color-on-error-container:#ffdad6;--color-background:#0c1a26;--color-on-background:#eef5fb;--color-surface-variant:#1c3a52;--font-heading:"Instrument Sans", -apple-system, system-ui, sans-serif;--font-body:"Instrument Sans", -apple-system, system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--radius-sm:.125rem;--radius:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:1rem;--radius-full:9999px;--space-unit:8px;--space-gutter:24px;--margin-mobile:16px;--margin-desktop:56px;--max-width:1240px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);color:var(--color-on-background);background:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:24px}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}#root{flex-direction:column;display:flex}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-heading);color:var(--color-on-surface);margin:0}.headline-xl{font-family:var(--font-heading);letter-spacing:-.02em;text-wrap:balance;font-size:64px;font-weight:700;line-height:1.1}.headline-lg{font-family:var(--font-heading);letter-spacing:-.01em;font-size:44px;font-weight:700;line-height:1.1}.headline-md{font-family:var(--font-heading);font-size:24px;font-weight:600;line-height:1.3}.body-lg{text-wrap:pretty;font-size:20px;line-height:1.6}.body-md{font-size:16px;line-height:24px}.body-sm{font-size:14px;line-height:20px}.label-md{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:600;line-height:16px}.label-sm{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:500;line-height:14px}@media (width<=1024px){.headline-xl{font-size:40px;line-height:1.1}.headline-lg{font-size:32px;line-height:1.1}}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle}.bento-card{background:linear-gradient(180deg, var(--color-surface-container) 0%, var(--color-background) 100%);border:1px solid color-mix(in srgb, var(--color-outline-variant) 50%, transparent)}.bento-card--clickable{cursor:pointer}.bento-card--clickable:hover{border-color:color-mix(in srgb, var(--color-primary) 50%, transparent);background:linear-gradient(180deg, var(--color-surface-container-high) 0%, var(--color-background) 100%);transform:translateY(-4px)}.bento-card--clickable:focus-visible{outline:2px solid color-mix(in srgb, var(--color-primary) 60%, transparent);outline-offset:2px}.bento-card__affordance{color:var(--color-on-surface);align-items:center;gap:.375rem;margin-top:1.5rem;transition:gap .2s;display:inline-flex}.bento-card__affordance .material-symbols-outlined{font-size:1.125rem}.bento-card--clickable:hover .bento-card__affordance{gap:.625rem}.block{display:block}.hidden{display:none}.flex{display:flex}.grid{display:grid}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.top-4{top:1rem}.right-4{right:1rem}.z-0{z-index:0}.z-10{z-index:10}.overflow-hidden{overflow:hidden}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-grow{flex-grow:1}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.col-span-2{grid-column:span 2/span 2}.w-full{width:100%}.h-full{height:100%}.h-fit{height:fit-content}.h-48{height:12rem}.h-hero{height:614px}.min-h-screen{min-height:100vh}.aspect-square{aspect-ratio:1}.aspect-4\/5{aspect-ratio:4/5}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-container{max-width:var(--max-width)}.mx-auto{margin-left:auto;margin-right:auto}.mt-auto{margin-top:auto}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-12{padding-left:3rem;padding-right:3rem}.px-margin{padding-left:var(--margin-mobile);padding-right:var(--margin-mobile)}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-24{padding-top:6rem;padding-bottom:6rem}.pt-4{padding-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-gutter{gap:var(--space-gutter)}.space-y-3>*+*{margin-top:.75rem}.space-y-6>*+*{margin-top:1.5rem}.text-center{text-align:center}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.tracking-hero{letter-spacing:.2em}.leading-relaxed{line-height:1.625}.underline-hover:hover{text-decoration:underline}.bg-background{background-color:var(--color-background)}.bg-surface-container{background-color:var(--color-surface-container)}.bg-surface-container-low{background-color:var(--color-surface-container-low)}.bg-surface-container-lowest{background-color:var(--color-surface-container-lowest)}.bg-surface-container-high{background-color:var(--color-surface-container-high)}.bg-primary{background-color:var(--color-primary)}.bg-sky-gradient{background:linear-gradient(160deg, var(--brand-sky) 0%, var(--brand-steel) 100%)}.bg-primary-soft{background-color:color-mix(in srgb, var(--color-primary) 10%, transparent)}.bg-outline-soft{background-color:color-mix(in srgb, var(--color-outline-variant) 20%, transparent)}.bg-surface-glass{background-color:color-mix(in srgb, var(--color-surface) 80%, transparent)}.bg-scrim{background-color:#0006}.backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.text-primary{color:var(--color-primary)}.text-primary-container{color:var(--color-primary-container)}.text-on-surface{color:var(--color-on-surface)}.text-on-surface-variant{color:var(--color-on-surface-variant)}.text-white{color:#fff}.text-error{color:var(--color-error)}.border{border:1px solid color-mix(in srgb, var(--color-outline-variant) 16%, transparent)}.border-t{border-top:1px solid color-mix(in srgb, var(--color-outline-variant) 14%, transparent)}.border-y{border-top:1px solid color-mix(in srgb, var(--color-outline-variant) 16%, transparent);border-bottom:1px solid color-mix(in srgb, var(--color-outline-variant) 16%, transparent)}.border-outline{border:1px solid var(--color-outline)}.rounded{border-radius:var(--radius)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.object-cover{object-fit:cover}.grayscale{filter:grayscale()}.opacity-30{opacity:.3}.hero-overlay{background:linear-gradient(to top, var(--color-background) 0%, color-mix(in srgb, var(--color-background) 60%, transparent) 50%, transparent 100%)}.transition-all{transition:all .2s}.transition-colors{transition:color .2s,background-color .2s,border-color .2s}.transition-opacity{transition:opacity .3s}.transition-transform{transition:transform .7s}.hover-border-primary:hover{border-color:color-mix(in srgb, var(--color-primary) 50%, transparent)}.hover-bg-surface-variant:hover{background-color:var(--color-surface-variant)}.hover-opacity:hover{opacity:.9}.group:hover .group-hover-scale{transform:scale(1.05)}.group:hover .group-hover-fade{opacity:.8}.btn{font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-lg);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:8px 24px;font-size:12px;font-weight:700;line-height:16px;transition:all .2s;display:inline-flex}.btn-primary{background:var(--brand-sky);color:var(--color-on-primary)}.btn-primary:hover{background:var(--brand-sky-hover)}.btn-secondary{border:1px solid var(--brand-sky);color:var(--brand-sky);background:0 0}.btn-secondary:hover{border-color:var(--brand-sky);background:var(--sky-tint)}.btn-lg{padding:16px 48px}.hw-stepper{border:1px solid color-mix(in srgb, var(--color-outline-variant) 50%, transparent);border-radius:var(--radius-lg);background:var(--color-surface-container);align-items:center;display:inline-flex}.hw-stepper__btn{width:2.25rem;height:2.25rem;color:var(--color-on-surface);justify-content:center;align-items:center;transition:background-color .2s,opacity .2s;display:inline-flex}.hw-stepper__btn:hover:not(:disabled){background:var(--color-surface-variant)}.hw-stepper__btn:disabled{opacity:.4;cursor:not-allowed}.hw-stepper__value{text-align:center;min-width:2rem;color:var(--color-on-surface);font-variant-numeric:tabular-nums}.stat-number{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--brand-sky);font-size:2.5rem;font-weight:700;line-height:1}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.field{flex-direction:column;gap:.5rem;display:flex}.field-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-on-surface);font-size:12px;font-weight:600;line-height:16px}.field-control{background-color:var(--color-surface-container);border:1px solid color-mix(in srgb, var(--color-outline-variant) 50%, transparent);color:var(--color-on-surface);border-radius:var(--radius-lg);font-family:var(--font-body);width:100%;padding:12px 16px;font-size:14px;line-height:20px}.field-control::placeholder{color:color-mix(in srgb, var(--color-on-surface-variant) 70%, transparent)}.field-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-primary) 60%, transparent);outline:none}.field-textarea{resize:vertical;min-height:140px;font-family:var(--font-body)}.contact-submit:disabled{opacity:.6;cursor:not-allowed}.contact-success{border:1px solid color-mix(in srgb, var(--color-outline-variant) 30%, transparent);border-radius:var(--radius-xl);padding:4rem 2rem}.contact-success__icon{color:var(--color-primary);margin-bottom:1.5rem;font-size:3rem;display:block}@media (width>=640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}}@media (width>=768px){.md\:flex-row{flex-direction:row}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:col-span-2{grid-column:span 2/span 2}.md\:px-margin-desktop{padding-left:var(--margin-desktop);padding-right:var(--margin-desktop)}}@media (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}}.hw-card:hover{border-color:color-mix(in srgb, var(--color-primary) 50%, transparent);transform:translateY(-4px)}.cookie-banner{z-index:100;background:var(--color-surface-container-highest);border-top:1px solid color-mix(in srgb, var(--color-outline-variant) 50%, transparent);padding:1rem var(--margin-mobile);flex-direction:column;align-items:flex-start;gap:1rem;display:flex;position:fixed;bottom:0;left:0;right:0}.cookie-banner__text{color:var(--color-on-surface-variant);max-width:680px;margin:0}.cookie-banner__link{color:var(--color-primary);text-decoration:underline}.cookie-banner__actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.cookie-banner__decline{color:var(--color-on-surface-variant);border:1px solid color-mix(in srgb, var(--color-outline-variant) 50%, transparent);border-radius:var(--radius-lg);padding:8px 16px;transition:border-color .2s,color .2s}.cookie-banner__decline:hover{color:var(--color-on-surface);border-color:var(--color-outline)}.cookie-banner__accept{background:var(--color-primary);color:var(--color-primary-container);border-radius:var(--radius-lg);padding:8px 20px;font-weight:700;transition:opacity .2s}.cookie-banner__accept:hover{opacity:.85}@media (width>=768px){.cookie-banner{padding:1rem var(--margin-desktop);flex-direction:row;justify-content:space-between;align-items:center}}.login-card{background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);flex-direction:column;gap:8px;width:100%;max-width:400px;padding:40px 32px;display:flex}.login-card__title{margin-bottom:4px}.login-card__subtitle{margin-bottom:24px}.login-card__google-btn{background:var(--color-surface-container-high);width:100%;color:var(--color-on-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-body);justify-content:center;align-items:center;gap:12px;padding:12px 24px;transition:background .15s,border-color .15s;display:flex}.login-card__google-btn:hover:not(:disabled){background:var(--color-surface-container-highest);border-color:var(--color-outline)}.login-card__google-btn:disabled{opacity:.5;cursor:not-allowed}.login-card__google-icon{flex-shrink:0}.login-card__divider{align-items:center;margin:8px 0;display:flex}.login-card__divider:before,.login-card__divider:after{content:"";border-top:1px solid var(--color-outline-variant);flex:1}.login-card__divider-text{background:var(--color-surface-container-low);padding:0 12px}.login-card__form{flex-direction:column;gap:16px;display:flex}.login-card__submit{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;display:inline-flex}.spinner{border:2px solid color-mix(in srgb, currentColor 30%, transparent);border-radius:var(--radius-full);border-top-color:currentColor;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.login-card__toggle{text-align:center;cursor:pointer;color:var(--color-on-surface-variant);font-family:var(--font-body);background:0 0;border:none;margin-top:8px;padding:0;transition:color .15s}.login-card__toggle:hover:not(:disabled){color:var(--color-on-surface)}.login-card__toggle:disabled{opacity:.5;cursor:not-allowed}.auth-modal{z-index:200;padding:24px var(--margin-mobile);background:color-mix(in srgb, var(--color-surface-container-lowest) 70%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.auth-modal__panel{width:100%;max-width:400px;margin:auto;position:relative}.auth-modal__close{z-index:1;border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-on-surface-variant);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex;position:absolute;top:16px;right:16px}.auth-modal__close:hover{background:color-mix(in srgb, var(--color-on-surface) 8%, transparent);color:var(--color-on-surface)}.layout{flex-direction:column;flex:1;min-height:100vh;display:flex}.site-header{z-index:50;background:var(--color-surface);border-bottom:1px solid color-mix(in srgb, var(--color-outline-variant) 14%, transparent);position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;width:100%;height:80px;display:flex}.site-brand{color:var(--color-on-surface);letter-spacing:-.01em;font-weight:600}.site-brand__sky{color:var(--color-on-surface)}.site-brand__concepts{color:var(--brand-sky)}.site-nav{align-items:center;gap:2rem;display:none}.site-nav__link{color:var(--color-on-surface-variant);border-bottom:2px solid #0000;padding:4px 0;transition:color .2s,border-color .2s}.site-nav__link:hover{color:var(--color-primary)}.site-nav__link.is-active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:700}.site-cta{background:var(--color-primary);color:var(--color-primary-container);align-items:center;padding:8px 24px;font-weight:700;transition:opacity .2s,transform .1s;display:inline-flex}.site-cta:hover{background:var(--brand-sky-hover)}.site-cta:active{transform:scale(.95)}.site-cta--desktop{display:none}.site-header__user{align-items:center;gap:12px;display:none}.site-header__avatar{border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--color-outline-variant);width:32px;height:32px}.site-header__avatar--fallback{background:var(--color-surface-container-high);color:var(--color-on-surface);font-family:var(--font-body);justify-content:center;align-items:center;font-size:.875rem;display:flex}.site-cart{border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-on-surface);justify-content:center;align-items:center;margin-left:.5rem;transition:background-color .2s,color .2s;display:inline-flex;position:relative}.site-cart:hover{background:var(--color-surface-container-high);color:var(--color-primary)}.site-cart__badge{border-radius:var(--radius-full);background:var(--color-primary);min-width:18px;height:18px;color:var(--color-primary-container);justify-content:center;align-items:center;padding:0 4px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:2px;right:2px}@media (width>=768px){.site-cart{margin-left:0}}.site-nav-toggle{color:var(--color-on-surface);align-items:center;margin-left:.5rem;padding:4px;display:flex}.site-mobile-nav{background:var(--color-surface);border-bottom:1px solid color-mix(in srgb, var(--color-outline-variant) 14%, transparent);padding:.5rem var(--margin-mobile) 1.25rem;flex-direction:column;gap:0;display:flex}.site-mobile-nav__link{color:var(--color-on-surface-variant);border-bottom:1px solid color-mix(in srgb, var(--color-outline-variant) 15%, transparent);padding:14px 0;transition:color .2s}.site-mobile-nav__link:hover{color:var(--color-on-surface)}.site-mobile-nav__link.is-active{color:var(--color-primary);font-weight:700}.site-mobile-nav__cta{justify-content:center;margin-top:1rem}@media (width>=768px){.site-nav{display:flex}.site-cta--desktop{display:inline-flex}.site-header__user{display:flex}.site-nav-toggle,.site-mobile-nav{display:none}}.site-main{flex-direction:column;flex:1;display:flex}.site-footer{background:var(--color-surface-container-lowest);border-top:1px solid color-mix(in srgb, var(--color-outline-variant) 14%, transparent)}.site-footer__inner{gap:var(--space-gutter);grid-template-columns:1fr;padding-top:4rem;padding-bottom:4rem;display:grid}.site-footer__brand{color:var(--color-on-surface);font-weight:600}.site-footer__list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.site-footer__link{color:var(--color-on-surface-variant);transition:color .2s}.site-footer__link:hover{color:var(--color-on-surface)}.site-footer__form{display:flex}.site-footer__input{background:var(--color-surface-container-low);border:1px solid color-mix(in srgb, var(--color-outline-variant) 16%, transparent);min-width:0;color:var(--color-on-surface);border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);font-family:var(--font-body);flex:1;padding:8px 16px}.site-footer__input::placeholder{color:var(--brand-blue-gray)}.site-footer__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-primary) 60%, transparent);outline:none}.site-footer__submit{background:var(--color-primary);color:var(--color-primary-container);border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);text-transform:uppercase;font-weight:700;font-family:var(--font-heading);letter-spacing:.05em;padding:8px 16px;transition:opacity .2s}.site-footer__submit:hover{background:var(--brand-sky-hover)}.site-footer__newsletter-success{color:var(--color-primary);align-items:center;gap:.5rem;display:flex}.site-footer__newsletter-error{color:var(--color-error);align-items:center;gap:.5rem;margin-top:.5rem;display:flex}@media (width>=768px){.site-footer__inner{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.site-footer__inner{grid-template-columns:repeat(4,1fr)}}.cta-section{background:linear-gradient(180deg, var(--color-background) 0%, #10273b 100%)}.hw-buy{align-items:center;gap:.75rem;display:flex}.hw-buy__add{white-space:nowrap;flex:1}.hw-icon-sm{font-size:1rem;line-height:1}.hw-card{background:var(--color-surface-container-low);border:1px solid color-mix(in srgb, var(--color-outline-variant) 30%, transparent);border-radius:var(--radius-xl);padding:2rem;transition:border-color .2s}.hw-card:hover{border-color:color-mix(in srgb, var(--color-primary) 40%, transparent)}.hw-dialog-overlay{z-index:50;background:#000000b3;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.hw-dialog{background:var(--color-surface-container-low);border:1px solid color-mix(in srgb, var(--color-outline-variant) 40%, transparent);border-radius:var(--radius-xl);width:100%;max-width:680px;max-height:90vh;padding:2.5rem;position:relative;overflow-y:auto}.hw-dialog__close{color:var(--color-on-surface-variant);cursor:pointer;transition:color .2s;position:absolute;top:1.25rem;right:1.25rem}.hw-dialog__close:hover{color:var(--color-on-surface)}.hw-dialog__specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1.5rem 0;display:grid}.hw-dialog__spec-item{background:var(--color-surface-container);border-radius:var(--radius-lg);flex-direction:column;gap:.125rem;padding:.75rem;display:flex}.hw-dialog__capabilities ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.hw-dialog__capabilities li{align-items:center;gap:.5rem;display:flex}.hw-dialog__footer{border-top:1px solid color-mix(in srgb, var(--color-outline-variant) 20%, transparent);justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.page-hero{background:radial-gradient(ellipse 1100px 600px at 50% -20%, #45b5ff29, transparent 65%), repeating-linear-gradient(90deg, #6d9cc30d 0 1px, transparent 1px 120px), var(--color-background)}.service-modal__backdrop{z-index:200;padding:var(--margin-mobile);background:color-mix(in srgb, var(--color-background) 80%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.service-modal{border-radius:var(--radius-xl);border:1px solid color-mix(in srgb, var(--color-outline-variant) 50%, transparent);background:linear-gradient(180deg, var(--color-surface-container-high) 0%, var(--color-surface-container) 100%);width:100%;max-width:560px;max-height:85vh;padding:2.5rem;position:relative;overflow-y:auto}.service-modal__close{border-radius:var(--radius-full);width:2.25rem;height:2.25rem;color:var(--color-on-surface-variant);background:color-mix(in srgb, var(--color-outline-variant) 20%, transparent);justify-content:center;align-items:center;transition:background-color .2s,color .2s;display:inline-flex;position:absolute;top:1.25rem;right:1.25rem}.service-modal__close:hover{color:var(--color-on-surface);background:color-mix(in srgb, var(--color-outline-variant) 40%, transparent)}.service-modal__close:focus-visible{outline:2px solid color-mix(in srgb, var(--color-primary) 60%, transparent);outline-offset:2px}.service-modal__icon{margin-bottom:1.5rem}.service-modal__icon .material-symbols-outlined{font-size:2.75rem}.service-modal__title{margin-bottom:1rem;padding-right:2.5rem}.service-modal__details{margin-bottom:2rem}.service-modal__points{margin:0}@media (width>=768px){.service-modal{padding:3rem}}.checkout-grid{gap:var(--space-gutter);grid-template-columns:1fr;align-items:start;display:grid}.checkout-items{gap:var(--space-gutter);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.checkout-line{background:var(--color-surface-container-low);border:1px solid color-mix(in srgb, var(--color-outline-variant) 30%, transparent);border-radius:var(--radius-xl);flex-wrap:wrap;align-items:center;gap:1rem;padding:1.5rem;display:flex}.checkout-line__info{flex-direction:column;flex:1;gap:.5rem;min-width:180px;display:flex}.checkout-line__tier{align-self:flex-start}.checkout-line__controls{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.checkout-line__total{text-align:right;min-width:6rem}.checkout-line__remove{color:var(--color-on-surface-variant);align-items:center;gap:.375rem;transition:color .2s;display:inline-flex}.checkout-line__remove:hover{color:var(--color-error)}.checkout-summary{background:var(--color-surface-container-low);border:1px solid color-mix(in srgb, var(--color-outline-variant) 30%, transparent);border-radius:var(--radius-xl);flex-direction:column;gap:1rem;padding:2rem;display:flex}.checkout-summary__row{justify-content:space-between;align-items:center;display:flex}.checkout-summary__total{border-top:1px solid color-mix(in srgb, var(--color-outline-variant) 20%, transparent);margin-top:.5rem;padding-top:1rem}.checkout-summary__pay{width:100%;margin-top:1rem}.checkout-summary__status{color:var(--color-on-surface-variant);align-items:center;gap:.5rem;display:flex}.checkout-summary__error{margin:0}.checkout-summary__continue{text-align:center;color:var(--color-on-surface-variant);transition:color .2s}.checkout-summary__continue:hover{color:var(--color-primary)}.checkout-empty{padding:4rem 2rem}.checkout-empty__icon{color:var(--color-primary);margin-bottom:1.5rem;font-size:3rem;display:block}@media (width>=1024px){.checkout-grid{grid-template-columns:2fr 1fr}.checkout-summary{position:sticky;top:100px}}.login-page{min-height:60vh;padding:48px var(--margin-mobile);justify-content:center;align-items:center;display:flex}.account-card{background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);flex-direction:column;gap:24px;width:100%;max-width:560px;margin:0 auto;padding:40px 32px;display:flex}.account-card__header{align-items:center;gap:20px;display:flex}.account-card__avatar{border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--color-outline-variant);flex-shrink:0;width:72px;height:72px}.account-card__avatar--fallback{background:var(--color-surface-container-high);color:var(--color-on-surface);justify-content:center;align-items:center;display:flex}.account-card__name{margin-bottom:4px}.account-card__notice{border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface-container-high);padding:12px 16px}.account-card__info{flex-direction:column;gap:0;margin:0;display:flex}.account-card__row{border-top:1px solid var(--color-outline-variant);justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0;display:flex}.account-card__row:last-child{border-bottom:1px solid var(--color-outline-variant)}.account-card__row dt{margin:0}.account-card__row dd{text-align:right;word-break:break-word;margin:0}