/* DIT Phase 2A — additive design layer; original styles and features retained. */
:root{--dit-navy:#0b1742;--dit-blue:#12357c;--dit-gold:#f5cd32;--dit-ink:#132340;--dit-muted:#64748b;--dit-radius:20px}
html{scroll-behavior:smooth} body{overflow-x:hidden}
#price,#advantage{scroll-margin-top:85px}
.page_header{box-shadow:0 7px 28px rgba(11,23,66,.10)}
.page_header .logo{display:inline-flex;align-items:center;min-height:64px}
.page_header .logo .logo-text{color:#edd139}
.top-nav .nav a{transition:color .2s ease}
.top-nav .nav a:hover{color:var(--dit-gold)}
.page_slider .intro_featured_word{font-weight:800;letter-spacing:-.035em;line-height:1.06;text-shadow:0 5px 32px rgba(0,0,0,.25)}
.page_slider .dit-hero-cta{margin-top:18px;display:flex;flex-wrap:wrap;gap:12px;position:relative;z-index:2}
.page_slider .dit-hero-cta a{font-size:14px;font-weight:800;letter-spacing:.02em;border-radius:50px;padding:13px 25px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;transition:transform .2s ease,background .2s ease}
.page_slider .dit-hero-cta a:hover{transform:translateY(-2px)}
.dit-hero-cta .dit-cta-primary{background:var(--dit-gold);color:#111d3d!important}
.dit-hero-cta .dit-cta-secondary{border:1px solid rgba(255,255,255,.72);color:#fff!important;background:rgba(255,255,255,.12)}
#advantage{background-color:#10275c}
#advantage .dit-linked-box{border:1px solid rgba(255,255,255,.17);border-radius:22px;padding:32px 20px 26px;min-height:270px;background:rgba(255,255,255,.08);box-shadow:0 12px 32px rgba(0,0,0,.09);transition:transform .25s,background .25s,box-shadow .25s;height:100%}
#advantage .dit-linked-box:hover{transform:translateY(-5px);background:rgba(255,255,255,.14);box-shadow:0 17px 34px rgba(0,0,0,.16)}
#advantage .dit-linked-box .image-styled{margin-bottom:15px}
#advantage .dit-linked-box h5{margin-bottom:10px;letter-spacing:.04em}
#advantage .dit-linked-box p{margin-bottom:0;opacity:.9}
#advantage .dit-card-overlay:focus-visible{outline:3px solid var(--dit-gold);outline-offset:4px}
#price .pricing-plan{border-radius:20px!important;overflow:hidden;box-shadow:0 17px 38px rgba(16,36,79,.10);transition:transform .22s ease,box-shadow .22s ease}
#price .pricing-plan:hover{transform:translateY(-4px);box-shadow:0 22px 45px rgba(16,36,79,.17)}
#price .pricing-plan .plan-name{border-radius:0}
#price .btn{border-radius:999px}
.dit-all-plans{margin-top:58px;padding-top:38px;border-top:1px solid #e1e8f4}
.dit-all-plans .dit-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.17em;font-weight:800;color:#4062b1}
.dit-all-plans h2{font-size:clamp(27px,3.2vw,43px);font-weight:800;color:var(--dit-ink);margin:10px 0 8px}
.dit-all-plans .dit-subtitle{color:#60708c;margin-bottom:25px}
.dit-plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.dit-plan{position:relative;border:1px solid #e1e8f2;border-radius:20px;background:#fff;padding:22px;box-shadow:0 8px 24px rgba(20,43,91,.06);text-align:left;transition:transform .2s,box-shadow .2s}
.dit-plan:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(20,43,91,.12)}
.dit-plan.dit-featured{border:2px solid #f2ca31;background:linear-gradient(155deg,#fffaf0,#fff 55%)}
.dit-plan .dit-plan-label{font-weight:800;font-size:12px;letter-spacing:.13em;color:#516a93;text-transform:uppercase}
.dit-plan .dit-speed{font-size:clamp(26px,2.6vw,37px);font-weight:850;color:#11265a;margin:9px 0 5px;line-height:1.15}
.dit-plan .dit-speed span{font-size:16px;font-weight:650;color:#52647f}
.dit-plan .dit-cost{font-size:27px;font-weight:850;color:#103578}
.dit-plan .dit-cost small{font-size:13px;font-weight:500;color:#667992}
.dit-plan .dit-plan-action{display:block;border-radius:11px;margin-top:15px;padding:11px;text-align:center;background:#143c83;color:white!important;font-weight:700;text-decoration:none!important}
.dit-plan .dit-plan-action:hover{background:#0c275c}
.dit-services-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:11px;margin-top:23px}
.dit-services-strip span{border:1px solid #dfebff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:650;color:#405679;background:#f6f9ff}
.page_footer{border-top:4px solid #f1cf3e}
#allpackages .modal-content{border-radius:16px;overflow:hidden}
#allpackages .modal-body img{width:100%;height:auto}
@media(max-width:991px){.dit-plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#advantage .dit-linked-box{min-height:255px}.page_slider .intro_featured_word{font-size:clamp(30px,5vw,55px)}}
@media(max-width:575px){.dit-plans-grid{grid-template-columns:1fr}.dit-all-plans{margin-top:38px;padding-top:26px}.dit-plan{padding:19px}.page_slider .dit-hero-cta{gap:8px}.page_slider .dit-hero-cta a{padding:10px 16px;font-size:12px}.page_slider .intro_featured_word{font-size:clamp(28px,8vw,43px);line-height:1.12}#advantage .dit-linked-box{min-height:auto;padding:26px 16px}.dit-services-strip{gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#advantage .dit-linked-box,#price .pricing-plan,.dit-plan,.page_slider .dit-hero-cta a{transition:none!important;transform:none!important}}

/* Phase 2A v2: phone shortcuts and balanced five-card FTP layout. */
.dit-header-phones{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin:2px 0 6px}
.dit-header-phones a{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:8px;background:rgba(20,60,131,.06);color:#173c80!important;font-size:12px;font-weight:750;white-space:nowrap;text-decoration:none!important}
.dit-header-phones a:hover{background:#fff3c2;color:#10265a!important}
@media(max-width:1199px){.dit-header-phones{gap:5px}.dit-header-phones a{font-size:11px;padding:4px 6px}}
@media(max-width:991px){.dit-header-phones{display:none}}

/* Phase 2A v3: maintain original cards; only new local entertainment icon artwork. */
#advantage .dit-linked-box .image-styled img[src*="dit-ftp-"]{width:72px;height:72px;object-fit:contain;display:inline-block}
