/* September 2026: human time, editorial rhythm, accessible motion. */
:root{--navy:#172032;--navy-deep:#0e1118;--navy-2:#25334e;--ink:#363c48;--muted:#687180;--muted-2:#687180;--line:#e1e5eb;--bg:#fff;--bg-soft:#f5f6f8;--pop:#2455db;--pop-d:#1840b1;--radius:8px;--max:1240px}
html{scrollbar-gutter:stable}
.section[id]{scroll-margin-top:0}
body{letter-spacing:0;font-feature-settings:normal;line-height:1.95}
*,*::before,*::after{letter-spacing:0!important}
[hidden]{display:none!important}
main{display:block}
.wrap{width:100%;padding-left:48px;padding-right:48px}
h1,h2,h3,h4,p,li,.ttl{word-break:normal;overflow-wrap:break-word;line-break:strict}
h1,h2,h3{font-family:var(--serif);text-wrap:initial}
body .hero h1,body .page-hero h1,body .section-head h2,body .cta h2,body h3{letter-spacing:0!important;text-wrap:wrap}
h2,.section-head h2{font-size:38px;line-height:1.6}
h3{font-size:22px;line-height:1.6}
p,li{font-family:var(--sans);text-wrap:pretty}
.phrase,.copy-line{display:block}
.jp-keep{display:inline-block;max-width:100%}
.skip-link{position:fixed;top:12px;left:20px;z-index:10010;padding:10px 16px;background:#fff;color:var(--navy);transform:translateY(-160%)}
.skip-link:focus{transform:none}
.nav{height:80px}
.brand img{height:32px}
.brand b{font-size:18px}
.site-header{background:rgba(255,255,255,.94)}
.site-header:focus-within{transform:none}
.nav-links{gap:32px}
.nav-links a{font-size:11px;display:inline-block}
.nav-links a[aria-current=page]::after{transform:scaleX(1)}
.nav-toggle{border-radius:4px;width:44px;height:44px}
.nav-toggle[aria-expanded=true] span{background:transparent}
.nav-toggle[aria-expanded=true] span::before{top:0;transform:rotate(45deg)}
.nav-toggle[aria-expanded=true] span::after{top:0;transform:rotate(-45deg)}
.progress{height:2px;background:var(--pop);z-index:70}
.lbl{font-size:11px;color:var(--muted)}
.hero,.page-hero{background:#fff}
.hero{display:block;min-height:0;height:auto;padding:140px 0 40px;isolation:isolate}
.hero .wrap{display:block;position:relative;padding-top:0}
.hero-copy{max-width:740px;transform:none;will-change:auto}
.hero-name{display:block;font-family:var(--en);font-weight:600;font-size:22px;line-height:1.5;color:var(--navy)}
.eyebrow-stack{margin-bottom:28px}
.eyebrow-stack .l2{font-size:10px;margin-top:8px;color:var(--muted)}
.hero h1{font-size:64px;line-height:1.4;max-width:none;font-weight:600;white-space:normal;letter-spacing:0!important}
.hero h1 .ac{color:var(--pop)}
.hero h1 .ac::after{display:none}
.hero .sub{font-size:15px;line-height:1.95;max-width:510px;margin-top:24px}
.copy-detail{display:block;font-size:14px;color:var(--muted);margin-top:18px;line-height:1.95}
.hero .acts{margin-top:28px}
.hero .hero-foot{position:relative;display:flex;justify-content:space-between;align-items:center;margin-top:38px;color:var(--muted);font:10px var(--en)}
.hero-scroll{display:flex;align-items:center;gap:16px}
.hero-scroll i{display:block;width:52px;height:1px;background:#939baa;transform-origin:left;animation:cue 2.5s ease-in-out infinite}
.time-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.hero .time-field{opacity:.95}
.hero .plane,.page-hero .plane,.page-hero::before,.page-hero::after,.section::before,.section::after,.statement::before,.statement::after,.site-footer::before{display:none!important}
.page-hero{padding:154px 0 80px;border-bottom:1px solid var(--line);isolation:isolate}
.page-hero .wrap{position:relative;z-index:1}
.page-hero h1,.service-hero h1{font:600 54px/1.55 var(--serif);max-width:820px}
.page-hero p{max-width:620px;font-size:16px;line-height:2;margin-top:24px}
.page-hero .time-field{opacity:.36}
.breadcrumb{padding-top:20px;padding-bottom:0;font-size:10px}
.section{padding:104px 0}
.section-head{max-width:760px;margin-bottom:48px}
.section-head p{max-width:660px;font-size:15px;line-height:2}
.section-head .meta{margin-bottom:20px}
.meta .bar{background:var(--line);width:36px}
.marquee{padding:22px 0;background:#fff}
.marquee .tr{animation-duration:55s}
.marquee b{font:500 13px var(--sans)}
.marquee .mq-en{font-size:10px}
.marquee .set{gap:36px;padding-right:36px}
.marquee i{background:var(--pop);border-radius:0;width:4px;height:4px;transform:rotate(45deg)}
.ai-path-grid{border-bottom:0;gap:0}
.ai-phase{padding:32px 32px 22px 0;min-height:268px}
.ai-phase+.ai-phase{padding:32px 32px 22px;border-left:1px solid var(--line)}
.ai-phase:last-child{padding-right:0}
.ai-phase::after{display:none}
.ai-phase .n{font-size:11px}
.ai-phase .verb{margin-top:26px;color:var(--muted)}
.ai-phase h3{font-size:24px;margin-top:5px}
.ai-phase p{font-size:14px;color:var(--ink)}
.statement{padding:104px 0;background:var(--bg-soft);animation:none}
.statement .st{font-size:48px;line-height:1.7;margin-top:18px;font-weight:500;color:var(--navy)}
.statement .st em{color:var(--pop)}
.statement .lbl{color:var(--muted)}
.statement .st-sub{color:var(--ink);font-size:15px;max-width:690px}
.statement .lnk{color:var(--navy)}
.statement .time-field{opacity:.4}
.statement .wrap{position:relative;z-index:1}
.row{grid-template-columns:70px 1fr 32px;gap:20px;padding:30px 0;transition:background .25s}
.row:hover{padding-left:0;background:#f5f6f8}
.row .ttl{font:600 25px/1.6 var(--serif)}
.row .ttl .en{font-size:10px;margin-top:6px}
.row .desc{font:400 14px/1.95 var(--sans);max-width:660px;margin-top:12px}
.row .arrow{justify-self:center}
.home-work-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:26px}
.home-work,.home-work:not(.home-work-main){display:flex;flex-direction:column;border:0;border-radius:0;background:transparent;overflow:visible}
.home-work-main{grid-row:auto;grid-column:auto}
.home-work .media,.home-work-main .media,.home-work:not(.home-work-main) .media{aspect-ratio:4/3;min-height:0;border:1px solid var(--line);border-radius:4px}
.home-work img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.home-work .caption{padding:22px 0;justify-content:flex-start}
.home-work h3,.home-work-main h3{font:600 21px/1.55 var(--sans)}
.home-work p{font-size:13px}
.home-work .scope{color:var(--muted)}
.feature-grid{border:0;border-radius:0;gap:0 56px;background:none}
.feature{border-top:1px solid var(--line);padding:28px 0 38px;background:transparent;transform:none!important}
.feature:hover{background:transparent}
.feature h3{font-family:var(--sans);font-size:20px}
.fit-grid{gap:56px}
.fit,.fit.yes,.fit.no{border:0;border-top:1px solid var(--line);border-radius:0;padding:26px 0;background:none}
.fit h3{font-family:var(--sans);font-size:17px}
.fit li{font-size:14px;border-bottom:0}
.fit.yes .mk{background:#eaf0ff}
.faq{max-width:none}
.qa summary{font-size:16px;padding:26px 40px 26px 0}
.qa .a{max-width:780px;padding-bottom:28px;font-size:15px}
.qa[open]{background:#f1f4fa}
.qa[open] summary,.qa[open] .a{padding-left:20px;padding-right:40px}
.svc-detail{gap:70px;grid-template-columns:1.05fr 1fr}
.svc-detail .head h2{font:600 30px/1.6 var(--serif)}
.svc-detail .head p{font-size:15px;overflow-wrap:break-word}
.svc-detail .head .for{font-size:13px;color:var(--muted)}
.svc-list{margin-top:44px}
.svc-list li{font-size:14px}
.training-practice{margin-top:64px}
.training-heading{border-top:1px solid var(--line);padding-top:28px}
.training-heading h3{font:600 26px/1.6 var(--serif);margin-top:8px}
.training-heading p{font-size:13px;margin-top:10px}
.training-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:32px}
.training-steps li{border-top:1px solid var(--line);padding-top:22px}
.training-steps .n{font:500 10px var(--en);color:var(--pop)}
.training-steps h4{font:700 18px var(--sans);margin:16px 0 12px;color:var(--navy)}
.training-steps p{font-size:14px}
.section.cta-dark{background:#111723;padding:0;animation:none}
.cta .wrap{padding:96px 48px}
.cta h2{font:500 42px/1.65 var(--serif);margin:18px 0}
.cta p{font-size:15px}
.section.cta-dark.closing p{margin-bottom:0;color:#c7cdd8}
.closing .lbl{color:#aeb8cb}
.site-footer{background:var(--navy-deep)}
.footer-top{padding:64px 48px 48px;gap:32px;grid-template-columns:1.7fr 1fr 1fr 1fr}
.footer-brand p{color:#b8becb}
.footer-bottom{padding:22px 48px;color:#a4adbd;border-color:#2c313c}
.footer-col a{color:#c7cdd8}
.footer-col a:hover{color:#9ab9ff}
.form{box-shadow:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:30px 0;background:transparent}
.form input,.form textarea,.form select{font-size:16px;border-radius:4px}
.form input:focus,.form textarea:focus,.form select:focus{box-shadow:0 0 0 3px rgba(36,85,219,.12)}
.form .agree input{width:18px;height:18px;accent-color:var(--navy);flex-shrink:0}
.form .agree a,.form .note a{text-decoration:underline;text-underline-offset:3px}
.btn{border-radius:4px;min-height:48px}
.btn:hover{transform:none;box-shadow:none}
.page-works .work{border-radius:4px;box-shadow:none}
.page-works .work h3{font-family:var(--sans)}
.intro{background:#101726;transition:opacity .65s ease,clip-path .9s cubic-bezier(.7,0,.2,1);clip-path:inset(0)}
.intro::before,.intro::after,.intro-logo::after{display:none}
.intro.done{transform:none;clip-path:inset(0 0 100%);opacity:.9}
.intro-stage{position:relative;z-index:1;transition:opacity .4s,transform .65s;max-width:calc(100% - 48px)}
.intro-logo{width:230px;opacity:1;transform:none;animation:none}
.intro-phrase strong{font-size:26px}
.intro-phrase{animation:introPhrase .65s ease forwards .35s}
.intro-rule{max-width:100%;width:360px}
.intro-rule span{background:#719fff}
.intro-fields,.intro-coordinate,.intro-index{color:#bac9e2;opacity:1}
.intro-skip{position:absolute;right:30px;bottom:26px;z-index:2;color:#edf2fc;font:500 12px var(--sans);border:0;border-bottom:1px solid #6f809d;background:transparent;padding:10px 0;cursor:pointer}
.intro-skip span{margin-left:12px}
.motion-toggle{position:fixed;right:20px;bottom:20px;z-index:65;width:44px;height:44px;display:grid;place-items:center;background:rgba(255,255,255,.94);border:1px solid #d8dde6;border-radius:50%;cursor:pointer}
.motion-toggle img{width:17px;height:17px}
.motion-toggle::before{content:attr(aria-label);position:absolute;right:54px;padding:7px 12px;color:#fff;background:var(--navy);font:11px/1.5 var(--sans);white-space:nowrap;opacity:0;pointer-events:none;transform:translateX(5px);transition:.2s}
.motion-toggle:hover::before,.motion-toggle:focus-visible::before{opacity:1;transform:none}
.intro-lock .motion-toggle{visibility:hidden}
.intro-lock .skip-link{display:none}
.row .arrow{display:block}
.page-thanks .page-hero h1{font-size:46px}
@media(max-width:600px){.page-thanks .page-hero h1{font-size:28px}}
@media(max-width:360px){.page-thanks .page-hero h1{font-size:22px}.statement .st{font-size:29px}}
.hero .eyebrow-stack,.hero h1,.hero .sub,.hero .acts,.page-hero .meta,.page-hero h1,.page-hero p,.rv,.rv-st>*{opacity:1;transform:none;filter:none}
body.motion-enabled:not(.hero-ready) .hero h1,body.motion-enabled:not(.hero-ready) .hero .sub{opacity:0;transform:translateY(14px)}
body.motion-enabled .rv:not(.on){opacity:0;transform:translateY(18px)}
body.motion-enabled .rv-st:not(.on)>*{opacity:0;transform:translateY(18px)}
body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{animation-play-state:paused!important;transition-duration:0s!important}
body.motion-paused .rv,body.motion-paused .rv-st>*{opacity:1!important;transform:none!important}
@media(min-width:1100px) and (min-height:850px){.hero{padding-top:170px;padding-bottom:76px;min-height:calc(100svh - 76px);display:flex;flex-direction:column;justify-content:center}.hero .hero-foot{margin-top:64px}}
@media(max-width:1100px){.hero h1{font-size:62px}.hero-copy{max-width:660px}.wrap{padding-left:36px;padding-right:36px}.home-work-grid{gap:20px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.nav-links{inset:80px 0 auto;padding:16px 36px;max-height:none}.nav-links a{display:block;padding:18px 0;font-size:13px}.nav-links.open{max-height:calc(100svh - 80px);overflow:auto}.hero{padding:128px 0 32px}.hero h1{font-size:54px}.hero .hero-foot{margin-top:44px}.hero .time-field{opacity:.4}.section{padding:80px 0}h2,.section-head h2{font-size:32px}.page-hero h1,.service-hero h1{font-size:44px}.page-hero{padding:134px 0 64px}.ai-path-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-phase,.ai-phase+.ai-phase{padding:24px 20px;border-top:0;border-left:1px solid var(--line);min-height:0}.ai-phase:first-child{padding-left:0;border-left:0}.ai-phase h3{font-size:20px}.ai-phase .verb{margin-top:20px}.svc-detail{grid-template-columns:1fr;gap:24px}.svc-list{margin-top:0}.footer-top{grid-template-columns:1.5fr 1fr}.fit-grid{gap:32px}.home-work-grid{grid-template-columns:1fr 1fr}.home-work-main{grid-column:1/-1}.home-work-main .media{aspect-ratio:16/8}}
@media(max-width:600px){.wrap{padding-left:24px;padding-right:24px}.nav{height:72px}.nav-links{inset:72px 0 auto;padding:12px 24px}.brand img{height:28px}.brand b{font-size:16px}.hero{padding:112px 0 32px;min-height:calc(100svh - 60px);display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:40px;line-height:1.55}.hero-name{font-size:19px}.eyebrow-stack{margin-bottom:26px}.hero .eyebrow-stack .lbl{font-size:9px}.hero .sub{margin-top:22px;font-size:15px}.copy-detail{font-size:13px;line-height:1.9;margin-top:18px}.hero .acts{margin-top:24px}.hero .hero-foot{margin-top:40px;font-size:9px;gap:16px}.hero-scroll{font-size:0;gap:0}.hero-scroll i{width:30px}.hero .time-field{opacity:.34}.section{padding:68px 0}.section-head{margin-bottom:34px}h2,.section-head h2{font-size:27px;line-height:1.65}.section-head p{font-size:14px}.page-hero{padding:120px 0 52px}.page-hero h1,.service-hero h1{font-size:33px;line-height:1.6}.page-hero p{font-size:14px}.marquee{padding:18px 0}.marquee b{font-size:11px}.ai-path-grid{grid-template-columns:1fr}.ai-phase,.ai-phase+.ai-phase{padding:26px 0;border-left:0;border-bottom:1px solid var(--line)}.ai-phase .n{display:inline;margin-right:16px}.ai-phase .verb{margin-top:0}.ai-phase h3{font-size:23px;margin-top:10px}.ai-phase p{max-width:none;margin-top:10px}.statement{padding:74px 0}.statement .st{font-size:33px}.statement .st-sub{font-size:14px}.row{grid-template-columns:28px minmax(0,1fr) 22px;gap:12px;padding:25px 0}.row .ttl{font-size:21px}.row .desc{font-size:13px}.row .no{font-size:10px}.home-work-grid{grid-template-columns:1fr;gap:24px}.home-work-main{grid-column:auto}.home-work-main .media,.home-work:not(.home-work-main) .media{aspect-ratio:16/10}.home-work .caption{padding:18px 0 0}.feature-grid,.fit-grid{grid-template-columns:1fr;gap:0}.feature{padding:24px 0 28px}.feature h3{font-size:18px}.fit h3{font-size:16px}.qa summary{font-size:14px;padding-top:22px;padding-bottom:22px}.qa .a{font-size:14px}.svc-detail .head h2{font-size:26px}.svc-detail .head p{font-size:14px}.training-practice{margin-top:42px}.training-heading h3{font-size:23px}.training-steps{grid-template-columns:1fr;gap:24px}.training-steps h4{margin-top:10px}.cta .wrap{padding:70px 24px}.cta h2{font-size:31px}.cta p{font-size:14px}.footer-top{padding:52px 24px 32px;grid-template-columns:1fr 1fr;gap:26px 20px}.footer-brand{grid-column:1/-1}.footer-col a{font-size:12px}.footer-bottom{padding:22px 24px 72px;font-size:10px}.intro-logo{width:184px}.intro-phrase strong{font-size:20px}.intro-phrase span{font-size:11px}.intro-coordinate.coord-b{font-size:8px}.intro-index{display:none}.intro-fields{font-size:8px}.intro-skip{right:24px;bottom:20px}.motion-toggle{right:14px;bottom:14px}.contact-grid{gap:24px}.cm a,.cm span{font-size:14px}.table th,.table td{font-size:13px}.table th{width:25%}.prose p{font-size:15px}.pname small{display:block;margin:4px 0 0}}
@media(max-width:360px){.hero h1{font-size:35px}.hero .sub{font-size:14px}.intro-phrase strong{font-size:17px}.page-hero h1,.service-hero h1{font-size:29px}.section-head h2{font-size:25px}.svc-detail .head h2{font-size:23px}.hero .eyebrow-stack .lbl{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.intro{display:none!important}.hero h1,.hero .sub,.rv,.rv-st>*{opacity:1!important;transform:none!important}}