:root{color-scheme:dark;--blue:#fa2446;--muted:#d3a6b1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#0b080d;color:#fff2f4;font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}header,footer{display:flex;justify-content:space-between;align-items:center;padding:24px 6%;border-bottom:1px solid #532033}header{background:#150b12eF;position:sticky;top:0;z-index:5}nav{display:flex;gap:30px;font-size:14px}.brand{font-weight:800;letter-spacing:2px}.brand span{font-weight:400;color:var(--muted);font-size:12px}main{max-width:1280px;margin:auto}section{padding:85px 5%;border-bottom:1px solid #422030}.hero{padding-top:70px;background:radial-gradient(ellipse at 80% 30%,#4b0a1a66,transparent 65%)}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--blue);font-weight:bold}h1{font-size:clamp(40px,5.5vw,74px);line-height:1.12;letter-spacing:-3px;margin:25px 0}em{font-style:normal;color:var(--blue)}p{color:var(--muted);max-width:710px}h2{font-size:clamp(30px,3.3vw,44px);line-height:1.2;letter-spacing:-1px}h3{font-size:23px}.actions{display:flex;gap:30px;align-items:center;margin:32px 0}.button,button{display:inline-block;padding:14px 22px;border:1px solid #ff7189;border-radius:7px;background:linear-gradient(#df173b,#85091f);font-weight:bold;color:white;cursor:pointer}.tags{display:flex;gap:25px;font-size:12px;color:var(--muted)}.preview{margin-top:50px;border:1px solid #a32944;border-radius:12px;overflow:hidden;box-shadow:0 25px 100px #fa244615}.bar{padding:13px 18px;background:#30121e;font-size:12px;letter-spacing:1px;display:flex;justify-content:space-between;gap:15px}.bar span{color:var(--blue)}iframe{width:100%;height:690px;border:0;background:#0b080d;display:block}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px}.cards article{border-top:1px solid #a32944;padding-top:25px}.cards b{font-size:11px;color:var(--blue);letter-spacing:2px}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.sample{border:1px solid #fa2446;background:linear-gradient(130deg,#29101b,#0b080d);border-radius:12px;padding:28px}.sample small{font-size:10px;color:var(--muted)}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metrics>div{padding:15px;border:1px solid #713047;border-radius:8px;font-size:12px}.metrics strong{display:block;font-size:29px;color:white}.green{color:#65ec72}.line{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid #532033}.demo{margin-top:35px;display:grid;grid-template-columns:300px 1fr;border:1px solid #a32944;border-radius:12px;overflow:hidden;background:#160c13}.demo>div{padding:25px}aside{padding:25px;border-right:1px solid #713047}label{display:block;font-size:13px;margin:15px 0 8px}select,input{width:100%;padding:12px;background:#10090e;color:white;border:1px solid #99334a;border-radius:6px}input{padding:0;accent-color:var(--blue)}output{float:right;color:var(--blue)}aside button{margin:24px 0;font-size:12px}aside small{display:block;font-size:11px;color:var(--muted)}.circuits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.circuit{padding:18px 14px;border:1px solid #fa2446;border-radius:9px}.circuit strong{display:block;font-size:25px;margin:20px 0}.circuit small{display:block;color:var(--muted)}.circuit[aria-disabled=true]{opacity:.32;filter:grayscale(1)}.end{text-align:center;background:radial-gradient(ellipse,#4b0a1a,transparent)}.end p{margin:20px auto 30px}details{border-bottom:1px solid #532033;padding:20px 0}summary{cursor:pointer}footer{font-size:12px;color:var(--muted)}a:hover{color:#ff91a4}button:hover,.button:hover{filter:brightness(1.2);color:white}:focus-visible{outline:3px solid #ff91a4;outline-offset:4px}@media(max-width:750px){header{padding:16px 5%}nav a:not(:last-child){display:none}nav{gap:0}.brand span{display:none}section{padding:55px 6%}.cards,.split,.demo{grid-template-columns:1fr}.split{gap:25px}h1{letter-spacing:-1.5px}.actions{gap:18px;font-size:13px}.tags{gap:15px}aside{border-right:0;border-bottom:1px solid #713047}.circuits{grid-template-columns:1fr}.circuit strong{margin:8px 0}iframe{height:640px}footer{gap:25px}.preview{overflow:auto}}