:root{--ink:#161216;--paper:#f3efea;--white:#fffdfa;--oxide:#f36f21;--orange:#f36f21;--line:#d9d2cd;--serif:Georgia,"Times New Roman",serif;--sans:Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans)}a{color:inherit}.wrap{width:min(1100px,calc(100% - 40px));margin:auto}
    header{position:sticky;top:0;z-index:20;background:rgba(243,239,234,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative}.brand{width:338px;height:70px;display:block;background:url('/assets/logo-jm-micro-v3d.svg') left center/contain no-repeat}.nav-links{display:flex;gap:22px}.nav-links a{text-decoration:none;text-transform:uppercase;font-size:.65rem;letter-spacing:.1em;font-weight:800}.nav-links a:hover,.nav-links a.active{color:var(--oxide)}.menu-toggle{display:none;border:0;background:none;color:var(--ink);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.menu-toggle span{display:inline-block;width:22px;height:12px;margin-left:8px;vertical-align:middle;border-top:1px solid;border-bottom:1px solid}
    .tag{font-size:.68rem;letter-spacing:.16em;font-weight:800;text-transform:uppercase;color:var(--oxide)}.hero{background:var(--ink);color:#fff;padding:100px 0 82px}.hero-grid{display:grid;grid-template-columns:1fr .78fr;gap:55px;align-items:end}.hero h1{font:clamp(4.2rem,9vw,8rem)/.8 var(--serif);letter-spacing:-.09em;margin:18px 0}.hero h1 em{color:var(--orange);font-style:normal}.hero p{max-width:640px;margin:0;color:#ddd7d3;font-size:1.08rem}.seal{justify-self:end;width:250px;aspect-ratio:1;position:relative;display:grid;place-items:center;border:1px solid rgba(255,255,255,.38);border-radius:50%;color:var(--orange);text-align:center;transform:rotate(8deg)}.seal:before{content:"";position:absolute;inset:14px;border:1px solid var(--orange);border-radius:50%}.seal strong{font:3.4rem/.8 var(--serif);letter-spacing:-.08em}.seal span{font-size:.62rem;letter-spacing:.16em;font-weight:bold;text-transform:uppercase;max-width:155px}
    .intro{padding:105px 0 65px;display:grid;grid-template-columns:.7fr 1.3fr;gap:55px}.intro h2,.certificates h2,.framework h2,.cta h2,.kit h2{font:clamp(2.4rem,5vw,5.2rem)/.94 var(--serif);letter-spacing:-.065em;margin:10px 0 0}.intro p{font-size:1.12rem;max-width:650px;margin:0}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.principle{background:var(--white);padding:30px}.number{color:var(--orange);font:2.1rem var(--serif)}.principle h3{font:1.3rem var(--serif);margin:28px 0 8px}.principle p{margin:0;font-size:.9rem}.kit{padding:105px 0;background:var(--ink);color:#fff}.kit-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:end}.kit .tag{color:var(--orange)}.kit h2{max-width:510px}.kit-copy{padding:30px;border-top:1px solid rgba(255,255,255,.28);border-bottom:1px solid rgba(255,255,255,.28)}.kit-copy p{margin:0;color:#ddd7d3;font-size:1.06rem}.kit-list{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 0}.kit-list span{padding:8px 10px;border:1px solid rgba(255,255,255,.35);font-size:.68rem;font-weight:bold;letter-spacing:.1em;text-transform:uppercase}.kit-note{margin-top:18px;color:var(--orange);font-size:.78rem;font-weight:bold;letter-spacing:.07em}
    .certificates{padding:105px 0;background:#e7dfda}.certificates-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}.certificates-head p{max-width:380px;margin:0;font-size:.94rem}.certificate-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.certificate{margin:0;background:var(--ink);padding:16px}.certificate img{display:block;width:100%;height:540px;object-fit:contain;background:#0d0c0d}.certificate figcaption{color:#fff;padding:16px 5px 5px}.certificate strong{display:block;text-transform:uppercase;letter-spacing:.11em;font-size:.67rem;color:var(--orange);margin-bottom:4px}.certificate span{font-family:var(--serif);font-size:1.22rem}
    .framework{padding:105px 0}.framework-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.framework p{font-size:1.05rem}.framework-list{border-top:2px solid var(--ink);margin-top:30px}.framework-list article{padding:23px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:60px 1fr;gap:18px}.framework-list b{font:1.7rem var(--serif);color:var(--oxide)}.framework-list h3{margin:0 0 5px;font:1.25rem var(--serif)}.framework-list p{margin:0;font-size:.9rem}.note{padding:22px 24px;margin-top:38px;background:var(--white);border-left:5px solid var(--orange);font-size:.86rem}.note a{color:var(--oxide);font-weight:bold}
    .cta{padding:110px 0;background:var(--oxide);color:#fff;text-align:center}.cta h2{max-width:700px;margin:10px auto 20px}.cta p{max-width:560px;margin:0 auto 28px;color:#f3e7e1}.button{display:inline-flex;align-items:center;justify-content:center;padding:16px 22px;background:#fff;color:var(--ink);text-decoration:none;text-transform:uppercase;font-size:.7rem;font-weight:800;letter-spacing:.1em}.footer{padding:28px 0;background:var(--ink);color:#d9d2ce;font-size:.73rem}.footer .wrap{display:flex;justify-content:space-between;gap:20px}
    @media(max-width:760px){.wrap{width:min(100% - 28px,1100px)}.nav{height:70px;gap:0}.brand{width:calc(100% - 64px);height:64px;flex:0 1 auto;background-color:#161216}.menu-toggle{width:64px;height:64px;flex:0 0 64px;padding:0;border:0;border-left:1px solid #514a4d;background:#161216;color:#f3efea;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:.56rem}.menu-toggle span{display:block;width:22px;height:8px;margin:0;border-top:1px solid currentColor;border-bottom:0;position:relative}.menu-toggle span:after{content:"";position:absolute;right:0;top:6px;width:13px;height:1px;background:currentColor}.nav-links{display:none;position:absolute;top:69px;left:-14px;right:-14px;padding:22px 28px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 12px 20px rgba(0,0,0,.08)}header.menu-open .nav-links{display:grid;gap:18px}.hero{padding:65px 0 58px}.hero-grid,.intro,.kit-grid,.framework-grid{grid-template-columns:1fr;gap:30px}.hero h1{font-size:4.55rem}.seal{justify-self:start;width:150px}.seal strong{font-size:2.2rem}.seal span{font-size:.48rem;max-width:100px}.intro,.kit,.certificates,.framework{padding:74px 0}.principles,.certificate-grid{grid-template-columns:1fr}.certificate img{height:auto;max-height:none}.certificates-head{display:block}.certificates-head p{margin-top:16px}.framework-list article{grid-template-columns:45px 1fr}.cta{padding:75px 0}.footer .wrap{display:block}.footer .wrap>*+*{margin-top:8px}}
