/* Compact phone layout; keep form text at 16px to avoid iOS focus zoom. */
.cube-art{background:#e8f1f7;background-image:none;aspect-ratio:16/9;border-radius:12px;min-height:220px}
.cube-turn{width:150px;height:150px;display:grid;place-items:center;animation:cube-spin 32s linear infinite}
.cube-window{display:block;width:126px;height:147px;background:url('assets/logo-blue.png') no-repeat;background-size:360px 180px;background-position:-12px -16px}
@keyframes cube-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){
 html{scroll-padding-top:68px}body{font-size:14px;line-height:1.8;padding-bottom:54px}
 .container,.journey-page .wrap{width:calc(100% - 36px)}
 .site-header{height:62px;padding:0 16px;background:#fff;gap:12px}
 .site-brand{min-width:0;gap:0}.site-brand img{width:137px;height:48px}.site-brand span{display:none}
 .menu-toggle{margin-left:auto}.overline,.eyebrow{margin-bottom:12px}
 h2,.intro-grid h2,.business-copy h3,.service-list h2,.business-contact h2,.app-support h2{font-size:23px;line-height:1.55}
 h3{font-size:20px}.hero-intro{padding:24px 18px 22px}.hero-intro h1{font-size:34px;line-height:1.35}
 .hero-intro h1 br:first-of-type{display:none}.hero-description{margin:14px 0;font-size:14px}
 .hero-photo{height:auto;min-height:0;aspect-ratio:16/9;margin:0 18px;border-radius:36px 6px 6px 6px}
 .photo-caption{left:16px;bottom:15px}.photo-caption p{font-size:14px;margin-top:4px}.hero-bottom{padding:14px 18px}
 .intro-section,.recruit-section{padding-block:40px}.business-section{padding-block:40px}.intro-grid{gap:20px}
 .number-grid{margin-top:26px}.number-grid strong{font-size:43px}.number-grid>a,.number-grid>a:first-child{padding:18px 0}
 .section-heading{margin-bottom:22px}.business-grid,.recruit-grid{gap:22px}
 .tech-art{aspect-ratio:16/9;min-height:0;border-radius:12px}.cube-turn{width:125px;height:125px}.cube-window{width:105px;height:122.5px;background-size:300px 150px;background-position:-10px -13.3px}
 .feature-photo{min-height:0;aspect-ratio:4/3}.feature-photo h3{font-size:23px;margin:10px 0}.feature-photo>div{left:18px;bottom:18px}
 .recruit-links h3{font-size:21px}.diagnosis-banner{padding:24px 18px}.diagnosis-banner h2{font-size:23px}
 .contact-block{padding:36px 0}.contact-block h2{font-size:27px}.social-strip{padding-block:36px}
 .page-title{padding-block:28px}.page-title h1{font-size:29px;line-height:1.5}.page-title>p:last-child{margin-top:14px;font-size:13px}
 .wide-photo{height:auto;aspect-ratio:16/9}.story-section{padding-block:36px}.service-lead{gap:24px}
 .app-art{min-height:0;aspect-ratio:16/9;padding:20px}.app-art>strong{font-size:36px;margin:10px 0}.app-art .pillars{gap:12px;margin-bottom:12px}.pillars i{padding:7px 12px}
 .app-mini{min-height:0;aspect-ratio:16/9;padding:20px}.app-mini strong{font-size:38px;margin-top:12px}.app-mini b{margin-top:12px}
 .app-description h2{font-size:28px;margin:14px 0}.app-home{padding-top:36px}.app-business{padding-bottom:36px}.app-business p:last-child{margin-top:16px}
 .bottom-actions a{min-height:48px;padding:11px 13px;font-size:11px}.bottom-actions span{font-size:16px}
 .journey-page h1,.journey-page .application h1{font-size:26px;line-height:1.5}
 .journey-page .flow{padding:12px 0;margin-bottom:0;font-size:9px;gap:4px}.journey-page .flow a,.journey-page .flow span{padding-right:0}
 .journey-page .hero,.journey-page .diagnosis-hero{padding-block:25px;gap:24px}.journey-page .lead{font-size:16px;margin:14px 0}
 .journey-page .hero-visual{min-height:0;aspect-ratio:16/9;border-radius:24px 6px 6px 6px}.journey-page .photo-note{left:18px;bottom:18px}.journey-page .photo-note strong{font-size:21px;margin-top:5px}
 .journey-page .hero-stamp{font-size:9px;top:12px;right:14px}.journey-page .section{padding-block:40px}.journey-page .salary-section,.journey-page .work-section{padding-block:40px}
 .journey-page .section h2,.journey-page .salary-section h2,.journey-page .work-section h2{font-size:24px}
 .journey-page .people>img{height:auto;aspect-ratio:16/9}.journey-page .section-lead{font-size:17px}
 .journey-page .application{padding-block:24px 36px}.application>p{margin:12px 0 20px}.application>.eyebrow{margin:0 0 10px}
 .journey-page .application .form-panel{padding:20px 16px}.journey-page .application form{padding:0}
 .field{margin-bottom:20px}.field label{margin-bottom:7px}.field input,.field textarea{font-size:16px!important;line-height:1.5;padding:11px!important;min-height:46px}.field textarea{min-height:100px}.privacy{font-size:12px}
 .journey-page .application:focus-within~.bottom-actions{display:none}
 .journey-page .quiz-shell{padding:18px 14px;margin-top:18px}.journey-page .question h2{font-size:21px}.question>p:not(.eyebrow){margin:8px 0 16px;font-size:13px}
 .options{gap:8px}.journey-page .option{min-height:46px;padding:10px 12px}.journey-page .option[aria-pressed=true]{padding:9px 11px}.journey-page .option strong{font-size:14px}.option span{font-size:11px;margin-top:2px}
 .quiz-controls{margin-top:18px;gap:12px}.quiz-controls .quiet{font-size:12px}.journey-page .quiz-controls .button{min-width:120px;padding:12px 16px;font-size:13px}
 .journey-page .outcome-card{padding:22px 18px}.journey-page .outcome-card h2{font-size:22px;margin:18px 0}.outcome-card li{padding:14px 0}
 .journey-page .method-section{padding-top:35px}.journey-page .result-main,.journey-page .result-reason{padding:22px 18px}.journey-page .result-number strong{font-size:42px}
 #site-menu nav a{font-size:17px;padding:9px 0}#site-menu nav{margin-block:12px}
}
@media(prefers-reduced-motion:reduce){.cube-turn{animation:none}}
@media(max-width:360px){.hero-intro h1{font-size:28px;letter-spacing:-.04em}}