.et-page { font-family:-apple-system,’Segoe UI’,Roboto,Arial,sans-serif; color:#333; max-width:1100px; margin:0 auto; line-height:1.65; }
.et-hero { background:linear-gradient(135deg,#0f3460 0%,#16509e 60%,#1a63b5 100%); color:#fff; text-align:center; padding:64px 24px; border-radius:0 0 18px 18px; }
.et-hero h1 { font-size:2.4rem; margin:0 0 14px; font-weight:800; letter-spacing:.5px; }
.et-hero p { font-size:1.15rem; margin:0 auto 26px; max-width:720px; opacity:.92; }
.et-btn { display:inline-block; background:#e8630a; color:#fff !important; padding:14px 38px; border-radius:8px; text-decoration:none; font-weight:700; font-size:1.05rem; box-shadow:0 6px 18px rgba(232,99,10,.35); }
.et-btn:hover { background:#f2741f; }
.et-sec { padding:52px 24px; }
.et-sec h2 { text-align:center; color:#0f3460; font-size:1.7rem; margin:0 0 10px; font-weight:800; }
.et-sec .et-lead { text-align:center; color:#667; max-width:760px; margin:0 auto 36px; }
.et-models { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:24px; }
.et-model { background:#fff; border:1px solid #eef0f5; border-radius:12px; padding:28px; box-shadow:0 4px 16px rgba(0,0,0,.05); }
.et-model .et-tag { display:inline-block; background:#fff3e8; color:#e8630a; font-size:.78rem; font-weight:700; padding:4px 12px; border-radius:20px; margin-bottom:12px; letter-spacing:.5px; }
.et-model h3 { color:#0f3460; font-size:1.25rem; margin:0 0 12px; font-weight:800; }
.et-model ul { margin:0; padding-left:18px; color:#556; font-size:.93rem; }
.et-model ul li { margin-bottom:7px; }
.et-feats { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:18px; }
.et-feat { background:#f8f9fc; border-left:4px solid #e8630a; border-radius:8px; padding:18px 20px; }
.et-feat strong { display:block; color:#0f3460; margin-bottom:6px; font-size:1rem; }
.et-feat span { color:#667; font-size:.92rem; }
.et-apps { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
.et-app { background:#0f3460; color:#fff; padding:9px 20px; border-radius:24px; font-size:.92rem; font-weight:600; }
.et-cta { background:linear-gradient(135deg,#0f3460,#16509e); color:#fff; text-align:center; padding:56px 24px; border-radius:18px 18px 0 0; }
.et-cta h2 { color:#fff; font-size:1.8rem; margin:0 0 10px; }
.et-cta p { opacity:.92; margin:0 0 26px; }
@media(max-width:600px){ .et-hero h1{font-size:1.7rem;} }