.landing .jp-hero{background:linear-gradient(160deg,#f3faf8 0%,#f7f9f9 55%,#f4f6f7 100%);padding:clamp(48px,7vw,96px) 0 0}.landing .jp-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(32px,6vw,88px);display:grid}.landing .jp-hero h1{color:#14182b;margin-top:16px;font-size:clamp(40px,5.2vw,68px)}.landing .jp-hero .lede{max-width:32em}.landing .jp-wins{border-top:1px solid #111;margin:0;padding:0;list-style:none}.landing .jp-wins li{border-bottom:1px solid var(--rule)}.landing .jp-win{color:inherit;grid-template-columns:6.2em 1fr;align-items:baseline;gap:20px;padding:22px 0;text-decoration:none;display:grid}.landing .jp-win-when{font:500 13px/1.4 "Barlow", var(--font);letter-spacing:.1em;text-transform:uppercase;color:#0d8f84}.landing .jp-win-t{color:var(--ink);font-size:20px;font-weight:600;line-height:1.25;transition:color .2s;display:block}.landing .jp-win-b{color:var(--graphite);margin-top:6px;font-size:15px;line-height:1.5;display:block}.landing .jp-win:hover .jp-win-t{color:#0d9488}.landing .jp-toc{flex-wrap:wrap;gap:8px;margin-top:clamp(40px,5vw,64px);padding-bottom:28px;display:flex}.landing .jp-toc a{color:var(--graphite);background:#ffffffb3;border:1px solid #0d948840;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.landing .jp-toc a span{font:500 12px "Barlow", var(--font);letter-spacing:.1em;color:#0d8f84}.landing .jp-toc a:hover{color:var(--ink);border-color:#0d9488}.landing .jp-context{padding:clamp(56px,8vw,104px) 0}.landing .jp-org{grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:20px;display:grid}.landing .jp-org article{border:1px solid var(--rule);border-radius:12px;flex-direction:column;gap:10px;padding:28px;display:flex}.landing .jp-org h3{font-size:24px}.landing .jp-org p{color:var(--graphite);font-size:15px}.landing .jp-org .jp-org-ja{font:500 13px/1.4 var(--font-jp);letter-spacing:.04em;color:var(--muted);min-height:1.4em}.landing .jp-org .is-geniac{color:#fff;background:#111;border-color:#111}.landing .jp-org .is-geniac img{filter:invert();align-self:flex-start;width:auto;height:30px}.landing .jp-org .is-geniac p{color:#ffffffb3}.landing .jp-org-join{font:300 32px var(--font);color:var(--muted);align-self:center}.landing .jp-why{border-left:3px solid #0d9488;padding-left:16px;font-size:16px!important}.landing .jp-also{grid-template-columns:minmax(0,300px) 1fr;align-items:center;gap:32px;margin-top:clamp(40px,5vw,64px);display:grid}.landing .jp-also-t{color:var(--ink);max-width:36em;margin-top:10px;font-size:18px}.landing .jp-src{color:var(--muted);margin-top:10px;font-size:13px}.landing .jp-src a{color:var(--asagi-ink)}.landing .jp-doc{border:1px solid var(--rule);background:#fff;border-radius:10px;margin:0;overflow:hidden;box-shadow:0 24px 48px -32px #14182b59}.landing .jp-doc img{width:100%}.landing .jp-built{grid-template-columns:1fr 1.4fr 1fr;gap:24px;display:grid}.landing .jp-card{border:1px solid var(--rule);border-radius:12px;flex-direction:column;gap:12px;padding:28px;display:flex}.landing .jp-card h3{font-size:22px;line-height:1.2}.landing .jp-card p{color:var(--graphite);font-size:15px}.landing .jp-card>.link,.landing .jp-card .jp-links{margin-top:auto}.landing .jp-when{letter-spacing:.12em;text-transform:uppercase;font:500 13px "Barlow", var(--font)!important;color:#0d8f84!important}.landing .jp-links{flex-wrap:wrap;gap:20px;display:flex}.landing .jp-links .link{color:var(--asagi-ink)}.landing .jp-sizes{align-items:flex-end;gap:8px;height:120px;margin:8px 0;padding:0;list-style:none;display:flex}.landing .jp-sizes li{height:var(--h);color:#fff;min-height:22px;font:600 11px var(--font);background:linear-gradient(#eb6834,#f5a37f);border-radius:4px 4px 2px 2px;flex:1;justify-content:center;align-items:flex-end;padding-bottom:4px;display:flex}.landing .jp-405{color:#fff;background:#0f1420;border-color:#0f1420}.landing .jp-405 p{color:#ffffffb3}.landing .jp-405 .jp-when{color:#23dceb!important}.landing .jp-405 .link{color:#7fd8e3}.landing .bench{gap:14px;margin:8px 0 4px;display:grid}.landing .b-row{grid-template-columns:9.5em 1fr auto;align-items:center;gap:14px;font-size:14px;display:grid}.landing .b-name{color:#ffffffd9}.landing .b-track{background:#ffffff14;border-radius:5px;height:10px;position:relative}.landing .b-bar{width:calc(var(--a) * 100%);background:linear-gradient(90deg,#23dceb,#a4baef);border-radius:5px;position:absolute;inset:0 auto 0 0}.landing .b-target{top:-5px;bottom:-5px;left:calc(var(--t) * 100%);background:#f5c451;width:2px;position:absolute;box-shadow:0 0 0 2px #0f1420}.landing .b-val{text-align:right;white-space:nowrap}.landing .b-val strong{font:600 18px var(--font);color:#fff}.landing .b-val small{color:#ffffff80;font-size:11px;display:block}.landing .b-key{align-items:center;gap:8px;font-size:12px;display:flex;color:#ffffff80!important}.landing .b-key .k-bar{background:linear-gradient(90deg,#23dceb,#a4baef);border-radius:3px;width:18px;height:6px}.landing .b-key .k-target{background:#f5c451;width:2px;height:12px;margin-left:12px}.landing .jp-405.reveal .b-bar{width:0;transition:width 1.2s cubic-bezier(.2,.8,.2,1) .3s}.landing .jp-405.reveal.is-in .b-bar{width:calc(var(--a) * 100%)}.landing .jp-safety{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,80px);display:grid}.landing .jp-safety h2{margin-top:12px;font-size:clamp(30px,3.4vw,46px)}.landing .jp-safety .sub{color:var(--graphite);margin-top:16px;font-size:17px}.landing .jp-safety .jp-links{margin-top:20px}.landing .dots-pair{grid-template-columns:1fr 1fr;gap:24px;display:grid}.landing .dots-pair figure{border:1px solid var(--rule);background:#fff;border-radius:12px;margin:0;padding:20px}.landing .dots{grid-template-columns:repeat(15,1fr);gap:5px;display:grid}.landing .dots i{aspect-ratio:1;background:#dfe3e6;border-radius:50%}.landing .dots i.on{background:#e34948}.landing .dots.is-after i.on{background:#e34948;box-shadow:0 0 0 3px #e349482e}.landing .dots-pair figcaption{color:var(--muted);margin-top:14px;font-size:14px}.landing .dots-pair figcaption strong{font:600 26px var(--font);color:var(--ink);letter-spacing:var(--track)}.landing .jp-used{grid-template-columns:1fr 1fr;gap:32px;display:grid}.landing .jp-case{flex-direction:column;gap:12px;display:flex}.landing .jp-case .jp-doc{margin-bottom:8px}.landing .jp-case h3{font-size:24px}.landing .jp-case>p:not(.jp-tag):not(.jp-src){color:var(--graphite);font-size:15px}.landing .jp-tag{letter-spacing:.14em;text-transform:uppercase;color:#0d8f84;font-size:12px;font-weight:600}.landing .tl{margin:0;padding:0;list-style:none;position:relative}.landing .tl:before{content:"";background:#c9cfd3;width:1px;position:absolute;top:8px;bottom:8px;left:7.5em}.landing .tl li{grid-template-columns:7.5em 1fr auto;align-items:baseline;gap:28px;padding:16px 0;display:grid;position:relative}.landing .tl li:before{content:"";background:#fff;border:2px solid #0d9488;border-radius:50%;width:11px;height:11px;position:absolute;top:24px;left:calc(7.5em - 5px)}.landing .tl time{font:500 14px "Barlow", var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.landing .tl p{color:var(--graphite);padding-left:4px}.landing .tl p strong{color:var(--ink);font-weight:600}.landing .tl a{color:var(--asagi-ink);white-space:nowrap;font-size:13px}.landing .jp-press{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.landing .jp-press a{border:1px solid var(--rule);border-radius:10px;flex-direction:column;gap:10px;padding:24px;text-decoration:none;transition:border-color .2s;display:flex}.landing .jp-press a:hover{border-color:var(--ink)}.landing .jp-press span{color:var(--muted);font-size:13px}.landing .jp-press strong{letter-spacing:var(--track);font-size:19px;font-weight:600;line-height:1.3}.landing .jp-press strong:after{content:" →";color:var(--asagi)}.landing .jp-cta{background:var(--jz-ground);color:#fff;padding:clamp(56px,8vw,96px) 0;position:relative}.landing .jp-cta-grid{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;display:flex}.landing .jp-cta .label{color:var(--jz-cyan)}.landing .jp-cta h2{max-width:18em;margin-top:12px;font-size:clamp(28px,3.2vw,42px)}.landing .jp-cta p:not(.label){color:#ffffffb3;max-width:34em;margin-top:12px}.landing .jp-cta-actions{flex-wrap:wrap;gap:12px;display:flex}@media (width<=1024px){.landing .jp-built{grid-template-columns:1fr 1fr}.landing .jp-405{order:-1;grid-column:1/-1}}@media (width<=860px){.landing .jp-hero-grid,.landing .jp-safety,.landing .jp-used,.landing .jp-press,.landing .jp-also,.landing .jp-org{grid-template-columns:1fr}.landing .jp-org-join{justify-self:center}.landing .jp-also .jp-doc{max-width:360px}}@media (width<=640px){.landing .jp-built{grid-template-columns:1fr}.landing .jp-win{grid-template-columns:1fr;gap:6px}.landing .b-row{grid-template-columns:1fr auto}.landing .b-name{grid-column:1/-1}.landing .tl:before{left:5px}.landing .tl li{grid-template-columns:1fr;gap:4px;padding-left:28px}.landing .tl li:before{left:0}.landing .dots-pair{gap:12px}.landing .dots-pair figure{padding:14px}.landing .dots{gap:3px}}
