/* Motion v2: pinned scenes, not animated bitmap layers. */
:root{--bg:#fcfcf9;--gutter:clamp(1.5rem,10.5vw,15rem);--font-hero:clamp(4rem,8.8vw,10rem);--font-korean:clamp(2.3rem,5.1vw,6.2rem);--font-heading:clamp(3rem,6.8vw,8rem)}
body{background:var(--bg)}
.container{max-width:none}
main{overflow-x:clip}
.demo-stage .demo-glow{inset:0;animation:none}
.global-orbits{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.global-orbits i{position:absolute;left:30%;top:-40%;width:96vw;height:96vw;border:1px solid rgba(80,100,80,.065);border-radius:50%;transform:rotate(-18deg) scaleY(.86)}
.global-orbits i+i{left:20%;top:-12%;width:105vw;height:85vw;transform:rotate(16deg)}
.site-header{padding:2rem 3.2vw}.site-header.scrolled{background:transparent;backdrop-filter:none;padding-block:2rem}.wordmark{font-size:1.8rem}.header-actions{gap:2rem}
.hero{height:100svh;min-height:680px;max-height:none;background:transparent;isolation:auto}
.hero-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-copy{bottom:7.7vh;left:var(--gutter);max-width:55%;z-index:2}
.hero h1{font-size:var(--font-hero);line-height:.89;letter-spacing:-.06em}
.hero-copy p{font-size:clamp(1rem,1.07vw,1.25rem);line-height:1.6;margin-top:2.5rem}
.hero-copy strong{display:inline-block;font-weight:700;margin-bottom:1rem}
.scene-switch{display:flex;align-items:center;gap:1.1rem;margin-bottom:2.5rem;height:12px}
.scene-switch button{width:8px;height:8px;padding:0;border-radius:9px;background:var(--line);transition:width .6s,background .6s;position:relative}
.scene-switch button:before{content:'';position:absolute;inset:-14px -10px}
.scene-switch button[aria-pressed=true]{width:25px;background:var(--green)}
.scroll-cue{right:3.2vw;bottom:5vh}.page-position{display:none}
.vision{height:260svh}.vision-sticky{height:100svh;min-height:0;padding-block:0;position:sticky;top:0;display:block}
.vision-scene{position:absolute;inset:0 var(--gutter);display:flex;flex-direction:column;justify-content:center}
.vision-line{display:block;filter:blur(var(--line-blur,0px));opacity:var(--line-opacity,1);transform:translate3d(0,var(--line-y,0px),0)}
.vision-line.is-blurring{will-change:filter,transform,opacity}
.vision-english h2{font-size:clamp(3.2rem,7.5vw,9rem);line-height:.95}
.js .vision-korean .vision-line{--line-opacity:0;--line-blur:16px;--line-y:16px}
.vision-korean h2{font-size:var(--font-korean);line-height:1.3;font-weight:700;letter-spacing:-.055em}
.vision-korean p{margin-top:3rem;font-size:clamp(1rem,1.2vw,1.3rem);line-height:1.8;color:var(--muted)}
.approach{height:340svh;max-width:none;padding:0}.approach-sticky{height:100svh;position:sticky;top:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.approach-marquee{position:absolute;white-space:nowrap;left:0;top:42%;font-weight:700;letter-spacing:-.07em;font-size:clamp(4rem,9vw,12rem);line-height:1;color:var(--green);opacity:.16;will-change:transform}
.motion-card{position:relative;width:74%;height:64svh;max-height:900px;border-radius:clamp(1.5rem,3vw,4rem);overflow:hidden;background:#122317;box-shadow:0 30px 90px rgba(28,47,32,.08);color:#fff;will-change:transform}
.motion-card canvas{position:absolute;inset:0;width:100%;height:100%}
.chapter{position:absolute;inset:0;padding:7% 8%;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(60px);pointer-events:none}
.chapter:first-of-type{opacity:1;transform:none}
.chapter .eyebrow{font-weight:700;letter-spacing:.02em;margin-bottom:2.5rem}
.chapter h2{font-weight:700;font-size:clamp(2rem,3.8vw,4.6rem);letter-spacing:-.05em;line-height:1.35}
.chapter p{margin-top:2rem;font-size:clamp(.9rem,1.15vw,1.4rem);opacity:.7;max-width:65%}
.chapter-number{position:absolute;right:5%;bottom:-.07em;font-size:clamp(9rem,18vw,25rem);line-height:.8;font-style:italic;font-weight:400;opacity:.9}
.chapter-dots{position:absolute;right:4%;top:46%;display:grid;gap:10px}.chapter-dots i{width:8px;height:8px;border-radius:50%;border:1px solid #fff}.chapter-dots i.active{background:#fff}
.features{padding:0;background:transparent}.services-intro{height:85svh;display:flex;align-items:center}.services-intro h2{font-size:var(--font-heading)}
.services-scroll{height:410svh;position:relative}.services-sticky{position:sticky;top:0;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-block:7rem 4rem}
.services-sticky .section-label{margin-bottom:2rem;font-size:.75rem}
.feature-layout{grid-template-columns:1fr 1fr;gap:7vw;align-items:center}
.service-copy h2{font-size:clamp(2.7rem,5vw,6rem);margin-bottom:2rem;line-height:.98;min-height:2em;transition:opacity .3s}
.service-copy>p{font-size:clamp(1rem,1.25vw,1.4rem);line-height:1.7;max-width:31rem;min-height:5.1em;word-break:keep-all}
.feature-selector{margin-top:2rem;grid-template-columns:repeat(4,1fr);gap:.8rem}
.feature-selector button{border-bottom:2px solid var(--line);padding:1rem 0 .8rem;gap:.4rem;align-items:center;opacity:.4}
.feature-selector button[aria-selected=true]{border-color:var(--green);opacity:1}
.feature-selector button>span:nth-child(2){font-size:.8rem;line-height:1.4;letter-spacing:0}
.feature-selector .tab-index{font-size:.7rem;margin:0}.feature-selector small,.feature-selector .tab-mark{display:none}
.demo-stage{min-height:0;perspective:1000px;transform:translateY(var(--demo-y,0px));will-change:transform}
.demo-window{border:1px solid #e1e7dc;background:rgba(250,252,247,.94);backdrop-filter:none;border-radius:2rem;box-shadow:0 30px 80px rgba(41,66,43,.1);padding:2rem;transform:rotateY(-8deg) rotateX(3deg);transition:transform .7s}
.demo-panel{min-height:350px}.demo-panel h3{font-size:1.7rem}.demo-glow{inset:-20%;opacity:.17}
.integrations{padding-block:8rem 12rem;text-align:center}.integrations h2{font-size:var(--font-heading);margin-bottom:3rem}.integrations>p{color:var(--muted);line-height:1.9}.platforms{margin-top:4rem;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:3rem 0;gap:2rem;font-size:clamp(1rem,2vw,2rem)}
.integrations .integration-note{font-size:.85rem;margin-top:2rem}
.story{padding-block:6rem 10rem}.story-title{font-size:var(--font-korean)}.story-content{margin-top:6rem}.story-line{margin-top:5rem}
.contact{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-block:5rem}.contact h2{font-size:clamp(4rem,10vw,12rem);margin-block:3rem}.contact-bottom{margin-top:2rem}.contact-glow{opacity:.7;filter:blur(80px)}
.site-footer{min-height:45svh;align-content:center;gap:2rem;position:relative;padding-block:4rem}.site-footer .wordmark{font-size:clamp(4rem,15vw,17rem);width:100%;letter-spacing:-.03em;line-height:1;border-bottom:1px solid var(--line);padding-bottom:2rem}.site-footer p{font-size:.8rem}
.webgl-unavailable .hero-canvas{background:radial-gradient(ellipse at 65% 40%,#adbea2 0,transparent 40%)}
@media(prefers-reduced-motion:reduce){.vision-line{filter:none!important;opacity:1!important;transform:none!important;will-change:auto}.motion-card{transform:none!important}}
@media(max-width:1024px){.feature-layout{gap:4vw}.demo-window{padding:1.5rem}.motion-card{width:82%;height:66svh}.chapter .eyebrow{margin-bottom:1.5rem}}
@media(max-width:768px){:root{--gutter:1.5rem;--font-hero:clamp(3.2rem,13vw,5.7rem);--font-heading:clamp(3rem,10vw,5rem);--font-korean:clamp(2rem,6.2vw,3.3rem)}.site-header,.site-header.scrolled{padding:1.4rem 1.5rem}.hero{min-height:680px}.hero-copy{max-width:100%;width:calc(100% - 3rem);bottom:8vh}.hero-copy p{font-size:.95rem;margin-top:1.7rem;max-width:calc(100% - 2.2rem)}.hero-copy br{display:initial}.hero-copy strong{margin-bottom:.5rem}.hero h1{line-height:.97}.scene-switch{margin-bottom:1.4rem}.scroll-cue{right:1rem;font-size:.6rem}.vision{height:220svh}.vision-sticky{min-height:0;padding-block:0;position:sticky}.vision-scene{inset:0 1.5rem}.vision-english h2{font-size:clamp(3rem,11vw,5rem)}.vision-korean p{margin-top:2rem;font-size:.95rem}.approach{height:300svh}.motion-card{width:calc(100% - 3rem);height:67svh;max-height:680px;border-radius:1.5rem}.chapter{padding:2.5rem 1.8rem}.chapter h2{font-size:clamp(1.9rem,6vw,3rem);line-height:1.4}.chapter p{font-size:.9rem;max-width:85%;margin-top:1.5rem}.chapter-number{font-size:9rem;right:5%;bottom:.01em;opacity:.45}.chapter .eyebrow{font-size:.75rem}.chapter-dots{right:5%;top:50%}.services-intro{height:60svh}.services-scroll{height:420svh}.services-sticky{padding-block:5.5rem 2rem;min-height:100svh}.services-sticky .section-label{margin-bottom:1.5rem}.feature-layout{grid-template-columns:1fr;gap:1.7rem}.service-copy h2{font-size:2.5rem;margin-bottom:1rem;min-height:0}.service-copy>p{font-size:.95rem;min-height:0;max-width:100%}.feature-selector{margin-top:1rem}.feature-selector button{padding:.6rem 0;gap:.3rem}.feature-selector button>span:nth-child(2){font-size:.7rem}.feature-selector .tab-index{display:none}.demo-window{padding:1.1rem;transform:none;max-width:440px;border-radius:1.5rem}.demo-header{margin-bottom:1rem;padding-bottom:.7rem}.demo-panel{min-height:270px}.demo-panel h3{font-size:1.35rem;margin-bottom:1rem}.sensor-values{margin-bottom:1.1rem}.sensor-values strong{font-size:1.6rem}.sensor-chart{max-height:100px}.demo-note{font-size:.75rem;margin-top:.8rem}.chat-bubble{font-size:.85rem;padding:.6rem .9rem;margin-block:.5rem}.care-timeline li{margin-bottom:1rem}.care-timeline strong{font-size:1rem}.care-timeline p,.care-timeline time{font-size:.75rem}.approval-buttons{flex-direction:row;margin-top:1rem}.approval-card{padding:1rem}.approval-card strong{font-size:1.3rem}.approval-card p{font-size:.9rem}.approval-buttons button{font-size:.7rem}.automation-steps{font-size:.75rem;margin-bottom:1rem}.integrations{padding-block:4rem 6rem}.integrations h2{margin-bottom:2rem}.platforms{grid-template-columns:1fr;gap:1.5rem;padding:2rem 0;font-size:1.4rem}.story{padding-block:4rem 6rem}.story-content{margin-top:3rem;gap:2rem}.contact{min-height:85svh}.contact h2{font-size:clamp(4rem,13vw,6rem)}.site-footer{min-height:40svh}.site-footer .wordmark{font-size:22vw;padding-bottom:1.5rem}.motion-toggle{font-size:.65rem;padding:.35rem .6rem;min-height:30px}}
@media(max-height:760px) and (min-width:769px){.hero-copy{bottom:7vh}.hero h1{font-size:min(8vw,6.7rem)}.hero-copy p{margin-top:1.5rem;font-size:.9rem}.scene-switch{margin-bottom:1.5rem}.chapter h2{font-size:3vw}.chapter .eyebrow{margin-bottom:1.2rem}.chapter p{margin-top:1.2rem}.services-sticky{padding-block:5rem 2rem}.demo-window{padding:1.5rem}.demo-panel{min-height:310px}.demo-panel h3{margin-bottom:1rem}.service-copy h2{font-size:4vw}.service-copy>p{font-size:1rem}.sensor-values{margin-bottom:1.5rem}.sensor-chart{max-height:125px}}
@media(prefers-reduced-motion:reduce){.vision,.approach,.services-scroll{height:auto}.vision-sticky,.approach-sticky,.services-sticky{position:relative;height:auto;min-height:0}.vision-sticky{padding-block:6rem}.vision-scene{position:relative;inset:auto;margin-bottom:3rem;opacity:1!important;transform:none!important}.vision-english{display:none}.motion-card{height:auto;min-height:0}.chapter{position:relative;opacity:1!important;transform:none!important;padding-block:3rem}.chapter-number{font-size:6rem}.approach-sticky{padding-block:3rem}.services-sticky{padding-block:2rem}.approach-marquee,.chapter-dots{display:none}.demo-window{transform:none}}
@media(max-width:768px){.hero-copy p br{display:initial}.services-sticky .section-label .eyebrow{font-size:.62rem;letter-spacing:.07em;white-space:nowrap}.services-sticky .section-label{gap:1rem;margin-bottom:1rem}.service-copy>p{font-size:.9rem;line-height:1.65}.demo-window{padding:.95rem}.demo-panel{min-height:260px}.demo-note{line-height:1.5}.approval-card{padding:.85rem}.approval-card strong{margin-block:.5rem}.approval-card p{font-size:.85rem}.approval-buttons{margin-top:.75rem}.demo-header{margin-bottom:.85rem}.services-sticky{padding-bottom:1.3rem}}
.compact-services .services-scroll{height:auto}.compact-services .services-sticky{position:relative;padding-block:4rem;min-height:0}
@media(max-width:768px){.hero .hero-copy p br{display:initial}}
@media(max-height:760px) and (min-width:769px){.services-sticky .section-label{margin-bottom:1rem}.demo-window{padding:1.25rem;transform:none}.demo-header{margin-bottom:1rem;padding-bottom:.8rem}.demo-panel{min-height:290px}.demo-panel h3{font-size:1.4rem;margin-bottom:1rem}.demo-subtitle{font-size:.75rem}.automation-steps{margin-bottom:.8rem;font-size:.8rem}.approval-card{padding:1rem}.approval-card strong{font-size:1.25rem;margin-block:.5rem}.approval-card p{font-size:.9rem}.approval-buttons{margin-top:1rem}.approval-buttons button{padding:.55rem .75rem;font-size:.75rem}.demo-note{font-size:.75rem;margin-top:1rem;line-height:1.5}.chat-bubble{font-size:.9rem;padding:.7rem 1rem}.care-timeline li{margin-bottom:1.25rem}}