.site-header{padding-top:17px;padding-bottom:17px;min-height:72px}
.hero{min-height:286px}
.hero-photo{object-position:center 50%}
.hero-inner{padding-top:30px;padding-bottom:32px}
.hero h1{font-size:clamp(34px,4.2vw,49px);margin-bottom:16px;line-height:1.06;max-width:700px}
.hero p{font-size:16px;line-height:1.65;margin-bottom:0;max-width:520px}
.robot-nav{background:linear-gradient(180deg,#d2d9de,#e5e9eb);border-bottom:1px solid #c2cdd5;padding:12px 5% 25px}
.robot-nav-inner{max-width:800px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:60px}
.robot-option{text-align:center;min-width:0;position:relative}
.robot-stage{position:relative;width:min(100%,274px);aspect-ratio:1;margin:0 auto -13px;isolation:isolate}
.robot-stage:before{content:"";position:absolute;bottom:9%;left:29%;width:41%;height:6%;border-radius:50%;background:#83929e44;filter:blur(7px);z-index:-1}
.robot-body{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.robot-face{position:absolute;left:48.8%;top:21.6%;width:28%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:block;text-decoration:none;outline-offset:5px;border:2px solid transparent;transition:border-color .15s,box-shadow .15s}
.robot-eye{position:absolute;top:43%;height:15%;width:20%;background:#677679;box-shadow:0 0 3px #66777d55;transition:background .12s,box-shadow .12s}
.robot-eye.left{left:23%;border-radius:70% 45% 65% 40%;transform:rotate(12deg)}
.robot-eye.right{right:23%;border-radius:45% 70% 40% 65%;transform:rotate(-12deg)}
.robot-face[aria-current=page],.robot-face:active{border-color:#a4eeb875;box-shadow:0 0 0 4px #9aebb022,0 0 23px #93efa544}
.robot-face[aria-current=page] .robot-eye,.robot-face:active .robot-eye{background:#a1ffb5;box-shadow:0 0 5px #afffbb,0 0 13px #6eff92,0 0 23px #51ff83cc}
.robot-face:hover{border-color:#d49159;box-shadow:0 0 0 5px #d4915922}
.robot-face:focus-visible{outline:3px solid #a75f2c;outline-offset:5px}
.robot-caption{color:#243743;text-decoration:none;display:inline-block;font-size:23px;font-weight:700;line-height:1.3;border-bottom:3px solid transparent;padding:0 0 5px;position:relative;z-index:1}
.robot-caption[aria-current=page]{border-bottom-color:#577b60}
.robot-caption:hover{color:#8c4a1d}
.robot-option p{font-size:13px;line-height:1.5;color:#60727e;margin:5px 0 0}
.robot-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.page-wrap{padding-top:34px}
@media(max-width:760px){.hero{min-height:268px}.hero h1{font-size:40px}.hero-inner{padding-top:28px;padding-bottom:30px}.hero p{font-size:14px;max-width:410px}.robot-nav-inner{max-width:620px;gap:26px}.robot-stage{width:min(100%,242px)}.robot-caption{font-size:21px}.robot-nav{padding-top:10px;padding-bottom:24px}}
@media(max-width:480px){.site-header{min-height:65px}.hero{min-height:267px}.hero h1{font-size:35px;max-width:330px;letter-spacing:-1.1px}.hero p{font-size:13px;max-width:305px}.hero-inner{padding-top:28px;padding-bottom:28px}.robot-nav{padding:12px 3% 24px}.robot-nav-inner{gap:8px}.robot-stage{width:100%;margin-bottom:-3px}.robot-face{width:31%}.robot-caption{font-size:18px;letter-spacing:-.3px;line-height:1.25;padding-bottom:5px}.robot-option p{font-size:11px;max-width:150px;margin:5px auto 0}.page-wrap{padding-top:29px}.robot-face[aria-current=page]{box-shadow:0 0 0 3px #9aebb022,0 0 17px #93efa544}}
@media(max-width:360px){.robot-nav{padding-left:3%;padding-right:3%}.robot-caption{font-size:16px}.robot-option p{font-size:11px;max-width:125px}.hero h1{font-size:33px}.robot-nav-inner{gap:6px}}
@media(prefers-reduced-motion:reduce){.robot-face,.robot-eye{transition:none}}