:root{
  --df-blue:#0f4c81;
  --df-blue-2:#123d66;
  --df-green:#16834a;
  --df-orange:#f58220;
  --df-bg:#f3f7fb;
  --df-card:#ffffff;
  --df-border:#d9e3ec;
  --df-text:#10243a;
  --df-muted:#5c6b7a;
  --df-shadow:0 14px 35px rgba(16,36,58,.08);
  --df-radius:18px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Segoe UI,Arial,sans-serif;background:var(--df-bg);color:var(--df-text)}
a{color:inherit;text-decoration:none}
.df-topbar{background:#fff;border-bottom:1px solid var(--df-border);position:sticky;top:0;z-index:10}
.df-nav{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 22px}
.df-brand{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--df-blue);letter-spacing:.2px}
.df-logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--df-blue),#2c7fc0);display:grid;place-items:center;color:#fff;font-weight:900}
.df-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.df-links a{font-weight:700;color:var(--df-blue-2);padding:9px 11px;border-radius:999px}
.df-links a:hover{background:#eaf3fb}.df-menu{display:none;background:#fff;border:1px solid var(--df-border);border-radius:10px;padding:8px 10px;font-weight:800;color:var(--df-blue)}
.df-hero{background:linear-gradient(135deg,var(--df-blue-2),var(--df-blue));color:#fff;padding:54px 20px 50px;text-align:center}
.df-hero h1{font-size:clamp(30px,4vw,48px);line-height:1.1;margin:0 0 14px}.df-hero p{font-size:18px;margin:0 auto;max-width:760px;color:#e7f2fb}.df-hero-actions{margin-top:26px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.df-wrap{max-width:1180px;margin:0 auto;padding:30px 22px 56px}.df-language{display:flex;justify-content:flex-end;gap:8px;margin:0 0 22px}.df-language button{border:1px solid var(--df-border);background:#fff;padding:8px 16px;border-radius:999px;font-weight:800;color:var(--df-blue);cursor:pointer}.df-language button.active{background:var(--df-blue);color:#fff;border-color:var(--df-blue)}
.df-alert{background:#fff8ed;border:1px solid #ffd9a9;color:#7c3d00;border-radius:var(--df-radius);padding:18px 20px;margin:0 0 24px;font-size:16px}.df-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.df-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.df-card{background:var(--df-card);border:1px solid var(--df-border);border-radius:var(--df-radius);box-shadow:var(--df-shadow);padding:24px}.df-card h2,.df-card h3{margin:0 0 12px}.df-card p{color:var(--df-muted);line-height:1.55}.df-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:800;background:#eaf3fb;color:var(--df-blue);margin-bottom:12px}.df-price{font-size:32px;font-weight:900;color:var(--df-blue);margin:8px 0}.df-price small{font-size:14px;color:var(--df-muted);font-weight:700}.df-list{padding-left:20px;margin:15px 0 20px;color:#24384d}.df-list li{margin:8px 0}.df-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.df-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:10px;font-weight:900;color:#fff;background:var(--df-blue);border:0;cursor:pointer;white-space:nowrap}.df-btn:hover{filter:brightness(.96)}.df-btn.orange{background:var(--df-orange)}.df-btn.green{background:var(--df-green)}.df-btn.gray{background:#64748b}.df-btn.outline{background:#fff;color:var(--df-blue);border:1px solid var(--df-border)}.df-section-title{margin:34px 0 16px}.df-section-title h2{margin:0;font-size:28px}.df-section-title p{color:var(--df-muted);margin:8px 0 0}.df-support-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin:18px 0}.df-contact-box{background:#f8fbfe;border:1px solid var(--df-border);border-radius:14px;padding:18px;min-width:0}.df-contact-box h3{margin:0 0 12px;color:var(--df-blue-2)}.df-contact-box a,.df-contact-box strong{display:inline-block;max-width:100%;overflow-wrap:anywhere}.df-contact-value{display:inline-flex;align-items:center;min-height:44px;padding:11px 14px;border-radius:10px;background:var(--df-blue);color:#fff;font-weight:900;overflow-wrap:anywhere;max-width:100%}.df-contact-value.green{background:var(--df-green)}.df-footer{text-align:center;color:var(--df-muted);font-size:13px;padding:28px}.df-note{font-size:14px;color:var(--df-muted);line-height:1.6}.df-feature-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.df-feature{background:#fff;border:1px solid var(--df-border);border-radius:14px;padding:16px;font-weight:800;color:var(--df-blue-2);text-align:center}
@media(max-width:900px){.df-grid,.df-grid-2,.df-support-row,.df-feature-strip{grid-template-columns:1fr}.df-nav{align-items:flex-start}.df-links{display:none;width:100%;padding-top:10px}.df-links.open{display:flex}.df-menu{display:block}.df-hero{padding:42px 18px}.df-wrap{padding:24px 16px 44px}.df-card{padding:20px}.df-actions .df-btn{width:100%}.df-language{justify-content:center}.df-support-row{gap:12px}}