:root{--canvas:#f5f0e8;--paper:#fbf8f2;--ink:#13202c;--ink-soft:#4e5b64;--navy:#091725;--navy-soft:#102638;--on-navy:#edf2f2;--on-navy-soft:#bfd0da;--gold:#c2a36b;--blue:#4e8fae;--line:#d9d0c3;--display:"Noto Serif Display",Georgia,serif;--body:"Be Vietnam Pro",system-ui,sans-serif;--max:1440px;--pad:clamp(20px,4vw,64px)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--canvas);scrollbar-color:#9b8a6b var(--canvas)}body{background:var(--canvas);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}img,video{max-width:100%;display:block}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}button{font:inherit}::selection{color:#13202c;background:#d7c49d}:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.site-header{z-index:30;height:64px;padding:0 var(--pad);background:#f5f0e8f5;border-bottom:1px solid #d9d0c3d9;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{align-items:baseline;gap:8px;text-decoration:none;display:flex}.brand span{font-family:var(--display);letter-spacing:-.02em;font-size:1.45rem;font-weight:600}.brand small{letter-spacing:.18em;font-size:.68rem;font-weight:600}.site-header nav{align-items:center;gap:clamp(14px,2vw,28px);display:flex}.site-header nav a{font-size:.82rem;font-weight:500;text-decoration:none}.site-header .lang{opacity:.72;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.nav-cta{background:var(--navy);min-height:44px;color:var(--on-navy);border-radius:999px;align-items:center;padding:9px 17px;display:inline-flex}.hero{max-width:var(--max);padding:clamp(24px,4vw,54px) var(--pad);grid-template-columns:minmax(330px,.78fr) minmax(520px,1.22fr);align-items:stretch;gap:clamp(28px,5vw,76px);height:clamp(560px,76svh,760px);margin:0 auto;display:grid}.hero-copy{align-self:center;max-width:610px}.hero h1{font-family:var(--display);letter-spacing:-.027em;text-wrap:balance;margin:0 0 24px;font-size:clamp(2.35rem,4.1vw,3.45rem);font-weight:500;line-height:1.01}.hero h1 em{color:#6e5a37;font-weight:500}.hero-copy>p:not(.journey){color:var(--ink-soft);max-width:58ch;margin:0;font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.72}.hero-actions{align-items:center;gap:22px;margin-top:30px;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:0 20px;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.button.primary{background:var(--navy);color:var(--on-navy)}.quiet-link{border-bottom:1px solid var(--line);padding-bottom:3px;font-size:.88rem;font-weight:600;text-decoration:none}.journey{letter-spacing:.025em;flex-wrap:wrap;align-items:center;gap:7px;display:flex;color:#6a747b!important;margin:36px 0 0!important;font-size:.75rem!important}.journey span{color:var(--gold)}.hero-visual{background:#d9d1c6;min-width:0;margin:0;position:relative;overflow:hidden}.hero-visual video{object-fit:cover;object-position:center 48%;width:100%;height:100%}.hero-visual figcaption{color:var(--ink);background:#fbf8f2f0;padding:7px 11px;font-size:.72rem;font-weight:500;position:absolute;bottom:14px;right:14px}.hero-motion{min-height:44px;color:var(--on-navy);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#091725b3;border:1px solid #edf2f275;border-radius:999px;padding:0 15px;font-size:.72rem;font-weight:600;position:absolute;bottom:14px;left:14px}.growth-ticker{background:var(--navy);color:var(--on-navy);border-top:1px solid #edf2f21f;border-bottom:1px solid #edf2f21f;overflow:hidden}.ticker-track{will-change:transform;width:max-content;animation:22s linear infinite ticker;display:flex}.ticker-track span{letter-spacing:.16em;white-space:nowrap;color:#d7c18f;flex:none;padding:13px 48px 13px 0;font-size:.72rem;font-weight:600}@keyframes ticker{to{transform:translate(-50%)}}.experience{background:var(--paper);border-top:1px solid var(--line);padding:88px 0 70px}.section-intro{max-width:var(--max);padding:0 var(--pad) 44px;grid-template-columns:minmax(0,1.12fr) minmax(280px,.58fr);align-items:end;gap:9vw;margin:0 auto;display:grid}.section-intro h2,.system h2,.start h2{font-family:var(--display);letter-spacing:-.025em;text-wrap:balance;font-weight:500}.section-intro h2{max-width:760px;margin:0;font-size:clamp(2rem,3.25vw,2.85rem);line-height:1.06}.section-intro p{color:var(--ink-soft);max-width:50ch;margin:0}.experience-stage{max-width:1280px;padding:0 var(--pad);grid-template-columns:minmax(0,1.48fr) minmax(320px,.72fr);gap:18px;height:clamp(380px,34vw,500px);margin:0 auto;display:grid}.physical-feature,.screen-feature{background:#e8e0d6;border:1px solid #c2a36b33;margin:0;position:relative;overflow:hidden}.physical-feature img{object-fit:contain;object-position:center;background:#f4f0e8;width:100%;height:100%}.physical-feature figcaption{background:#fbf8f2f0;padding:8px 11px;font-size:.75rem;font-weight:600;position:absolute;bottom:16px;left:16px;box-shadow:0 8px 24px #13202c14}.screen-feature{background:var(--navy);flex-direction:column;align-self:center;height:auto;display:flex;box-shadow:0 24px 54px #13202c1f}.screen-feature video{aspect-ratio:16/9;object-fit:contain;background:#07111b;width:100%;height:auto}.screen-copy{min-height:124px;color:var(--on-navy);align-content:center;gap:5px;padding:18px 20px;display:grid}.screen-copy strong{font-family:var(--display);font-size:1.35rem;font-weight:500}.screen-copy span{color:var(--on-navy-soft);font-size:.83rem;line-height:1.55}.collection-rail{margin-top:24px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 3% 97%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 3% 97%,#0000 100%)}.rail-track{gap:14px;width:max-content;padding:0 14px;animation:48s linear infinite rail;display:flex}.collection-rail:hover .rail-track{animation-play-state:paused}.rail-track figure{background:#e5ddd1;width:clamp(210px,22vw,330px);height:clamp(158px,16.5vw,248px);margin:0;position:relative;overflow:hidden}.rail-track img{object-fit:cover;width:100%;height:100%}.rail-track figcaption{background:#fbf8f2f0;padding:6px 9px;font-size:.69rem;font-weight:600;position:absolute;bottom:10px;left:10px}@keyframes rail{to{transform:translate(calc(-50% - 7px))}}.touchpoints{max-width:var(--max);padding:0 var(--pad);color:#69737a;text-align:center;letter-spacing:.015em;margin:28px auto 0;font-size:.78rem;line-height:1.8}.system{background:var(--navy);color:var(--on-navy);grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);align-items:stretch;min-height:760px;display:grid}.system-copy{padding:clamp(68px,8vw,112px) var(--pad);align-self:center;max-width:660px;margin-left:auto}.system h2{margin:0 0 22px;font-size:clamp(2.1rem,3.6vw,3.15rem);line-height:1.04}.system-copy>p:first-of-type{color:var(--on-navy-soft);max-width:52ch;margin:0 0 34px}.system-links{flex-direction:column;align-items:flex-start;gap:3px;margin:0 0 34px;display:flex}.system-links button{color:#829dad;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;min-height:44px;padding:7px 0;font-size:.9rem}.system-links button[aria-selected=true]{color:var(--on-navy);border-bottom-color:var(--gold)}.system-products{max-width:52ch;font-size:.75rem;line-height:1.8;color:#86a1b0!important;margin:0!important}.system-stage{background:var(--navy-soft);min-height:100%;position:relative;overflow:hidden}.system-stage img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .28s ease-out,transform .45s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scale(1.015)}.system-stage img.active{opacity:1;transform:scale(1)}.start{max-width:var(--max);padding:clamp(72px,8vw,108px) var(--pad) 84px;margin:0 auto}.start-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:40px;padding-bottom:36px;display:flex}.start h2{max-width:700px;margin:0;font-size:clamp(2rem,3.2vw,2.75rem);line-height:1.06}.start-head p{color:var(--ink-soft);white-space:nowrap;margin:0}.plan-selector{border-top:1px solid var(--line)}.plan-option{border-bottom:1px solid var(--line);transition:background .25s;position:relative}.plan-option:before{content:"";background:var(--gold);width:2px;transition:transform .25s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.plan-option.active{background:linear-gradient(90deg,#c2a36b21,#fbf8f21a 62%)}.plan-option.active:before{transform:scaleY(1)}.plan-tab{width:100%;min-height:104px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:54px minmax(0,1fr) 32px;align-items:center;gap:18px;padding:20px 18px;display:grid}.plan-index{letter-spacing:.12em;color:#927541;font-size:.73rem;font-weight:600}.plan-summary{grid-template-columns:minmax(210px,.55fr) minmax(260px,1fr);align-items:center;gap:36px;display:grid}.plan-summary strong{font-family:var(--display);font-size:clamp(1.35rem,2vw,1.72rem);font-weight:500;line-height:1.1}.plan-summary small{color:var(--ink-soft);font-size:.88rem;line-height:1.55}.plan-arrow{color:#927541;font-size:1.2rem;transition:transform .25s}.plan-option:hover .plan-arrow,.plan-option.active .plan-arrow{transform:translate(3px,-3px)}.plan-details{background:var(--navy);color:var(--on-navy);margin-top:18px;box-shadow:0 24px 60px #13202c21}.plan-panel{padding:clamp(28px,4vw,52px);animation:.36s both panel-in}.plan-panel[hidden]{display:none}.plan-intro{border-bottom:1px solid #edf2f229;grid-template-columns:minmax(280px,.85fr) 1.15fr;align-items:end;column-gap:7vw;padding-bottom:32px;display:grid}.plan-intro>span{letter-spacing:.12em;text-transform:uppercase;color:#d7c18f;grid-column:1/-1;margin-bottom:15px;font-size:.72rem;font-weight:600}.plan-intro h3{font-family:var(--display);letter-spacing:-.025em;margin:0;font-size:clamp(2rem,3.2vw,2.8rem);font-weight:500;line-height:1.04}.plan-intro p{color:var(--on-navy-soft);max-width:60ch;margin:0}.plan-columns{border-bottom:1px solid #edf2f229;grid-template-columns:1.15fr .95fr .9fr;display:grid}.plan-columns>div{padding:28px 28px 26px 0}.plan-columns>div+div{border-left:1px solid #edf2f229;padding-left:28px}.plan-columns h4{letter-spacing:.13em;text-transform:uppercase;color:#d7c18f;margin:0 0 16px;font-size:.72rem}.plan-columns ul,.plan-columns ol{margin:0;padding:0;list-style:none}.plan-columns li{color:#c5d3da;padding:7px 0 7px 17px;font-size:.83rem;line-height:1.5;position:relative}.plan-columns ul li:before{content:"";background:#d7c18f;border-radius:50%;width:4px;height:4px;position:absolute;top:15px;left:0}.plan-columns ol{counter-reset:step}.plan-columns ol li{counter-increment:step;padding-left:34px}.plan-columns ol li:before{content:counter(step,decimal-leading-zero);color:#d7c18f;font-size:.69rem;font-weight:600;position:absolute;left:0}.plan-footer{justify-content:space-between;align-items:center;gap:30px;padding-top:25px;display:flex}.plan-footer p{color:#9fb3bf;max-width:720px;margin:0;font-size:.78rem;line-height:1.65}.plan-footer p strong{color:var(--on-navy);text-transform:uppercase;letter-spacing:.1em;margin-right:8px;font-size:.7rem}.plan-footer a{min-height:46px;color:var(--on-navy);border:1px solid #d7c18f9e;align-items:center;gap:26px;padding:0 18px;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.plan-footer a:hover{color:var(--navy);background:#d7c18f}.start-action{align-items:center;gap:24px;margin-top:30px;display:flex}.phone{font-size:.9rem;font-weight:600;text-decoration:none}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.js [data-reveal]{opacity:.18;transition:opacity .7s,transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(22px)}.js [data-reveal].is-visible{opacity:1;transform:none}footer{color:#4d5a63;padding:24px var(--pad);background:#e7dfd3;justify-content:space-between;gap:20px;font-size:.72rem;display:flex}@media (width>=981px){.system{align-items:start;min-height:145svh}.system-copy,.system-stage{height:calc(100svh - 64px);min-height:680px;position:sticky;top:64px}.system-copy{flex-direction:column;justify-content:center;align-self:start;display:flex}}@media (width<=980px){.site-header nav>a:not(.lang):not(.nav-cta){display:none}.hero{grid-template-columns:1fr;gap:28px;height:auto;min-height:0;padding-top:34px;padding-bottom:34px}.hero-copy{padding:18px 0 8px}.hero h1{font-size:clamp(2.25rem,8.5vw,3rem)}.hero-visual{height:48svh;min-height:360px}.journey{margin-top:28px!important}.section-intro{grid-template-columns:1fr;gap:16px}.experience{padding-top:68px}.experience-stage{grid-template-columns:1fr;max-width:100%;height:auto}.physical-feature{aspect-ratio:8/5;height:auto}.screen-feature{min-height:0}.screen-feature video{aspect-ratio:16/9;height:auto}.system{grid-template-columns:1fr;min-height:0}.system-copy{max-width:none;margin:0;padding-top:72px;padding-bottom:52px}.system-links{flex-flow:wrap;gap:8px 16px;display:flex}.system-stage{min-height:68vw}.start-head{display:block}.start-head p{white-space:normal;margin-top:12px}.plan-summary{grid-template-columns:1fr;gap:5px}.plan-intro{grid-template-columns:1fr;gap:16px}.plan-columns{grid-template-columns:1fr 1fr}.plan-columns>div:last-child{border-top:1px solid #edf2f229;border-left:0;grid-column:1/-1;padding-left:0}}@media (width<=620px){:root{--pad:20px}.site-header{height:58px}.brand small{display:none}.site-header nav{gap:12px}.nav-cta{padding:8px 14px}.hero{padding-top:20px}.hero h1{font-size:clamp(2.05rem,10.5vw,2.6rem);line-height:1.02}.hero-copy>p:not(.journey){font-size:.98rem}.hero-actions{flex-direction:column;align-items:flex-start;gap:12px;margin-top:24px}.journey{gap:5px;font-size:.68rem!important}.hero-visual{height:43svh;min-height:300px}.hero-motion{top:10px;bottom:auto;left:10px}.hero-visual figcaption{bottom:10px;right:10px}.experience{padding-top:58px;padding-bottom:56px}.section-intro{padding-bottom:30px}.section-intro h2,.system h2,.start h2{font-size:2rem}.experience-stage{gap:12px}.physical-feature{aspect-ratio:8/5;height:auto;min-height:0}.screen-feature{min-height:0}.screen-feature video{aspect-ratio:16/9;height:auto}.rail-track figure{width:230px;height:173px}.touchpoints{text-align:left;margin-top:22px}.system-copy{padding-top:58px;padding-bottom:42px}.system-stage{min-height:86vw}.system-links button{font-size:.82rem}.start{padding-top:58px;padding-bottom:60px}.plan-tab{grid-template-columns:34px minmax(0,1fr) 24px;gap:10px;min-height:112px;padding:18px 4px}.plan-summary strong{font-size:1.3rem}.plan-summary small{font-size:.8rem}.plan-panel{padding:28px 20px}.plan-intro h3{font-size:2rem}.plan-columns{grid-template-columns:1fr}.plan-columns>div,.plan-columns>div+div,.plan-columns>div:last-child{border-left:0;grid-column:auto;padding:22px 0}.plan-columns>div+div{border-top:1px solid #edf2f229}.plan-footer{flex-direction:column;align-items:flex-start}.plan-footer a{justify-content:space-between;width:100%}.start-action{flex-direction:column;align-items:flex-start}footer{flex-direction:column;gap:5px;padding:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rail-track,.ticker-track,.plan-panel{animation:none}.collection-rail,.growth-ticker{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.system-stage img,.js [data-reveal]{transition:none}.js [data-reveal]{opacity:1;transform:none}}