:root{--ivory:#f3f0e8;--ink:#0d0d0e;--blue:#3156ff;--muted:#77746f;--line:rgba(13,13,14,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ivory);color:var(--ink);font-family:"DM Sans",sans-serif}.method-nav{height:76px;padding:0 7.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(243,240,232,.92);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.method-brand,.method-back{text-decoration:none;color:var(--ink);font-family:"Manrope",sans-serif;font-weight:800;letter-spacing:.06em;font-size:12px}.method-brand{display:inline-flex;align-items:center;gap:7px}.method-brand-mark{display:block;width:21px;height:21px;object-fit:contain;flex:0 0 auto}.method-brand>span{color:inherit;margin-left:0}.method-back{font-size:9px}.method-hero{padding:86px 8vw 74px;position:relative;overflow:hidden}.method-hero:after{content:"04";position:absolute;right:5vw;top:18px;font:800 280px/1 "Archivo";color:rgba(49,86,255,.045);pointer-events:none}.method-eyebrow,.method-index>p,.dimension-head p,.dimension-grid small,.economic-note>span{font:800 8px/1.2 "Manrope";letter-spacing:.18em;color:var(--blue)}.method-hero h1{font:700 clamp(54px,6vw,92px)/.91 "Archivo";letter-spacing:-.055em;margin:14px 0 26px;max-width:1030px}.method-hero h1 em{font-style:normal;color:var(--blue)}.method-lead{font-size:19px;line-height:1.5;max-width:800px}.method-flow{margin-top:42px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:14px;align-items:center;max-width:1050px}.method-flow div{border-top:1px solid var(--line);padding:14px 0;display:flex;gap:12px;align-items:center}.method-flow b{font:700 10px "Manrope";color:var(--blue)}.method-flow span{font:700 12px "Manrope"}.method-flow i{font-style:normal;color:#aaa}.method-note{font-size:10px;line-height:1.55;color:var(--muted);max-width:770px;margin-top:18px}.method-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:70px;padding:28px 8vw 100px}.method-index{position:sticky;top:104px;align-self:start;border-top:1px solid var(--line);padding-top:16px}.method-index>a{display:grid;grid-template-columns:34px 1fr;gap:8px;padding:15px 0;border-bottom:1px solid var(--line);text-decoration:none;color:#85817b;transition:.2s}.method-index>a b{font:700 9px "Manrope";color:var(--blue)}.method-index>a span{font:700 13px "Manrope"}.method-index>a:hover,.method-index>a.is-active{color:var(--ink);padding-left:7px}.method-index-foot{margin-top:18px;font-size:9px;color:var(--muted)}.method-sections{min-width:0}.dimension-section{scroll-margin-top:105px;padding:42px 0 72px;border-top:1px solid var(--line)}.dimension-head{display:grid;grid-template-columns:48px 1fr auto;gap:16px;align-items:start}.dimension-head>span{font:700 11px "Manrope";color:var(--blue)}.dimension-head h2{font:700 clamp(44px,4.6vw,72px)/.92 "Archivo";letter-spacing:-.045em;margin:6px 0 0}.dimension-head>strong{font:800 clamp(46px,7vw,110px)/.8 "Archivo";letter-spacing:-.06em;color:rgba(49,86,255,.09)}.dimension-intro{font-size:18px;line-height:1.5;max-width:800px;margin:30px 0}.dimension-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dimension-grid section{min-height:260px;padding:24px;border:1px solid rgba(49,86,255,.15);border-radius:22px;background:rgba(255,255,255,.54)}.dimension-grid h3{font:700 20px/1.12 "Archivo";letter-spacing:-.025em;margin:28px 0 12px}.dimension-grid p{font-size:12px;line-height:1.58;color:var(--muted)}.dimension-grid .dimension-dark{background:#101011;color:#fff;border-color:#101011}.dimension-grid .dimension-dark p{color:#a8a8a6}.economic-note{margin-top:10px;padding:48px;border-radius:28px;background:var(--blue);color:#fff;position:relative;overflow:hidden}.economic-note>span{color:#fff}.economic-note h2{font:700 clamp(38px,4vw,62px)/.92 "Archivo";letter-spacing:-.045em;margin:14px 0 20px;max-width:700px}.economic-note p{font-size:14px;line-height:1.55;max-width:760px;color:rgba(255,255,255,.78)}.method-footer{padding:28px 8vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font:700 8px "Manrope";letter-spacing:.1em;color:#777}.method-footer a{color:var(--ink);text-decoration:none}
@media(max-width:980px){.method-layout{grid-template-columns:1fr;gap:28px}.method-index{position:static;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border:0}.method-index>p,.method-index-foot{grid-column:1/-1}.method-index>a{border:1px solid var(--line);padding:12px;border-radius:14px}.dimension-grid{grid-template-columns:1fr 1fr}.dimension-grid .dimension-dark{grid-column:1/-1}.method-flow{grid-template-columns:1fr 1fr}.method-flow i{display:none}}
@media(max-width:650px){.method-nav{height:64px;padding:0 20px}.method-back{font-size:0}.method-back:after{content:"BACK";font-size:8px}.method-hero{padding:58px 20px 52px}.method-hero h1{font-size:48px}.method-lead{font-size:16px}.method-flow{grid-template-columns:1fr}.method-layout{padding:12px 20px 70px}.method-index{grid-template-columns:1fr 1fr}.method-index>a{display:flex;gap:10px}.dimension-section{padding:34px 0 55px}.dimension-head{grid-template-columns:38px 1fr}.dimension-head>strong{display:none}.dimension-head h2{font-size:44px}.dimension-intro{font-size:16px}.dimension-grid{grid-template-columns:1fr}.dimension-grid .dimension-dark{grid-column:auto}.dimension-grid section{min-height:0}.economic-note{padding:30px 24px}.method-footer{padding:22px 20px;flex-direction:column}}