:root{--ground: #FBFDFC;--surface: #EAF6F1;--ink: #1B2A24;--ink-2: #56645D;--coral: #F2694F;--coral-deep: #C24632;--mint: #4FA88C;--mint-deep: #2F7D66;--line: #D3ECE3;--font-display: "Space Grotesk Variable", ui-sans-serif, system-ui, sans-serif;--font-sans: "Plus Jakarta Sans Variable", ui-sans-serif, system-ui, sans-serif;--font-mono: "Azeret Mono", ui-monospace, SFMono-Regular, monospace;--radius-card: 16px;--radius-card-mobile: 12px;--radius-callout: 8px;--shadow: 0 1px 2px rgba(27, 42, 36, .06), 0 4px 12px rgba(27, 42, 36, .08);--page-max: 72rem;--reading: 40rem;--page-pad: clamp(1rem, 4vw, 2rem);--ease: cubic-bezier(.2, .8, .3, 1);--dur-assemble: .28s;--dur-advance: .18s}*,*:before,*:after{box-sizing:border-box}html{background:var(--ground);-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--ink);background:var(--ground);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:1rem;line-height:1.65}h1,h2,h3,h4{font-family:var(--font-display);text-wrap:balance;line-height:1.1;color:var(--ink);font-weight:600}img,svg,video,canvas,iframe{max-width:100%}img,video{height:auto}p{color:var(--ink)}a{color:var(--coral-deep);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--ink)}.display{font-family:var(--font-display);font-size:clamp(2.5rem,7vw,4.25rem);line-height:1.02;letter-spacing:-.01em;text-wrap:balance;font-weight:600}.h-title{font-family:var(--font-display);font-size:clamp(1.85rem,4.5vw,2.75rem);letter-spacing:-.01em;font-weight:600}.h-sub{font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.6;color:var(--ink-2);max-width:46ch;text-wrap:pretty}.reading{max-width:var(--reading);line-height:1.65;font-size:1.0625rem;text-wrap:pretty}.reading>*+*{margin-top:1.15em}.reading h2,.reading h3{margin-top:2.4em;margin-bottom:1.2em}.label{font-family:var(--font-sans);font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.code{font-family:var(--font-mono);font-weight:500;font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--ink-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;min-height:48px;padding:.85rem 1.5rem;border:1px solid transparent;border-radius:12px;font-family:var(--font-sans);font-weight:700;font-size:1rem;letter-spacing:.01em;text-decoration:none;cursor:pointer;color:#fff;background:var(--coral-deep);box-shadow:var(--shadow);transition:background var(--dur-advance) var(--ease),transform var(--dur-advance) var(--ease)}.btn:hover{background:var(--coral);color:#fff}.btn:active{transform:translateY(1px)}.btn--ghost{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:none}.btn--ghost:hover{background:var(--surface);color:var(--ink);border-color:var(--mint-deep)}.btn:focus-visible{outline:2px solid var(--coral-deep);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.answer{display:flex;align-items:flex-start;gap:.85rem;width:100%;min-height:56px;padding:.9rem 1rem;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-callout);color:var(--ink);cursor:pointer;font-family:var(--font-sans);font-size:1.0625rem;line-height:1.4;transition:border-color var(--dur-advance) var(--ease),background var(--dur-advance) var(--ease)}.answer:hover{border-color:var(--mint-deep)}.answer[aria-pressed=true]{border-color:var(--coral-deep);background:#fff;box-shadow:var(--shadow)}.answer:focus-visible{outline:2px solid var(--coral-deep);outline-offset:2px}.answer .answer__tag{display:block;flex:0 0 auto;font-family:var(--font-mono);font-size:.8125rem;font-weight:500;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--mint-deep)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:clamp(1.25rem,3vw,2rem)}@media(max-width:40rem){.card{border-radius:var(--radius-card-mobile)}}.step-rail{display:flex;gap:.4rem;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;padding:.25rem 0 .75rem}.step-rail::-webkit-scrollbar{display:none}.step-rail__tab{flex:0 0 auto;min-width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-callout);font-family:var(--font-mono);font-size:.8125rem;font-weight:500;letter-spacing:.06em;font-variant-numeric:tabular-nums;border:1px solid var(--line);color:var(--ink-2);background:transparent}.step-rail__tab--done{background:var(--surface);color:var(--ink-2);opacity:.6;border-color:var(--line)}.step-rail__tab--current{background:var(--coral);color:#fff;border-color:var(--coral);box-shadow:var(--shadow)}.step-rail__tab--upcoming{background:transparent;color:var(--ink-2);border-color:var(--line)}.step-card{display:grid;grid-template-columns:2.5rem 1fr;gap:.9rem;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-callout);padding:1rem}.step-card__num{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-callout);background:var(--surface);border:1px solid var(--line);font-family:var(--font-mono);font-size:.8125rem;font-weight:500;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--ink-2)}.step-card__num--current{background:var(--coral);color:#fff;border-color:var(--coral)}.step-card__category{font-family:var(--font-display);font-weight:600;font-size:1.125rem;line-height:1.2;color:var(--ink);margin:0}.step-card__note{margin:.35rem 0 0;font-size:.9375rem;line-height:1.5;color:var(--ink-2)}.step-card__ingredient{margin:.4rem 0 0;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--mint-deep)}.routine-diagram{display:grid;gap:0}.routine-diagram__step{position:relative}.routine-diagram__connector{width:1px;height:1rem;margin-left:1.25rem;background:var(--line)}.routine-diagram__label{font-family:var(--font-mono);font-size:.8125rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--mint-deep);margin:0 0 .5rem}.pictogram{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-callout);background:var(--surface);border:1px solid var(--line);color:var(--mint-deep)}.pictogram svg{width:1.25rem;height:1.25rem;stroke:currentColor;stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round}.score-readout{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.25rem 0}.score-readout__row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.4rem 0}.score-readout__label{font-family:var(--font-sans);font-weight:600;font-size:.875rem;color:var(--ink)}.score-readout__value{font-family:var(--font-mono);font-weight:500;font-size:1rem;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--ink-2)}.precision-stat{display:inline-flex;align-items:baseline;gap:.5rem;padding:.5rem .75rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-callout)}.precision-stat__value{font-family:var(--font-mono);font-weight:500;font-size:.9375rem;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--ink)}.precision-stat__label{font-family:var(--font-sans);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.type-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:1.5rem;text-decoration:none;display:block;color:var(--ink);transition:border-color var(--dur-advance) var(--ease)}.type-card:hover{border-color:var(--mint-deep);color:var(--ink)}.type-card__name{font-family:var(--font-display);font-weight:600;font-size:1.4rem;line-height:1.15;color:var(--ink);margin:0}.type-card__essence{margin:.5rem 0 0;font-size:.9375rem;line-height:1.5;color:var(--ink-2)}.type-card__link{margin-top:1rem;font-size:.875rem;font-weight:600;color:var(--coral-deep)}@media(max-width:40rem){.type-card{border-radius:var(--radius-card-mobile)}}.gate{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:clamp(1.5rem,3vw,2rem)}@media(max-width:40rem){.gate{border-radius:var(--radius-card-mobile)}}.gate__contents{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;gap:.6rem;max-width:40rem}.gate__contents li{display:flex;gap:.6rem;font-size:.9375rem;color:var(--ink-2);line-height:1.5}.gate__contents li:before{content:"+";color:var(--coral-deep);font-weight:700;flex:0 0 auto}.site-header{position:sticky;top:0;z-index:50;background:var(--ground);border-bottom:1px solid var(--line)}.site-header__inner{max-width:var(--page-max);margin:0 auto;padding-inline:var(--page-pad);height:3.75rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.wordmark{display:inline-flex;align-items:center;gap:.625rem;text-decoration:none;color:var(--ink);font-family:var(--font-display);font-weight:600;font-size:1.125rem;letter-spacing:.01em}.wordmark__mark{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:6px;color:#fff;background:var(--ink)}.site-nav{display:flex;align-items:center;gap:.25rem}.site-nav a{font-family:var(--font-sans);font-size:.8125rem;font-weight:600;letter-spacing:.02em;text-decoration:none;color:var(--ink-2);padding:.5rem .75rem;border-radius:8px}.site-nav a:hover{color:var(--ink);background:var(--surface)}.site-nav a[aria-current=page]{color:var(--ink);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}.site-footer{background:var(--surface);border-top:1px solid var(--line)}.site-footer__inner{max-width:var(--page-max);margin:0 auto;padding:3.5rem var(--page-pad)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.8125rem;color:var(--ink-2)}.breadcrumbs a{color:var(--ink-2);text-decoration:none}.breadcrumbs a:hover{color:var(--ink)}.faq dt{font-family:var(--font-display);font-weight:600;font-size:1.125rem;color:var(--ink)}.faq dd{margin:.4rem 0 0;color:var(--ink-2);line-height:1.6}.source-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1rem 0;font-size:.8125rem;line-height:1.6;color:var(--ink-2);max-width:var(--reading)}.skip-link{position:absolute;left:-9999px;top:0;background:var(--surface);color:var(--ink);padding:.75rem 1rem;z-index:100;text-decoration:none;font-weight:600;border-radius:0 0 8px}.skip-link:focus{left:0}.assemble{animation:assemble var(--dur-assemble) var(--ease) forwards}@keyframes assemble{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.assemble{opacity:1;transform:none}}:focus-visible{outline:2px solid var(--coral-deep);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:40rem){header>div{height:auto!important;flex-wrap:wrap;row-gap:.4rem;padding-block:.6rem}header>div>a{flex:0 0 auto}header>div>a span{white-space:nowrap}header nav{width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;scroll-padding-inline:.75rem}header nav::-webkit-scrollbar{display:none}header nav>*{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start}}.hero{display:grid;gap:2rem;align-items:start}@media(min-width:64rem){.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:4rem}.hero__aside{padding-top:.4rem}}.hero__types{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}.hero__types>li{border-top:1px solid var(--line);padding-top:.7rem}.hero__type-read{margin:.5rem 0 0;font-size:.9375rem;line-height:1.5;color:var(--ink-2)}.page-head{margin-top:1.5rem;margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--line)}@media print{.site-header,.site-footer,.no-print,.gate,.breadcrumbs,.faq{display:none!important}body{background:#fff;color:#000}.card,.gate,.type-card,.step-card{box-shadow:none;border:1px solid #000}}.site-hero{width:100%;height:auto;max-width:720px;border-radius:14px;margin:1.25rem 0}