/* App3D landing: wordmark is the only logo placement. Action cues are intrinsic SVGs. */
.action-cue{display:inline-flex;width:19px;height:19px;align-items:center;justify-content:center;flex:0 0 19px;transition:transform .3s}.action-cue .icon{width:18px;height:18px;transform:rotate(-90deg)}
.study-scene{position:relative}.scene-light-handle{position:absolute;left:0;top:0;width:48px;height:48px;z-index:3;border:1px solid #dce8ff42;border-radius:50%;padding:0;background:transparent;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:border-color .15s,background-color .15s}.scene-light-handle:hover,.scene-light-handle:focus-visible,.scene-light-handle.is-dragging{border-color:var(--accent);background:#b8d1ff16}.scene-light-handle.is-dragging,.study-scene.is-moving-light{cursor:grabbing}.scene-light-handle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.button:hover .action-cue,.text-link:hover .action-cue{transform:translateX(3px)}
.header-cta{display:flex;align-items:center;gap:10px;font-size:12px}.header-cta:hover{color:var(--accent)}
.reading-progress{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left}
html{scroll-behavior:smooth}.desktop-nav>a[aria-current=location]{color:var(--text)}.desktop-nav>a[aria-current=location]:after{transform:scaleX(1)}
.home-hero{min-height:640px;height:calc(100dvh - 80px);max-height:920px}.hero-copy{padding-top:64px}.hero-title{font-size:clamp(41px,4.25vw,65px)}.hero-scene{right:-5%;width:65%;top:0;height:100%}.home-hero:after{width:65%}.scene-caption{bottom:24px}
.intro-section{padding-top:110px}.intro-heading{display:block}.intro-heading h2{font-size:clamp(36px,4.4vw,62px);max-width:860px;margin-bottom:26px}.intro-heading p{max-width:620px;font-size:18px}.platform-line{border-bottom:0;margin-top:40px;padding:23px 0 10px}
.story-grid{grid-template-columns:.85fr 1.15fr;gap:64px}.story-step{min-height:660px;opacity:.46;transition:opacity .3s}.story-step.is-active,.story-step:first-child{opacity:1}.story-step h3{font-size:34px}.story-visual{padding-top:0;top:100px}.study-scene{height:340px}.workbench{border-radius:12px}.workbench-top{top:17px}.workbench-bottom{padding:14px 20px}.scene-nav{margin-top:10px}.scene-nav>button{min-height:50px;padding:6px 5px}.scene-nav>button .icon{width:18px;height:18px}.study-note{margin-top:10px;font-size:10px}
.lighting-panel{padding:16px 18px;margin-top:10px}.lighting-heading{font-size:12px;margin-bottom:8px}.lighting-heading .text-link{font-size:11px}.light-instruction{font-size:11px;line-height:1.6;color:var(--muted);margin-bottom:12px;max-width:400px}.light-pad{position:relative;height:90px;border:1px solid var(--line);border-radius:8px;background:var(--bg);max-width:350px;margin:0 auto 13px;overflow:hidden;touch-action:none}.light-pad:before{content:"";position:absolute;inset:15px 33px;border:1px solid var(--line);border-radius:50%;transform:rotate(-8deg)}.light-pad-model{position:absolute;width:18px;height:24px;border:1px solid var(--muted);border-radius:4px;left:calc(50% - 9px);top:calc(50% - 12px);background:var(--surface-high)}.light-pad-label,.light-pad-back{position:absolute;color:var(--muted);font-size:9px;bottom:4px;left:calc(50% - 10px)}.light-pad-back{top:3px;bottom:auto}.light-handle{width:36px;height:36px;position:absolute;left:calc(50% - 18px);top:calc(50% - 18px);border:1px solid var(--accent);border-radius:50%;background:var(--surface-high);color:var(--accent);display:flex;align-items:center;justify-content:center;padding:0;cursor:grab;touch-action:none}.light-handle:active{cursor:grabbing}.light-handle .icon{width:19px;height:19px}.light-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.light-controls label{font-size:10px;line-height:1.4}.light-controls input{height:22px}.lighting-footer{font-size:10px;margin-top:10px}.lighting-footer .text-link{font-size:10px}
.collection-heading{max-width:840px;margin-bottom:44px}.collection-heading h2{font-size:clamp(34px,4vw,56px);margin-bottom:25px}.collection-heading p{max-width:590px;color:var(--muted);font-size:17px;margin:0}.catalog-section{padding:115px 0 100px}.filter-bar{gap:18px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 30px}.feature-card:first-child,.feature-card:nth-child(8n+1){grid-column:auto}.feature-grid:not(.filtered) .feature-card:last-child{grid-column:1/-1;grid-template-columns:1.1fr 1fr}.feature-grid.filtered{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{padding-bottom:28px}.feature-card .feature-image>img,.feature-grid.filtered .feature-image>img,.feature-grid:not(.filtered) .feature-card:last-child .feature-image>img{height:295px;aspect-ratio:auto!important}.feature-card:nth-child(4n+2){padding-top:64px}.feature-grid.filtered .feature-card{padding-top:0}.feature-card h3{font-size:25px}.feature-card p{font-size:14px;min-height:0;margin-bottom:20px}.quick-look{font-size:13px;min-height:40px;border-bottom:1px solid var(--line)}.card-meta{font-size:11px}.image-arrow{display:none!important}.feature-image .brand-cue{display:none!important}.feature-image:after{border-radius:10px}.feature-image img{filter:blur(.8px) brightness(.88) saturate(.9)}.feature-image .icon{height:18px!important;width:18px!important}.feature-card .feature-image:hover .action-cue{transform:none}.feature-dialog[open]{grid-template-columns:1fr 1fr}.dialog-image{min-height:510px}.dialog-image>img{height:100%;min-height:510px}.dialog-copy li{font-size:14px}.dialog-copy .button{white-space:normal}
.exchange-section{padding:100px 0 110px;border-top:1px solid var(--line)}.exchange-heading{max-width:740px;margin-bottom:50px}.exchange-heading h2{font-size:clamp(36px,4vw,58px);margin-bottom:28px}.exchange-heading p{color:var(--muted);font-size:17px;max-width:560px}.format-groups{display:grid;grid-template-columns:1.35fr .65fr 1fr;gap:40px}.format-group h3{font-size:19px;margin-bottom:24px}.format-group>div{display:flex;gap:10px;flex-wrap:wrap}.format-group>div>span{font-size:13px;border:1px solid var(--line);border-radius:6px;padding:8px 12px;background:var(--surface)}.exchange-section .media-note{margin-top:35px}
.studio-section{padding:110px 0 100px;border-top:1px solid var(--line)}.studio-heading{max-width:750px;margin-bottom:55px}.studio-heading h2{font-size:clamp(36px,4vw,58px);margin-bottom:26px}.studio-heading p{font-size:17px;color:var(--muted);max-width:520px}.studio-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.studio-switch{margin-bottom:30px;width:100%}.studio-switch button{flex:1;font-size:13px;padding:13px 10px}.studio-switch button[aria-selected=true]{background:var(--surface-high);color:var(--text)}#studio-panel h3{font-size:28px;line-height:1.25;margin-bottom:22px}#studio-panel>p{font-size:15px;color:var(--muted)}#studio-panel dl{margin:30px 0}#studio-panel dl>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;font-size:12px}#studio-panel dt{color:var(--muted)}#studio-panel dd{margin:0;text-align:right;max-width:58%}
.deployment-visual{padding:48px 32px 30px;background:var(--surface);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;align-items:center}.people-node{display:flex;align-items:center;gap:30px;font-size:13px}.people-node>span:first-child{display:flex;gap:10px;align-items:center}.people-node>span:last-child{font-size:11px;color:var(--muted)}.people-node .icon{color:var(--accent)}.connection-line{height:64px;width:1px;background:var(--line);position:relative;overflow:hidden}.connection-line span{position:absolute;inset:0;background:var(--accent);transform:scaleY(.3);transform-origin:top;animation:connection 3s ease-in-out infinite}.server-node{display:flex;align-items:center;flex-direction:column;border:1px solid var(--line);border-radius:10px;padding:26px 35px;background:var(--bg);min-width:240px}.server-slots{width:80px;display:grid;gap:5px;margin-bottom:20px}.server-slots span{height:10px;border:1px solid var(--muted);border-radius:3px;transition:transform .4s}.server-slots span:last-child{opacity:.5}.server-node strong{font-size:19px;font-weight:500}.server-node>span{font-size:11px;color:var(--muted);margin-top:7px}.deployment-visual>p{text-align:center;color:var(--muted);font-size:11px;margin:24px 0 0;max-width:300px}.deployment-visual[data-deployment=onprem] .server-slots span:nth-child(2){transform:translateX(8px)}.deployment-visual[data-deployment=onprem] .server-slots span:nth-child(3){transform:translateX(16px)}@keyframes connection{0%,100%{transform:scaleY(.1);opacity:.3}50%{transform:scaleY(1);opacity:.8}}.infrastructure-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:70px}.infrastructure-grid .icon{color:var(--accent);margin-bottom:20px}.infrastructure-grid h3{font-size:19px;margin-bottom:16px}.infrastructure-grid p{color:var(--muted);font-size:13px;line-height:1.75;margin:0}
.config-section{padding-top:110px;border-top:1px solid var(--line)}.config-section .collection-heading{margin-bottom:55px}.faq-list summary .icon{transition:transform .3s}.faq-list details[open] summary .icon{transform:rotate(180deg)}
.guide-section{padding:100px 0 110px;border-top:1px solid var(--line)}.guide-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.guide-tabs{display:flex;flex-direction:column;gap:6px;align-items:stretch}.guide-tabs button{background:transparent;border:0;border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:18px;color:var(--muted);font-size:18px}.guide-tabs button[aria-selected=true]{background:var(--surface-high);color:var(--text)}.guide-tabs button:hover{color:var(--accent)}#guide-panel{padding:34px 38px;background:var(--surface);border-radius:12px;min-height:380px}.guide-context{color:var(--accent);font-size:11px}#guide-panel h3{font-size:30px;margin:18px 0 24px}#guide-panel ol{padding-left:20px;margin:0 0 30px}#guide-panel li{color:var(--muted);font-size:15px;line-height:1.7;padding-left:12px;margin-bottom:14px}.guide-notes{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:50px}.guide-notes p{font-size:13px;color:var(--muted);margin:0;line-height:1.8;max-width:480px}.guide-notes strong{display:block;color:var(--text);font-size:16px;margin-bottom:12px}
.support-section{padding:100px 0 100px;border-top:1px solid var(--line)}.support-section>h2{font-size:clamp(34px,4vw,56px);margin-bottom:26px}.support-section>p{font-size:17px;color:var(--muted);max-width:580px}.support-section form{max-width:850px;margin-top:38px}.support-fields{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:24px}.support-section label{display:flex;flex-direction:column;gap:10px;font-size:13px}.support-section input,.support-section select,.support-section textarea{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:15px;font-size:14px;min-height:50px}.support-section input::placeholder,.support-section textarea::placeholder{color:var(--muted)}.support-section textarea{resize:vertical}.support-actions{display:flex;align-items:center;gap:25px;margin-top:24px}.support-actions p{font-size:11px;color:var(--muted);margin:0}.request-result{margin-top:30px;padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.request-result h3{font-size:24px;margin-bottom:20px}.request-result pre{font:13px/1.7 Onest,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted)}.request-result .text-link{margin-right:30px}.request-result p{color:var(--accent);font-size:12px;margin:20px 0 0}.footer-legal{font:inherit;border:0;background:transparent;color:inherit;padding:0;cursor:pointer}.footer-legal:hover{color:var(--text)}.closing .button{min-width:220px}
.selection-dialog,.text-dialog{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:12px;width:min(660px,calc(100% - 40px));max-height:88dvh;overflow:auto;padding:42px}.selection-dialog::backdrop,.text-dialog::backdrop{background:#050811bf;backdrop-filter:blur(6px)}.selection-dialog>button.icon-button,.text-dialog>button.icon-button{position:absolute;right:15px;top:15px}.selection-dialog h2,.text-dialog h2{font-family:Unbounded,Onest,sans-serif;font-size:31px;margin:8px 0 28px;max-width:460px}.selection-dialog h3{font-size:22px;margin-bottom:23px}#inline-tools{display:flex;flex-wrap:wrap;gap:8px}#inline-facts{margin:28px 0}#inline-facts div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;font-size:13px}#inline-facts dt{color:var(--muted)}#inline-facts dd{margin:0;text-align:right}.inline-total{display:flex;align-items:baseline;gap:13px;margin:30px 0 10px}.inline-total strong{font-size:48px;letter-spacing:-.04em}.inline-total span{font-size:14px;color:var(--muted)}#inline-billing{font-size:14px;color:var(--muted)}.selection-dialog .button-row{margin-top:28px}.selection-dialog .button-row .button{font-size:12px}.text-dialog h3{font-size:22px;margin:25px 0 14px}.text-dialog p{font-size:15px;color:var(--muted)}.request-result[hidden],[hidden]{display:none!important}
@media(min-width:801px) and (max-height:800px){.study-scene{height:250px}.lighting-panel{padding:10px 16px}.light-pad{height:66px;margin-bottom:9px}.light-instruction{display:none}.lighting-heading{margin-bottom:8px}.scene-nav>button{min-height:43px;font-size:9px}.study-note{margin-top:6px}.light-controls{gap:10px}.light-controls input{height:18px}.lighting-footer{margin-top:6px}.workbench-top{top:13px;font-size:10px}.story-visual{top:94px}.workbench-bottom{padding-top:10px;padding-bottom:10px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.header-inner{width:calc(100% - 48px)}.desktop-nav{gap:18px}.header-cta{font-size:11px}.header-actions{gap:12px}.story-grid{gap:35px}.light-controls{grid-template-columns:1fr 1fr}.story-step{min-height:730px}.studio-layout{gap:40px}.infrastructure-grid{grid-template-columns:1fr 1fr;gap:35px}.guide-layout{gap:40px}.filter-bar{flex-direction:column;align-items:stretch}.search-control{max-width:100%}.feature-card .feature-image>img{height:245px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.header-cta{display:none}.desktop-nav{display:none}.menu-open{display:flex}.home-hero{height:auto;min-height:900px;max-height:none}.hero-copy{padding-top:45px}.hero-title{font-size:clamp(32px,6vw,46px)}.hero-bottom{margin-top:30px}.hero-bottom p{font-size:16px}.hero-scene{position:absolute;width:120%;height:490px;right:-15%;top:auto;bottom:48px}.home-hero:after{width:100%;height:400px;background:linear-gradient(180deg,var(--bg) 60%,transparent)}.scene-caption{left:20px;right:20px;bottom:20px}.intro-section{padding-top:70px;padding-bottom:25px}.intro-heading h2{font-size:37px}.intro-heading p{font-size:16px}.platform-line{flex-wrap:wrap;gap:18px}.platform-line>span{font-size:11px}.story-grid{display:flex;flex-direction:column;gap:25px}.story-steps{display:grid;grid-template-columns:1fr 1fr;gap:25px}.story-step{padding:20px 0;min-height:0;opacity:1}.story-step h3{font-size:23px;margin-bottom:15px}.story-step p{font-size:14px}.step-heading{font-size:12px;margin-bottom:16px}.story-step .text-link{font-size:12px}.story-visual{position:relative!important;top:auto!important;width:100%;padding-top:0;order:-1}.study-scene{height:360px}.light-controls{grid-template-columns:repeat(4,1fr)}.lighting-panel{padding:18px}.light-pad{max-width:350px;height:90px}.lighting-footer{font-size:11px}.scene-nav>button{min-width:58px}.catalog-section{padding-top:75px}.collection-heading{margin-bottom:30px}.collection-heading h2{font-size:34px}.collection-heading p{font-size:15px}.feature-grid,.feature-grid.filtered{grid-template-columns:1fr 1fr;gap:35px 20px}.feature-card:nth-child(4n+2){padding-top:0}.feature-card .feature-image>img,.feature-grid.filtered .feature-image>img{height:210px}.feature-card h3{font-size:20px}.feature-card p{font-size:13px}.feature-grid:not(.filtered) .feature-card:last-child{display:block;grid-column:auto}.feature-grid:not(.filtered) .feature-card:last-child .feature-image>img{height:210px}.card-meta{gap:6px;flex-wrap:wrap}.dialog-copy{padding:35px}.feature-dialog[open]{display:block}.dialog-image,.dialog-image>img{min-height:0;height:300px}.exchange-section,.studio-section,.config-section,.guide-section,.support-section{padding-top:75px;padding-bottom:75px}.format-groups{grid-template-columns:1fr;gap:35px}.format-group h3{margin-bottom:17px}.exchange-heading h2,.studio-heading h2{font-size:36px}.exchange-heading p,.studio-heading p{font-size:15px}.studio-layout{grid-template-columns:1fr;gap:30px}.deployment-visual{padding:32px}.infrastructure-grid{margin-top:40px;gap:30px}.infrastructure-grid h3{font-size:18px}.guide-layout{grid-template-columns:1fr;gap:22px}.guide-tabs{flex-direction:row;overflow:auto;gap:5px}.guide-tabs button{font-size:13px;gap:8px;padding:13px;white-space:nowrap}.guide-tabs .action-cue{display:none}#guide-panel{padding:28px;min-height:330px}.guide-notes{grid-template-columns:1fr;gap:30px;margin-top:35px}.support-actions{align-items:flex-start;flex-direction:column;gap:15px}.closing{padding:25px 0 80px;flex-direction:column;align-items:flex-start}.closing h2{font-size:42px}.closing .button{min-width:200px}.footer-bottom{padding-bottom:90px}}
@media(max-width:480px){.home-hero{min-height:850px}.hero-title{font-size:30px;line-height:1.25}.hero-bottom p{font-size:15px}.hero-bottom .button{font-size:11px}.hero-scene{bottom:60px;height:440px;width:135%;right:-25%}.hero-copy{padding-top:39px}.hero-bottom .button-row{gap:9px}.scene-caption{font-size:10px}.intro-heading h2{font-size:32px}.intro-heading p{font-size:15px}.platform-line .text-link{width:100%;justify-content:flex-start}.study-scene{height:310px}.light-controls{grid-template-columns:1fr 1fr;gap:12px 17px}.light-controls label{font-size:11px}.light-controls input{height:24px}.light-instruction{font-size:11px}.lighting-heading{font-size:12px}.lighting-footer{flex-direction:row;align-items:center;font-size:10px}.lighting-footer>span{width:auto}.lighting-footer .text-link{font-size:10px}.story-steps{grid-template-columns:1fr;gap:0}.story-step{padding:26px 0;border-bottom:1px solid var(--line)}.story-step h3{font-size:26px}.story-step p{max-width:100%;font-size:15px}.story-step .text-link{font-size:13px}.feature-grid,.feature-grid.filtered{grid-template-columns:1fr}.feature-card .feature-image>img,.feature-grid.filtered .feature-image>img,.feature-grid:not(.filtered) .feature-card:last-child .feature-image>img{height:235px}.feature-card h3{font-size:25px}.feature-card p{font-size:15px}.card-meta{font-size:11px}.quick-look{font-size:13px}.feature-card-copy{padding-top:18px}.filter-tabs{padding:3px 0}.filter-tabs button{font-size:11px}.dialog-image,.dialog-image>img{height:230px}.dialog-copy{padding:27px}.dialog-copy h2{font-size:27px}.dialog-copy .button{font-size:12px}.infrastructure-grid{grid-template-columns:1fr}.studio-switch button{font-size:11px}.deployment-visual{padding:32px 20px}#studio-panel h3{font-size:26px}#studio-panel dl>div{font-size:12px}.support-fields{grid-template-columns:1fr;gap:22px}.support-section>h2{font-size:33px}.support-section>p{font-size:15px}.selection-dialog,.text-dialog{padding:45px 25px 28px}.selection-dialog h2,.text-dialog h2{font-size:27px}.inline-total strong{font-size:39px}.selection-dialog .button-row .button{width:100%}.guide-tabs{margin-right:-20px;padding-right:20px}#guide-panel h3{font-size:27px}#guide-panel li{font-size:14px}.exchange-heading h2,.studio-heading h2{font-size:33px}.collection-heading h2{font-size:31px}.wordmark img{width:29px;height:29px}.mobile-menu nav a{font-size:27px}}
@media(hover:none){.feature-image>img{filter:none!important;transform:none!important}}
@media(min-width:801px){.feature-grid.filtered .feature-card.wide-last{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px}.feature-grid.filtered .feature-card.wide-last .feature-card-copy{padding-top:0}}
@media(prefers-reduced-transparency:reduce){.site-header{backdrop-filter:none;background:var(--bg)}.feature-image:after{display:none}.feature-image>img{filter:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.connection-line span{animation:none}.story-step{opacity:1}.feature-image>img{filter:none!important;transform:none!important}.reading-progress{display:none}}
html[data-motion=reduce]{scroll-behavior:auto!important}:root[data-motion=reduce] .story-step{opacity:1}:root[data-motion=reduce] .feature-image>img{filter:none!important;transform:none!important}