.rf-toy-hero{--toy-ink:#17272c;background:#f1f2ec;color:var(--toy-ink);padding:110px max(4vw,24px) 65px;position:relative;overflow:clip;font-family:Inter,'Noto Sans JP',sans-serif;border-bottom:1px solid #cdd2ca}
.rf-toy-hero *{box-sizing:border-box}.rf-toy-heading,.rf-toy-layout{max-width:1540px;margin-inline:auto}.rf-toy-heading{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #ccd4ca;padding-bottom:23px;margin-bottom:36px}.rf-toy-heading p{font-size:11px!important;font-weight:600;letter-spacing:.2em!important;margin:0!important}.rf-toy-heading>span{font:10px/1.5 Inter,sans-serif;letter-spacing:.2em;color:#76837a}.rf-toy-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(28px,4vw,75px);align-items:center}.rf-toy-copy{padding-block:22px}.rf-toy-kicker{font-size:13px!important;font-weight:600!important;color:#63766d;letter-spacing:.06em!important;margin:0 0 25px!important}.rf-toy-copy h1{font:700 clamp(40px,4.1vw,68px)/1.37 'Noto Sans JP',sans-serif!important;letter-spacing:-.065em!important;color:#173330!important;margin:0 0 30px!important}.rf-toy-copy h1 em{font-style:normal;background:linear-gradient(110deg,#2c7868,#506d9e 45%,#955e98 82%,#ad875c);background-clip:text;-webkit-background-clip:text;color:transparent!important}.rf-toy-lead{font-size:clamp(16px,1.25vw,19px)!important;line-height:2.05!important;letter-spacing:.015em!important;color:#586860;margin:0!important}.rf-toy-ctas{display:flex;align-items:flex-start;flex-direction:column;gap:22px;margin-top:34px}.rf-toy-primary{display:flex;justify-content:space-between;gap:35px;align-items:center;background:#193e36;color:#fff!important;min-height:55px;min-width:265px;padding:16px 22px;text-decoration:none;font-size:15px;font-weight:600;border-radius:4px;box-shadow:0 8px 20px #183c3914}.rf-toy-primary:hover{background:#2a604f}.rf-toy-secondary{font-size:14px;font-weight:600;color:#36584c!important;text-decoration:none;border-bottom:1px solid #92a797;padding-bottom:6px}.rf-toy-secondary span{margin-left:20px}.rf-toy-proof{border-left:2px solid #b4c1b5;margin-top:38px;padding-left:15px}.rf-toy-proof strong{font-size:13px}.rf-toy-proof p{font-size:12px!important;line-height:1.8!important;color:#79877b;margin:5px 0 0!important}
.rf-toy-playground{min-width:0;position:relative}.rf-toy-stage{position:relative;height:clamp(540px,46vw,700px);isolation:isolate;background:#0a131b;border-radius:24px;overflow:hidden;box-shadow:0 30px 65px -28px #13232d70,inset 0 0 0 1px #ffffff18}.rf-stage-plates{position:absolute;inset:-2%;z-index:-3;pointer-events:none;will-change:transform}.rf-stage-plates img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:0;transition:opacity .8s ease;filter:saturate(.92)}.rf-stage-plates img.active{opacity:1}.rf-stage-plates img[data-scene=t800]{object-position:62% 50%}.rf-stage-shade{position:absolute;inset:0;pointer-events:none;z-index:-2;background:linear-gradient(0deg,#04090ce0 0%,transparent 24%,transparent 85%,#0002),radial-gradient(ellipse at 50% 45%,transparent 30%,#0002 100%)}
#toy-canvas{position:absolute;inset:0;touch-action:pan-y;outline:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#toy-canvas:focus-visible{outline:2px solid #99eae4;outline-offset:-4px;border-radius:24px}#toy-canvas canvas{display:block;width:100%;height:100%;touch-action:pan-y}#toy-touch-target{position:absolute;z-index:1;touch-action:none}#toy-canvas[data-hover=true],#toy-canvas[data-hover=true] *{cursor:grab!important}#toy-canvas[data-held=true],#toy-canvas[data-held=true] *{cursor:grabbing!important}.robot-pointer-active #cursor,.robot-pointer-active #cursor-follower{opacity:0!important}.rf-toy-loading{position:absolute;inset:0;display:grid;place-items:center;font-size:14px;color:#d0e6e1;pointer-events:none;letter-spacing:.1em}.rf-toy-loading[hidden]{display:none}
.rf-stage-tools{position:absolute;inset:auto 20px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:5;pointer-events:none}.rf-stage-tools button{pointer-events:auto;cursor:pointer!important;display:grid;place-items:center;padding:0;outline-offset:4px}.rf-toy-switcher{display:flex;align-items:center;gap:7px;background:#0c151c99;border:1px solid #ffffff21;border-radius:40px;padding:6px;backdrop-filter:blur(14px)}.rf-toy-switcher button{width:48px;height:48px;border-radius:50%;border:1px solid transparent;background:#ffffff06;transition:background .25s,border-color .25s,transform .2s}.rf-toy-switcher button:hover{transform:translateY(-3px);background:#ffffff16}.rf-toy-switcher button[aria-pressed=true]{background:#d2ebe621;border-color:#bdf8eea8;box-shadow:0 0 18px #88dacc17}.rf-toy-switcher img{width:45px;height:45px;object-fit:contain;filter:drop-shadow(0 2px 4px #0007);pointer-events:none}.rf-toy-utility{display:flex;gap:7px}.rf-toy-utility button{width:42px;height:42px;border-radius:50%;background:#0c151c88;border:1px solid #ffffff32;color:#d7e5e7;backdrop-filter:blur(14px)}.rf-toy-utility svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.play-mark{display:none}#toy-pause[aria-pressed=true] .pause-mark{display:none}#toy-pause[aria-pressed=true] .play-mark{display:block}.rf-toy-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body:has(.rf-toy-hero) .site-header{background:#101d24!important;backdrop-filter:none!important;box-shadow:none!important}
@media(min-width:1800px){.rf-toy-stage{height:730px}}
@media(max-width:1050px){.rf-toy-layout{grid-template-columns:.9fr 1.1fr;gap:24px}.rf-toy-copy h1{font-size:42px!important}.rf-toy-stage{height:590px}.rf-stage-tools{inset:auto 12px 14px}.rf-toy-switcher{gap:4px;padding:4px}.rf-toy-switcher button{width:44px;height:44px}.rf-toy-switcher img{width:42px;height:42px}.rf-toy-utility{gap:5px}.rf-toy-utility button{width:38px;height:38px}}
@media(max-width:760px){.rf-toy-hero{padding:92px 20px 32px}.rf-toy-heading{padding-bottom:16px;margin-bottom:25px}.rf-toy-heading p{font-size:9px!important;letter-spacing:.13em!important}.rf-toy-heading>span{display:none}.rf-toy-layout{display:flex;flex-direction:column;gap:28px;align-items:stretch}.rf-toy-copy{padding:0}.rf-toy-kicker{font-size:11px!important;margin-bottom:14px!important}.rf-toy-copy h1{font-size:clamp(36px,10.2vw,56px)!important;margin-bottom:18px!important}.rf-toy-lead{font-size:16px!important;line-height:1.85!important}.rf-toy-ctas{flex-direction:row;flex-wrap:wrap;align-items:center;gap:16px;margin-top:23px}.rf-toy-primary{min-width:0;min-height:48px;font-size:12px;gap:18px;padding:12px 15px}.rf-toy-secondary{font-size:12px}.rf-toy-secondary span{margin-left:5px}.rf-toy-proof{display:none}.rf-toy-stage{height:480px;border-radius:19px}.rf-stage-plates img[data-scene=t800]{object-position:73% 50%}.rf-stage-tools{inset:auto 12px 13px}.rf-toy-utility button{width:44px;height:44px}.rf-toy-switcher button{width:44px;height:44px}.rf-toy-switcher{gap:4px}.rf-toy-switcher img{width:42px;height:42px}#toy-canvas:focus-visible{border-radius:19px}}
@media(prefers-reduced-motion:reduce){.rf-toy-hero *{transition:none!important;scroll-behavior:auto!important}.rf-stage-plates{will-change:auto}}

#toy-canvas:focus-visible{outline:none}#toy-canvas[data-keyboard=true]:focus-visible{outline:2px solid #99eae4;outline-offset:-4px}.robot-pointer-active #cursor,.robot-pointer-active #cursor-follower{transition:none!important}

/* Touch: lock only the head, torso and padded hand targets, never the whole bounding box. */
#toy-touch-target[data-regions=true]{pointer-events:none;touch-action:pan-y pinch-zoom}
.rf-touch-region{position:absolute;pointer-events:auto;touch-action:none;clip-path:ellipse(50% 50% at 50% 50%);border-radius:50%}
#toy-canvas[data-held=true] .rf-touch-region{cursor:grabbing}
.rf-toy-touch-hint{display:none}
@media(pointer:coarse){#toy-canvas,#toy-canvas canvas{touch-action:pan-y pinch-zoom}.rf-toy-touch-hint{display:block;font:11px/1.8 'Noto Sans JP',sans-serif!important;color:#586860;margin:12px 0 0!important;text-align:center}.rf-stage-tools button{min-width:44px;min-height:44px}}
.rf-toy-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.rf-toy-loading{inset:auto 20px 85px;text-align:center;font-size:12px;background:#081820a0;border-radius:8px;padding:8px}.rf-toy-loading[hidden]{display:none}#toy-stage[data-fallback=true] .rf-stage-tools{display:none}
