:root{--navy:#062746;--blue:#087bd2;--ice:#eaf6fd;--cyan:#9edfff;--ink:#102f49;--muted:#6c7f8e;--line:#dfe9ef;--bg:#f3f7f9;--green:#21aa78;--white:#fff;--shadow:0 24px 70px rgba(4,34,62,.15)}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--ink);font:400 1rem/1.5 "DM Sans",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.order-header{height:78px;padding:0 clamp(20px,4vw,58px);background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:sticky;top:0;z-index:15}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--navy);justify-self:start}.brand-mark{width:38px;height:38px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center}.brand>span:last-child{display:flex;flex-direction:column;font-family:Manrope;line-height:.88;letter-spacing:.08em}.brand strong{font-size:1rem}.brand small{font-size:.6rem;letter-spacing:.35em;margin-top:7px}.header-status{display:flex;align-items:center;gap:10px}.header-status>i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #e2f6ef}.header-status strong,.header-status small{display:block}.header-status strong{font-size:.78rem}.header-status small{font-size:.66rem;color:var(--muted)}.header-actions{justify-self:end;display:flex;gap:8px}.header-actions button{height:41px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--navy);padding:0 14px;font-weight:700;font-size:.78rem}.header-actions .ask-ai{background:var(--navy);color:#fff;border-color:var(--navy)}.order-layout{display:grid;grid-template-columns:minmax(360px,38%) 1fr;min-height:calc(100vh - 78px)}.order-intro{position:sticky;top:78px;height:calc(100vh - 78px);overflow:hidden;background:linear-gradient(155deg,rgba(3,29,53,.96),rgba(5,57,98,.88)),url("../assets/malaikat-es-hero.png") center/cover;color:#fff;padding:clamp(40px,5vw,78px);display:flex;flex-direction:column}.intro-content{margin:auto 0}.eyebrow{color:var(--blue);font-size:.7rem;font-weight:800;letter-spacing:.18em;margin:0 0 13px}.order-intro .eyebrow{color:#a9ddff}.intro-content h1{font:800 clamp(3.2rem,5vw,6.2rem)/.92 Manrope;letter-spacing:-.07em;margin:0}.intro-content h1 em{font-style:normal;color:var(--cyan)}.intro-content>p:last-child{color:rgba(255,255,255,.68);max-width:490px;font-size:1rem;margin:25px 0 0}.service-person{display:flex;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.15);padding-top:20px}.service-person img{width:48px;height:48px;border-radius:13px;object-fit:cover;object-position:50% 20%}.service-person strong,.service-person small{display:block}.service-person strong{font-size:.82rem}.service-person small{font-size:.67rem;color:rgba(255,255,255,.58);margin-top:3px}.trust-list{display:flex;gap:17px;margin-top:20px}.trust-list span{font-size:.65rem;color:rgba(255,255,255,.58)}.trust-list b{color:#a9ddff;margin-right:5px}.order-workspace{padding:40px clamp(24px,5vw,75px) 90px}.stepper{display:flex;align-items:center;max-width:620px;margin:0 auto 38px}.stepper span{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.72rem;font-weight:700;white-space:nowrap}.stepper span.active{color:var(--blue)}.stepper b{width:27px;height:27px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:.65rem;background:#fff}.stepper .active b{background:var(--blue);color:#fff;border-color:var(--blue)}.stepper i{height:1px;flex:1;background:var(--line);margin:0 10px}#orderForm{max-width:820px;margin:auto}.form-section{display:grid;grid-template-columns:45px 1fr;gap:16px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;margin-bottom:14px}.section-number{width:36px;height:36px;border-radius:10px;background:var(--ice);color:var(--blue);display:grid;place-items:center;font-size:.68rem;font-weight:800}.section-title h2{font:800 1.35rem Manrope;margin:0;letter-spacing:-.03em}.section-title p{font-size:.8rem;color:var(--muted);margin:5px 0 20px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:21px}.choice{position:relative;border:1px solid var(--line);border-radius:13px;padding:14px;display:flex;gap:9px;align-items:center;cursor:pointer}.choice input{position:absolute;opacity:0}.choice.active{border-color:var(--blue);box-shadow:0 0 0 2px rgba(8,123,210,.08);background:#f8fcff}.choice-icon{width:35px;height:35px;border-radius:9px;background:var(--ice);color:var(--blue);display:grid;place-items:center;flex:0 0 auto}.choice strong,.choice small{display:block}.choice strong{font-size:.75rem}.choice small{font-size:.61rem;color:var(--muted);margin-top:3px;line-height:1.3}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-grid.three{grid-template-columns:1.2fr .7fr 1fr}.field-grid label{font-size:.73rem;font-weight:700}.field-grid input,.field-grid select,.field-grid textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:0 12px;outline:0}.field-grid input,.field-grid select{height:47px}.field-grid textarea{padding:11px 12px;resize:vertical}.field-grid input:focus,.field-grid select:focus,.field-grid textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(8,123,210,.08)}.field-grid .full{grid-column:1/-1}.summary-section{border-color:#c9e2f2}.order-summary{display:grid;grid-template-columns:repeat(3,1fr);background:var(--bg);border-radius:12px;padding:15px;margin-bottom:16px}.order-summary div{padding:0 13px;border-right:1px solid var(--line)}.order-summary div:last-child{border-right:0}.order-summary span,.order-summary strong{display:block}.order-summary span{font-size:.63rem;color:var(--muted)}.order-summary strong{font-size:.76rem;margin-top:4px}.agreement{display:flex;align-items:center;gap:8px;font-size:.7rem;color:var(--muted);margin:0 0 16px}.agreement input{accent-color:var(--blue)}.submit-order{width:100%;height:62px;border:0;border-radius:12px;background:var(--navy);color:#fff;padding:0 19px;display:flex;justify-content:space-between;align-items:center;text-align:left}.submit-order:hover{background:var(--blue)}.submit-order strong,.submit-order small{display:block}.submit-order strong{font-size:.8rem}.submit-order small{font-size:.63rem;color:rgba(255,255,255,.58);margin-top:3px}.submit-order b{font-size:1.25rem}.ai-fab{position:fixed;z-index:20;right:19px;bottom:18px;border:1px solid #dce8ef;background:#fff;border-radius:15px;padding:9px 13px 9px 9px;box-shadow:0 14px 45px rgba(5,40,72,.18);display:grid;grid-template-columns:39px auto;column-gap:8px;text-align:left}.ai-fab>span{grid-row:1/3;width:39px;height:39px;border-radius:11px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:.7rem;font-weight:800}.ai-fab b{font-size:.72rem;align-self:end}.ai-fab small{font-size:.61rem;color:var(--green);align-self:start}.ai-panel{position:fixed;z-index:42;right:0;top:0;bottom:0;width:min(100%,410px);background:var(--bg);display:flex;flex-direction:column;box-shadow:-20px 0 70px rgba(3,27,51,.25);transform:translateX(105%);transition:.3s}.ai-panel.open{transform:none}.backdrop{position:fixed;z-index:41;inset:0;background:rgba(3,25,46,.5);opacity:0;pointer-events:none;transition:.3s}.backdrop.open{opacity:1;pointer-events:auto}.ai-head{background:var(--navy);color:#fff;padding:19px;display:flex;align-items:center;gap:10px}.ai-head>span{width:41px;height:41px;background:var(--cyan);color:var(--navy);border-radius:12px;display:grid;place-items:center;font-size:.7rem;font-weight:800}.ai-head strong,.ai-head small{display:block}.ai-head strong{font-size:.8rem}.ai-head small{font-size:.65rem;color:rgba(255,255,255,.6)}.ai-head i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4cdda8}.ai-head button{margin-left:auto;border:0;background:rgba(255,255,255,.1);color:#fff;width:34px;height:34px;border-radius:9px;font-size:1.2rem}.ai-chat{flex:1;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:10px}.ai-chat p{margin:0;max-width:85%;padding:11px 13px;border-radius:13px;font-size:.8rem;line-height:1.5}.ai-chat .bot{background:#fff;border-bottom-left-radius:4px}.ai-chat .user{align-self:flex-end;background:var(--blue);color:#fff;border-bottom-right-radius:4px}.quick-replies{display:flex;flex-wrap:wrap;gap:6px;padding:0 15px 10px}.quick-replies button{border:1px solid #cfe0ea;background:#fff;color:var(--blue);border-radius:999px;padding:7px 10px;font-size:.67rem}.ai-panel form{display:flex;gap:7px;padding:12px 15px;background:#fff;border-top:1px solid var(--line)}.ai-panel form input{height:44px;flex:1;border:1px solid var(--line);border-radius:10px;padding:0 11px;outline:0}.ai-panel form button{width:44px;border:0;border-radius:10px;background:var(--navy);color:#fff}.simulation-note{background:#fff;text-align:center;padding:0 10px 11px;color:#8c9aa5;font-size:.6rem}.result-modal,.track-modal{position:fixed;z-index:50;left:50%;top:50%;transform:translate(-50%,-50%);width:min(calc(100% - 30px),560px);max-height:90vh;overflow:auto;background:#fff;border-radius:19px;padding:27px;box-shadow:var(--shadow)}.modal-close{position:absolute;right:17px;top:15px;border:0;background:#eef3f6;width:34px;height:34px;border-radius:9px;color:var(--muted);font-size:1.2rem}.success-mark{width:51px;height:51px;border-radius:50%;background:#e6f7f1;color:var(--green);display:grid;place-items:center;font-size:1.25rem;margin-bottom:18px}.result-modal h2,.track-modal h2{font:800 1.55rem Manrope;margin:0}.result-modal>p:not(.eyebrow){color:var(--muted);font-size:.83rem}.result-summary{background:var(--bg);border-radius:11px;padding:14px;white-space:pre-line;font-size:.74rem;color:var(--muted)}.result-actions{display:flex;gap:8px;margin-top:17px}.result-actions button,.track-modal form button{height:45px;flex:1;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--navy);font-weight:700}.result-actions button:last-child,.track-modal form button{background:var(--navy);color:#fff;border-color:var(--navy)}.result-modal>small{display:block;color:#9a6a2d;background:#fff4e7;padding:9px 11px;border-radius:8px;margin-top:11px;font-size:.65rem}.track-modal form{display:flex;gap:8px;margin-top:18px}.track-modal form input{height:45px;flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:0 11px}.track-modal form button{flex:0 0 90px}.track-result-card{margin-top:15px;background:var(--bg);border-radius:11px;padding:14px}.track-result-card strong,.track-result-card small{display:block}.track-result-card small{color:var(--muted);margin-top:4px}.toast{position:fixed;z-index:80;left:50%;bottom:20px;transform:translate(-50%,100px);opacity:0;background:var(--navy);color:#fff;border-radius:11px;padding:12px 17px;font-size:.75rem;transition:.25s}.toast.show{transform:translate(-50%,0);opacity:1}@media(max-width:900px){.order-header{grid-template-columns:1fr auto}.header-status{display:none}.order-layout{grid-template-columns:1fr}.order-intro{position:relative;top:auto;height:auto;min-height:540px}.order-workspace{padding-top:30px}}@media(max-width:620px){.order-header{height:68px;padding:0 15px}.brand small{display:none}.header-actions button:first-child{display:none}.order-layout{min-height:calc(100vh - 68px)}.order-intro{min-height:470px;padding:36px 22px}.intro-content h1{font-size:3.5rem}.trust-list{flex-direction:column;gap:6px}.order-workspace{padding:25px 12px 80px}.stepper span{font-size:0}.stepper span b{font-size:.65rem}.form-section{grid-template-columns:1fr;padding:18px}.section-number{width:32px;height:32px}.choice-grid,.field-grid,.field-grid.three,.order-summary{grid-template-columns:1fr}.order-summary div{border-right:0;border-bottom:1px solid var(--line);padding:9px 4px}.order-summary div:last-child{border-bottom:0}.result-actions{flex-direction:column}.ai-fab b,.ai-fab small{display:none}.ai-fab{grid-template-columns:39px;padding:8px}.service-person{margin-top:28px}}