/* DALFAST Document Tools hub — professional landing */
.dt-container { max-width:1140px; margin:0 auto; padding:0 1.5rem; }

/* Hero */
.dt-hero { background:linear-gradient(160deg,#06304a 0%,#0B7EA8 55%,#4DCFE0 130%); color:#fff; padding:4.5rem 1.5rem 4rem; text-align:center; position:relative; overflow:hidden; }
.dt-hero:before { content:''; position:absolute; inset:0; background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.12),transparent 40%),radial-gradient(circle at 10% 90%,rgba(255,255,255,.08),transparent 40%); }
.dt-hero-inner { position:relative; max-width:820px; margin:0 auto; }
.dt-hero-badge { display:inline-block; background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.25); padding:.4rem 1rem; border-radius:100px; font-size:.82rem; font-weight:600; margin-bottom:1.5rem; }
.dt-hero-title { font-family:'Syne',sans-serif; font-size:clamp(2rem,5vw,3.3rem); font-weight:800; line-height:1.08; margin:0 0 1rem; }
.dt-hero-title span { color:#A8EBF2; }
.dt-hero-sub { font-size:1.08rem; line-height:1.6; opacity:.94; max-width:640px; margin:0 auto 2rem; }
.dt-hero-cta { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; margin-bottom:1.75rem; }
.dt-hero-cta .btn-lg { padding:.9rem 2rem; font-size:1rem; }
.dt-hero-cta .btn-outline { background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.6); color:#fff; }
.dt-hero-cta .btn-outline:hover { background:#fff; color:#0B7EA8; }
.dt-hero-trust { font-size:.85rem; opacity:.9; }

/* Section heads */
.dt-tools-section { padding:4rem 0; background:var(--surface); }
.dt-section-head { text-align:center; margin-bottom:2.25rem; }
.dt-section-head h2 { font-family:'Syne',sans-serif; font-size:clamp(1.6rem,3.5vw,2.3rem); font-weight:800; color:var(--ink); margin:0 0 .5rem; }
.dt-section-head p { color:var(--ink-soft); max-width:600px; margin:0 auto; font-size:.98rem; }

/* Category tabs */
.dt-cat-tabs { display:flex; gap:.5rem; flex-wrap:wrap; justify-content:center; margin-bottom:2rem; }
.dt-cat-tab { padding:.5rem 1.15rem; border-radius:100px; border:1.5px solid var(--border); background:#fff; font-size:.88rem; font-weight:600; color:var(--ink-muted); cursor:pointer; font-family:inherit; transition:all .18s; }
.dt-cat-tab:hover { border-color:var(--teal); color:var(--teal); }
.dt-cat-tab.active { background:var(--teal); border-color:var(--teal); color:#fff; }

/* Tool grid */
.dt-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:1.1rem; }
.dt-card { display:flex; align-items:center; gap:1rem; background:#fff; border:1.5px solid var(--border); border-radius:16px; padding:1.15rem 1.25rem; text-decoration:none; color:inherit; transition:all .2s; }
.dt-card:hover { border-color:var(--teal); box-shadow:0 12px 32px rgba(11,126,168,.13); transform:translateY(-3px); }
.dt-card-ic { width:52px; height:52px; border-radius:13px; background:linear-gradient(135deg,rgba(11,126,168,.1),rgba(77,207,224,.12)); display:flex; align-items:center; justify-content:center; font-size:1.55rem; flex-shrink:0; }
.dt-card-body { flex:1; min-width:0; }
.dt-card-title { font-weight:700; font-size:1rem; color:var(--ink); margin-bottom:.2rem; display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; }
.dt-card-desc { font-size:.85rem; color:var(--ink-soft); line-height:1.45; }
.dt-card-arrow { color:var(--teal); font-size:1.15rem; font-weight:700; flex-shrink:0; transition:transform .2s; }
.dt-card:hover .dt-card-arrow { transform:translateX(4px); }

/* Pricing */
.dt-pricing { padding:4rem 0; background:var(--surface-2); }
.dt-plans { display:grid; grid-template-columns:repeat(2,minmax(0,340px)); gap:1.5rem; justify-content:center; margin-bottom:1.5rem; }
.dt-plan { background:#fff; border:1.5px solid var(--border); border-radius:20px; padding:2rem 1.75rem; position:relative; }
.dt-plan-pro { border:2px solid var(--teal); box-shadow:0 16px 44px rgba(11,126,168,.16); }
.dt-plan-flag { position:absolute; top:-13px; left:50%; transform:translateX(-50%); background:linear-gradient(135deg,#0B7EA8,#4DCFE0); color:#fff; font-size:.7rem; font-weight:800; letter-spacing:.05em; padding:.3rem .9rem; border-radius:100px; }
.dt-plan-name { font-size:.85rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; color:var(--ink-muted); margin-bottom:.5rem; }
.dt-plan-price { font-family:'Syne',sans-serif; font-size:2.6rem; font-weight:800; color:var(--ink); line-height:1; }
.dt-plan-price span { font-size:.85rem; font-weight:600; color:var(--ink-muted); }
.dt-plan-alt { font-size:.82rem; color:var(--ink-muted); margin-top:.3rem; }
.dt-plan-list { list-style:none; padding:0; margin:1.5rem 0; display:grid; gap:.6rem; }
.dt-plan-list li { font-size:.9rem; color:var(--ink); }
.dt-plan-list .dt-muted { color:var(--ink-muted); }
.btn-block { width:100%; justify-content:center; }
.dt-pricing-note { text-align:center; font-size:.82rem; color:var(--ink-muted); }

/* Why */
.dt-why { padding:4rem 0; background:var(--surface); }
.dt-why-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:1.25rem; }
.dt-why-card { background:#fff; border:1.5px solid var(--border); border-radius:16px; padding:1.75rem 1.5rem; text-align:center; }
.dt-why-ic { font-size:2rem; margin-bottom:.75rem; }
.dt-why-card h3 { font-family:'Syne',sans-serif; font-size:1.05rem; font-weight:700; color:var(--ink); margin:0 0 .5rem; }
.dt-why-card p { font-size:.88rem; color:var(--ink-soft); line-height:1.55; margin:0; }

@media(max-width:720px){ .dt-plans{ grid-template-columns:1fr; } }