/* Doveron system view: charcoal, electric blue, independent control. */
.electric-theme{--ink:#f0f3f8;--muted:#99a3b3;--line:#29313c;--blue:#3885ff;--surface:#10151d;background:#090c10;color:var(--ink)}.electric-theme .header{background:#090c10;border-color:#ffffff08}.electric-theme .tech-header>.nav{background:#07090ceF;border-color:#252b33;border-radius:12px}.electric-theme .brand-dot{color:#458aff}.electric-theme .brand-mark,.electric-theme .tech-header .brand-mark{background:#2872ff;color:#fff}.electric-theme nav{color:#c4cbd4}.electric-theme nav a:hover,.electric-theme nav [aria-current]{color:#72b2ff}.electric-theme .tech-header .nav-cta,.electric-theme .button.dark,.electric-theme .hero-actions .dark,.electric-theme .button.primary{background:#f5f7fc;color:#0e1622;border-color:#c8d4e9;border-radius:8px}.electric-theme .button.dark:hover,.electric-theme .hero-actions .dark:hover{background:#dfeeff;box-shadow:0 0 28px #3479ff20}.electric-theme .tech-hero{background:#090c10;overflow:hidden}.electric-theme .tech-hero .aurora{background:radial-gradient(ellipse at 50% 10%,#1049ac28,transparent 50%),radial-gradient(ellipse at 80% 75%,#18459317,transparent 38%),#090c10;animation:none}.electric-theme .tech-hero .hero-grid{min-height:0;padding-top:64px;padding-bottom:65px}.electric-theme .tech-hero .hero-copy h1{color:#f4f5f8;font-weight:500;font-size:clamp(44px,5.4vw,78px);line-height:1.06}.electric-theme .gradient-text,.electric-theme .tech-hero .hero-copy .gradient-text{background-image:linear-gradient(105deg,#66d5ff 5%,#4091ff 48%,#3057ff 90%);background-size:140% 100%}.electric-theme .hero-copy>p{color:#9ca6b6;max-width:730px;font-size:18px}.electric-theme .hero-note{color:#737e8f;font-size:13px}.electric-theme .kicker,.electric-theme .small-note{color:#8e9caf}.electric-theme .hero-copy .kicker{font-size:12px;letter-spacing:.09em}.electric-theme .kicker-line{background:#4588f8}.electric-theme .hero-motion{color:#9abfff;border-color:#2c405c}.electric-theme .plain-link{color:#d7e1ee}.electric-theme .plain-link:hover{color:#5ea5ff}.electric-theme .section{padding-top:88px;padding-bottom:88px}.electric-theme .section-top{border-color:var(--line)}
/* A single engine, three context sources, three mutually exclusive outcomes. */
.system-section{background:#0c1015;color:#edf1f8;padding:58px 0 34px;border-block:1px solid #202630;scroll-margin-top:90px}.system-heading{display:grid;grid-template-columns:1.25fr .8fr;gap:65px;align-items:end;margin-bottom:36px}.system-heading h2{font-size:clamp(30px,3.65vw,49px);font-weight:450;line-height:1.12;margin-top:17px;letter-spacing:-.045em}.system-heading .kicker{font-size:12px;letter-spacing:.08em}.system-heading>p{font-size:16px;color:#8d98a8;line-height:1.75;padding-bottom:4px}.system-controls{display:flex;align-items:center;justify-content:space-between;gap:22px;border-block:1px solid #26303c;padding:18px 0}.system-cases{display:flex;gap:6px;flex-wrap:wrap}.system-cases button{font-size:13px;padding:10px 12px;background:transparent;border:1px solid transparent;color:#8f9bab;border-radius:6px;transition:background .2s,color .2s,border-color .2s}.system-cases button[aria-selected=true]{color:#cce2ff;background:#162338;border-color:#3a577e}.system-cases button:hover{color:#e4f0ff;background:#17202b}.system-tour-start{display:flex;align-items:center;gap:9px;flex:none;padding:9px 0;border:0;background:transparent;color:#d3e6ff;font-size:14px}.system-tour-start>span{font-size:19px;color:#74b8ff}.system-board{height:620px;position:relative;isolation:isolate;margin-top:26px}.system-board:before{content:'';position:absolute;inset:20% 20%;background:radial-gradient(ellipse,#164fff16,transparent 68%);pointer-events:none}.system-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.system-wire{fill:none;stroke:#3b6fb3;stroke-width:1;opacity:.8;vector-effect:non-scaling-stroke}.system-signal{fill:none;stroke:#63c7ff;stroke-width:2;stroke-linecap:round;stroke-dasharray:7 93;stroke-dashoffset:100;opacity:0;animation:system-flow 1.4s linear infinite;filter:drop-shadow(0 0 3px #448eff);vector-effect:non-scaling-stroke}.system-loop{fill:none;stroke:#4c5969;stroke-width:1;stroke-dasharray:9 12;opacity:.6;vector-effect:non-scaling-stroke}.system-loop-signal{fill:none;stroke:#3487ff;stroke-width:2;stroke-dasharray:2 98;stroke-dashoffset:100;animation:system-flow 14s linear infinite;vector-effect:non-scaling-stroke;opacity:.85}.system-rail-label{position:absolute;top:40px;font:11px/1.5 var(--mono);letter-spacing:.05em;color:#758195;background:#0c1015;padding:0 12px}.rail-inputs{left:4%}.rail-outputs{right:4%}.system-inputs,.system-outputs{position:absolute;top:85px;bottom:85px;width:27.5%;display:flex;flex-direction:column;justify-content:space-between}.system-inputs{left:2.5%}.system-outputs{right:2.5%}.system-node{display:flex;align-items:start;gap:14px;position:relative;text-align:left;background:#0e1319;border:1px solid #333b46;border-radius:13px;padding:18px;min-height:110px;box-shadow:0 0 0 3px #080b10;transition:border-color .3s,background .3s,box-shadow .3s,opacity .3s}.system-node:hover,.system-node[aria-expanded=true]{border-color:#5880b3;background:#121b28}.system-node-icon{width:34px;height:34px;border-radius:8px;border:1px solid #343e4e;background:#1b222d;color:#478eff;display:flex;align-items:center;justify-content:center;flex:none}.system-node-icon svg{width:23px;height:23px}.system-node-content{display:block;min-width:0}.system-node-content strong{font-size:16px;font-weight:500;line-height:1.3;display:block;letter-spacing:-.015em;margin-bottom:7px}.system-node-content>span{display:block;font-size:13px;line-height:1.5;color:#8995a6}.system-node-content small{font:10px/1.5 var(--mono);color:#68798e;display:block;margin-top:8px}.system-node-indicator{position:absolute;right:10px;top:10px;width:4px;height:4px;border-radius:50%;background:#366084;opacity:0}.system-node.is-active{background:#101f33;border-color:#4b94ff;box-shadow:0 0 0 3px #080b10,0 0 28px #2377ff18}.system-node.is-active .system-node-indicator{opacity:1;box-shadow:0 0 10px #65b6ff;background:#71b8ff}.system-node.is-active .system-node-content>span{color:#bfd0e5}.system-node.is-active .system-node-content small{color:#8aa6c7}.system-engine{position:absolute;top:210px;left:39.583%;width:20.834%;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid #3976ff;border-radius:7px;background:repeating-linear-gradient(120deg,#1c283211 0px,#1c283211 2px,transparent 2px,transparent 7px),#0d141e;color:#f4f7ff;box-shadow:0 0 6px #1f58ef,inset 0 0 24px #2258b018;isolation:isolate;text-align:center;transition:box-shadow .3s}.engine-frame{position:absolute;inset:-20px;border:1px solid #273e61;border-radius:14px;box-shadow:0 0 0 12px #191f29,0 0 0 13px #1b2533;z-index:-1;background:#0d131b}.engine-frame:before{content:'';position:absolute;inset:10px;border:1px solid #20385d;border-radius:9px}.system-engine:before,.system-engine:after{content:'';position:absolute;width:30px;height:57px;left:calc(50% - 15px);background:linear-gradient(#0c1015,#111b2a);border-inline:1px solid #2b4e80;z-index:0}.system-engine:before{bottom:calc(100% - 7px);mask-image:linear-gradient(transparent,#000 55%)}.system-engine:after{top:calc(100% - 7px);transform:rotate(180deg);mask-image:linear-gradient(transparent,#000 55%)}.engine-mark{display:flex;width:37px;height:37px;border-radius:8px;background:#edf4ff;color:#286bff;font-size:34px;line-height:1;letter-spacing:-4px;font-weight:650;padding:0 5px 3px 4px;box-shadow:0 0 22px #2c79ffb0;align-items:center;justify-content:center}.system-engine strong{font-size:20px;line-height:1.2;font-weight:500;letter-spacing:-.04em}.system-engine>span:not([class]){color:#b0c0d6;font-size:13px;line-height:1.5}.system-engine>small{font:9px/1.4 var(--mono);color:#718caf;letter-spacing:.05em;padding:0 7px}.engine-scan{position:absolute;inset:0;border-radius:7px;overflow:hidden;pointer-events:none}.engine-scan:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,#3778ff18 50%,transparent 62%);transform:translateY(-100%);animation:system-scan 5s ease-in-out infinite}.system-engine.is-active{box-shadow:0 0 22px #3975ff90,inset 0 0 25px #2a76ff22}.system-loop-label{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;white-space:nowrap;font-size:12px;color:#77879b;background:#0c1015;padding:0 17px;line-height:1.6}.system-loop-label>span:nth-child(even){color:#377bd9}.system-section[data-phase=agent] .signal-agent,.system-section[data-phase=data] .signal-data,.system-section[data-phase=rules] .signal-rules{opacity:1}.system-section[data-phase=engine] .signal-agent,.system-section[data-phase=engine] .signal-data,.system-section[data-phase=engine] .signal-rules{opacity:.6}.system-section[data-phase=done][data-outcome=allow] .signal-allow,.system-section[data-phase=done][data-outcome=block] .signal-block,.system-section[data-phase=done][data-outcome=human] .signal-human{opacity:1}.system-section[data-phase=done] .system-output:not(.is-active){opacity:.4}.system-section[data-phase=done][data-outcome=block] .system-output.is-active{border-color:#ec8795;background:#29181f}.system-section[data-phase=done][data-outcome=block] .system-output.is-active .system-node-icon{color:#f393a2}.system-section[data-phase=done][data-outcome=block] .signal-block{stroke:#ec8795}.system-section[data-phase=done][data-outcome=human] .system-output.is-active{border-color:#caab73;background:#241f16}.system-section[data-phase=done][data-outcome=human] .system-output.is-active .system-node-icon{color:#e7c38a}.system-section[data-phase=done][data-outcome=human] .signal-human{stroke:#e7c38a}.system-section[data-phase=done][data-outcome=allow] .system-output.is-active{border-color:#59b995;background:#112820}.system-section[data-phase=done][data-outcome=allow] .system-output.is-active .system-node-icon{color:#8cddbc}.system-section[data-phase=done][data-outcome=allow] .signal-allow{stroke:#8cddbc}.system-case-panel{background:#10161f;border:1px solid #293648;border-radius:10px;overflow:hidden;margin-top:18px}.system-case-story{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 24px;gap:26px}.system-case-story>div{padding-right:20px;border-right:1px solid #2a3545}.system-case-story>div:last-child{border:0;padding:0}.system-case-story>div>span{font:10px/1.5 var(--mono);letter-spacing:.04em;color:#70849f}.system-case-story p{font-size:14px;line-height:1.55;color:#bdc9da;margin-top:10px;overflow-wrap:anywhere}.system-case-verdict p{color:#e2ecfa}.system-playbar{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #293648;padding:16px 24px}.system-playbar>p{font-size:13px;color:#94a6bf;line-height:1.5}.system-run{border-radius:7px;background:#246eff;color:#fff;padding:11px 17px;min-height:43px;font-size:13px;gap:12px;flex:none}.system-run>span{font-size:13px}.system-run>span:first-child{font-size:19px}.system-run:disabled{cursor:wait;opacity:.65}.system-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;font-size:12px;color:#687b93}.system-foot>button{background:none;border:0;color:#8aa1be;font-size:12px;display:flex;align-items:center;gap:9px;padding:8px 0}.system-inspector{padding:25px 50px 25px 25px;border:1px solid #345786;background:#101c2c;border-radius:10px;position:relative;margin-bottom:18px}.system-inspector>div>span{font:11px var(--mono);color:#80ace5}.system-inspector h3{font-size:23px;font-weight:500;margin:11px 0;letter-spacing:-.035em}.system-inspector p{font-size:15px;color:#a2b5cf;line-height:1.65;max-width:950px}.system-inspector>button{position:absolute;right:14px;top:11px;color:#8daccf;background:none;border:0;font-size:25px}.system-tour-panel{position:sticky;top:84px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #325d96;background:#101e32f5;backdrop-filter:blur(20px);padding:21px 25px;border-radius:10px;margin-top:22px;box-shadow:0 10px 35px #0003}.tour-copy>span{font:11px var(--mono);letter-spacing:.07em;color:#77b2ff}.tour-copy h3{font-size:23px;font-weight:500;margin:9px 0;letter-spacing:-.035em}.tour-copy p{font-size:14px;color:#a7bad4;line-height:1.55;max-width:680px}.tour-navigation{flex:none;display:flex;flex-direction:column;align-items:end;gap:15px}.tour-dots{display:flex;gap:8px}.tour-dots>button{width:28px;height:28px;border:1px solid #304e76;border-radius:50%;background:#172943;font:11px var(--mono);color:#8faed8}.tour-dots>button[aria-current]{background:#377eff;color:#fff;border-color:#5996ff}.tour-navigation>div:last-child{display:flex;gap:10px;align-items:center}.tour-navigation>div>button[data-tour-prev],.tour-navigation>div>button[data-tour-next]{padding:9px 12px;background:#172d4b;border:1px solid #3d669a;border-radius:6px;font-size:13px;color:#d9e8fd}.tour-navigation>div>button[data-tour-next]{background:#286bdf;border-color:#4986ec}.tour-navigation button:disabled{opacity:.35;cursor:default}.tour-navigation [data-tour-close]{font-size:23px;border:0;color:#89a1c1;background:none;padding:4px}.advanced-playground{border-block:1px solid #273240;background:#0e141d}.advanced-playground>summary{display:flex;align-items:center;justify-content:space-between;padding:24px 0;font-size:16px;color:#a6bcda;list-style:none;cursor:pointer}.advanced-playground>summary::-webkit-details-marker{display:none}.advanced-playground>summary>span{font-size:25px}.advanced-playground[open]>summary>span{transform:rotate(45deg)}@keyframes system-flow{to{stroke-dashoffset:0}}@keyframes system-scan{70%,100%{transform:translateY(100%)}}.system-section.is-paused *,.motion-paused .system-section *{animation-play-state:paused!important}
/* Extend the same visual language to the rest of the prototype. */
.electric-theme .integrations-section{background:#090d13;border-color:#253040}.electric-theme .integration-heading .kicker{color:#748fb2}.electric-theme .integration-heading p{color:#8b9cb3}.electric-theme .integration-universe{background:radial-gradient(#41618e35 .7px,transparent .7px) 0 0/18px 18px,#0d131e;border-color:#243048}.electric-theme .integration-chip{background:#171f2c;border-color:#303e53;color:#cad7eb;box-shadow:none}.electric-theme .integration-glow{background:radial-gradient(ellipse at 50% 80%,#2250c127,transparent 52%)}.electric-theme .integration-hub{background:#101b2c;border-color:#3e6baa;box-shadow:0 0 30px #12428530}.electric-theme .integration-hub>div>span{color:#779dd1}.electric-theme .hub-brand{color:#84b2f9}.electric-theme .integration-destinations,.electric-theme .integration-bottom>p,.electric-theme .integration-pause{color:#7e93b1}.electric-theme .convergence-line{background:linear-gradient(90deg,transparent,#376eb8)}.electric-theme .convergence-line:after{background:#65aaff;box-shadow:0 0 9px #4382e0}.electric-theme .pain-row{border-color:#263140}.electric-theme .pain-row h3,.electric-theme .pain-cost strong{color:#dce5f2}.electric-theme .pain-row p,.electric-theme .problem-intro p{color:#96a3b5}.electric-theme .pain-statement>span,.electric-theme .pain-cost>span,.electric-theme .ledger-foot>span{color:#697d97}.electric-theme .pain-cost{border-color:#293646}.electric-theme .ledger-foot{border-color:#2a3443}.electric-theme .verification-lab{background:#0d1118}.electric-theme .verification-lab:before{background:radial-gradient(ellipse,#154ba31a,transparent 65%)}.electric-theme .lab-heading h2{color:#a1aec3}.electric-theme .lab-heading h2>span{color:#f1f5fc}.electric-theme .lab-heading>p{color:#8fa0b8}.electric-theme .lab-heading .kicker{color:#7f9bc1}.electric-theme .verification-demo{border-color:#30435e;background:radial-gradient(#34577b40 .7px,transparent .7px) 0 0/18px 18px,#101824}.electric-theme .verification-tabs{background:#111a28;border-color:#30435e}.electric-theme .verification-tabs button{border-color:#30435e;color:#8fa4c0}.electric-theme .verification-tabs button[aria-selected=true]{background:#193151;color:#c0e3ff;box-shadow:inset 0 -2px #4f9dff}.electric-theme .verify-card{background:#121c2a;border-color:#344457}.electric-theme .verify-card>p,.electric-theme .verify-caption{color:#91a3bd}.electric-theme .verify-card-label{color:#8fa8cb}.electric-theme .verify-icon{border-color:#476c9f;color:#a5d0ff}.electric-theme .verify-gate .verify-icon{background:#387cff;color:#fff}.electric-theme .verify-source{background:#0c1521;border-color:#355078}.electric-theme .verify-source strong{color:#d6e6fb}.electric-theme .verify-source p,.electric-theme .verify-rule p,.electric-theme .verified-reply p{color:#9fadc5}.electric-theme .verify-source>div,.electric-theme .verify-rule>span,.electric-theme .verified-reply>span{color:#7993b6}.electric-theme .verify-check,.electric-theme .verified-reply{border-color:#2e405b}.electric-theme .verify-check code{color:#8eacd4}.electric-theme .verify-run{background:#e3edff;color:#142139}.electric-theme .verify-live{background:#0b121d;border-color:#30445f;color:#91acce}.electric-theme .lab-bottom p,.electric-theme .lab-bottom>span{color:#74869f}.electric-theme .verification-demo[data-phase=request] .verify-agent,.electric-theme .verification-demo[data-phase=source] .verify-gate,.electric-theme .verification-demo[data-phase=check] .verify-gate,.electric-theme .verification-demo[data-phase=done] .verify-result{border-color:#4a8bdc;box-shadow:0 0 35px #2a74d91f}.electric-theme .verify-connector{color:#558bcb}.electric-theme .verify-connector>b{background:#101824}.electric-theme .verify-connector:before{background:#3e6392}.electric-theme .audience-grid>article,.electric-theme .how-final{border-color:#2b3544}.electric-theme .audience-index{color:#7b96ba}.electric-theme .audience-grid p,.electric-theme .audience-grid li{color:#91a1b8}.electric-theme .pilot-section{background:#101a2c;border:1px solid #2b456b}.electric-theme .pilot-wash{background:radial-gradient(ellipse at 60% 0%,#1b4f992b,transparent 60%)}.electric-theme .pilot-content p,.electric-theme .pilot-steps p,.electric-theme .pilot-note{color:#90a3bf}.electric-theme .pilot-steps{border-color:#2c4262}.electric-theme .pilot-steps strong{color:#c9ddf9}.electric-theme .footer{color:#7990af;border-color:#28374b}.electric-theme .footer .brand{color:#dde7f7}.electric-theme .how-hero h1{color:#eaf0fa}.electric-theme .how-hero>p,.electric-theme .architecture-heading p,.electric-theme .integration-sample p,.electric-theme .explain-step p,.electric-theme .how-final p{color:#91a3bd}.electric-theme .back-link{color:#829dc3}.electric-theme .playground-section,.electric-theme .modes-section{background:#0e151f;border-color:#27374b}.electric-theme .architecture-map{background:#101927;border-color:#2a4364}.electric-theme .arch-gateway{background:#152949;border-color:#4377ba;box-shadow:0 0 35px #2d6db220}.electric-theme .arch-side p,.electric-theme .architecture-note p{color:#8ba1bf}.electric-theme .arch-gateway p,.electric-theme .arch-gateway>span{color:#9bbded}.electric-theme .control-layers article{background:#111d2e;border-color:#3a79ce}.electric-theme .control-layers p,.electric-theme .control-layers article>span{color:#93adcf}.electric-theme .mode-cards>article{background:#111e2d;border-color:#30476a}.electric-theme .mode-cards p,.electric-theme .mode-cards li,.electric-theme .mode-card-label{color:#8ea7ca}.electric-theme .mode-card-label>span:first-child{color:#7baff5}.electric-theme .faq-list details{border-color:#2c3b50}.electric-theme .data-snippet>span{background:#111e30;border-color:#2b476f;color:#a0bde6}.electric-theme .step-callout{border-color:#356fc0;color:#8baddd}.electric-theme .explain-step,.electric-theme .code-panel{border-color:#2c405d}.electric-theme .code-panel{background:#0f1824}.electric-theme .step-type,.electric-theme .explain-number{color:#7194c4}.electric-theme dialog{background:#111b2a;color:#e4edfa;border:1px solid #3b567d}.electric-theme dialog input,.electric-theme dialog select{background:#0a1422;border-color:#314663;color:#cfddf2}.electric-theme dialog p,.electric-theme .form-note{color:#9bb0cf}.electric-theme .dialog-close{color:#a9c3e9}.electric-theme .eyebrow{color:#80aaf0}
@media(max-width:1150px){.system-heading{gap:30px}.system-heading>p{font-size:15px}.system-node{padding:16px 13px;gap:10px}.system-node-content strong{font-size:15px}.system-node-content>span{font-size:13px}.system-node-content small{font-size:9px}.system-node-icon{width:29px;height:29px}.system-node-icon svg{width:20px;height:20px}.system-engine strong{font-size:18px}.system-engine>span:not([class]){font-size:12px}.system-engine>small{font-size:8px}.system-cases button{font-size:12px;padding:9px}.system-tour-start{font-size:13px}.system-controls{gap:16px}.system-case-story{gap:17px}.system-case-story>div{padding-right:15px}.system-case-story p{font-size:13px}.system-case-story>div>span{font-size:9px}}
@media(max-width:900px){.system-heading{grid-template-columns:1fr;gap:22px}.system-heading h2{font-size:40px}.system-heading>p{font-size:16px}.system-heading>p br{display:none}.system-controls{align-items:start;flex-direction:column;gap:12px}.system-cases{gap:4px}.system-cases button{font-size:13px;padding:9px 10px}.system-node-content small{display:none}.system-node{min-height:110px;gap:8px;padding:17px 12px}.system-node-icon{width:24px;height:27px}.system-node-content strong{font-size:14px}.system-node-content>span{font-size:12px}.system-engine strong{font-size:16px}.system-engine{gap:11px}.engine-mark{width:32px;height:32px;font-size:29px}.system-engine>small{font-size:7px}.system-tour-panel{align-items:start}.tour-copy h3{font-size:20px}.tour-copy p{font-size:13px}.system-case-story{grid-template-columns:1fr 1fr;gap:22px}.system-case-story>div:nth-child(2){border:0}.system-case-story p{font-size:14px}}
@media(max-width:760px){.electric-theme .tech-header nav{background:#101721;border-color:#2a394d}.electric-theme .tech-hero .hero-grid{padding:46px 0 42px}.electric-theme .tech-hero .hero-copy h1{font-size:clamp(35px,9.3vw,56px);line-height:1.08}.electric-theme .tech-hero .hero-copy>p{font-size:16px}.electric-theme .hero-copy .kicker{font-size:10px;letter-spacing:.02em}.electric-theme .hero-note{font-size:12px}.electric-theme .section{padding-top:55px;padding-bottom:55px}.system-section{padding:38px 0 25px}.system-heading{gap:19px;margin-bottom:26px}.system-heading h2{font-size:31px;margin-top:16px;line-height:1.14}.system-heading .kicker{font-size:10px}.system-heading>p{font-size:15px}.system-controls{padding:15px 0}.system-cases{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px}.system-cases button{font-size:12px;text-align:left;padding:10px 8px}.system-tour-start{font-size:14px;padding:10px 3px 1px}.system-board{height:auto;display:flex;flex-direction:column;align-items:stretch;margin-top:23px;gap:0}.system-wires,.system-rail-label{display:none}.system-inputs,.system-outputs{position:static;width:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:0 5px}.system-node{min-height:88px;gap:15px;padding:17px 18px}.system-node-icon{width:32px;height:32px}.system-node-icon svg{width:22px;height:22px}.system-node-content strong{font-size:16px;margin-bottom:5px}.system-node-content>span{font-size:14px}.system-node-content small{display:block;font-size:10px;margin-top:6px}.system-engine{position:relative;left:auto;top:auto;align-self:center;width:220px;height:185px;margin:66px 0;gap:10px}.system-engine strong{font-size:21px}.system-engine>span:not([class]){font-size:14px}.system-engine>small{font-size:9px}.engine-mark{width:35px;height:35px;font-size:32px}.system-engine:before,.system-engine:after{height:46px;width:1px;left:50%;border:0;background:linear-gradient(#26354c,#4a98ff);mask-image:none}.system-engine:before{bottom:calc(100% + 18px)}.system-engine:after{top:calc(100% + 18px)}.system-loop-label{position:static;transform:none;justify-content:center;flex-wrap:wrap;white-space:normal;gap:8px;font-size:10px;margin-top:22px;padding:14px 10px;border-block:1px dashed #3a4a61;line-height:1.6}.system-case-story{grid-template-columns:1fr;gap:18px;padding:21px}.system-case-story>div{border:0;padding:0 0 16px;border-bottom:1px solid #28364b!important}.system-case-story>div:last-child{border:0!important;padding:0}.system-case-story>div>span{font-size:10px}.system-case-story p{font-size:15px;margin-top:8px}.system-playbar{flex-direction:column;align-items:start;gap:17px;padding:18px 21px}.system-playbar>p{font-size:13px}.system-run{font-size:14px;padding:12px 17px}.system-foot{flex-direction:column;align-items:start;gap:9px;font-size:11px}.system-foot>button{font-size:12px}.system-tour-panel{top:80px;flex-direction:column;gap:17px;padding:18px;box-shadow:0 8px 35px #0008}.tour-copy>span{font-size:10px}.tour-copy h3{font-size:20px;margin:8px 0}.tour-copy p{font-size:13px}.tour-navigation{width:100%;flex-direction:row;align-items:center;gap:10px}.tour-navigation>div:last-child{gap:5px;margin-left:auto}.tour-dots{gap:5px}.tour-dots>button{width:22px;height:22px;font-size:10px}.tour-navigation>div>button[data-tour-prev],.tour-navigation>div>button[data-tour-next]{font-size:12px;padding:7px}.tour-navigation [data-tour-close]{font-size:21px;padding:2px}.system-inspector{padding:22px 38px 22px 20px;margin-top:19px}.system-inspector h3{font-size:22px}.system-inspector p{font-size:14px}.advanced-playground>summary{font-size:14px;gap:20px;padding:21px 0}.electric-theme .integration-heading h2{font-size:35px}.electric-theme .how-hero h1{font-size:clamp(33px,8.5vw,50px)}}
@media(max-width:360px){.system-heading h2{font-size:28px}.system-node{padding:15px 12px}.system-cases button{font-size:11px}.system-tour-panel{padding:15px}.tour-navigation{flex-wrap:wrap}.tour-navigation>div:last-child{margin-left:0}.tour-copy p{font-size:12px}.system-engine{width:190px}.electric-theme .tech-hero .hero-copy h1{font-size:33px}}
@media(prefers-reduced-motion:reduce){.system-section *{animation:none!important;transition:none!important}.system-foot>button{display:none}.electric-theme .gradient-text{animation:none!important}}