@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(/landing/fonts/bricolage-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(/landing/fonts/bricolage-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(/landing/fonts/instrument-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(/landing/fonts/instrument-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}.landing{--color-white:#fff;--color-gray-100:#f4f2ef;--color-gray-200:#e5e3df;--color-gray-300:#d4d2cd;--color-gray-400:#898680;--color-gray-500:#6e6b65;--color-gray-600:#58554e;--color-gray-700:#433f39;--color-gray-800:#36322d;--color-gray-900:#28251f;--color-gray-950:#1b1813;--color-black:#100e0a;--color-primary-50:#eff6fe;--color-primary-100:#e0ecfd;--color-primary-500:#468ade;--color-primary-600:#2a6cba;--color-coral-500:#f05441;--color-amber-500:#f4a437;--color-coral-50:#fff3f0;--color-coral-600:#c83727;--surface-raised:var(--color-gray-100);--surface-sunken:#eeece7;--surface-swatch-canvas:var(--color-white);--text-primary:var(--color-gray-900);--text-secondary:var(--color-gray-600);--text-tertiary:var(--color-gray-500);--text-inverse:var(--color-gray-50);--text-link:var(--color-primary-600);--text-brand:var(--color-gray-900);--border-default:var(--color-gray-200);--border-strong:var(--color-gray-300);--border-input:var(--color-gray-400);--border-focus:var(--color-primary-500);--action-primary:var(--color-gray-900);--action-primary-hover:var(--color-gray-800);--action-primary-active:var(--color-gray-950);--action-primary-text:var(--color-gray-50);--action-secondary:#eae8e3;--action-secondary-hover:var(--color-gray-200);--action-secondary-text:var(--color-gray-900);--action-ghost-hover:#eeece7;--score-badge-bg:#eae8e3;--score-badge-text:var(--color-gray-900);--score-badge-border:var(--color-gray-400);--score-badge-bg-high:var(--color-gray-900);--score-badge-text-high:var(--color-gray-50);--axis-warm:var(--color-coral-500);--axis-warm-bg:var(--color-coral-50);--axis-warm-text:var(--color-coral-600);--axis-cool:var(--color-primary-500);--axis-cool-bg:var(--color-primary-50);--axis-cool-text:var(--color-primary-600);--ring-color:var(--color-primary-500);--ring-width:2px;--ring-offset:2px;--scrim-strong:#faf9f6eb;--scrim-soft:#faf9f62e;--surface-veil:#faf9f6db;--photo-ring:#ffffffa6;--photo-hairline:#fffc;--photo-veil:#ffffffd1;--font-display:"Bricolage Grotesque", "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-sans:"Instrument Sans", "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono:"JetBrains Mono", "Geist Mono", "Fira Code", ui-monospace, "SF Mono", Menlo, monospace;--font-display-ko:"Bricolage Grotesque", "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-sans-ko:"Instrument Sans", "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-display-ja:"Bricolage Grotesque", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", Meiryo, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-sans-ja:"Instrument Sans", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", Meiryo, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-display-zh:"Bricolage Grotesque", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-sans-zh:"Instrument Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--fluid-base:clamp(.9rem, .85rem + .3vw, 1.05rem);--fluid-lg:clamp(1.1rem, 1rem + .5vw, 1.3rem);--fluid-xl:clamp(1.25rem, 1.1rem + .75vw, 1.6rem);--fluid-2xl:clamp(1.5rem, 1.25rem + 1.25vw, 2.1rem);--fluid-3xl:clamp(1.8rem, 1.4rem + 2vw, 2.8rem);--fluid-4xl:clamp(2.2rem, 1.6rem + 3vw, 3.6rem);--fluid-5xl:clamp(2.8rem, 2rem + 4vw, 4.8rem);--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-none:1;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tighter:-.04em;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.02em;--tracking-wider:.04em;--tracking-overline:.25em;--space-px:1px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--touch-target-min:44px;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.875rem;--radius-xl:1.125rem;--radius-2xl:1.5rem;--radius-full:9999px;--blur-sm:8px;--blur-md:12px;--shadow-xs:0 1px 2px #100e0a0d;--shadow-sm:0 1px 3px #100e0a12, 0 1px 2px #100e0a0d;--shadow-md:0 4px 10px #100e0a12, 0 2px 4px #100e0a0a;--shadow-lg:0 12px 24px #100e0a14, 0 4px 8px #100e0a0a;--duration-instant:75ms;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--duration-slower:.6s;--duration-reorder:.7s;--stagger-step:45ms;--scale-press:.97;--ease-out:cubic-bezier(0, 0, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-spring-1:linear(0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50%, 1.015 55%, 1.017 63.9%, 1.001 88.7%, 1);--z-sticky:200;--z-overlay:300;--container-max:72rem;--container-narrow:48rem;--container-panel:78rem;--closing-min-height:clamp(26rem, 70svh, 34rem);--brand-ink:#26221c;--brand-paper:#faf8f4;--brand-coral:#f2543d;--brand-amber:#f7a82a;--brand-azure:#3d8be0}@supports (color:lab(0% 0 0)){.landing{--color-white:lab(100% 0 0);--color-gray-100:lab(95.618% -.0118315 1.90758);--color-gray-200:lab(90.2845% .0591278 2.28992);--color-gray-300:lab(84.257% .0721216 2.67365);--color-gray-400:lab(55.9554% .269145 3.43947);--color-gray-500:lab(45.5186% .311673 3.83042);--color-gray-600:lab(36.239% .425458 4.21991);--color-gray-700:lab(26.9556% .506938 4.22481);--color-gray-800:lab(21.1497% .65051 4.21686);--color-gray-900:lab(14.7676% .816628 4.61818);--color-gray-950:lab(8.38266% .687078 3.61395);--color-black:lab(4.06919% .35385 1.78794);--color-primary-50:lab(96.493% -1.03906 -4.76019);--color-primary-100:lab(92.98% -1.96677 -9.46276);--color-primary-500:lab(56.2163% -1.09881 -50.1823);--color-primary-600:lab(44.5499% .693679 -48.2538);--color-coral-500:lab(58.1447% 60.1348 44.8477);--color-amber-500:lab(74.1858% 23.9202 65.0302);--color-coral-50:lab(96.636% 4.0921 2.71616);--color-coral-600:lab(46.614% 57.3202 44.4897);--surface-sunken:lab(93.5371% .0707507 2.67273);--action-secondary:lab(91.9131% .0709593 2.6729);--action-ghost-hover:lab(93.5371% .0707507 2.67273);--score-badge-bg:lab(91.9131% .0709593 2.6729);--scrim-strong:lab(97.9329% -.0107586 1.52521/.92);--scrim-soft:lab(97.9329% -.0107586 1.52521/.18);--surface-veil:lab(97.9329% -.0107586 1.52521/.86);--photo-ring:lab(100% 0 0/.65);--photo-hairline:lab(100% 0 0/.8);--photo-veil:lab(100% 0 0/.82);--shadow-xs:0 1px 2px lab(4.06919% .35385 1.78794/.05);--shadow-sm:0 1px 3px lab(4.06919% .35385 1.78794/.07), 0 1px 2px lab(4.06919% .35385 1.78794/.05);--shadow-md:0 4px 10px lab(4.06919% .35385 1.78794/.07), 0 2px 4px lab(4.06919% .35385 1.78794/.04);--shadow-lg:0 12px 24px lab(4.06919% .35385 1.78794/.08), 0 4px 8px lab(4.06919% .35385 1.78794/.04)}}.landing{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}.landing:lang(ko){--font-display:var(--font-display-ko);--font-sans:var(--font-sans-ko);--tracking-tighter:-.02em;--tracking-tight:-.01em;--leading-tight:1.3;--leading-snug:1.45;--leading-normal:1.6;--leading-relaxed:1.75}.landing:lang(ja),.landing:lang(zh){--tracking-tighter:0;--tracking-tight:0;--leading-tight:1.35;--leading-snug:1.5;--leading-normal:1.7;--leading-relaxed:1.8}.landing:lang(ja){--font-display:var(--font-display-ja);--font-sans:var(--font-sans-ja)}.landing:lang(zh){--font-display:var(--font-display-zh);--font-sans:var(--font-sans-zh)}html:has(.landing){scroll-behavior:smooth;scroll-padding-top:calc(var(--space-16) + var(--space-4))}html:has(.landing-canvas){--color-gray-50:#faf9f6;--surface-base:var(--color-gray-50)}@supports (color:lab(0% 0 0)){html:has(.landing-canvas){--color-gray-50:lab(97.9329% -.0107586 1.52521)}}:is(html:has(.landing-canvas),body:has(.landing-canvas)){background:var(--surface-base);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}.landing :where(section,main)[id]{scroll-margin-top:calc(var(--space-16) + var(--space-8))}.landing{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--surface-base)}.landing--chrome{--surface-veil:color-mix(in oklch, var(--surface-base) 86%, transparent);display:contents}.landing:lang(ko){word-break:keep-all}.landing:lang(ja),.landing:lang(zh){line-break:strict}:lang(de) .band__body,:lang(de) .closing__body,:lang(de) .axis-row__body,:lang(de) .evidence__label{-webkit-hyphens:auto;hyphens:auto}.band__title,.closing__title{overflow-wrap:anywhere}.landing [hidden]{display:none!important}:where(.landing) :focus-visible{outline:var(--ring-width) solid var(--ring-color);outline-offset:var(--ring-offset);border-radius:var(--radius-sm)}.skip-link{left:var(--space-4);top:calc(-1 * var(--space-24));z-index:var(--z-overlay);padding:var(--space-3) var(--space-4);background:var(--action-primary);color:var(--action-primary-text);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:top var(--duration-fast) var(--ease-out);text-decoration:none;position:absolute}.skip-link:focus-visible{top:var(--space-4)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--space-12);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-wrap:balance;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-spring-1), box-shadow var(--duration-fast) var(--ease-out);border:0;text-decoration:none;display:inline-flex}.btn--primary{background:var(--action-primary);color:var(--action-primary-text)}.btn--primary:hover{background:var(--action-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--primary:active{background:var(--action-primary-active);transform:scale(var(--scale-press));box-shadow:var(--shadow-xs)}.btn--secondary{background:var(--action-secondary);color:var(--action-secondary-text)}.btn--secondary:hover{background:var(--action-secondary-hover)}.btn--secondary:active{transform:scale(var(--scale-press))}.siteheader{--header-h:var(--space-16);--header-h-stuck:calc(var(--space-12) + var(--space-2));inset-inline:0;z-index:var(--z-sticky);padding-inline:var(--space-4);transition:background-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);background:0 0;position:fixed;top:0}.siteheader[data-stuck]{background:var(--surface-veil);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(1.4);backdrop-filter:blur(var(--blur-md)) saturate(1.4);box-shadow:inset 0 calc(-1 * var(--space-px)) 0 var(--border-default)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.siteheader[data-stuck]{background:var(--surface-raised)}}.siteheader__inner{justify-content:space-between;align-items:center;gap:var(--space-4);height:var(--header-h);max-width:var(--container-max);transition:height var(--duration-normal) var(--ease-out);margin-inline:auto;display:flex}.siteheader[data-stuck] .siteheader__inner{height:var(--header-h-stuck)}.brand{align-items:center;gap:var(--space-3);min-height:var(--touch-target-min);border-radius:var(--radius-md);text-decoration:none;display:inline-flex}.brand:focus-visible{outline:var(--ring-width) solid var(--border-focus);outline-offset:var(--ring-offset)}.brand__mark{width:var(--space-8);height:var(--space-8);transition:width var(--duration-normal) var(--ease-out), height var(--duration-normal) var(--ease-out);flex:none}.brand__word{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-brand);white-space:nowrap}.siteheader__actions{align-items:center;gap:var(--space-1);display:flex}.siteheader__account{transition:opacity var(--duration-normal) var(--ease-out);align-items:center;margin-inline-start:var(--space-2);display:flex}.account-ready .siteheader__account[data-state=unknown]{opacity:0;pointer-events:none}.signin{min-height:var(--touch-target-min);padding-inline:var(--space-5);border:var(--space-px) solid var(--border-input);border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);color:var(--text-primary);white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);align-items:center;text-decoration:none;display:inline-flex}.signin:hover{background:var(--action-primary);border-color:var(--action-primary);color:var(--action-primary-text)}.signin:active{transform:scale(var(--scale-press))}.signin:focus-visible{outline:var(--ring-width) solid var(--border-focus);outline-offset:var(--ring-offset)}.account-chip{align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);border:var(--space-px) solid var(--border-default);border-radius:var(--radius-full);background:var(--surface-base);transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);text-decoration:none;display:inline-flex}.account-chip:hover{border-color:var(--border-strong);background:var(--action-ghost-hover)}.account-chip:focus-visible{outline:var(--ring-width) solid var(--border-focus);outline-offset:var(--ring-offset)}.account-chip__avatar,.account-chip__initial{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);object-fit:cover;flex:none}.account-chip__initial{background:var(--surface-sunken);color:var(--text-secondary);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;justify-content:center;align-items:center;display:inline-flex}.account-chip__name{max-width:var(--space-24);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:479px){.account-chip__name{display:none}.account-chip{padding:var(--space-1)}}.lang{align-items:center;display:inline-flex;position:relative}.lang__trigger{align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);padding-inline:var(--space-3);border:var(--space-px) solid transparent;border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);color:var(--text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);background:0 0;display:inline-flex}.lang__trigger:hover,.lang__trigger[aria-expanded=true]{color:var(--text-primary);border-color:var(--border-default);background:var(--action-ghost-hover)}.lang__trigger:focus-visible{outline:var(--ring-width) solid var(--border-focus);outline-offset:var(--ring-offset)}.lang__globe{width:var(--space-4);height:var(--space-4);fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;flex:none}.lang__menu{top:calc(100% + var(--space-2));z-index:var(--z-overlay);min-width:calc(var(--space-32) + var(--space-8));padding:var(--space-1);background:var(--surface-base);border:var(--space-px) solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transform-origin:100% 0;animation:lang-menu-in var(--duration-fast) var(--ease-out);margin:0;list-style:none;position:absolute;inset-inline-end:0}@keyframes lang-menu-in{0%{opacity:0;transform:translateY(calc(-1 * var(--space-1))) scale(.98)}}.lang__option{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-normal);color:var(--text-secondary);text-align:start;cursor:pointer;transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);background:0 0;border:0;display:flex}.lang__option:hover{color:var(--text-primary);background:var(--action-ghost-hover)}.lang__option:focus-visible{outline:var(--ring-width) solid var(--border-focus);outline-offset:calc(-1 * var(--ring-width))}.lang__option[aria-checked=true]{color:var(--text-primary);font-weight:var(--weight-semibold)}.lang__option:after{content:"";width:var(--space-2);height:var(--space-4);border-right:var(--ring-width) solid currentColor;border-bottom:var(--ring-width) solid currentColor;transform:rotate(40deg) translateY(calc(-1 * var(--space-px)));opacity:0;flex:none}.lang__option[aria-checked=true]:after{opacity:1}.swatch-duo{gap:var(--space-1);flex:none;display:inline-flex}.swatch-duo:before,.swatch-duo:after{content:"";width:var(--space-3);height:var(--space-3);border-radius:var(--space-1)}.swatch-duo:before{background:var(--axis-warm)}.swatch-duo:after{background:var(--axis-cool)}.guide{align-items:center;gap:var(--space-5);display:flex}.guide__mascot{flex:none}.js .guide__mascot{animation:guide-float 3.2s var(--ease-in-out) infinite alternate}@keyframes guide-float{0%{transform:translateY(0)}to{transform:translateY(calc(var(--space-1) * -1))}}.guide__steps{align-items:stretch;gap:var(--space-5);margin:0;padding:0;list-style:none;display:flex}.guide__step{align-items:flex-start;gap:var(--space-1);padding:var(--space-1) 0 var(--space-1) var(--space-3);border-left:var(--ring-width) solid var(--border-default);transition:border-color var(--duration-normal) var(--ease-out);flex-direction:column;display:flex}.guide__no{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-tertiary);transition:color var(--duration-normal) var(--ease-out)}.guide__label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);color:var(--text-tertiary);text-wrap:balance;max-inline-size:16ch;transition:color var(--duration-normal) var(--ease-out)}.guide__step.is-on{border-left-color:var(--action-primary)}.guide__step.is-on .guide__no{color:var(--text-secondary)}.guide__step.is-on .guide__label{color:var(--text-primary)}.motion-ctrl{min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:var(--space-2) var(--space-4);border:var(--space-px) solid var(--border-input);border-radius:var(--radius-full);background:var(--surface-veil);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer}.motion-ctrl:hover{color:var(--text-primary);border-color:var(--border-strong)}.band{padding:var(--space-20) var(--space-4)}.band--raised,.band--sunken{width:min(100% - var(--space-6), var(--container-panel));margin-inline:auto;margin-block:var(--space-4);border-radius:var(--radius-2xl)}.band--raised{background:var(--surface-raised);border:var(--space-px) solid var(--border-default)}.band--sunken{background:var(--surface-sunken)}.band__inner{max-width:var(--container-max);margin-inline:auto}.band__rule{align-items:baseline;gap:var(--space-4);padding-top:var(--space-3);margin-bottom:var(--space-12);display:flex;position:relative}.band__rule:before{content:"";width:100%;height:var(--space-px);background:var(--border-strong);transform-origin:0;transition:transform var(--duration-slower) var(--ease-out);position:absolute;top:0;left:0}.reveal-ready .band__rule.reveal:not(.is-revealed):before{transform:scaleX(0)}.band__index{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);color:var(--text-tertiary);white-space:nowrap}.band__grid{gap:var(--space-12);align-items:center;display:grid}.band__title{font-family:var(--font-display);font-size:var(--fluid-3xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-brand);text-wrap:balance;max-width:24ch}.band__body{margin-top:var(--space-5);font-size:var(--fluid-base);line-height:var(--leading-relaxed);color:var(--text-secondary);text-wrap:pretty;max-width:52ch}.ritual{gap:0;padding:0;list-style:none;display:grid}.ritual__item{font-family:var(--font-display);align-items:baseline;gap:var(--space-5);padding:var(--space-4) 0;border-top:var(--space-px) solid var(--border-default);font-size:var(--fluid-xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--text-primary);display:flex}.ritual__item:last-child{border-bottom:var(--space-px) solid var(--border-default)}.ritual__no{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-normal);color:var(--text-tertiary)}.demo,.reorder-card,.compare__frame{color:var(--color-gray-900);--text-primary:var(--color-gray-900);--text-secondary:var(--color-gray-600);--text-tertiary:var(--color-gray-500);--border-default:var(--color-gray-200);--border-strong:var(--color-gray-300);--score-badge-bg:var(--color-gray-100);--score-badge-text:var(--color-gray-900);--score-badge-border:var(--color-gray-400);--score-badge-bg-high:var(--color-gray-900);--score-badge-text-high:var(--color-gray-50)}.demo{background:var(--surface-swatch-canvas);border:var(--space-px) solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.demo__head{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.demo__season{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}.demo__readout{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary)}.demo__caption{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--text-tertiary)}.swatches{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.swatch{gap:var(--space-1);display:grid}.swatch__chip{aspect-ratio:1;border-radius:var(--radius-sm);border:var(--space-px) solid var(--border-default)}.swatch__label{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-tertiary);text-align:center}.badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:var(--space-px) solid var(--score-badge-border);border-radius:var(--radius-full);background:var(--score-badge-bg);color:var(--score-badge-text);font-size:var(--text-xs);font-weight:var(--weight-medium);display:inline-flex}.badge__score{font-family:var(--font-mono);font-weight:var(--weight-bold)}.badge--high{background:var(--score-badge-bg-high);color:var(--score-badge-text-high);border-color:var(--score-badge-bg-high)}.tag{padding:var(--space-1) var(--space-3);border:var(--space-px) solid var(--border-input);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);background:0 0;align-items:center;display:inline-flex}.reorder-list{gap:var(--space-3);padding:0;list-style:none;display:grid}.reorder-card{align-items:center;gap:var(--space-4);padding:var(--space-3);border:var(--space-px) solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-swatch-canvas);display:flex}.reorder-card__chip{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-sm);border:var(--space-px) solid var(--border-default);flex:none}.reorder-card__meta{gap:var(--space-1);flex:1;min-width:0;display:grid}.reorder-card__hex{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}.reorder__controls{align-items:center;gap:var(--space-3);margin-top:var(--space-5);display:flex}.reorder__note{margin-top:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary)}.compare{gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.compare__cell{gap:var(--space-3);display:grid}.compare__frame{background:var(--surface-swatch-canvas);border:var(--space-px) solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-5)}.compare__frame svg{width:100%;height:auto}.compare__frame--photo{mix-blend-mode:multiply;background:0 0;border:0;padding:0;overflow:hidden}.compare__frame--photo img{aspect-ratio:1;object-fit:cover;width:100%;height:auto}.compare__reason{font-family:var(--font-mono);font-size:var(--text-2xs);line-height:var(--leading-snug);color:var(--text-tertiary)}.finish{gap:var(--space-6);flex-wrap:wrap;align-items:center;display:flex}.finish__photo{border-radius:var(--radius-2xl);mix-blend-mode:multiply;flex:12rem;min-width:0;overflow:hidden}.finish__rack{flex:1.4 18rem;min-width:0}.finish__photo img{aspect-ratio:1;object-fit:cover;width:100%;height:auto}.finish__list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.finish-item{align-items:center;gap:var(--space-4);padding:var(--space-3);border:var(--space-px) solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-swatch-canvas);display:flex}.finish-item__chip{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-sm);border:var(--space-px) solid var(--border-default);flex:none}.finish-item__meta{gap:var(--space-1);flex:1;min-width:0;display:grid}.finish-item__name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);overflow-wrap:anywhere}.finish-item__hex{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-tertiary)}.axes{gap:var(--space-5);display:grid}.axis-row{border-top:var(--space-px) solid var(--border-strong);padding-top:var(--space-4)}.axis-row__head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.axis-row__dot{width:var(--space-3);height:var(--space-3);border-radius:var(--radius-full)}.axis-row__dot--warm{background:var(--axis-warm)}.axis-row__dot--cool{background:var(--axis-cool)}.axis-row__name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}.axis-row__flow{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-2)}.axis-row__body{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary);max-width:48ch}.stylecards{gap:var(--space-3);margin-top:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stylecard{gap:var(--space-2);margin:0;display:grid}.stylecard__img{aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius-md);border:var(--space-px) solid var(--border-default);width:100%;height:auto}.stylecard__label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary)}.stylecards__caption{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary);max-width:48ch}.evidence{gap:var(--space-4);margin-top:var(--space-10);display:grid}.evidence__card{background:var(--surface-base);border:var(--space-px) solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-5)}.evidence__card--wide{align-items:baseline;gap:var(--space-2) var(--space-5);flex-wrap:wrap;grid-column:1/-1;display:flex}.evidence__card--wide .evidence__label{max-width:52ch;margin-top:0}.evidence__sym{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--text-brand)}.evidence__label{margin-top:var(--space-2);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--text-secondary)}.closing{text-align:center}.closing__panel{--closing-beat:.12s;--closing-device-width:min(100%, 26rem);--closing-print-mask:linear-gradient(to bottom, #000 0 33.34%, transparent 62% 100%);width:min(100%, var(--container-panel));min-height:var(--closing-min-height);border-radius:var(--radius-2xl);background:var(--surface-base);place-items:start center;margin-inline:auto;display:grid;position:relative;overflow:hidden}.reveal-ready .closing__panel.reveal:not(.is-revealed){opacity:1;transform:none}@media (min-width:768px){.closing__panel{min-height:0}.closing__panel:after{content:"";aspect-ratio:16/9;pointer-events:none;grid-area:1/1;width:100%}}.closing__poster,.closing__video{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%;position:absolute;inset:0}.closing__poster{z-index:0;transition:opacity var(--video-crossfade,var(--duration-slow)) linear}.closing__poster.is-yielded{opacity:0}.closing__video{z-index:1;opacity:0;transition:opacity var(--video-crossfade,var(--duration-slow)) linear}.closing__video.is-front{opacity:1}.closing__inner{--closing-copy-scrim:radial-gradient(66% 62% at 50% 48%, var(--scrim-strong) 44%, transparent 84%);z-index:3;max-width:var(--container-narrow);padding:var(--space-8) var(--space-6) var(--space-24);justify-items:center;gap:var(--space-5);grid-area:1/1;margin-inline:auto;display:grid;position:relative}.closing__inner:before{content:"";z-index:-1;pointer-events:none;background:var(--closing-copy-scrim), var(--closing-copy-scrim);position:absolute;inset:-9% -14%}@media (min-width:1280px){.closing__inner:before{content:none}}.closing__ctrl{z-index:4;right:var(--space-4);bottom:var(--space-4);position:absolute}.closing__guide{z-index:3;inset-inline:var(--space-6);bottom:var(--space-5);text-align:left;justify-content:center;position:absolute}@media (min-width:768px) and (max-width:1279px){.guide,.guide__steps{gap:var(--space-4)}.guide__label{font-size:var(--text-xs);max-inline-size:14ch}}@media (max-width:768px){.closing__guide{display:none}}.closing__ctrl:focus-visible{box-shadow:0 0 0 var(--ring-width) var(--surface-base), 0 0 0 calc(var(--ring-width) * 2 + var(--ring-offset)) var(--ring-color);outline:none}@media (forced-colors:active){.closing__ctrl:focus-visible{outline:var(--ring-width) solid;outline-offset:var(--ring-offset)}}.closing__title{font-family:var(--font-display);font-size:var(--fluid-4xl);font-weight:var(--weight-extrabold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);color:var(--text-brand);text-wrap:balance}.closing__body{font-size:var(--fluid-base);line-height:var(--leading-relaxed);color:var(--text-secondary);text-wrap:pretty;max-width:46ch}:lang(ja) .closing__body{text-wrap:balance}.closing__device{justify-content:center;align-items:center;gap:var(--space-5);width:var(--closing-device-width);display:flex}.closing__device:before,.closing__device:after{content:"";height:var(--space-px);background:var(--border-strong);flex:auto}.closing__device:before{transform-origin:100%}.closing__device:after{transform-origin:0}.closing__mark{flex:none}.closing__act{justify-content:center;display:flex}.closing__cta{min-height:calc(var(--space-12) + var(--space-2));padding-inline:var(--space-8);box-shadow:var(--shadow-sm)}@media (hover:hover) and (pointer:fine){.closing__cta:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}}.closing__cta:active{transform:translateY(1px) scale(var(--scale-press));box-shadow:var(--shadow-xs)}.closing__cta:focus-visible{box-shadow:0 0 0 var(--ring-width) var(--surface-base), 0 0 0 calc(var(--ring-width) * 2 + var(--ring-offset)) var(--ring-color), var(--shadow-sm);outline:none}@media (forced-colors:active){.closing__poster,.closing__video{display:none}.btn{border:var(--space-px) solid}.closing__cta:focus-visible{outline:var(--ring-width) solid;outline-offset:var(--ring-offset)}}@media (max-width:480px),(max-height:780px) and (max-width:1080px){.closing__inner{padding-top:var(--space-4);gap:var(--space-3)}.closing__title{font-size:var(--fluid-3xl)}.closing__mark{width:var(--space-10);height:var(--space-10)}}@media (prefers-reduced-motion:no-preference){.reveal-ready .closing__panel.reveal:not(.is-revealed) .closing__device:before,.reveal-ready .closing__panel.reveal:not(.is-revealed) .closing__device:after{transform:scaleX(0)}.reveal-ready .closing__panel.reveal:not(.is-revealed) .closing__mark{opacity:0;transform:scale(.94)}.reveal-ready .closing__panel.reveal:not(.is-revealed) .closing__body,.reveal-ready .closing__panel.reveal:not(.is-revealed) .closing__act{opacity:0}.reveal-ready .closing__panel.reveal:not(.is-revealed) .closing__act{transform:translateY(var(--space-8))}.reveal-ready .closing__panel.reveal:not(.is-revealed) .closing__title{-webkit-mask-image:var(--closing-print-mask);-webkit-mask-image:var(--closing-print-mask);mask-image:var(--closing-print-mask);-webkit-mask-position:0 100%;mask-position:0 100%;-webkit-mask-size:100% 300%;mask-size:100% 300%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.reveal-ready .closing__panel.reveal.is-revealed .closing__device:before,.reveal-ready .closing__panel.reveal.is-revealed .closing__device:after{animation:closing-rule var(--duration-slower) var(--ease-out) backwards}.reveal-ready .closing__panel.reveal.is-revealed .closing__mark{animation:closing-settle var(--duration-slow) var(--ease-spring-1) var(--closing-beat) backwards}.reveal-ready .closing__panel.reveal.is-revealed .closing__title{animation:closing-print var(--duration-slower) var(--ease-out) calc(var(--closing-beat) * 1.5) backwards}.reveal-ready .closing__panel.reveal.is-revealed .closing__body{animation:closing-bleed var(--duration-slower) var(--ease-out) calc(var(--closing-beat) * 3.5) backwards}.reveal-ready .closing__panel.reveal.is-revealed .closing__act{animation:closing-arrive var(--duration-reorder) var(--ease-in-out) calc(var(--closing-beat) * 4.5) backwards}.js .closing__panel.reveal:not(.is-revealed):focus-within .closing__device:before,.js .closing__panel.reveal:not(.is-revealed):focus-within .closing__device:after,.reveal-ready .closing__panel.reveal:not(.is-revealed):focus-within .closing__mark,.reveal-ready .closing__panel.reveal:not(.is-revealed):focus-within .closing__title,.reveal-ready .closing__panel.reveal:not(.is-revealed):focus-within .closing__body,.reveal-ready .closing__panel.reveal:not(.is-revealed):focus-within .closing__act{opacity:1;animation:none;transform:none;-webkit-mask-image:none;mask-image:none}.reveal-ready .closing__panel.reveal.is-choreo-settled .closing__device:before,.reveal-ready .closing__panel.reveal.is-choreo-settled .closing__device:after,.reveal-ready .closing__panel.reveal.is-choreo-settled .closing__mark,.reveal-ready .closing__panel.reveal.is-choreo-settled .closing__title,.reveal-ready .closing__panel.reveal.is-choreo-settled .closing__body,.reveal-ready .closing__panel.reveal.is-choreo-settled .closing__act{animation-duration:1ms;animation-delay:0s}}@keyframes closing-rule{0%{transform:scaleX(0)}}@keyframes closing-settle{0%{opacity:0;transform:scale(.94)}}@keyframes closing-bleed{0%{opacity:0}}@keyframes closing-arrive{0%{opacity:0;transform:translateY(var(--space-8))}}@keyframes closing-print{0%{-webkit-mask-image:var(--closing-print-mask);-webkit-mask-image:var(--closing-print-mask);mask-image:var(--closing-print-mask);-webkit-mask-position:0 100%;mask-position:0 100%;-webkit-mask-size:100% 300%;mask-size:100% 300%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}to{-webkit-mask-image:var(--closing-print-mask);-webkit-mask-image:var(--closing-print-mask);mask-image:var(--closing-print-mask);-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% 300%;mask-size:100% 300%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}.footer{border-top:var(--space-px) solid var(--border-default);padding:var(--space-16) var(--space-4) var(--space-10);background:var(--surface-base)}.footer__inner{max-width:var(--container-max);margin-inline:auto}.footer__top{gap:var(--space-12);display:grid}.footer__brand{max-width:22rem}.footer__brandline{align-items:center;gap:var(--space-3);display:inline-flex}.footer__word{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--text-brand);white-space:nowrap;margin-right:-.25em}.footer__tagline{margin-top:var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.footer__desc{margin-top:var(--space-2);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-tertiary);text-wrap:pretty;max-width:42ch}.footer__cols{gap:var(--space-10) var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.footer__col--wide{grid-column:1/-1}.footer__col--wide .footer__list{column-gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.footer__heading{font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-tertiary)}.footer__list{margin:var(--space-4) 0 0;font-size:var(--text-sm);padding:0;list-style:none}.footer__list a{align-items:baseline;gap:var(--space-3);min-height:var(--touch-target-min);color:var(--text-secondary);text-underline-offset:.35em;transition:color var(--duration-fast) var(--ease-out), text-decoration-color var(--duration-fast) var(--ease-out);text-decoration-color:#0000;display:inline-flex}.footer__list a:hover{color:var(--text-primary);text-decoration-color:currentColor}@media (pointer:fine){.footer__list a{min-height:0;padding-block:var(--space-2)}}.footer__list--indexed a{align-items:baseline}.footer__no{width:1.5em;font-family:var(--font-mono);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;color:var(--text-tertiary);transition:color var(--duration-fast) var(--ease-out);flex:none}.footer__list a:hover .footer__no{color:var(--text-secondary)}.footer__policies{gap:0 var(--space-5);margin-bottom:var(--space-4);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.footer__policies a{min-height:var(--touch-target-min);color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out);align-items:center;text-decoration:none;display:inline-flex}.footer__policies a:hover{color:var(--text-primary);text-underline-offset:.35em;text-decoration:underline}.footer__legal{margin-top:var(--space-16);border-top:var(--space-px) solid var(--border-default);padding-top:var(--space-8)}.footer__note{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary);text-wrap:pretty;max-width:56ch}.footer__biz{margin:var(--space-8) 0 0;gap:var(--space-1) var(--space-2);font-size:var(--text-xs);line-height:var(--leading-relaxed);color:var(--text-tertiary);flex-wrap:wrap;padding:0;list-style:none;display:flex}.footer__biz li:not(:last-child):after{content:"·";content:"·" / "";margin-left:var(--space-2);color:var(--border-input)}.footer__addr{margin-top:var(--space-1);font-size:var(--text-xs);line-height:var(--leading-relaxed);color:var(--text-tertiary);max-width:64ch}.footer__contact{margin-top:var(--space-4);font-size:var(--text-xs);line-height:var(--leading-relaxed);color:var(--text-tertiary)}.footer__contact a{color:var(--text-secondary);text-decoration:underline;-webkit-text-decoration-color:var(--border-input);text-decoration-color:var(--border-input);text-underline-offset:.3em;transition:color var(--duration-fast) var(--ease-out), text-decoration-color var(--duration-fast) var(--ease-out)}.footer__contact a:hover{color:var(--text-primary);text-decoration-color:currentColor}.footer__baseline{margin-top:var(--space-10);align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary);flex-wrap:wrap;display:flex}.reveal{transition:opacity var(--duration-slower) var(--ease-out), transform var(--duration-slower) var(--ease-out)}.reveal-ready .reveal:not(.is-revealed){opacity:0;transform:translateY(var(--space-5))}.reveal-ready .reveal:not(.is-revealed).finish{opacity:1;transform:none}.reveal-ready .reveal:not(.is-revealed):has(.compare__frame--photo){opacity:1;transform:none}.reveal--stagger>*{transition:opacity var(--duration-slower) var(--ease-out), transform var(--duration-slower) var(--ease-out)}.reveal-ready .reveal--stagger:not(.is-revealed)>*{opacity:0;transform:translateY(var(--space-4))}.reveal--stagger>:nth-child(2){transition-delay:var(--stagger-step)}.reveal--stagger>:nth-child(3){transition-delay:calc(var(--stagger-step) * 2)}.reveal--stagger>:nth-child(4){transition-delay:calc(var(--stagger-step) * 3)}.reveal--stagger>:nth-child(5){transition-delay:calc(var(--stagger-step) * 4)}.reveal--stagger>:nth-child(6){transition-delay:calc(var(--stagger-step) * 5)}.reveal--stagger>:nth-child(7){transition-delay:calc(var(--stagger-step) * 6)}.reveal--stagger>:nth-child(8){transition-delay:calc(var(--stagger-step) * 7)}.reveal--stagger>:nth-child(9){transition-delay:calc(var(--stagger-step) * 8)}.reveal--stagger>:nth-child(10){transition-delay:calc(var(--stagger-step) * 9)}.reveal--stagger>:nth-child(11){transition-delay:calc(var(--stagger-step) * 10)}.reveal--stagger>:nth-child(12){transition-delay:calc(var(--stagger-step) * 11)}@media (prefers-reduced-motion:reduce){.reveal,.reveal--stagger>*{transition:opacity var(--duration-normal) var(--ease-out)}.reveal-ready .reveal:not(.is-revealed),.reveal-ready .reveal--stagger:not(.is-revealed)>*{transform:none}.band__rule:before{transition:none}.reveal-ready .band__rule.reveal:not(.is-revealed):before{transform:none}html:has(.landing){scroll-behavior:auto}.guide__mascot,.js .guide__mascot{animation:none}.closing__video,.closing__ctrl{display:none}.btn,.btn--primary:hover,.closing__cta:hover{transition:none;transform:none}.siteheader,.siteheader__inner,.brand__mark,.signin{transition:none}.signin:active{transform:none}.lang__menu{animation:none}}@media (max-width:479px){.brand__word{display:none}}@media (max-width:359px){.siteheader__inner{gap:var(--space-2)}.signin{padding-inline:var(--space-4)}}@media (min-width:768px){.siteheader{--header-h:calc(var(--space-16) + var(--space-4));--header-h-stuck:var(--space-16);padding-inline:var(--space-8)}.brand__mark{width:var(--space-10);height:var(--space-10)}.siteheader[data-stuck] .brand__mark{width:var(--space-8);height:var(--space-8)}.brand__word{font-size:var(--text-sm);letter-spacing:var(--tracking-overline)}.band{padding:var(--space-24) var(--space-8)}.band__grid{gap:var(--space-16);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.band__grid--flip>.band__copy{order:2}.evidence{grid-template-columns:repeat(2,minmax(0,1fr))}.footer{padding-inline:var(--space-8)}.footer__cols{gap:var(--space-10);grid-template-columns:repeat(3,minmax(0,1fr))}.footer__col--wide{grid-column:auto}.footer__col--wide .footer__list{display:block}}@media (min-width:1120px){.swatches{grid-template-columns:repeat(6,minmax(0,1fr))}.evidence{grid-template-columns:repeat(4,minmax(0,1fr))}.compare{gap:var(--space-8)}.band__grid{gap:var(--space-24)}.footer__top{justify-content:space-between;gap:var(--space-24);grid-template-columns:minmax(0,22rem) minmax(0,1fr)}}.page-shell{flex-direction:column;min-height:100dvh;display:flex}.page-shell__main{padding-top:calc(var(--space-12) + var(--space-2));flex:1}.page-shell .footer{margin-top:var(--space-16)}@media (min-width:768px){.page-shell__main{padding-top:var(--space-16)}}.auth-shell{flex-direction:column;min-height:100dvh;display:flex}.auth-shell__main{padding-inline:var(--space-4);padding-block:calc(var(--space-12) + var(--space-2) + var(--space-16)) var(--space-16);flex-direction:column;flex:1;display:flex}.auth-panel{gap:var(--space-6);flex-direction:column;width:100%;max-width:24rem;margin-block:auto;margin-inline:auto;display:flex}.auth-panel--wide{max-width:34rem}.auth-layout{align-items:center;gap:var(--space-8);flex-direction:column;margin-block:auto;margin-inline:auto;display:flex}.auth-layout>.auth-panel{margin-block:0}.auth-brand{--mascot-canvas:var(--space-32);--mascot-bleed-x:calc(var(--mascot-canvas) * -.187);--mascot-bleed-y:calc(var(--mascot-canvas) * -.117);align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.auth-brand__mascot{width:var(--mascot-canvas);height:auto;margin-block:var(--mascot-bleed-y)}.auth-brand__tagline,.auth-brand__headline,.auth-brand__body{display:none}@media (min-width:1024px){.auth-layout{align-items:center;gap:var(--space-16);grid-template-columns:minmax(0,1fr) minmax(0,24rem);max-width:56rem;display:grid}.auth-brand{--mascot-canvas:calc(var(--space-32) * 2);text-align:start;align-items:start}.auth-brand__mascot{margin-inline-start:var(--mascot-bleed-x)}.auth-brand__tagline,.auth-brand__headline,.auth-brand__body{display:block}.auth-brand__tagline{align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--text-tertiary);display:flex}.auth-brand__rule{width:var(--space-6);background:var(--text-primary);height:1px}.auth-brand__headline{font-family:var(--font-display);font-size:var(--fluid-xl);line-height:var(--leading-tight);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);text-wrap:balance;color:var(--text-primary)}.auth-brand__body{max-width:32ch;font-size:var(--text-sm);line-height:var(--leading-relaxed);text-wrap:pretty;color:var(--text-secondary)}}.auth-panel__aside{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-tertiary)}.auth-panel__aside a{color:var(--text-link);font-weight:var(--weight-semibold);text-underline-offset:.3em;transition:text-decoration-color var(--duration-fast) var(--ease-out);-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.auth-panel__aside a:hover{text-decoration-color:currentColor}.footer--compact{padding-top:var(--space-10)}.footer--compact .footer__legal{border-top:0;margin-top:0;padding-top:0}.footer--compact .footer__inner{text-align:center;max-width:44rem}.footer--compact .footer__policies,.footer--compact .footer__biz,.footer--compact .footer__baseline{justify-content:center}.footer--compact .footer__note,.footer--compact .footer__addr{margin-inline:auto}@media (min-width:768px){.auth-shell__main{padding-block:calc(var(--space-16) + var(--space-16)) var(--space-16)}}html:has(.studio-chrome){scroll-padding-bottom:calc(var(--space-16) + var(--space-4))}@media (max-width:639px){.studio-chrome .brand__word{display:none}}.studio-chrome .credit-pill:focus-visible{border-radius:var(--radius-full)}@media (forced-colors:active){.swatch__chip,.reorder-card__chip,.finish-item__chip,.axis-row__dot{forced-color-adjust:none}}