/* ELV / Assemble. Pearl white, silver and petrol blue. */
:root{--ink:#202725;--muted:#5c6a6d;--paper:#f5f6f3;--white:#fff;--line:#d9e1e1;--soft:#eaf0f1;--blue:#1f626e;--blue-dark:#184d58;--lime:#d7eef2;--coral:#202725;--lavender:#eaf0f1;--gutter:4.5%}
body{font-family:Manrope,Arial,sans-serif;background:var(--paper)}h1,h2,h3,h4{font-weight:500}::selection{background:#d7eef2;color:var(--ink)}.eyebrow,.service-number,.diagram-label,.map-caption{font-family:Manrope,Arial,sans-serif;letter-spacing:.07em}.header{height:84px;background:#f5f6f3f5;border:0;gap:28px}.brand{gap:10px}.brand svg{width:33px;height:36px;color:var(--blue)}.header .logo{font-size:34px;letter-spacing:-2px}.header nav{font-size:12px;gap:28px}.nav-contact{background:#e3edef;color:var(--ink);border-radius:40px}.nav-contact:hover{background:var(--blue);color:#fff}.header nav .nav-link:after{height:1px}#language{font-size:11px;font-weight:500}.button{border-radius:40px;font-size:12px;min-height:50px}.button-blue,.dark,.button-lime{background:var(--blue);color:white}.button-blue:hover,.dark:hover,.button-lime:hover{background:var(--blue-dark)}.button-outline{background:white}.text-link{font-size:12px}.section{padding-top:90px;padding-bottom:90px}.section-intro{gap:20px 60px}.section-intro>.eyebrow{color:var(--muted);font-size:10px}.section-intro h2{font-size:clamp(35px,4.2vw,62px);letter-spacing:-.05em}.section-intro>p{font-size:14px}
/* Hero: readable HTML first, one live 3D scene layered over a rendered still. */
.light-hero{padding:0 2.25%}.light-intro{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:7%;padding:16px 2.35% 28px}.light-intro .category{font-size:12px;margin:0 0 17px;color:var(--muted)}.light-intro h1{font-size:clamp(42px,5.2vw,78px);line-height:1.04;letter-spacing:-.066em;font-weight:500}.intro-aside{padding-bottom:4px}.intro-aside p{font-size:14px;line-height:1.85;max-width:440px;margin:0 0 24px}.intro-aside>a{display:inline-flex;align-items:center;gap:35px;font-size:12px;font-weight:600}.intro-aside>a span{font-size:20px;color:var(--blue)}.light-stage{height:clamp(400px,53vh,630px);min-height:400px;position:relative;isolation:isolate;overflow:hidden;border-radius:24px;background:#efefea}.light-stage .poster,.light-stage #scene{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.light-stage .poster{object-fit:cover}.light-stage #scene{opacity:0;transition:opacity .8s}.light-stage #scene canvas{display:block;width:100%;height:100%}.light-stage[data-rendered=true] #scene{opacity:1}.light-stage[data-rendered=true] .poster{visibility:hidden}.stage-top,.stage-bottom{position:absolute;left:35px;right:35px;display:flex;align-items:center;justify-content:space-between;z-index:1;pointer-events:none}.stage-top{top:24px}.stage-word{font-size:9px;letter-spacing:.1em;font-weight:600;color:#3c4d68}.light-stage #motion-toggle{pointer-events:auto;border:1px solid #c3cbbb;background:#f4f6eeec;padding:10px 14px;border-radius:30px;font-size:10px;min-height:40px;color:#48503f;gap:9px}.stage-bottom{bottom:29px;align-items:end}.stage-bottom>span:first-child{font-size:22px;line-height:1.3;letter-spacing:-.04em;font-weight:500}.stage-caption{font-size:10px;font-weight:500;color:#405573}.hero-paths{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 2.35% 0}.hero-paths a{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:500;padding:16px 20px;background:#e9edf4;border-radius:14px}.hero-paths a:hover{background:#dce5f8;color:var(--blue)}.hero-paths span{font-size:20px;color:var(--blue)}html[lang=ko] .light-intro h1{font-size:clamp(36px,4.7vw,69px);line-height:1.2;letter-spacing:-.06em}
/* Business content keeps the current scope and gains a consistent visual rhythm. */
.capabilities{background:var(--paper);border:0}.service-row{border:0;padding:36px;background:white;border-radius:26px;gap:7%;margin-bottom:24px;align-items:center}.service-row:last-child{padding-bottom:36px;margin-bottom:0}.service-info h3{font-size:clamp(32px,3.5vw,50px);letter-spacing:-.045em}.service-info>p{font-size:14px}.service-number{color:var(--blue);font-size:10px}.service-tags li{border:0;background:var(--soft);padding:8px 12px;font-size:10px}.ai-diagram,.trade-diagram{min-height:390px;border-radius:22px}.ai-diagram{background:#eaf0f1;background-image:none}.diagram-inputs span{background:#fff;border-color:#d1dfe2;border-radius:10px;box-shadow:0 6px 18px #283b6e08}.diagram-label{color:#566d73}.diagram-connectors i{background:#a7c6ce}.agent-core{background:linear-gradient(135deg,#2c7684,#202725);border-radius:18px;box-shadow:0 18px 30px #20272524;transform:none}.agent-core small{color:#e9f9fc}.agent-spark{animation:none;color:#d7eef2}.diagram-output span{border-color:#d3e0e3;background:#fff;color:#465b61}.diagram-output b{color:var(--blue)}.trade-diagram{background:#eaf0f1}.service-actions{gap:23px}.workflow-section{background:#eaf0f1;border:0}.workflow-tabs{border:0;gap:12px}.workflow-tabs button{background:#e1eaec;border-radius:14px;padding:20px;font-size:16px;line-height:1.4}.workflow-tabs button span{color:#566d73}.workflow-tabs button[aria-selected=true]{background:var(--blue);color:white}.workflow-tabs button[aria-selected=true] span{color:#f0f9fa}.workflow-tabs button[aria-selected=true]:after{display:none}.workflow-panel{padding-top:42px}.workflow-map{background:white;border:0;border-radius:22px;box-shadow:0 15px 45px #21345906}.workflow-map li{border-color:var(--line)}.step-dot{background:#e3eff1;color:var(--blue);font-family:Manrope,Arial,sans-serif}.workflow-result{border-color:var(--blue)}.how-grid{gap:20px}.how-grid article{background:#fff;border:0;border-radius:22px;padding:28px}.how-number{font-size:44px;letter-spacing:-2px;color:#70959e}.how-grid h3{margin-top:25px}.next-step{margin:0 2.25% 25px;padding:40px 3% 55px;border-radius:26px;background:#e0edf0;color:var(--ink)}.next-top .eyebrow{color:var(--muted)}.next-star{color:var(--blue)}.next-body h2{font-size:clamp(52px,6.7vw,96px);letter-spacing:-.055em;line-height:1.02;font-weight:500}.next-body h2 em{font:inherit;color:var(--blue)}.next-body p{color:var(--muted);font-size:14px}.next-step a:focus-visible{outline-color:var(--blue)}.site-footer{background:var(--paper)}.footer-top .logo{font-size:48px;letter-spacing:-3px}.footer-email{font-size:16px}.footer-bottom{border-color:var(--line)}
/* Detail pages use the same materials without loading additional WebGL scenes. */
.page-breadcrumb{border:0;color:var(--muted)}.detail-page .section{padding-top:55px}.detail-page h1{font-size:clamp(40px,5vw,72px);font-weight:500;letter-spacing:-.055em;line-height:1.13}.section-heading{gap:20px 7%}.section-heading>p{font-size:14px;line-height:1.9}.ax-audience{border-radius:24px;background:linear-gradient(125deg,#e5eff0,#f4f7f7);color:var(--ink);padding:42px}.ax-audience .eyebrow{color:var(--blue)}.ax-audience p,.ax-audience-needs{color:var(--muted)}.ax-audience-needs li::marker{color:var(--blue)}.ax-services{gap:18px}.ax-services article{border:0;border-radius:22px;padding:30px;background:#fff}.ax-services h3{font-size:25px}.ax-deliverables{border-color:var(--line)}.ax-industry-grid article{border:0;border-radius:22px;background:#eaf0f1;padding:30px}.ax-bottom{border:0;padding:30px;border-radius:20px;background:#e0ecef}.about-sculpture{height:290px;border-radius:26px;overflow:hidden;margin-bottom:40px;background:#efefea}.about-sculpture img{width:100%;height:100%;object-fit:cover}.about-sculpture picture{display:block;width:100%;height:100%}.business-list article{background:white;border:0;border-radius:22px;padding:32px;margin-bottom:18px;grid-template-columns:35px 1fr 1.25fr 25px}.business-number,.business-mark{color:var(--blue)}.contact-aside-arrow{color:#73949d;font-size:110px}.contact-layout{gap:7%}#inquiry-form{border:0;box-shadow:0 15px 60px #21345906;border-radius:24px;padding:36px}.inquiry-types label{border-radius:12px;min-height:50px}.inquiry-types label:has(input:checked){background:#e6f2f4;border-color:var(--blue)}.inquiry-field input,.inquiry-field textarea{border-color:#cad9dd;border-radius:10px;background:#f8fafa}.inquiry-consent{color:var(--muted)}.contact-bottom{border-color:var(--line)}
@media(max-width:1100px){.header nav{gap:19px}.header{gap:22px}.service-row{padding:28px;gap:5%}.service-row:last-child{padding-bottom:28px}.ax-services article{padding:24px}.workflow-tabs button{font-size:14px;padding:18px}.ax-industry-grid article{padding:26px}}
@media(max-width:800px){.header{height:76px;gap:18px}.header nav{font-size:11px;gap:13px}.brand svg{width:28px}.header .logo{font-size:30px}.section{padding-top:65px;padding-bottom:65px}.light-intro{grid-template-columns:1fr;padding:26px 3% 28px;gap:24px}.light-intro h1{font-size:58px}.intro-aside p{max-width:470px;font-size:13px;margin-bottom:17px}.light-stage{height:470px;min-height:380px}.stage-top,.stage-bottom{left:24px;right:24px}.stage-caption{display:none}.stage-bottom>span:first-child{font-size:20px}.service-row{padding:25px;gap:25px}.service-row:last-child{padding-bottom:25px}.hero-paths{gap:12px}.hero-paths a{font-size:11px;padding:14px}.business-list article{gap:20px;grid-template-columns:25px 1fr 1.25fr 20px}.ax-audience{padding:30px}.ax-services h3{font-size:22px}}
@media(max-width:700px){:root{--gutter:6%}.header{height:72px}.header .menu-toggle{border-radius:50%;border-color:#c8dadd;width:42px;height:42px}.header nav{top:71px;background:var(--paper);font-size:15px}.light-hero{padding:0 12px}.light-intro{padding:26px 3% 28px}.light-intro h1{font-size:clamp(40px,12vw,70px)}.intro-aside p{font-size:12px}.intro-aside>a{font-size:11px}.light-stage{height:420px;min-height:0;border-radius:20px}.stage-top,.stage-bottom{left:18px;right:18px}.stage-word{font-size:7px;max-width:130px;line-height:1.5}.light-stage #motion-toggle{font-size:9px;padding:8px 11px;gap:7px;min-height:40px}.stage-bottom>span:first-child{font-size:18px}.hero-paths{grid-template-columns:1fr;gap:10px;padding:16px 0 0}.hero-paths a{padding:16px 20px;font-size:12px}.section{padding-top:60px;padding-bottom:60px}.service-row{padding:26px 22px;gap:30px;border-radius:22px}.service-row:last-child{padding-bottom:26px}.service-info h3{font-size:33px}.ai-diagram,.trade-diagram{min-height:330px;border-radius:18px}.ai-diagram{padding:25px 18px}.diagram-inputs span{font-size:7px;padding:10px 6px}.agent-core{padding:18px;width:100%}.agent-core strong{font-size:17px}.agent-core small{font-size:6px}.workflow-tabs{gap:7px}.workflow-tabs button{font-size:12px;padding:14px 11px;display:block;min-height:87px;line-height:1.35}.workflow-tabs button>span{display:block;margin-bottom:7px}.workflow-tabs button b{display:none}.workflow-map{padding:24px}.how-grid{gap:16px}.how-grid article{padding:25px;grid-template-columns:48px 1fr;gap:10px 18px}.how-number{font-size:36px}.how-grid h3{margin:0;font-size:24px}.next-step{margin:0 12px 18px;padding:30px 24px 40px;border-radius:23px}.next-body{gap:25px}.next-body h2{font-size:60px}.next-star{font-size:38px}.next-body .button{min-width:0}.detail-page .section{padding-top:35px}.detail-page h1{font-size:40px}.ax-audience{padding:26px}.ax-audience h3{font-size:27px}.ax-services article{padding:26px}.ax-services h3{font-size:25px}.ax-industry-grid article{padding:26px}.ax-bottom{padding:25px}.business-list article{grid-template-columns:22px 1fr;gap:15px;padding:26px 22px}.business-list article>p,.business-list article>div,.business-list .business-mark{grid-column:2}.business-list h3{font-size:24px}.about-sculpture{height:300px;margin-bottom:28px}.about-sculpture img{object-position:center}.contact-lead{font-size:14px}#inquiry-form{padding:25px 20px}.contact-form-wrap{min-width:0}.inquiry-types label{font-size:10px;gap:5px}.inquiry-field input,.inquiry-field textarea{font-size:16px}html[lang=ko] .light-intro h1{font-size:clamp(33px,10vw,56px);line-height:1.2}html[lang=ko] .next-body h2{font-size:52px}.footer-top .logo{font-size:42px}.footer-email{font-size:16px}.footer-bottom>div{gap:18px}}
@media(max-width:359px){.light-intro h1{font-size:39px}.stage-word{max-width:114px;font-size:6px}.light-stage #motion-toggle{font-size:8px;padding:8px 10px}.workflow-tabs button{font-size:10px;padding:13px 8px}.service-row{padding:24px 17px}.service-info h3{font-size:30px}.agent-core strong{font-size:15px}.workflow-map ol{grid-template-columns:1fr}.detail-page h1{font-size:35px}.next-body h2{font-size:51px}}
@media(prefers-reduced-motion:reduce){.light-stage #scene{transition:none}}

/* October content update: two trade routes and ELV's own brand. */


.trade-two-way{padding:35px!important;display:flex;flex-direction:column;justify-content:center;gap:22px;border-radius:22px;overflow:hidden}
.trade-graphic-label{font-family:Manrope,Arial,sans-serif;font-size:8px;letter-spacing:.07em;color:#566d73;margin-bottom:8px}
.trade-lane{position:relative;padding:20px 22px;background:var(--paper);border:1px solid #d2e1e4;transform:none}
.trade-lane.lane-in{background:#202725;color:white;border-color:#202725;transform:none;margin-right:10px}
.trade-lane.lane-out{margin-left:10px}
.trade-lane-label{font-family:Manrope,Arial,sans-serif;font-size:8px;letter-spacing:.06em}
.trade-lane>div{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;gap:12px;margin:16px 0}
.trade-lane strong{font-size:clamp(19px,2.1vw,31px);line-height:1.12;letter-spacing:-.05em;font-weight:500}
.trade-lane-arrow{font-size:33px;animation:trade-arrow 5s ease-in-out infinite}
.trade-lane.lane-out .trade-lane-arrow{animation-delay:-2.5s}
.trade-lane p{font-size:10px;line-height:1.5}
@keyframes trade-arrow{0%,100%{transform:translateX(-3px)}50%{transform:translateX(3px)}}
.trade-paths{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:55px}
.trade-paths a{border-block:1px solid var(--line);padding:24px 0;font-size:21px;display:grid;grid-template-columns:1fr auto;gap:16px;line-height:1.4}
.trade-paths a span{grid-column:1/-1;font-family:Manrope,Arial,sans-serif;font-size:10px;color:var(--muted);letter-spacing:.06em}
.trade-paths a b{font-weight:400;color:var(--blue)}.trade-paths a:hover{color:var(--blue);border-color:var(--blue)}
.trade-offering{padding:50px 0 10px;scroll-margin-top:110px}
.trade-offering+.trade-offering{border-top:1px solid var(--line);margin-top:60px;padding-top:65px}
.trade-offering-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:end;margin-bottom:40px}
.trade-offering-heading .eyebrow{color:var(--blue);margin-bottom:22px;display:block}
.trade-offering-heading h2{font-size:clamp(35px,3.6vw,52px);line-height:1.15;letter-spacing:-.045em}
.trade-offering-heading>p{font-size:15px;color:var(--muted);line-height:1.8}
.trade-scope-note{font-size:12px;line-height:1.7;color:var(--muted);margin-top:28px}
.trade-offering .sourcing-contact{margin-top:30px}
.own-brand{border-block:1px solid var(--line);display:grid;grid-template-columns:.55fr 1.1fr 1.2fr;gap:6%;align-items:center;background:#eaf0f1;padding-top:55px;padding-bottom:55px}
.brand-note-label .eyebrow{font-size:9px}.brand-note-mark{font-size:61px;color:var(--blue);display:block;margin-top:18px;line-height:1}
.own-brand h2{font-family:Manrope,Arial,sans-serif;font-style:normal;font-size:clamp(35px,3.8vw,54px);font-weight:400;line-height:1.12;letter-spacing:-.05em}
.brand-timeline{font-family:Manrope,Arial,sans-serif;font-size:9px;letter-spacing:.04em;color:var(--blue);display:block;margin-bottom:17px}
.brand-note-copy p{font-size:14px;color:var(--muted);line-height:1.8}
html[lang=ko] .own-brand h2{font-family:'Manrope',Arial,sans-serif;font-style:normal;font-size:clamp(29px,2.9vw,43px);line-height:1.3;word-break:keep-all}
.inquiry-field select{width:100%;min-width:0;padding:13px 32px 13px 13px;border:1px solid #cad9dd;border-radius:3px;background:#f8fafa;color:var(--ink);font:inherit;font-size:14px}
.inquiry-field select:focus{outline:2px solid var(--blue);outline-offset:2px}
.inquiry-anchor{display:block;height:0;scroll-margin-top:110px}
.inquiry-types label{line-height:1.3;text-align:center}
@media(max-width:1100px){.trade-two-way{padding:28px!important}.trade-lane{padding:18px}.trade-offering-heading{gap:5%}.own-brand{gap:4%;grid-template-columns:.5fr 1fr 1.2fr}}
@media(max-width:800px){.trade-lane>div{gap:8px;grid-template-columns:1fr 25px 1fr}.trade-lane-arrow{font-size:25px}.trade-two-way{padding:24px!important;gap:18px}.trade-lane{padding:16px}.trade-lane p{font-size:9px}.trade-offering-heading{grid-template-columns:1fr;gap:24px}.own-brand{grid-template-columns:1fr 1.2fr;gap:25px}.brand-note-label{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.brand-note-mark{font-size:30px;margin:0}.trade-paths a{font-size:18px}}
@media(max-width:700px){.trade-two-way{gap:20px;padding:28px!important;border-radius:18px}.trade-lane strong{font-size:25px}.trade-lane p{font-size:10px}.trade-lane>div{grid-template-columns:1fr 32px 1fr;gap:12px}.trade-paths{grid-template-columns:1fr;gap:0;margin-bottom:25px}.trade-paths a{font-size:20px;padding:20px 0}.trade-paths a+a{border-top:0}.trade-offering{padding-top:30px}.trade-offering+.trade-offering{margin-top:40px;padding-top:40px}.trade-offering-heading{margin-bottom:30px}.trade-offering-heading h2{font-size:35px}.trade-offering-heading>p{font-size:14px}.trade-offering .button{font-size:12px;padding:16px 20px}.own-brand{grid-template-columns:1fr;gap:22px;padding-top:40px;padding-bottom:40px}.own-brand h2{font-size:43px}.brand-note-copy p{font-size:14px}.brand-timeline{margin-bottom:12px}html[lang=ko] .own-brand h2{font-size:32px}.inquiry-field input,.inquiry-field textarea,.inquiry-field select{font-size:16px}.inquiry-types label{font-size:10px;gap:5px}}
@media(max-width:359px){.trade-lane strong{font-size:21px}.trade-two-way{padding:22px!important}.trade-lane{padding:14px}.trade-lane p{font-size:9px}.trade-offering-heading h2{font-size:31px}.trade-offering .button{font-size:11px;padding:15px}.inquiry-types label{font-size:9px;gap:4px}.inquiry-types label input{width:12px;height:12px}}

/* Keep three application labels balanced, including Business Operations. */
.workflow-tabs button{flex:1 1 0;min-width:0}.workflow-tabs button>span,.workflow-tabs button>b{flex-shrink:0}
@media(max-width:700px){.workflow-tabs button{display:block;min-height:80px;line-height:1.35}.workflow-tabs button>span{display:block;margin-bottom:8px}}

/* Route panels and the owned-brand note share the same material system. */
.trade-lane{border-radius:15px;box-shadow:0 10px 22px #21345908}.trade-lane.lane-in{margin-right:0}.trade-lane.lane-out{margin-left:0}.trade-lane-arrow{animation:none}.trade-paths a{border:0;border-radius:20px;background:#e0ecef;padding:25px}.trade-paths a:hover{background:#d7e9ed}.trade-paths a+a{border:0}.sourcing-steps article{border:0;padding:27px;border-radius:20px;background:#fff}.own-brand{border:0;border-radius:24px;margin:0 2.25% 65px;padding:40px 3%;grid-template-columns:.55fr 1.1fr 1.2fr}.own-brand h2{font-weight:500;font-size:clamp(32px,3.5vw,49px)}.brand-note-mark{color:#708d94}.brand-timeline{font-size:10px}.inquiry-field select{border-radius:10px}.inquiry-types label:focus-within{outline:2px solid var(--blue);outline-offset:3px}
@media(max-width:800px){.own-brand{grid-template-columns:1fr 1.2fr;gap:25px}.brand-note-label{grid-column:1/-1}}
@media(max-width:700px){.own-brand{grid-template-columns:1fr;margin:0 12px 45px;padding:30px 24px}.own-brand h2{font-size:37px}.trade-paths{gap:14px}.trade-paths a{padding:22px;font-size:19px}.sourcing-steps article{padding:25px}.trade-offering .button{font-size:11px;gap:15px}.inquiry-types label{font-size:10px}.workflow-tabs button{padding:14px 10px;min-height:87px}}
@media(max-width:359px){.inquiry-types label{font-size:9px}.workflow-tabs button{font-size:10px;padding:13px 8px}}
/* Keep information visible immediately; motion is focused on the sculpture. */
.js .reveal{opacity:1;transform:none;transition:none}
@media(min-width:801px){.section-intro{grid-template-columns:1.4fr 1fr}}
html{scroll-behavior:auto}
.diagram-output span{padding:8px 12px;border-radius:20px}


/* Assembly hero: a readable left column and a full-size spatial composition. */
:root{--scene-header:84px;--scene-height:max(650px,calc(100svh - var(--scene-header)))}
.brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:0}.brand-monogram{display:block;width:96px;height:auto}.footer-monogram{display:block;width:144px;height:auto}
.header,.light-home .header{background:#f5f6f3ed;backdrop-filter:blur(16px);border-bottom:1px solid #2027250b}.header .nav-contact{background:var(--blue);color:white;padding:13px 20px}.header .nav-contact:hover{background:var(--blue-dark)}
.light-home .light-hero{padding:0;background:var(--paper)}.light-home .immersive-stage{height:var(--scene-height);min-height:0;max-height:none;border-radius:0;background:var(--paper);isolation:isolate}
.scroll-scene-ready .light-home .light-hero{height:calc(var(--scene-height) + 105svh);position:relative}.scroll-scene-ready .immersive-stage{position:sticky;top:var(--scene-header)}
.immersive-stage #scene,.immersive-stage .poster{left:41%;top:0;width:59%;height:100%;object-fit:contain}
.immersive-stage[data-rendered=true] .poster{visibility:hidden}
.immersive-stage .hero-veil{display:none}
.immersive-stage .hero-body{position:relative;z-index:2;width:52%;height:100%;margin:0;padding:0 0 76px 8%;display:flex;flex-direction:column;justify-content:center;text-align:left;pointer-events:none;transform-origin:left center}
.hero-body .hero-kicker{color:var(--blue);font-size:10px;letter-spacing:.09em;font-weight:600;margin:0 0 30px}
.hero-body h1{font-size:clamp(54px,5.65vw,90px);line-height:1.04;letter-spacing:-.065em;font-weight:500;margin:0;color:var(--ink)}.hero-body h1 em{color:var(--blue);font:inherit}
.hero-body .hero-summary{font-size:14px;line-height:1.9;color:var(--muted);max-width:390px;margin:29px 0 0;text-wrap:pretty}.hero-summary br{display:none}
.hero-body .hero-actions{display:flex;flex-direction:row;gap:10px;margin:28px 0 0;pointer-events:auto;flex-wrap:wrap}.hero-body .hero-actions .button{width:auto;font-size:11px;padding:15px 19px;min-height:49px;gap:20px}
.button-glass{border:1px solid #bacbd0;background:#ffffff80;color:var(--ink)}.button-glass:hover{background:white;border-color:var(--blue)}
.hero-footer{position:absolute;bottom:27px;left:8%;right:6%;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:3;padding-right:140px}.hero-explore{display:flex;align-items:center;gap:15px;font-size:10px;font-weight:600}.hero-explore span{width:36px;height:36px;display:grid;place-items:center;border:1px solid #bacbd0;border-radius:50%;font-size:17px}.hero-signature{font-size:9px;letter-spacing:.025em;color:var(--muted)}
.assembly-stops{position:absolute;z-index:2;right:6%;top:27px;display:flex;gap:19px;align-items:center;pointer-events:none}.assembly-stops span{font-size:8px;letter-spacing:.08em;color:#60777d;padding-top:10px;border-top:2px solid #cddadd;transition:color .3s,border-color .3s}.assembly-stops span.active{color:var(--blue);border-color:var(--blue)}
.scene-chapter{position:absolute;z-index:2;left:8%;top:24%;width:40%;opacity:0;pointer-events:none}.scene-chapter-label{font-size:10px;letter-spacing:.12em;color:var(--blue);display:block;margin-bottom:24px}.scene-chapter p{font-size:clamp(37px,4.5vw,65px);letter-spacing:-.05em;line-height:1.1;margin:0}.scene-chapter small{display:block;max-width:340px;font-size:14px;line-height:1.8;color:var(--muted);margin-top:26px}
.scene-progress{position:absolute;bottom:0;left:8%;right:6%;height:2px;background:#dbe4e6;z-index:3}.scene-progress span{display:block;width:100%;height:100%;background:var(--blue);transform:scaleX(0);transform-origin:left}
.site-motion-toggle{position:fixed;bottom:22px;right:25px;z-index:60;border:1px solid #9cb3ba70!important;border-radius:30px;background:#f5f6f3ed!important;backdrop-filter:blur(12px);color:#254e59!important;font-size:10px!important;padding:11px 15px!important;min-height:40px;box-shadow:0 6px 22px #17302c0b}
.motion-paused .hero-body{opacity:1!important;transform:none!important}.motion-paused .scene-chapter{opacity:0!important}
.capabilities .section-intro{margin-bottom:55px}.service-row{padding:50px;border-radius:24px;border:1px solid #d4e0e455;margin-bottom:30px;gap:7%}.service-info h3{font-weight:500}.service-tags li{background:#edf3f4;color:#315962}.ai-diagram,.trade-diagram{border-radius:18px;background:linear-gradient(140deg,#e8f0f2,#f4f6f5);border:1px solid #d6e3e7}
.agent-core{background:linear-gradient(130deg,#398291,#164451);border-radius:16px;box-shadow:0 22px 40px #21576733}.agent-spark{color:#c3eef6}.diagram-inputs span,.diagram-output span{border-radius:8px}.diagram-label,.trade-graphic-label{color:#526f77}
.trade-lane.lane-in{background:linear-gradient(125deg,#2e7380,#174752);border-color:#2b6471}.trade-lane.lane-out{background:#f8fbfb;border-color:#becfd4}.workflow-section{background:#e9f0f2}.workflow-tabs button{border-radius:12px}.workflow-tabs button[aria-selected=true]{box-shadow:0 9px 20px #1f626e1c}.workflow-map{border-radius:20px}.how-grid article{border:1px solid #d4e0e4;border-radius:18px}.how-number{color:#417d8a}
.next-step{background:#deedf0;border-radius:22px;padding-top:45px}.next-body h2{font-weight:500}.next-body h2 em{color:var(--blue)}.own-brand{background:#e8edef}.about-sculpture{height:420px;border-radius:22px;background:var(--paper)}.about-sculpture img{object-fit:contain}.ax-audience{background:linear-gradient(120deg,#e0edef,#edf4f5)}.ax-bottom{background:#e2edf0}.contact-aside-arrow{color:var(--blue)}#inquiry-form{border:1px solid #d8e3e5}.inquiry-types label:has(input:checked){background:#e0eff2}
.page-motion .service-row{perspective:1200px}.page-motion .ai-diagram,.page-motion .trade-diagram{transform-style:preserve-3d;box-shadow:0 34px 48px -32px #294b6070;overflow:visible}
.page-motion [data-scroll-motion]{transform:translate3d(var(--motion-x,0px),var(--motion-y,0px),0) perspective(1200px) rotateX(var(--motion-rx,0deg)) rotateY(var(--motion-ry,0deg));transition:none!important}
.page-motion .agent-core{transform:translateZ(42px)}.page-motion .diagram-inputs{transform:translateZ(18px)}.page-motion .diagram-output{transform:translateZ(24px)}.page-motion .trade-lane.lane-in{transform:translateZ(34px);box-shadow:0 20px 28px #234b5e35}.page-motion .trade-lane.lane-out{transform:translateZ(16px)}.page-motion .how-grid{perspective:1200px}
.motion-paused [data-scroll-motion],.motion-paused .agent-core,.motion-paused .diagram-inputs,.motion-paused .diagram-output,.motion-paused .trade-lane{transform:none!important}
html[lang=ko] .hero-body h1{font-size:clamp(41px,4.7vw,72px);line-height:1.2;letter-spacing:-.065em;word-break:keep-all}html[lang=ko] .hero-body .hero-summary{font-size:14px;word-break:keep-all}html[lang=ko] .scene-chapter p{font-size:clamp(35px,3.65vw,57px);line-height:1.3;word-break:keep-all}
@media(max-width:1100px){.immersive-stage .hero-body{padding-left:6%;width:55%}.hero-body .hero-summary{font-size:13px;max-width:340px}.hero-body .hero-actions{gap:8px}.hero-body .hero-actions .button{font-size:10px;padding:14px 16px;gap:14px}.hero-footer,.scene-chapter{left:6%}.scene-chapter{width:43%}.service-row{padding:32px}.assembly-stops{gap:12px;right:4%}}
@media(max-width:800px){:root{--scene-header:76px}.brand-monogram{width:86px}.hero-signature{display:none}.hero-body .hero-kicker{font-size:9px}.hero-body h1{font-size:53px}.hero-body .hero-actions{max-width:230px}.assembly-stops span{font-size:7px}.service-row{gap:28px}.about-sculpture{height:330px}}
@media(max-width:700px){
 :root{--scene-header:72px;--scene-height:max(820px,calc(100svh - 72px))}.brand-monogram{width:81px}.footer-monogram{width:120px}.header nav{background:var(--paper)}
 .scroll-scene-ready .light-home .light-hero{height:calc(var(--scene-height) + 60svh)}
 .immersive-stage #scene,.immersive-stage .poster{left:0;top:40%;width:100%;height:57%}
 .immersive-stage .hero-body{justify-content:flex-start;text-align:left;width:100%;padding:40px 6% 0;height:auto}
 .hero-body .hero-kicker{font-size:8px;margin-bottom:20px;letter-spacing:.06em}.hero-body h1{font-size:clamp(45px,12vw,73px);line-height:1.05}.hero-body .hero-summary{font-size:12px;line-height:1.75;max-width:390px;margin:20px 0 0}.hero-body .hero-actions{margin:20px 0 0;flex-wrap:nowrap;max-width:none;gap:8px}.hero-body .hero-actions .button{font-size:10px;padding:13px 15px;min-height:45px;gap:10px}
 .assembly-stops{top:44%;bottom:auto;left:6%;right:6%;justify-content:center;gap:20px}.assembly-stops span{font-size:7px;padding-top:8px}.hero-footer{left:6%;right:6%;bottom:20px;padding-right:130px}.hero-explore{font-size:9px;gap:10px}.hero-explore span{height:31px;width:31px}
 .scene-chapter{left:6%;top:8%;width:87%;max-width:470px}.scene-chapter p{font-size:clamp(36px,9.6vw,55px)}.scene-chapter-label{font-size:8px;margin-bottom:20px}.scene-chapter small{font-size:12px;max-width:350px;margin-top:22px}
 .site-motion-toggle{right:5%;bottom:18px;font-size:9px!important}.scene-progress{left:6%;right:6%}.service-row,.service-row:last-child{padding:28px 22px;border-radius:20px}.page-motion .agent-core{transform:translateZ(20px)}.page-motion .trade-lane.lane-in{transform:translateZ(18px)}.about-sculpture{height:270px}.own-brand{padding:30px 24px}
 html[lang=ko] .hero-body h1{font-size:clamp(36px,9.4vw,60px)}html[lang=ko] .hero-body .hero-summary{font-size:12px;line-height:1.75}html[lang=ko] .scene-chapter p{font-size:clamp(32px,8.2vw,48px)}
}
@media(max-width:359px){.hero-body .hero-actions .button{font-size:9px;padding:13px 11px;gap:8px}.hero-body .hero-kicker{font-size:7px}.immersive-stage .hero-body{padding-top:32px}.hero-body h1{font-size:44px}.service-row,.service-row:last-child{padding:24px 18px}}
@media(prefers-reduced-motion:reduce){.scroll-scene-ready .light-home .light-hero{height:auto}.scroll-scene-ready .immersive-stage{position:relative;top:auto}[data-scroll-motion],.page-motion .agent-core,.page-motion .diagram-inputs,.page-motion .diagram-output,.page-motion .trade-lane{transform:none!important}.hero-body{opacity:1!important;transform:none!important}.scene-chapter,.scene-progress,.assembly-stops{display:none}}

/* Progress belongs only to the live scene; fallback stays a simple first view. */
.light-stage:not([data-rendered=true]) .assembly-stops,.light-stage:not([data-rendered=true]) .scene-progress{visibility:hidden}
.section-intro>p br{display:initial}

.assembly-outcomes{position:absolute;left:43%;right:4%;bottom:18%;display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:24px;opacity:0;pointer-events:none;z-index:2}.assembly-outcomes span{font-size:9px;letter-spacing:.08em;color:#315c66}.motion-paused .assembly-outcomes{opacity:0!important}
@media(max-width:700px){.assembly-outcomes{left:7%;right:7%;bottom:18%;gap:10px}.assembly-outcomes span{font-size:7px;letter-spacing:.03em}}
.light-stage:not([data-rendered=true]) .assembly-outcomes{visibility:hidden}

/* Four-language selector: one current language, a keyboard-accessible local menu. */
.language-picker{position:relative;flex-shrink:0;line-height:1.4}
.header #language{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border:1px solid #cedbdd;border-radius:24px;min-height:42px;min-width:0;background:#ffffff75;font-size:11px;white-space:nowrap;color:var(--ink)}
.header #language:hover,.header #language[aria-expanded=true]{background:#fff;border-color:var(--blue)}
.language-picker img{width:22px;height:16px;object-fit:cover;flex-shrink:0;border-radius:2px;outline:1px solid #20272514}.language-chevron{flex-shrink:0;transition:transform .18s}#language[aria-expanded=true] .language-chevron{transform:rotate(180deg)}
.language-menu{position:absolute;z-index:100;right:0;top:calc(100% + 12px);width:192px;padding:7px;background:#fff;border:1px solid #d8e3e5;border-radius:14px;box-shadow:0 16px 40px #1f3d4724}.language-menu[hidden]{display:none!important}
.language-menu button{width:100%;display:flex;align-items:center;gap:11px;padding:12px;border:0;border-radius:9px;color:var(--ink);background:transparent;text-align:left;font:inherit;font-size:13px;min-height:44px;cursor:pointer}.language-menu button:hover{background:#f0f5f6}.language-menu button[aria-checked=true]{background:#e5f0f2;color:var(--blue);font-weight:600}.language-check{margin-left:auto;color:var(--blue);visibility:hidden}.language-menu button[aria-checked=true] .language-check{visibility:visible}.language-picker button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.language-picker button:disabled{cursor:wait;opacity:.65}
html:lang(ja) body{font-family:Manrope,'Hiragino Sans','Yu Gothic',Meiryo,sans-serif}html:lang(zh) body{font-family:Manrope,'PingFang SC','Microsoft YaHei',sans-serif}
html:is(:lang(ja),:lang(zh)) :is(h1,h2,h3,h4){line-height:1.35;letter-spacing:-.025em;word-break:normal;overflow-wrap:anywhere}
html:is(:lang(ja),:lang(zh)) .hero-body h1{font-size:clamp(40px,4.7vw,72px);line-height:1.24;letter-spacing:-.045em}
html:is(:lang(ja),:lang(zh)) .hero-body .hero-summary{font-size:13px;line-height:1.95}
html:is(:lang(ja),:lang(zh)) .scene-chapter p{font-size:clamp(32px,3.6vw,55px);line-height:1.35}
html:is(:lang(ja),:lang(zh)) .section-intro h2{font-size:clamp(31px,3.6vw,52px)}html:is(:lang(ja),:lang(zh)) .service-info h3{font-size:clamp(30px,3.1vw,45px)}
html:is(:lang(ja),:lang(zh)) .detail-page h1{font-size:clamp(37px,4.3vw,65px)}html:is(:lang(ja),:lang(zh)) .next-body h2{font-size:clamp(39px,5.3vw,76px)}html:is(:lang(ja),:lang(zh)) .own-brand h2{font-size:clamp(30px,3vw,44px)}
@media(max-width:1100px){.header nav{gap:16px}.header{gap:20px}.header #language{padding:9px 10px}}
@media(max-width:800px){.header{gap:14px}.header nav{gap:12px}.header #language{font-size:10px;gap:6px;padding:8px}.language-picker img{width:20px;height:14px}}
@media(max-width:700px){.header-tools{gap:9px}.header #language{padding:8px 10px;min-height:40px;font-size:11px;gap:7px}.language-menu{right:0;width:190px;top:calc(100% + 10px)}html:is(:lang(ja),:lang(zh)) .hero-body h1{font-size:clamp(34px,9.5vw,60px)}html:is(:lang(ja),:lang(zh)) .hero-body .hero-summary{font-size:12px;line-height:1.8}html:is(:lang(ja),:lang(zh)) .scene-chapter p{font-size:clamp(28px,8vw,43px)}html:is(:lang(ja),:lang(zh)) .detail-page h1{font-size:36px}html:is(:lang(ja),:lang(zh)) .next-body h2{font-size:43px}html:is(:lang(ja),:lang(zh)) .workflow-tabs button{font-size:12px}html:is(:lang(ja),:lang(zh)) .service-info h3{font-size:30px}html:is(:lang(ja),:lang(zh)) .diagram-inputs span{font-size:10px}html:is(:lang(ja),:lang(zh)) .inquiry-types label{font-size:11px}}
@media(prefers-reduced-motion:reduce){.language-chevron{transition:none}}