/* The homepage has its own composition; documentation tokens remain shared. */
.landing-main{overflow:hidden}
.sq-container{width:min(100% - 60px,1250px);margin-inline:auto}
.sq-hero{position:relative;isolation:isolate;min-height:680px;overflow:hidden;background:#071b27;color:#f3fafc}
.sq-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 77% 43%,rgba(19,126,146,.34),transparent 34%),radial-gradient(circle at 8% 89%,rgba(37,108,126,.2),transparent 35%),linear-gradient(132deg,#0a2633 0%,#071b27 50%,#0b2d39 100%)}
.sq-hero:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.25;background-image:linear-gradient(rgba(118,203,213,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(118,203,213,.09) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,transparent 15%,#000 100%)}
.sq-hero-glow{position:absolute;width:500px;height:500px;right:10%;top:13%;border-radius:50%;background:radial-gradient(circle,rgba(67,212,209,.16),transparent 65%);filter:blur(20px);pointer-events:none;animation:sq-glow 9s ease-in-out infinite alternate}
.sq-hero-inner{position:relative;width:min(100% - 60px,1250px);min-height:645px;margin:auto;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:36px}
.sq-hero-copy{position:relative;z-index:2;padding:55px 0 70px}
.sq-hero-kicker{display:flex;align-items:center;gap:12px;margin:0 0 28px;color:#86dce0;font-size:.72rem;letter-spacing:.19em;font-weight:800}
.sq-kicker-line{display:inline-block;width:30px;height:1px;background:#6bd8d4;box-shadow:0 0 14px #5ed5d1}
.sq-hero h1{max-width:730px;margin:0 0 25px;font-size:clamp(3.3rem,4.8vw,5.4rem);line-height:1.02;letter-spacing:-.067em;font-weight:760;color:#f5fbfc;text-wrap:balance}
.sq-hero h1 span{display:block;color:#7ad8dd}
.sq-hero-lead{max-width:520px;color:#afc7d1;font-size:1.09rem;line-height:1.72;margin:0}
.sq-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:34px}
.sq-button{display:inline-flex;align-items:center;justify-content:center;gap:27px;min-height:52px;padding:12px 20px;border:1px solid transparent;border-radius:7px;font-weight:780;font-size:.88rem;letter-spacing:-.01em;line-height:1.3;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.sq-button:hover{transform:translateY(-3px)}
.sq-button-primary{background:#7edee1;color:#082634;box-shadow:0 8px 28px rgba(96,219,218,.15)}
.sq-button-primary:hover{background:#a2eff0;color:#082634;box-shadow:0 12px 35px rgba(96,219,218,.25)}
.sq-button-outline{border-color:#416673;color:#e2f4f7;background:rgba(255,255,255,.035)}
.sq-button-outline:hover{border-color:#7edee1;color:#fff;background:rgba(102,214,218,.12)}
.sq-button span{font-size:1.08rem;font-weight:400}
.sq-hero-note{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:32px;color:#9ab7c4;font-size:.75rem;line-height:1.4}
.sq-live-dot{width:7px;height:7px;border-radius:50%;background:#7ae3c2;box-shadow:0 0 0 4px rgba(122,227,194,.1)}
.sq-note-divider{height:13px;border-left:1px solid #43636f;margin-inline:3px}
.sq-hero-note a{color:#c1eaf0;text-decoration:underline;text-decoration-color:#547e8b;text-underline-offset:4px}
.sq-hero-note a:hover{color:#fff}
.sq-hero-tail{position:relative;width:min(100% - 60px,1250px);margin:auto;padding:0 0 25px;display:flex;align-items:center;gap:20px;color:#84aab6;font-size:.62rem;letter-spacing:.18em;font-weight:800}
.sq-hero-tail span:last-child{font-size:1.1rem;letter-spacing:0}

/* The planes are actual depth layers inside a perspective scene. */
.sq-hero-art{position:relative;min-width:0;height:620px;perspective:1250px;transform-style:preserve-3d}
.sq-circuit{position:absolute;inset:0;width:100%;height:100%;opacity:.85;filter:drop-shadow(0 0 8px rgba(55,192,202,.25))}
.sq-circuit-pulse{animation:sq-pulse 3.5s ease-in-out infinite}
.sq-circuit-pulse-two{animation-delay:1.5s}
.sq-art-halo{position:absolute;inset:13% 5% 6%;border-radius:50%;background:radial-gradient(ellipse,rgba(23,129,147,.27),transparent 65%);filter:blur(16px)}
.sq-stack-wrap{position:absolute;inset:0;transform-style:preserve-3d;animation:sq-float 7s ease-in-out infinite}
.sq-stack{--sq-rotate-x:58deg;--sq-rotate-z:-41deg;position:absolute;left:50%;top:53%;width:330px;height:225px;margin-left:-165px;margin-top:-112px;transform-style:preserve-3d;transform:rotateX(var(--sq-rotate-x)) rotateZ(var(--sq-rotate-z));transition:transform .3s ease}
.sq-slab{--slab-side:#125263;position:absolute;inset:0;display:flex;align-items:flex-end;gap:13px;padding:20px 23px;border:1px solid rgba(166,248,249,.72);border-radius:15px;overflow:visible;background:linear-gradient(137deg,rgba(56,158,175,.96),rgba(13,81,103,.97));box-shadow:0 1px 0 0 #b6ffff inset,0 7px 0 var(--slab-side),0 11px 0 rgba(2,15,24,.58),0 20px 34px rgba(0,0,0,.28);color:#effeff;transform:translateZ(var(--depth));backface-visibility:hidden}
.sq-slab:before{content:"";position:absolute;inset:12px;border:1px solid rgba(191,246,247,.22);border-radius:8px;background:linear-gradient(90deg,rgba(219,255,255,.12) 1px,transparent 1px),linear-gradient(rgba(219,255,255,.12) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}
.sq-slab:after{content:"";position:absolute;left:15px;right:15px;top:15px;height:3px;border-radius:5px;background:linear-gradient(90deg,#94f5ed,rgba(148,245,237,0));opacity:.85;pointer-events:none}
.sq-slab>*{position:relative;z-index:1}
.sq-slab-index{font:700 1.02rem/1 ui-monospace,Consolas,monospace;color:#9ae8e9}
.sq-slab-name{font:800 .88rem/1 ui-monospace,Consolas,monospace;letter-spacing:.15em;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.sq-slab-glyph{margin-left:auto;font-size:1.35rem;line-height:1;color:#b4f8ed}
.sq-slab-queue{--depth:0px;--slab-side:#0c5266;background:linear-gradient(135deg,#226e83,#0a4155)}
.sq-slab-security{--depth:60px;--slab-side:#105467;background:linear-gradient(135deg,#31869a,#105569)}
.sq-slab-data{--depth:120px;--slab-side:#1b6070;background:linear-gradient(135deg,#51a3ab,#176276)}
.sq-slab-views{--depth:180px;--slab-side:#1f6170;background:linear-gradient(135deg,#70bcc0,#287487)}
.sq-slab-routing{--depth:240px;--slab-side:#6bb4b7;background:linear-gradient(135deg,#d8faf6,#94d5d7);border-color:#e7ffff;color:#153d4c;box-shadow:0 1px 0 #fff inset,0 7px 0 var(--slab-side),0 11px 0 rgba(2,15,24,.5),0 25px 40px rgba(0,0,0,.3)}
.sq-slab-routing:before{border-color:rgba(8,82,102,.17);background:linear-gradient(90deg,rgba(10,87,105,.09) 1px,transparent 1px),linear-gradient(rgba(10,87,105,.09) 1px,transparent 1px);background-size:28px 28px}
.sq-slab-routing:after{background:linear-gradient(90deg,#218b9a,transparent)}
.sq-slab-routing .sq-slab-index,.sq-slab-routing .sq-slab-glyph{color:#196979}
.sq-slab-routing .sq-slab-name{text-shadow:none}
.sq-slab-brand{position:absolute;top:45px;left:50%;width:77px;height:88px;transform:translateX(-50%);display:grid;place-items:center;filter:drop-shadow(0 11px 7px rgba(5,63,78,.22))}
.sq-slab-brand img{display:block;width:100%;height:100%;object-fit:contain}
.sq-art-label{position:absolute;font:.65rem/1.4 ui-monospace,Consolas,monospace;letter-spacing:.18em;color:#82bdc8}
.sq-art-label-top{top:70px;right:10px}
.sq-art-label-bottom{bottom:70px;left:30px}
@keyframes sq-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes sq-glow{from{opacity:.7;transform:scale(.93)}to{opacity:1;transform:scale(1.06)}}
@keyframes sq-pulse{0%,100%{opacity:.35;r:4}50%{opacity:1;r:7}}

/* The moving strip contains one announced set and one inert visual copy. */
.sq-partners-strip{padding:54px 0 58px;border-bottom:1px solid var(--line);background:var(--paper)}
.sq-partners-strip-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:22px}
.sq-partners-strip-head h2{font-size:clamp(1.55rem,2.4vw,2.35rem);margin:7px 0 0}
.sq-partners-strip-head>p{max-width:380px;margin:0;font-size:.85rem;line-height:1.6}
.sq-partners-strip-head>p a{font-weight:750;text-decoration:underline;text-underline-offset:3px}
.sq-partners-marquee{position:relative;overflow:hidden}
.sq-partners-marquee:before,.sq-partners-marquee:after{content:"";position:absolute;top:0;bottom:0;width:min(10vw,110px);z-index:2;pointer-events:none}
.sq-partners-marquee:before{left:0;background:linear-gradient(90deg,var(--paper),transparent)}
.sq-partners-marquee:after{right:0;background:linear-gradient(270deg,var(--paper),transparent)}
.sq-partners-track{display:flex;width:max-content;animation:sq-marquee 34s linear infinite}
.sq-partners-marquee:hover .sq-partners-track,.sq-partners-strip:focus-within .sq-partners-track{animation-play-state:paused}
.sq-partners-set{display:flex;gap:16px;padding-right:16px;flex:none}
.sq-partners-set[aria-hidden=true]{pointer-events:none}
.sq-partner-logo-card{display:flex;flex-direction:column;justify-content:space-between;width:320px;height:150px;padding:19px 21px;border:1px solid var(--line);border-radius:10px;background:var(--canvas);color:var(--ink)}
.sq-partner-logo-card>span{color:var(--accent);font-size:.62rem;font-weight:800;letter-spacing:.13em}
.sq-partner-logo-card small{color:var(--muted);font-size:.69rem}
.sq-partner-real{background:linear-gradient(130deg,#fff,#eaf6f8);border-color:#bcd6df;color:#153342;transition:border-color .2s,box-shadow .2s}
.sq-partner-real>span{color:#126b8e}
.sq-partner-real small{color:#526c78}
.sq-partner-real img{display:block;max-width:180px;max-height:47px;object-fit:contain;object-position:left center}
.sq-partner-placeholder{background:repeating-linear-gradient(135deg,var(--canvas),var(--canvas) 12px,var(--paper) 12px,var(--paper) 24px)}
.sq-partner-placeholder strong{font-size:1.1rem;line-height:1.2;letter-spacing:-.03em}
.sq-partners-link{display:flex;justify-content:flex-end;margin-top:18px}
@keyframes sq-marquee{to{transform:translateX(-50%)}}

.sq-section-label{display:flex;align-items:center;gap:18px;margin:0;color:var(--accent);font:.71rem/1.35 ui-monospace,Consolas,monospace;letter-spacing:.15em;font-weight:800}
.sq-section-label span{color:var(--faint);font-weight:500}
.sq-intro{padding-block:112px 105px}
.sq-intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:7%;align-items:end;padding:24px 0 57px}
.sq-intro h2{font-size:clamp(2.6rem,4.4vw,4.8rem);line-height:1.1;letter-spacing:-.06em;margin:0}
.sq-intro h2 span{color:var(--accent)}
.sq-intro-grid>p{max-width:500px;font-size:1.02rem;line-height:1.75;margin:0 0 5px}
.sq-pillar-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sq-pillar-list a{position:relative;display:flex;flex-direction:column;min-height:190px;padding:26px 25px 24px 0;border-right:1px solid var(--line);color:var(--ink);transition:background .2s,padding .2s}
.sq-pillar-list a:not(:first-child){padding-left:25px}
.sq-pillar-list a:last-child{border-right:0}
.sq-pillar-list a:hover{background:var(--canvas);padding-left:25px;color:var(--ink)}
.sq-pillar-list a>span{font:.7rem ui-monospace,Consolas,monospace;color:var(--accent);margin-bottom:25px}
.sq-pillar-list strong{font-size:1.08rem;letter-spacing:-.025em;line-height:1.25}
.sq-pillar-list small{max-width:215px;margin-top:10px;color:var(--muted);font-size:.76rem;line-height:1.5}
.sq-pillar-list b{position:absolute;right:22px;top:23px;color:var(--accent);font-weight:500}
.sq-code-section{background:var(--soft);border-block:1px solid var(--line)}
.sq-code-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:center;padding-block:115px}
.sq-code-copy h2{max-width:420px;font-size:clamp(2.35rem,3.7vw,4rem);line-height:1.1;letter-spacing:-.055em;margin:22px 0}
.sq-code-copy>p:not(.sq-section-label){max-width:440px;font-size:1rem;line-height:1.75}
.sq-code-copy code{font-size:.9em}
.sq-inline-link{display:inline-flex;align-items:center;gap:17px;color:var(--accent-strong);font-size:.84rem;line-height:1.5;font-weight:800;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 36%,transparent);text-underline-offset:5px}
.sq-inline-link:hover{color:var(--accent)}
.sq-code-copy .sq-inline-link{margin-top:16px}
.sq-code-window{min-width:0;overflow:hidden;border:1px solid #285568;border-radius:13px;background:#091e2b;box-shadow:0 24px 60px rgba(9,35,48,.18);color:#dff6f6}
.sq-code-top{display:flex;align-items:center;gap:15px;min-height:45px;padding:10px 18px;border-bottom:1px solid #244656;color:#97b7c3;font:.7rem ui-monospace,Consolas,monospace}
.sq-code-top span:last-child{margin-left:auto;color:#6ec8d2}
.sq-code-lights{display:flex;gap:5px}
.sq-code-lights i{width:7px;height:7px;border-radius:50%;background:#507381}
.sq-code-lights i:first-child{background:#7ed4ce}
.sq-code-window pre{margin:0;padding:29px 22px 34px;overflow:auto;font:.82rem/2 ui-monospace,Consolas,monospace;tab-size:4}
.sq-code-window code{font-size:inherit;color:inherit;white-space:pre}
.sq-code-muted{color:#638795}.sq-code-keyword{color:#a7d9eb}.sq-code-method{color:#6cddce}.sq-code-string{color:#e7ca95}.sq-code-type{color:#a8c6ef}
.sq-code-result{display:flex;align-items:center;gap:10px;margin:0 20px 20px;padding:14px 16px;border:1px solid #31596a;border-radius:7px;background:#123345;font:.73rem ui-monospace,Consolas,monospace;color:#a8c4ce}
.sq-code-result strong{margin-left:auto;color:#adf4d8;font-weight:700}
.sq-result-dot{width:7px;height:7px;border-radius:50%;background:#79dfbd;box-shadow:0 0 0 4px rgba(121,223,189,.12)}

/* A second depth scene illustrates the opt-in local Agent boundary. */
.sq-agent-section{position:relative;isolation:isolate;overflow:hidden;background:#0a2532;color:#f0fafb}
.sq-agent-section:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 73% 46%,rgba(53,170,178,.24),transparent 34%),linear-gradient(118deg,#09212e,#103d49)}
.sq-agent-section:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.24;background-image:linear-gradient(rgba(141,221,224,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(141,221,224,.1) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 24%,#000)}
.sq-agent-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:5%;align-items:center;min-height:750px;padding-block:112px}
.sq-agent-copy{position:relative;z-index:2}
.sq-agent-copy .sq-section-label{color:#84e4e2}
.sq-agent-copy .sq-section-label span{color:#8eafbb}
.sq-agent-copy h2{font-size:clamp(2.8rem,4.3vw,4.8rem);line-height:1.07;letter-spacing:-.058em;margin:22px 0 21px;color:#f5fbfc}
.sq-agent-copy h2 span{color:#8de2e2}
.sq-agent-lead{max-width:540px;color:#b1cdd6;font-size:1.01rem;line-height:1.72;margin-bottom:29px}
.sq-agent-steps{max-width:540px;margin:0;padding:0;list-style:none;border-top:1px solid rgba(159,216,221,.23)}
.sq-agent-steps li{display:flex;align-items:start;gap:22px;padding:14px 0;border-bottom:1px solid rgba(159,216,221,.23)}
.sq-agent-steps li>span{font:.71rem/1.6 ui-monospace,Consolas,monospace;color:#87dcdd;letter-spacing:.09em;margin-top:2px}
.sq-agent-steps strong{display:block;color:#eef9fa;font-size:.96rem;line-height:1.4}
.sq-agent-steps p{color:#99b9c4;font-size:.76rem;line-height:1.55;margin:4px 0 0}
.sq-agent-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 22px;margin-top:28px}
.sq-button-agent{background:#8be2e0;color:#092834}
.sq-button-agent:hover{background:#b4f3ee;color:#092834}
.sq-agent-setup-link{color:#b9f0ed;font-size:.8rem;line-height:1.5;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.sq-agent-setup-link:hover{color:#fff}
.sq-agent-actions>span{color:#9ebcc7;font-size:.72rem;line-height:1.4}
.sq-agent-visual{position:relative;min-width:0}
.sq-agent-scene{position:relative;height:540px;perspective:1200px;transform-style:preserve-3d}
.sq-agent-scene:before{content:"";position:absolute;inset:12% 0 4%;border-radius:50%;background:radial-gradient(ellipse,rgba(73,222,210,.17),transparent 64%);filter:blur(21px)}
.sq-agent-world{--sq-agent-scale:1;position:absolute;left:50%;top:50%;width:560px;height:520px;margin-left:-280px;margin-top:-260px;transform-style:preserve-3d;transform:scale(var(--sq-agent-scale)) rotateX(12deg) rotateY(-14deg);animation:sq-agent-tilt 10s ease-in-out infinite alternate}
.sq-agent-backplate{position:absolute;inset:52px 59px 46px;display:flex;flex-direction:column;gap:16px;padding:22px;transform:translateZ(-70px) rotateZ(-3deg);border:1px solid rgba(137,224,225,.28);border-radius:22px;background:linear-gradient(140deg,rgba(43,135,150,.21),rgba(10,42,58,.25));box-shadow:0 20px 55px rgba(0,0,0,.18),0 0 0 16px rgba(43,149,163,.045)}
.sq-agent-backplate span{font:.63rem ui-monospace,Consolas,monospace;letter-spacing:.18em;color:#7cbcc8}
.sq-agent-backplate i{height:1px;width:57%;background:linear-gradient(90deg,rgba(122,220,218,.28),transparent)}
.sq-agent-backplate i:nth-child(3){width:76%}
.sq-agent-backplate i:nth-child(4){width:43%}
.sq-agent-connections{position:absolute;inset:0;width:100%;height:100%;transform:translateZ(18px);overflow:visible;filter:drop-shadow(0 0 7px rgba(88,233,215,.4))}
.sq-agent-connections path{stroke:#81e4dc;stroke-width:1.5;stroke-dasharray:5 8;opacity:.72;animation:sq-agent-flow 9s linear infinite}
.sq-agent-connections circle{fill:#80eadb;animation:sq-pulse 3.5s ease-in-out infinite}
.sq-agent-connections circle:nth-last-child(2),.sq-agent-connections circle:last-child{animation-delay:1.6s}
.sq-agent-node{position:absolute;z-index:2;display:flex;flex-direction:column;justify-content:center;width:145px;height:104px;padding:15px 17px;border:1px solid rgba(146,231,230,.42);border-radius:10px;background:linear-gradient(130deg,rgba(32,103,119,.96),rgba(12,54,72,.96));box-shadow:0 7px 0 rgba(8,38,53,.95),0 20px 38px rgba(0,0,0,.22);transform:translateZ(45px);animation:sq-agent-node-bob 6s ease-in-out infinite}
.sq-agent-node span{font:.54rem ui-monospace,Consolas,monospace;letter-spacing:.1em;color:#8ed2d6}
.sq-agent-node strong{font-size:1.13rem;line-height:1.2;color:#f4fcfc;letter-spacing:-.02em;margin-top:7px}
.sq-agent-node small{font-size:.61rem;color:#abcad2;margin-top:2px}
.sq-agent-node-routes{left:17px;top:88px}
.sq-agent-node-docs{right:17px;top:77px;animation-delay:-2s}
.sq-agent-node-packages{left:16px;bottom:41px;animation-delay:-1.5s}
.sq-agent-node-health{right:14px;bottom:44px;animation-delay:-3.5s}
.sq-agent-core{position:absolute;z-index:3;left:176px;top:167px;width:208px;height:205px;display:flex;flex-direction:column;padding:16px;border:1px solid #adeeea;border-radius:13px;background:linear-gradient(150deg,#d7f8f5,#98dbdf);box-shadow:0 11px 0 #579ca9,0 16px 0 #184f62,0 28px 55px rgba(0,0,0,.34);color:#173e4b;transform:translateZ(103px)}
.sq-agent-core-head{display:flex;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid rgba(17,96,113,.22)}
.sq-agent-core-head img{display:block;width:22px;height:25px;object-fit:contain}
.sq-agent-core-head span{font:.63rem ui-monospace,Consolas,monospace;letter-spacing:.11em;font-weight:800}
.sq-agent-core-mark{display:flex;align-items:center;justify-content:space-between;flex:1;font-size:5.1rem;line-height:1;letter-spacing:-.11em;font-weight:780;color:#146e81}
.sq-agent-core-mark span{font-size:2rem;font-weight:400;align-self:flex-start;margin-top:12px}
.sq-agent-core-foot{display:flex;justify-content:space-between;gap:5px;border-top:1px solid rgba(17,96,113,.22);padding-top:10px;font:.52rem ui-monospace,Consolas,monospace;letter-spacing:.06em}
.sq-agent-core-foot strong{font-weight:800}
.sq-agent-plan-card{position:absolute;z-index:4;left:177px;top:394px;width:230px;min-height:75px;padding:12px 16px;border:1px solid #96e5dd;border-radius:9px;background:linear-gradient(130deg,#1a7282,#145266);box-shadow:0 6px 0 #0b3648,0 16px 34px rgba(0,0,0,.32);color:#e5fbf7;transform:translateZ(140px) rotateZ(-3deg)}
.sq-agent-plan-card span{display:block;color:#a7eee3;font:.58rem ui-monospace,Consolas,monospace;letter-spacing:.12em}
.sq-agent-plan-card strong{display:block;margin-top:6px;font-size:.86rem;line-height:1.2}
.sq-agent-plan-card i{position:absolute;right:15px;top:15px;color:#9ce9df;font-style:normal}
.sq-agent-visual-foot{display:flex;justify-content:space-between;gap:18px;color:#87b5c1;font:.63rem ui-monospace,Consolas,monospace;letter-spacing:.12em}
.sq-agent-visual-foot>span:first-child{display:flex;align-items:center;gap:8px}
.sq-agent-visual-foot i{width:6px;height:6px;border-radius:50%;background:#79e2bf;box-shadow:0 0 0 4px rgba(121,226,191,.12)}
@keyframes sq-agent-tilt{from{transform:scale(var(--sq-agent-scale)) rotateX(12deg) rotateY(-14deg)}to{transform:scale(var(--sq-agent-scale)) rotateX(15deg) rotateY(-10deg)}}
@keyframes sq-agent-flow{to{stroke-dashoffset:-130}}
@keyframes sq-agent-node-bob{0%,100%{transform:translateZ(45px) translateY(0)}50%{transform:translateZ(45px) translateY(-6px)}}

.sq-ops{padding-block:105px 98px}
.sq-ops-head{display:grid;grid-template-columns:1.05fr .95fr;align-items:end;gap:7%;margin-bottom:39px}
.sq-ops-head h2{margin:18px 0 0;font-size:clamp(2.45rem,4vw,4.3rem);line-height:1.08;letter-spacing:-.056em}
.sq-ops-head>p{max-width:460px;margin:0 0 6px;font-size:.98rem;line-height:1.7}
.sq-ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sq-ops-card{min-width:0;min-height:335px;display:flex;flex-direction:column;padding:30px;border:1px solid var(--line);border-radius:11px;background:var(--canvas);transition:transform .2s,border-color .2s,box-shadow .2s}
.sq-ops-card:nth-child(2){background:var(--accent-soft)}
.sq-ops-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 18px 34px rgba(14,64,81,.08)}
.sq-ops-card>span{font:.68rem ui-monospace,Consolas,monospace;letter-spacing:.11em;color:var(--accent-strong)}
.sq-ops-command{display:flex;gap:10px;max-width:100%;margin:29px 0 24px;padding:12px 14px;border:1px solid #315a69;border-radius:7px;background:#0a2735;color:#d3eeef;font:.77rem/1.5 ui-monospace,Consolas,monospace;overflow-wrap:anywhere}
.sq-ops-command i{font-style:normal;color:#71d9c3}
.sq-ops-card h3{margin:0 0 8px;font-size:1.4rem;letter-spacing:-.04em}
.sq-ops-card p{max-width:460px;margin:0 0 25px;font-size:.82rem;line-height:1.65}
.sq-ops-card .sq-inline-link{margin-top:auto}
.sq-ops-foot{display:flex;justify-content:flex-end;gap:6px;margin:23px 0 0;font-size:.79rem}
.sq-ops-foot a{font-weight:750;text-decoration:underline;text-underline-offset:4px}

.sq-discover{padding-block:112px 120px}
.sq-section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:38px}
.sq-section-head h2{font-size:clamp(2.2rem,3.6vw,3.9rem);line-height:1.1;letter-spacing:-.055em;margin:17px 0 0}
.sq-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sq-guide-card{position:relative;min-height:260px;padding:27px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);transition:transform .2s,border-color .2s,box-shadow .2s}
.sq-guide-card:hover{color:var(--ink);transform:translateY(-5px);border-color:var(--accent);box-shadow:0 17px 35px rgba(13,68,88,.09)}
.sq-guide-card>span{font:.68rem ui-monospace,Consolas,monospace;color:var(--accent);letter-spacing:.1em}
.sq-guide-card strong{display:block;margin-top:58px;font-size:1.55rem;letter-spacing:-.045em;line-height:1.2}
.sq-guide-card p{max-width:285px;margin:11px 0 0;font-size:.81rem;line-height:1.6}
.sq-guide-card b{position:absolute;right:27px;top:25px;color:var(--accent);font-weight:500}
.sq-ecosystem{padding-block:105px 90px;background:var(--canvas);border-block:1px solid var(--line)}
.sq-ecosystem .sq-section-head>p{max-width:430px;margin:0 0 3px;font-size:.86rem;line-height:1.7}
.sq-ecosystem-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sq-ecosystem-card{min-height:300px;display:flex;flex-direction:column;padding:32px;border:1px solid var(--line);border-radius:11px;background:var(--paper);color:var(--ink);transition:border-color .2s,transform .2s}
.sq-ecosystem-card:hover{color:var(--ink);border-color:var(--accent);transform:translateY(-4px)}
.sq-ecosystem-card>span{font:.7rem ui-monospace,Consolas,monospace;letter-spacing:.12em;color:var(--accent)}
.sq-ecosystem-card strong{display:block;margin-top:56px;font-size:1.6rem;line-height:1.2;letter-spacing:-.04em}
.sq-ecosystem-card p{max-width:410px;margin:10px 0 24px;font-size:.84rem;line-height:1.65}
.sq-ecosystem-card b{margin-top:auto;font-size:.84rem;color:var(--accent);font-weight:750}
.sq-ecosystem-card b span{margin-left:10px;font-weight:400}
.sq-ecosystem-note{margin:18px 0 0;color:var(--muted);font-size:.76rem;line-height:1.6}
.sq-ecosystem-note a{text-decoration:underline;text-underline-offset:3px}
.sq-partner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:35px;padding-block:100px 110px}
.sq-partner>div:not(.sq-partner-mark){position:relative;z-index:1}
.sq-partner h2{max-width:670px;margin:17px 0;font-size:clamp(2.25rem,3.7vw,4rem);line-height:1.1;letter-spacing:-.055em}
.sq-partner p:not(.sq-section-label){max-width:640px;margin:0;font-size:.98rem;line-height:1.7}
.sq-partner-mark{position:absolute;right:14%;bottom:0;width:230px;opacity:.045;transform:rotate(-16deg);pointer-events:none}
.sq-button-partner{position:relative;z-index:1;background:var(--navy);color:#fff;white-space:nowrap}
.sq-button-partner:hover{color:#fff;background:var(--accent-strong)}

@media(max-width:1190px){.portal-page .top-nav{gap:13px}.portal-page .top-nav a{font-size:.78rem}.sq-hero-inner{gap:14px}.sq-hero h1{font-size:clamp(3.1rem,4.6vw,4.9rem)}.sq-hero-art{height:580px}.sq-stack{transform:scale(.89) rotateX(var(--sq-rotate-x)) rotateZ(var(--sq-rotate-z))}}
@media(min-width:851px) and (max-width:1000px){.portal-page .search-trigger{min-width:34px;width:34px;padding:0;display:grid;place-items:center}.portal-page .search-trigger .search-label,.portal-page .search-trigger kbd{display:none}.portal-page .top-nav{gap:10px}.portal-page .top-nav a{font-size:.74rem}}
@media(max-width:980px){.sq-hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:45px}.sq-hero-copy{padding:28px 0 0}.sq-hero h1{max-width:760px;font-size:clamp(3.2rem,7vw,5rem)}.sq-hero-lead{max-width:650px}.sq-hero-art{width:min(100%,650px);height:560px;align-self:center}.sq-stack{transform:scale(.93) rotateX(var(--sq-rotate-x)) rotateZ(var(--sq-rotate-z))}.sq-hero-tail{padding-top:0}.sq-pillar-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sq-pillar-list a:nth-child(2){border-right:0}.sq-pillar-list a:nth-child(-n+2){border-bottom:1px solid var(--line)}.sq-code-layout{gap:5%}.sq-partner{grid-template-columns:1fr;gap:23px}.sq-button-partner{justify-self:start}}
@media(max-width:700px){.sq-container,.sq-hero-inner,.sq-hero-tail{width:min(100% - 40px,1250px)}.sq-hero-inner{padding-top:31px}.sq-hero-copy{padding-bottom:0}.sq-hero-kicker{font-size:.62rem;margin-bottom:21px}.sq-hero h1{font-size:clamp(3rem,9vw,4.5rem)}.sq-hero-lead{font-size:.98rem}.sq-hero-actions{margin-top:26px}.sq-hero-note{margin-top:23px}.sq-hero-art{height:460px}.sq-stack{top:55%;transform:scale(.73) rotateX(var(--sq-rotate-x)) rotateZ(var(--sq-rotate-z))}.sq-art-label-top{top:35px;right:0}.sq-art-label-bottom{bottom:33px;left:0}.sq-hero-tail{padding-bottom:20px}.sq-partners-strip{padding:45px 0}.sq-partners-strip-head{display:block}.sq-partners-strip-head>p{margin-top:12px}.sq-partner-logo-card{width:285px;height:140px}.sq-intro,.sq-discover{padding-block:75px}.sq-intro-grid{grid-template-columns:1fr;gap:22px;padding-bottom:38px}.sq-intro h2{font-size:clamp(2.6rem,9vw,4rem)}.sq-intro-grid>p{font-size:.95rem}.sq-code-layout{grid-template-columns:1fr;padding-block:75px;gap:35px}.sq-code-copy h2{font-size:clamp(2.5rem,8vw,3.5rem)}.sq-section-head{display:block;margin-bottom:26px}.sq-section-head .sq-inline-link,.sq-ecosystem .sq-section-head>p{display:inline-block;margin-top:17px}.sq-guide-grid{grid-template-columns:1fr}.sq-guide-card{min-height:190px}.sq-guide-card strong{margin-top:35px}.sq-ecosystem{padding-block:75px}.sq-ecosystem-grid{grid-template-columns:1fr}.sq-ecosystem-card{min-height:245px}.sq-ecosystem-card strong{margin-top:37px}.sq-partner{padding-block:75px}}
@media(max-width:500px){.sq-hero{min-height:0}.sq-hero h1{font-size:clamp(2.8rem,11vw,3.8rem)}.sq-hero h1 span{display:inline}.sq-hero-actions{gap:9px}.sq-button{min-height:49px;padding-inline:15px;gap:15px}.sq-hero-art{height:350px;margin-top:5px}.sq-stack{top:58%;transform:scale(.53) rotateX(var(--sq-rotate-x)) rotateZ(var(--sq-rotate-z))}.sq-art-label{font-size:.52rem}.sq-art-label-top{top:22px}.sq-art-label-bottom{bottom:16px}.sq-hero-tail{display:none}.sq-partners-strip-head h2{font-size:1.8rem}.sq-pillar-list{grid-template-columns:1fr}.sq-pillar-list a,.sq-pillar-list a:not(:first-child){min-height:145px;padding:20px 22px 18px 0;border-right:0;border-bottom:1px solid var(--line)}.sq-pillar-list a:last-child{border-bottom:0}.sq-pillar-list a:hover{padding-left:14px}.sq-pillar-list a>span{margin-bottom:17px}.sq-pillar-list b{top:17px}.sq-code-window pre{font-size:.67rem;padding:19px 12px 25px}.sq-code-top{font-size:.61rem;padding-inline:12px}.sq-code-result{margin-inline:12px}.sq-partner-mark{right:0;width:160px}}
@media(max-width:1190px){.sq-agent-layout{gap:2%}.sq-agent-world{--sq-agent-scale:.88}.sq-agent-copy h2{font-size:clamp(2.65rem,4vw,4rem)}}
@media(max-width:980px){.sq-agent-layout{grid-template-columns:1fr;gap:15px;padding-block:85px 80px}.sq-agent-copy h2{font-size:clamp(3rem,6.5vw,4.4rem)}.sq-agent-lead,.sq-agent-steps{max-width:670px}.sq-agent-visual{width:min(100%,650px);justify-self:center}.sq-agent-world{--sq-agent-scale:.96}}
@media(max-width:700px){.sq-agent-layout{padding-block:75px 70px}.sq-agent-copy h2{font-size:clamp(2.7rem,8vw,3.6rem)}.sq-agent-lead{font-size:.95rem}.sq-agent-scene{height:430px}.sq-agent-world{--sq-agent-scale:.76}.sq-agent-visual-foot{font-size:.56rem}}
@media(max-width:500px){.sq-agent-copy h2{font-size:clamp(2.6rem,10vw,3.35rem)}.sq-agent-steps li{gap:16px}.sq-agent-actions{align-items:flex-start;flex-direction:column}.sq-agent-scene{height:325px}.sq-agent-world{--sq-agent-scale:.54}.sq-agent-visual-foot{font-size:.48rem;letter-spacing:.04em}}
@media(max-width:700px){.sq-ops{padding-block:76px 70px}.sq-ops-head{grid-template-columns:1fr;gap:20px;margin-bottom:26px}.sq-ops-head h2{font-size:clamp(2.55rem,8vw,3.6rem)}.sq-ops-grid{grid-template-columns:1fr}.sq-ops-card{min-height:300px}.sq-ops-foot{justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:500px){.sq-ops-card{padding:22px;min-height:315px}.sq-ops-command{font-size:.67rem;padding:11px}.sq-ops-foot{font-size:.74rem}}
@media(prefers-reduced-motion:reduce){.sq-hero-glow,.sq-stack-wrap,.sq-circuit-pulse,.sq-partners-track,.sq-agent-world,.sq-agent-node,.sq-agent-connections path,.sq-agent-connections circle{animation:none!important}.sq-partners-marquee{overflow-x:auto;scrollbar-width:thin}.sq-partners-set[aria-hidden=true]{display:none}.sq-hero-art .sq-stack,.sq-hero-art .sq-stack-wrap{transition:none}.sq-button:hover,.sq-guide-card:hover,.sq-ecosystem-card:hover,.sq-ops-card:hover{transform:none}}
