#hoc-root{--hoc-accent:#123f76;--hoc-accent-2:#0b2d58;--hoc-text:#172033;--hoc-muted:#6d7687;--hoc-border:rgba(20,45,80,.1);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;position:fixed;right:22px;bottom:22px;z-index:999999;color:var(--hoc-text)}
#hoc-root *{box-sizing:border-box}#hoc-root svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#hoc-root button,#hoc-root input,#hoc-root textarea{font:inherit}
.hoc-launcher{border:0;border-radius:999px;padding:13px 18px;background:linear-gradient(135deg,var(--hoc-accent),var(--hoc-accent-2));color:#fff!important;display:flex;align-items:center;gap:9px;box-shadow:0 16px 40px rgba(11,45,88,.28);font-weight:750;cursor:pointer;transition:.22s transform,.22s box-shadow}.hoc-launcher:hover{color:#fff!important;transform:translateY(-2px);box-shadow:0 20px 48px rgba(11,45,88,.35)}
.hoc-panel{position:absolute;right:0;bottom:66px;width:410px;max-height:min(720px,calc(100vh - 100px));background:rgba(255,255,255,.88);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.7);border-radius:24px;box-shadow:0 28px 80px rgba(12,31,58,.25);overflow:hidden;opacity:0;pointer-events:none;transform:translateY(16px) scale(.97);transform-origin:bottom right;transition:.25s ease}.hoc-panel.is-open{opacity:1;pointer-events:auto;transform:none}
.hoc-header{height:78px;padding:14px 16px;display:flex;align-items:center;gap:12px;color:#fff;background:linear-gradient(135deg,var(--hoc-accent),var(--hoc-accent-2));position:relative}.hoc-header:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 0,rgba(255,255,255,.18),transparent 42%);pointer-events:none}.hoc-logo{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);font-size:21px;font-weight:850}.hoc-header>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.hoc-header strong{font-size:16px}.hoc-header span{font-size:12px;display:flex;align-items:center;gap:6px;opacity:.88}.hoc-header span i{width:7px;height:7px;border-radius:50%;background:#70e6a4;box-shadow:0 0 0 4px rgba(112,230,164,.15)}.hoc-close{margin-left:auto;position:relative;z-index:1;border:0;background:rgba(255,255,255,.12);color:#fff!important;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;cursor:pointer}.hoc-close:hover{background:rgba(255,255,255,.2);color:#fff!important}
.hoc-body{max-height:calc(min(720px,100vh - 100px) - 78px);overflow:auto;background:linear-gradient(180deg,rgba(246,249,253,.95),rgba(255,255,255,.98));scrollbar-width:thin}.hoc-screen{display:none;padding:22px;animation:hocIn .24s ease}.hoc-screen.is-active{display:block}@keyframes hocIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
.hoc-hero{padding:2px 2px 18px}.hoc-kicker{display:inline-block;padding:5px 9px;border-radius:999px;background:rgba(18,63,118,.08);color:var(--hoc-accent)!important;font-size:11px!important;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.hoc-hero h2,.hoc-page-title h2,.hoc-feature-card h2{margin:10px 0 5px;font-size:22px;line-height:1.2;color:var(--hoc-text)!important}.hoc-hero p,.hoc-page-title p,.hoc-feature-card p{margin:0;color:var(--hoc-muted)!important;font-size:14px;line-height:1.55}
.hoc-actions{display:grid;gap:10px}.hoc-actions button,.hoc-actions a{width:100%;border:1px solid var(--hoc-border);background:rgba(255,255,255,.82);border-radius:16px;padding:13px;display:grid;grid-template-columns:44px 1fr 20px;gap:12px;align-items:center;text-align:left;text-decoration:none!important;color:var(--hoc-text)!important;cursor:pointer;box-shadow:0 5px 18px rgba(30,50,80,.04);transition:.2s}.hoc-actions button:hover,.hoc-actions a:hover{color:var(--hoc-text)!important;border-color:rgba(18,63,118,.25);transform:translateY(-1px);box-shadow:0 9px 24px rgba(30,50,80,.08)}.hoc-action-icon{width:44px;height:44px;border-radius:13px;background:rgba(18,63,118,.08);color:var(--hoc-accent)!important;display:grid;place-items:center}.hoc-actions strong,.hoc-actions small{display:block;color:inherit!important}.hoc-actions strong{font-size:14px}.hoc-actions small{font-size:12px;color:var(--hoc-muted)!important;margin-top:3px}.hoc-actions>a>svg,.hoc-actions>button>svg{width:18px;color:#9aa3b1}
.hoc-ai-entry{margin-top:13px;width:100%;border:1px dashed rgba(18,63,118,.28);background:rgba(18,63,118,.045);border-radius:16px;padding:13px;color:var(--hoc-text)!important;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer}.hoc-ai-entry:hover{color:var(--hoc-text)!important;background:rgba(18,63,118,.075)}.hoc-ai-entry>svg{color:var(--hoc-accent)}.hoc-ai-entry strong,.hoc-ai-entry small{display:block}.hoc-ai-entry small{font-size:12px;color:var(--hoc-muted);margin-top:2px}
.hoc-back{border:0;background:transparent;color:var(--hoc-accent)!important;display:flex;align-items:center;gap:4px;padding:0 0 17px;font-weight:750;cursor:pointer}.hoc-back:hover{color:var(--hoc-accent-2)!important}.hoc-back svg{width:18px}.hoc-page-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.hoc-page-title>span{width:46px;height:46px;flex:0 0 46px;border-radius:14px;display:grid;place-items:center;background:rgba(18,63,118,.08);color:var(--hoc-accent)}.hoc-page-title h2{margin:0 0 4px}
.hoc-order-form,.hoc-ai-form{display:grid;gap:12px}.hoc-order-form label,.hoc-ai-form label{display:grid;gap:6px}.hoc-order-form label>span,.hoc-ai-form label>span{font-size:12px;font-weight:750;color:#3d4757}.hoc-order-form input,.hoc-ai-form textarea{width:100%;border:1px solid rgba(30,50,80,.14);border-radius:13px;background:#fff;padding:12px 13px;color:var(--hoc-text);outline:none;box-shadow:0 3px 12px rgba(25,45,75,.03)}.hoc-order-form input:focus,.hoc-ai-form textarea:focus{border-color:var(--hoc-accent);box-shadow:0 0 0 3px rgba(18,63,118,.1)}
.hoc-primary{border:0;border-radius:13px;background:linear-gradient(135deg,var(--hoc-accent),var(--hoc-accent-2));color:#fff!important;padding:12px 15px;display:flex;justify-content:center;align-items:center;gap:8px;font-weight:800;text-decoration:none!important;cursor:pointer}.hoc-primary:hover{color:#fff!important;filter:brightness(1.05)}.hoc-primary:disabled{opacity:.65;cursor:wait}.hoc-link-button{margin-top:18px}.hoc-privacy{font-size:11px;color:#8b93a0;margin:12px 0 0;text-align:center}.hoc-result,.hoc-ai-result{margin-top:16px}
.hoc-error,.hoc-notice,.hoc-answer{padding:13px 14px;border-radius:13px;font-size:13px;line-height:1.5}.hoc-error{background:#fff0f0;color:#9a2929;border:1px solid #f1caca}.hoc-notice{background:#fff9e8;color:#75580b;border:1px solid #f1e0a8}.hoc-answer{background:#fff;border:1px solid var(--hoc-border);color:var(--hoc-text);box-shadow:0 7px 20px rgba(30,50,80,.05)}
.hoc-order-summary{background:linear-gradient(135deg,var(--hoc-accent),var(--hoc-accent-2));color:#fff;border-radius:17px;padding:16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 12px 28px rgba(11,45,88,.2)}.hoc-order-summary small{opacity:.78}.hoc-order-summary h3{margin:4px 0 0;color:#fff!important;font-size:20px}.hoc-status-pill{font-size:10px;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18)}
.hoc-timeline{margin:16px 4px 18px;display:grid}.hoc-step{position:relative;display:flex;align-items:center;gap:10px;min-height:38px;color:#8b93a0;font-size:12px}.hoc-step:not(:last-child):before{content:"";position:absolute;left:9px;top:27px;width:2px;height:22px;background:#dce1e8}.hoc-step i{width:20px;height:20px;border-radius:50%;border:2px solid #d7dde5;background:#fff;display:grid;place-items:center;z-index:1}.hoc-step i svg{width:12px}.hoc-step.is-done{color:var(--hoc-text);font-weight:700}.hoc-step.is-done i{background:var(--hoc-accent);border-color:var(--hoc-accent);color:#fff}.hoc-step.is-done:not(:last-child):before{background:var(--hoc-accent)}.hoc-step.is-danger i{background:#b73535;border-color:#b73535}
.hoc-tracking-card{background:#fff;border:1px solid var(--hoc-border);border-radius:16px;padding:14px;margin-bottom:14px;box-shadow:0 7px 20px rgba(30,50,80,.045)}.hoc-tracking-head{display:flex;gap:11px;align-items:center;margin-bottom:10px}.hoc-tracking-head>span{width:40px;height:40px;border-radius:12px;background:rgba(18,63,118,.08);color:var(--hoc-accent);display:grid;place-items:center}.hoc-tracking-head small,.hoc-tracking-head strong{display:block}.hoc-tracking-head small{color:var(--hoc-muted);font-size:11px}.hoc-tracking-head strong{font-size:14px;margin-top:2px}.hoc-data-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #eef1f5;font-size:12px}.hoc-data-row span{color:var(--hoc-muted)}.hoc-data-row b{text-align:right}.hoc-tracking-card>a{margin-top:10px;border-radius:11px;background:rgba(18,63,118,.08);color:var(--hoc-accent)!important;padding:10px 12px;text-decoration:none!important;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;gap:7px}.hoc-tracking-card>a:hover{color:var(--hoc-accent-2)!important;background:rgba(18,63,118,.13)}.hoc-tracking-card>a svg{width:15px}
.hoc-products{margin-top:18px}.hoc-products h4{font-size:13px;margin:0 0 10px}.hoc-product{display:flex;gap:11px;align-items:center;padding:9px;background:#fff;border:1px solid var(--hoc-border);border-radius:13px;margin-bottom:8px}.hoc-product img{width:50px;height:50px;border-radius:10px;object-fit:cover;background:#f1f3f6}.hoc-product strong,.hoc-product span{display:block}.hoc-product strong{font-size:12px}.hoc-product span{font-size:11px;color:var(--hoc-muted);margin-top:3px}
.hoc-feature-card{text-align:center;background:#fff;border:1px solid var(--hoc-border);border-radius:20px;padding:26px 20px;box-shadow:0 10px 30px rgba(30,50,80,.06)}.hoc-feature-card>span{margin:auto;width:62px;height:62px;border-radius:19px;background:rgba(18,63,118,.08);color:var(--hoc-accent);display:grid;place-items:center}.hoc-feature-card>span svg{width:28px;height:28px}.hoc-feature-card.compact{padding-top:20px}
.hoc-accordion{display:grid;gap:8px}.hoc-faq-item{background:#fff;border:1px solid var(--hoc-border);border-radius:14px;overflow:hidden}.hoc-faq-item>button{width:100%;padding:13px 14px;border:0;background:transparent;color:var(--hoc-text)!important;display:flex;justify-content:space-between;gap:10px;text-align:left;font-weight:750;cursor:pointer}.hoc-faq-item>button:hover{color:var(--hoc-text)!important;background:#fafbfd}.hoc-faq-item>button b{color:var(--hoc-accent);font-size:19px;line-height:1;transition:.2s}.hoc-faq-item>div{display:grid;grid-template-rows:0fr;transition:.22s}.hoc-faq-item>div>p{overflow:hidden;margin:0;padding:0 14px;color:var(--hoc-muted);font-size:12px;line-height:1.55}.hoc-faq-item.is-open>div{grid-template-rows:1fr}.hoc-faq-item.is-open>div>p{padding-bottom:14px}.hoc-faq-item.is-open>button b{transform:rotate(45deg)}.hoc-secondary-link{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:13px;color:var(--hoc-accent)!important;text-decoration:none!important;font-size:12px;font-weight:800}.hoc-secondary-link:hover{color:var(--hoc-accent-2)!important}.hoc-secondary-link svg{width:15px}
.hoc-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:hocSpin .7s linear infinite}@keyframes hocSpin{to{transform:rotate(360deg)}}
@media(max-width:600px){#hoc-root{right:12px;bottom:12px;left:12px}.hoc-launcher{margin-left:auto}.hoc-panel{position:fixed;left:0;right:0;bottom:0;width:100%;max-height:92vh;border-radius:24px 24px 0 0;transform:translateY(100%);transform-origin:center bottom}.hoc-panel.is-open{transform:none}.hoc-body{max-height:calc(92vh - 78px)}.hoc-screen{padding:20px}.hoc-launcher span{display:none}.hoc-launcher{width:54px;height:54px;padding:0;justify-content:center}}