:root{--bg:#f5efe6;--bg-soft:#fffaf5b8;--surface:#fffcf8d1;--surface-strong:#fffaf4;--line:#7e5e3d29;--text:#3d3127;--text-soft:#705d50;--title:#1f1712;--accent:#b86f3f;--accent-deep:#8d4e25;--sage:#7b8b74;--shadow:0 24px 80px #5c41281f;--shadow-soft:0 16px 40px #5c412814;--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--radius-sm:14px;--font-sans:"Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-title:Georgia, "Times New Roman", "Songti SC", serif;color:var(--text);font:16px/1.7 var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#dbb08857,#0000 26%),radial-gradient(circle at 85% 18%,#a9bb9a38,#0000 24%),linear-gradient(#f9f4ed 0%,#f5efe6 48%,#efe5d9 100%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text);margin:0}body:before{content:"";pointer-events:none;opacity:.26;background-image:linear-gradient(#ffffff2e 1px,#0000 1px),linear-gradient(90deg,#ffffff29 1px,#0000 1px);background-size:36px 36px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 45%,#0000 88%);mask-image:radial-gradient(circle,#000 45%,#0000 88%)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}#app{width:min(1200px,100% - 32px);margin:24px auto}.page-shell{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#fffcf8c2,#fbf7f1eb);border-radius:36px;position:relative;overflow:hidden}.page-shell:after{content:"";background:radial-gradient(circle,#b86f3f2e,#0000 68%);border-radius:50%;width:360px;height:360px;position:absolute;inset:auto -120px -180px auto}.hero-section,.content-section{padding-inline:clamp(24px,4vw,56px);position:relative}.hero-section{padding-top:26px;padding-bottom:40px}.topbar{justify-content:space-between;align-items:center;gap:24px;padding-bottom:36px;display:flex}.eyebrow,.brand-name,.section-tag,.note-label{margin:0}.eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--text-soft);font-size:12px}.brand-name{font-family:var(--font-title);letter-spacing:.04em;color:var(--title);margin-top:4px;font-size:30px}.nav-links{flex-wrap:wrap;gap:10px;display:flex}.nav-links a{color:var(--text-soft);background:#ffffff6b;border:1px solid #7e5e3d24;border-radius:999px;padding:10px 16px;transition:transform .3s,border-color .3s,background .3s}.nav-links a:hover{background:#fff8f1eb;border-color:#b86f3f57;transform:translateY(-2px)}.hero-grid{grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);align-items:stretch;gap:28px;display:grid}.hero-copy,.hero-panel,.insight-card,.framework-item,.note-card,.signal-card{animation:.8s both rise-in}.hero-copy{padding:12px 0 10px}.section-tag{color:var(--accent-deep);letter-spacing:.18em;text-transform:uppercase;background:#b86f3f1a;border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:8px 12px;font-size:12px;display:inline-flex}.hero-copy h1,.section-header h2,.featured-card h2,.signal-card h3,.insight-card h3,.framework-item h3,.note-card h3{color:var(--title);margin:0}.hero-copy h1{max-width:9.5em;font-family:var(--font-title);letter-spacing:-.04em;font-size:clamp(2.8rem,5.8vw,5rem);line-height:.98}.hero-text,.section-description,.insight-card p,.framework-item p,.note-card p,.signal-card p,.featured-card p,.metric-card p{color:var(--text-soft);margin:0}.hero-text{max-width:44rem;margin-top:22px;font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.primary-link,.secondary-link{border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:0 20px;transition:transform .3s,box-shadow .3s,background .3s;display:inline-flex}.primary-link{color:#fffdf9;background:linear-gradient(135deg,#c58350,#ab6538);box-shadow:0 14px 30px #ab653847}.secondary-link{color:var(--title);background:#ffffff94;border:1px solid #7e5e3d29}.primary-link:hover,.secondary-link:hover{transform:translateY(-2px)}.signal-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:34px 0 0;padding:0;list-style:none;display:grid}.signal-strip li{border-radius:var(--radius-md);min-height:130px;box-shadow:var(--shadow-soft);background:#fffcf8a8;border:1px solid #7e5e3d24;padding:18px}.signal-strip span,.step-index{width:42px;height:42px;color:var(--accent-deep);font-family:var(--font-title);background:#b86f3f1f;border-radius:50%;justify-content:center;align-items:center;font-size:1.05rem;display:inline-flex}.signal-strip p{margin:14px 0 0}.hero-panel{border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);background:linear-gradient(#fffbf7e0,#f7efe5eb);border:1px solid #7e5e3d24;flex-direction:column;gap:18px;padding:18px;display:flex;position:relative}.panel-glow{filter:blur(10px);background:radial-gradient(circle,#a8bc9566,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;inset:24px 24px auto auto}.panel-card,.metric-card,.insight-card,.framework-item,.note-card,.signal-card{background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #7e5e3d1f;position:relative}.featured-card{border-radius:28px;padding:26px}.card-heading{color:var(--accent-deep);align-items:center;gap:10px;margin-bottom:16px;font-size:.92rem;display:flex}.card-icon{width:20px;height:20px}.featured-card h2{font-family:var(--font-title);margin-bottom:14px;font-size:1.9rem;line-height:1.15}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.metric-card{border-radius:20px;min-height:154px;padding:18px}.metric-card strong{color:var(--title);margin-bottom:10px;font-size:1.05rem;display:block}.content-section{border-top:1px solid #7e5e3d1a;padding-top:48px;padding-bottom:48px}.section-header{max-width:650px;margin-bottom:28px}.section-header h2{font-family:var(--font-title);font-size:clamp(2rem,4vw,3.2rem);line-height:1.06}.section-description{margin-top:18px}.insight-grid,.notes-grid,.signal-board{gap:18px;display:grid}.insight-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.insight-card{border-radius:var(--radius-lg);padding:24px}.insight-card h3,.framework-item h3,.note-card h3,.signal-card h3{margin-bottom:12px;font-size:1.2rem;line-height:1.28}.split-layout{grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);align-items:start;gap:24px;display:grid}.sticky-header{position:sticky;top:22px}.framework-list{gap:14px;display:grid}.framework-item{border-radius:var(--radius-lg);grid-template-columns:56px minmax(0,1fr);gap:16px;padding:22px;display:grid}.notes-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.note-card{border-radius:26px;min-height:260px;padding:24px}.note-label{color:var(--accent-deep);letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px;font-size:.85rem}.warm-tone{background:linear-gradient(#fff4e9f2,#fae9dbe0)}.cool-tone{background:linear-gradient(#f2f7f2f2,#e6f0e5e6)}.neutral-tone{background:linear-gradient(#faf8f3f2,#f0ebe3e6)}.signal-board{grid-template-columns:repeat(3,minmax(0,1fr))}.signal-card{border-radius:var(--radius-lg);padding:24px}.large-card{background:linear-gradient(135deg,#fff7f0e6,#f2efe7f0);grid-column:span 3}.site-footer{border-top:1px solid #7e5e3d14;padding:18px clamp(24px,4vw,56px) 28px}.site-footer-line{color:#705d50db;text-align:center;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:0;font-size:.9rem;line-height:1.7;display:flex}.site-footer-line span{position:relative}.site-footer-line span:not(:last-child):after{content:"/";color:#7e5e3d57;position:absolute;right:-12px}@keyframes rise-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=1080px){.hero-grid,.split-layout,.insight-grid,.notes-grid,.signal-board,.metric-grid,.signal-strip{grid-template-columns:1fr}.large-card{grid-column:auto}.sticky-header{position:static}}@media (width<=720px){#app{width:min(100%,100% - 16px);margin:8px auto}.page-shell{border-radius:24px}.topbar{flex-direction:column;align-items:flex-start;padding-bottom:24px}.hero-section,.content-section{padding-inline:18px}.site-footer{padding:16px 18px 24px}.site-footer-line{gap:6px 14px;font-size:.84rem}.site-footer-line span:not(:last-child):after{right:-10px}.hero-section{padding-top:18px;padding-bottom:28px}.hero-copy h1{max-width:none;font-size:2.5rem}.featured-card,.insight-card,.framework-item,.note-card,.signal-card,.metric-card{padding:18px}.framework-item{grid-template-columns:1fr}.signal-strip li,.note-card{min-height:auto}.primary-link,.secondary-link,.nav-links{width:100%}.nav-links a{text-align:center;flex:calc(50% - 10px)}}