@layer base{html{font-variant-numeric:tabular-nums}body{background-color:var(--chrome-body-bg)}h1,h2,h3{letter-spacing:.01em}}@layer utilities{.bg-lab-grid{background-image:linear-gradient(to right,var(--chrome-grid-line),transparent 1px),linear-gradient(to bottom,var(--chrome-grid-line),transparent 1px);background-size:24px 24px;background-position:center center}.panel-lab{background:var(--chrome-panel-bg);border:1px solid var(--border);border-radius:calc(var(--radius) * 1.3);box-shadow:var(--chrome-panel-shadow);transition:border-color .22s var(--ease-out-quart),box-shadow .26s var(--ease-out-quart),transform .26s var(--ease-out-quart)}.content-sheet{background:var(--chrome-content-sheet-bg);border:1px solid var(--border);border-radius:calc(var(--radius) * 1.6);box-shadow:var(--chrome-content-sheet-shadow);-webkit-backdrop-filter:var(--chrome-content-sheet-blur);backdrop-filter:var(--chrome-content-sheet-blur)}.product-frost-sheet{--surface-1: oklch(.985 .004 195);--surface-2: oklch(.97 .006 195);--surface-3: color-mix(in oklab, var(--brand-teal), white 90%);--surface-4: color-mix(in oklab, var(--brand-teal), white 84%);--background: oklch(.991 .005 195);--foreground: color-mix(in oklab, var(--brand-deep-blue), white 6%);--card: oklch(.997 .003 195);--card-foreground: var(--foreground);--popover: oklch(.998 .002 195);--popover-foreground: var(--foreground);--secondary: color-mix(in oklab, var(--brand-teal), white 92%);--secondary-foreground: color-mix(in oklab, var(--brand-deep-blue), white 10%);--muted: color-mix(in oklab, var(--brand-teal), white 94%);--muted-foreground: color-mix(in oklab, var(--brand-deep-blue), white 38%);--accent: color-mix(in oklab, var(--brand-teal), white 90%);--accent-foreground: var(--brand-deep-blue);--border: color-mix(in oklab, var(--brand-teal), white 78%);--input: color-mix(in oklab, var(--brand-teal), white 84%);--destructive: oklch(.63 .18 38);color:var(--foreground);background:color-mix(in oklab,white,transparent 14%);border:1px solid color-mix(in oklab,white,transparent 35%);border-radius:calc(var(--radius) * 1.6);box-shadow:inset 0 1px #ffffffb8,0 1px 2px color-mix(in oklab,var(--brand-deep-blue),transparent 92%),0 24px 64px color-mix(in oklab,var(--brand-deep-blue),transparent 88%);-webkit-backdrop-filter:blur(28px) saturate(140%);backdrop-filter:blur(28px) saturate(140%)}.product-frost-sheet .card-spec{background:color-mix(in oklab,var(--card),white 11%);box-shadow:0 1px 2px color-mix(in oklab,var(--brand-deep-blue),transparent 95%)}.tech-kicker{border:1px solid var(--border);background:var(--chrome-tech-kicker-bg);color:var(--chrome-tech-kicker-fg);font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.focus-lab:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.nav-link{border:1px solid transparent;border-radius:calc(var(--radius) * .85);color:var(--chrome-nav-link-fg);font-weight:500;transition:border-color .16s ease-out,background-color .16s ease-out,color .16s ease-out}.nav-link:hover{border-color:var(--border);background:var(--chrome-nav-hover-bg);color:var(--foreground)}.nav-link[aria-current=page]{border-color:var(--chrome-nav-current-border);background:var(--chrome-nav-current-bg);color:var(--chrome-nav-current-fg)}.nav-link[aria-current=page]:hover{background:var(--chrome-nav-current-bg-hover)}.badge-trust{border:1px solid var(--chrome-badge-trust-border);background:var(--chrome-badge-trust-bg);color:var(--chrome-badge-trust-fg);border-radius:9999px;font-size:1rem;font-weight:600;line-height:1.2;letter-spacing:.01em;padding:.35rem .6rem}.payment-methods-panel{border:1px solid var(--chrome-payment-panel-border);background:var(--chrome-payment-panel-bg)}.payment-method-badge{border:1px solid var(--chrome-payment-badge-border);background:var(--chrome-payment-badge-bg);color:var(--chrome-payment-badge-fg)}.badge-availability{border:1px solid var(--chrome-badge-availability-border);background:var(--chrome-badge-availability-bg);color:var(--chrome-badge-availability-fg);border-radius:9999px;font-size:1rem;font-weight:600;line-height:1.2;padding:.35rem .6rem}.badge-action{border:1px solid var(--chrome-badge-action-border);background:var(--action);color:var(--action-foreground);border-radius:9999px;font-size:1rem;font-weight:600;line-height:1.2;padding:.35rem .6rem}.price-compare-at{text-decoration-line:line-through;text-decoration-thickness:1.5px;text-decoration-color:currentColor}.card-spec{border:1px solid var(--border);background:var(--chrome-card-spec-bg);border-radius:calc(var(--radius) * 1.25);box-shadow:var(--chrome-card-spec-shadow);transition:border-color .22s var(--ease-out-quart),box-shadow .26s var(--ease-out-quart),transform .26s var(--ease-out-quart)}.card-quote{border:1px solid var(--border);background:var(--chrome-card-quote-bg);border-radius:calc(var(--radius) * 1.3);box-shadow:var(--chrome-card-quote-shadow)}.cta-primary-quote{min-height:3.5rem;padding-block:.75rem;border:1px solid var(--chrome-cta-primary-border);background:var(--action);color:var(--action-foreground);border-radius:calc(var(--radius) * 1.1);font-weight:600;transition:transform .22s var(--ease-out-quart),box-shadow .22s var(--ease-out-quart),opacity .16s ease-out;box-shadow:var(--chrome-cta-primary-shadow)}.cta-secondary-shop{min-height:3.5rem;padding-block:.75rem;border:1px solid var(--chrome-cta-secondary-border);background:var(--primary);color:var(--primary-foreground);border-radius:calc(var(--radius) * 1.1);font-weight:600;transition:transform .22s var(--ease-out-quart),opacity .16s ease-out,background-color .16s ease-out}.cta-tertiary-expert{min-height:44px;border:1px solid var(--border);background:transparent;color:var(--foreground);border-radius:calc(var(--radius) * 1.1);font-weight:600;transition:border-color .16s ease-out,background-color .16s ease-out,transform .22s var(--ease-out-quart)}.cta-primary-quote:active,.cta-secondary-shop:active,.cta-tertiary-expert:active{transform:translateY(1px) scale(.995)}.fx-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;clip-path:var(--chrome-fx-clip);isolation:var(--chrome-fx-isolation);opacity:0}.fx-canvas.is-ready{opacity:1}.fx-canvas canvas{width:100%;height:100%;display:block}.fx-content{position:relative;z-index:1}}@media(hover:hover){.cta-primary-quote:hover,.cta-secondary-shop:hover{opacity:.95;transform:translateY(-1px)}.cta-primary-quote:hover{box-shadow:var(--chrome-cta-primary-shadow-hover)}.cta-tertiary-expert:hover{border-color:var(--chrome-cta-tertiary-hover-border);background:var(--chrome-cta-tertiary-hover-bg);transform:translateY(-1px)}.card-spec:hover,.panel-lab:hover{border-color:var(--chrome-panel-border-hover);box-shadow:var(--chrome-panel-shadow-hover);transform:translateY(-1px)}.product-frost-sheet .card-spec:hover{border-color:var(--border);box-shadow:0 1px 2px color-mix(in oklab,var(--brand-deep-blue),transparent 95%);transform:none}}.site-background{background-color:var(--chrome-site-bg-color);background-image:var(--chrome-site-bg-image);background-size:28px 28px,auto,auto,auto,auto;background-attachment:scroll}.site-background:before,.site-background:after{content:"";position:absolute;border-radius:50%;pointer-events:none;backface-visibility:hidden;transform:translateZ(0)}.site-background:before{width:min(72vw,920px);height:min(46vh,540px);top:-14%;right:-10%;background:var(--chrome-site-blob-a-bg);filter:blur(var(--chrome-site-blob-a-blur));opacity:var(--chrome-site-blob-a-opacity);animation:site-bg-teal-a 26s ease-in-out infinite alternate}.site-background:after{width:min(62vw,760px);height:min(44vh,500px);bottom:-12%;left:-10%;background:var(--chrome-site-blob-b-bg);filter:blur(var(--chrome-site-blob-b-blur));opacity:var(--chrome-site-blob-b-opacity);animation:site-bg-teal-b 34s ease-in-out infinite alternate-reverse}@keyframes site-bg-teal-a{0%{transform:translateZ(0) scale(1);opacity:var(--chrome-site-blob-a-opacity-from)}to{transform:translate3d(-6%,5%,0) scale(1.12);opacity:var(--chrome-site-blob-a-opacity-to)}}@keyframes site-bg-teal-b{0%{transform:translateZ(0) scale(1);opacity:var(--chrome-site-blob-b-opacity-from)}to{transform:translate3d(5%,-4%,0) scale(1.08);opacity:var(--chrome-site-blob-b-opacity-to)}}.hero-banner{position:relative;width:100%;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--border);display:flex;flex-direction:column;min-height:calc(100vh - var(--site-header-height, 4.25rem));min-height:calc(100dvh - var(--site-header-height, 4.25rem))}.hero-banner__backdrop{position:absolute;inset:0;pointer-events:none;background:var(--chrome-hero-backdrop)}.hero-banner__grid{position:relative;z-index:1;display:grid;width:100%;flex:1;gap:2.5rem;align-content:center;align-items:center;padding-block:clamp(1.5rem,3vw,2.5rem)}.hero-banner__trust{position:relative;z-index:1;margin-top:auto;width:100%;flex-shrink:0}@media(min-width:64rem){.hero-banner__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(2rem,4vw,3.5rem)}}.hero-banner__title{font-size:clamp(2.125rem,1.35rem + 2.8vw,3.65rem);line-height:1.06;letter-spacing:.02em}.hero-banner__subtitle{max-inline-size:42ch}.hero-banner__kicker{box-shadow:0 0 0 1px var(--chrome-hero-kicker-ring)}.hero-banner__trust .badge-trust{font-size:1rem}.hero-banner__frame,.hero-banner__showcase{position:relative;border:1px solid var(--border);border-radius:calc(var(--radius) * 1.8);box-shadow:var(--chrome-hero-frame-shadow);overflow:hidden}.hero-banner__frame{aspect-ratio:3 / 2}.hero-banner__image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hero-banner__showcase{background:var(--chrome-hero-showcase-bg);-webkit-backdrop-filter:var(--chrome-hero-showcase-blur);backdrop-filter:var(--chrome-hero-showcase-blur)}.hero-banner__showcase-glow{position:absolute;inset:auto -20% -35%;height:70%;border-radius:50%;background:var(--chrome-hero-showcase-glow);filter:blur(48px);opacity:var(--chrome-hero-showcase-glow-opacity);pointer-events:none}.hero-banner__showcase-panel{position:relative;display:grid;gap:1.25rem;min-height:clamp(16rem,34vw,22rem);padding:clamp(1.25rem,3vw,2rem)}.hero-banner__showcase-eyebrow{font-family:var(--font-heading);font-size:1rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--chrome-hero-showcase-eyebrow)}.hero-banner__showcase-grid{display:grid;gap:.75rem;margin-top:auto}.hero-banner__showcase-card{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:calc(var(--radius) * 1.1);background:var(--chrome-hero-showcase-card-bg);font-size:1rem;font-weight:600;color:var(--foreground);box-shadow:var(--chrome-hero-showcase-card-shadow)}@media(prefers-reduced-motion:reduce){.site-background:before,.site-background:after{animation:none}.fx-canvas,.panel-lab,.card-spec,.cta-primary-quote,.cta-secondary-shop,.cta-tertiary-expert{transition:none}.cta-primary-quote:active,.cta-secondary-shop:active,.cta-tertiary-expert:active{transform:none}}:root{--brand-deep-blue: #0f2742;--brand-teal: #0a7373;--brand-amber: #bf6000;--fx-color-a: #0f2742;--fx-color-b: #0a7373;--surface-0: oklch(.17 .032 256);--surface-1: oklch(.221 .04 256);--surface-2: oklch(.262 .045 256);--surface-3: oklch(.305 .05 256);--surface-4: oklch(.35 .052 256);--background: var(--surface-0);--foreground: oklch(.965 .008 210);--card: var(--surface-1);--card-foreground: var(--foreground);--popover: var(--surface-2);--popover-foreground: var(--foreground);--primary: var(--brand-teal);--primary-foreground: oklch(.98 .006 195);--secondary: var(--surface-3);--secondary-foreground: oklch(.93 .012 210);--muted: var(--surface-2);--muted-foreground: oklch(.92 .008 210);--accent: var(--surface-3);--accent-foreground: var(--foreground);--destructive: oklch(.71 .18 40);--border: oklch(.72 .03 256 / .16);--input: oklch(.72 .03 256 / .22);--ring: var(--brand-teal);--chart-1: var(--brand-teal);--chart-2: var(--brand-amber);--chart-3: var(--brand-deep-blue);--chart-4: var(--brand-amber);--chart-5: color-mix(in oklab, var(--brand-deep-blue), white 30%);--radius: .54rem;--sidebar: var(--surface-1);--sidebar-foreground: var(--foreground);--sidebar-primary: var(--primary);--sidebar-primary-foreground: var(--primary-foreground);--sidebar-accent: var(--accent);--sidebar-accent-foreground: var(--accent-foreground);--sidebar-border: var(--border);--sidebar-ring: var(--ring);--action: var(--brand-amber);--action-foreground: oklch(.99 .006 90);--trust: var(--brand-teal);--trust-foreground: oklch(.98 .006 195);--success: oklch(.78 .12 152);--success-foreground: oklch(.16 .02 160);--warning: oklch(.85 .11 88);--warning-foreground: oklch(.2 .03 88);--info: var(--brand-teal);--info-foreground: var(--primary-foreground);--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--header-bg: color-mix(in oklab, var(--surface-0), transparent 18%);--header-blur: blur(20px) saturate(150%);--header-shadow: inset 0 1px 0 oklch(1 0 0 / .05), 0 4px 24px oklch(0 0 0 / .28);--chrome-body-bg: var(--surface-0);--chrome-grid-line: color-mix(in oklab, var(--brand-teal), transparent 82%) / .18;--chrome-panel-bg: var(--surface-1);--chrome-panel-shadow: inset 0 1px 0 oklch(1 0 0 / .04), 0 1px 2px oklch(0 0 0 / .4), 0 18px 40px oklch(0 0 0 / .35);--chrome-panel-shadow-hover: inset 0 1px 0 oklch(1 0 0 / .05), 0 2px 3px oklch(0 0 0 / .32), 0 16px 30px oklch(0 0 0 / .34);--chrome-panel-border-hover: oklch(.78 .035 256 / .32);--chrome-content-sheet-bg: color-mix(in oklab, var(--surface-1), transparent 26%);--chrome-content-sheet-shadow: inset 0 1px 0 oklch(1 0 0 / .05), 0 1px 2px oklch(0 0 0 / .32), 0 24px 64px oklch(0 0 0 / .42);--chrome-content-sheet-blur: blur(16px) saturate(125%);--chrome-tech-kicker-bg: var(--surface-3);--chrome-tech-kicker-fg: oklch(.82 .02 210);--chrome-nav-link-fg: color-mix(in oklab, var(--foreground), transparent 6%);--chrome-nav-hover-bg: var(--surface-2);--chrome-nav-current-border: color-mix(in oklab, var(--brand-teal), transparent 30%);--chrome-nav-current-bg: color-mix(in oklab, var(--surface-3), var(--brand-teal) 30%);--chrome-nav-current-fg: oklch(.98 .01 200);--chrome-nav-current-bg-hover: color-mix(in oklab, var(--surface-3), var(--brand-teal) 32%);--chrome-badge-trust-border: color-mix(in oklab, var(--brand-teal), transparent 45%);--chrome-badge-trust-bg: color-mix(in oklab, var(--surface-3), var(--brand-teal) 12%);--chrome-badge-trust-fg: var(--foreground);--chrome-payment-panel-border: color-mix(in oklab, var(--brand-teal), transparent 55%);--chrome-payment-panel-bg: color-mix(in oklab, var(--surface-2), var(--brand-teal) 10%);--chrome-payment-badge-border: color-mix(in oklab, var(--brand-teal), transparent 42%);--chrome-payment-badge-bg: var(--brand-deep-blue);--chrome-payment-badge-fg: #fff;--chrome-badge-availability-border: color-mix(in oklab, var(--success), transparent 50%);--chrome-badge-availability-bg: color-mix(in oklab, var(--surface-3), var(--success) 10%);--chrome-badge-availability-fg: var(--success);--chrome-badge-action-border: color-mix(in oklab, var(--brand-amber), white 18%);--chrome-card-spec-bg: var(--surface-2);--chrome-card-spec-shadow: inset 0 1px 0 oklch(1 0 0 / .04), 0 1px 2px oklch(0 0 0 / .32);--chrome-card-quote-bg: radial-gradient( 130% 150% at 100% 0%, color-mix(in oklab, var(--brand-teal), transparent 94%), transparent 55% ), var(--surface-2);--chrome-card-quote-shadow: inset 0 1px 0 oklch(1 0 0 / .04), 0 1px 2px oklch(0 0 0 / .3), 0 12px 28px oklch(0 0 0 / .32);--chrome-cta-primary-border: color-mix(in oklab, var(--brand-amber), transparent 12%);--chrome-cta-primary-shadow: 0 1px 1px oklch(0 0 0 / .28), 0 8px 14px color-mix(in oklab, var(--brand-amber), transparent 72%);--chrome-cta-primary-shadow-hover: 0 2px 2px oklch(0 0 0 / .3), 0 10px 18px color-mix(in oklab, var(--brand-amber), transparent 68%);--chrome-cta-secondary-border: color-mix(in oklab, var(--brand-teal), transparent 28%);--chrome-cta-tertiary-hover-border: color-mix(in oklab, var(--brand-teal), transparent 40%);--chrome-cta-tertiary-hover-bg: color-mix(in oklab, var(--surface-2), var(--brand-teal) 8%);--chrome-fx-clip: inset(var(--site-header-height, 4.25rem) 0 0 0);--chrome-fx-isolation: auto;--chrome-site-bg-color: var(--surface-0);--chrome-site-bg-image: radial-gradient( circle at center, color-mix(in oklab, var(--brand-teal), transparent 72%) .45px, transparent .45px ), radial-gradient( ellipse 92% 62% at 94% -6%, color-mix(in oklab, var(--brand-teal), transparent 46%) / .58, transparent 58% ), radial-gradient( ellipse 72% 56% at -6% 94%, color-mix(in oklab, var(--brand-teal), transparent 62%) / .22, transparent 54% ), radial-gradient( ellipse 115% 85% at 50% 48%, color-mix(in oklab, var(--brand-deep-blue), var(--brand-teal) 14%) / .38, transparent 70% ), linear-gradient( 168deg, oklch(.2 .042 256) 0%, var(--surface-0) 36%, oklch(.14 .026 256) 100% );--chrome-site-blob-a-bg: color-mix(in oklab, var(--brand-teal), transparent 28%);--chrome-site-blob-a-blur: 72px;--chrome-site-blob-a-opacity: .4;--chrome-site-blob-a-opacity-from: .36;--chrome-site-blob-a-opacity-to: .5;--chrome-site-blob-b-bg: color-mix(in oklab, var(--brand-teal), var(--brand-deep-blue) 38%);--chrome-site-blob-b-blur: 88px;--chrome-site-blob-b-opacity: .26;--chrome-site-blob-b-opacity-from: .22;--chrome-site-blob-b-opacity-to: .34;--chrome-hero-backdrop: radial-gradient( ellipse 78% 72% at 88% 8%, color-mix(in oklab, var(--brand-teal), transparent 38%) / .5, transparent 58% ), radial-gradient( ellipse 62% 54% at 10% 92%, color-mix(in oklab, var(--brand-teal), var(--brand-deep-blue) 22%) / .28, transparent 54% ), linear-gradient( 180deg, color-mix(in oklab, var(--surface-2), transparent 35%) 0%, transparent 72% );--chrome-hero-kicker-ring: color-mix(in oklab, var(--brand-teal), transparent 55%);--chrome-hero-frame-shadow: inset 0 1px 0 oklch(1 0 0 / .06), 0 24px 64px oklch(0 0 0 / .42), 0 0 0 1px color-mix(in oklab, var(--brand-teal), transparent 82%);--chrome-hero-showcase-bg: color-mix(in oklab, var(--surface-1), transparent 18%);--chrome-hero-showcase-blur: blur(12px) saturate(130%);--chrome-hero-showcase-glow: color-mix(in oklab, var(--brand-teal), transparent 45%);--chrome-hero-showcase-glow-opacity: .45;--chrome-hero-showcase-eyebrow: oklch(.82 .02 210);--chrome-hero-showcase-card-bg: color-mix(in oklab, var(--surface-2), transparent 12%);--chrome-hero-showcase-card-shadow: inset 0 1px 0 oklch(1 0 0 / .04)}
