:root{--navy:#061f3c;--blue:#006EBE;--ink:#173451;--muted:#64788b;--line:#dce6ee;--paper:#f7f9fb}*{box-sizing:border-box}body{margin:0;font-family:"Noto Sans JP",sans-serif;color:var(--ink);line-height:1.8}.wrap{width:min(980px,calc(100% - 40px));margin:auto}a{color:inherit;text-decoration:none}header{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center}header .wrap{display:flex;justify-content:space-between;align-items:center}.logo{display:block;width:154px;height:38px;background:url('nexsurfer-logo.png') center / contain no-repeat;filter:brightness(.95) saturate(1.12) hue-rotate(2deg);font-size:0}.back{font-size:12px;color:#43647e}.hero{background:var(--navy);color:#fff;padding:75px 0}.hero p{font:500 11px "DM Mono",monospace;letter-spacing:.14em;color:#73dfff;margin:0}.hero h1{font-size:clamp(32px,5vw,52px);line-height:1.35;letter-spacing:-.05em;margin:18px 0}.hero span{color:#d7e5ef;font-size:15px}.content{padding:65px 0}.overview{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin:0 0 56px}.overview div{padding:20px;border-bottom:1px solid var(--line)}.overview div:nth-child(odd){border-right:1px solid var(--line)}dt{font-size:10px;color:var(--muted)}dd{margin:5px 0 0;font-size:14px}h2{font-size:23px;margin:45px 0 16px}.content>p{font-size:14px;color:#485f73}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags a{background:#edf5fa;color:#285d83;padding:6px 10px;font:11px "DM Mono",monospace}.tags a:hover{background:#d7ebf7}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;list-style:none;padding:0}.flow li{background:var(--paper);padding:16px 12px;font-size:12px}.effect{background:#eaf4fa;padding:28px;color:#294f6d;font-size:15px}@media(max-width:650px){.overview{grid-template-columns:1fr}.overview div:nth-child(odd){border-right:0}.flow{grid-template-columns:1fr 1fr}.hero{padding:55px 0}}