*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:#f9fbfd;color:#183048;font-family:"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;font-size:16px;line-height:1.7}a{color:#087e81;text-underline-offset:5px}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #087e81;outline-offset:5px}header,main,footer{max-width:1180px;margin:auto;padding:0 32px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:90px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#183048;font-size:23px;font-weight:750}nav{display:flex;flex-wrap:wrap;gap:20px}nav a{font-size:14px;color:#5a6d7e;text-decoration:none}nav [aria-current]{color:#087e81;text-decoration:underline}.hero{padding:70px 0 65px;max-width:830px}h1{font-size:clamp(36px,5.5vw,66px);line-height:1.22;letter-spacing:-.045em;margin:0 0 26px;word-break:keep-all}p{color:#526a7e}.hero>p{font-size:19px;max-width:680px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:30px}.primary{display:inline-block;background:#087e81;color:#fff;padding:13px 22px;border-radius:9px;text-decoration:none;font-weight:650}h2{font-size:clamp(24px,3vw,32px);line-height:1.35;letter-spacing:-.025em}h3{line-height:1.5}.section-head{display:flex;justify-content:space-between;align-items:center;gap:25px}.section-head h2{margin-bottom:5px}.section-head p{margin-top:8px}#motion{padding:8px 14px;background:white;border:1px solid #cad9e1;border-radius:8px;white-space:nowrap;color:#345066}.map-shell{background:white;border:1px solid #d2e0e8;border-radius:18px;overflow:hidden;box-shadow:0 18px 60px #18304808}.map-top{padding:20px 26px;background:#edf5f7;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}.map-top span{font-size:13px;color:#526a7e}.map-content{display:grid;grid-template-columns:1.35fr 1fr;min-height:380px}.map-nodes{display:grid;grid-template-columns:1fr 1fr;gap:38px 48px;padding:40px;align-content:center;position:relative}.map-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0;padding:17px;background:#fff;border:1px solid #bcd0dc;border-radius:12px;color:#183048}.map-node[aria-pressed=true]{border:2px solid #087e81;background:#eef9f7;padding:16px}.map-node:nth-child(odd):after{content:"";position:absolute;left:100%;top:50%;width:48px;height:2px;background:#8aabb9;z-index:-1}.map-node:nth-child(odd):before{content:"";position:absolute;left:100%;top:calc(50% - 3px);width:7px;height:7px;background:#087e81;border-radius:50%;animation:travel 2.8s linear infinite;z-index:2}.map-node:nth-child(3):before{animation-delay:1.4s}.symbol{font-size:26px;color:#087e81;line-height:1.2}.map-node strong{font-size:18px;margin:8px 0}.map-node small{color:#526a7e;overflow-wrap:anywhere}.explanation{padding:32px;border-left:1px solid #e2eaf0;background:#fbfdfd}.explanation>span{font-size:13px;color:#087e81;font-weight:700}.explanation h3{font-size:23px;margin:10px 0}.explanation small{display:block;margin-top:24px;color:#526a7e}.explanation code{display:block;padding:10px 0;overflow-wrap:anywhere;font-size:13px;color:#183048}.hint,.legend{font-size:13px}.legend{border-top:1px solid #e2eaf0;margin:0;padding:16px 26px}.features{padding:70px 0 35px}.features>div{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.features h3{font-size:18px}.features p{font-size:15px}.privacy{margin:25px 0;padding:25px 30px;background:#e9f4f1;border-radius:12px}.privacy p{max-width:800px}.setup{padding:35px 0}.setup>p{max-width:750px}pre{background:#173447;color:#e8f5f8;padding:26px;border-radius:12px;overflow:auto;line-height:2;font-size:14px}.limits{border-top:1px solid #d2e0e8;padding:26px 0 40px}.limits p{max-width:850px;font-size:14px}summary{cursor:pointer;font-weight:650}footer{border-top:1px solid #d2e0e8;padding-top:25px;padding-bottom:30px;font-size:13px;display:flex;gap:25px;justify-content:space-between}footer p{margin:0}.skip{position:fixed;left:20px;top:-80px;z-index:10;background:white;padding:15px}.skip:focus{top:10px}.paused .map-node:before{animation-play-state:paused}@keyframes travel{from{transform:translateX(0)}to{transform:translateX(48px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.map-node:before{animation:none}}@media(max-width:800px){.map-content{grid-template-columns:1fr}.explanation{border-left:0;border-top:1px solid #e2eaf0}.features>div{grid-template-columns:1fr 1fr}.hero{padding-top:45px}.map-nodes{padding:30px}.section-head{align-items:flex-start}}@media(max-width:480px){header,main,footer{padding-left:20px;padding-right:20px}header{flex-wrap:wrap;padding-top:18px;padding-bottom:18px;gap:12px}.brand{font-size:21px}nav{gap:16px}.map-nodes{padding:22px;gap:28px}.map-node:nth-child(odd):after{width:28px}@keyframes travel{to{transform:translateX(28px)}}.map-node{padding:12px}.map-node[aria-pressed=true]{padding:11px}.map-node small{font-size:11px}.map-node strong{font-size:16px}.section-head{flex-wrap:wrap;gap:0;margin-bottom:18px}.features>div{grid-template-columns:1fr}.explanation{padding:24px}.privacy{padding:20px}footer{display:block}footer p{margin-top:10px}}
.map-nodes{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px;padding:30px}.map-node:nth-child(4){grid-column:1/-1;border-style:dashed;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}.map-node:nth-child(4) .symbol{grid-row:1/3}.map-node:nth-child(4) strong{margin:0}.map-node:nth-child(1):after,.map-node:nth-child(2):after{content:"";position:absolute;left:100%;top:50%;width:24px;height:2px;background:#8aabb9;z-index:-1}.map-node:nth-child(1):before,.map-node:nth-child(2):before{content:"";position:absolute;left:100%;top:calc(50% - 3px);width:7px;height:7px;background:#087e81;border-radius:50%;animation:travel 2.8s linear infinite;z-index:2}.map-node:nth-child(2):before{animation-delay:1.4s}.map-node:nth-child(3):before,.map-node:nth-child(3):after{display:none}@keyframes travel{from{transform:translateX(0)}to{transform:translateX(24px)}}.map-node small{font-size:11px}.map-node strong{font-size:16px}.map-node{padding:12px}.map-node[aria-pressed=true]{padding:11px}@media(prefers-reduced-motion:reduce){.map-node:before{animation:none}}@media(max-width:480px){.map-nodes{grid-template-columns:1fr;gap:24px;padding:24px}.map-node:nth-child(4){grid-column:auto}.map-node:nth-child(1):after,.map-node:nth-child(2):after{left:50%;top:100%;height:24px;width:2px}.map-node:nth-child(1):before,.map-node:nth-child(2):before{left:calc(50% - 3px);top:100%;animation-name:travel-down}@keyframes travel-down{from{transform:translateY(0)}to{transform:translateY(24px)}}}