:root{--blue: #1268f3;--blue-dark: #083b8f;--black: #07111f;--ink: #132033;--muted: #667085;--line: #dbe4f0;--soft: #f4f7fb;--white: #ffffff;--success: #13a874;--whatsapp: #20c76a;--gradient: linear-gradient(135deg, #06162f 0%, #0f5fcf 52%, #49a7ff 100%);--shadow: 0 18px 50px rgba(9, 30, 66, .14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(18,104,243,.18),transparent 30%),linear-gradient(180deg,#f8fbff,#eef4fb);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;display:flex;justify-content:center;padding:16px}.home-layout,.admin-layout,.screen{width:min(100%,1120px)}.screen{max-width:680px}.premium-card{background:#fffffff0;border:1px solid rgba(219,228,240,.9);border-radius:28px;box-shadow:var(--shadow);padding:clamp(18px,4vw,30px)}.glass-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7}.app-header,.admin-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.brand-kicker,.eyebrow{color:var(--blue);display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.brand-name,h1,h2,h3,p{margin-top:0}.brand-name{margin-bottom:0;font-size:clamp(1.35rem,4vw,2rem)}.hero{background:var(--gradient);color:var(--white);overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:220px;height:220px;right:-80px;top:-80px;background:#ffffff29;border-radius:999px}.hero .eyebrow{color:#b8dbff}.hero h2{font-size:clamp(2rem,8vw,4.4rem);line-height:.98;max-width:820px;margin-bottom:16px}.hero p{color:#dcecff;font-size:clamp(1rem,2.3vw,1.3rem);max-width:680px}.hero-actions,.success-actions,.stack,.form-step{display:grid;gap:12px}.hero-actions{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);margin-top:24px;position:relative;z-index:1}.big-button,.header-whatsapp,.service-pill,.chip-button,.choice-button,.back-button,.text-button{border:0;cursor:pointer;text-decoration:none}.big-button,.header-whatsapp{align-items:center;border-radius:18px;display:inline-flex;font-weight:850;justify-content:center;min-height:58px;padding:0 18px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.big-button:hover,.header-whatsapp:hover,.service-pill:hover,.chip-button:hover,.choice-button:hover{transform:translateY(-1px)}.big-button:disabled{cursor:not-allowed;opacity:.48;transform:none}.primary{background:var(--white);color:var(--blue-dark);box-shadow:0 14px 30px #00000026}.request-screen .primary,.success-screen .primary,.assistant-card .primary{background:var(--blue);color:var(--white)}.secondary{background:#ffffff24;color:var(--white);border:1px solid rgba(255,255,255,.28)}.request-screen .secondary,.track-screen .secondary,.success-screen .secondary{background:#edf4ff;color:var(--blue-dark);border:1px solid #cfe0ff}.whatsapp-button,.header-whatsapp{background:var(--whatsapp);color:#062716}.header-whatsapp{min-height:44px;border-radius:999px;white-space:nowrap}.admin-link{color:#dcecff;margin-top:14px;position:relative;z-index:1}.text-button{background:transparent;color:var(--blue);font-weight:800;padding:8px}.back-button{background:#edf4ff;color:var(--blue-dark);border-radius:999px;font-weight:800;margin-bottom:16px;padding:10px 14px}.trust-grid,.admin-stats{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin:16px 0}.mini-card,.stat-card,.step-card,.summary-card{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 8px 24px #091e420f}.mini-icon{font-size:1.6rem}.mini-card h3{margin:10px 0 6px}.mini-card p,.section-heading p,.footer-card p,.timeline-item p,.summary-card p{color:var(--muted);margin-bottom:0}.section-heading{margin-bottom:16px}.compact-heading h1{font-size:clamp(1.9rem,6vw,3.3rem);line-height:1;margin-bottom:10px}.quick-grid,.service-list,.grid-buttons{display:flex;flex-wrap:wrap;gap:10px}.chip-button,.service-pill,.choice-button{background:#f1f6ff;border:1px solid #d9e7ff;border-radius:999px;color:var(--ink);font-weight:800;padding:12px 14px}.chip-button.active,.choice-button.selected,.service-pill:focus{background:var(--black);color:var(--white)}.ai-answer{background:#07111f;border-radius:22px;color:var(--white);margin-top:16px;padding:18px}.ai-answer p{color:#c9d7e8}.steps-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.step-card span{align-items:center;background:var(--blue);border-radius:999px;color:var(--white);display:inline-flex;font-weight:900;height:34px;justify-content:center;width:34px}.step-card p{font-weight:800;margin:12px 0 0}.footer-card{margin-top:16px}.request-screen,.track-screen,.success-screen{align-self:flex-start}.progress-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.progress-bar span{background:#dbe4f0;border-radius:999px;height:7px}.progress-bar span.active{background:var(--blue)}label{display:grid;gap:8px;font-weight:800}.field-title{font-weight:900;margin-bottom:8px}input,select,textarea{background:#fbfdff;border:1px solid #cdd9ea;border-radius:16px;color:var(--ink);min-height:54px;outline:none;padding:0 14px;width:100%}textarea{min-height:92px;padding:14px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px #1268f31f}.two-columns,.order-details-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.choice-button{border-radius:16px;text-align:left}.segmented-control{background:#edf4ff;border-radius:18px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);padding:6px}.segmented-control button{background:transparent;border:0;border-radius:14px;color:var(--muted);cursor:pointer;font-weight:850;padding:12px}.segmented-control button.active{background:var(--white);color:var(--blue-dark);box-shadow:0 8px 20px #091e4214}.checkbox-label{align-items:flex-start;display:flex;gap:10px;line-height:1.35}.checkbox-label input{min-height:auto;width:auto;margin-top:4px}.help-text{color:var(--muted);font-size:.9rem}.info-box,.error-box,.description-box{border-radius:16px;padding:14px}.info-box{background:#edf4ff;color:var(--blue-dark)}.error-box{background:#fff1f1;color:#b42318}.description-box{background:#f7f9fc;color:var(--muted)}.success-screen{text-align:center}.success-badge{font-size:3rem}.protocol-card{background:var(--black);border-radius:24px;color:var(--white);margin:20px 0;padding:20px}.protocol-card span{color:#a8b7cc;display:block;font-weight:800;text-transform:uppercase}.protocol-card strong{font-size:clamp(1.7rem,8vw,3rem);letter-spacing:.04em}.timeline{display:grid;gap:0}.timeline-item{align-items:flex-start;display:grid;gap:12px;grid-template-columns:42px 1fr;padding:0 0 18px;position:relative}.timeline-item:before{background:#dbe4f0;content:"";height:100%;left:20px;position:absolute;top:30px;width:2px}.timeline-item:last-child:before{display:none}.timeline-dot{align-items:center;background:#dbe4f0;border-radius:999px;color:var(--muted);display:inline-flex;font-weight:900;height:42px;justify-content:center;position:relative;width:42px;z-index:1}.timeline-item.active .timeline-dot{background:var(--blue);color:var(--white)}.timeline-item.active strong{color:var(--blue-dark)}.stat-card span{color:var(--muted);font-weight:800}.stat-card strong{display:block;font-size:2rem}.order-card-header{align-items:flex-start;display:flex;justify-content:space-between;gap:12px}.status-badge{background:#edf4ff;border-radius:999px;color:var(--blue-dark);font-weight:900;padding:8px 12px;white-space:nowrap}.admin-actions{display:grid;gap:12px;grid-template-columns:minmax(200px,.7fr) 1fr;margin-top:14px}.tracking-field{min-width:0}.floating-track{background:var(--black);border:0;border-radius:999px;bottom:18px;box-shadow:var(--shadow);color:var(--white);cursor:pointer;font-weight:900;padding:13px 18px;position:fixed;right:18px;z-index:10}@media (max-width: 820px){.hero-actions,.trust-grid,.admin-stats,.steps-grid,.two-columns,.order-details-grid,.admin-actions,.compact-grid{grid-template-columns:1fr}.app-header{align-items:flex-start}}@media (max-width: 520px){.app-shell{padding:10px}.premium-card{border-radius:22px}.segmented-control{grid-template-columns:1fr}.header-whatsapp{padding:0 12px}}