.utility-bar{height:34px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;background:#11283c;border-bottom:1px solid #375366;color:#b4cad9;font-size:11px;letter-spacing:.05em}.utility-bar i{font-style:normal;margin:0 8px;color:#55778d}.utility-bar>div{display:flex;gap:24px}.utility-bar a{color:#d8e6ef}.utility-bar a:hover{color:#80dfe9}header{top:34px;height:106px;background:#081320ed;padding:0 5%;gap:28px}.brand{gap:18px;flex-shrink:0}.brand-symbol{position:relative;display:block;width:82px;height:76px;flex-shrink:0;overflow:hidden;background:#fff;border:1px solid #d6e0e7;border-radius:3px}.brand-symbol img{position:absolute;width:120px;height:120px;max-width:none;left:-26px;top:-28px}.brand-name{font-size:28px;font-weight:600;letter-spacing:.06em;line-height:1.25;color:#f0f5f8}.company-suffix{font-size:17px;letter-spacing:.04em;margin-left:3px}.brand-name small{font:11px 'Segoe UI',Arial,sans-serif;letter-spacing:.02em;color:#adbfcd;margin-top:7px}nav{gap:27px;font-size:12px}nav a:hover{color:#8ce0e9}.nav-contact{border-color:#79b5c3;color:#ceeaf0}.nav-contact span{margin-left:12px}.nav-toggle{display:none}.hero{height:930px;min-height:850px}.hero-copy{padding-top:180px;width:46%}.hero-brand-role{color:#9ec7d7;font-size:13px;letter-spacing:.15em;margin-top:25px}h1{font-size:64px;font-weight:500;line-height:1.25;margin:13px 0 0;letter-spacing:.12em}.hero-tagline{display:block;font-size:29px;font-weight:300;letter-spacing:.055em;margin-top:20px;white-space:nowrap;color:#d0dce6!important}.hero-specialty{font-size:13px;color:#91b4ca;margin:19px 0 25px;letter-spacing:.08em}.hero-specialty i{color:#4e768b;font-style:normal;margin:0 9px}.hero-copy .lead{font-size:14px;max-width:400px}.hero-actions{margin-top:28px;gap:19px}.story-button{border:0;background:transparent;padding:8px 0;color:#c5dfeb;font-size:13px}.story-button span{font-size:11px;color:#8ba9bd;margin-left:16px}.hero-meta{margin-top:25px;color:#91aabc}#scene{top:90px}.scene-callout{top:142px;max-width:400px}.scene-callout p{color:#b4c7d5}.scene-note{color:#94a9b9}.timeline-top,.chapters button,.scene-tools span{color:#9ab0c1}.eyebrow{color:#afc6d6}.train-map{bottom:230px}.train-map small{color:#96afc0}.scene-tools button,.sensor-views button{min-height:40px}.partner-band{display:flex;align-items:center;gap:38px;background:#e6edf0;color:#284154;padding:30px 6.2%;border-bottom:1px solid #c7d5dd}.partner-logo{min-width:210px;border-right:1px solid #bccdd7;padding-right:35px;display:flex;flex-direction:column;gap:8px}.partner-logo img{width:185px;height:auto;object-fit:contain}.partner-logo span{font-size:10px;letter-spacing:.18em;color:#59788d}.partner-message>span{font-size:17px;letter-spacing:.05em}.partner-message p{font-size:12px;margin:5px 0 0;color:#5b7486}.partner-band>a{font-size:12px;margin-left:auto;border-bottom:1px solid #7e9eac;padding-bottom:7px;white-space:nowrap}.oem-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:17px;font-size:11px;color:#2d657b}.oem-links a{border-bottom:1px solid #9db8c3;padding-bottom:4px}.family-detail>small{display:block}.resources{background:#eef2f3;color:#1e374a;padding:95px 6.2%;display:grid;grid-template-columns:1fr 1.35fr;gap:8%}.resource-intro h2,.about-section h2{font-size:38px;line-height:1.5;font-weight:400;letter-spacing:.04em;margin:25px 0}.resource-intro p{color:#587287;font-size:14px}.resource-help{display:inline-block;margin-top:22px;font-size:13px;border-bottom:1px solid #7f9fae;padding-bottom:9px}.resource-languages{display:flex;gap:24px;flex-wrap:wrap;font-size:11px;color:#4c7288;margin-top:35px}.resource-row{display:grid;grid-template-columns:27px 1fr 52px 20px;gap:18px;align-items:center;border-top:1px solid #b4c6cf;padding:24px 0;transition:background .2s}.resource-row:last-child{border-bottom:1px solid #b4c6cf}.resource-row:hover{background:#e2eaee}.resource-num{font:11px Arial;color:#658597;align-self:start;padding-top:8px}.resource-row h3{font-size:20px;font-weight:500;margin:0 0 8px}.resource-row p{font-size:12px;line-height:1.8;color:#527084;margin:0}.resource-type{font:10px Arial;color:#5c7c90;text-align:right}.resource-row>b{font-size:23px;font-weight:300;color:#3b7e97}.about-section{position:relative;overflow:hidden;background:#0e2235;padding:85px 6.2%;display:grid;grid-template-columns:1fr 1.25fr;gap:12%;color:#d8e5ee}.about-section .section-index{color:#84b6ca}.about-identity,.about-content{position:relative;z-index:1}.about-company{font-size:18px;margin-bottom:5px}.about-english{font-size:11px;color:#91aec1;margin-top:5px}.about-content>p{font-size:15px;color:#bad0de;line-height:2}.service-lines{margin:28px 0}.service-lines>div{display:flex;gap:22px;padding:15px 0;border-bottom:1px solid #315068;font-size:14px}.service-lines b{font:10px Arial;color:#6f9fb7}.about-content>a{font-size:13px;color:#9dd8e5}.about-orbits{position:absolute;width:500px;height:500px;left:-120px;bottom:-300px;color:#8ad8ee;opacity:.09;pointer-events:none}.closing{background:#e7edf0;color:#1c3c50}.closing p{color:#526f81}footer{display:grid;grid-template-columns:1fr auto;gap:35px;padding:45px 6.2% 24px;background:#060e19}.footer-identity{display:flex;gap:20px;align-items:center}.footer-identity strong{font-size:20px;font-weight:500;letter-spacing:.06em}.footer-identity p{font-size:11px;color:#9fb8ca;margin:7px 0}.footer-identity small{font-size:11px;color:#789cb2}.footer-links{display:flex;gap:20px;flex-wrap:wrap;align-content:center;font-size:12px}.footer-links a{margin:0;color:#a8c4d6}.footer-bottom{grid-column:1/-1;border-top:1px solid #213447;padding-top:20px;display:flex;justify-content:space-between;gap:15px;color:#8199ab;font-size:10px}.footer-bottom small{font-size:10px;color:#8199ab}
@media(max-width:1100px){header{gap:15px;padding:0 4%}.brand-name{font-size:25px}.company-suffix{display:block;font-size:12px;margin:3px 0 0;letter-spacing:.17em}.brand-name small{font-size:10px}nav{gap:15px}.brand{gap:12px}.hero-tagline{font-size:24px}.hero-copy{width:49%}.hero h1{font-size:55px}.footer-links{max-width:230px}}
@media(max-width:700px){.utility-bar{height:32px;padding:0 6%;font-size:9px}.utility-bar>span{font-size:9px}.utility-bar>span i,.utility-bar>div a:last-child{display:none}.utility-bar>span{max-width:66%;overflow:hidden;white-space:nowrap}.utility-bar>div{gap:0}header{top:32px;height:90px;padding:0 6%;gap:12px}.brand{gap:10px;flex:1;min-width:0}.brand-symbol{width:56px;height:55px}.brand-symbol img{width:85px;height:85px;left:-19px;top:-19px}.brand-name{font-size:23px;letter-spacing:.08em}.company-suffix{font-size:9px;margin:3px 0 0;letter-spacing:.3em}.brand-name small{font-size:8px;max-width:198px;line-height:1.4;letter-spacing:0}.nav-toggle{display:flex;gap:7px;align-items:center;background:none;color:#d7e8f2;border:1px solid #4a6a7f;min-height:44px;padding:8px 10px;font-size:11px;flex-shrink:0}.nav-toggle span{font-size:17px}nav{display:none;position:absolute;top:90px;left:0;right:0;background:#0c1e30;padding:15px 6% 22px;box-shadow:0 22px 35px #0006;border-bottom:1px solid #38576d;z-index:20}nav.open{display:flex;flex-direction:column;gap:0;align-items:stretch}nav a{display:block!important;padding:15px 5px;border-bottom:1px solid #294459;font-size:14px}.nav-contact span{float:right}.hero{height:1140px;min-height:1140px;max-height:none}.hero-copy,.hero[data-stage="2"] .hero-copy{width:100%;padding:540px 7% 0}.hero .eyebrow{font-size:8px;letter-spacing:.12em}.hero-brand-role{font-size:11px;margin-top:18px}.hero h1{font-size:44px;letter-spacing:.12em;margin-top:9px}.hero-tagline{font-size:22px;letter-spacing:.035em;margin-top:12px}.hero-specialty{font-size:11px;margin:15px 0}.hero-specialty i{margin:0 5px}.hero-copy .lead{font-size:12px;line-height:1.8}.hero-actions{margin-top:18px;gap:12px;flex-direction:row;align-items:center}.hero-actions .primary{font-size:12px;min-height:44px;padding:12px 15px;gap:15px}.story-button{font-size:11px;min-height:44px}.story-button span{margin-left:5px;font-size:9px}.hero-meta{font-size:8px;margin-top:17px}.scene-callout{top:109px;right:7%;max-width:250px;padding:5px 8px}.scene-callout h2{font-size:13px;margin-top:5px}.hero[data-stage="0"] #scene,.hero[data-stage="1"] #scene,.hero[data-stage="2"] #scene,#scene{top:155px;height:285px;bottom:auto;left:-5%;right:-5%}.hero[data-stage="4"] #scene{top:150px;height:365px}.hero[data-stage="5"] #scene{height:310px}.train-map{top:420px;bottom:auto}.sensor-views{top:490px;bottom:auto}.sensor-views button{font-size:9px;padding:6px 7px;min-height:36px}.scene-tools{bottom:155px;right:7%}.scene-tools button{min-height:40px}.timeline{bottom:48px}.analysis-caption{top:460px}.stage-action{top:510px;bottom:auto}.scene-note{font-size:8px;line-height:1.5}.partner-band{padding:28px 7%;gap:20px;flex-wrap:wrap}.partner-logo{min-width:0;width:135px;padding-right:18px}.partner-logo img{width:116px}.partner-logo span{font-size:8px}.partner-message{flex:1}.partner-message>span{font-size:13px}.partner-message p{font-size:10px;line-height:1.8}.partner-band>a{margin-left:0;font-size:11px}.resources{padding:55px 7%;grid-template-columns:1fr;gap:35px}.resource-intro h2,.about-section h2{font-size:29px}.resource-intro p{font-size:13px}.resource-help{font-size:12px;margin-top:10px}.resource-languages{margin-top:24px}.resource-row{grid-template-columns:20px 1fr 36px 15px;gap:10px;padding:20px 0}.resource-row h3{font-size:17px}.resource-row p{font-size:11px}.resource-type{font-size:8px}.about-section{padding:55px 7%;grid-template-columns:1fr;gap:22px}.about-company{font-size:17px}.about-content>p{font-size:13px}.service-lines>div{font-size:13px}.about-orbits{left:-190px}.oem-links{font-size:11px;gap:10px;margin-top:15px}footer{padding:35px 7% 25px;grid-template-columns:1fr;gap:25px}.footer-identity{gap:15px}.footer-identity strong{font-size:16px}.footer-identity p{font-size:9px}.footer-identity small{font-size:10px}.footer-links{max-width:none;gap:17px;font-size:11px}.footer-bottom{flex-direction:column;gap:8px}}
.partner-message{min-width:0}
@media(max-width:700px){.partner-band{display:grid;grid-template-columns:120px 1fr;gap:20px}.partner-logo{width:120px;padding-right:15px}.partner-logo img{width:104px}.partner-band>a{grid-column:1/-1;justify-self:start}.partner-message>span{font-size:12px}.utility-bar>span{font-size:0}.utility-bar>span::before{content:'SHINKAWA 台灣總代理';font-size:9px}}
@media(max-width:700px){.partner-band{display:grid;grid-template-columns:120px 1fr;gap:20px}.partner-logo{width:120px;padding-right:15px}.partner-logo img{width:104px}.partner-band>a{grid-column:1/-1;justify-self:start}.partner-message>span{font-size:12px}.utility-bar>span{font-size:0}.utility-bar>span::before{content:"SHINKAWA 台灣總代理";font-size:9px}}
.brand-symbol{border-radius:4px;box-shadow:0 2px 10px #020a1433}.scene-tools{bottom:190px}@media(max-width:700px){.scene-tools{bottom:165px}.train-map{top:414px}.sensor-views{top:505px}.hero-copy,.hero[data-stage="2"] .hero-copy{padding-top:560px}.hero{height:1160px;min-height:1160px}.hero-meta{letter-spacing:.05em}}
@media(max-width:360px){.hero-copy,.hero[data-stage="2"] .hero-copy{padding-top:600px}.hero{height:1200px;min-height:1200px}.sensor-views{display:grid;grid-template-columns:repeat(3,1fr)}}