:root{--hero-cyan:#17ace4;--hero-pink:#e040fb;--hero-h:480px;--page-bg:#f0f4fb;--card-bg:#fff;--border:#dde5f4;--text-dark:#0f1f3d;--text-mid:#3d5280;--text-muted:#7a90bb;--blue:#1a56db;--red:#dc2626;--green:#059669;--r-sm:6px;--r-md:10px;--r-lg:18px;--r-xl:24px;--tr:.2s cubic-bezier(.4, 0, .2, 1)}.demo-page *,.demo-page :before,.demo-page :after{box-sizing:border-box;margin:0;padding:0}.demo-page{font-family:var(--font-body);background:var(--page-bg);color:var(--text-dark);overflow-x:hidden}.hero{height:var(--hero-h);align-items:center;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.hero{height:auto;min-height:320px;padding:100px 0 56px}}.hero__bg{z-index:0;background:linear-gradient(105deg,#030f1d 0%,#051828 45%,#062038 100%);position:absolute;inset:0}.hero__teal-wash{z-index:0;background:radial-gradient(55% 130% at -5% 55%,#00a0c821 0%,#0000 65%);position:absolute;inset:0}.hero__streaks{z-index:1;position:absolute;inset:0;overflow:hidden}.hero__streak{transform-origin:0;background:#ffffff08;border-radius:1px;position:absolute}.hero__streak--1{opacity:.6;width:600px;height:1px;top:12%;left:20%;transform:rotate(-14deg)}.hero__streak--2{opacity:.4;width:500px;height:1px;top:22%;left:25%;transform:rotate(-14deg)}.hero__streak--3{width:700px;height:1px;top:35%;left:15%;transform:rotate(-14deg)}.hero__streak--4{opacity:.5;width:600px;height:1px;top:48%;left:18%;transform:rotate(-14deg)}.hero__streak--5{opacity:.4;width:550px;height:1px;top:60%;left:20%;transform:rotate(-14deg)}.hero__streak--6{opacity:.3;width:650px;height:1px;top:72%;left:12%;transform:rotate(-14deg)}.hero__streak--7{opacity:.35;width:480px;height:1px;top:82%;left:22%;transform:rotate(-14deg)}.hero__streak--8{background:#00c8e01a;width:400px;height:2px;top:50%;left:30%;transform:rotate(-14deg)}.hero__copy{z-index:3;max-width:540px;padding:0 60px;animation:.7s cubic-bezier(.22,1,.36,1) both copyIn;position:relative}@media (max-width:900px){.hero__copy{padding:0 36px}}@media (max-width:768px){.hero__copy{max-width:100%;padding:0 24px}}.hero__title{font-family:var(--font-display);color:#fff;text-shadow:0 2px 20px #0006;margin-bottom:16px;font-size:clamp(1.9rem,3.8vw,3rem);font-weight:800;line-height:1.1}.hero__desc{color:#d2e6ffd1;max-width:460px;margin-bottom:28px;font-size:clamp(.8rem,1.3vw,.9rem);line-height:1.7}.hero__actions{flex-wrap:wrap;gap:12px;display:flex}@keyframes copyIn{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}.hero-cta{font-family:var(--font-body);cursor:pointer;transition:var(--tr);letter-spacing:.01em;border:none;border-radius:4px;align-items:center;gap:8px;padding:10px 24px;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.hero-cta--solid{background:var(--hero-cyan);color:#05161f}.hero-cta--solid:hover{background:#33ecff;transform:translateY(-1px)}.hero-cta--outline{color:var(--hero-cyan);border:1.5px solid var(--hero-cyan);background:0 0}.hero-cta--outline:hover{background:#00e5ff1a}.speedo-wrap{z-index:2;pointer-events:none;width:560px;height:470px;position:absolute;top:50%;right:2%;transform:translateY(-50%)}@media (max-width:1100px){.speedo-wrap{width:400px;height:400px;right:-2%}}@media (max-width:900px){.speedo-wrap{opacity:.75;width:320px;height:320px;right:-8%}}@media (max-width:768px){.speedo-wrap{display:none}}.speedo-svg{filter:drop-shadow(0 0 32px #00b4e040);width:100%;height:100%;animation:.8s cubic-bezier(.22,1,.36,1) .2s both speedoReveal}@keyframes speedoReveal{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.fs{background:var(--page-bg);padding:72px 24px 96px;position:relative}.fs:before{content:"";background:linear-gradient(90deg, transparent, var(--blue) 40%, #38bdf8 60%, transparent);height:3px;display:block;position:absolute;top:0;left:0;right:0}.fs__inner{max-width:1160px;margin:0 auto}.fs__heading{text-align:center;margin-bottom:48px}.fs__heading h2{font-family:var(--font-display);color:var(--text-dark);font-size:clamp(1.5rem,3.2vw,2.2rem);font-weight:700}.fs__combined-card{border-radius:var(--r-xl);grid-template-columns:400px 1fr;display:grid;overflow:hidden;box-shadow:0 4px 6px #0f1f3d0a,0 20px 56px #0f1f3d1a}@media (max-width:960px){.fs__combined-card{grid-template-columns:1fr}}.fs__form-side{background:var(--card-bg);border:1px solid var(--border);border-left:none;padding:42px 42px 48px}@media (max-width:960px){.fs__form-side{border-left:1px solid var(--border);border-top:none}}@media (max-width:580px){.fs__form-side{padding:28px 18px 36px}}.fip{min-height:520px;display:flex;position:relative;overflow:hidden}@media (max-width:960px){.fip{min-height:280px}}.warp-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.demo-form{flex-direction:column;gap:18px;display:flex}.frow{gap:14px;display:grid}.frow--2{grid-template-columns:1fr 1fr}@media (max-width:560px){.frow--2{grid-template-columns:1fr}}.field{flex-direction:column;gap:5px;display:flex}.field label:not(.chk-label){color:var(--text-mid);font-size:.8rem;font-weight:600}.field input,.field textarea{font-family:var(--font-body);color:var(--text-dark);border:1.5px solid var(--border);border-radius:var(--r-sm);width:100%;transition:var(--tr);background:#f7f9fd;outline:none;padding:9px 13px;font-size:.88rem}.field input::placeholder,.field textarea::placeholder{color:#b0bdd8}.field input:hover,.field textarea:hover{border-color:#b0c0e0}.field input:focus,.field textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #1a56db1a}.field textarea{resize:vertical;appearance:none;min-height:96px;line-height:1.6}.field--err input,.field--err textarea{border-color:var(--red);background:#fff5f5}.field--err input:focus,.field--err textarea:focus{box-shadow:0 0 0 3px #dc26261a}.field--check{gap:0}.csel{position:relative}.csel__native{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.csel__trigger{cursor:pointer;width:100%;font-family:var(--font-body);color:var(--text-dark);border:1.5px solid var(--border);border-radius:var(--r-sm);min-height:38px;transition:var(--tr);background:linear-gradient(145deg,#eef3fd 0%,#f7f9ff 100%);outline:none;justify-content:space-between;align-items:center;padding:0 0 0 14px;font-size:.88rem;font-weight:500;display:flex;box-shadow:0 1px 3px #0f1f3d0f,inset 0 1px #fffc}.csel__trigger--ph{color:#b0bdd8}.csel__trigger:hover{background:linear-gradient(145deg,#e8effe,#f2f6ff);border-color:#94b3e8;box-shadow:0 2px 8px #1a56db1a,inset 0 1px #ffffffe6}.csel__trigger:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #1a56db1f}.csel--open .csel__trigger{border-color:var(--blue);background:#fff;border-bottom-right-radius:0;border-bottom-left-radius:0;box-shadow:0 0 0 3px #1a56db1f}.csel__val{text-align:left;flex:1}.csel__arrow-box{border-radius:0 var(--r-sm) var(--r-sm) 0;width:38px;min-height:36px;transition:var(--tr);background:linear-gradient(#1a56db0f,#1a56db0a);border-left:1px solid #1a56db1f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.csel__arrow-box .sel-arrow{width:14px;height:14px;color:var(--text-muted);transition:transform .25s,color .2s}.csel--open .csel__arrow-box{background:linear-gradient(#1a56db1a,#1a56db0f);border-left-color:#1a56db40}.csel--open .csel__arrow-box .sel-arrow{color:var(--blue);transform:rotate(180deg)}.csel__menu{border:1.5px solid var(--blue);border-bottom-left-radius:var(--r-sm);border-bottom-right-radius:var(--r-sm);z-index:100;background:#fff;border-top:none;margin:0;padding:6px;list-style:none;animation:.18s cubic-bezier(.22,1,.36,1) both menuDrop;position:absolute;top:100%;left:0;right:0;box-shadow:0 12px 32px #1a56db24,0 4px 8px #0f1f3d14}@keyframes menuDrop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.csel__opt{cursor:pointer;color:var(--text-mid);animation:.2s cubic-bezier(.22,1,.36,1) both optIn;animation-delay:calc(var(--i,0)*40ms);border-radius:6px;align-items:center;gap:10px;padding:9px 12px;font-size:.86rem;font-weight:500;transition:background .15s,color .15s;display:flex}.csel__opt:hover{color:var(--blue);background:linear-gradient(90deg,#1a56db12,#38bdf80d)}.csel__opt:hover .csel__opt-dot{background:var(--blue);transform:scale(1.4)}.csel__opt--active{color:var(--blue);background:linear-gradient(90deg,#1a56db1a,#38bdf814);font-weight:700}.csel__opt--active .csel__opt-dot{background:var(--blue);transform:scale(1.5)}@keyframes optIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.csel__opt-dot{background:#c8d5ee;border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background .15s,transform .15s}.csel__opt-label{flex:1}.csel__opt-check{width:15px;height:15px;color:var(--blue);flex-shrink:0}.field--err .csel__trigger{border-color:var(--red);background:#fff5f5}.field--err .csel__trigger:focus{box-shadow:0 0 0 3px #dc26261a}.field--err .csel__arrow-box{background:#dc26260a;border-left-color:#dc262633}.field--err .csel__arrow-box .sel-arrow{color:var(--red)}.field--err .csel__menu{border-color:var(--red)}.ferr{color:var(--red);align-items:center;gap:5px;font-size:.75rem;animation:.18s both errIn;display:flex}@keyframes errIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.req{color:red;font-weight:700}.form-legal{color:var(--text-muted);font-size:.76rem;line-height:1.6}.form-legal a{color:var(--blue);text-underline-offset:2px;text-decoration:underline}.form-legal a:hover{color:#2563eb}.chk-label{cursor:pointer;align-items:center;gap:9px;display:flex}.chk-label input[type=checkbox]{display:none}.chk-label input[type=checkbox]:checked+.chk-box{background:var(--blue);border-color:var(--blue)}.chk-label input[type=checkbox]:checked+.chk-box:after{opacity:1;transform:rotate(45deg)scale(1)}.chk-box{width:17px;height:17px;transition:var(--tr);background:#f7f9fd;border:1.5px solid #b0c0e0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chk-box:after{content:"";opacity:0;width:4px;height:8px;transition:var(--tr);border-bottom:2px solid #fff;border-right:2px solid #fff;margin-bottom:2px;transform:rotate(45deg)scale(.5)}.chk-txt{color:var(--text-mid);font-size:.83rem;font-weight:600}.field--check.field--err .chk-box{border-color:var(--red)}.api-error{border-radius:var(--r-sm);color:var(--red);background:#fff5f5;border:1px solid #fca5a5;align-items:center;gap:8px;padding:10px 14px;font-size:.82rem;animation:.2s both errIn;display:flex}.api-error svg{flex-shrink:0}.submit-btn{color:#fff;width:100%;font-family:var(--font-body);border-radius:var(--r-md);cursor:pointer;transition:var(--tr);background:linear-gradient(135deg,#1540c0 0%,#1a70e0 100%);border:none;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-size:.93rem;font-weight:600;display:flex;box-shadow:0 4px 14px #1a56db4d}.submit-btn svg{transition:transform var(--tr)}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #1a56db66}.submit-btn:hover:not(:disabled) svg{transform:translate(3px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn--busy{opacity:.75;cursor:not-allowed;pointer-events:none}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.65s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.form-success{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:32px 0;animation:.5s both copyIn;display:flex}.form-success__ico{width:60px;height:60px;color:var(--green);animation:.5s cubic-bezier(.34,1.56,.64,1) both successPop}.form-success h3{font-family:var(--font-display);color:var(--text-dark);font-size:1.4rem;font-weight:700}.form-success p{color:var(--text-mid);max-width:340px;font-size:.88rem;line-height:1.7}.form-success p strong{color:var(--text-dark)}@keyframes successPop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.hero__actions{flex-direction:column}.hero-cta{justify-content:center;width:100%}.fs{padding:52px 16px 72px}}