@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,400;6..72,500&family=Noto+Sans+SC:wght@400;500;700&family=Noto+Serif+SC:wght@400;500;600&display=swap";/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:"Manrope", "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-serif:"Newsreader", "Noto Serif SC", Georgia, serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}:root{color-scheme:light;--page:#f5f4ed;--surface:#faf9f5;--surface-strong:#fff;--surface-muted:#e8e6dc;--ink:#141413;--ink-soft:#4d4c48;--muted:#5e5d59;--muted-light:#87867f;--brand:#c96442;--brand-soft:#d97757;--line:#f0eee6;--line-strong:#e8e6dc;--ring:#d1cfc5;--dark:#30302e;--dark-deep:#1f1f1d;--dark-ink:#b0aea5;--shadow-soft:#0000000d 0px 4px 24px}html{scroll-behavior:smooth}body{background:var(--page);min-height:100vh;color:var(--ink);font-family:var(--font-sans);text-rendering:optimizelegibility;margin:0}body:before{content:"";pointer-events:none;opacity:.9;background:linear-gradient(#ffffff5c,#fff0),radial-gradient(circle at 18% 12%,#c9644214,#0000 24%);position:fixed;top:0;right:0;bottom:0;left:0}::selection{color:var(--ink);background:#c9644233}a{color:inherit;text-decoration:none}button{font:inherit}#root{min-height:100vh}.page-shell{min-height:100vh;position:relative}.page-grain{pointer-events:none;mix-blend-mode:multiply;opacity:.14;background-image:radial-gradient(#14141313 .55px,#0000 .55px);background-size:12px 12px;position:fixed;top:0;right:0;bottom:0;left:0}.shell-container{width:min(100% - 2rem,74rem);margin-inline:auto}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5f4eddb;border-bottom:1px solid #e8e6dceb;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;display:flex}.brand-lockup{align-items:center;display:inline-flex}.brand-logo{width:auto;max-width:min(17rem,58vw);height:2.85rem;display:block}.topbar-actions{align-items:center;gap:1rem;display:flex}.topnav{color:var(--muted);align-items:center;gap:1.25rem;font-size:.94rem;display:flex}.topnav a{transition:color .18s}.topnav a:hover{color:var(--ink)}.hero-section{padding-block:clamp(3.75rem,8vw,7rem)}.hero-layout{align-items:start;gap:clamp(2.25rem,5vw,4rem);display:grid}.hero-copy{gap:1.5rem;display:grid}.eyebrow{color:var(--muted-light);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:700}.hero-title{max-width:10.5ch;font-family:var(--font-serif);letter-spacing:-.045em;color:var(--ink);margin:0;font-size:clamp(3.2rem,7vw,6rem);font-weight:500;line-height:.98}.hero-title span{color:var(--brand);margin-top:.32em;display:block}.hero-lead{max-width:38rem;color:var(--muted);margin:0;font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.78}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.brand-button,.sand-button,.copy-button{border:none;border-radius:.85rem;justify-content:center;align-items:center;gap:.55rem;padding:.88rem 1.15rem;transition:transform .18s,background-color .18s,box-shadow .18s,color .18s;display:inline-flex}.brand-button{background:var(--brand);color:var(--surface);box-shadow:0 0 #c964421a,0 0 0 1px #c96442e6}.sand-button{background:var(--surface-muted);color:var(--ink-soft);box-shadow:0 0 #e8e6dc1a,0 0 0 1px #d1cfc5}.sand-button-compact{padding:.72rem .95rem;font-size:.92rem}.copy-button{cursor:pointer;background:var(--surface);color:var(--ink);box-shadow:0 0 #ffffff1a,0 0 0 1px #d1cfc5}.brand-button:hover,.sand-button:hover,.copy-button:hover{transform:translateY(-1px)}.brand-button:hover{background:var(--brand-soft)}.copy-button.is-copied{background:var(--dark);color:var(--surface);box-shadow:0 0 #30302e1a,0 0 0 1px #30302e}.signal-row{flex-wrap:wrap;gap:.75rem;display:flex}.signal-pill{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);border-radius:999px;align-items:center;gap:.55rem;padding:.74rem .98rem;font-size:.79rem;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff6b}.signal-pill:before{content:"";background:var(--brand);border-radius:999px;width:.5rem;height:.5rem}.metric-grid{gap:1rem;display:grid}.metric-card{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#faf9f5d1;border-radius:1.35rem;padding:1.25rem}.metric-value{font-family:var(--font-serif);letter-spacing:-.04em;color:var(--ink);margin:0;font-size:clamp(1.6rem,3vw,2rem);line-height:1.05}.metric-label{color:var(--muted);margin:.7rem 0 0;font-size:.98rem;line-height:1.7}.hero-panel-stack{position:relative}.hero-panel{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#faf9f5eb;border-radius:2rem;padding:clamp(1.45rem,3vw,2rem);position:relative;overflow:hidden}.hero-panel:before{content:"";background:radial-gradient(circle,#c964421a,#0000 70%);border-radius:999px;width:12rem;height:12rem;position:absolute;top:-3.5rem;right:-3rem}.panel-kicker{color:var(--muted-light);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.panel-title{font-family:var(--font-serif);letter-spacing:-.035em;margin:.8rem 0 0;font-size:clamp(1.85rem,3vw,2.45rem);font-weight:500;line-height:1.14}.panel-copy{max-width:34rem;color:var(--muted);margin:.9rem 0 0;line-height:1.78}.panel-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.9rem;margin-top:1.4rem;display:flex}.meta-chip{border:1px solid var(--line-strong);background:var(--surface-muted);border-radius:999px;gap:.15rem;padding:.72rem .95rem;display:grid}.meta-label{color:var(--muted-light);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:700}.meta-chip strong{color:var(--ink);font-size:.95rem;font-weight:700}.terminal-card{background:var(--dark);color:var(--surface);border-radius:1.55rem;margin-top:1.45rem;overflow:hidden;box-shadow:0 18px 40px #1414132e}.terminal-header{color:var(--dark-ink);font-family:var(--font-mono);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:1rem;padding:.92rem 1.1rem;font-size:.78rem;display:flex}.terminal-dots{align-items:center;gap:.45rem;display:inline-flex}.terminal-dot{border-radius:999px;width:.7rem;height:.7rem}.terminal-dot-red{background:#d97757}.terminal-dot-gold{background:#d8b568}.terminal-dot-green{background:#86a57a}.terminal-body{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;margin:0;padding:1.2rem 1.1rem 1rem;font-size:.84rem;line-height:1.78;overflow-x:auto}.terminal-footer{color:var(--dark-ink);margin:0;padding:0 1.1rem 1.2rem;font-size:.8rem;line-height:1.6}.floating-note{border:1px solid var(--line-strong);background:var(--surface-strong);width:min(18rem,100% - 1rem);box-shadow:var(--shadow-soft);border-radius:1rem;padding:1rem 1.05rem;position:absolute;bottom:-1.35rem;left:-1.4rem;transform:rotate(-3deg)}.floating-note-title{color:var(--muted-light);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.floating-note-list{gap:.7rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.floating-note-list li{border-top:1px solid var(--line);color:var(--ink-soft);padding-top:.7rem;font-size:.94rem;line-height:1.6}.section-frame{border-top:1px solid var(--line-strong);padding-block:clamp(4.5rem,8vw,6.5rem)}.editorial-layout{align-items:start;gap:2rem;display:grid}.section-head{gap:1rem;max-width:42rem;display:grid}.section-title{max-width:11.5ch;font-family:var(--font-serif);letter-spacing:-.04em;color:var(--ink);margin:0;font-size:clamp(2.2rem,5vw,4.1rem);font-weight:500;line-height:1.08}.section-copy{max-width:40rem;color:var(--muted);margin:0;font-size:1.04rem;line-height:1.82}.scenario-grid,.feature-grid,.config-grid,.step-grid{gap:1rem;display:grid}.scenario-card,.feature-card,.config-item,.step-card{border-radius:1.35rem}.scenario-card,.feature-card{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#faf9f5db}.scenario-card{padding:1.35rem}.scenario-eyebrow{color:var(--muted-light);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.scenario-name{font-family:var(--font-serif);letter-spacing:-.03em;color:var(--ink);margin:.72rem 0 0;font-size:1.8rem;font-weight:500;line-height:1.08}.scenario-desc{color:var(--muted);margin:.8rem 0 0;line-height:1.76}.feature-grid{margin-top:2.1rem}.feature-card{flex-direction:column;gap:1rem;min-height:100%;padding:1.45rem;display:flex}.card-kicker{color:var(--muted-light);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.feature-title{font-family:var(--font-serif);letter-spacing:-.03em;color:var(--ink);margin:0;font-size:1.95rem;font-weight:500;line-height:1.12}.feature-copy{color:var(--muted);margin:0;line-height:1.78}.feature-list{gap:.75rem;margin-top:auto;display:grid}.feature-point{border-top:1px solid var(--line);color:var(--ink-soft);margin:0;padding-top:.75rem;font-size:.95rem;line-height:1.64}.chapter-section{background:linear-gradient(180deg,var(--dark),var(--dark-deep));padding-block:clamp(4.75rem,8vw,6.5rem);position:relative;overflow:hidden}.chapter-section:before{content:"";background:radial-gradient(circle,#c9644224,#0000 70%);border-radius:999px;width:18rem;height:18rem;position:absolute;top:-5rem;left:-4rem}.chapter-layout{align-items:start;gap:2rem;display:grid;position:relative}.eyebrow-dark{color:var(--dark-ink)}.chapter-title{max-width:12ch;font-family:var(--font-serif);letter-spacing:-.04em;color:var(--surface);margin:0;font-size:clamp(2.25rem,5vw,4rem);font-weight:500;line-height:1.08}.chapter-body{max-width:34rem;color:var(--dark-ink);margin:1rem 0 0;font-size:1.04rem;line-height:1.8}.config-grid{margin-top:2rem}.config-item{background:#faf9f50a;border:1px solid #ffffff14;padding:1rem 1.05rem}.config-label{color:var(--dark-ink);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.config-value{color:var(--surface);margin:.5rem 0 0;line-height:1.68}.step-card{background:#faf9f50d;border:1px solid #ffffff14;padding:1.35rem}.step-number{color:var(--brand-soft);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.step-title{font-family:var(--font-serif);letter-spacing:-.03em;color:var(--surface);margin:.68rem 0 0;font-size:1.7rem;font-weight:500;line-height:1.14}.step-copy{color:var(--dark-ink);margin:.8rem 0 0;line-height:1.74}.closing-layout{align-items:end;gap:1.5rem;display:grid}.closing-title{max-width:11ch}.closing-actions{gap:1rem;display:grid}.closing-copy{max-width:38rem;color:var(--muted);margin:0;line-height:1.8}.footer{border-top:1px solid var(--line-strong);padding-block:1.2rem 2rem}.footer-inner{color:var(--muted-light);flex-wrap:wrap;justify-content:space-between;gap:.75rem 1rem;font-size:.9rem;display:flex}@media(min-width:720px){.metric-grid,.config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-grid,.feature-grid,.step-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.hero-layout{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.editorial-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.chapter-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.step-grid{grid-template-columns:minmax(0,1fr)}.closing-layout{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}}@media(max-width:1023px){.floating-note{width:auto;margin-top:1rem;position:relative;inset:auto;transform:rotate(0)}}@media(max-width:899px){.topnav{display:none}}@media(max-width:719px){.topbar-actions{gap:.65rem}.shell-container{width:min(100% - 1.25rem,74rem)}.topbar-inner{padding-block:.9rem}.brand-logo{height:2.5rem}.hero-actions .brand-button,.hero-actions .sand-button,.closing-actions .brand-button,.closing-actions .sand-button,.panel-meta .copy-button{width:100%}.panel-meta{align-items:stretch}.meta-chip{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}