:root{--red:#d80c18;--deep:#8a151d;--cream:#fffaf8;--ink:#2e292a;--soft:#f7f3f1;--pink:#f7d9dd}
.skip-link{position:fixed;left:10px;top:-80px;z-index:100;background:#fff;color:var(--deep);border:2px solid var(--red);padding:8px 12px}.skip-link:focus{top:10px}

header{height:66px;background:#fff;color:var(--ink);border-bottom:4px solid var(--red);padding:0 14px;position:sticky;top:0;z-index:1000;isolation:isolate}
header .wordmark{display:flex;align-items:center;gap:10px;min-width:0;font-family:'Noto Sans TC',sans-serif;font-style:normal;letter-spacing:0;color:var(--ink)}
header .wordmark img{display:block;width:132px;height:auto;flex:0 0 auto}
header .wordmark span{display:block;margin:0;padding-left:10px;border-left:1px solid #d8c6c8;color:#4d4143;font-size:12px;letter-spacing:.5px;white-space:nowrap}
header .nav-contact{background:var(--red);color:#fff;border-color:#8b151d;box-shadow:3px 3px 0 #8b151d}

.desktop-wing:after{content:'SHIN KONG LIFE / NANTOU';color:#b17d83}
.desktop-wing:before{background:repeating-linear-gradient(135deg,#d80c18 0 14px,#f1d7da 14px 28px)}
.desktop-wing{color:var(--ink)}
.wing-label{color:var(--red);border-left-color:var(--red)}
.wing-title{color:#2f292b}.wing-title span{color:var(--red)}
.wing-copy{color:#706466}.wing-rule{background:var(--red)}
.wing-english{color:#a24b55}.wing-role{color:#65595b}
.wing-tags span{color:#8b151d;background:#fff;border-color:#d8aeb3}
.wing-card{background:#fff;color:#302a2b;border-color:var(--red);box-shadow:7px 7px 0 #edc7cb}
.wing-card:before{background:var(--red)}.wing-card .wing-label{color:var(--red)}
.wing-card img{aspect-ratio:1/1;object-fit:cover;object-position:center 34%;border:5px solid #fff;box-shadow:0 0 0 1px #e2d6d6}
.wing-card a{background:var(--red);border-color:#8b151d;box-shadow:3px 3px 0 #8b151d}
.wing-footnote{color:#887578}

.pixel-hero{background:#fff7ef}
.pixel-hero>.scene{visibility:visible;filter:saturate(.86) contrast(1.01)}
.game-title{top:20px;z-index:4}.game-title p{color:#5f1a21;text-shadow:0 1px #fff9}
.game-title h1{font-size:clamp(36px,10.4vw,50px);line-height:1.12;color:#fffaf5;text-shadow:3px 0 #53091d,-3px 0 #53091d,0 3px #53091d,0 -3px #53091d,4px 5px #53091d,5px 7px #53091d}
.game-title h1 em{color:#e9172b}.nameplate{background:#fff}
.game-start{background:#fff;border-top:3px solid var(--red)}
.game-start .trade-actions .button{font-size:14px;letter-spacing:0;padding:14px 5px;min-height:58px}
.game-start .trade-actions .light-action{background:#fff;color:#7b0b24;border-color:#b34651;box-shadow:inset 3px 3px 0 #fff,inset -3px -3px 0 #f1d5d9,4px 5px 0 #b34651;text-shadow:none}
.trade-notice{background:#fff8f6;padding:10px;border-left-color:var(--red)}
.hero-character{position:absolute;z-index:3;top:43%;left:2%;width:29%;aspect-ratio:1/1;pointer-events:none;animation:yuhong-roam 8s ease-in-out infinite;transform-origin:50% 100%}
.yuhong-sprite,.nav-sprite,.consult-sprite{display:block;background-image:url('assets/yuhong-talk-sheet.png');background-repeat:no-repeat;background-size:200% 200%;background-position:0 0;image-rendering:pixelated;animation:yuhong-talk 3.2s steps(1,end) infinite}
.hero-character .yuhong-sprite{width:100%;height:100%;filter:drop-shadow(3px 4px 0 #6d263b66)}
.hero-character b{position:absolute;top:1%;left:73%;width:max-content;padding:4px 7px;background:#fff;color:#8a151d;border:2px solid #b53742;box-shadow:2px 2px 0 #b53742;font-size:10px;animation:bubble-bob 1.7s ease-in-out infinite}
@keyframes yuhong-talk{0%,22%{background-position:0 0}25%,47%{background-position:100% 0}50%,72%{background-position:0 100%}75%,100%{background-position:100% 100%}}
@keyframes yuhong-roam{0%,100%{transform:translate3d(0,0,0) rotate(-2deg)}25%{transform:translate3d(46px,-7px,0) rotate(2deg)}50%{transform:translate3d(155px,0,0) rotate(-1deg)}75%{transform:translate3d(70px,-9px,0) rotate(2deg)}}
@keyframes bubble-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.hero-clients{position:absolute;inset:0;z-index:2;pointer-events:none}
.hero-client{position:absolute;width:20%;aspect-ratio:1/1;filter:drop-shadow(2px 3px 0 #5a203555);animation:client-bob 2.8s ease-in-out infinite}
.hero-client i{display:block;width:100%;height:100%;background-image:url('assets/consultation-clients-sheet.png');background-repeat:no-repeat;background-size:200% 200%;image-rendering:pixelated}
.hero-client span{position:absolute;width:max-content;max-width:112px;padding:4px 6px;background:#fff;color:#781421;border:2px solid #af3945;box-shadow:2px 2px 0 #af3945;font-size:9px;line-height:1.45;opacity:0;animation:client-question 8.4s steps(1,end) infinite}
.client-policy{top:55%;left:54%;animation-delay:-.5s}.client-policy i{background-position:0 0}.client-policy span{right:62%;top:-5%;animation-delay:0s}
.client-family{top:57%;left:77%;animation-delay:-1.1s}.client-family i{background-position:100% 0}.client-family span{right:48%;top:-15%;animation-delay:2.8s}
.client-retire{top:65%;left:37%;animation-delay:-1.8s}.client-retire i{background-position:0 100%}.client-retire span{left:58%;top:-10%;animation-delay:5.6s}
@keyframes client-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes client-question{0%,30%{opacity:1;transform:translateY(0)}31%,100%{opacity:0;transform:translateY(3px)}}

.status-strip{background:#fff;color:#7d1e27;border-top:1px solid #f1d6d9;border-bottom:4px solid var(--red)}
.section{background:#fff}.pale{background:#fff8f6;border-color:#e6c9cd}
.three article,.steps article{background:#fff;border-color:#b54b55;box-shadow:4px 4px 0 #f0d1d5}

.category-section{background:#fff;color:var(--ink);border-top:5px solid var(--red);border-bottom:5px solid var(--red)}
.category-section .eyebrow{color:var(--red)}
.category-intro,.category-rule{color:#746467}.category-rule{border-left-color:var(--red);background:#fff7f6;padding:12px}.category-rule strong{color:#6f252c}
.service-pixel-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:25px 0}
.service-pixel-grid article{display:flex;align-items:flex-start;gap:10px;background:#fff;color:#2d2228;border:2px solid #c15b65;box-shadow:3px 3px 0 #f1d3d7;padding:14px 10px;min-height:132px}
.service-pixel-grid article.wide{grid-column:1/-1;min-height:105px}
.service-pixel-grid article>span{display:grid;place-items:center;flex:0 0 35px;height:35px;background:#fff1f2;color:var(--red);border:2px solid #c0434e;box-shadow:2px 2px 0 #e8b8bd;font-size:15px;font-weight:900}
.service-pixel-grid h3{font-size:15px;margin:2px 0 7px}.service-pixel-grid p{font:12px/1.75 'Noto Sans TC',sans-serif;color:#6d5660;margin:0}

.consult-reasons{position:relative;overflow:hidden;background:#fff8f6;border-bottom:5px solid var(--red)}
.consult-reasons:before{content:'?';position:absolute;right:-14px;top:16px;color:#f5d8dc;font:900 150px/1 'DotGothic16',sans-serif;transform:rotate(8deg)}
.consult-heading{position:relative;z-index:1}.consult-heading>p:last-child{max-width:470px;color:#6f6062;font:14px/1.85 'Noto Sans TC',sans-serif}
.reason-grid{position:relative;z-index:1;display:grid;gap:12px;margin:24px 0}
.reason-grid article{background:#fff;border:2px solid #c55a64;box-shadow:4px 4px 0 #efd0d4;padding:17px}
.reason-grid span{color:var(--red);font-weight:900;font-size:11px}.reason-grid h3{font-size:16px;margin:7px 0}.reason-grid p{margin:0;color:#6f5d60;font:12px/1.8 'Noto Sans TC',sans-serif}
.consult-cta{position:relative;z-index:1;display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center;background:#8b1520;color:#fff;padding:12px 13px 13px;border:3px solid #5f0911;box-shadow:5px 5px 0 #e7b8be}
.consult-sprite{width:64px;height:64px;filter:drop-shadow(2px 3px 0 #4a0912)}
.consult-cta strong{display:block;font-size:14px;line-height:1.55}.consult-cta small{display:block;margin-top:4px;color:#f3ccd1;font:10px/1.5 'Noto Sans TC',sans-serif}.consult-cta a{grid-column:1/-1;text-align:center;background:#fff;color:#8b1520;border:2px solid #f1c2c8;padding:10px;font-size:13px;font-weight:900;box-shadow:3px 3px 0 #51070d}

#about.about-contact{display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:16px;align-items:center;background:#fff;color:var(--ink);border-top:5px solid var(--red);border-bottom:5px solid var(--red)}
#about.about-contact .about-portrait{grid-column:2;grid-row:1;width:118px;border:2px solid #d80c18;box-shadow:4px 4px 0 #f0c9cd;background:#fff}
#about.about-contact .about-portrait img{display:block;width:100%;aspect-ratio:1/1.08;object-fit:cover;object-position:center 28%;box-shadow:none;transform:none}
#about.about-contact .about-copy{grid-column:1;grid-row:1;min-width:0}
#about.about-contact .eyebrow{color:var(--red)}
#about.about-contact h2{color:var(--ink);font-size:22px;line-height:1.45;margin-bottom:10px}
#about.about-contact p{color:#6e6062;font-size:12px}.about-contact .role{color:#3e3536!important}
.profile-phone{display:inline-block;margin-top:8px;padding:7px 9px;background:var(--red);color:#fff;border:2px solid #8b151d;box-shadow:3px 3px 0 #e4b4b9;font-size:14px;font-weight:900}
#about.about-contact .office-card{grid-column:1/-1;grid-row:2;background:#fff;color:#4a3639;border:2px solid #c14a55;box-shadow:4px 4px 0 #f0d0d3;padding:16px;display:grid;gap:7px;font:13px/1.75 'Noto Sans TC',sans-serif}
.office-card strong{font:700 17px 'DotGothic16','Noto Sans TC',sans-serif;color:var(--red)}.office-card address{font-style:normal}.office-card a{font-weight:700;color:#a00027}.office-card span{font-size:12px;color:#725a63}

.faq{background:#fff}.notice{background:#f6f3f1;color:#6a5e60;padding:24px 20px;font:11px/1.9 'Noto Sans TC',sans-serif;border-top:2px dashed #dfc5c8}.notice strong{color:var(--red);font-size:12px}.notice p{margin:6px 0 0}
footer{background:#fff;color:#74686a;border-top:1px solid #eadcde}

.mobile-bar.anchor-bar{grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border-top:3px solid var(--red);overflow:visible}
.mobile-bar.anchor-bar>a{background:#fff;color:#7b1b24;border-color:#b4434e;box-shadow:2px 3px 0 #edc9cd;position:relative}
.mobile-bar.anchor-bar>a:last-child{background:var(--red);color:#fff}
.mobile-bar.anchor-bar>a:not(.nav-mascot){display:flex;align-items:center;justify-content:center;text-align:center}
.mobile-bar .nav-mascot{padding-left:72px;padding-right:2px;overflow:visible}.nav-mascot .nav-sprite{position:absolute;left:-44px;bottom:-44px;width:120px;height:120px;pointer-events:none;background-size:200% 200%;background-position:0 0;animation:none;filter:drop-shadow(3px 3px 0 #d7a6a0)}.nav-mascot>span:last-child{position:relative;z-index:1;margin-left:0;white-space:nowrap;font-size:13px}
@keyframes mascot-bounce{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}

@media(min-width:1000px){
  html{background-color:#f6f3f1;background-image:radial-gradient(circle at center,#d9d2d2 1.4px,transparent 1.8px),linear-gradient(115deg,#fff 0%,#f6f3f1 40%,#f6f3f1 60%,#fff 100%);background-size:22px 22px,100% 100%;background-attachment:fixed}
  body{box-shadow:0 0 0 5px #d80c18,0 0 0 9px #f0d8db,0 15px 70px #6c3d4426}
  .pixel-hero{min-height:0}.wing-card{max-width:230px}.wing-card img{max-height:210px}
  .reason-grid{grid-template-columns:repeat(3,1fr)}.consult-cta{grid-template-columns:72px 1fr auto}.consult-cta a{grid-column:auto;min-width:150px}.consult-sprite{width:72px;height:72px}
}
@media(max-width:390px){header .wordmark img{width:115px}header .wordmark span{font-size:11px;padding-left:7px}.game-title h1{font-size:34px}.service-pixel-grid{gap:9px}.service-pixel-grid article{padding:12px 8px}.hero-character{width:27%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-character,.hero-character b,.yuhong-sprite,.nav-sprite,.consult-sprite,.hero-client,.hero-client span{animation:none}.hero-client span{opacity:1}}

/* Warm editorial palette: cream and timber surfaces, with red reserved for emphasis. */
:root{--red:#cf202d;--deep:#7c2026;--cream:#fff7ea;--apricot:#f3e3d2;--rose:#f7e1de;--card:#fffcf6;--ink:#3b2e2b;--muted:#75615b;--line:#c97a73;--shadow:#e7c4b7;--taupe:#ede0d5}
body{background:var(--cream);color:var(--ink)}
header{background:var(--card);color:var(--ink);border-bottom-color:var(--red);box-shadow:0 4px 0 #e8cfc2}
header .wordmark span{border-left-color:#d7b9af;color:#594641}
header .nav-contact{background:var(--red);border-color:var(--deep);box-shadow:3px 3px 0 var(--deep)}
.desktop-wing:after{color:#9b7067}
.desktop-wing:before{background:repeating-linear-gradient(135deg,var(--red) 0 14px,#e8cfc2 14px 28px)}
.wing-copy{color:var(--muted)}.wing-english{color:#a24b55}.wing-role{color:#65514b}
.wing-tags span{color:var(--deep);background:#f8eadf;border-color:#d3a097}
.wing-card{background:var(--card);color:var(--ink);border-color:var(--red);box-shadow:7px 7px 0 var(--shadow)}
.wing-card img{border-color:var(--card);box-shadow:0 0 0 1px #ddc8bd}
.wing-card a{background:var(--red);border-color:var(--deep);box-shadow:3px 3px 0 var(--deep)}
.pixel-hero{background:#f5dfc9}
.pixel-hero>.scene{visibility:visible;filter:saturate(.88) contrast(.98) brightness(1.01)}
.game-title h1{color:#fff8e9;text-shadow:3px 0 #5c2621,-3px 0 #5c2621,0 3px #5c2621,0 -3px #5c2621,4px 5px #5c2621,5px 7px #5c2621}
.game-title h1 em{color:#d92732}.nameplate{background:var(--card);border-color:var(--deep);box-shadow:3px 3px 0 var(--deep)}
.game-start{background:#f5e4d7;border-top-color:var(--red)}
.game-start .trade-actions .light-action{background:var(--card);color:var(--deep);border-color:#b85c5f;box-shadow:inset 3px 3px 0 #fff,inset -3px -3px 0 #ead7cb,4px 5px 0 #b85c5f}
.trade-notice{background:#fff6ea;color:#6d4035;border-left-color:var(--red)}
.hero-character b,.hero-client span{background:var(--card);color:var(--deep);border-color:#b85c5f;box-shadow:2px 2px 0 #b85c5f}
.status-strip{background:var(--apricot);color:var(--deep);border-top-color:#e2c8b8;border-bottom-color:var(--red)}
.section{background:var(--cream)}
.pale{background:#efe0d2;border-color:#d7aa9c}
.three article,.steps article{background:var(--card);border-color:var(--line);box-shadow:4px 4px 0 var(--shadow)}
.category-section{background:var(--apricot);color:var(--ink)}
.category-intro,.category-rule{color:var(--muted)}
.category-rule{background:#fff2e5;border-left-color:var(--red)}.category-rule strong{color:#6f342f}
.service-pixel-grid article{background:var(--card);color:var(--ink);border-color:var(--line);box-shadow:3px 3px 0 var(--shadow)}
.service-pixel-grid article>span{background:#f9e0dc;color:var(--red);border-color:#bd5b59;box-shadow:2px 2px 0 #deb0a6}
.consult-reasons{background:var(--rose)}
.reason-grid article{background:var(--card);border-color:var(--line);box-shadow:4px 4px 0 var(--shadow)}
.consult-cta{background:#6f433d;color:#fffaf2;border-color:#4f2925;box-shadow:5px 5px 0 #d7aa9c}
.consult-cta small{color:#f3d8cf}.consult-cta a{background:var(--card);color:var(--deep);border-color:#e2b7aa;box-shadow:3px 3px 0 #4f2925}
#about.about-contact{background:#f5e4d7;color:var(--ink)}
#about.about-contact .about-portrait{background:var(--card);border-color:var(--red);box-shadow:4px 4px 0 var(--shadow)}
.office-card{background:var(--card);border-color:var(--line);box-shadow:4px 4px 0 var(--shadow)}
.faq{background:#faeee3}.faq details{background:var(--card);border-color:#b76a66;box-shadow:3px 3px 0 var(--shadow)}
.notice{background:var(--taupe);color:#665651;border-top-color:#cfa99d}
footer{background:var(--taupe);color:#6f5d56;border-top-color:#d5bdb2}
.mobile-bar.anchor-bar{background:var(--card)}
.mobile-bar.anchor-bar{grid-template-columns:1.25fr 1fr 1fr}
.mobile-bar.anchor-bar>a.nav-mascot{padding-left:74px;padding-right:2px}
.mobile-bar.anchor-bar>a{background:var(--card);color:var(--deep);border-color:#b45d5c;box-shadow:2px 3px 0 var(--shadow)}
@media(min-width:1000px){
  html{background-color:#ead7cc;background-image:radial-gradient(circle at center,#d2aa9b 1.3px,transparent 1.8px),linear-gradient(115deg,#f4e8dc 0%,#ead7cc 40%,#ead7cc 60%,#f4e8dc 100%)}
  body{box-shadow:0 0 0 5px var(--red),0 0 0 9px #ecd3c8,0 15px 70px #6c3d4426}
}

/* Keep the scene and its cast in one fixed stage so percentages never include the CTA below. */
.hero-stage{position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;background:#f3dbc7}
.hero-stage>.scene{display:block;width:100%;height:100%;object-fit:cover;visibility:visible;filter:saturate(.88) contrast(.97) brightness(1.01)}
.hero-stage .game-title{top:18px}
.hero-character{top:45%;left:4%;width:30%;animation:yuhong-roam 6s ease-in-out infinite}
.hero-character .yuhong-sprite{filter:drop-shadow(0 5px 2px #5b342c55)}
.hero-client{filter:drop-shadow(0 5px 2px #5b342c44)}
.client-policy{top:52%;left:38%;width:22%}
.client-family{top:49%;left:70%;width:25%}
.client-retire{top:61%;left:44%;width:24%}
@keyframes yuhong-roam{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}50%{transform:translate3d(18px,-5px,0) rotate(1deg)}}
@media(max-width:390px){.hero-character{top:46%;left:3%;width:29%}.client-policy{top:53%;left:37%}.client-family{top:50%;left:70%}.client-retire{top:62%;left:44%}}

/* Reference-led pixel game hero: characters, scenery and CTAs share one game screen. */
.hero-stage{background:#d8ae7f;border-bottom:4px solid var(--deep)}
.hero-stage>.scene{filter:saturate(.9) contrast(1.02);image-rendering:pixelated}
.hero-stage .game-title{top:14px}
.hero-stage .game-title p{color:#4d271d;font-size:14px;font-weight:900;letter-spacing:1px;-webkit-text-stroke:1px #fffaf0;paint-order:stroke fill;text-shadow:0 2px 0 #fffaf0}
.hero-stage .game-title h1{font-family:'DotGothic16','Noto Sans TC',sans-serif;font-size:clamp(37px,10.8vw,52px);line-height:1.08;color:#fff0df;letter-spacing:0;text-shadow:3px 0 #2b160f,-3px 0 #2b160f,0 3px #2b160f,0 -3px #2b160f,5px 6px 0 #2b160f}
.hero-stage .game-title h1 em{color:#f46f55}
.hero-stage .nameplate{background:#fff2dc;border:3px solid #2b160f;box-shadow:4px 4px 0 #2b160f;color:#4d271d}
.yuhong-sprite,.nav-sprite,.consult-sprite{background-image:url('assets/yuhong-pixel-sheet-v3-master.png');image-rendering:auto}
.nav-sprite{background-image:url('assets/yuhong-pixel-sheet-v3-master.png')}
.hero-client i{background-image:url('assets/clients-pixel-sheet-v2.png');image-rendering:pixelated}
.client-policy i{background-image:url('assets/consultation-clients-sheet.png');background-size:200% 200%;background-position:0 0;image-rendering:auto}
.client-family i{background-image:url('assets/client-family-v4.png');background-size:125% 125%;background-position:center;background-repeat:no-repeat}
.client-retire i{background-image:url('assets/client-retire-v4.png');background-size:contain;background-position:center;background-repeat:no-repeat}
.hero-character{top:40%;left:40%;width:24%;animation:yuhong-roam 4.5s steps(2,end) infinite}
.client-policy{top:34%;left:72%;width:20%;animation:policy-walk 6.4s steps(6,end) -2.1s infinite}
.client-family{top:45%;left:7%;width:23%;animation:family-walk 7.2s steps(7,end) -.8s infinite}
.client-retire{top:53%;left:64%;width:22%;animation:retire-walk 8.4s steps(8,end) -3.4s infinite}
.hero-client i{animation:client-footstep .58s steps(2,end) infinite;transform-origin:50% 100%}
.hero-character .yuhong-sprite,.hero-client{filter:drop-shadow(3px 5px 0 #3e261f66)}
.hero-character b,.hero-client span{background:#fff8e8;color:#4b281f;border:2px solid #2b160f;box-shadow:3px 3px 0 #2b160f}
.hero-character b{top:-2%;left:64%}
.client-policy span{right:58%;top:-12%}.client-family span{left:35%;top:-18%}.client-retire span{left:51%;top:-13%}
.hero-enter{position:absolute;z-index:5;top:67%;left:14%;right:14%;display:flex;align-items:center;justify-content:center;min-height:58px;background:#e44638;color:#fffaf0;border:4px solid #2b160f;box-shadow:0 9px 0 #2b160f;font-size:23px;font-weight:900;letter-spacing:2px;text-shadow:2px 2px 0 #6c1d18}
.hero-enter:active{transform:translateY(5px);box-shadow:0 4px 0 #2b160f}
.hero-guide{position:absolute;z-index:5;top:78%;left:28%;right:28%;display:block;text-align:center;background:#ffd870;color:#3e241b;border:3px solid #2b160f;box-shadow:4px 4px 0 #2b160f;padding:7px 4px;font-size:13px;font-weight:900}
@keyframes yuhong-roam{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(10px,-3px,0)}}
@keyframes policy-walk{0%,100%{transform:translate3d(0,0,0)}16%{transform:translate3d(-5px,-1px,0)}33%{transform:translate3d(-11px,0,0)}50%{transform:translate3d(-18px,-1px,0)}67%{transform:translate3d(-11px,0,0)}84%{transform:translate3d(-5px,-1px,0)}}
@keyframes family-walk{0%,100%{transform:translate3d(0,0,0)}14%{transform:translate3d(5px,-1px,0)}29%{transform:translate3d(11px,0,0)}43%{transform:translate3d(17px,-1px,0)}57%{transform:translate3d(22px,0,0)}71%{transform:translate3d(17px,-1px,0)}86%{transform:translate3d(8px,0,0)}}
@keyframes retire-walk{0%,100%{transform:translate3d(-8px,0,0)}13%{transform:translate3d(-2px,-1px,0)}25%{transform:translate3d(4px,0,0)}38%{transform:translate3d(11px,-1px,0)}50%{transform:translate3d(18px,0,0)}63%{transform:translate3d(11px,-1px,0)}75%{transform:translate3d(4px,0,0)}88%{transform:translate3d(-2px,-1px,0)}}
@keyframes client-footstep{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(.6deg)}}
@media(max-width:390px){.hero-character{top:40%;left:39%;width:25%}.client-policy{top:35%;left:72%;width:20%}.client-family{top:46%;left:6%;width:24%}.client-retire{top:54%;left:64%;width:22%}.hero-enter{left:12%;right:12%;font-size:21px}.hero-guide{left:27%;right:27%}}
@media(max-width:350px){.mobile-bar.anchor-bar>a.nav-mascot{padding-left:62px}.nav-mascot .nav-sprite{left:-40px;bottom:-40px;width:108px;height:108px}.nav-mascot>span:last-child{font-size:11px;margin-left:0}}
@media(prefers-reduced-motion:reduce){.client-policy,.client-family,.client-retire,.hero-client i{animation:none}}