.mtl{--paper:#ECEFEE;--surface:#FFFFFF;--raise:#F4F7F5;--ink:#15181A;--ink-soft:#464C4E;--ink-faint:#818A8B;--line:#DAE0DE;--line-soft:#E6EBE9;--accent:#1C6C60;--accent-2:#15564C;--accent-soft:#E0EDE9;--sans:"Geist",system-ui,-apple-system,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;font-family:var(--sans);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;min-height:100vh}.mtl *{box-sizing:border-box;margin:0;padding:0}.mtl a{color:inherit;text-decoration:none}.mtl :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.mtl .shell{max-width:1080px;margin:0 auto;padding:0 32px}.mtl .eyebrow{font-family:var(--mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:var(--accent-2)}.mtl .btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:14.5px;font-weight:600;cursor:pointer;border-radius:8px;padding:12px 22px;border:1px solid transparent;transition:background .16s,border-color .16s,transform .1s}.mtl .btn:active{transform:translateY(1px)}.mtl .btn-primary{background:var(--accent);color:#F2F6F4}.mtl .btn-primary:hover{background:var(--accent-2)}.mtl .btn-line{background:transparent;color:var(--ink);border-color:var(--line)}.mtl .btn-line:hover{border-color:var(--ink-faint)}.mtl .btn-sm{padding:9px 15px;font-size:13.5px}.mtl nav.nav{position:sticky;top:0;z-index:60;background:rgba(236,239,238,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft)}.mtl .nav-in{max-width:1080px;margin:0 auto;padding:15px 32px;gap:20px}.mtl .brand,.mtl .nav-in{display:flex;align-items:center}.mtl .brand{gap:10px;font-weight:600;font-size:15.5px;letter-spacing:-.01em}.mtl .brand .mk{width:15px;height:15px;color:var(--accent);flex:none;display:block}.mtl .nav-links{margin-left:auto;display:flex;align-items:center;gap:24px}.mtl .nav-links a.lk{font-family:var(--mono);font-size:12.5px;color:var(--ink-soft)}.mtl .nav-links a.lk:hover{color:var(--ink)}.mtl .hero{padding:80px 0 60px}.mtl .hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:54px;align-items:start}.mtl .hero h1{font-weight:600;font-size:clamp(40px,6vw,66px);line-height:1.02;letter-spacing:-.033em}.mtl .hero .deck{font-size:18px;color:var(--ink-soft);line-height:1.62;margin-top:26px;max-width:52ch}.mtl .hero .deck b{color:var(--ink);font-weight:600}.mtl .hero-cta{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap;align-items:center}.mtl .hero-note{font-family:var(--mono);font-size:11.5px;color:var(--ink-faint);letter-spacing:.02em;margin-top:22px}.mtl .mirror{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 6px 26px rgba(20,28,24,.06)}.mtl .mirror-h{font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint);display:flex;align-items:center;gap:8px;margin-bottom:16px}.mtl .mirror-h .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.mtl .mirror-foot{font-size:12.5px;color:var(--ink-soft);margin-top:14px;padding-top:14px;border-top:1px solid var(--line-soft);line-height:1.5}.mtl .cap{padding:26px 0 20px}.mtl .cap-intro{max-width:62ch}.mtl .cap-intro h2{font-weight:600;font-size:clamp(27px,3.4vw,36px);letter-spacing:-.025em;line-height:1.1}.mtl .cap-intro p{font-size:17px;color:var(--ink-soft);margin-top:16px;line-height:1.62}.mtl .cap-intro p b{color:var(--ink);font-weight:600}.mtl .scrolly{display:grid;grid-template-columns:1fr 1.02fr;gap:56px;align-items:start;margin-top:22px}.mtl .steps{padding-top:4px}.mtl .step{min-height:72vh;display:flex;flex-direction:column;justify-content:flex-start;padding:13vh 0 0}.mtl .step .stag{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--accent-2);text-transform:uppercase;margin-bottom:14px}.mtl .step h3{font-weight:600;font-size:clamp(24px,2.9vw,32px);line-height:1.14;letter-spacing:-.02em;max-width:20ch}.mtl .step .prose{font-size:15.5px;line-height:1.62;color:var(--ink-soft);margin-top:16px;max-width:50ch}.mtl .step .prose b{color:var(--ink);font-weight:600}.mtl .dwrap{position:sticky;top:13vh}.mtl .dpanel{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 6px 26px rgba(20,28,24,.06);display:flex;flex-direction:column}.mtl .dph{justify-content:space-between;margin-bottom:14px;flex:none}.mtl .dph,.mtl .dpt{display:flex;align-items:center}.mtl .dpt{gap:8px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.mtl .dpt .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.mtl .dpo{font-family:var(--mono);font-size:10.5px;color:var(--ink-faint);letter-spacing:.06em}.mtl .dpbody{min-height:0}.mtl .b{max-width:86%;padding:12px 15px;font-size:14px;line-height:1.55}.mtl .b.co{background:var(--raise);color:var(--ink);border-radius:4px 16px 16px 16px}.mtl .b.tr{background:var(--accent);color:#F2F6F4;margin-left:auto;border-radius:16px 4px 16px 16px}.mtl .b+.b{margin-top:12px}.mtl .pstate{display:none}.mtl .dpanel[data-state=s1] .pstate.s1,.mtl .dpanel[data-state=s2] .pstate.s2,.mtl .dpanel[data-state=s3] .pstate.s3{display:block}.js .mtl .dpanel[data-state=s1] .pstate.s1 .b,.js .mtl .dpanel[data-state=s2] .pstate.s2 .b,.js .mtl .dpanel[data-state=s3] .pstate.s3 .b{animation:mtl-bub .5s cubic-bezier(.2,.6,.2,1) both}.js .mtl .pstate .b:first-child{animation-delay:.04s}.js .mtl .pstate .b:nth-child(2){animation-delay:.22s}.js .mtl .pstate .b:nth-child(3){animation-delay:.4s}.js .mtl .pstate .b:nth-child(4){animation-delay:.58s}.js .mtl .pstate .b:nth-child(5){animation-delay:.76s}.js .mtl .pstate .b:nth-child(6){animation-delay:.94s}@keyframes mtl-bub{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.mtl .m-inline{display:none}.mtl .reveal{opacity:1;transform:none}.js .mtl .reveal{opacity:0;transform:translateY(14px);transition:opacity .7s cubic-bezier(.2,.6,.2,1),transform .7s cubic-bezier(.2,.6,.2,1)}.js .mtl .reveal.in{opacity:1;transform:none}.mtl .room{padding:52px 0;border-top:1px solid var(--line-soft);text-align:center}.mtl .room .eyebrow{display:block;margin-bottom:16px}.mtl .room h3{font-weight:600;font-size:clamp(22px,2.6vw,28px);letter-spacing:-.02em;line-height:1.15;max-width:24ch;margin:0 auto}.mtl .room p{font-size:16px;color:var(--ink-soft);line-height:1.62;margin:14px auto 0;max-width:62ch}.mtl .room p b{color:var(--ink);font-weight:600}.mtl .room-flow{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;justify-content:center}.mtl .rf{font-family:var(--mono);font-size:11px;letter-spacing:.03em;color:var(--ink-soft);border:1px solid var(--line);border-radius:100px;padding:6px 13px;background:var(--surface)}.mtl .rf .a{color:var(--accent-2)}.mtl .nots{padding:60px 0;border-top:1px solid var(--line-soft)}.mtl .nots .eyebrow{display:block;margin-bottom:26px}.mtl .nots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.mtl .knot h4{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.04em;margin-bottom:9px}.mtl .knot p{font-size:14px;color:var(--ink-soft);line-height:1.55}.mtl .method{padding:52px 0;border-top:1px solid var(--line-soft);text-align:center}.mtl .method .eyebrow{display:block;margin-bottom:16px}.mtl .method p{font-size:16.5px;color:var(--ink-soft);line-height:1.64;max-width:62ch;margin:0 auto}.mtl .method p b{color:var(--ink);font-weight:600}.mtl .final{padding:100px 0;text-align:center;border-top:1px solid var(--line-soft)}.mtl .final h2{font-weight:600;font-size:clamp(30px,4.2vw,46px);letter-spacing:-.03em;line-height:1.06;max-width:18ch;margin:0 auto}.mtl .final .fsub{font-size:18px;color:var(--ink-soft);margin:20px auto 0;max-width:44ch}.mtl .final .btn{margin-top:30px}.mtl .final .fnote{font-family:var(--mono);font-size:11px;color:var(--ink-faint);margin-top:16px;letter-spacing:.02em}.mtl .foot{border-top:1px solid var(--line-soft);padding:46px 0 44px;background:var(--raise)}.mtl .foot-top{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap}.mtl .foot-links{display:flex;gap:24px;flex-wrap:wrap}.mtl .foot-links a{font-family:var(--mono);font-size:12px;color:var(--ink-soft)}.mtl .foot-links a:hover{color:var(--ink)}.mtl .disc{font-size:12.5px;line-height:1.55;margin-top:28px;padding-top:22px;border-top:1px solid var(--line-soft);max-width:760px}.mtl .cpr,.mtl .disc{color:var(--ink-faint)}.mtl .cpr{font-family:var(--mono);font-size:11.5px;margin-top:15px}@media(max-width:900px){.mtl .shell{padding:0 22px}.mtl .nav-in{padding:14px 22px}.mtl .nav-links a.lk{display:none}.mtl .hero{padding:46px 0}.mtl .hero-grid{grid-template-columns:1fr;gap:32px}.mtl .scrolly{grid-template-columns:1fr;gap:0;margin-top:10px}.mtl .dwrap{display:none}.mtl .step{min-height:0;padding:30px 0 4px}.mtl .m-inline{display:block;margin:16px 0 6px}.mtl .m-inline .dpanel{max-height:none}.mtl .nots-grid{grid-template-columns:1fr;gap:22px}.mtl .final{padding:74px 0}}@media(prefers-reduced-motion:reduce){.mtl *{animation:none!important;transition:none!important}.mtl .reveal{opacity:1;transform:none}}