*{box-sizing:border-box}.ot-site{font-family:'Cairo',sans-serif;background:#f3f6fa;color:#0f172a;overflow-x:hidden}.ot-wrap{width:min(1180px,calc(100% - 32px));margin-inline:auto}.ot-header{background:#080d16;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:50}.ot-header__inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.ot-brand img{max-height:44px;max-width:190px;display:block}.ot-menu{display:flex;align-items:center;gap:8px}.ot-menu a{color:#d7dfeb;text-decoration:none;font-weight:800;font-size:14px;padding:10px 12px;border-radius:999px}.ot-menu a:hover{color:#fff;background:rgba(255,255,255,.08)}.ot-header__actions{display:flex;align-items:center;gap:10px}.ot-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:11px 18px;font-weight:900;text-decoration:none;transition:.2s;border:1px solid transparent;font-size:14px}.ot-btn:hover{transform:translateY(-1px)}.ot-btn--red{background:linear-gradient(135deg,#e30613,#b9000b);color:#fff;box-shadow:0 16px 35px rgba(227,6,19,.22)}.ot-btn--ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff}.ot-btn--light{background:#fff;color:#0f172a;border-color:#e2e8f0}.ot-btn--lg{padding:14px 24px}.ot-hero{background:radial-gradient(circle at 25% 12%,rgba(227,6,19,.22),transparent 30%),linear-gradient(135deg,#0b111d 0%,#111827 54%,#930712 100%);color:#fff;padding:76px 0 64px}.ot-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.ot-pill{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:10px 14px;font-weight:900;font-size:13px}.ot-pill i{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 7px rgba(34,197,94,.12)}.ot-hero h1{font-size:clamp(34px,5vw,60px);line-height:1.18;margin:22px 0 18px;font-weight:900;letter-spacing:-1px;color:#fff}.ot-lead{font-size:18px;line-height:2;color:#d9e2ee;max-width:670px;margin:0}.ot-hero__actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.ot-hero__hint{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.ot-hero__hint span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#e5edf8;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:800}.ot-hero__panel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:30px;padding:20px;box-shadow:0 28px 80px rgba(0,0,0,.22);backdrop-filter:blur(12px)}.ot-panel__header{display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(8,13,22,.72);border-radius:22px;padding:18px}.ot-panel__header strong{display:block;color:#fff;font-size:18px}.ot-panel__header small{display:block;color:#aab7ca;margin-top:4px}.ot-status{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:9px 12px;font-weight:900;font-size:13px}.ot-status i{width:10px;height:10px;border-radius:50%}.ot-status--online{background:#eafff3;color:#047857}.ot-status--online i{background:#22c55e}.ot-panel__body{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.ot-dashboard-card,.ot-message-flow,.ot-qr-mini{background:#fff;border-radius:20px;padding:18px;color:#0f172a}.ot-dashboard-card span{display:block;color:#64748b;font-size:13px;font-weight:800}.ot-dashboard-card strong{display:block;margin-top:5px;font-size:20px;font-weight:900}.ot-dashboard-card--active{border:1px solid rgba(34,197,94,.25);background:#f0fff6}.ot-message-flow{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}.ot-flow-item{background:#f1f5f9;border-radius:16px;padding:12px 14px;font-weight:900}.ot-flow-item--red{background:#fff1f2;color:#e30613}.ot-flow-arrow{height:2px;flex:1;background:linear-gradient(90deg,#e30613,#0f172a);min-width:40px}.ot-qr-mini{grid-column:1/-1;display:flex;align-items:center;gap:14px}.ot-qr-mini>span{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#0f172a;color:#fff}.ot-qr-mini strong{display:block}.ot-qr-mini small{color:#64748b}.ot-section{padding:70px 0}.ot-section--compact{padding:48px 0}.ot-section--soft{background:#fff}.ot-section__head{text-align:center;margin-bottom:32px}.ot-section__head span,.ot-side-card>span,.ot-status-card span{color:#e30613;font-size:13px;font-weight:900;background:#fff1f2;border-radius:999px;padding:7px 12px;display:inline-flex}.ot-section__head h2,.ot-side-card h2,.ot-status-card h2{font-size:clamp(26px,3vw,40px);font-weight:900;margin:14px 0 8px;color:#0f172a}.ot-section__head p,.ot-side-card p,.ot-status-card p{color:#64748b;line-height:1.9;margin:0}.ot-split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ot-side-card{background:#fff;border:1px solid #dde5ef;border-radius:28px;padding:30px;box-shadow:0 20px 55px rgba(15,23,42,.07)}.ot-side-card--dark{background:linear-gradient(135deg,#0b111d,#162033);color:#fff}.ot-side-card--dark h2{color:#fff}.ot-side-card--dark p{color:#cbd5e1}.ot-side-card a{display:inline-flex;margin-top:20px;color:#e30613;font-weight:900;text-decoration:none}.ot-side-card--dark a{color:#fff}.ot-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ot-feature{background:#fff;border:1px solid #dde5ef;border-radius:26px;padding:24px;box-shadow:0 20px 50px rgba(15,23,42,.06)}.ot-feature i{width:50px;height:50px;border-radius:16px;background:#0f172a;color:#fff;display:grid;place-items:center;margin-bottom:16px}.ot-feature h3{font-size:20px;font-weight:900;margin:0 0 8px}.ot-feature p{color:#64748b;line-height:1.85;margin:0}.ot-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ot-step{background:#f8fafc;border:1px solid #e2e8f0;border-radius:24px;padding:22px}.ot-step b{display:grid;place-items:center;width:42px;height:42px;background:#e30613;color:#fff;border-radius:50%;margin-bottom:14px}.ot-step h3{font-size:18px;font-weight:900;margin:0 0 6px}.ot-step p{color:#64748b;line-height:1.8;margin:0}.ot-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ot-plan{background:#fff;border:1px solid #dde5ef;border-radius:26px;padding:24px;box-shadow:0 20px 55px rgba(15,23,42,.07)}.ot-plan>span{display:inline-flex;color:#e30613;background:#fff1f2;border-radius:999px;padding:7px 10px;font-weight:900;font-size:12px}.ot-plan h3{font-size:24px;font-weight:900;margin:16px 0}.ot-plan ul{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:10px}.ot-plan li{color:#334155;font-weight:800}.ot-plan li:before{content:'✓';color:#16a34a;margin-left:8px;font-weight:900}.ot-btn--plan{width:100%;background:#0f172a;color:#fff}.ot-status-card{background:linear-gradient(135deg,#0b111d,#99111b);border-radius:30px;padding:36px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.ot-status-card h2{color:#fff}.ot-status-card p{color:#d7dfeb}.ot-status-list{display:grid;gap:12px;min-width:280px}.ot-status-list span{display:flex!important;align-items:center;gap:10px;background:rgba(255,255,255,.1)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:11px 14px!important}.ot-status-list i{width:10px;height:10px;border-radius:50%;background:#22c55e}.ot-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ot-faq-grid>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:22px;padding:22px}.ot-faq-grid strong{font-size:17px;color:#0f172a}.ot-faq-grid p{color:#64748b;line-height:1.85;margin:8px 0 0}.ot-footer{background:#080d16;color:#d7dfeb;padding:34px 0}.ot-footer__grid{display:flex;align-items:center;justify-content:space-between;gap:22px}.ot-footer img{max-height:40px;max-width:180px}.ot-footer p{margin:10px 0 0;color:#94a3b8}.ot-footer a{color:#d7dfeb;text-decoration:none;font-weight:800;margin-inline-start:16px}.ot-footer a:hover{color:#fff}@media(max-width:1024px){.ot-hero__grid,.ot-split{grid-template-columns:1fr}.ot-feature-grid{grid-template-columns:1fr 1fr}.ot-plans,.ot-steps{grid-template-columns:1fr 1fr}.ot-menu{display:none}}@media(max-width:640px){.ot-header__inner{height:auto;padding:14px 0;flex-wrap:wrap}.ot-header__actions{width:100%;justify-content:center}.ot-hero{padding:48px 0}.ot-panel__body,.ot-feature-grid,.ot-plans,.ot-steps,.ot-faq-grid{grid-template-columns:1fr}.ot-message-flow{display:grid}.ot-flow-arrow{height:28px;width:2px;justify-self:center}.ot-status-card,.ot-footer__grid{display:grid}.ot-footer a{display:block;margin:10px 0 0}.ot-hero h1{font-size:34px}}