/* Frontend Profiles: a separate, decorative three-plane UI scene. */
.sq-platform-section{position:relative;isolation:isolate;overflow:hidden;padding:118px 0 122px;border-block:1px solid var(--line);background:radial-gradient(circle at 82% 45%,rgba(60,182,189,.14),transparent 32%),linear-gradient(145deg,var(--paper),var(--canvas))}
.sq-platform-section:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.24;background-image:linear-gradient(rgba(66,163,174,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(66,163,174,.16) 1px,transparent 1px);background-size:75px 75px;mask-image:linear-gradient(90deg,transparent 27%,#000 100%)}
.sq-platform-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:7%}
.sq-platform-copy{position:relative;z-index:2}
.sq-platform-copy h2{margin:21px 0 24px;color:var(--ink);font-size:clamp(2.7rem,4.2vw,4.65rem);line-height:1.06;letter-spacing:-.065em;text-wrap:balance}
.sq-platform-copy h2 span{color:var(--accent-strong)}
.sq-platform-lead{max-width:570px;margin:0;color:var(--muted);font-size:1.02rem;line-height:1.75}
.sq-platform-benefits{display:grid;gap:18px;margin:36px 0 31px}
.sq-platform-benefits>div{display:flex;align-items:flex-start;gap:16px}
.sq-platform-benefit-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid var(--line-strong);border-radius:10px;background:var(--accent-soft);color:var(--accent-strong);font:.65rem ui-monospace,Consolas,monospace;font-weight:800}
.sq-platform-benefits strong{display:block;color:var(--ink);font-size:.96rem;letter-spacing:-.025em}
.sq-platform-benefits p{margin:4px 0 0;color:var(--muted);font-size:.84rem;line-height:1.55}
.sq-platform-command{display:flex;align-items:center;flex-wrap:wrap;gap:9px 16px;max-width:max-content;padding:12px 15px;border:1px solid var(--line-strong);border-radius:8px;background:var(--paper)}
.sq-platform-command span{color:var(--accent-strong);font:.61rem ui-monospace,Consolas,monospace;font-weight:800;letter-spacing:.09em}
.sq-platform-command code{color:var(--ink);font:.75rem/1.5 ui-monospace,Consolas,monospace;overflow-wrap:anywhere}
.sq-platform-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-top:30px}
.sq-platform-cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;padding:12px 19px;border-radius:7px;background:#125b73;color:#f5fcfd;font-size:.86rem;font-weight:800;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 11px 26px rgba(14,78,100,.13)}
.sq-platform-cta:hover{background:#0b445a;color:#fff;transform:translateY(-3px);box-shadow:0 14px 30px rgba(14,78,100,.22)}
.sq-platform-cta:focus-visible,.sq-platform-actions .sq-inline-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.sq-platform-availability{margin:19px 0 0;color:var(--faint);font-size:.72rem;line-height:1.5}
.sq-platform-visual{position:relative;min-width:0;height:590px;perspective:1100px}
.sq-platform-visual:before{content:"";position:absolute;inset:10% -5% 2%;border-radius:50%;background:radial-gradient(ellipse,rgba(64,188,189,.2),transparent 65%);filter:blur(15px)}
.sq-platform-visual-grid{position:absolute;inset:7% 2%;border:1px solid rgba(45,143,155,.16);border-radius:50%;transform:rotateX(65deg) rotateZ(-18deg);box-shadow:0 0 0 45px rgba(74,169,177,.035),0 0 0 46px rgba(45,143,155,.09)}
.sq-platform-stage{position:absolute;left:50%;top:50%;width:580px;height:530px;transform:translate(-50%,-50%);transform-style:preserve-3d}
.sq-platform-orbit{position:absolute;border:1px dashed rgba(32,135,151,.2);border-radius:50%;pointer-events:none}
.sq-platform-orbit-one{inset:10% 0 4% 5%;transform:rotate(-16deg)}
.sq-platform-orbit-two{inset:24% 10% 16% 18%;transform:rotate(25deg)}
.sq-platform-pane{position:absolute;overflow:hidden;border:1px solid #a7cbd1;border-radius:14px;box-shadow:0 22px 44px rgba(13,58,75,.17),0 3px 10px rgba(13,58,75,.08);backface-visibility:hidden;animation:sq-platform-drift 6.8s ease-in-out infinite}
.sq-platform-pane-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:40px;padding:9px 15px;border-bottom:1px solid #d7e9eb;color:#4a6d79;font:.62rem ui-monospace,Consolas,monospace;font-weight:800;letter-spacing:.05em}
.sq-platform-pane-dots{display:flex;gap:5px;margin-right:auto}
.sq-platform-pane-dots i{width:7px;height:7px;border-radius:50%;background:#8fc9d1}
.sq-platform-pane-dots i:first-child{background:#64b2bd}
.sq-platform-pane-views{z-index:2;left:3%;top:15%;width:395px;height:322px;background:#fff;transform:rotateX(5deg) rotateY(-12deg) rotateZ(-4deg);animation-delay:-.3s}
.sq-platform-view-body{padding:18px 19px 22px}
.sq-platform-view-top{display:flex;align-items:center;gap:12px}
.sq-platform-view-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#0e566c;color:#c4faf1;font-size:.82rem;font-weight:900}
.sq-platform-view-nav{width:55px;height:5px;border-radius:5px;background:#d6e7e9}
.sq-platform-view-nav-short{width:31px}
.sq-platform-view-headline{position:relative;display:flex;flex-direction:column;justify-content:center;height:147px;margin-top:15px;overflow:hidden;padding:21px;border-radius:8px;background:linear-gradient(130deg,#0b3548,#0d5c70);color:#fff}
.sq-platform-view-headline:after{content:"";position:absolute;width:165px;height:165px;right:-50px;top:-40px;border:1px solid rgba(168,246,237,.3);border-radius:50%;box-shadow:0 0 0 30px rgba(168,246,237,.055),0 0 0 31px rgba(168,246,237,.18)}
.sq-platform-view-headline span{position:relative;z-index:1;color:#91dce0;font-size:.61rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sq-platform-view-headline strong{position:relative;z-index:1;margin-top:8px;font-size:1.35rem;line-height:1.12;letter-spacing:-.045em}
.sq-platform-view-headline i{position:relative;z-index:1;width:72px;height:6px;margin-top:14px;border-radius:3px;background:#76d7d4}
.sq-platform-view-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.sq-platform-view-cards span{height:48px;border:1px solid #d9e8eb;border-radius:6px;background:linear-gradient(#e9f3f4 6px,transparent 6px) 10px 12px/45% 20px no-repeat,#f4f9f9}
.sq-platform-pane-options{z-index:3;right:0;top:3%;width:255px;height:181px;background:#f5fcfd;transform:rotateX(7deg) rotateY(-8deg) rotateZ(6deg);animation-delay:-2.4s}
.sq-platform-options-body{padding:17px 18px}
.sq-platform-options-body strong,.sq-platform-review-body strong{display:block;color:#173c4b;font-size:.98rem;letter-spacing:-.03em}
.sq-platform-options-body>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.sq-platform-options-body>div span{padding:6px 9px;border:1px solid #bcdde2;border-radius:5px;background:#e5f5f6;color:#155a6e;font-size:.65rem;font-weight:800}
.sq-platform-options-body small,.sq-platform-review-body small{display:block;margin-top:12px;color:#64818b;font-size:.65rem}
.sq-platform-pane-review{z-index:4;right:1%;bottom:5%;width:265px;height:190px;background:#fcffff;transform:rotateX(5deg) rotateY(-7deg) rotateZ(-3deg);animation-delay:-4.2s}
.sq-platform-review-body{padding:16px 18px}
.sq-platform-review-body>div{display:flex;align-items:center;gap:12px;margin-top:12px}
.sq-platform-review-body>div span{color:#188b7e;font:.61rem ui-monospace,Consolas,monospace;font-weight:800}
.sq-platform-review-body>div:nth-of-type(2) span{color:#bc762b}
.sq-platform-review-body i{display:block;width:75%;height:5px;border-radius:3px;background:#d5e8eb}
.sq-platform-review-body>div:nth-of-type(2) i{width:56%}
.sq-platform-review-body small{margin-top:13px}
.sq-platform-scene-label{position:absolute;left:5%;bottom:0;color:var(--accent-strong);font:.62rem ui-monospace,Consolas,monospace;font-weight:800;letter-spacing:.1em}
@keyframes sq-platform-drift{0%,100%{translate:0 0}50%{translate:0 -12px}}
@media(max-width:1080px){.sq-platform-layout{gap:3%;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.sq-platform-stage{scale:.85}.sq-platform-visual{height:520px}}
@media(max-width:900px){.sq-platform-section{padding-block:82px}.sq-platform-layout{grid-template-columns:1fr;gap:25px}.sq-platform-copy{max-width:750px}.sq-platform-visual{height:520px}.sq-platform-stage{scale:.93}}
@media(max-width:650px){.sq-platform-section{padding-block:72px}.sq-platform-copy h2{font-size:clamp(2.7rem,9vw,3.9rem)}.sq-platform-lead{font-size:.95rem}.sq-platform-benefits{gap:16px;margin:29px 0 27px}.sq-platform-visual{height:365px}.sq-platform-stage{scale:.65}.sq-platform-scene-label{bottom:13px}.sq-platform-visual-grid{inset:3% 0}}
@media(max-width:420px){.sq-platform-visual{height:310px}.sq-platform-stage{scale:.55}.sq-platform-scene-label{bottom:18px}.sq-platform-actions{align-items:flex-start;flex-direction:column}.sq-platform-cta{width:100%}}
@media(prefers-reduced-motion:reduce){.sq-platform-pane{animation:none}.sq-platform-cta{transition:none}.sq-platform-cta:hover{transform:none}}