/* Perspective edition: this file follows the original landing styles. */
.studio-v2 { --experience-yellow:#fbc104; overflow-x:clip; padding-top:70px; }
.studio-v2 .nav { position:fixed; top:0; left:0; width:100%; z-index:1000; }
.studio-v2 .hero { position:relative; padding:52px 0 54px; background:#fffef9; }
.studio-v2 .hero-content { display:block; max-width:1370px; text-align:center; }
.studio-v2 .studio-hero-copy { max-width:1100px; margin:auto; }
.studio-v2 .hero-announce { margin-bottom:28px; background:#fff; }
.studio-kicker { display:flex; justify-content:space-between; max-width:880px; margin:0 auto 23px; color:#7b7e70; font-size:9px; font-weight:600; letter-spacing:1.6px; }
.studio-v2 .hero h1 { max-width:none; font-size:clamp(68px,8.9vw,128px); line-height:.96; letter-spacing:-6px; font-weight:650; margin:0 auto 28px; }
.studio-title-line { display:block; overflow:hidden; padding:0 0 .12em; margin-bottom:-.1em; }
.studio-title-line > span { display:inline-block; transform-origin:bottom left; }
.studio-v2 .hero h1 .hl { padding:0 .07em; color:#20221e; background:#fbc104; }
.studio-v2 .hero h1 em { color:white; font-style:normal; }
.studio-v2 .hero .lead { max-width:530px; font-size:15px; margin:25px auto 20px; line-height:1.75; }
.studio-v2 .hero-points, .studio-v2 .hero-cta { justify-content:center; }
.studio-v2 .hero-cta .btn { padding:17px 28px; font-size:13px; border-radius:6px; }
.studio-v2 .hero-rating { margin:22px auto 0; padding:0; border:0; justify-content:center; gap:22px; }
.studio-v2 .hero-rating-item:first-child { width:auto; }
.studio-v2 .studio-console-wrap { width:100%; max-width:1060px; margin:68px auto 0; padding:25px 18px 55px; perspective:1500px; text-align:left; }
.studio-v2 .studio-yellow-stage { inset:0 -60px 20px; background:#fbc104; border-radius:50% 50% 24px 24px; }
.studio-v2 .studio-orbit { width:900px; height:900px; top:-410px; left:50%; margin-left:-450px; border-color:#7e690b33; }
.studio-v2 .orbit-two { width:650px; height:650px; top:-285px; margin-left:-325px; }
.studio-v2 .studio-spark { top:25px; right:35px; font-size:100px; }
.studio-console-motion { position:relative; z-index:1; transform-origin:50% 100%; will-change:transform; }
.studio-v2 .studio-console { transform:none; border-radius:12px; border-color:#26271d; box-shadow:0 28px 45px #7e661a25,7px 8px 0 #a68100; }
.studio-v2 .studio-console-chrome { height:48px; padding-inline:22px; }
.studio-v2 .studio-console-chrome > strong { font-size:16px; }
.studio-v2 .studio-demo-tag { font-size:8px; padding:4px 7px; }
.studio-v2 .studio-console-layout { grid-template-columns:52px minmax(0,1fr); }
.studio-v2 .studio-console-rail { padding-top:23px; gap:13px; }
.studio-v2 .studio-console-rail i { width:33px; height:33px; font-size:13px; }
.studio-v2 .studio-console-main { padding:25px; display:grid; grid-template-columns:155px minmax(0,1fr) 185px; gap:16px; }
.studio-v2 .studio-console-heading { grid-column:1/-1; margin:0 0 4px; }
.studio-v2 .studio-console-heading small { font-size:8px; letter-spacing:1.7px; }
.studio-v2 .studio-console-heading h2 { font-size:30px; }
.studio-periods { display:flex; padding:4px; background:#f3f3ed; border-radius:7px; gap:4px; }
.studio-periods button { border:0; background:transparent; color:#717668; padding:8px 14px; border-radius:4px; font-size:11px; font-weight:600; cursor:pointer; }
.studio-periods button[aria-pressed=true] { background:#fbc104; color:#20221e; box-shadow:0 1px 3px #30270012; }
.studio-v2 .studio-demo-stats { grid-template-columns:1fr; gap:8px; }
.studio-v2 .studio-demo-stats > div { padding:12px 15px; }
.studio-v2 .studio-demo-stats span { font-size:9px; }
.studio-v2 .studio-demo-stats strong { font-size:29px; margin:3px 0; line-height:1; }
.studio-v2 .studio-demo-stats small { font-size:8px; }
.studio-v2 #studio-demo-days { display:inline; font-size:inherit; }
.studio-v2 .studio-demo-chart { margin:0; display:flex; flex-direction:column; padding:18px 16px 14px; min-width:0; }
.studio-v2 .studio-demo-chart-head { margin-bottom:18px; }
.studio-v2 .studio-demo-chart-head strong { font-size:10px; }
.studio-v2 .studio-demo-chart-head span { font-size:9px; }
.studio-v2 .studio-demo-chart svg { flex:1; min-height:145px; overflow:visible; }
.studio-v2 .studio-chart-days { font-size:7px; padding-top:15px; }
.studio-v2 .studio-demo-table { margin:0; border:1px solid #e1e4d8; border-radius:7px; padding:15px 12px; }
.studio-v2 .studio-demo-table > div { grid-template-columns:1fr auto; gap:13px 5px; padding:16px 0; font-size:9px; }
.studio-v2 .studio-demo-table > div:first-child { padding-top:0; font-size:8px; }
.studio-v2 .studio-demo-table > div > :last-child { font-family:'Funnel Sans',sans-serif; grid-column:1/-1; text-align:left; font-size:28px; }
.studio-v2 .studio-demo-table > div:first-child > :last-child { display:none; }
.studio-v2 .studio-demo-table strong { white-space:normal; }
.studio-v2 .studio-status-pill { font-size:7px; padding:3px 5px; }
.studio-v2 .studio-float-note { bottom:0; right:35px; padding:13px 19px; transform:rotate(-4deg); border-color:#323422; }
.studio-v2 .studio-console-wrap figcaption { max-width:none; font-size:8px; bottom:22px; left:28px; letter-spacing:1px; }
.studio-panel-sticker { position:absolute; z-index:2; left:-45px; top:90px; background:#fbc104; border:1px solid #26271d; padding:17px 20px; font-size:8px; letter-spacing:1.3px; transform:rotate(-10deg); box-shadow:4px 5px 0 #24251e; }
.studio-panel-sticker strong { display:block; font:600 15px 'Funnel Sans',sans-serif; margin-top:3px; letter-spacing:0; }
.studio-experience-tools { display:flex; justify-content:space-between; align-items:center; max-width:1200px; margin:auto; padding:20px 28px; gap:15px; }
.studio-experience-tools > div { display:flex; gap:18px; }
.studio-experience-tools button { border:0; background:none; color:#6a6e5f; cursor:pointer; font-size:10px; padding:8px 0; }
.studio-experience-tools button:disabled { opacity:.45; cursor:default; }
.studio-experience-tools button i { margin-right:5px; }
.studio-scroll-cue { display:flex; align-items:center; gap:12px; color:#62664e; font-size:10px; text-decoration:none; }
.studio-scroll-cue > span { display:grid; place-items:center; width:31px; height:31px; border:1px solid #d6d8cc; border-radius:50%; color:#20221e; }
.studio-marquee { overflow:hidden; padding:35px 0; background:#fbc104; border-block:1px solid #24251e; }
.studio-marquee-track { display:flex; width:max-content; align-items:center; gap:45px; font:600 clamp(36px,5vw,72px)/1 'Funnel Sans',sans-serif; letter-spacing:-2px; white-space:nowrap; }
.studio-marquee-track b { font-size:70px; font-weight:400; }
.studio-v2 .studio-story { background:#f8f7f2; padding:85px 0; overflow:clip; }
.studio-story-frame { display:grid; grid-template-columns:310px minmax(0,1fr); gap:70px; position:relative; }
.studio-story-pin { width:100%; }
.studio-story-intro { padding-top:28px; }
.studio-story-intro h2 { font-size:55px; letter-spacing:-2.5px; line-height:1.02; font-weight:550; }
.studio-story-intro h2 em { font-style:normal; color:#a57c00; }
.studio-story-intro > p { font-size:13px; color:#747967; line-height:1.8; margin:23px 0 35px; max-width:280px; }
.studio-chapters { display:flex; flex-direction:column; border-top:1px solid #dcdfd0; }
.studio-chapters a { padding:17px 0; border-bottom:1px solid #dcdfd0; display:flex; align-items:center; gap:13px; color:#8b907c; text-decoration:none; font-size:13px; transition:color .2s; }
.studio-chapters a span { font-size:9px; }
.studio-chapters a i { margin-left:auto; font-size:11px; transform:rotate(-45deg); }
.studio-chapters a.is-current { color:#272a1e; font-weight:650; }
.studio-chapters a.is-current span { background:#fbc104; padding:5px; margin-left:-5px; border-radius:3px; }
.studio-story-disclaimer { display:block; color:#858b76; font-size:8px; margin-top:24px; letter-spacing:.5px; }
.studio-story-skip { display:inline-block; font-size:11px; color:#60664f; margin-top:12px; text-underline-offset:4px; }
.studio-scenes { display:grid; gap:24px; min-width:0; }
.studio-scene { position:relative; border:1px solid #303423; border-radius:16px; padding:30px 32px 26px; min-width:0; background:#fbc104; box-shadow:6px 7px 0 #dddaca; scroll-margin-top:110px; }
.studio-scene-top { display:flex; justify-content:space-between; align-items:center; font-size:9px; letter-spacing:1px; margin-bottom:22px; gap:10px; }
.scene-status { display:flex; align-items:center; gap:5px; font-size:7px; letter-spacing:.5px; }
.scene-status i { width:5px; height:5px; border-radius:50%; background:currentColor; }
.studio-scene h3 { font-size:40px; line-height:1.04; font-weight:550; letter-spacing:-1.5px; }
.studio-scene > p { font-size:12px; line-height:1.7; margin-top:16px; max-width:450px; }
.scene-campaigns { background:#fffef9; }
.scene-reports { background:#25281f; color:#f9f7e9; }
.studio-orbital { height:255px; position:relative; display:grid; place-items:center; margin-top:5px; }
.orbital-ring { position:absolute; width:240px; height:240px; border:1px solid #70621355; border-radius:50%; }
.ring-b { width:165px; height:165px; }
.orbital-cross { position:absolute; width:280px; height:1px; background:#70621333; }
.orbital-cross::after { content:''; position:absolute; width:1px; height:250px; background:#70621333; left:50%; top:-125px; }
.orbital-core { display:flex; flex-direction:column; justify-content:center; align-items:center; width:102px; height:102px; background:#24261e; color:#fbc104; border-radius:22px; font:800 65px/.7 'Funnel Sans',sans-serif; box-shadow:8px 8px 0 #a58315; transform:rotate(-8deg); }
.orbital-core span { font:500 6px 'Inter',sans-serif; letter-spacing:1px; margin-top:11px; }
.orbital-node { position:absolute; width:45px; height:45px; display:grid; place-items:center; background:#ffefad; border:1px solid #5d531f; border-radius:12px; font-size:17px; }
.node-a { left:calc(50% - 145px); top:47px; transform:rotate(-12deg); }
.node-b { left:calc(50% + 73px); top:35px; transform:rotate(10deg); }
.node-c { left:calc(50% + 50px); bottom:25px; transform:rotate(-5deg); }
.orbital-label { position:absolute; left:0; bottom:15px; font-size:8px; max-width:90px; line-height:1.5; }
.studio-campaign-cards { display:grid; gap:13px; margin:30px 0; }
.studio-campaign-card { display:grid; grid-template-columns:35px 1fr auto; align-items:center; gap:12px; background:#fff; border:1px solid #d5d9c9; border-radius:9px; padding:14px; box-shadow:0 7px 0 #f0f0e7; }
.campaign-icon { display:grid; place-items:center; width:35px; height:35px; background:#fff0b2; border-radius:8px; font-size:14px; }
.studio-campaign-card strong { font-size:11px; display:block; }
.studio-campaign-card small { font-size:8px; color:#8d9380; }
.campaign-state { font-size:8px; padding:4px 6px; background:#edf2df; border:1px solid #d6dec5; border-radius:3px; color:#637249; }
.campaign-state.is-draft { background:#f3f3eb; color:#90947e; }
.studio-campaign-card svg { display:none; width:100px; height:36px; grid-column:3; }
.studio-campaign-card svg path { fill:none; stroke:#c39b08; stroke-width:2; }
.studio-report-chart { padding:24px 25px 12px; background:#30352a; border:1px solid #4e5544; border-radius:10px; margin:25px 0 0; }
.report-chart-caption { display:flex; align-items:center; justify-content:space-between; }
.report-chart-caption > span { font-size:10px; color:#bdc5ab; }
.report-chart-caption strong { font:500 29px 'Funnel Sans',sans-serif; }
.report-chart-caption small { font:400 8px 'Inter',sans-serif; color:#8e987d; }
.report-bars { height:175px; display:flex; align-items:flex-end; gap:14px; margin-top:15px; padding-bottom:20px; border-bottom:1px solid #545a48; }
.report-bars > span { height:var(--bar); position:relative; flex:1; }
.report-bars i { display:block; height:100%; background:#fbc104; border-radius:5px 5px 0 0; transform-origin:bottom; }
.report-bars b { position:absolute; top:calc(100% + 7px); width:100%; text-align:center; font-size:8px; font-weight:400; color:#9ca68a; }
.studio-story-meter { display:none !important; }
.studio-story.is-pinned-story .studio-story-frame { height:min(660px,calc(100svh - 125px)); min-height:540px; align-items:center; }
.is-pinned-story .studio-scenes { height:100%; display:block; position:relative; overflow:clip; border-radius:18px; }
.is-pinned-story .studio-scene { position:absolute; inset:0 0 20px; display:flex; flex-direction:column; justify-content:space-between; }
.is-pinned-story .studio-story-meter { display:none !important; }
.studio-story-meter > span { display:none !important; }
.studio-v2 .feat-split-visual { border-radius:12px; box-shadow:10px 10px 0 #fbc104; border-color:#292c20; transform-origin:center; }
.studio-v2 .feat-split-text h3 { font-size:43px; line-height:1.05; letter-spacing:-1.7px; }
.studio-v2 .cta-final { position:relative; overflow:hidden; }
.studio-v2 .cta-final::before { content:''; width:440px; height:440px; position:absolute; left:-140px; top:20%; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none'%3E%3Cline x1='6' y1='50' x2='94' y2='50' stroke='%23816500' stroke-opacity='0.15' stroke-width='11' stroke-linecap='round'/%3E%3Cline x1='18.9' y1='18.9' x2='81.1' y2='81.1' stroke='%23816500' stroke-opacity='0.15' stroke-width='11' stroke-linecap='round'/%3E%3Cline x1='50' y1='6' x2='50' y2='94' stroke='%23816500' stroke-opacity='0.15' stroke-width='11' stroke-linecap='round'/%3E%3Cline x1='81.1' y1='18.9' x2='18.9' y2='81.1' stroke='%23816500' stroke-opacity='0.15' stroke-width='11' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain; pointer-events:none; }
.studio-v2 .cta-final h2 { font-size:clamp(54px,7vw,95px); letter-spacing:-3px; }
.studio-v2.motion-off .studio-console-motion, .studio-v2.motion-off .studio-float-note, .studio-v2.motion-off .studio-panel-sticker { transform:none !important; }
@media(min-width:1200px) { .studio-campaign-card { grid-template-columns:35px 1fr auto 100px; }.studio-campaign-card svg { display:block; grid-column:4; } }
@media(max-width:1100px) {
 .studio-v2 .studio-console-wrap { max-width:850px; }.studio-v2 .studio-console-main { grid-template-columns:140px minmax(0,1fr); }.studio-v2 .studio-demo-table { display:none; }
 .studio-story-frame { grid-template-columns:270px minmax(0,1fr); gap:30px; }.studio-story-intro h2 { font-size:48px; }.studio-scene { padding:25px; }.studio-scene h3 { font-size:34px; }
}
@media(max-width:980px) {
 .studio-v2 .hero h1 { font-size:86px; letter-spacing:-4.5px; }.studio-v2 .studio-hero-copy { max-width:none; }.studio-v2 .hero .lead { max-width:520px; }
 .studio-panel-sticker { left:-8px; top:110px; }.studio-v2 .studio-yellow-stage { inset:0 -20px 20px; }.studio-v2 .studio-console { margin-inline:0; }
 .studio-story-frame { display:block; }.studio-story-intro { margin-bottom:38px; }.studio-story-intro > p { max-width:480px; }.studio-chapters { flex-direction:row; gap:25px; border:0; }.studio-chapters a { flex:1; }
 .studio-scenes { grid-template-columns:1fr; }.studio-scene { padding:30px; }.studio-scene h3 { font-size:42px; }.studio-orbital { height:280px; }.studio-campaign-cards { margin:35px 0; }.studio-campaign-card { padding:22px; }
 .studio-campaign-card { grid-template-columns:35px 1fr auto 100px; }.studio-campaign-card svg { display:block; grid-column:4; }
 .studio-story-intro h2 br { display:none; }.studio-story-intro h2 { font-size:58px; }.studio-v2 .feat-split-text h3 { font-size:34px; }
}
@media(max-width:700px) {
 .studio-v2 { padding-top:72px; }
 .studio-v2 .hero { padding:34px 0 24px; }.studio-v2 .hero-content { padding-inline:20px; }.studio-v2 .hero-announce { font-size:9px; margin-bottom:27px; }
 .studio-kicker { font-size:7px; letter-spacing:1px; margin-bottom:21px; }.studio-kicker > span:last-child { display:none; }
 .studio-v2 .hero h1 { font-size:clamp(43px,10.2vw,71px); letter-spacing:-2.5px; }.studio-title-line { padding-bottom:.17em; margin-bottom:-.12em; }
 .studio-v2 .hero .lead { font-size:13px; line-height:1.7; max-width:350px; margin:25px auto 20px; }.studio-v2 .hero-points { font-size:9px; gap:8px 12px; margin-bottom:23px; }
 .studio-v2 .hero-cta { gap:8px; }.studio-v2 .hero-cta .btn { font-size:10px; padding:14px 15px; }.studio-v2 .hero-rating { gap:10px 18px; margin-top:24px; }.studio-v2 .hero-rating-item { font-size:8px; }.studio-v2 .hero-rating-item:first-child { width:100%; justify-content:center; }
 .studio-v2 .studio-console-wrap { margin-top:38px; padding:20px 0 54px; }.studio-v2 .studio-yellow-stage { inset:0 -15px 18px; border-radius:70px 70px 15px 15px; }.studio-v2 .studio-spark { font-size:65px; right:3px; top:0; }
 .studio-panel-sticker { display:none; }.studio-v2 .studio-console-chrome { padding:0 12px; height:39px; }.studio-v2 .studio-console-chrome > strong { font-size:12px; }.studio-v2 .studio-demo-tag { font-size:6px; padding:2px 4px; }
 .studio-v2 .studio-console-layout { grid-template-columns:30px minmax(0,1fr); }.studio-v2 .studio-console-rail { gap:10px; padding-top:15px; }.studio-v2 .studio-console-rail i { width:24px; height:25px; font-size:10px; }
 .studio-v2 .studio-console-main { display:block; padding:15px 10px; }.studio-v2 .studio-console-heading { margin-bottom:16px; }.studio-v2 .studio-console-heading h2 { font-size:20px; }.studio-v2 .studio-console-heading small { font-size:6px; letter-spacing:.8px; }
 .studio-periods { padding:3px; gap:2px; }.studio-periods button { font-size:8px; padding:8px 6px; }.studio-v2 .studio-demo-stats { grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }.studio-v2 .studio-demo-stats > div { padding:9px 5px; }.studio-v2 .studio-demo-stats strong { font-size:22px; letter-spacing:-.8px; }.studio-v2 .studio-demo-stats span { font-size:7px; }.studio-v2 .studio-demo-stats small { display:none; }.studio-v2 .studio-demo-stats em { font-size:9px; }
 .studio-v2 .studio-demo-chart { margin-top:10px; padding:13px 10px 10px; }.studio-v2 .studio-demo-chart-head strong { font-size:8px; }.studio-v2 .studio-demo-chart-head span { font-size:7px; }.studio-v2 .studio-demo-chart svg { min-height:110px; }.studio-v2 .studio-chart-days { font-size:6px; padding-top:6px; }
 .studio-v2 .studio-float-note { padding:10px 12px; right:-3px; bottom:17px; }.studio-v2 .studio-float-note > span { width:28px; height:28px; font-size:11px; }.studio-v2 .studio-float-note strong { font-size:10px; }.studio-v2 .studio-float-note small { font-size:7px; }.studio-v2 .studio-float-note > i { display:none; }.studio-v2 .studio-console-wrap figcaption { bottom:0; font-size:6px; left:5px; }
 .studio-experience-tools { padding:15px 22px; align-items:flex-start; flex-direction:column; gap:5px; }.studio-experience-tools > div { align-self:flex-end; gap:15px; }.studio-experience-tools button { font-size:9px; }
 .studio-marquee { padding:24px 0; }.studio-marquee-track { font-size:40px; gap:25px; letter-spacing:-1.5px; }.studio-marquee-track b { font-size:43px; }
 .studio-v2 .studio-story { padding:50px 0; }.studio-story-intro { padding:0; }.studio-story-intro h2 { font-size:47px; letter-spacing:-2px; }.studio-story-intro h2 br { display:block; }.studio-story-intro > p { font-size:13px; margin-bottom:25px; }
 .studio-chapters { gap:12px; }.studio-chapters a { font-size:10px; gap:8px; }.studio-chapters a i { display:none; }.studio-chapters a span { font-size:8px; }.studio-story-disclaimer { margin-top:15px; }
 .studio-scene { padding:23px 20px; border-radius:12px; }.studio-scene-top { font-size:7px; letter-spacing:.6px; margin-bottom:23px; }.scene-status { font-size:6px; }.studio-scene h3 { font-size:35px; letter-spacing:-1.5px; }.studio-scene > p { font-size:11px; }
 .studio-orbital { height:245px; }.orbital-ring { width:210px; height:210px; }.ring-b { width:150px; height:150px; }.orbital-cross { width:230px; }.orbital-core { width:90px; height:90px; }.node-a { left:calc(50% - 123px); }.node-b { left:calc(50% + 60px); }.node-c { left:calc(50% + 30px); bottom:22px; }.orbital-label { font-size:7px; max-width:75px; }
 .studio-campaign-cards { margin:25px 0; gap:12px; }.studio-campaign-card { padding:13px 10px; gap:8px; grid-template-columns:29px 1fr auto; }.studio-campaign-card svg { display:none; }.campaign-icon { width:29px; height:29px; font-size:12px; }.studio-campaign-card strong { font-size:9px; }.studio-campaign-card small { font-size:7px; }.campaign-state { font-size:6px; padding:3px; }
 .studio-report-chart { padding:15px; }.report-bars { gap:9px; height:155px; }.report-chart-caption > span { font-size:9px; }.report-chart-caption strong { font-size:25px; }
 .studio-v2 .feat-split-text h3 { font-size:35px; }.studio-v2 .cta-final h2 { font-size:55px; }.studio-v2 .cta-final::before { width:240px; height:240px; left:-80px; top:40%; }
}
body.motion-off .studio-console-motion, body.motion-off .studio-float-note, body.motion-off .studio-panel-sticker { transform:none !important; }