/* Separate preview direction: editorial type, product theatre, controlled motion. */
body.studio{--ink:#242331;--purple:#5141de;--muted:#686574;background:#f8f7f3;overflow-x:clip}
.studio .wrap{width:min(1240px,calc(100% - 80px))}
.studio-preview-note{text-align:center;font-size:9px;letter-spacing:.16em;padding:7px 10px;background:#252335;color:#dfdfbc}
.studio .header{height:86px;border-bottom:1px solid #dcdad3}
.studio .brand{letter-spacing:-1.3px}.studio .button{box-shadow:none;background:#29263b;border-color:#29263b;padding:17px 24px;border-radius:8px}
.studio .button:hover{background:#5141de;border-color:#5141de}.studio .button.small{padding:10px 17px}
.studio .hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center;text-align:left;padding:58px 0 64px;min-height:690px}
.studio-hero-copy{position:relative;z-index:2}.studio .hero .eyebrow{justify-content:flex-start;font-size:9px;letter-spacing:.12em;margin-bottom:26px}
.studio .hero h1{font-size:clamp(48px,5vw,72px);letter-spacing:-3.8px;line-height:1.07;font-weight:750}
.studio .hero h1 br{display:none}.studio .hero h1 span{display:block}.studio .hero .accent{color:#5141de}
.studio .hero .lead{margin:25px 0 0;max-width:490px;font-size:16px;line-height:1.8}
.studio .hero-price{justify-content:flex-start;margin-top:26px;font-size:12px}.studio .hero-price strong{font-size:32px}
.studio .hero-price-note{font-size:10px}.studio .hero-actions{justify-content:flex-start;margin-top:24px;gap:25px}.studio .hero .micro{font-size:10px}
.studio-art{position:relative;isolation:isolate;min-width:0;padding:70px 0 58px;overflow:clip;border-radius:28px}
.studio-art::before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at var(--light-x,65%) var(--light-y,35%),#ffffffd9,transparent 52%),radial-gradient(ellipse at 80% 24%,#c7bdf7,transparent 65%),radial-gradient(ellipse at 20% 90%,#cddbc0,transparent 70%);border-radius:45% 55% 32% 48%}
.glass-sculpture{position:absolute;inset:0;z-index:-1;pointer-events:none}
.glass-sculpture i{position:absolute;width:80%;aspect-ratio:1;border-radius:50%;border:22px solid #ffffff35;box-shadow:inset 2px 2px 2px #fff,inset -8px -8px 24px #8b79b42b,2px 2px 1px #fff,12px 24px 45px #51406418;left:25%;top:-5%;transform:rotate(-28deg) scaleY(.76);background:linear-gradient(140deg,#ffffff65,#ffffff05 42%,#d7cff64d)}
.glass-sculpture i:nth-child(2){width:70%;top:35%;left:-15%;transform:rotate(35deg) scaleY(.8);border-width:15px}
.glass-sculpture i:nth-child(3){width:40%;top:64%;left:65%;transform:rotate(-20deg) scaleY(.75);border-width:12px}
.glass-team,.glass-summary{position:relative;z-index:2;background:#f7f7f1db;border:1px solid #fff;border-radius:18px;box-shadow:inset 0 1px 0 #fff,0 12px 35px #30244416;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}
.glass-team{display:flex;align-items:center;gap:12px;width:max-content;max-width:94%;padding:13px 17px;margin:0 0 -17px 8%;text-align:left}
.glass-team-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#dcd5f3;color:#53438e}.glass-team-icon svg{width:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.glass-team b{font-size:27px;letter-spacing:-1px;line-height:1}.glass-team-label{font-size:11px;margin-left:8px;color:#4e465f}.glass-example{font-size:7px;letter-spacing:.1em;color:#686072;border-left:1px solid #bdb6cb;padding-left:12px;max-width:75px;line-height:1.6}
.glass-product-slot{position:relative;padding:0 14px}
.studio .product-stage{margin:0;padding:28px 12px 12px;background:linear-gradient(145deg,#ffffffcf,#f3f0fabd);border:1px solid #fff;border-radius:16px;box-shadow:0 22px 55px #34234e26,inset 0 1px 0 #fff;text-align:left;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.studio .stage-note{color:#5a5268;font-size:9px;letter-spacing:.02em;margin-bottom:10px}.studio .desktop-frame{width:100%;max-width:1000px;margin:auto;border:1px solid #c9c2d5;border-radius:8px;box-shadow:0 5px 18px #36244d12}.studio .browser-bar{background:#eeeaf4;color:#655c75;border-color:#d5cfdf;padding:7px 9px;font-size:7px}.studio .window-dots{color:#a59cb4}.studio .demo-pill{background:#ddd5ef;color:#5b4b76;font-size:7px}.studio .desktop-crop{aspect-ratio:auto}.studio .desktop-crop img{position:static;width:100%;transform:none}.studio .product-stage .phone-frame{display:none}.studio .stage-caption{max-width:100%;color:#665d74;font-size:8px;margin-top:11px;line-height:1.6}
.glass-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:max-content;max-width:92%;padding:17px 25px;margin:-5px 6% 0 auto;text-align:left}.glass-summary>div{display:grid;grid-template-columns:7px 1fr;column-gap:7px;align-items:center}.glass-summary strong{font-size:25px;font-weight:700;letter-spacing:-1px;line-height:1.1}.glass-state-label{grid-column:2;font-size:9px;margin-top:5px;color:#62586f}.glass-state{width:6px;height:6px;border-radius:50%}.glass-state.green{background:#1b9e75}.glass-state.amber{background:#ce803d}.glass-state.purple{background:#8875b7}
.studio .use-cases{background:transparent;box-shadow:none;clip-path:none;border:0;margin-top:35px;padding:25px 0 45px;font-size:13px;color:#777180}.studio .use-cases>span:first-child{font-size:8px;max-width:140px}.studio .use-cases>span:not(:first-child)::before{content:'✳';margin-right:13px;color:#9b93ae}
.studio .journey{background:transparent;box-shadow:none;clip-path:none;padding:85px 0 90px}.studio .journey .section-heading{margin-bottom:34px;max-width:800px}.studio h2{font-size:clamp(36px,4vw,57px);line-height:1.08;letter-spacing:-2.4px}.studio .journey .section-heading h2{max-width:800px}.studio .eyebrow{color:#706684;letter-spacing:.16em}
.studio .journey-tabs{border-bottom:1px solid #d4cfdd;gap:0;margin-bottom:32px}.studio .journey-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;background:none;padding:22px 16px;box-shadow:none;font-size:14px}.studio .journey-tabs button[aria-selected=true]{background:none;border-bottom-color:#5141de;color:#302445;box-shadow:none}.studio .journey-tabs button[aria-selected=true]>span:first-child{color:#5141de}
.studio :is(#panel-clock,#panel-team,#panel-hours){border:0;background:#fff;border-radius:18px;box-shadow:0 14px 45px #31235408}
.studio :is(#panel-clock,#panel-team,#panel-hours) .journey-copy{padding:34px 40px 24px}.studio .journey-copy .eyebrow{margin-bottom:13px}.studio :is(#panel-clock,#panel-team,#panel-hours) .journey-copy h3{font-size:35px;letter-spacing:-1.6px}.studio .journey-outcome{font-size:11px;color:#756b84}
.studio .clock-visual{background:#e8e6ef;border-radius:14px;margin:0 12px 12px;padding:35px 35px 22px}.studio .phone-stories{max-width:760px;gap:48px}.studio #panel-hours .hours-visual{background:#eae7f1}.studio .record-story .capture-open{box-shadow:none;background:#ffffff80}
.studio #how{background:#262337;box-shadow:0 0 0 100vmax #262337;padding:85px 0;color:#fff}.studio #how .section-heading{max-width:770px}.studio #how h2{font-size:50px}.studio #how .eyebrow{color:#d4dba2}.studio #how .steps{gap:50px;margin-top:48px}.studio #how .steps article{padding:25px 0 0;border-color:#655d77}.studio #how .steps article>span{background:none;font-size:42px;font-weight:500;color:#d4dba2;justify-content:flex-start;width:auto;height:auto;letter-spacing:-2px}.studio #how .steps h3{font-size:20px;margin-top:20px}.studio #how .steps p{font-size:13px;max-width:320px;color:#bfb8d0}.studio #how .micro{border-color:#544d63;color:#a9a2b7}
.studio .reassurance{padding:100px 0;background:transparent;box-shadow:none;clip-path:none;gap:95px}.studio .trust-list article{padding:26px 0}.studio .trust-list article>span{background:#e5e2ee;color:#5141de;border-radius:10px}.studio .trust-list h3{font-size:18px}.studio .faq-section{background:transparent;box-shadow:none;clip-path:none;padding:50px 0 90px;border-top:1px solid #ddd9e1}.studio #questions details{border:0;border-bottom:1px solid #ddd9e1;background:transparent;border-radius:0}.studio #questions summary{font-size:14px;padding-left:0}.studio #questions details p{padding-left:0}
.studio .closing{background:#dddff2;color:#292239;border:0;padding:80px 30px;border-radius:22px;margin-top:0;margin-bottom:30px}.studio .closing h2{font-size:65px;letter-spacing:-3px;position:relative;z-index:1}.studio .closing .eyebrow,.studio .closing-note{color:#665776}.studio .closing .button{color:#fff;background:#29263b;border-color:#29263b;position:relative;z-index:1}.studio .closing::after{width:700px;height:700px;border:1px solid #ffffffa0;box-shadow:0 0 0 70px #ffffff25;right:-200px;top:-250px}
@media(prefers-reduced-motion:no-preference){.studio-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.studio-reveal.studio-visible{opacity:1;transform:none}.studio .steps article:nth-child(2),.studio .trust-list article:nth-child(2){transition-delay:.1s}.studio .steps article:nth-child(3),.studio .trust-list article:nth-child(3){transition-delay:.2s}.studio .button span:last-child{transition:transform .25s}.studio .button:hover span:last-child{transform:translate(2px,-2px)}.studio .capture-open{transition:transform .42s cubic-bezier(.2,.7,.2,1),filter .42s,box-shadow .42s}.studio .capture-open:focus-visible{outline:3px solid #5141de;outline-offset:6px}.studio .glass-team,.studio .glass-summary{animation:glass-enter .85s cubic-bezier(.2,.7,.2,1) both}.studio .glass-summary{animation-delay:.15s}@keyframes glass-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.studio .capture-open:hover{transform:translateY(-5px) scale(1.025);filter:drop-shadow(0 16px 20px #34234e20)}.studio .record-story .capture-open:hover{box-shadow:0 18px 36px #34234e19}.studio .journey-tabs button{transition:color .25s,background .25s}.studio .journey-tabs button:hover{background:#e8e3f1}}
@media(max-width:1000px){.studio .wrap{width:calc(100% - 44px)}.studio .hero{gap:26px;padding-top:40px}.studio .hero h1{font-size:53px;letter-spacing:-2.6px}.studio .hero .lead{font-size:14px}.glass-team{gap:8px;padding:10px;margin-left:4%}.glass-team-label{font-size:9px}.glass-example{font-size:6px;max-width:60px;padding-left:8px}.glass-summary{gap:20px;padding:14px 20px}.studio .nav{gap:15px;font-size:11px}.studio .reassurance{gap:45px}}
@media(max-width:760px){.studio .wrap{width:calc(100% - 36px)}.studio .header{height:70px}.studio .hero{grid-template-columns:1fr;padding:38px 0 25px;gap:30px;min-height:0}.studio .hero h1{font-size:48px;letter-spacing:-2.5px;max-width:520px}.studio .hero .lead{font-size:15px}.studio .hero .eyebrow{font-size:8px;margin-bottom:20px}.studio .hero-price{margin-top:21px}.studio .hero-actions{gap:20px}.studio-art{min-height:0;padding:34px 0;border-radius:22px}.glass-team{margin-left:7%}.glass-product-slot{padding:0 5px}.glass-summary{margin-right:4%;gap:23px;padding:14px 20px}.glass-summary strong{font-size:23px}.studio .product-stage{padding:25px 10px 15px;border-radius:14px;margin-top:0}.studio .desktop-frame{width:100%}.studio .desktop-crop img{width:100%}.studio .stage-caption{font-size:8px}.studio .use-cases{margin-top:15px;padding-bottom:10px;font-size:11px;gap:14px 20px}.studio .use-cases>span:not(:first-child)::before{margin-right:7px}.studio .journey{padding:50px 0}.studio h2{font-size:38px;letter-spacing:-1.7px}.studio .journey-tabs button{font-size:11px;padding:16px 8px}.studio :is(#panel-clock,#panel-team,#panel-hours) .journey-copy{padding:25px 22px}.studio :is(#panel-clock,#panel-team,#panel-hours) .journey-copy h3{font-size:29px}.studio .clock-visual{padding:25px 12px 20px}.studio .phone-stories{gap:24px}.studio #how{padding:50px 0}.studio #how h2{font-size:38px}.studio #how .steps{margin-top:30px;gap:20px}.studio #how .steps article{padding:20px 0 0 52px}.studio #how .steps article>span{font-size:31px;top:15px}.studio #how .steps h3{font-size:18px;margin-top:0}.studio .reassurance{padding:55px 0;gap:20px}.studio .faq-section{padding:35px 0 50px}.studio .closing{padding:50px 22px}.studio .closing h2{font-size:40px;letter-spacing:-1.8px}}