:root {
  color-scheme:light;
  --bg:#fff;--bg-soft:#faf9fa;--ink:#10181d;--muted:#495662;--line:#e6e3e7;
  --panel:#ffffffeb;--panel-solid:#fff;--action:#c91830;--action-hover:#ad1027;--red:#d91c35;
  --soft:#fdebf0;--intro:#fffafb;--trail-a:#fff4f5;--trail-b:#fcdee4;--trail-c:#fc9eaf;--shadow:0 5px 20px #3d202608;
  font:16px/1.5 Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);
}
:root[data-theme=dark] {
  color-scheme:dark;
  --bg:#10191e;--bg-soft:#141e24;--ink:#f5f7f8;--muted:#c3cbd1;--line:#324047;
  --panel:#202a30e8;--panel-solid:#202b31;--action:#cd2036;--action-hover:#ab1429;--red:#ff4258;
  --soft:#46222c;--intro:#10191e;--trail-a:#281a22;--trail-b:#552031;--trail-c:#bf2442;--shadow:0 6px 22px #070e141c;
}
* {box-sizing:border-box}
body,h1,h2,h3,p,ul {margin:0}body {min-width:0}
ul {list-style:none;padding:0}button,input {font:inherit}button,a {touch-action:manipulation}
button {cursor:pointer;color:inherit}a {color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible {outline:3px solid var(--red);outline-offset:3px}
[hidden] {display:none!important}
.icon {display:inline-block;width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.wrap {width:min(88%,1290px);margin-inline:auto}
.skip {position:fixed;left:8px;top:6px;z-index:10;transform:translateY(-140%);background:var(--panel-solid);padding:9px}.skip:focus {transform:none}
.site-head {position:relative;background:var(--panel-solid);border-bottom:1px solid var(--line);z-index:5}
.head-inner,.head-actions,.brand,.main-nav,.btn,.round,.footer-inner {display:flex;align-items:center}
.head-inner {min-height:76px;justify-content:space-between;gap:20px}
.brand {gap:8px;flex:none;font-size:clamp(23px,1.9vw,30px);font-weight:760;line-height:1;letter-spacing:-.065em}
.brand .icon {font-size:1.43em;color:var(--red);stroke-width:2}.red {color:var(--red)}
.main-nav {gap:clamp(15px,2.15vw,34px)}.main-nav a {font-size:14px;font-weight:590;white-space:nowrap;padding-block:12px}
.main-nav a:hover,.footer-inner>a:not(.brand):hover {color:var(--red)}
.head-actions {gap:12px;flex:none}
.btn {justify-content:center;gap:10px;border:1px solid transparent;border-radius:11px;min-height:48px;padding:10px 23px;font-size:15px;font-weight:650;letter-spacing:-.015em;line-height:1.2}
.btn.primary {background:var(--action);color:#fff;border-color:#b71b31}.btn.primary:hover {background:var(--action-hover)}
.btn.secondary {border-color:var(--line);background:var(--panel);box-shadow:var(--shadow)}.btn.secondary:hover {border-color:var(--red)}
.btn .icon {font-size:19px}.secondary .icon {color:var(--red)}
.round {border:1px solid var(--line);background:var(--panel-solid);justify-content:center;gap:7px;min-height:44px;min-width:44px;border-radius:24px;padding:0 10px;font-size:21px}
.theme-picker {position:relative}.theme-trigger .icon:nth-child(3) {width:13px;color:var(--muted)}
.theme-trigger .icon:nth-child(2),[data-theme=dark] .theme-trigger .icon:first-child {display:none}
[data-theme=dark] .theme-trigger .icon:nth-child(2) {display:block}
.theme-choices {position:absolute;right:0;top:calc(100% + 6px);width:156px;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--panel-solid);box-shadow:var(--shadow);z-index:4}
.theme-choices button {display:flex;align-items:center;gap:9px;border:0;background:transparent;width:100%;min-height:40px;padding:7px 10px;border-radius:7px;font-size:14px}
.theme-choices [aria-pressed=true] {background:var(--soft);color:var(--red)}.theme-choices button:hover {background:var(--bg-soft)}
.nav-trigger,.mobile-login,.theme-picker {display:none}.js .theme-picker {display:block}
.intro {position:relative;isolation:isolate;background:linear-gradient(115deg,var(--bg) 7%,var(--intro) 83%);padding-bottom:12px}
.trails {position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.hero {display:grid;grid-template-columns:minmax(0,1.44fr) minmax(0,1fr) minmax(182px,.64fr);align-items:center;gap:clamp(15px,2.4vw,42px);padding:clamp(25px,3vw,52px) 0 clamp(27px,2.8vw,48px)}
.eyebrow {display:inline-block;background:var(--soft);color:var(--red);padding:4px 13px;border-radius:99px;font-size:13px;line-height:1.4;font-weight:650}
h1,h2,h3 {line-height:1.12;text-wrap:balance}
.hero h1 {font-size:clamp(39px,3.63vw,61px);font-weight:750;letter-spacing:-.058em;line-height:1.015;margin:10px 0 14px;text-wrap:initial}
.hero h1 em {font-style:normal;color:var(--red)}
.hero-lead,.section-lead {color:var(--muted);line-height:1.46}.hero-lead {max-width:44ch;font-size:clamp(16px,1.28vw,20px)}
.hero-actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:23px}.hero-actions .primary {min-width:clamp(130px,12vw,178px)}
.hero-art {display:grid;place-items:center;min-width:0;isolation:isolate}
.hero-art img {display:block;width:103%;max-width:445px;height:auto;filter:drop-shadow(4px 15px 12px #a5102921);transform:translateY(-3%)}
[data-theme=dark] .hero-art img {filter:drop-shadow(0 15px 20px #9e15384d)}
.signals {display:grid;gap:11px}.signals li,.feature-grid article {display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);background:var(--panel)}
.signals li {padding:11px clamp(12px,1.55vw,24px);min-height:66px;background:color-mix(in srgb,var(--panel-solid) 83%,transparent)}
.signals span {font-size:clamp(14px,1.12vw,18px);font-weight:640;line-height:1.22;letter-spacing:-.02em}
.signals .icon,.benefits .icon,.feature-grid .icon,.protocols .icon {color:var(--red);font-size:clamp(25px,2vw,32px)}
.benefits {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:20px 6px}
.benefits li {display:flex;align-items:center;justify-content:center;gap:clamp(9px,1.2vw,21px);font-size:clamp(13px,1.02vw,16px);line-height:1.32;font-weight:530;letter-spacing:-.012em;padding:0 10px}
.benefits li+li {border-left:1px solid var(--line)}
.features {padding:28px 0 clamp(35px,4.5vw,76px)}
h2 {font-weight:720;font-size:clamp(25px,2.1vw,36px);letter-spacing:-.045em}
h3 {font-weight:670;font-size:clamp(16px,1.2vw,20px);letter-spacing:-.03em}
.feature-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}
.feature-grid article {align-items:flex-start;gap:13px;padding:clamp(15px,1.45vw,24px);background:var(--panel-solid)}
.feature-grid article p,.protocols article p {font-size:14px;line-height:1.48;color:var(--muted);margin-top:7px}
.integration-band {border-block:1px solid var(--line);background:var(--bg-soft)}
.integration-grid {display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:clamp(28px,7vw,110px);padding-block:clamp(38px,4.4vw,76px)}
.section-lead {margin:15px 0 18px;max-width:57ch;font-size:17px}
.text-link {display:inline-flex;align-items:center;gap:9px;color:var(--red);font-weight:600;padding-block:6px}.text-link:hover {text-decoration:underline}
.protocols {border:1px solid var(--line);background:var(--panel-solid);border-radius:16px;padding:3px 21px}
.protocols article {display:flex;align-items:flex-start;gap:15px;padding:18px 0}.protocols article+article {border-top:1px solid var(--line)}
code {font-family:Consolas,"Courier New",monospace;font-size:.93em}
footer {border-top:1px solid var(--line)}.footer-inner {flex-wrap:wrap;gap:22px;min-height:80px;padding-block:16px}.footer-inner>span,.footer-inner>a:not(.brand) {font-size:13px;color:var(--muted)}.footer-inner>span {margin-right:auto}
.docs {padding-block:32px 54px;max-width:890px}.docs h1 {font-size:clamp(34px,5vw,56px);letter-spacing:-.052em;margin:15px 0}.docs h2 {font-size:clamp(22px,2.1vw,30px)}
.docs section {margin-top:28px;border-top:1px solid var(--line);padding-top:23px}
.docs section p {margin:12px 0;color:var(--muted)}.docs pre {padding:17px 19px;overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft);margin:14px 0;font-size:14px}
.auth-page {
  min-height:100vh;min-height:100svh;display:flex;flex-direction:column;
  background:linear-gradient(145deg,var(--bg),var(--bg-soft));
}
.auth-main {flex:1;display:grid;place-items:center;padding:clamp(28px,6vh,72px) 20px}
.auth-panel {
  width:min(100%,960px);display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);
  overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--panel-solid);
  box-shadow:0 18px 64px #35141b0d,0 2px 7px #35141b08;
}
.auth-art {
  position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;
  grid-template:minmax(0,1fr) / minmax(0,1fr);
  background:radial-gradient(ellipse at 75% 35%,var(--intro),transparent 68%),linear-gradient(150deg,var(--bg-soft),var(--trail-a) 55%,var(--trail-b));
}
.auth-art::before,.auth-art::after {
  content:"";position:absolute;z-index:-1;left:-55%;bottom:15%;width:185%;height:78%;
  border-bottom:16px solid var(--trail-b);border-radius:50%;transform:rotate(-27deg);
}
.auth-art::after {bottom:21%;left:-46%;border-bottom-width:2px;border-color:var(--trail-c);opacity:.55}
.auth-art img {display:block;width:83%;height:auto;filter:drop-shadow(0 18px 15px #83071a26)}
.auth-content {align-self:center;min-width:0;padding:clamp(32px,4.6vw,60px)}
.auth-content h1 {font-size:clamp(32px,3.2vw,46px);line-height:1.06;letter-spacing:-.05em;margin-bottom:30px}
.auth-form {display:grid}
.auth-form label {font-weight:600;font-size:14px;margin-bottom:6px}
.auth-form input {
  width:100%;min-width:0;min-height:48px;padding:10px 14px;margin:0;
  color:var(--ink);background:var(--bg);border:1px solid color-mix(in srgb,var(--muted) 40%,var(--line));border-radius:9px;
}
.auth-form input + label {margin-top:18px}
.auth-form input:focus {border-color:var(--red);outline:2px solid var(--red);outline-offset:2px}
.auth-form .btn {margin-top:24px;width:100%}
.auth-error {margin:0 0 20px;padding:11px 14px;background:var(--soft);border-inline-start:3px solid var(--red);border-radius:6px;color:var(--ink);font-size:14px}
.auth-help {border-top:1px solid var(--line);margin-top:24px;padding-top:12px;font-size:14px;color:var(--muted)}
.auth-help summary {width:fit-content;padding-block:5px;cursor:pointer}
.auth-help summary:focus-visible {outline:2px solid var(--red);outline-offset:2px}
.auth-help p {margin:6px 0 2px;overflow-wrap:anywhere}
.auth-page footer {background:var(--panel-solid)}
@media(max-width:700px) {
  .auth-main {align-items:start;padding:24px 16px}
  .auth-panel {max-width:440px;grid-template-columns:minmax(0,1fr);border-radius:16px}
  .auth-art {height:clamp(96px,17svh,150px)}
  .auth-art img {width:100%;height:100%;min-height:0;object-fit:contain;padding:8px}
  .auth-content {padding:24px clamp(20px,6vw,32px)}
  .auth-content h1 {font-size:32px;margin-bottom:22px}
  .auth-content .auth-help {margin-top:20px}
}
@media(max-width:1100px) {
  .wrap {width:92%}.head-inner {gap:14px}.main-nav {gap:15px}.main-nav a {font-size:13px}
  .hero {grid-template-columns:minmax(0,1.38fr) minmax(0,.86fr) minmax(156px,.59fr);gap:15px}
  .signals li {gap:10px;padding:10px 13px;min-height:60px}
  .feature-grid article {gap:9px;padding:14px}.head-login {padding-inline:16px}
}
@media(max-width:900px) {
  .head-inner {min-height:62px;flex-wrap:wrap}.head-actions {margin-left:auto;gap:8px}.head-login {display:none}
  .main-nav {width:100%;order:3;display:grid;grid-template-columns:repeat(2,1fr);gap:0;background:var(--panel-solid);padding:8px}
  .main-nav a {padding:10px;font-size:14px}.main-nav .mobile-login {display:flex;align-items:center;gap:6px;color:var(--red)}
  .js .main-nav {display:none;position:absolute;left:0;top:100%;border-bottom:1px solid var(--line);box-shadow:0 8px 15px #0001}
  .js .main-nav.open {display:grid}.js .nav-trigger {display:flex;color:var(--red)}
  .hero {grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:16px}.hero-art img {width:88%}
  .signals {grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.signals li {min-height:58px;padding:8px;gap:7px}
  .signals span {font-size:13px}.signals .icon {font-size:21px}
  .benefits {padding:15px 2px}.benefits li {gap:8px;font-size:12px}.benefits .icon {font-size:21px}
  .feature-grid {grid-template-columns:repeat(2,minmax(0,1fr))}.integration-grid {gap:25px}
}
@media(max-width:620px) {
  .wrap {width:calc(100% - 36px)}.head-inner {min-height:59px}.brand {font-size:23px}.brand .icon {font-size:31px}
  .theme-trigger .icon:nth-child(3) {display:none}.round {padding:0;min-width:44px;background:var(--bg-soft)}
  .hero {grid-template-columns:minmax(0,1fr);gap:0;padding:23px 0 10px}
  .hero-copy {max-width:460px}.eyebrow {font-size:12px;padding:4px 12px}
  .hero h1 {font-size:clamp(30px,7.7vw,45px);letter-spacing:-.053em;line-height:1.04;margin:10px 0}
  .hero-lead {font-size:16px;max-width:38ch}.hero-actions {display:grid;gap:8px;margin-top:18px}
  .hero-art {justify-items:end;padding:8px 7% 5px}.hero-art img {width:clamp(140px,43vw,209px);transform:none}
  .intro {overflow:clip}.trails {top:205px;height:310px;inset-inline:0}
  .signals {grid-column:auto;gap:7px}.signals li {min-height:56px;padding:9px 10px;border-radius:12px}.signals .icon {font-size:21px}
  .benefits {grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 0;padding:14px 0;border-radius:14px}
  .benefits li {justify-content:flex-start;gap:8px;padding-inline:12px}.benefits li:nth-child(3){border-left:0}
  .features {padding:25px 0 32px}.feature-grid {gap:9px;margin-top:12px}
  .feature-grid article {display:block;padding:13px;border-radius:12px}.feature-grid .icon {font-size:25px;margin-bottom:8px}
  .feature-grid h3 {font-size:16px}.feature-grid p {font-size:13px}
  .integration-grid {grid-template-columns:minmax(0,1fr);gap:17px;padding-block:30px}.section-lead {font-size:16px;margin-block:10px}
  .protocols {padding-inline:14px}.footer-inner {gap:9px 17px}.footer-inner>span {margin:0}
  .docs {padding-block:20px 35px}.docs pre {white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;padding:12px}
}
@media(max-width:350px) {.wrap {width:calc(100% - 26px)}.signals li {padding-inline:7px;gap:4px}.feature-grid {grid-template-columns:1fr}.feature-grid article {display:flex}}
@media(max-width:480px) {
  .signals {grid-template-columns:1fr}.signals li {padding:9px 16px;gap:14px;min-height:52px}
  .signals span {font-size:14px}
}