/* Turn on Media: working concepts, with the existing light brand system. */
.premium-playground{position:relative;isolation:isolate;padding:120px 0;background:#f8f8f5;scroll-margin-top:90px}
.premium-playground::after,.concept-page::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--site-grid-image);background-size:var(--site-grid-size);opacity:.18;mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}
.premium-label-row{display:flex;justify-content:space-between;gap:20px;padding-bottom:19px;border-bottom:1px solid hsl(var(--border));font:500 .68rem var(--app-font-mono);text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--muted-foreground))}
.premium-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:62px 0 48px}
.premium-heading h2,.case-demo-heading h2,.case-closing h2,.case-brief h2{font-size:clamp(2.7rem,5.6vw,6.4rem);letter-spacing:-.075em;line-height:.96;font-weight:600}
.premium-heading h2 em{color:#ff6b00;font-style:normal}.premium-heading p,.case-demo-heading p{max-width:310px;color:hsl(var(--muted-foreground));font-size:.9rem;line-height:1.6}
.playground-types{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #d8dde1;border-radius:12px;overflow:hidden;background:#fff}
.playground-types button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:64px;padding:16px 20px;font-size:.85rem;font-weight:600;border-right:1px solid #d8dde1;color:#1e3a5f;transition:background .2s,color .2s}
.playground-types button:last-child{border:0}.playground-types button span{color:#ff6b00}.playground-types button[aria-pressed=true]{background:#1e3a5f;color:#fff}.playground-types button:hover{background:#edf0f3}.playground-types button[aria-pressed=true]:hover{background:#284970}
.direction-intro{display:flex;justify-content:space-between;gap:20px;margin:38px 0 18px;font-size:.78rem;color:#667181}.direction-intro span:first-child{font-weight:600;color:#1e3a5f}
.design-directions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}
.design-directions>button{position:relative;text-align:left;background:#fff;border:1px solid #d8dde1;border-radius:12px;padding:16px;transition:border-color .2s,box-shadow .2s,transform .2s}
.design-directions>button:hover{transform:translateY(-3px)}.design-directions>button[aria-pressed=true]{border-color:#ff6b00;box-shadow:0 0 0 1px #ff6b00}
.direction-swatch{display:flex;align-items:center;justify-content:space-between;height:105px;border-radius:6px;margin-bottom:17px;padding:16px 24px;font-size:3.4rem;line-height:1}.direction-swatch>span{font-size:1.5rem}
.swatch-luxury{background:#ece9df;color:#29483a;font-family:Georgia,serif}.swatch-editorial{background:#e9f566;color:#151515;font-weight:900;font-family:Arial,sans-serif}.swatch-tech{background:radial-gradient(circle at 90% 20%,#c9c3ff,transparent 70%),#eff1ff;color:#5244d7;font-weight:500;letter-spacing:-.08em}
.design-directions strong{display:block;font-size:.94rem;color:#1e3a5f}.design-directions small{display:block;font-size:.74rem;line-height:1.5;color:#667181;min-height:2.8em;margin-top:6px}.direction-selection{display:block;margin-top:18px;font:500 .64rem var(--app-font-mono);color:#ff6b00}
.playground-window{border:1px solid #cfd6dc;border-radius:14px;overflow:hidden;background:#edf0f3;box-shadow:0 24px 70px -40px #1e3a5f66}
.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;background:#fff;border-bottom:1px solid #d8dde1}.preview-toolbar>div:first-child{display:flex;align-items:center;gap:10px;min-width:0}.preview-toolbar strong{font-size:.78rem;color:#1e3a5f}.preview-dot{width:6px;height:6px;background:#ff6b00;border-radius:50%;flex-shrink:0}.preview-concept{font:500 .6rem var(--app-font-mono);color:#77818d}
.preview-devices{display:flex;gap:4px;padding:3px;border-radius:7px;background:#f0f2f4}.preview-devices button{padding:7px 11px;border-radius:5px;font-size:.68rem;color:#5f6c7b}.preview-devices button[aria-pressed=true]{background:#1e3a5f;color:white}
.preview-stage{padding:18px;display:flex;justify-content:center;min-width:0}.live-demo-frame{display:block;width:100%;height:690px;border:0;background:#fff;border-radius:4px;color-scheme:light}.preview-stage[data-size=mobile]{padding:28px 18px;background:radial-gradient(ellipse at 50% 50%,#e1e5e8,#f2f4f5)}.preview-stage[data-size=mobile] .live-demo-frame{width:390px;max-width:100%;height:720px;border:8px solid #1e2c3d;border-radius:32px;box-shadow:0 16px 34px #1e3a5f26}
.playground-foot{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-top:25px}.playground-foot p{font-size:.83rem;color:#667181;line-height:1.5}.premium-action{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #1e3a5f;background:#1e3a5f;color:white;padding:15px 22px;border-radius:7px;font-weight:500;font-size:.8rem;text-decoration:none;white-space:nowrap;transition:background .2s,transform .2s}.premium-action:hover{background:#2a4e78;transform:translateY(-2px)}.premium-disclaimer{font-size:.68rem;color:#6c7580;line-height:1.6;margin-top:20px;max-width:800px}
:is(.premium-playground,.concept-page,.orb-preview-dialog) :is(button,a,select):focus-visible{outline:3px solid #ff6b00;outline-offset:3px}
.concept-header{height:88px;position:absolute;top:0;left:0;right:0;z-index:10;border-bottom:1px solid #dce1e5;background:#f9faf9}.concept-header>.container-wide{display:flex;align-items:center;justify-content:space-between;gap:20px;height:100%}.concept-back{font-size:.75rem;color:#1e3a5f;text-decoration:none}.concept-page{position:relative;isolation:isolate;padding:165px 0 95px;background:#f9faf9}.case-intro{padding-bottom:75px}.case-intro h1{font-size:clamp(3rem,7vw,7rem);font-weight:600;line-height:.98;letter-spacing:-.075em;margin:28px 0}.case-intro h1>span{display:block;font-size:clamp(1.5rem,3.1vw,3.2rem);line-height:1.15;margin-top:24px;color:#6b7988;letter-spacing:-.05em}.case-intro>p{max-width:630px;font-size:1rem;line-height:1.65;color:#667181}.case-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.case-features span{font-size:.65rem;border:1px solid #d8dde1;padding:8px 12px;border-radius:30px;color:#536275}
.case-brief{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid #d8dde1;padding:65px 0}.case-brief h2{font-size:clamp(2rem,3.5vw,4rem);margin-top:22px}.case-brief p{font-size:.9rem;line-height:1.7;color:#667181}.case-brief dl{margin-top:30px;display:grid;gap:24px}.case-brief dt{font:500 .62rem var(--app-font-mono);text-transform:uppercase;color:#ff6b00}.case-brief dd{font-size:.82rem;line-height:1.6;color:#536275;margin-top:8px}.case-decisions{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.case-decisions article{border-top:1px solid #d8dde1;padding:22px 0}.case-decisions span{font:500 .68rem var(--app-font-mono);color:#ff6b00}.case-decisions p{margin-top:20px;font-size:.86rem;line-height:1.65;color:#536275}.case-demo-heading,.case-closing{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:70px 0 35px}.case-demo-heading h2,.case-closing h2{font-size:clamp(2.4rem,4.5vw,5rem);margin-top:20px}.case-closing{padding:75px 0 60px}.case-next{display:grid;grid-template-columns:1fr auto 50px;align-items:center;gap:25px;border-top:1px solid #d8dde1;border-bottom:1px solid #d8dde1;padding:28px 0;color:#1e3a5f}.case-next>span{font:500 .65rem var(--app-font-mono);text-transform:uppercase}.case-next>strong{font-size:1.4rem;letter-spacing:-.05em}.case-next>i{font-size:1.5rem;text-align:right;color:#ff6b00}.concept-missing{padding:100px 0}.concept-missing h1{font-size:3rem;margin:20px 0 35px}
.sphere-explore-control{position:absolute;right:5%;bottom:28px;z-index:4;padding:10px 14px;border:1px solid #aebac5;border-radius:30px;background:#fafbfad9;backdrop-filter:blur(10px);color:#1e3a5f;font:500 .65rem var(--app-font-mono);pointer-events:auto}.sphere-explore-control:hover{border-color:#ff6b00}.sphere-explore-control:focus-visible{outline:3px solid #ff6b00;outline-offset:3px}.hero[data-sphere-hit]{cursor:pointer}
.orb-preview-dialog{position:fixed;inset:0;width:min(1080px,calc(100% - 48px));max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid #d8dde1;border-radius:18px;background:#f8f9f7;color:#1e3a5f;box-shadow:0 40px 140px #06172766;overflow:auto;color-scheme:light}.orb-preview-dialog::backdrop{background:#10253999;backdrop-filter:blur(8px)}.orb-preview-content{padding:30px}.orb-preview-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:24px;border-bottom:1px solid #d8dde1}.orb-preview-head button{width:40px;height:40px;background:#e8edf0;border-radius:50%}.orb-preview-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;padding-top:30px;align-items:center}.orb-preview-image{height:min(63dvh,560px);background:#e6ebe9;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:18px}.orb-preview-image img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 12px 25px #15304722}.orb-preview-copy h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;letter-spacing:-.07em;margin:18px 0}.orb-preview-copy p{font-size:.85rem;line-height:1.65;color:#667181}.orb-preview-controls{display:flex;align-items:center;gap:24px;margin:25px 0}.orb-preview-controls button{width:38px;height:38px;border:1px solid #c5cfd7;border-radius:50%}.orb-preview-controls span{font:500 .68rem var(--app-font-mono)}.orb-concept-select{display:block;font-size:.7rem;color:#667181}.orb-concept-select select{display:block;width:100%;margin:8px 0 20px;background:#fff;border:1px solid #cfd6dc;border-radius:5px;padding:11px;color:#1e3a5f;font-size:.82rem}.orb-preview-copy .premium-action{width:100%}.orb-inquiry{width:100%;padding:14px;font-size:.76rem;text-decoration:underline;text-underline-offset:4px}.orb-preview-copy>small{display:block;font-size:.64rem;line-height:1.5;color:#77818d;margin-top:14px}
.site-power-line{position:absolute;left:12px;top:0;width:32px;z-index:2;overflow:visible;pointer-events:none}.site-power-line path{fill:none;stroke-width:1}.power-track{stroke:#ff6b0030}.power-live{stroke:#ff6b00;opacity:.6}.site-power-line circle{fill:#fff;stroke:#ff6b004d;stroke-width:1}.site-power-line circle.is-powered{fill:#ff6b00;stroke:#ff6b00}.site-shell{position:relative}
@media(min-width:1600px){.site-power-line{left:calc((100% - 1440px)/2 - 40px)}}
@media(max-width:900px){.premium-playground{padding:85px 0}.premium-heading{gap:30px}.playground-types button{padding:14px 12px;font-size:.72rem}.design-directions{gap:10px}.design-directions>button{padding:12px}.direction-swatch{padding:14px;height:80px;font-size:2.7rem}.brief-sheet,.wireframe-sheet{padding:20px}.brief-sheet h4{font-size:2rem}.case-brief{gap:40px}.site-power-line{left:2px;width:20px}.orb-preview-layout{gap:25px}.orb-preview-content{padding:24px}.preview-concept{display:none}}
@media(max-width:650px){.premium-playground{padding:65px 0}.premium-label-row>span:last-child{display:none}.premium-heading{display:block;margin:35px 0}.premium-heading p{margin-top:24px}.playground-types{display:flex;overflow-x:auto;scrollbar-width:thin}.playground-types button{flex:0 0 auto;min-width:118px;min-height:54px}.direction-intro{display:block;margin-top:28px}.direction-intro>span{display:block;font-size:.72rem;margin-top:7px}.design-directions{gap:7px}.design-directions>button{padding:9px}.direction-swatch{height:64px;font-size:2.3rem;padding:9px;border-radius:4px}.direction-swatch>span{font-size:1rem}.design-directions strong{font-size:.68rem;line-height:1.3}.design-directions small{display:none}.direction-selection{font-size:.5rem;line-height:1.5;margin-top:12px}.preview-toolbar{padding:12px;gap:8px}.preview-toolbar strong{font-size:.66rem}.preview-devices button{padding:6px 8px;font-size:.6rem}.preview-stage{padding:0}.live-demo-frame{height:640px;border-radius:0}.preview-stage[data-size=mobile]{padding:18px 10px}.preview-stage[data-size=mobile] .live-demo-frame{height:670px;border-width:6px;border-radius:25px}.playground-foot{display:block;padding-top:20px}.playground-foot .premium-action{margin-top:16px}.premium-disclaimer{font-size:.62rem}.brief-sheet,.wireframe-sheet{min-height:300px}.concept-header{height:76px}.concept-back{font-size:.65rem}.concept-page{padding-top:120px}.case-intro{padding-bottom:45px}.case-intro h1{font-size:3.4rem}.case-intro h1>span{font-size:1.65rem}.case-intro>p{font-size:.85rem}.case-brief{grid-template-columns:1fr;gap:25px;padding:40px 0}.case-decisions{grid-template-columns:1fr;gap:5px}.case-decisions article{display:grid;grid-template-columns:25px 1fr;gap:15px;padding:20px 0}.case-decisions p{margin-top:0}.case-demo-heading,.case-closing{display:block;padding-top:45px}.case-demo-heading p{margin-top:20px}.case-closing .premium-action{margin-top:28px}.case-next{grid-template-columns:1fr 30px;gap:12px}.case-next>span{grid-column:1 / -1}.case-next>strong{font-size:1.2rem}.sphere-explore-control{right:5%;bottom:20px;font-size:.55rem;padding:9px 11px}.sphere-motion-control{max-width:140px}.orb-preview-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:12px}.orb-preview-content{padding:18px}.orb-preview-head{padding-bottom:16px}.orb-preview-head>.eyebrow{font-size:.55rem}.orb-preview-layout{grid-template-columns:1fr;padding-top:18px;gap:24px}.orb-preview-image{height:32dvh;min-height:180px;padding:12px}.orb-preview-copy h2{font-size:2rem;margin:12px 0}.orb-preview-copy p{font-size:.78rem}.orb-preview-controls{margin:18px 0}.site-power-line{display:none}}
@media(prefers-reduced-motion:reduce){.premium-playground *,.concept-page *,.orb-preview-dialog *{scroll-behavior:auto!important;transition:none!important}.design-directions>button:hover,.premium-action:hover{transform:none}}

/* A bounded canvas: the document scrolls inside a device-sized, fitted iframe. */
.premium-heading h2{font-size:clamp(2.6rem,4.4vw,4.8rem)}
.playground-window{width:min(100%,840px);height:min(460px,calc(100dvh - 132px));margin-inline:auto;display:flex;flex-direction:column;min-width:0;scroll-margin-top:94px}
.playground-window>.preview-toolbar,.canvas-modes,.canvas-catalog,.canvas-lab-controls,.canvas-scroll-hint{flex-shrink:0}
.playground-window>.preview-stage{flex:1;min-height:0;height:auto;padding:0;overflow:hidden;align-items:center;background:#e9edf0}
.preview-device-shell{position:relative;flex:none;box-sizing:content-box;max-width:100%;background:#fff}
.preview-fit-viewport{position:relative;flex:none;max-width:100%;overflow:hidden;background:white}
.preview-stage .preview-fit-viewport .live-demo-frame{position:absolute;left:0;top:0;max-width:none;display:block;border:0;border-radius:0;transform-origin:top left;box-shadow:none}
.preview-stage[data-size=mobile]{padding:0;background:radial-gradient(ellipse at center,#dce2e6,#edf0f2)}
.preview-stage[data-size=mobile] .preview-device-shell{border:6px solid #142333;border-radius:25px;box-shadow:0 9px 23px #1e3a5f30}
.preview-stage[data-size=mobile] .preview-fit-viewport{border-radius:19px}
.preview-stage[data-size=mobile] .preview-device-shell::before{content:'';position:absolute;top:7px;left:50%;transform:translateX(-50%);width:23%;height:8px;border-radius:20px;background:#101b28;z-index:2;pointer-events:none}
.preview-stage[data-size=mobile] .preview-device-shell::after{content:'';position:absolute;bottom:5px;left:35%;width:30%;height:3px;border-radius:5px;background:#12263c99;z-index:2;pointer-events:none}
.preview-stage[data-size=tablet] .preview-device-shell{border:5px solid #334353;border-radius:14px;box-shadow:0 9px 23px #1e3a5f20}
.preview-stage[data-size=tablet] .preview-fit-viewport{border-radius:9px}
.preview-toolbar strong{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.canvas-modes{display:flex;gap:6px;align-items:center;padding:7px 12px;background:#f7f8f8;border-bottom:1px solid #d8dde1}
.canvas-modes button{display:flex;align-items:center;gap:9px;padding:7px 12px;font-size:.68rem;border-radius:6px;color:#667181}
.canvas-modes button[aria-pressed=true]{background:#1e3a5f;color:white}.canvas-modes button>span{font:500 .55rem var(--app-font-mono);opacity:.7}
.canvas-catalog{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #d8dde1;background:#fff}
.canvas-catalog>button{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;border:1px solid #d1d9df;border-radius:50%;font-size:.8rem;color:#1e3a5f}
.canvas-select-label{flex:1;min-width:0}.canvas-select-label select{display:block;width:100%;min-width:0;padding:6px 25px 6px 8px;background:#f4f6f7;border:1px solid #d8dde1;border-radius:5px;color:#1e3a5f;font-size:.72rem}
.canvas-lab-controls{background:#fff;min-width:0;border-bottom:1px solid #d8dde1}
.canvas-lab-controls .playground-types{display:flex;overflow-x:auto;max-width:100%;border:0;border-radius:0;scrollbar-width:thin}
.canvas-lab-controls .playground-types button{flex:1;min-width:80px;min-height:37px;padding:7px 10px;font-size:.67rem;justify-content:center}
.canvas-lab-controls .design-directions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:8px 10px;border-top:1px solid #e2e6e9}
.canvas-lab-controls .design-directions>button{display:flex;align-items:center;justify-content:center;gap:7px;padding:6px 9px;border-radius:5px;min-width:0}
.canvas-lab-controls .design-directions strong{font-size:.65rem;white-space:nowrap}.canvas-lab-controls .design-directions i{width:10px;height:10px;border-radius:2px;flex-shrink:0}.canvas-lab-controls .design-directions>button:hover{transform:none}
[data-live-controls][hidden],[data-orb-controls][hidden]{display:none!important}
.canvas-scroll-hint{display:flex;justify-content:space-between;gap:15px;padding:7px 15px;background:#f7f8f8;border-top:1px solid #d8dde1;color:#667181;font:500 .55rem var(--app-font-mono)}
.playground-foot,.premium-playground .premium-disclaimer{width:min(100%,840px);margin-inline:auto}

/* Keep the gallery action clear of both the solid orb and the scroll prompt. */
.sphere-explore-control{right:max(24px,calc((100% - 1280px)/2));bottom:76px;z-index:6}
@media(max-width:650px){.sphere-explore-control{right:22px;bottom:76px}}

@media(max-width:650px){.playground-window{scroll-margin-top:82px}.canvas-modes{padding:6px 8px}.canvas-modes button{padding:7px 9px;font-size:.61rem;gap:6px}.preview-toolbar strong{max-width:95px;font-size:.63rem}.preview-devices button{font-size:.58rem;padding:6px 7px}.canvas-catalog{gap:7px;padding:8px 10px}.canvas-select-label select{font-size:.65rem;padding:7px 20px 7px 6px}.canvas-lab-controls .design-directions{gap:4px;padding:7px}.canvas-lab-controls .design-directions>button{padding:6px 4px;gap:4px}.canvas-lab-controls .design-directions strong{font-size:.57rem}.canvas-scroll-hint{font-size:.48rem;padding:6px 10px}.playground-foot{padding-top:18px}.playground-foot .premium-action{font-size:.75rem;padding:12px 16px}}