body{background:radial-gradient(circle at top right,rgba(124,251,252,.16),transparent 520px),linear-gradient(180deg,#eef8fb,#f4f7fb 52%,#eef2f8)}.demo-page{width:100%;min-height:100vh;padding:18px}.demo-shell{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,500px);align-items:center;gap:48px;width:min(1120px,100%);min-height:calc(100vh - 36px);margin:0 auto}.demo-copy{min-width:0}.demo-brand{display:inline-flex;align-items:center;gap:10px;margin-bottom:34px;padding:10px 14px 10px 12px;border-radius:16px;background:var(--auno-navy);color:#fff;box-shadow:0 18px 46px #061b4a2e}.demo-brand img{width:34px;height:28px;object-fit:contain}.demo-brand span{font-family:Parkinsans,Plus Jakarta Sans,sans-serif;font-size:17px;font-weight:800}.demo-copy h1{max-width:660px;margin:0;color:var(--text);font-size:clamp(42px,5vw,68px);font-weight:800;letter-spacing:0;line-height:1.02}.demo-intro{max-width:590px;margin:22px 0 0;color:#475569;font-size:18px;line-height:1.72}.demo-snapshot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(620px,100%);margin-top:34px}.demo-snapshot div{min-height:98px;padding:16px;border:1px solid rgba(11,97,172,.14);border-radius:16px;background:#ffffffad}.demo-snapshot span{display:block;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.demo-snapshot strong{display:block;margin-top:10px;color:var(--text);font-size:18px;line-height:1.2}.demo-card{overflow:hidden;border:1px solid rgba(115,126,223,.24);border-radius:18px;background:#fffffff5;box-shadow:var(--shadow-lift)}.demo-card-head{padding:22px 22px 0}.demo-card-head h2,.status-box h2{margin:0;color:var(--text);font-family:Parkinsans,Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:800;letter-spacing:0;line-height:1.18}.demo-card-head p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.demo-form{display:grid;gap:13px;padding:20px 22px 22px}.demo-form label{display:grid;gap:7px;color:var(--text);font-size:13px;font-weight:800}.profile-field{display:grid;gap:9px;min-width:0;margin:0;padding:0;border:0}.profile-field legend{padding:0;color:var(--text);font-size:13px;font-weight:800}.profile-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.profile-options button{min-height:42px;border:1px solid rgba(115,126,223,.28);border-radius:10px;padding:0 10px;background:#fbfdff;color:var(--text);cursor:pointer;font:inherit;font-size:13px;font-weight:800;line-height:1.15;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.profile-options button:hover,.profile-options button.selected{border-color:#3c2bac6b;background:#3c2bac14;color:var(--auno-brand)}.profile-options button.selected{box-shadow:inset 0 0 0 1px #3c2bac42}.demo-form input{width:100%;height:46px;border:1px solid rgba(115,126,223,.28);border-radius:10px;padding:0 13px;background:#fbfdff;color:var(--text);font:inherit;font-size:14px}.demo-form input:focus{border-color:#55b3d8;outline:3px solid rgba(85,179,216,.22)}.demo-form input::placeholder{color:#7b8797}button.primary,button.whatsapp{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;border:0;border-radius:12px;color:#fff;cursor:pointer;font:inherit;font-weight:900;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}button.primary{margin-top:2px;background:var(--auno-brand);box-shadow:0 10px 24px #3c2bac33}button.primary[disabled]{cursor:not-allowed;opacity:.62}button.whatsapp{background:#128c7e;box-shadow:0 12px 26px #128c7e38}button.primary:not([disabled]):hover,button.whatsapp:hover{transform:translateY(-1px)}.demo-actions{display:grid;gap:16px;padding:22px}.lead-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 14px;border:1px solid rgba(11,97,172,.14);border-radius:12px;background:#f8fbfd}.lead-row span{color:var(--muted);font-size:13px;font-weight:800}.lead-row strong{color:var(--text);font-size:16px;letter-spacing:.02em}.status-box{padding:16px;border:1px solid rgba(115,126,223,.2);border-radius:14px;background:#f8fbfd}.status-box h2{font-size:22px}.status-box p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.status-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.status-meta span{padding:5px 9px;border-radius:999px;background:#0b61ac1a;color:var(--auno-navy);font-size:12px;font-weight:800}.error{margin:0;color:#b00020;font-size:13px;line-height:1.4}@media(max-width:860px){.demo-page{padding:14px}.demo-shell{grid-template-columns:1fr;align-items:start;gap:18px;min-height:0}.demo-brand{margin-bottom:22px}.demo-copy h1{max-width:380px;font-size:39px}.demo-intro{margin-top:14px;font-size:15px;line-height:1.55}.demo-snapshot{grid-template-columns:1fr;gap:8px;margin-top:18px}.demo-snapshot div{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:12px 14px}.demo-snapshot strong{margin-top:0;text-align:right;font-size:15px}.demo-card-head,.demo-actions{padding:18px}.demo-form{padding:16px 18px 18px}}@media(max-width:520px){.demo-page{padding:12px}.demo-shell{gap:14px}.demo-copy{display:grid;justify-items:start;gap:10px}.demo-brand{margin-bottom:2px;padding:7px 10px 7px 8px;border-radius:13px}.demo-brand img{width:28px;height:23px}.demo-brand span{font-size:15px}.eyebrow{margin:0;font-size:11px;line-height:1.25}.demo-copy h1{max-width:340px;font-size:30px;line-height:1.04}.demo-intro{max-width:360px;margin-top:0;font-size:14px;line-height:1.48}.demo-snapshot{display:none}.demo-card{border-radius:14px}.demo-card-head{padding:15px 16px 0}.demo-card-head h2,.status-box h2{font-size:20px}.demo-card-head p{margin-top:5px;font-size:13px;line-height:1.42}.demo-form{gap:10px;padding:14px 16px 16px}.demo-form label{gap:5px;font-size:12px}.profile-field{gap:7px}.profile-field legend{font-size:12px}.profile-options{gap:7px}.profile-options button{min-height:38px;border-radius:9px;padding:0 7px;font-size:12px}.demo-form input{height:42px;border-radius:9px;font-size:13px}button.primary,button.whatsapp{min-height:44px;border-radius:10px}}