html[data-dlpm-variant="B"]{
  --ink:#0F1726;--paper:#F7FAFD;--accent:#1F4DB8;--muted:#5B6F89;--line:#D6E0EB;--dark:#0F1A2B;--light:#FFFFFF;
}
html[data-dlpm-variant="B"] body{background:linear-gradient(180deg,#FAFCFE 0%,#F2F7FB 100%)}
html[data-dlpm-variant="B"] .site-header{background:rgba(247,250,253,.95);border-bottom-color:#D6E0EB;padding:12px 4vw}
html[data-dlpm-variant="B"] .mark{width:38px;height:38px;border-color:#1F4DB8;color:#1F4DB8;border-radius:10px;font-family:Inter,system-ui,sans-serif;font-size:1rem}
html[data-dlpm-variant="B"] .hero{padding:44px 4vw 42px!important;gap:42px!important;position:relative}
html[data-dlpm-variant="B"] .hero:before{content:"";position:absolute;left:4vw;right:4vw;top:14px;height:1px;background:linear-gradient(90deg,#1F4DB8,#78A8F6 58%,transparent);opacity:.38}
html[data-dlpm-variant="B"] .hero h1{font-size:clamp(2.7rem,5.2vw,4.6rem)!important;line-height:.96!important;letter-spacing:-.035em!important;margin:.4rem 0 1rem!important;max-width:10ch}
html[data-dlpm-variant="B"] .section h2{font-size:clamp(2rem,3.7vw,3.25rem)!important;line-height:1.02!important;letter-spacing:-.025em!important}
html[data-dlpm-variant="B"] .hero h1 em{color:#1F4DB8;text-decoration:none}
html[data-dlpm-variant="B"] .eyebrow{color:#1F4DB8}
html[data-dlpm-variant="B"] .lede{font-size:1.05rem;line-height:1.5;max-width:42rem}
html[data-dlpm-variant="B"] .actions{margin:20px 0 12px;gap:10px}
html[data-dlpm-variant="B"] .button,html[data-dlpm-variant="B"] button{border-radius:10px;padding:10px 16px}
html[data-dlpm-variant="B"] .primary{background:#1F4DB8;border-color:#1F4DB8;color:#fff}
html[data-dlpm-variant="B"] .framework-card{background:#0F1A2B;border-radius:16px;box-shadow:0 14px 34px rgba(15,23,38,.10);border-top:3px solid #3E79E6;padding:24px}
html[data-dlpm-variant="B"] .framework-card ol{margin-top:12px}
html[data-dlpm-variant="B"] .framework-card li{padding:14px 0}
html[data-dlpm-variant="B"] .framework-card .eyebrow.light,html[data-dlpm-variant="B"] .framework-card li span{color:#8FB4FF}
html[data-dlpm-variant="B"] .alt{background:#EDF3F8}
html[data-dlpm-variant="B"] .section{padding:54px 4vw!important}
html[data-dlpm-variant="B"] .card{border-radius:14px;border-color:#D6E0EB;box-shadow:none;padding:20px}
html[data-dlpm-variant="B"] .cards{gap:14px;margin-top:24px}
html[data-dlpm-variant="B"] .featured-tool{border-color:#8FB4FF;box-shadow:0 10px 26px rgba(31,77,184,.07)}
html[data-dlpm-variant="B"] .tool-status{border-radius:6px;background:#E7F0FD;color:#1F4DB8}
html[data-dlpm-variant="B"] .mobile-companion{background:#102544;border-top:0}
html[data-dlpm-variant="B"] .mobile-companion .eyebrow{color:#8FB4FF}
html[data-dlpm-variant="B"] .bridge a{color:#1F4DB8}
html[data-dlpm-variant="B"] .modal-panel,html[data-dlpm-variant="B"] .result,html[data-dlpm-variant="B"] .claim-chain p{border-radius:12px}
html[data-dlpm-variant="B"] input,html[data-dlpm-variant="B"] textarea,html[data-dlpm-variant="B"] select{border-radius:10px!important}
html[data-dlpm-variant="B"] a:focus-visible,html[data-dlpm-variant="B"] button:focus-visible,html[data-dlpm-variant="B"] .button:focus-visible,html[data-dlpm-variant="B"] input:focus-visible,html[data-dlpm-variant="B"] select:focus-visible,html[data-dlpm-variant="B"] textarea:focus-visible{outline-color:#3E79E6}
@media(min-width:1100px) and (max-height:900px){html[data-dlpm-variant="B"] .site-header{padding:9px 4vw}html[data-dlpm-variant="B"] .hero{padding:32px 4vw 30px!important;gap:34px!important}html[data-dlpm-variant="B"] .hero h1{font-size:clamp(2.65rem,4.7vw,4.05rem)!important;max-width:11ch}html[data-dlpm-variant="B"] .lede{font-size:1rem;line-height:1.46}html[data-dlpm-variant="B"] .actions{margin:16px 0 9px}html[data-dlpm-variant="B"] .framework-card{padding:20px}html[data-dlpm-variant="B"] .framework-card li{padding:11px 0}html[data-dlpm-variant="B"] .section{padding:46px 4vw!important}}
@media(max-width:900px){html[data-dlpm-variant="B"] .hero{padding-top:36px!important;gap:24px!important}}
@media(max-width:560px){html[data-dlpm-variant="B"] .hero{padding:26px 20px 28px!important}html[data-dlpm-variant="B"] .hero h1{font-size:clamp(2.35rem,12vw,3.25rem)!important}html[data-dlpm-variant="B"] .section{padding:40px 20px!important}}