/* Focused interactive studio: brand, content and customer journey. */
.studio-hero{height:170svh;background:#15132d;--web-p:0}.studio-hero .web-hero-stage{height:100svh;min-height:820px;position:sticky;top:0;display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center;padding:140px 5% 100px;background:radial-gradient(ellipse at 95% 65%,#f2652814,transparent 55%);overflow:hidden}.studio-copy{position:relative;z-index:2}.studio-copy .seo-eyebrow{font-size:9px;letter-spacing:.1em;color:#b69bc8;margin:0 0 27px}.studio-hero h1{font-size:clamp(48px,4.8vw,66px);line-height:1.03;letter-spacing:-.035em;margin:0 0 28px}.studio-copy>p:not(.seo-eyebrow){font:14px/1.85 Arial;color:#bcaeca;margin:0 0 30px;max-width:440px}.studio-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.studio-actions .seo-primary{font-size:11px;padding:17px 19px;gap:25px;border-radius:12px}.studio-actions .web-underlink{margin:0;font-size:10px}.studio-actions .web-underlink span{color:#f26528;margin-left:5px}.studio-context{display:flex;gap:16px;align-items:center;margin-top:44px;border-top:1px solid #ffffff15;padding-top:22px;max-width:395px}.studio-context-number{font:700 34px/1 'Chakra Petch';color:#5b476c}.studio-context-kicker{font:8px/1.6 Arial;letter-spacing:.08em;color:#e2946e}.studio-context-text{font:11px/1.8 Arial;color:#a18bae;margin:5px 0 0}.studio-experience{min-width:0;position:relative}.studio-controls{display:flex;gap:6px;margin-bottom:17px}.studio-controls button{border:1px solid #ffffff18;border-radius:9px;background:transparent;color:#baa4ca;padding:12px 15px;display:flex;align-items:center;gap:10px;font:11px Arial;cursor:pointer;transition:background .4s,color .4s,border-color .4s}.studio-controls button>span{font:8px Arial;color:#846e97}.studio-controls button[aria-pressed=true]{background:#30223b;border-color:#f2652866;color:#fff}.studio-controls button[aria-pressed=true]>span{color:#f26528}.studio-controls button:hover{border-color:#f26528;color:#fff}.studio-board{border-radius:17px;overflow:hidden;border:1px solid #ffffff30;box-shadow:0 30px 90px #0004;position:relative;background:#292139;transform:translateY(calc((1 - var(--web-p))*10px));transition:transform .15s linear}.studio-board-top{height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font:7px Arial;letter-spacing:.08em;color:#a18aae}.studio-board-top>span:first-child{display:flex;gap:4px}.studio-board-top i{width:4px;height:4px;background:#7d648b;border-radius:50%}.studio-board-top img{width:24px;height:18px}.studio-canvas{background:#efedf3;padding:22px;color:#21224e}.studio-sample-nav{display:flex;align-items:center;justify-content:space-between;margin:0 2px 20px}.studio-sample-nav>img{width:85px;height:38px;object-fit:contain}.studio-sample-nav>span{font:7px Arial;color:#897691}.studio-sample-nav i{font:16px Arial;font-style:normal;margin-left:8px;color:#c45c2f}.studio-canvas button{appearance:none;border:1px solid transparent;cursor:pointer;text-align:left;position:relative;transition:border-color .4s,background .5s,box-shadow .5s;color:#21224e;font-family:Arial}.studio-canvas button:focus-visible,.studio-controls button:focus-visible{outline:2px solid #f26528;outline-offset:3px}.studio-design-zone{display:block;width:100%;padding:20px 22px;background:#e5dfec;border-radius:9px}.studio-zone-label{display:block;font:7px/1.5 Arial;letter-spacing:.1em;color:#90779f}.studio-design-zone>strong{display:block;font:700 clamp(30px,3vw,41px)/1.02 'Chakra Petch';letter-spacing:-.045em;margin:17px 0 22px;position:relative}.studio-design-zone>strong>span{color:#be4d22}.studio-design-bottom{display:flex;align-items:center;justify-content:space-between;font:9px Arial;color:#81708e}.studio-design-bottom>i{font:25px/1 Arial;font-style:normal;color:#b45e3c}.studio-selection-corner{position:absolute;width:6px;height:6px;background:#f26528;border:1px solid #ffb28a;opacity:0;transition:opacity .4s}.corner-a{left:-3px;top:-3px}.corner-b{right:-3px;top:-3px}.corner-c{left:-3px;bottom:-3px}.corner-d{right:-3px;bottom:-3px}.studio-content-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.studio-content-zone,.studio-journey-zone{padding:17px;border-radius:9px;background:#faf9fb;min-height:150px}.studio-content-zone>strong{font:700 20px/1.2 'Chakra Petch';display:block;margin:12px 0 15px;letter-spacing:-.035em}.studio-lines{display:block}.studio-lines i{display:block;width:70%;height:3px;background:#d5cada;border-radius:2px;margin-top:6px}.studio-lines i:last-child{width:45%}.studio-zone-arrow{position:absolute;bottom:15px;right:14px;font:20px Arial;color:#ab91bb}.studio-journey-zone>strong{font:700 15px/1.2 'Chakra Petch';display:block;margin:11px 0}.studio-journey-path{display:flex;justify-content:space-between;align-items:center;position:relative;height:12px;margin-top:20px}.studio-journey-path:before{content:'';position:absolute;left:0;right:0;height:1px;background:#cdbbd8}.studio-journey-path>i{width:7px;height:7px;border-radius:50%;background:#baa2ca;z-index:1}.studio-journey-path>b{position:absolute;height:3px;width:100%;background:#f26528;transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.22,1,.36,1)}.studio-micro-cta{display:flex;justify-content:space-between;align-items:center;background:#21224e;color:#fff;padding:10px;border-radius:5px;font:7px Arial}.studio-micro-cta i{font:12px Arial}.studio-canvas-bottom{display:flex;justify-content:space-between;font:5px/1.8 Arial;letter-spacing:.05em;color:#9b85a8;margin-top:17px}.studio-board[data-focus="0"] .studio-design-zone{border-color:#f26528;box-shadow:0 0 0 3px #f265280c}.studio-board[data-focus="0"] .studio-selection-corner{opacity:1}.studio-board[data-focus="1"] .studio-content-zone{border-color:#f26528;background:#fff6f1;box-shadow:0 0 0 3px #f265280a}.studio-board[data-focus="1"] .studio-lines i{background:#f26528}.studio-board[data-focus="2"] .studio-journey-zone{border-color:#f26528;background:#fff6f1;box-shadow:0 0 0 3px #f265280a}.studio-board[data-focus="2"] .studio-journey-path>b{transform:scaleX(1)}.studio-board[data-focus="2"] .studio-journey-path>i{background:#f26528}.studio-board[data-focus="2"] .studio-micro-cta{background:#f26528}.studio-inspector{display:flex;align-items:center;gap:9px;padding:15px 19px;font:9px/1.6 Arial;color:#c9b6d7}.studio-inspector-dot{width:5px;height:5px;border-radius:50%;background:#f26528;box-shadow:0 0 12px #f2652866}.studio-inspector-index{margin-left:auto;font-size:8px;color:#9979ab}.studio-caption{display:flex;justify-content:space-between;gap:15px;margin-top:16px;font:6px/1.8 Arial;letter-spacing:.06em;color:#8e739f}.studio-caption i{color:#f26528;font:10px Arial;margin-left:6px}.studio-scroll-track{position:absolute;left:5%;right:5%;bottom:35px;display:flex;gap:20px;align-items:center;font:7px Arial;letter-spacing:.07em;color:#9077a1}.studio-scroll-track>div{flex:1;height:1px;background:#ffffff16}.studio-scroll-track i{display:block;width:100%;height:100%;background:#f26528;transform:scaleX(var(--web-p));transform-origin:left}.studio-scroll-track>a{text-decoration:none;color:#f26528;font:20px Arial;margin-left:10px}.studio-caption,.studio-inspector-title,.studio-context-text{transition:opacity .3s}.studio-hero .studio-hero-cursor{position:absolute;z-index:5;pointer-events:none;width:30px;height:30px;border:1px solid #f2652866;border-radius:50%;translate:-50% -50%;opacity:0;transition:opacity .2s}
@media(max-width:1050px){.studio-hero .web-hero-stage{gap:38px;padding-inline:4%}.studio-controls button{padding:11px 12px;font-size:10px;gap:7px}.studio-canvas{padding:17px}.studio-design-zone{padding:18px}.studio-content-zone,.studio-journey-zone{padding:13px}.studio-context-text{font-size:10px}.studio-hero h1{font-size:52px}.studio-actions{gap:18px}.studio-copy>p:not(.seo-eyebrow){font-size:13px}.studio-design-zone>strong{font-size:34px}.studio-content-zone>strong{font-size:18px}.studio-journey-zone>strong{font-size:14px}}
@media(max-width:700px){.studio-hero{height:auto}.studio-hero .web-hero-stage{height:auto;min-height:0;position:relative;grid-template-columns:1fr;padding:125px 20px 80px;gap:38px}.studio-hero h1{font-size:46px;line-height:1.04}.studio-copy>p:not(.seo-eyebrow){font-size:14px}.studio-desktop-br{display:none!important}.studio-actions .seo-primary{padding:15px 17px;gap:18px}.studio-context{margin-top:25px;padding-top:18px}.studio-context-number{font-size:27px}.studio-context-text{font-size:10px}.studio-controls{gap:6px}.studio-controls button{flex:1;justify-content:center;padding:11px 9px;font-size:10px}.studio-canvas{padding:16px}.studio-design-zone>strong{font-size:34px}.studio-content-zone>strong{font-size:18px}.studio-content-row{gap:9px}.studio-content-zone,.studio-journey-zone{padding:12px;min-height:143px}.studio-journey-zone>strong{font-size:13px}.studio-micro-cta{font-size:6px;padding:9px}.studio-zone-label{font-size:6px}.studio-caption{font-size:5px}.studio-inspector{font-size:8px;padding:13px}.studio-inspector-index{font-size:7px}.studio-scroll-track{font-size:5px;gap:10px;bottom:25px}.studio-canvas-bottom{font-size:4px}.studio-hero .studio-hero-cursor{display:none}}
@media(prefers-reduced-motion:reduce){.studio-hero{height:auto}.studio-hero .web-hero-stage{position:relative;height:auto}.studio-board{transform:none;transition:none}.studio-canvas button,.studio-controls button,.studio-selection-corner,.studio-journey-path>b{transition:none}}