.hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center;max-width:var(--site-w);margin:0 auto;padding:72px 16px 88px}.hero h1{max-width:11ch;margin:0;font-size:clamp(40px,5vw,66px);font-weight:800;line-height:1.02;letter-spacing:-.04em}.hero-lead{max-width:46ch;margin:22px 0 0;font-size:18px;line-height:1.6;color:var(--graphite)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-note{margin:18px 0 0;font-size:14px;color:var(--graphite)}.pad{--pad-rule: #9fcfb0;--ref: 96px;--out: 168px;margin:0;overflow:hidden;border:1px solid #cfe2d5;border-radius:4px;background-color:var(--pad);background-image:linear-gradient(var(--pad-grid) 1px,transparent 1px),linear-gradient(90deg,var(--pad-grid) 1px,transparent 1px);background-size:20px 20px;background-position:-1px -1px;box-shadow:0 1px #1111110a,0 28px 56px -20px #15502d38}.pad-title:after,.pad-title>div+div:before,.pad-head:after,.pad-grid:before,.pad-head:before,.pad-rows:after,.pad-drawing .pad-out:before,.pad-drawing:after{content:"";position:absolute;background:var(--pad-rule)}.pad-title{position:relative;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) minmax(0,.7fr);background:var(--paper)}.pad-title:after{left:0;right:0;bottom:0;height:1.5px;transform-origin:left}.pad-title>div{position:relative;padding:8px 12px 10.5px;font-size:13px;font-weight:600;line-height:1.35}.pad-title>div+div:before{top:0;bottom:1.5px;left:0;width:1px;transform-origin:top}.pad-title p{margin:0}.pad-title p>span{display:block;font-size:11.5px;font-weight:500;color:var(--green-ink)}.pad-grid{position:relative}.pad-grid:before,.pad-head:before,.pad-rows:after,.pad-drawing .pad-out:before{top:0;bottom:0;width:1.5px;transform-origin:top}.pad-grid:before{left:calc(var(--ref) - 1.5px)}.pad-head:before,.pad-rows:after{right:calc(var(--out) - 1.5px)}.pad-drawing .pad-out{position:relative}.pad-drawing .pad-out:before{left:0}.pad-head,.pad-row,.pad-drawing{display:grid;grid-template-columns:var(--ref) minmax(0,1fr) var(--out)}.pad-head{position:relative}.pad-head:after{left:0;right:0;bottom:0;height:1px;transform-origin:left}.pad-head span{padding:6px 12px 7px;font-size:11.5px;font-weight:600;color:var(--green-ink)}.pad-rows{position:relative;margin:0;padding:0;list-style:none}.pad-ref{padding:14px 10px 14px 12px;font-size:12px;font-weight:600;line-height:1.35;color:var(--green-ink)}.pad-work{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:12px 14px}.pad-out{display:flex;align-items:center;padding:12px}.pad-out .m{white-space:nowrap}.m{font-family:var(--math);font-size:18px;line-height:1.3}.m i{font-style:italic}.m sub,.m sup{font-size:.68em;font-style:normal;line-height:0}.m sub{vertical-align:-.32em}.m sup{vertical-align:.55em}.frac{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;white-space:nowrap}.frac>span:first-child{padding:0 3px 2px;border-bottom:1px solid currentColor}.frac>span+span{padding:2px 3px 0}.pad-ok{display:inline-flex;align-items:center;gap:7px;padding-bottom:2px;border-bottom:3px double var(--ink);font-size:15px;font-weight:800}.pad-drawing{position:relative;padding-top:1px}.pad-drawing:after{left:0;right:0;top:0;height:1px;transform-origin:left}.pad-drawing .sec{display:block;width:auto;height:260px;margin:16px 14px 12px}.pad-scale{align-items:flex-end;font-size:12px;line-height:1.4;color:var(--graphite)}.sec-concrete{fill:#e5e9e5}.sec-outline{fill:none;stroke:var(--ink);stroke-width:3.6}.sec-stipple circle{fill:#a9b3ab}.sec-link{fill:none;stroke:#2a2f2b;stroke-width:8}.sec-bars circle{fill:var(--ink)}.sec-dims path{fill:none;stroke:var(--graphite);stroke-width:2.5}.sec-dims .sec-leader{stroke:var(--ink)}.sec-text text{font-family:var(--font);font-size:34px;font-weight:600;fill:var(--ink)}@media (prefers-reduced-motion: no-preference){.pad{--beat: .55s;--write: cubic-bezier(.35, .5, .25, 1)}.pad-title:after,.pad-head:after,.pad-drawing:after{animation:pad-rule-h calc(.55 * var(--beat)) ease-out both}.pad-title>div+div:before,.pad-grid:before,.pad-head:before,.pad-rows:after,.pad-drawing .pad-out:before{animation:pad-rule-v calc(.4 * var(--beat)) ease-out both}.pad-title:after{animation-delay:calc(.35 * var(--beat))}.pad-title{animation:pad-paper calc(.55 * var(--beat)) ease-out calc(.35 * var(--beat)) both}.pad-title>div:nth-child(2):before{animation-delay:calc(.7 * var(--beat))}.pad-title>div:nth-child(3):before{animation-delay:calc(.85 * var(--beat))}.pad-head:after{animation-delay:calc(.95 * var(--beat))}.pad-grid:before{animation-duration:var(--beat);animation-delay:calc(1.1 * var(--beat))}.pad-head:before{animation-duration:calc(.12 * var(--beat));animation-delay:calc(1.2 * var(--beat))}.pad-rows:after{animation-duration:calc(.6 * var(--beat));animation-delay:calc(1.32 * var(--beat))}.pad-drawing:after{animation-delay:calc(1.6 * var(--beat))}.pad-drawing .pad-out:before{animation-duration:calc(.3 * var(--beat));animation-delay:calc(1.92 * var(--beat))}.pad-title p,.pad-head span,.pad-row>span{animation:pad-write calc(.4 * var(--beat)) var(--write) both}.pad-title>div:nth-child(1) p{animation-delay:calc(2.2 * var(--beat))}.pad-title>div:nth-child(2) p{animation-delay:calc(2.45 * var(--beat))}.pad-title>div:nth-child(3) p{animation-delay:calc(2.65 * var(--beat))}.pad-head span{animation-duration:calc(.25 * var(--beat))}.pad-head span:nth-child(1){animation-delay:calc(2.9 * var(--beat))}.pad-head span:nth-child(2){animation-delay:calc(3 * var(--beat))}.pad-head span:nth-child(3){animation-delay:calc(3.1 * var(--beat))}.pad-row>.pad-ref{animation-delay:calc((3.35 + var(--i) * .8) * var(--beat))}.pad-row>.pad-work{animation-duration:calc(.6 * var(--beat));animation-delay:calc((3.5 + var(--i) * .8) * var(--beat))}.pad-row>.pad-out{animation-delay:calc((3.85 + var(--i) * .8) * var(--beat))}.pad-ok{animation:pad-stamp calc(.5 * var(--beat)) cubic-bezier(.3,1.4,.5,1) calc(6.35 * var(--beat)) both}.sec-outline{stroke-dasharray:1;animation:pad-draw calc(.8 * var(--beat)) ease-in-out calc(7 * var(--beat)) both}.sec-concrete,.sec-stipple{animation:pad-fade calc(.5 * var(--beat)) ease-out calc(7.6 * var(--beat)) both}.sec-stipple{animation-delay:calc(7.8 * var(--beat))}.sec-link{stroke-dasharray:1;animation:pad-draw calc(.9 * var(--beat)) ease-in-out calc(8.3 * var(--beat)) both}.sec-bars circle{transform-box:fill-box;transform-origin:center;animation:pad-set calc(.4 * var(--beat)) cubic-bezier(.3,1.5,.5,1) both;animation-delay:calc(9.1 * var(--beat))}.sec-bars circle:nth-child(n+3){animation-delay:calc(9.35 * var(--beat))}.sec-dims path{stroke-dasharray:1;animation:pad-draw calc(.6 * var(--beat)) ease-out both}.sec-dims path:nth-child(1){animation-delay:calc(9.9 * var(--beat))}.sec-dims path:nth-child(2){animation-delay:calc(10.05 * var(--beat))}.sec-dims path:nth-child(3){animation-delay:calc(10.2 * var(--beat))}.sec-dims path:nth-child(4){animation-delay:calc(10.4 * var(--beat))}.sec-text text{animation:pad-write calc(.35 * var(--beat)) var(--write) both;animation-delay:calc(10.75 * var(--beat))}.sec-text text:nth-child(2){animation-delay:calc(10.85 * var(--beat))}.sec-text text:nth-child(3){animation-delay:calc(10.95 * var(--beat))}.sec-text text:nth-child(4){animation-delay:calc(11.1 * var(--beat))}.sec-text text:nth-child(5){animation-delay:calc(11.2 * var(--beat))}.sec-text text:nth-child(6){animation-delay:calc(11.3 * var(--beat))}.pad-scale{animation:pad-write calc(.5 * var(--beat)) var(--write) calc(11.5 * var(--beat)) both}}@keyframes pad-rule-h{0%{transform:scaleX(0)}}@keyframes pad-rule-v{0%{transform:scaleY(0)}}@keyframes pad-write{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes pad-fade{0%{opacity:0}}@keyframes pad-paper{0%{background-color:transparent}}@keyframes pad-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes pad-set{0%{transform:scale(0)}}@keyframes pad-stamp{0%{opacity:0;transform:scale(1.35) rotate(-6deg)}}.codes,.trust{max-width:var(--site-w);margin:0 auto;padding:24px 16px 88px}.section-head{margin-bottom:28px}.section-head h2{margin:0;font-size:clamp(28px,3.2vw,40px);font-weight:800;line-height:1.1;letter-spacing:-.03em}.section-head p{max-width:60ch;margin:10px 0 0;font-size:17px;color:var(--graphite)}.code{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:28px 40px;padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.code+.code{margin-top:16px}.code-mark{margin:0;font-size:56px;font-weight:800;line-height:1;letter-spacing:-.04em}.code h3{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 8px;font-size:22px;letter-spacing:-.01em}.code-doc{max-width:44ch;margin:0 0 22px;font-size:15px;line-height:1.55;color:var(--graphite)}.code.is-next{align-items:center;padding-block:22px;border:1.5px dashed #b4c1b9;background:transparent}.code.is-next .code-mark{color:var(--graphite)}.code.is-next .code-doc{margin:0}.members{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:0;padding:0;list-style:none}.members li{display:flex}.member{display:grid;flex:1;grid-template-columns:32px minmax(0,1fr);align-content:start;column-gap:12px;row-gap:2px;padding:14px;border:1px solid var(--line);border-radius:10px;color:var(--ink);text-decoration:none}.member svg{grid-row:span 2;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}a.member svg{color:var(--green-ink)}a.member:hover{border-color:var(--green);background:#f5fbf7}.member-name{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:16px;font-weight:700}.member-what{grid-column:2;font-size:13.5px;line-height:1.4;color:var(--graphite)}.member.is-soon{border-style:dashed;border-color:#c4cdc8;color:var(--graphite)}.codes-later{margin-top:28px}.codes-later h3{margin:0 0 12px;font-size:15px;color:var(--graphite)}.codes-later ul{display:flex;flex-wrap:wrap;gap:10px 28px;margin:0;padding:0;list-style:none;font-size:15px}.codes-later b{margin-right:6px;font-weight:800}.codes-later p{max-width:70ch;margin:16px 0 0;font-size:14px;color:var(--graphite)}.how{padding:72px 16px 80px;border-block:1px solid var(--line);background:var(--paper)}.how>*{max-width:calc(var(--site-w) - 32px);margin-inline:auto}.steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:44px 0 0;list-style:none;counter-reset:step}.steps:before{content:"";position:absolute;top:15px;left:0;right:0;border-top:1px solid var(--ink)}.steps li{position:relative;counter-increment:step}.steps li:before{content:counter(step);position:absolute;top:-44px;left:0;display:grid;place-items:center;width:30px;height:30px;border:1.5px solid var(--ink);border-radius:50%;background:var(--paper);font-size:14px;font-weight:800}.steps li:first-child:before{background:var(--green);border-color:var(--green)}.steps h3{margin:0 0 8px;font-size:19px}.steps p{max-width:40ch;margin:0;font-size:15.5px;line-height:1.6;color:var(--graphite)}.guides{max-width:var(--site-w);margin:0 auto;padding:72px 16px 8px}.guide-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 36px;margin:0;padding:0;list-style:none}.guide-list a{display:block;height:100%;padding:4px 0 4px 16px;border-left:2px solid var(--margin-rule);color:var(--ink);text-decoration:none}.guide-list a:hover{border-left-color:var(--green)}.guide-list a:hover .guide-title{color:var(--green-ink)}.guide-title{display:block;font-size:17px;font-weight:700;line-height:1.35}.guide-text{display:block;margin-top:4px;font-size:15px;line-height:1.5;color:var(--graphite)}.guides-more{margin:26px 0 0}@media (max-width: 860px){.guide-list{grid-template-columns:minmax(0,1fr)}}.trust{padding-top:72px}.trust-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin:0}.trust-list>div{padding:20px 0;border-top:1px solid #d3ddd7}.trust-list dt{font-size:17px;font-weight:700}.trust-list dd{max-width:52ch;margin:6px 0 0;font-size:15.5px;line-height:1.6;color:var(--graphite)}@media (max-width: 1080px){.hero{grid-template-columns:minmax(0,1fr);gap:40px;padding-top:48px}.hero h1{max-width:14ch}.pad{max-width:760px}}@media (max-width: 860px){.code{grid-template-columns:minmax(0,1fr);padding:22px}.steps{grid-template-columns:minmax(0,1fr);gap:28px;padding:0 0 0 48px}.steps:before{top:0;bottom:0;left:15px;right:auto;border-top:0;border-left:1px solid var(--ink)}.steps li:before{top:0;left:-48px}.trust-list{grid-template-columns:minmax(0,1fr)}}@media (max-width: 640px){.hero{padding-top:36px;padding-bottom:56px}.hero-lead{font-size:17px}.hero-actions .site-button{flex:1 1 100%}.pad{--ref: 62px;--out: 100px}.pad-title{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pad-title>div:first-child{grid-column:span 2}.pad-title>div:nth-child(2):before{top:0;bottom:auto;width:200%;height:1px;transform-origin:left}.pad-title>div:nth-child(3):before{top:1px}.pad-ref{padding:12px 6px 12px 8px;font-size:11px}.pad-work{padding:10px}.pad-out{padding:10px 8px}.m{font-size:15.5px}.pad-out .m{white-space:normal}.pad-ok{font-size:13px}.pad-drawing{grid-template-columns:var(--ref) minmax(0,1fr)}.pad-drawing .sec{height:220px;margin:12px auto 4px}.pad-drawing .pad-scale{grid-column:2;padding-top:0}.pad-drawing .pad-out:before{display:none}.code-mark{font-size:46px}}