/* Fonts are self-hosted (copied from the shell app's public/fonts). The build
   replaces each url(font:…) with the hashed file's URL. */
@font-face { font-family: 'Instrument Sans'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/fonts/instrument-sans-latin.2ee17598a9.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Instrument Sans'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/fonts/instrument-sans-latin-ext.c4fcfea41f.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Outfit'; font-style: normal; font-weight: 500 600; font-display: swap; src: url(/fonts/outfit-latin.6c18d579fd.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Outfit'; font-style: normal; font-weight: 500 600; font-display: swap; src: url(/fonts/outfit-latin-ext.0f53d1c03b.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400 500; font-display: swap; src: url(/fonts/jetbrains-mono-latin.83c005d49d.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400 500; font-display: swap; src: url(/fonts/jetbrains-mono-latin-ext.db5ff4db83.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* The design's page-wide rules. They sit in :where() so they carry no
   specificity: the generated per-element classes (the design's inline styles)
   must always win, as inline styles did in the design. */
:where(body) { margin: 0; background: #F7F6F3; color: #1B1A18; -webkit-font-smoothing: antialiased; }
:where(a) { color: oklch(0.52 0.19 288); }
:where(a):hover { color: oklch(0.42 0.19 288); }
:where(img) { max-width: 100%; height: auto; }
:where(.page) { font-family: 'Instrument Sans', system-ui, sans-serif; min-height: 100vh; display: flex; flex-direction: column; overflow-x: hidden; }
:where(.page > main) { flex: 1; display: flex; flex-direction: column; }

@keyframes sq-fade { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes sq-fade12 { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@keyframes sq-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
@keyframes sq-float10 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes sq-glow { 0%, 100% { opacity: .6; transform: scale(1); } 50% { opacity: 1; transform: scale(1.08); } }
@keyframes sq-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes sq-words { 0%, 20% { transform: translateY(0); } 25%, 45% { transform: translateY(-1.3em); } 50%, 70% { transform: translateY(-2.6em); } 75%, 95% { transform: translateY(-3.9em); } 100% { transform: translateY(-5.2em); } }
@keyframes sq-tap { 0%, 60%, 100% { transform: scale(1); } 70% { transform: scale(.92); } 80% { transform: scale(1); } }

/* Generated from the design's inline styles */
.s5f842b7{background:rgba(247,246,243,.92);border-bottom:1px solid rgba(27,26,24,.08);font-family:'Instrument Sans',system-ui,sans-serif}
.sf22d4d1{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.sb07bf26{display:flex;align-items:center;gap:10px;text-decoration:none;color:#1B1A18}
.s5eaab97{display:block;width:32px;height:32px;border-radius:9px;overflow:hidden;flex:none}
.s6e12efa{display:block;width:108px;height:108px;transform:scale(0.2963);transform-origin:0 0;background:#1A1630;position:relative}
.s76557ac{position:absolute;left:18px;top:31px;width:32px;height:38px;border-radius:8px;background:#7B5CFF;transform:rotate(-14deg)}
.sb90401d{position:absolute;left:38px;top:19px;width:32px;height:40px;border-radius:8px;background:#3FA2FF}
.sbd7ba27{position:absolute;left:58px;top:31px;width:32px;height:38px;border-radius:8px;background:#FF9B3D;transform:rotate(14deg)}
.s5080f07{position:absolute;left:15px;top:57px;width:78px;height:34px;border-radius:5px 5px 13px 13px;background:#2E2858;border-top:4px solid #8C7BFF;box-sizing:border-box}
.s6f2516d{font-family:'Outfit',sans-serif;font-size:24px;font-weight:600;letter-spacing:-0.035em}
.sa2e1126{color:oklch(0.52 0.19 288)}
.sa8d297e{display:flex;gap:2px;flex-wrap:wrap;margin-left:auto}
.s30a34fe{position:relative;padding:8px 12px;border-radius:10px;font-size:15px;font-weight:500;color:#3A3935;text-decoration:none}
.sa371c26:hover{background:rgba(27,26,24,.06);color:#1B1A18}
.s8e6553c{height:40px;padding:0 16px;border-radius:12px;background:oklch(0.52 0.19 288);color:#fff;display:flex;align-items:center;font-size:15px;font-weight:600;text-decoration:none}
.s8a24f0b:hover{background:oklch(0.45 0.19 288);color:#fff}
.s1806e4f{position:relative;overflow:hidden;flex:1}
.s92fe42a{position:absolute;right:-200px;top:-220px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,oklch(0.6 0.22 295 / .2),oklch(0.78 0.15 60 / .12) 45%,transparent 70%);filter:blur(30px);animation:sq-glow 9s ease-in-out infinite;pointer-events:none}
.sbb5e7a8{max-width:880px;margin:0 auto;padding:96px 24px 112px;display:flex;flex-direction:column;gap:22px;position:relative;animation:sq-fade .8s ease-out both}
.sc336e49{font-family:'JetBrains Mono',monospace;font-size:12px;color:oklch(0.52 0.19 288)}
.sebe91ec{margin:0;font-family:'Outfit',sans-serif;font-weight:600;font-size:clamp(42px,5.6vw,72px);line-height:1.02;letter-spacing:-0.04em;text-wrap:balance}
.s142e5f7{margin:0;font-size:19px;line-height:1.55;color:#5E5C57;max-width:620px}
.s2af89a4{display:flex;gap:12px;flex-wrap:wrap}
.s923862c{height:54px;padding:0 24px;border-radius:16px;background:oklch(0.52 0.19 288);color:#fff;display:flex;align-items:center;font-size:16px;font-weight:600;text-decoration:none}
.s9e1e813{height:54px;padding:0 22px;border-radius:16px;box-shadow:inset 0 0 0 1px rgba(27,26,24,.18);color:#1B1A18;display:flex;align-items:center;font-size:16px;font-weight:500;text-decoration:none}
.sf402765:hover{background:rgba(27,26,24,.05);color:#1B1A18}
.s2019370{background:#0C0C0E;color:#EDECE8;position:relative;overflow:hidden;font-family:'Instrument Sans',system-ui,sans-serif}
.sfb63a8c{position:absolute;left:-160px;top:-220px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,oklch(0.6 0.22 295 / .35),oklch(0.78 0.15 60 / .14) 45%,transparent 70%);filter:blur(30px);pointer-events:none}
.sde84520{max-width:1200px;margin:0 auto;padding:72px 24px 32px;position:relative;display:flex;flex-direction:column;gap:56px}
.se7792ca{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}
.s8b0ebad{display:flex;flex-direction:column;gap:16px}
.s0c1decc{font-family:'Outfit',sans-serif;font-size:30px;font-weight:600;letter-spacing:-0.035em}
.saae5404{color:oklch(0.76 0.13 288)}
.s5995b3d{font-size:15px;line-height:1.55;color:#A8A6A0;max-width:260px}
.s251aee6{align-self:flex-start;font-family:'JetBrains Mono',monospace;font-size:12px;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.14);color:#C9C7C1}
.sae424d5{display:flex;flex-direction:column;gap:12px;font-size:15px}
.s240982d{font-size:13px;font-weight:600;color:#8F8D87}
.s132d8f3{color:#D6D4CE;text-decoration:none}
.s92a4bbe:hover{color:#fff}
.s1712dee{color:#8F8D87}
.s78317ac{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:#8F8D87;border-top:1px solid rgba(255,255,255,.08);padding-top:24px}
.s9a1a6b5{position:absolute;left:12px;right:12px;bottom:3px;height:2px;border-radius:1px;background:oklch(0.52 0.19 288)}
.s11cef69{position:relative;overflow:hidden}
.s06434d8{position:absolute;right:-200px;top:-200px;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,oklch(0.6 0.22 295 / .24),oklch(0.78 0.15 60 / .12) 45%,transparent 70%);filter:blur(30px);animation:sq-glow 9s ease-in-out infinite;pointer-events:none}
.s66b8947{max-width:960px;margin:0 auto;padding:96px 24px 56px;display:flex;flex-direction:column;gap:22px;position:relative;animation:sq-fade .8s ease-out both}
.s854408c{margin:0;font-size:19px;line-height:1.55;color:#5E5C57;max-width:640px}
.s953da0f{padding:0 24px 72px}
.sa02e11b{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:20px}
.s89086d4{display:flex;flex-direction:column;gap:10px}
.sf1efc7b{font-size:15px;font-weight:600}
.s4a07d6a{height:58px;border-radius:16px;border:none;background:#fff;padding:0 18px;font-size:17px;font-family:inherit;color:#1B1A18;outline:none;box-shadow:inset 0 0 0 1.5px rgba(27,26,24,.16)}
.s32580ac{background:#131315;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(40,20,90,.45)}
.se3c399b{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 12px 20px;border-bottom:1px solid rgba(255,255,255,.08)}
.sd896423{font-family:'JetBrains Mono',monospace;font-size:12px;color:#8F8D87}
.sd10925a{height:40px;padding:0 16px;border-radius:12px;border:none;background:oklch(0.76 0.13 288);color:#17132B;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer}
.s25d4a9d{margin:0;padding:22px;font-family:'JetBrains Mono',monospace;font-size:13px;line-height:1.7;color:#D6D4CE;white-space:pre-wrap}
.s81b3239{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:12px}
.sbb93d25{background:#fff;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:8px;box-shadow:0 0 0 1px rgba(27,26,24,.1)}
.sac63af7{font-size:15px;line-height:1.55;color:#5E5C57}
.sf305d8e{padding:72px 24px;border-top:1px solid rgba(27,26,24,.08)}
.sbaf1332{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:36px}
.sd583dd8{display:flex;flex-direction:column;gap:14px;max-width:680px}
.s0685b52{margin:0;font-family:'Outfit',sans-serif;font-weight:600;font-size:clamp(30px,3.8vw,46px);line-height:1.06;letter-spacing:-0.035em}
.s9505be1{margin:0;font-size:17px;line-height:1.6;color:#5E5C57}
.s036f512{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px}
.s6510f02{background:#fff;border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:14px;box-shadow:0 0 0 1px rgba(27,26,24,.1)}
.s8a703bf{font-family:'Outfit',sans-serif;font-size:22px;font-weight:600;letter-spacing:-0.02em}
.s284ac0d{display:flex;gap:10px;font-size:14px;line-height:1.55;color:#4A4844}
.s622bc56{flex:none;width:5px;height:5px;border-radius:3px;background:oklch(0.52 0.19 288);margin-top:9px}
.s9b349f5{padding:0 24px 112px}
.s557c786{max-width:1200px;margin:0 auto;border-radius:32px;background:#0C0C0E;color:#EDECE8;padding:48px 40px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;position:relative;overflow:hidden}
.sce56cd3{position:absolute;right:-100px;top:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,oklch(0.6 0.22 295 / .5),oklch(0.78 0.15 60 / .2) 45%,transparent 70%);filter:blur(24px);animation:sq-glow 8s ease-in-out infinite}
.sc3a51bb{display:flex;flex-direction:column;gap:8px;position:relative;max-width:620px}
.s55cffa0{font-family:'Outfit',sans-serif;font-size:28px;font-weight:600;letter-spacing:-0.025em}
.s59bdaf4{font-size:16px;line-height:1.55;color:#B4B2AC}
.se9e70e3{font-family:'JetBrains Mono',monospace;color:#EDECE8}
.s95766d6{position:relative;height:50px;padding:0 20px;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);color:#EDECE8;display:flex;align-items:center;font-size:15px;font-weight:600;text-decoration:none;font-family:'JetBrains Mono',monospace}
.seda475e:hover{background:rgba(255,255,255,.06);color:#fff}
.s46b6b55{max-width:880px;margin:0 auto;padding:96px 24px 48px;display:flex;flex-direction:column;gap:20px;position:relative}
.se2f25b6{margin:0;font-family:'Outfit',sans-serif;font-weight:600;font-size:clamp(42px,5.6vw,72px);line-height:1.02;letter-spacing:-0.04em}
.s84d5977{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:48px}
.sada31c3{display:flex;flex-direction:column}
.sb1dcf93{margin:0;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:400;color:#8C8A84;padding-bottom:12px}
.s8385085{border-top:1px solid rgba(27,26,24,.1)}
.s27d33c6{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;cursor:pointer;font-size:18px;font-weight:600;color:#1B1A18;text-align:left}
.s0920476{flex:none;width:28px;height:28px;border-radius:14px;background:#EFEDE8;color:#1B1A18;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500}
.s502b4ec{padding:0 44px 24px 0;font-size:16px;line-height:1.65;color:#5E5C57;animation:sq-fade12 .3s ease-out both}
.sc286326{position:absolute;right:-180px;top:-200px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,oklch(0.6 0.22 295 / .22),oklch(0.78 0.15 60 / .12) 45%,transparent 70%);filter:blur(30px);animation:sq-glow 9s ease-in-out infinite;pointer-events:none}
.s47a15c0{max-width:1200px;margin:0 auto;padding:96px 24px 72px;display:flex;flex-direction:column;gap:22px;position:relative;animation:sq-fade .8s ease-out both}
.s2222cc9{margin:0;font-family:'Outfit',sans-serif;font-weight:600;font-size:clamp(42px,5.6vw,72px);line-height:1.02;letter-spacing:-0.04em;max-width:820px;text-wrap:balance}
.sd804eda{padding:0 24px 96px}
.sbd0d9e5{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:32px}
.sdcf2b58{margin:0;font-family:'Outfit',sans-serif;font-weight:600;font-size:clamp(28px,3.4vw,40px);letter-spacing:-0.03em}
.scffd1d0{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.s54554e6{background:#fff;border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:10px;box-shadow:0 0 0 1px rgba(27,26,24,.1)}
.se72f7f2{font-family:'JetBrains Mono',monospace;font-size:12px;color:#8C8A84}
.se790200{font-size:19px;font-weight:600}
.s3787ca9{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:56px;align-items:center}
.s84e5cd0{display:flex;flex-direction:column;gap:18px}
.sced6848{margin:0;font-family:'Outfit',sans-serif;font-weight:600;font-size:clamp(30px,3.8vw,46px);line-height:1.06;letter-spacing:-0.035em;text-wrap:balance}
.sfb4ba6a{margin:0;font-size:17px;line-height:1.6;color:#5E5C57;max-width:520px}
.s2817666{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.sf9b487a{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5}
.s8e8dc1c{flex:none;margin-top:1px}
.sf143bfa{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}
.s4ea413f{display:flex;flex-direction:column;gap:12px;align-items:center}
.sf3a18b0{width:250px;padding:8px;border-radius:48px;background:#0E0E10;box-shadow:0 30px 60px -30px rgba(40,20,90,.4);animation:sq-float10 8s ease-in-out infinite}
.s2623889{display:block;width:100%;border-radius:40px}
.se9e81a5{max-width:1200px;margin:0 auto;border-radius:32px;background:#0C0C0E;color:#EDECE8;padding:56px 40px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;position:relative;overflow:hidden}
.sb124578{margin:0;font-family:'Outfit',sans-serif;font-weight:600;font-size:clamp(28px,3.4vw,42px);letter-spacing:-0.03em;position:relative}
.s0d7e488{height:54px;padding:0 24px;border-radius:16px;background:oklch(0.76 0.13 288);color:#17132B;display:flex;align-items:center;font-size:16px;font-weight:600;text-decoration:none;position:relative}
.seaec90d:hover{background:oklch(0.82 0.11 288);color:#17132B}
.s048afc6{position:relative;overflow:hidden;background:#F7F6F3}
.scad794b{position:absolute;right:-200px;top:40px;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,oklch(0.6 0.22 295 / .28),oklch(0.78 0.15 60 / .16) 45%,transparent 70%);filter:blur(30px);animation:sq-glow 9s ease-in-out infinite;pointer-events:none}
.s37543a7{max-width:1200px;margin:0 auto;padding:88px 24px 96px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:40px;align-items:center;position:relative}
.sa241abc{display:flex;flex-direction:column;gap:28px}
.s9ffe08a{margin:0;font-family:'Outfit',sans-serif;font-weight:600;font-size:clamp(44px,6vw,80px);line-height:1.1;letter-spacing:-0.04em}
.sb279335{display:inline-block;height:1.3em;line-height:1.3em;overflow:hidden;vertical-align:-0.12em;margin:-0.1em 0;color:oklch(0.52 0.19 288)}
.sab9f9d7{display:flex;flex-direction:column;animation:sq-words 10s cubic-bezier(.7,0,.3,1) infinite}
.sd55893c{height:1.3em;line-height:1.3em}
.se1d64cd{margin:0;font-size:19px;line-height:1.55;color:#5E5C57;max-width:520px;text-wrap:pretty}
.s7148183{position:relative;height:600px}
.s69ac632{position:absolute;left:4%;top:60px;width:230px;transform:rotate(-8deg)}
.sd7d60df{padding:7px;border-radius:44px;background:#0E0E10;box-shadow:0 40px 80px -30px rgba(40,20,90,.45);animation:sq-float 8s ease-in-out infinite}
.s61cdafc{display:block;width:100%;border-radius:37px}
.s9af9c51{position:absolute;left:50%;margin-left:-125px;top:0;width:250px;z-index:2}
.sf26aacb{padding:8px;border-radius:48px;background:#0E0E10;box-shadow:0 40px 80px -30px rgba(40,20,90,.5);animation:sq-float 8s ease-in-out 1.3s infinite}
.sa1c84e0{position:absolute;right:4%;top:70px;width:230px;transform:rotate(8deg)}
.sdd7ecae{padding:7px;border-radius:44px;background:#0E0E10;box-shadow:0 40px 80px -30px rgba(40,20,90,.45);animation:sq-float 8s ease-in-out 2.6s infinite}
.sbb36836{padding:56px 0;border-bottom:1px solid rgba(27,26,24,.08);background:#F7F6F3;position:relative;z-index:1}
.s95e0480{max-width:1200px;margin:0 auto 28px;padding:0 24px;font-size:14px;color:#5E5C57;display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between}
.se7dc70a{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.sbf7118a{display:flex;gap:36px;width:max-content;animation:sq-marquee 45s linear infinite}
.s8e0b5e6{display:flex;flex-direction:column;align-items:center;gap:10px;width:84px}
.sa2f35b4{width:68px;height:68px;border-radius:20px;background:oklch(0.60 0.15 45);color:#fff;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:600}
.sfd9cd82{font-size:13px;text-align:center;white-space:nowrap}
.s7055308{width:68px;height:68px;border-radius:20px;background:oklch(0.93 0.05 150);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600}
.sbacc33e{width:68px;height:68px;border-radius:20px;background:oklch(0.60 0.15 150);color:#fff;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:600}
.sfe3245b{width:68px;height:68px;border-radius:20px;background:oklch(0.60 0.15 15);color:#fff;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:600}
.sc05e862{width:68px;height:68px;border-radius:20px;background:oklch(0.60 0.15 260);color:#fff;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:600}
.s3d3a802{width:68px;height:68px;border-radius:20px;background:oklch(0.82 0.14 85);color:#1B1A18;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:600}
.se29140c{width:68px;height:68px;border-radius:20px;background:oklch(0.93 0.05 15);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600}
.s36cb2a2{width:68px;height:68px;border-radius:20px;background:oklch(0.60 0.15 210);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:600}
.s22dbf36{width:68px;height:68px;border-radius:20px;background:oklch(0.93 0.05 45);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600}
.s406a6ac{width:68px;height:68px;border-radius:20px;background:oklch(0.60 0.15 320);color:#fff;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:600}
.sc1bc0f4{width:68px;height:68px;border-radius:20px;background:oklch(0.60 0.15 210);color:#fff;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:600}
.s62b6adf{padding:112px 24px}
.sffd4f8d{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:56px}
.s359dc0e{display:flex;flex-direction:column;gap:16px;max-width:640px}
.s11d7d90{margin:0;font-family:'Outfit',sans-serif;font-weight:600;font-size:clamp(34px,4.4vw,54px);line-height:1.05;letter-spacing:-0.035em;text-wrap:balance}
.scc94557{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.scb29959{display:flex;flex-direction:column;gap:20px}
.sdf28415{width:250px;max-width:100%;padding:8px;border-radius:48px;background:#0E0E10;box-shadow:0 30px 60px -30px rgba(40,20,90,.4)}
.s2ca5867{font-family:'Outfit',sans-serif;font-size:24px;font-weight:600;letter-spacing:-0.02em}
.s443a885{font-size:16px;line-height:1.55;color:#5E5C57;max-width:320px}
.se514b1c{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:48px}
.s0a13f4a{display:flex;flex-direction:column;gap:16px;max-width:720px}
.s2163f34{margin:0;font-size:18px;line-height:1.55;color:#5E5C57}
.s1cf4384{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1px;background:rgba(27,26,24,.1);border-radius:28px;overflow:hidden;box-shadow:0 0 0 1px rgba(27,26,24,.1)}
.s1a9a3d5{background:#fff;padding:32px;display:flex;flex-direction:column;gap:10px}
.s2c8b63c{font-size:20px;font-weight:600;letter-spacing:-0.01em}
.sdaa91d6{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:56px;align-items:center}
.s209ee95{margin:0;font-size:18px;line-height:1.55;color:#5E5C57;max-width:520px}
.se0c3aa1{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.se3e3ef4{height:54px;padding:0 24px;border-radius:16px;border:none;background:oklch(0.52 0.19 288);color:#fff;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer}
.s368b294{font-size:16px;font-weight:600;text-decoration:none;padding:0 8px}
.s2a9495e{position:relative}
.s2476c93{position:absolute;inset:-40px;border-radius:50%;background:radial-gradient(circle,oklch(0.6 0.22 295 / .22),oklch(0.78 0.15 60 / .12) 45%,transparent 70%);filter:blur(24px);animation:sq-glow 9s ease-in-out infinite;pointer-events:none}
.s1fe9409{position:relative;background:#131315;border-radius:24px;box-shadow:0 30px 60px -30px rgba(40,20,90,.5);overflow:hidden}
.s452bcb2{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.08);font-family:'JetBrains Mono',monospace;font-size:12px;color:#8F8D87}
.sa2d713e{margin:0;padding:20px;height:300px;overflow:hidden;font-family:'JetBrains Mono',monospace;font-size:13px;line-height:1.65;color:#D6D4CE;white-space:pre-wrap;mask-image:linear-gradient(#000 70%,transparent);-webkit-mask-image:linear-gradient(#000 70%,transparent)}
.s53e4ee4{background:#0C0C0E;color:#EDECE8;position:relative;overflow:hidden}
.s9dacf8b{position:absolute;right:-120px;top:50%;margin-top:-300px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,oklch(0.6 0.22 295 / .45),oklch(0.78 0.15 60 / .18) 45%,transparent 70%);filter:blur(30px);animation:sq-glow 8s ease-in-out infinite;pointer-events:none}
.sd4bfaed{max-width:1200px;margin:0 auto;padding:112px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:56px;align-items:center;position:relative}
.s409cffa{display:flex;flex-direction:column;gap:24px}
.s050f317{font-family:'JetBrains Mono',monospace;font-size:12px;color:oklch(0.78 0.13 288)}
.sc2a2b03{display:flex;flex-direction:column;gap:18px;font-size:17px;line-height:1.5;color:#C9C7C1}
.sae9cdaf{color:#fff;font-weight:600}
.s9fbf0d7{align-self:flex-start;font-size:16px;font-weight:600;color:oklch(0.80 0.12 288);text-decoration:none}
.s9af1c6a{display:flex;justify-content:center}
.s4b359cc{width:280px;padding:9px;border-radius:52px;background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 40px 80px -30px rgba(120,80,255,.45);animation:sq-float 8s ease-in-out infinite}
.s7235057{display:block;width:100%;border-radius:43px}
.s86413cf{width:100%;max-width:520px;border-radius:32px;box-shadow:0 30px 60px -30px rgba(0,0,0,.25)}
.sfb36c0a{font-size:16px;font-weight:600;text-decoration:none}
.s3faa78b{margin:0;font-family:'Outfit',sans-serif;font-weight:600;font-size:clamp(34px,4.4vw,54px);line-height:1.05;letter-spacing:-0.035em}
.sd2db848{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px}
.s01d5b97{background:#fff;border-radius:28px;padding:36px;display:flex;flex-direction:column;gap:22px;box-shadow:0 0 0 1px rgba(27,26,24,.1)}
.s67c6459{display:flex;flex-direction:column;gap:6px}
.s3cb9b6d{font-family:'Outfit',sans-serif;font-size:30px;font-weight:600;letter-spacing:-0.03em}
.s1601ca2{font-size:15px;color:#5E5C57}
.scf59ade{display:flex;flex-direction:column;gap:12px;font-size:16px}
.s35ceed7{display:flex;gap:10px;align-items:flex-start}
.s7fc2181{flex:none;margin-top:2px}
.s2c25449{background:#131315;color:#EDECE8;border-radius:28px;padding:36px;display:flex;flex-direction:column;gap:22px;position:relative;overflow:hidden}
.s887549a{position:absolute;right:-120px;top:-120px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,oklch(0.6 0.22 295 / .5),oklch(0.78 0.15 60 / .2) 45%,transparent 70%);filter:blur(20px);animation:sq-glow 7s ease-in-out infinite}
.s82681d7{display:flex;flex-direction:column;gap:6px;position:relative}
.sa66640d{font-size:15px;color:#A8A6A0}
.s3c332b3{display:flex;flex-direction:column;gap:16px;font-size:16px;position:relative}
.s2a7b635{display:flex;flex-direction:column;gap:3px}
.s6e8bcfa{font-weight:600}
.sa4c86ad{font-size:14px;line-height:1.5;color:#A8A6A0}
.sbc778e7{max-width:1200px;margin:0 auto;border-radius:32px;background:#EFEDE8;padding:56px 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:40px;align-items:center;position:relative;overflow:hidden}
.s81dc295{display:flex;flex-direction:column;gap:16px;position:relative}
.s7d03d9f{align-self:flex-start;font-family:'JetBrains Mono',monospace;font-size:12px;padding:6px 10px;border-radius:8px;background:#fff;color:#5E5C57}
.sf0f9918{margin:0;font-family:'Outfit',sans-serif;font-weight:600;font-size:clamp(30px,3.6vw,44px);line-height:1.05;letter-spacing:-0.03em}
.s41272bc{margin:0;font-size:17px;line-height:1.55;color:#5E5C57;max-width:480px}
.s904834b{display:grid;grid-template-columns:repeat(4,64px);gap:16px;justify-content:center;position:relative}
.s8c85942{width:64px;height:64px;border-radius:19px;background:oklch(0.60 0.15 260);color:#fff;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:600;opacity:1}
.sd09ac58{width:64px;height:64px;border-radius:19px;background:oklch(0.93 0.05 320);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;opacity:0.55}
.s42576f6{width:64px;height:64px;border-radius:19px;background:oklch(0.60 0.15 45);color:#fff;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:600;opacity:1}
.s2d27b6b{width:64px;height:64px;border-radius:19px;background:oklch(0.93 0.05 85);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;opacity:1}
.sf0911e4{width:64px;height:64px;border-radius:19px;background:oklch(0.60 0.15 150);color:#fff;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:600;opacity:0.55}
.s3942e5f{width:64px;height:64px;border-radius:19px;background:oklch(0.60 0.15 15);color:#fff;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:600;opacity:1}
.sa561e56{width:64px;height:64px;border-radius:19px;background:oklch(0.93 0.05 210);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;opacity:1}
.s16ab00b{width:64px;height:64px;border-radius:19px;background:oklch(0.82 0.14 85);color:#1B1A18;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:600;opacity:0.55}
.sb7e6fe2{position:absolute;left:50%;top:50%;margin:-320px 0 0 -320px;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,oklch(0.6 0.22 295 / .45),oklch(0.78 0.15 60 / .18) 45%,transparent 70%);filter:blur(30px);animation:sq-glow 8s ease-in-out infinite;pointer-events:none}
.s2b3a112{max-width:720px;margin:0 auto;padding:120px 24px;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;position:relative}
.s50e0d85{width:140px;animation:sq-float 7s ease-in-out infinite}
.s9f04355{margin:0;font-family:'Outfit',sans-serif;font-weight:600;font-size:clamp(36px,5vw,60px);line-height:1.02;letter-spacing:-0.04em}
.s6f92b7b{margin:0;font-size:18px;color:#B4B2AC}
.sc1f68d8{display:flex;flex-direction:column;gap:10px;width:100%;max-width:480px}
.s086ccf9{display:flex;gap:8px;width:100%;flex-wrap:wrap}
.sd001f86{flex:1;min-width:220px;height:54px;border-radius:16px;border:none;background:#1D1D20;color:#EDECE8;padding:0 18px;font-size:16px;font-family:inherit;outline:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.s50a2c43{height:54px;padding:0 22px;border-radius:16px;border:none;background:oklch(0.76 0.13 288);color:#17132B;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer}
.s8b994e3{border:0;margin:0;padding:0;min-width:0}
.s9d8fd68{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:16px;background:#1D1D20;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.sab79ea2{margin:0}
.s8c2185b{padding:16px 22px;border-radius:16px;background:#1D1D20;font-size:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.sab97323{background:#0C0C0E;color:#EDECE8;position:relative;overflow:hidden;flex:1}
.sd6144b9{position:absolute;left:50%;top:40px;margin-left:-340px;width:680px;height:680px;border-radius:50%;background:radial-gradient(circle,oklch(0.6 0.22 295 / .5),oklch(0.78 0.15 60 / .2) 45%,transparent 70%);filter:blur(30px);animation:sq-glow 8s ease-in-out infinite;pointer-events:none}
.sf83562e{max-width:640px;margin:0 auto;padding:80px 24px 112px;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;position:relative}
.s8a2a67f{width:200px;animation:sq-float 7s ease-in-out infinite}
.sef94621{margin:0;font-family:'Outfit',sans-serif;font-weight:600;font-size:clamp(42px,5.6vw,68px);line-height:1.02;letter-spacing:-0.04em;text-wrap:balance}
.sa58e9cd{margin:0;font-size:18px;line-height:1.55;color:#B4B2AC;max-width:480px}
.s60f1e1e{width:100%;display:flex;flex-direction:column;gap:14px;margin-top:8px;text-align:left}
.s3f70c3c{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;color:#C9C7C1}
.s8ac3326{height:56px;border-radius:16px;border:none;background:#1D1D20;color:#EDECE8;padding:0 18px;font-size:16px;font-family:inherit;outline:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.s86bc920{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;color:#C9C7C1;border:0;margin:0;padding:0;min-width:0}
.s69595ac{padding:0;margin-bottom:8px}
.sebe7f39{margin:0;text-align:center}
.s2329976{height:56px;border-radius:16px;border:none;background:oklch(0.76 0.13 288);color:#17132B;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;margin-top:6px}
.sa4a6213{font-size:13px;color:#8F8D87;text-align:center}
.sbeefac9{color:#C9C7C1}
.sa62894d{width:100%;padding:28px;border-radius:24px;background:#1D1D20;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);display:flex;flex-direction:column;gap:8px;animation:sq-fade .5s ease-out both}
.s0948664{font-family:'Outfit',sans-serif;font-size:26px;font-weight:600;letter-spacing:-0.02em}
.s03bd05b{color:#EDECE8}
.sd5cad77{font-size:16px;font-weight:600;color:oklch(0.80 0.12 288);text-decoration:none}
.sec44d69{padding:96px 24px 112px}
.sc24f49a{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}
.s18ed5eb{background:#fff;border-radius:28px;padding:32px;display:flex;flex-direction:column;gap:10px;box-shadow:0 0 0 1px rgba(27,26,24,.1)}
.s5b22345{font-size:15px;line-height:1.6;color:#5E5C57}
.s60968a3{background:#131315;color:#EDECE8;border-radius:28px;padding:32px;display:flex;flex-direction:column;gap:10px}
.sb310c7f{font-size:15px;line-height:1.6;color:#A8A6A0}
.s7713cbe{background:#EFEDE8;border-radius:28px;padding:32px;display:flex;flex-direction:column;gap:10px}
.sb346f63{max-width:1200px;margin:0 auto;padding:80px 24px 112px;display:flex;flex-wrap:wrap;gap:48px;width:100%;box-sizing:border-box}
.s50e0f41{display:flex;flex-direction:column;gap:12px;font-size:15px;flex:0 0 220px}
.sea86fd9{text-decoration:none;color:#1B1A18;font-weight:600}
.s6ca283f{flex:1 1 480px;max-width:720px;display:flex;flex-direction:column;gap:64px}
.s13990c4{margin:0;font-family:'Outfit',sans-serif;font-weight:600;font-size:clamp(36px,4.6vw,56px);letter-spacing:-0.035em;line-height:1.05}
.s890541a{font-size:14px;color:#8C8A84}
.s3bdbeab{margin:0;font-size:16px;line-height:1.7;color:#4A4844;text-wrap:pretty}
.s0fbf9e8{display:flex;flex-direction:column;gap:8px}
.sd73e9f8{margin:0;font-size:19px;font-weight:600}
.s7c0b2e4{font-size:16px;line-height:1.7;color:#4A4844}
.s19cf806{margin:0;padding-top:24px;border-top:1px solid rgba(27,26,24,.1);font-size:14px;color:#8C8A84}
.s6d215bb{position:absolute;right:6%;top:50%;margin-top:-260px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,oklch(0.6 0.22 295 / .55),oklch(0.78 0.15 60 / .2) 48%,transparent 70%);filter:blur(30px);animation:sq-glow 8s ease-in-out infinite;pointer-events:none}
.s64043c5{max-width:1200px;margin:0 auto;padding:96px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:40px;align-items:center;position:relative}
.s216efdc{display:flex;flex-direction:column;gap:22px;animation:sq-fade .8s ease-out both}
.sf406f75{margin:0;font-size:19px;line-height:1.55;color:#B4B2AC;max-width:540px}
.sdaf636a{width:min(380px,80%);animation:sq-float10 7s ease-in-out infinite}
.sb5b7646{padding:96px 24px}
.s10c8757{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.s9378db8{background:#fff;border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:12px;box-shadow:0 0 0 1px rgba(27,26,24,.1)}
.s9316138{width:250px;padding:8px;border-radius:48px;background:#0E0E10;box-shadow:0 30px 60px -30px rgba(40,20,90,.4);animation:sq-float10 8s ease-in-out 1.5s infinite}
.se2ca04a{padding:72px 24px 112px;border-top:1px solid rgba(27,26,24,.08)}
.s40e00e2{margin:0;font-family:'Outfit',sans-serif;font-weight:600;font-size:clamp(30px,3.8vw,46px);letter-spacing:-0.035em}
.sfdca782{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:0 48px}
.s16927db{padding:22px 0;border-top:1px solid rgba(27,26,24,.1);display:flex;flex-direction:column;gap:6px}
.s645c77d{font-size:17px;font-weight:600}
.se89e81c{position:absolute;left:-200px;top:-160px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,oklch(0.6 0.22 295 / .22),oklch(0.78 0.15 60 / .12) 45%,transparent 70%);filter:blur(30px);animation:sq-glow 9s ease-in-out infinite;pointer-events:none}
.s5cfd568{max-width:1200px;margin:0 auto;padding:96px 24px 72px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:48px;align-items:center;position:relative}
.s9456fe9{margin:0;font-size:19px;line-height:1.55;color:#5E5C57;max-width:520px}
.sddf1474{display:flex;flex-direction:column;gap:16px;align-items:center}
.s4a2614a{width:100%;max-width:520px;border-radius:32px;box-shadow:0 30px 60px -30px rgba(0,0,0,.25);animation:sq-tap 4s ease-in-out infinite}
.s39270e0{padding:24px 24px 96px}
.sfacc6aa{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.s1405d90{font-size:20px;font-weight:600}
.sdcf86d1{position:absolute;left:50%;top:-200px;margin-left:-300px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,oklch(0.6 0.22 295 / .4),oklch(0.78 0.15 60 / .16) 45%,transparent 70%);filter:blur(30px);animation:sq-glow 8s ease-in-out infinite;pointer-events:none}
.s0fa4e50{max-width:1200px;margin:0 auto;padding:96px 24px;display:flex;flex-direction:column;gap:56px;position:relative}
.s6a2b946{margin:0;font-family:'Outfit',sans-serif;font-weight:600;font-size:clamp(30px,3.8vw,46px);letter-spacing:-0.035em;text-align:center}
.s0e45858{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:56px}
.se4190bd{display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center}
.sb1b66ff{width:260px;padding:8px;border-radius:50px;background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 40px 80px -30px rgba(120,80,255,.4);animation:sq-float10 8s ease-in-out infinite}
.s482a34e{display:block;width:100%;border-radius:42px}
.s098a61c{font-size:16px;line-height:1.55;color:#B4B2AC;max-width:380px}
.s968ecf0{width:260px;padding:8px;border-radius:50px;background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 40px 80px -30px rgba(120,80,255,.4);animation:sq-float10 8s ease-in-out 1.5s infinite}
.s8afc6de{font-family:'JetBrains Mono',monospace;font-size:12px;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.14);color:#C9C7C1}
.s54b4f3e{width:100%;max-width:520px;border-radius:32px;box-shadow:0 30px 60px -30px rgba(0,0,0,.35)}
.sce8c9a9{margin:0;font-size:17px;line-height:1.6;color:#5E5C57;max-width:480px}
.s926a60c{align-self:flex-start;height:54px;padding:0 24px;border-radius:16px;background:oklch(0.52 0.19 288);color:#fff;display:flex;align-items:center;font-size:16px;font-weight:600;text-decoration:none}
/* Rules the design had no inline style for: behaviour that used to live in
   React state, accessibility, and the mobile treatments derived from the
   design. Loaded after the generated classes, so equal specificity wins. */

.visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.skip-link { position: absolute; left: 12px; top: -60px; z-index: 10; padding: 10px 14px; border-radius: 10px; background: #1B1A18; color: #fff; font-weight: 600; text-decoration: none; }
.skip-link:focus { top: 12px; color: #fff; }
:focus-visible { outline: 2px solid oklch(0.52 0.19 288); outline-offset: 2px; }
.on-dark :focus-visible { outline-color: oklch(0.80 0.12 288); }

/* Nav: the active link carries aria-current; its underline is the design's span. */
.nav-links a[aria-current="page"] { color: #1B1A18; }

/* FAQ: native <details>, one open at a time through the name attribute. The
   design's chip shows + when closed and − when open. */
.faq-item > summary { list-style: none; }
.faq-item > summary::-webkit-details-marker { display: none; }
.faq-item .faq-chip::before { content: '+'; }
.faq-item[open] .faq-chip::before { content: '\2212'; }
.faq-item[open] .faq-chip { background: oklch(0.52 0.19 288); color: #fff; }

/* Waitlist: the phone choice is three radio buttons drawn as the design's
   segmented control, so it works without JavaScript. */
.seg { position: relative; display: block; }
.seg input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.seg span { height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 600; color: #C9C7C1; background: transparent; }
.seg input:checked + span { background: #EDECE8; color: #131315; }
.seg input:focus-visible + span { outline: 2px solid oklch(0.80 0.12 288); outline-offset: 2px; }
.form-error { color: #FFB4A8; font-size: 14px; }
.form-error:empty { display: none; }
.done[hidden], form[hidden] { display: none; }
input::placeholder { color: #8F8D87; }

/* The copy buttons do nothing without JavaScript, so they show only with it. */
.needs-js { display: none; }
.js .needs-js { display: revert; }

/* Long legal text: links inside paragraphs. */
.legal-body a { color: oklch(0.52 0.19 288); }
.legal-body ul { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 6px; }

/* Mobile (derived; the design has no phone layout of its own). */
@media (max-width: 720px) {
  .nav-inner { gap: 10px 12px; padding: 12px 16px; }
  .nav-links { order: 3; width: 100%; margin-left: 0; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: -12px -16px; }
  .nav-links::-webkit-scrollbar { display: none; }
  .nav-links a { white-space: nowrap; }
  .nav-cta { margin-left: auto; height: 38px; padding: 0 14px; font-size: 14px; }

  /* Home hero: the three tilted phones shrink to fit a phone screen. */
  .hero-inner { padding: 48px 16px 64px; }
  .hero-phones { height: 420px; }
  .hero-phone-side { width: 150px; top: 54px; }
  .hero-phone-mid { width: 170px; margin-left: -85px; }

  .section-pad { padding-left: 16px; padding-right: 16px; }
  .wide-card { padding: 40px 24px; }
  .claims-grid { grid-template-columns: 1fr; }
  .hp-form .seg-row { grid-template-columns: repeat(3, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; }
}
