@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400&family=IBM+Plex+Sans+Thai:wght@400&display=swap";:root{--sky:#2b8ad6;--acid:#38c6ec;--ink:#fff;--muted:#c9d8ea;--panel:#0d1c33;--line:#ffffff26;--on-acid:#0d1c33;--radius-panel:12px;--radius-control:7px;--gutter:clamp(24px,4vw,72px);--studio:#1b3a6b;--flame:#ff8a4c;--mint:#3ee0a8;--amber:#ffb547;--violet:#8b8cff;--ice:#eef6fd;--grad:linear-gradient(100deg,#38c6ec,#2b8ad6 55%,#8b8cff);--ease:cubic-bezier(.22,.7,.25,1);--ui-fast:.18s;--ui-enter:.24s;font-family:Space Grotesk,IBM Plex Sans Thai,sans-serif;font-weight:400;letter-spacing:-.01em;color:var(--ink);background:var(--studio);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#0f2447}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--acid);outline-offset:5px}button:disabled{cursor:default}svg{stroke-width:1.5}::selection{background:var(--acid);color:var(--on-acid)}.experience{height:100vh;height:100dvh;min-height:700px;display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:1;background:transparent}.masthead{height:76px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;width:var(--scene-width,calc(100% - 2 * var(--gutter)));margin:0 auto;z-index:5;gap:24px;border-bottom:1px solid var(--line);position:relative}.wordmark{font-size:27px;letter-spacing:-.055em;line-height:1;min-height:44px;display:flex;align-items:center}.header-middle,.concept-label{font-size:14px;line-height:1.3;color:var(--muted)}.header-middle{position:absolute;left:50%;transform:translate(-50%)}.concept-label{font-size:13px;display:flex;align-items:center;gap:6px;min-height:44px;transition:color var(--ui-fast)}.header-actions{display:flex;align-items:center;gap:14px}.lang-toggle{min-width:44px;min-height:36px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:transparent;font-size:12px;letter-spacing:.06em;transition:border-color var(--ui-fast),color var(--ui-fast)}.lang-toggle:hover{border-color:var(--acid);color:var(--acid)}.wordmark img{display:block;height:44px;width:auto;filter:drop-shadow(0 0 10px #38c6ec40)}.concept-label:hover{color:var(--acid)}.stage{position:relative;flex:1;min-height:0}.image-plane{position:absolute;isolation:isolate}.media-envelope{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:22px;box-shadow:0 0 0 1px #ffffff26,0 40px 90px -40px #000a,inset 0 1px #ffffff1f;-webkit-user-select:none;user-select:none;background:radial-gradient(90% 80% at 50% 38%,#2b8ad633,#1b3a6b26,#0d1c3366),linear-gradient(180deg,#ffffff0d,#fff0 40%);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.scene-host,.scene-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.intro{position:absolute;top:22px;left:50%;width:var(--scene-width);display:flex;align-items:center;justify-content:space-between;gap:28px;text-align:left;pointer-events:none;transform:translate(-50%);transition:opacity .35s,transform .7s,filter .5s}.intro.hide{opacity:0;transform:translate(-50%,12px);filter:blur(5px)}.intro h1{font-size:clamp(36px,3.6vw,56px);font-weight:400;line-height:.9;letter-spacing:-.03em;margin:0}.intro-description{font-size:14px;line-height:1.5;color:var(--muted);margin:0;text-align:right}.intro-description span{display:block}.eyebrow{font-size:14px;line-height:1.35;color:var(--muted);margin:0 0 16px}.hotspot{position:absolute;left:var(--ax,-100px);top:var(--ay,-100px);transform:translate(-50%,-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:0;background:none;padding:0;border-radius:50%;transition:opacity var(--ui-fast)}.hotspot-ring{position:relative;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--on-acid);background:var(--acid);box-shadow:0 0 0 5px #38c6ec14;transition:transform var(--ui-fast),box-shadow var(--ui-fast)}.hotspot-ring:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:1px solid #38c6ec50;border-radius:50%;animation:breath 5s ease-in-out infinite}@keyframes breath{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.5;transform:scale(1.07)}}.hotspot.active .hotspot-ring,.hotspot:hover:not(:disabled) .hotspot-ring{transform:scale(1.06);box-shadow:0 0 0 5px #38c6ec20}.hotspot:disabled{opacity:.28;cursor:default;pointer-events:none}.hotspot:disabled .hotspot-ring:after{animation:none;opacity:0}.hotspot-label{position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%,4px);opacity:0;display:flex;gap:10px;align-items:center;white-space:nowrap;background:var(--acid);color:var(--on-acid);border-radius:var(--radius-control);padding:10px 14px;font-size:14px;line-height:1.3;transition:opacity var(--ui-fast),transform var(--ui-enter) var(--ease);pointer-events:none}.hotspot.active .hotspot-label,.hotspot:focus-visible .hotspot-label{opacity:1;transform:translate(-50%)}.appearance-hotspot{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.appearance-hotspot.expanded{z-index:6}.appearance-hotspot>.hotspot{pointer-events:auto}.appearance-hotspot>.hotspot:disabled{pointer-events:none}.appearance-hotspot.expanded .hotspot-label{opacity:0}.menu-bridge{position:absolute;top:0;right:0;bottom:-20px;left:0;pointer-events:auto;clip-path:polygon(calc(var(--ax) - 24px) calc(var(--ay) - 12px),calc(var(--ax) + 24px) calc(var(--ay) - 12px),calc(50% + 156px) 100%,calc(50% - 156px) 100%)}.appearance-menu{position:absolute;top:calc(100% + 18px);left:50%;transform:translate(-50%);width:312px;padding:10px 18px 12px;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--panel);color:var(--ink);box-shadow:0 8px 26px #0005;pointer-events:auto;animation:menu-in var(--ui-enter) var(--ease)}.appearance-heading{display:flex;align-items:center;justify-content:space-between;font-size:15px;line-height:1.3;gap:12px;min-height:30px}.appearance-close{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;border-radius:var(--radius-control);margin:-7px -12px -7px 0;transition:background var(--ui-fast),color var(--ui-fast)}.appearance-close:hover{background:var(--acid);color:var(--on-acid)}.appearance-options{display:flex;gap:8px;justify-content:space-between;margin-top:8px}.appearance-option{display:grid;place-items:center;min-width:44px;height:44px;padding:5px;background:transparent;border:1px solid transparent;border-radius:50%;transition:border-color var(--ui-fast),background var(--ui-fast);color:var(--on-acid)}.appearance-option:hover:not(:disabled){background:#ffffff12}.appearance-option.selected{border-color:var(--acid)}.appearance-option:disabled{opacity:.3;cursor:wait}.paint-chip{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff30}.appearance-menu.size .appearance-option{flex:1;height:52px;border-radius:var(--radius-control);border-color:var(--line)}.appearance-menu.size .appearance-option.selected{border-color:var(--acid);background:#38c6ec12}.size-chip{font-size:15px;color:var(--ink);white-space:nowrap}.appearance-option.selected .size-chip{color:var(--acid)}.appearance-caption{margin-top:9px;font-size:14px;line-height:1.45;color:var(--ink)}.appearance-caption small{display:block;font-size:12px;color:var(--muted);margin-top:2px}@keyframes menu-in{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}.back{position:absolute;z-index:5;left:calc((100% - var(--scene-width)) / 2);top:22px;display:flex;align-items:center;gap:10px;min-height:44px;background:var(--acid);color:var(--on-acid);border:1px solid transparent;border-radius:var(--radius-control);padding:10px 14px;font-size:14px;line-height:1.25;transition:background var(--ui-fast)}.back:hover:not(:disabled){background:#7dd9f2}.back kbd{font:inherit;font-size:12px;border-left:1px solid #0d1c3340;padding-left:9px;margin-left:8px}.back:disabled{opacity:.6}.detail-copy{position:absolute;z-index:4;right:calc((100% - var(--scene-width)) / 2 + 26px);top:114px;width:calc(var(--scene-width) * .3);max-width:380px;max-height:calc(var(--scene-height) - 52px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffffff50 transparent;opacity:0;pointer-events:none;transform:translateY(15px);transition:opacity .65s,transform .8s}.detail-copy.shown{opacity:1;transform:translateY(0);pointer-events:auto}.detail-copy h2{font-size:clamp(34px,3.1vw,52px);line-height:.95;letter-spacing:-.03em;font-weight:400;margin:0 0 24px}.detail-copy h2 span{display:block}.system-description{font-size:15px;line-height:1.6;color:var(--muted);margin:0 0 22px}.part-list{border-top:1px solid var(--line)}.part-list button{display:block;width:100%;min-height:48px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:13px 0;text-align:left;font-size:15px;line-height:1.4;transition:color var(--ui-fast)}.part-list button:hover,.part-list button.selected{color:var(--acid)}.part-row{display:flex;align-items:center;gap:12px}.part-row small{font-size:12px;color:var(--muted)}.part-row svg{margin-left:auto;flex-shrink:0;transition:transform var(--ui-enter)}.part-list button.selected svg{transform:rotate(45deg)}.part-description{display:block;font-size:14px;line-height:1.55;color:var(--muted);padding:8px 0 1px 26px}.benefit{margin-top:22px}.benefit>span{font-size:13px;color:var(--muted)}.benefit p{font-size:14px;line-height:1.55;margin:6px 0}.annotation{position:absolute;left:var(--ax,-100px);top:var(--ay,-100px);z-index:3;border:0;background:transparent;display:flex;align-items:center;gap:9px;transform:translate(-50%,-50%);padding:8px;min-width:44px;min-height:44px;border-radius:50%;animation:fade-in .4s ease}.annotation>span:first-child{width:28px;height:28px;background:var(--acid);color:var(--on-acid);border-radius:50%;display:grid;place-items:center;font-size:12px}.annotation.open>span:first-child{box-shadow:0 0 0 4px #38c6ec28}.annotation-label{font-size:14px;line-height:1.3;color:var(--on-acid);background:var(--acid);border-radius:var(--radius-control);padding:9px 12px;white-space:nowrap;opacity:0;transition:opacity var(--ui-fast);position:absolute;bottom:100%;left:0;pointer-events:none}.annotation:hover .annotation-label,.annotation:focus-visible .annotation-label,.annotation.open .annotation-label{opacity:1}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.transition-status{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:14px;display:flex;align-items:center;gap:10px;color:var(--muted);white-space:nowrap}.small-dot{width:5px;height:5px;border-radius:50%;background:var(--acid);display:inline-block;flex-shrink:0}.scene-footer{height:164px;flex-shrink:0;width:var(--scene-width,calc(100% - 2 * var(--gutter)));margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;padding:24px 0 14px;color:var(--muted)}.feature-notes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;transition:opacity var(--ui-fast)}.feature-note h3{font-size:16px;line-height:1.3;font-weight:400;color:var(--ink);margin:0 0 8px}.feature-note p{font-size:14px;line-height:1.55;margin:0;max-width:30ch}.footer-baseline{display:flex;justify-content:space-between;gap:16px;padding-top:15px;border-top:1px solid var(--line);font-size:12px;line-height:1.4}.experience:has(.appearance-hotspot.expanded) .feature-notes{opacity:0;visibility:hidden}.experience:has(.appearance-hotspot.expanded) .footer-baseline{visibility:hidden}.error-message{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:10;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);color:var(--ink);padding:12px 16px;display:flex;align-items:center;gap:16px;font-size:14px;line-height:1.4;width:max-content;max-width:calc(100% - 32px)}.error-message button{border:0;background:none;min-width:44px;height:44px;display:grid;place-items:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page{position:relative;z-index:1;overflow-x:clip}.wrap{width:var(--page-width,min(1340px,calc(100% - 2 * var(--gutter))));margin-inline:auto}.block{padding:88px 0 0;scroll-margin-top:24px}.block>.eyebrow{padding-top:18px;border-top:1px solid var(--line);margin-bottom:32px;color:var(--acid)}.about-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;flex-wrap:wrap}.block h2{font-size:clamp(28px,2.8vw,42px);line-height:1.25;font-weight:400;margin:0}.slogan{font-size:16px;color:var(--acid);margin:0}.lead{font-size:18px;line-height:1.75;color:var(--muted);max-width:62ch;margin:24px 0 0}.mission-vision{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.mission-vision>div{padding:24px;border:1px solid var(--line);border-radius:var(--radius-panel);background:#0d1c33b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.block h3{font-size:18px;line-height:1.4;font-weight:400;margin:0 0 10px}.mission-vision p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}.line{padding:32px;border:1px solid var(--line);border-radius:16px;background:#0d1c33b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.line-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.line-head small,.reason small,.steps small{font-size:12px;color:var(--acid)}.line-head h3{font-size:clamp(22px,2vw,28px);margin:0}.line-sub{font-size:15px;color:var(--muted);margin:0}.line-intro{font-size:15px;line-height:1.75;color:var(--muted);margin:16px 0 0;max-width:80ch}.line h4{font-size:14px;font-weight:400;color:var(--acid);margin:32px 0 14px}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.steps li{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-control);font-size:14px;line-height:1.45}.solutions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.solutions h5{font-size:15px;font-weight:400;margin:0 0 8px}.solutions ul,.line-items{margin:0;padding:0 0 0 18px;font-size:14px;line-height:1.7;color:var(--muted)}.line-items li+li{margin-top:6px}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0}.products dt{font-size:15px}.products dd{margin:6px 0 0;font-size:14px;line-height:1.6;color:var(--muted)}.brands{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.brands li{padding:8px 14px;border:1px solid var(--line);border-radius:999px;font-size:13px;letter-spacing:.06em}.line-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.line-pair .line-items{margin-top:20px}.reasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.reason h3{margin:10px 0 8px}.reason p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.industries{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.industries li{padding:10px 16px;border-radius:999px;background:#ffffff10;border:1px solid var(--line);font-size:15px}.nda{font-size:15px;line-height:1.75;color:var(--muted);max-width:72ch;margin:24px 0 0}.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}.office{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.with-icon{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.65;margin:8px 0 0}.with-icon svg{flex-shrink:0;color:var(--acid);margin-top:4px}.office-note{font-size:13px;line-height:1.6;color:var(--muted);margin:6px 0 0 26px}.contact a,.provide a{overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:#ffffff50;text-underline-offset:4px}.contact a:hover{color:var(--acid)}.people-title{margin-top:28px!important}.people{list-style:none;margin:0;padding:0}.people li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;padding:14px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.5}.people .role{grid-column:1 / -1;font-size:12px;color:var(--muted)}.people strong{font-weight:400;font-size:16px;grid-column:1 / -1}.line-card{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.line-card h3{margin:0}.line-card p{margin:0;max-width:36ch;font-size:15px;line-height:1.65;color:var(--muted)}.line-card img{display:block;width:min(240px,100%);height:auto;padding:12px;border-radius:14px;background:#fff}.contact .line-card .action{text-decoration:none}.action{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:11px 18px;border:1px solid var(--line);border-radius:var(--radius-control);font-size:15px;transition:background var(--ui-fast),color var(--ui-fast),border-color var(--ui-fast)}.action.primary{background:var(--acid);color:var(--on-acid);border-color:var(--acid)}.action.primary:hover:not(:disabled){background:#7dd9f2}.action:disabled{opacity:.6}.site-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:88px;padding:18px 0 max(22px,env(safe-area-inset-bottom));border-top:1px solid var(--line);font-size:12px;line-height:1.5;color:var(--muted)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:linear-gradient(160deg,#0d1c33,#14305a 45%,#1b3a6b)}.backdrop canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.aurora span{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;will-change:transform}.aurora span:nth-child(1){width:60vmax;height:60vmax;left:-15vmax;top:-20vmax;background:radial-gradient(circle,#2b8ad6 0%,transparent 65%);animation:drift-a 38s ease-in-out infinite alternate}.aurora span:nth-child(2){width:50vmax;height:50vmax;right:-18vmax;top:10vh;background:radial-gradient(circle,#38c6ec 0%,transparent 62%);opacity:.32;animation:drift-b 46s ease-in-out infinite alternate}.aurora span:nth-child(3){width:70vmax;height:70vmax;left:20vw;bottom:-45vmax;background:radial-gradient(circle,#1f5fae 0%,transparent 65%);animation:drift-c 52s ease-in-out infinite alternate}@keyframes drift-a{to{transform:translate(18vw,22vh) scale(1.15)}}@keyframes drift-b{to{transform:translate(-22vw,30vh) scale(.9)}}@keyframes drift-c{to{transform:translate(-14vw,-18vh) scale(1.1)}}.grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 30%,transparent 100%);mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 30%,transparent 100%)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .9s var(--ease)}.reveal.in{opacity:1;transform:none}.reasons .reveal:nth-child(3n+2){transition-delay:.08s}.reasons .reveal:nth-child(3n){transition-delay:.16s}.line-pair .reveal:nth-child(2){transition-delay:.1s}.intro h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.feature-note h3:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:10px;vertical-align:middle;background:var(--dot,var(--acid))}.feature-note:nth-child(2){--dot:var(--amber)}.feature-note:nth-child(3){--dot:#3ee0a8}.feature-note:nth-child(4){--dot:var(--violet)}.part-group{font-size:12px;letter-spacing:.04em;color:var(--acid);margin:18px 0 2px;padding-bottom:6px}.part-list>div:first-child .part-group{margin-top:10px}.action.primary{background:var(--grad);border-color:transparent;color:#fff}.action.primary:hover:not(:disabled){background:var(--grad);filter:brightness(1.1)}.line{position:relative;overflow:hidden;--accent:var(--acid)}.line:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--accent),transparent 80%)}.line.automation{--accent:#38c6ec;background:linear-gradient(160deg,#2b8ad626,#0d1c33b8 40%)}.line.fire{--accent:var(--flame);background:linear-gradient(160deg,#ff8a4c26,#0d1c33b8 45%);margin-top:24px}.line .line-head small,.line h4{color:var(--accent)}.line-items li::marker,.solutions li::marker{color:var(--accent)}.fire-body{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.fire-body .line-items{margin-top:16px}.steps li{background:#ffffff08}.steps li:nth-child(6n+1) small{color:#38c6ec}.steps li:nth-child(6n+2) small{color:#5aa9ff}.steps li:nth-child(6n+3) small{color:var(--violet)}.steps li:nth-child(6n+4) small{color:var(--amber)}.steps li:nth-child(6n+5) small{color:var(--flame)}.steps li:nth-child(6n) small{color:#3ee0a8}.brands li{background:#ffffff0a}.industries li{display:flex;align-items:center;gap:10px}.industries li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--dot)}.reason{padding:22px;border:1px solid var(--line);border-radius:14px;background:#0d1c33b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.reason small{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;font-size:12px;background:var(--c,#2b8ad6)}.reason:nth-child(6n+1){--c:#2b8ad6}.reason:nth-child(6n+2){--c:#38c6ec}.reason:nth-child(6n+3){--c:#8b8cff}.reason:nth-child(6n+4){--c:#ff8a4c}.reason:nth-child(6n+5){--c:#2fb98a}.reason:nth-child(6n){--c:#ffb547}.showcase-stage{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;margin-top:24px;align-items:stretch}.showcase-frame{position:relative;aspect-ratio:16 / 10;border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px #ffffff1f,inset 0 1px #ffffff1a;background:radial-gradient(90% 80% at 50% 40%,color-mix(in srgb,var(--accent) 10%,transparent),#0d1c3355 70%)}.showcase-frame .scene-host{position:absolute;top:0;right:0;bottom:0;left:0}.showcase-frame .hotspot-ring{background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 12%,transparent)}.showcase-frame .hotspot-ring:after{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.showcase-frame .hotspot-label,.showcase-frame .annotation>span:first-child,.showcase-frame .annotation-label{background:var(--accent)}.showcase-status{position:absolute;inset:auto 0 16px;display:flex;justify-content:center;align-items:center;gap:10px;font-size:14px;color:var(--muted)}.showcase-panel{display:flex;flex-direction:column;min-width:0}.showcase-pick{font-size:14px;color:var(--muted);margin:0 0 12px}.showcase-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.showcase-list button{width:100%;display:grid;grid-template-columns:28px 1fr 18px;gap:10px;align-items:center;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#ffffff08;transition:border-color var(--ui-fast),background var(--ui-fast)}.showcase-list button:hover,.showcase-list button.active,.showcase-list button:focus-visible{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.showcase-list small{font-size:12px;color:var(--accent)}.showcase-list strong{display:block;font-weight:400;font-size:15px;line-height:1.35}.showcase-list em{display:block;font-style:normal;font-size:12.5px;line-height:1.45;color:var(--muted);margin-top:2px}.showcase-list svg{color:var(--accent)}.showcase-note{font-size:13px;line-height:1.6;color:var(--muted);margin:14px 0 0;padding-top:14px;border-top:1px solid var(--line)}.showcase-back{align-self:flex-start;display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-control);background:transparent;font-size:14px;transition:border-color var(--ui-fast),color var(--ui-fast)}.showcase-back:hover{border-color:var(--accent);color:var(--accent)}.showcase-back kbd{font:inherit;font-size:11px;color:var(--muted);border-left:1px solid var(--line);padding-left:8px;margin-left:4px}.showcase-panel h2{font-size:24px;line-height:1.25;font-weight:400;margin:18px 0 10px}.showcase-description{font-size:14.5px;line-height:1.7;color:var(--muted);margin:0 0 14px}.showcase-panel .part-list button:hover,.showcase-panel .part-list button.selected{color:var(--accent)}.page-header .masthead{width:100%}.site-nav{display:flex;align-items:center;gap:4px}.site-nav a{position:relative;padding:10px 12px;font-size:14px;color:var(--muted);transition:color var(--ui-fast)}.site-nav a:after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:2px;background:var(--accent,var(--acid));box-shadow:0 0 10px color-mix(in srgb,var(--accent,var(--acid)) 70%,transparent);opacity:.65;transform:scaleX(0);transition:transform .32s var(--ease),opacity var(--ui-fast)}.site-nav a:hover,.site-nav a:focus-visible,.site-nav a.current{color:#fff}.site-nav a:hover:after,.site-nav a:focus-visible:after{transform:scaleX(1)}.site-nav a:active:after,.site-nav a.current:after{opacity:1;transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.site-nav a:after{transition:none}}.site-nav .nav-contact{display:none}.menu-toggle{display:none;width:44px;height:44px;place-items:center;border:1px solid var(--line);border-radius:12px;background:transparent}.experience .masthead{position:relative;z-index:8}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center;min-height:min(72vh,680px);padding-block:48px 32px}.hero-eyebrow{display:inline-block;font-size:13px;letter-spacing:.06em;color:var(--acid);padding:8px 14px;border:1px solid color-mix(in srgb,var(--acid) 40%,transparent);border-radius:999px;margin:0 0 24px}.hero h1{font-size:clamp(40px,4.4vw,76px);line-height:1.04;letter-spacing:-.035em;font-weight:400;margin:0}.hero h1 em{display:block;font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .lead{max-width:56ch}.hero .actions{margin-top:32px}.action svg{flex-shrink:0}.biz-icon{display:block}.page-intro{padding-block:56px 32px}.page-number{font-size:13px;color:var(--accent);margin:0 0 12px}.page-intro h1{font-size:clamp(40px,5vw,72px);line-height:1;letter-spacing:-.03em;font-weight:400;margin:0}.page-subtitle{font-size:18px;color:var(--accent);margin:12px 0 0}.page-intro .lead{max-width:70ch}.showcase{--accent:#38c6ec}.showcase-panel{padding:22px;border:1px solid var(--line);border-radius:18px;background:#0d1c33b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.showcase-stage{margin-top:0}.showcase-frame{aspect-ratio:16 / 9.5}@supports not (aspect-ratio: 1 / 1){.showcase-frame{height:0;padding-top:59.4%}}.showcase-status.lost{top:0;right:0;bottom:0;left:0;flex-direction:column;background:#0d1c33cc}.showcase-status.lost button{min-height:44px;padding:8px 18px;border-radius:999px;border:1px solid var(--accent);background:transparent;color:#fff}.brand-logos h4{margin-top:32px}.brand-logos ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.brand-logos li{display:grid;place-items:center;height:84px;padding:14px 18px;border-radius:12px;background:#fff;box-shadow:0 10px 26px -18px #000c;transition:transform var(--ui-fast)}.brand-logos li:hover{transform:translateY(-3px)}.brand-logos img{max-width:100%;max-height:52px;object-fit:contain}.provide-title{font-size:clamp(22px,2vw,28px)!important;margin:0 0 16px!important}.provide{margin:0;padding:0 0 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:12px 40px;font-size:15px;line-height:1.7;color:var(--muted)}.provide li::marker{color:var(--accent)}.provide-brand{margin:20px 0 0;font-size:14px;color:var(--muted)}.provide-brand strong{color:#fff;font-weight:400}.site-footer nav{display:flex;flex-wrap:wrap;gap:6px 18px}.site-footer nav a:hover{color:var(--acid)}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:18px}.gallery-item{margin:0;display:flex;flex-direction:column;gap:10px}.gallery-item button{position:relative;display:block;padding:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#0d1c33;aspect-ratio:3 / 4}.gallery-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease),filter .4s}.gallery-item button:hover img,.gallery-item button:focus-visible img{transform:scale(1.05);filter:brightness(1.08)}.gallery-item button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,#0d1c33aa);pointer-events:none}.gallery-zoom{position:absolute;right:12px;bottom:12px;z-index:1;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#0d1c33;background:var(--acid);opacity:0;transform:translateY(6px);transition:opacity var(--ui-fast),transform var(--ui-enter) var(--ease)}.gallery-item button:hover .gallery-zoom,.gallery-item button:focus-visible .gallery-zoom{opacity:1;transform:none}.gallery-item figcaption{font-size:14px;line-height:1.55;color:var(--muted)}.gallery-note{font-size:13px;color:var(--muted);margin:18px 0 0}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:56px 72px;background:#050c18e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fade-in .25s ease}.lightbox figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;max-height:100%}.lightbox img{max-width:min(92vw,900px);max-height:calc(100vh - 160px);border-radius:14px;box-shadow:0 30px 80px -20px #000}.lightbox figcaption{font-size:15px;color:#fff;text-align:center}.lightbox figcaption span{color:var(--muted);margin-left:10px;font-size:13px}.lightbox-close,.lightbox-nav{position:absolute;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:#0d1c33cc;color:#fff;transition:background var(--ui-fast),color var(--ui-fast)}.lightbox-close:hover,.lightbox-nav:hover{background:var(--acid);color:#0d1c33}.lightbox-close{top:16px;right:16px}.lightbox-nav.prev{left:16px;top:50%;transform:translateY(-50%)}.lightbox-nav.next{right:16px;top:50%;transform:translateY(-50%)}@media (max-width:600px){.lightbox{padding:64px 12px}.lightbox-nav{top:auto;bottom:16px;transform:none}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gallery-item figcaption{font-size:12.5px}}@view-transition{navigation:auto}.masthead{view-transition-name:masthead}.site-nav a.current:after{view-transition-name:nav-current}::view-transition-group(masthead){animation-duration:.5s;animation-timing-function:cubic-bezier(.65,0,.25,1)}::view-transition-group(nav-current){animation-duration:.45s;animation-timing-function:cubic-bezier(.65,0,.25,1)}::view-transition-old(root){animation:vt-out .32s cubic-bezier(.4,0,1,1) both}::view-transition-new(root){animation:vt-in .55s cubic-bezier(.22,.7,.25,1) .08s both}::view-transition-group(page-title){animation-duration:.55s;animation-timing-function:cubic-bezier(.65,0,.25,1)}@keyframes vt-out{to{opacity:0;transform:translateY(-14px) scale(.985);filter:blur(4px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(22px);filter:blur(4px)}}html.vt-fallback .page,html.vt-fallback main.experience{animation:vt-in .55s cubic-bezier(.22,.7,.25,1) both}html.vt-leaving .page,html.vt-leaving main.experience{animation:vt-out .28s cubic-bezier(.4,0,1,1) both}.page-progress{position:fixed;left:0;top:0;z-index:100;height:2px;width:0;background:var(--grad);box-shadow:0 0 10px #38c6ec;opacity:0;transition:width 1.2s cubic-bezier(.1,.7,.2,1),opacity .2s}html.vt-leaving .page-progress,html.vt-progress .page-progress{width:70%;opacity:1}.page-intro h1,.experience .intro h1{view-transition-name:page-title}.scene-canvas{animation:fade-in .9s ease .1s both}@media (min-width:901px){.appearance-menu{display:grid;grid-template-columns:145px 1fr;column-gap:24px;width:560px;padding:18px 54px 18px 18px}.appearance-heading{grid-column:1;grid-row:1;min-height:20px;align-items:start}.appearance-close{position:absolute;right:6px;top:6px;margin:0}.appearance-options{grid-column:2;grid-row:1 / 3;align-self:center;margin-top:0}.appearance-caption{grid-column:1;grid-row:2;margin-top:6px}.menu-bridge{clip-path:polygon(calc(var(--ax) - 24px) calc(var(--ay) - 12px),calc(var(--ax) + 24px) calc(var(--ay) - 12px),calc(50% + 280px) 100%,calc(50% - 280px) 100%)}}@media (min-width:901px) and (max-height:780px){.masthead{height:64px}.intro h1{font-size:38px}.intro-description{font-size:13px}.detail-copy h2{font-size:32px;margin-bottom:18px}.system-description{margin-bottom:14px}.benefit{margin-top:16px}.feature-notes{gap:18px}.feature-note h3{font-size:15px}.feature-note p{font-size:13px}.experience:not(.phase-overview){height:auto;min-height:100dvh}.experience:not(.phase-overview) .stage{height:auto;flex:none}.detail-copy{position:relative;right:auto;top:auto;width:var(--scene-width);max-width:none;max-height:none;overflow:visible;margin:0 auto;padding:calc(var(--scene-height) + 116px) 0 8px;display:grid;grid-template-columns:1fr 1fr;gap:36px}.phase-overview .detail-copy{display:none}}@media (max-width:1180px){.header-middle,.header-contact{display:none}.menu-toggle{display:grid}.site-nav{display:none;position:absolute;top:calc(100% + 8px);right:0;z-index:20;flex-direction:column;align-items:stretch;min-width:240px;padding:10px;border:1px solid var(--line);border-radius:16px;background:#0d1c33f2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 24px 60px -20px #000c}.site-nav.open{display:flex}.site-nav a:after{right:auto;width:24px;transform-origin:left}.site-nav .nav-contact{display:block}.brand-logos ul{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:900px){.experience{height:auto;min-height:100svh;overflow:hidden}.masthead{height:72px;width:calc(100% - 40px)}.wordmark img{height:34px}.stage{flex:none;height:calc(var(--scene-height, (100vw - 40px) * .562799) + 132px);min-height:0}.intro{top:24px;display:block}.intro h1{font-size:clamp(32px,5.8vw,48px)}.intro-description{margin-top:14px;font-size:14px;text-align:left}.intro-description span{display:inline}.intro-description span+span:before{content:" · "}.appearance-menu{width:300px}.scene-footer{height:auto;min-height:256px;flex:1;padding-top:28px;padding-bottom:20px;gap:28px}.feature-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.footer-baseline{font-size:12px;gap:24px}.footer-baseline span:last-child{text-align:right;max-width:26ch}.back{left:20px;top:28px}.back kbd{display:none}.phase-detail .stage,.phase-entering .stage,.phase-returning .stage{height:auto;min-height:0}.detail-copy{position:relative;top:auto;right:auto;width:auto;max-width:620px;max-height:none;overflow:visible;margin:0 auto;padding:calc(160px + var(--scene-height, (100vw - 40px) * .562799)) 20px 8px}.detail-copy h2{font-size:40px}.detail-copy h2 span{display:inline}.detail-copy h2 span+span:before{content:" "}.system-description{font-size:16px}.benefit{margin-top:24px}.phase-overview .detail-copy{display:none}.transition-status{bottom:8px}.annotation-label{font-size:12px;padding:8px;max-width:180px;white-space:normal;text-align:left}.wrap{width:calc(100% - 40px)}.block{padding-top:64px}.mission-vision,.contact-grid,.line-pair{grid-template-columns:minmax(0,1fr)}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.solutions{grid-template-columns:1fr}.reasons{grid-template-columns:repeat(2,minmax(0,1fr))}.line,.fire-body,.showcase-stage,.hero,.provide{grid-template-columns:1fr}.hero{min-height:0;padding-block:32px 16px}.page-intro{padding-block:32px 20px}.showcase-frame{aspect-ratio:4 / 3.6}@supports not (aspect-ratio: 1 / 1){.showcase-frame{padding-top:90%}}}@media (max-width:480px){.masthead{height:68px}.concept-label{font-size:12px}.wordmark img{height:30px}.intro h1{font-size:clamp(30px,8.2vw,38px)}.intro-description{font-size:13px;max-width:28ch}.intro-description span{display:block}.intro-description span+span:before{content:none}.media-envelope{border-radius:12px}.appearance-menu{width:288px;padding:12px 16px 14px}.feature-note h3{font-size:15px}.feature-note p{font-size:13px}.feature-notes{gap:22px 20px}.hotspot-ring{width:26px;height:26px}.hotspot-label{font-size:13px}.products,.reasons,.people li{grid-template-columns:minmax(0,1fr)}.brand-logos ul{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-logos li{height:72px}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.lead{font-size:16px}.action{width:100%;justify-content:center}.detail-copy h2{font-size:34px}.detail-copy{padding-right:20px;padding-left:20px}}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}.factory-scene{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.16;filter:blur(.7px);-webkit-mask-image:radial-gradient(ellipse 78% 82% at 50% 50%,#000 30%,transparent 100%);mask-image:radial-gradient(ellipse 78% 82% at 50% 50%,#000 30%,transparent 100%)}.factory-scene svg{display:block;width:100%;height:100%}.factory-steel{fill:none;stroke:#a9c8e8;stroke-width:1}.factory-lane{fill:none;stroke:#e8c46a;stroke-width:2;stroke-dasharray:18 14}.factory-wall{fill:#a9c8e80f;stroke:#a9c8e8;stroke-width:1}.factory-lamp{fill:#eaf6ff}