/*
Theme Name: Deyn Xisaabiye Child
Theme URI: https://www.deyn-xisaabiye.com/
Description: Original Somali branding and templates for the Transportex parent theme.
Author: SomHack
Template: transportex
Version: 1.0.0
Text Domain: deyn-xisaabiye-child
*/
:root { --ink:#17233d; --blue:#0c5e9a; --aqua:#20a6a3; --cream:#f6f8fb; }
body { color:var(--ink); font-family:"DM Sans",sans-serif; }
h1,h2,h3 { font-family:"Playfair Display",serif; font-weight:700; }
.site-header { background:#fff; border-bottom:1px solid #e7edf3; }
.brand { color:var(--blue); font-size:1.4rem; font-weight:700; text-decoration:none; }
.hero { background:linear-gradient(120deg,#083d68,#0e76ad); color:#fff; }
.hero h1 { font-size:clamp(2.5rem,6vw,4.8rem); }
.eyebrow { font-size:.75rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.hero-card,.step { border-radius:1rem; padding:2rem; height:100%; }
.hero-card { background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.23); }
.hero-card i { font-size:2.5rem; color:#b6f2e7; margin-bottom:1rem; }
.step { background:#fff; box-shadow:0 12px 28px rgba(25,50,80,.08); }
.step span { color:var(--aqua); font-weight:700; }
.soft { background:var(--cream); }
.quote { font-family:"Playfair Display",serif; font-size:clamp(1.5rem,3vw,2.3rem); text-align:center; padding:2rem 10%; }
.site-footer { background:var(--ink); color:#dbe7f2; }