.kasa-flow-page,.kasa-flow-page *{box-sizing:border-box}.kasa-flow-page{position:fixed;inset:0;z-index:10000;display:grid;min-height:100dvh;grid-template-columns:minmax(430px,.82fr) minmax(500px,1.18fr);overflow:auto;background:#f8fafc;font-family:'Open Sans',sans-serif}.kasa-flow-visual{position:relative;grid-column:2;grid-row:1;display:flex;min-height:100dvh;flex-direction:column;overflow:hidden;padding:clamp(2rem,4vw,3.25rem) clamp(2.5rem,7vw,7rem);color:#fff;background:radial-gradient(circle at 8% 55%,rgba(59,130,246,.28),transparent 34%),radial-gradient(circle at 92% 92%,rgba(14,165,233,.22),transparent 36%),linear-gradient(145deg,#071426,#0b1f3a 55%,#0d2946)}.kasa-flow-visual:after{position:absolute;top:18%;right:-12rem;width:22rem;height:22rem;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 4rem rgba(255,255,255,.035),0 0 0 8rem rgba(255,255,255,.018);content:"";animation:kasaFlowOrbit 18s linear infinite}.kasa-flow-brand,.kasa-flow-mobile-brand{position:relative;z-index:2;display:inline-flex;align-items:center;gap:.7rem;width:fit-content;color:inherit!important;font-size:1.2rem;font-weight:700;text-decoration:none}.kasa-flow-brand-mark{display:grid;width:2.6rem;height:2.6rem;place-items:center;border-radius:.8rem;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;box-shadow:0 10px 24px rgba(14,165,233,.24)}.kasa-flow-story{position:relative;z-index:2;max-width:38rem;margin:auto 0;animation:kasaFlowReveal .8s ease-out both}.kasa-flow-story-icon{display:grid;width:3.7rem;height:3.7rem;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:1rem;background:rgba(255,255,255,.07);color:#7dd3fc;font-size:1.4rem}.kasa-flow-eyebrow{margin:1.6rem 0 0;color:#7dd3fc!important;font-size:.7rem;font-weight:800;letter-spacing:.18em}.kasa-flow-story h1{margin:.65rem 0 0;color:#fff!important;font-size:clamp(2.6rem,4vw,4rem);font-weight:700;line-height:1.08;letter-spacing:-.045em}.kasa-flow-story h1 span{color:#7dd3fc}.kasa-flow-story>p:last-child{max-width:35rem;margin:1.35rem 0 0;color:#bdcce0!important;font-size:1rem;line-height:1.75}.kasa-flow-footer{position:relative;z-index:2;display:flex;align-items:center;gap:.5rem;color:#8295ad}.kasa-flow-content{display:flex;grid-column:1;grid-row:1;min-height:100dvh;align-items:center;justify-content:center;padding:clamp(2rem,5vw,4rem);background:#fff}.kasa-flow-card{width:100%;max-width:29rem;animation:kasaFlowCardIn .65s cubic-bezier(.22,1,.36,1) both}.kasa-flow-mobile-brand{display:none;margin-bottom:3.5rem;color:#0f172a!important}.kasa-flow-kicker{margin:0;color:#2563eb!important;font-size:.7rem;font-weight:800;letter-spacing:.2em}.kasa-flow-card h2{margin:.55rem 0 0;color:#0f172a!important;font-size:clamp(2rem,3vw,2.35rem);font-weight:700;letter-spacing:-.04em}.kasa-flow-subtitle{margin:.65rem 0 1.75rem;color:#64748b!important;font-size:.88rem;line-height:1.65}.kasa-flow-status{display:flex;align-items:flex-start;gap:.8rem;margin-bottom:1.35rem;padding:.9rem 1rem;border:1px solid #bbf7d0;border-radius:.75rem;background:#f0fdf4;color:#166534;font-size:.82rem;font-weight:700;line-height:1.5}.kasa-flow-status.is-error{border-color:#fecdd3;background:#fff1f2;color:#9f1239}.kasa-flow-status.is-info{border-color:#bfdbfe;background:#eff6ff;color:#1e40af}.kasa-flow-status i{margin-top:.12rem;font-size:1rem}.kasa-flow-email{overflow-wrap:anywhere}.kasa-flow-steps{display:grid;gap:.85rem;margin:0 0 1.5rem;padding:0;list-style:none}.kasa-flow-steps li{display:flex;align-items:flex-start;gap:.7rem;color:#475569;font-size:.82rem;line-height:1.55}.kasa-flow-steps i{display:grid;width:1.35rem;height:1.35rem;flex:0 0 1.35rem;place-items:center;margin-top:.05rem;border-radius:50%;background:#e0f2fe;color:#0284c7;font-size:.65rem}.kasa-flow-field{margin-bottom:1.15rem}.kasa-flow-field label{display:block;margin-bottom:.5rem;color:#243247!important;font-size:.8rem;font-weight:700}.kasa-flow-input{position:relative}.kasa-flow-input>i{position:absolute;top:50%;left:.95rem;color:#94a3b8;transform:translateY(-50%);pointer-events:none}.kasa-flow-input input{width:100%;height:3.2rem;padding:0 1rem 0 2.8rem;border:1px solid #cbd5e1;border-radius:.75rem;background:#fff;color:#0f172a;outline:0;transition:border-color .2s,box-shadow .2s}.kasa-flow-input input:focus{border-color:#2563eb;box-shadow:0 0 0 .25rem rgba(37,99,235,.1)}.kasa-flow-field>span{display:block;margin-top:.35rem;color:#be123c;font-size:.72rem}.kasa-flow-errors:not(:empty){margin-bottom:1.25rem;padding:.8rem 1rem;border:1px solid #fecdd3;border-radius:.7rem;background:#fff1f2;color:#be123c;font-size:.78rem}.kasa-flow-errors ul{margin:0;padding-left:1.1rem}.kasa-flow-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.4rem}.kasa-flow-primary,.kasa-flow-secondary{display:inline-flex;min-height:3.2rem;align-items:center;justify-content:center;gap:.65rem;padding:0 1.1rem;border-radius:.75rem;font-size:.86rem;font-weight:700;text-decoration:none!important;transition:transform .2s,box-shadow .2s}.kasa-flow-primary{border:0;background:linear-gradient(135deg,#2563eb,#0284c7);color:#fff!important;box-shadow:0 12px 25px rgba(37,99,235,.22)}.kasa-flow-primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(37,99,235,.3)}.kasa-flow-secondary{border:1px solid #cbd5e1;background:#fff;color:#334155!important}.kasa-flow-secondary:hover{border-color:#94a3b8;background:#f8fafc;transform:translateY(-1px)}.kasa-flow-actions.is-stacked>*{width:100%}@media(max-width:850px){.kasa-flow-page{grid-template-columns:1fr}.kasa-flow-visual{display:none}.kasa-flow-content{grid-column:1;padding:2.5rem 1.5rem}.kasa-flow-card{max-width:30rem}.kasa-flow-mobile-brand{display:inline-flex}}@media(max-width:420px){.kasa-flow-content{align-items:flex-start;padding:1.5rem 1.1rem 2rem}.kasa-flow-mobile-brand{margin-bottom:2.75rem}.kasa-flow-actions>*{width:100%}}@keyframes kasaFlowReveal{from{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes kasaFlowCardIn{from{opacity:0;transform:translateY(1.4rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes kasaFlowOrbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.kasa-flow-page *,.kasa-flow-page :before,.kasa-flow-page :after{animation:none!important;transition:none!important}}
