/* The dashboard study uses isolated 3D layers; its labels illustrate Studio's fixed read-only panels. */
.sq-studio-section{position:relative;isolation:isolate;overflow:hidden;padding:115px 0 120px;background:#071624;color:#eaf5f5}
.sq-studio-section:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 75% 45%,rgba(38,172,171,.18),transparent 35%),radial-gradient(ellipse at 8% 86%,rgba(41,121,158,.15),transparent 39%)}
.sq-studio-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:4%}
.sq-studio-copy{position:relative;z-index:2}
.sq-studio-copy .sq-section-label{color:#79e5d8}
.sq-studio-copy .sq-section-label span{color:#79e5d8}
.sq-studio-copy h2{margin:23px 0 24px;color:#f1fbfb;font-size:clamp(2.8rem,4.3vw,4.8rem);line-height:1.06;letter-spacing:-.065em;text-wrap:balance}
.sq-studio-copy h2 span{color:#81e6d9}
.sq-studio-lead{max-width:570px;margin:0;color:#a4bac9;font-size:1rem;line-height:1.78}
.sq-studio-points{display:grid;gap:19px;margin:35px 0 32px}
.sq-studio-points>div{display:flex;align-items:flex-start;gap:16px}
.sq-studio-points>div>span{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #377477;border-radius:9px;background:#133641;color:#8be7d9;font:.67rem ui-monospace,Consolas,monospace;font-weight:800}
.sq-studio-points strong{display:block;color:#e9f6f6;font-size:.96rem;letter-spacing:-.025em}
.sq-studio-points p{margin:4px 0 0;color:#9eb4c2;font-size:.84rem;line-height:1.55}
.sq-studio-points code,.sq-studio-command{font-family:ui-monospace,Consolas,monospace}
.sq-studio-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}
.sq-studio-cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;padding:12px 19px;border-radius:7px;background:#82eadc;color:#09212d;font-size:.86rem;font-weight:800;text-decoration:none;box-shadow:0 13px 30px rgba(3,9,16,.2);transition:background .2s,transform .2s,box-shadow .2s}
.sq-studio-cta:hover{background:#b1f5e9;color:#071c27;transform:translateY(-3px);box-shadow:0 17px 38px rgba(3,9,16,.27)}
.sq-studio-cta:focus-visible{outline:2px solid #fff;outline-offset:4px}
.sq-studio-command{color:#84a6b8;font-size:.72rem;overflow-wrap:anywhere}
.sq-studio-boundary{margin:18px 0 0;color:#80a0ae;font-size:.74rem;line-height:1.5}
.sq-studio-visual{position:relative;min-width:0;height:605px;perspective:1200px}
.sq-studio-visual:before{content:"";position:absolute;inset:4% -10% 0;border-radius:50%;background:radial-gradient(ellipse,rgba(64,234,211,.13),transparent 65%);filter:blur(15px)}
.sq-studio-grid{position:absolute;inset:9% -5% 7%;opacity:.35;background-image:linear-gradient(#4a8e9855 1px,transparent 1px),linear-gradient(90deg,#4a8e9855 1px,transparent 1px);background-size:33px 33px;mask-image:radial-gradient(ellipse,#000,transparent 70%);transform:rotateX(59deg) rotateZ(-12deg)}
.sq-studio-world{--sq-studio-scale:1;position:absolute;left:50%;top:48%;width:650px;height:530px;transform:translate(-50%,-50%) scale(var(--sq-studio-scale));transform-style:preserve-3d;animation:sq-studio-world-drift 8s ease-in-out infinite}
.sq-studio-world:before,.sq-studio-world:after{content:"";position:absolute;border:1px dashed rgba(113,222,211,.3);pointer-events:none}
.sq-studio-world:before{inset:52px 17px 53px 11px;transform:rotate(-5deg);border-radius:22px}
.sq-studio-world:after{inset:85px -7px 25px 38px;transform:rotate(6deg);border-radius:18px;opacity:.5}
.sq-studio-coordinate{position:absolute;color:#72b8b8;font:.6rem ui-monospace,Consolas,monospace;font-weight:800;letter-spacing:.15em}
.sq-studio-coordinate-top{left:23px;top:13px}.sq-studio-coordinate-bottom{left:23px;bottom:-1px}
.sq-studio-dashboard{position:absolute;left:39px;top:72px;display:grid;grid-template-columns:145px minmax(0,1fr);width:575px;height:382px;overflow:hidden;border:1px solid #416174;border-radius:12px;background:#0b1524;box-shadow:0 32px 55px rgba(0,2,8,.55),0 0 0 7px rgba(102,223,212,.045),0 0 0 8px rgba(102,223,212,.12);transform:rotateX(7deg) rotateY(-10deg) rotateZ(2deg) translateZ(12px);transform-style:preserve-3d}
.sq-studio-dashboard-rail{min-width:0;padding:16px 11px;background:#112137;border-right:1px solid #294358}
.sq-studio-dashboard-brand{display:flex;align-items:center;gap:7px;color:#f1fbfb;font-size:11px;white-space:nowrap}
.sq-studio-dashboard-brand img{display:block;width:21px;height:24px;object-fit:contain}.sq-studio-dashboard-brand b{color:#75e5d6}
.sq-studio-dashboard-rail small{display:block;margin:22px 4px 12px;color:#7e9ab3;font:.47rem ui-monospace,Consolas,monospace;letter-spacing:.07em}
.sq-studio-dashboard-menu{display:grid;gap:3px}.sq-studio-dashboard-menu span{padding:7px 8px;border-radius:5px;color:#98b2c7;font-size:10px}.sq-studio-dashboard-menu .is-selected{background:#203c51;color:#e6fbf8;box-shadow:inset 2px 0 #68dccc}
.sq-studio-dashboard-body{padding:19px 17px}.sq-studio-dashboard-heading>span{display:block;color:#6ee4d4;font:.5rem ui-monospace,Consolas,monospace;font-weight:800;letter-spacing:.12em}.sq-studio-dashboard-heading>strong{display:block;margin-top:7px;color:#f4f9ff;font-size:25px;letter-spacing:-.055em}.sq-studio-dashboard-heading>i{display:block;width:59%;height:4px;margin-top:8px;border-radius:4px;background:#30465f}
.sq-studio-dashboard-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:106px;gap:9px;margin-top:17px}
.sq-studio-dashboard-card{min-width:0;overflow:hidden;padding:11px;border:1px solid #2b455f;border-radius:7px;background:#152740}.sq-studio-dashboard-card strong{display:block;margin-bottom:10px;color:#edf9ff;font-size:11px;letter-spacing:-.02em}.sq-studio-dashboard-card span{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:19px;border-top:1px solid #29445d;color:#95b2c9;font-size:8px}.sq-studio-dashboard-card span i{display:block;width:28px;height:3px;border-radius:3px;background:#4c7288}.sq-studio-dashboard-card span:nth-of-type(2) i{width:18px}.sq-studio-card-application{grid-row:span 2}
.sq-studio-callout{position:absolute;z-index:3;border:1px solid #80dad1;border-radius:9px;background:linear-gradient(135deg,#d5f9f4,#a4e4e5);color:#163648;box-shadow:0 18px 38px rgba(0,10,20,.32);transform-style:preserve-3d;animation:sq-studio-card-drift 6.7s ease-in-out infinite}
.sq-studio-callout>span{display:block;color:#315e6d;font:.52rem ui-monospace,Consolas,monospace;font-weight:800;letter-spacing:.1em}.sq-studio-callout>strong{display:block;margin-top:7px;font-size:16px;letter-spacing:-.04em}.sq-studio-callout>small{display:block;margin-top:8px;color:#315a69;font-size:9px}
.sq-studio-callout-routes{top:62px;right:-2px;width:142px;height:101px;padding:12px;transform:rotateY(-7deg) rotateZ(8deg) translateZ(55px);animation-delay:-1.5s}.sq-studio-callout-routes i{display:block;width:78%;height:3px;margin-top:11px;border-radius:3px;background:#75b3b8}.sq-studio-callout-routes>small{margin-top:6px}
.sq-studio-callout-work{left:5px;bottom:39px;width:160px;height:110px;padding:12px;transform:rotateY(9deg) rotateZ(-7deg) translateZ(68px);animation-delay:-3.3s}.sq-studio-callout-work>small{margin-top:4px}.sq-studio-timeline{display:flex;align-items:flex-end;gap:4px;height:22px;margin-top:2px}.sq-studio-timeline i{display:block;width:21px;height:5px;border-radius:3px;background:#4bacae}.sq-studio-timeline i:nth-child(2){height:14px}.sq-studio-timeline i:nth-child(3){height:9px}.sq-studio-timeline i:nth-child(4){height:17px}
.sq-studio-callout-health{right:27px;bottom:-9px;width:129px;height:81px;padding:12px;transform:rotateY(-7deg) rotateZ(5deg) translateZ(46px);animation-delay:-5s}
.sq-studio-preview-label{position:absolute;right:0;bottom:0;color:#6f9ead;font:.58rem ui-monospace,Consolas,monospace;font-weight:800;letter-spacing:.08em;text-align:right}
@keyframes sq-studio-world-drift{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes sq-studio-card-drift{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(max-width:1150px){.sq-studio-layout{gap:1%;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.sq-studio-world{--sq-studio-scale:.87}.sq-studio-visual{height:535px}}
@media(max-width:950px){.sq-studio-section{padding-block:86px}.sq-studio-layout{grid-template-columns:1fr;gap:21px}.sq-studio-copy{max-width:730px}.sq-studio-visual{height:560px}.sq-studio-world{--sq-studio-scale:.96}}
@media(max-width:700px){.sq-studio-section{padding-block:73px}.sq-studio-copy h2{font-size:clamp(2.7rem,8.5vw,3.8rem)}.sq-studio-lead{font-size:.94rem}.sq-studio-points{margin:28px 0}.sq-studio-visual{height:430px}.sq-studio-world{--sq-studio-scale:.73}.sq-studio-preview-label{font-size:.5rem}}
@media(max-width:500px){.sq-studio-visual{height:335px}.sq-studio-world{--sq-studio-scale:.53}.sq-studio-actions{align-items:flex-start;flex-direction:column;gap:12px}.sq-studio-cta{width:100%}.sq-studio-preview-label{bottom:-2px;max-width:160px;line-height:1.3}}
@media(prefers-reduced-motion:reduce){.sq-studio-world,.sq-studio-callout{animation:none}.sq-studio-cta{transition:none}.sq-studio-cta:hover{transform:none}}