/* DevDobiTech Digital Footprint – content + design system v23 */
:root{--df-green:#15803D;--df-green-bright:#4ADE80;--df-green-pale:#DCFCE7;--df-dark:#0D1410;--df-dark2:#111A14;--df-ink:#141A17;--df-muted:#4B5A51;--df-line:#D9E1DC}
.df-hero{padding:92px 0 76px;position:relative;overflow:hidden;background:radial-gradient(circle at 74% 18%,rgba(34,197,94,.17),transparent 30%),radial-gradient(circle at 16% 85%,rgba(21,128,61,.09),transparent 30%),#0D0D0D;color:#F7FAF8}
.df-hero:after{content:"";position:absolute;inset:auto -10% -28% 20%;height:430px;background:radial-gradient(ellipse,rgba(34,197,94,.10),transparent 68%);pointer-events:none}
.df-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center;position:relative;z-index:1}
.df-kicker,.df-label{font:800 12px/1.2 "Space Grotesk",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#4ADE80}
.df-hero h1{font:700 clamp(50px,6.8vw,88px)/.95 "Space Grotesk",sans-serif;letter-spacing:-.058em;margin:19px 0 25px;max-width:860px}
.df-hero h1 em{font-style:normal;color:#4ADE80}
.df-lead{font-size:18px;line-height:1.75;color:#C8D3CC;max-width:730px}
.df-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.df-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:12px;font:800 13px/1 "Manrope",sans-serif;text-decoration:none;transition:transform .2s,background .2s,border-color .2s}
.df-btn:hover{transform:translateY(-2px)}
.df-primary{background:#15803D;color:#fff!important;box-shadow:0 14px 30px rgba(21,128,61,.22)}
.df-primary:hover{background:#166534}.df-ghost{border:1px solid rgba(255,255,255,.20);background:rgba(255,255,255,.03);color:#F7FAF8!important}
.df-proof{display:flex;gap:23px;margin-top:37px;padding-top:24px;border-top:1px solid rgba(255,255,255,.10);flex-wrap:wrap}
.df-proof b{display:block;color:#4ADE80;font:800 12px "Space Grotesk";letter-spacing:.12em}.df-proof span{display:block;margin-top:5px;color:#B9C5BD;font-size:12px}
.df-visual{min-height:490px;border:1px solid rgba(74,222,128,.20);border-radius:20px;background:linear-gradient(145deg,#161D18,#0A0E0B);position:relative;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.34)}
.df-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(34,197,94,.10),transparent 40%),radial-gradient(circle at 55% 37%,rgba(74,222,128,.17),transparent 23%)}
.df-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 30%,rgba(74,222,128,.32),rgba(15,33,21,.9));border:1px solid rgba(74,222,128,.35);box-shadow:0 0 0 15px rgba(34,197,94,.05),0 0 90px rgba(34,197,94,.16)}
.df-core strong{font:800 12px "Space Grotesk";letter-spacing:.14em;color:#DCFCE7}.df-node{position:absolute;background:rgba(16,23,18,.90);border:1px solid rgba(255,255,255,.11);border-radius:14px;padding:13px 14px;box-shadow:0 18px 40px rgba(0,0,0,.30);backdrop-filter:blur(7px)}
.df-node b{display:block;font:800 10px "Space Grotesk";letter-spacing:.14em;color:#86EFAC;text-transform:uppercase}.df-node span{display:block;margin-top:6px;color:#F2F7F4;font-size:13px;line-height:1.35}.df-node.a{left:24px;top:30px;width:190px}.df-node.b{right:22px;top:105px;width:200px}.df-node.c{left:38px;bottom:78px;width:220px}.df-node.d{right:32px;bottom:30px;width:210px}
.df-link{position:absolute;height:1px;background:linear-gradient(90deg,rgba(74,222,128,0),rgba(74,222,128,.58),rgba(74,222,128,0));transform-origin:left center}.df-link.l1{width:190px;left:181px;top:125px;transform:rotate(24deg)}.df-link.l2{width:185px;right:190px;top:190px;transform:rotate(156deg)}.df-link.l3{width:205px;left:185px;bottom:133px;transform:rotate(-23deg)}.df-link.l4{width:195px;right:195px;bottom:96px;transform:rotate(204deg)}
.df-light{background:#F5F6F7;color:#151B18}.df-section{padding:92px 0}.df-head{display:grid;grid-template-columns:1fr .82fr;gap:65px;align-items:end;margin-bottom:42px}.df-head h2{font:700 clamp(38px,5vw,62px)/1 "Space Grotesk";letter-spacing:-.045em;margin:11px 0 0;color:#141A17}.df-head>p{color:#4B5A51;line-height:1.75}.df-head.light h2{color:#fff}.df-head.light>p{color:#BAC8BE}.df-head.light .df-label{color:#4ADE80}
.df-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.df-card{background:#fff;border:1px solid #D8E0DB;border-top:3px solid #15803D;border-radius:12px;padding:27px;min-height:230px;box-shadow:0 8px 24px rgba(13,13,13,.045)}.df-card .num{font:800 11px "Space Grotesk";color:#15803D;letter-spacing:.12em}.df-card h3{font:700 21px/1.15 "Space Grotesk";margin:12px 0 10px;color:#141A17}.df-card p{margin:0;color:#4B5A51;line-height:1.7}.df-card a{display:inline-flex;margin-top:18px;color:#166534;font-weight:800;font-size:13px;text-decoration:none}.df-card a:hover{text-decoration:underline}
.df-strip{padding:23px 0;background:#111A14;border-top:1px solid rgba(74,222,128,.13);border-bottom:1px solid rgba(74,222,128,.13);color:#E8F2EC}.df-strip-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.df-strip strong{font:800 13px "Space Grotesk";letter-spacing:.12em;text-transform:uppercase;color:#86EFAC}.df-strip span{font-size:13px;color:#C1CEC6}.df-strip a{color:#BBF7D0;font-weight:800;white-space:nowrap}
.df-dark{background:#0F1511;color:#F7FAF8}.df-usecases{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.df-usecase{background:#141C16;border:1px solid rgba(255,255,255,.10);border-radius:12px;padding:25px}.df-usecase h3{font:700 21px "Space Grotesk";margin:0 0 9px;color:#fff}.df-usecase p{margin:0;color:#BECBC2;line-height:1.7}.df-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.df-tags span{border:1px solid rgba(74,222,128,.24);color:#BBF7D0;border-radius:999px;padding:6px 9px;font-size:11px}
.df-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.df-flow-item{background:#fff;border:1px solid #D8E0DB;border-radius:12px;padding:24px}.df-flow-item b{display:block;color:#15803D;font:800 11px "Space Grotesk";letter-spacing:.12em}.df-flow-item h3{font:700 19px "Space Grotesk";margin:11px 0 8px;color:#141A17}.df-flow-item p{margin:0;color:#4B5A51;line-height:1.65;font-size:14px}
.df-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.df-plan{background:#fff;border:1px solid #D8E0DB;border-radius:12px;padding:27px;box-shadow:0 8px 24px rgba(13,13,13,.045)}.df-plan.featured{border:2px solid #15803D;box-shadow:0 14px 34px rgba(21,128,61,.12)}.df-plan-tag{display:inline-block;background:#DCFCE7;color:#166534;font:800 10px "Space Grotesk";letter-spacing:.12em;padding:7px 9px;border-radius:999px}.df-plan h3{font:800 17px "Space Grotesk";letter-spacing:.08em;margin:15px 0 8px}.df-plan .price{font:800 26px "Space Grotesk";color:#121914}.df-plan ul{margin:18px 0 24px;padding:0;list-style:none;display:grid;gap:9px}.df-plan li{color:#4B5A51;line-height:1.5;font-size:14px;padding-left:20px;position:relative}.df-plan li:before{content:"✓";position:absolute;left:0;color:#15803D;font-weight:900}.df-plan a{width:100%;justify-content:center}
.df-note{padding:84px 0;background:#101712;color:#fff}.df-note-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:60px}.df-note h2{font:700 clamp(34px,4.4vw,54px)/1.02 "Space Grotesk";letter-spacing:-.04em;margin:12px 0 0}.df-note p{color:#C2CEC5;line-height:1.78;margin:0 0 14px}.df-note strong{color:#fff}.df-note a{color:#86EFAC}
.df-faq{border-top:1px solid #D8E0DB}.df-faq details{border-bottom:1px solid #D8E0DB;padding:18px 0}.df-faq summary{cursor:pointer;display:flex;justify-content:space-between;gap:18px;list-style:none;font:700 18px "Space Grotesk";color:#171C18}.df-faq summary::-webkit-details-marker{display:none}.df-faq summary span{color:#15803D}.df-faq p{margin:12px 0 0;color:#4B5A51;line-height:1.7;max-width:900px}
.df-sources{padding:56px 0;background:#EEF3F0;border-top:1px solid #D7E0DB}.df-sources h2{font:700 28px "Space Grotesk";margin:0 0 18px}.df-sources ul{margin:0;padding-left:18px}.df-sources li{margin:8px 0}.df-sources a{color:#14532D;text-decoration:underline;text-underline-offset:3px}.df-disclaimer{margin-top:18px;color:#5A685F;line-height:1.65;font-size:13px;max-width:980px}
.df-cta{padding:88px 0;background:radial-gradient(circle at 72% 20%,rgba(34,197,94,.17),transparent 29%),#0D0D0D;color:#fff;text-align:center}.df-cta h2{font:700 clamp(38px,5vw,62px)/1 "Space Grotesk";letter-spacing:-.045em;margin:12px auto 18px;max-width:850px}.df-cta p{max-width:720px;margin:0 auto;color:#C5D0C9;line-height:1.75}.df-cta .df-actions{justify-content:center}
.df-detail-hero{padding:78px 0 74px;background:radial-gradient(circle at 74% 20%,rgba(34,197,94,.16),transparent 31%),#0D0D0D;color:#fff}.df-breadcrumb{font-size:12px;color:#9FB0A5}.df-breadcrumb a{color:#BBF7D0}.df-detail-hero h1{font:700 clamp(46px,6.1vw,74px)/.97 "Space Grotesk";letter-spacing:-.055em;max-width:940px;margin:15px 0 22px}.df-detail-hero h1 em{font-style:normal;color:#4ADE80}.df-detail-lead{font-size:18px;line-height:1.78;color:#C7D3CC;max-width:820px}.df-detail-grid{display:grid;grid-template-columns:1fr .88fr;gap:50px;align-items:start}.df-detail-side{border:1px solid rgba(74,222,128,.19);background:#121A14;border-radius:16px;padding:28px;position:sticky;top:102px}.df-detail-side h3{margin:0;font:700 23px "Space Grotesk"}.df-detail-side p{color:#BECCC2;line-height:1.7}.df-side-list{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:9px}.df-side-list li{color:#D4DFD7;font-size:14px;padding-left:20px;position:relative}.df-side-list li:before{content:"✓";position:absolute;left:0;color:#4ADE80;font-weight:900}.df-detail-content{padding:84px 0}.df-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.df-feature{background:#fff;border:1px solid #D8E0DB;border-left:3px solid #15803D;border-radius:12px;padding:25px}.df-feature h3{font:700 21px "Space Grotesk";margin:0 0 10px;color:#161B18}.df-feature p{color:#4B5A51;line-height:1.72;margin:0}.df-detail-section{padding:84px 0;background:#F5F6F7}.df-detail-section.dark{background:#0F1511;color:#fff}.df-detail-section.dark .df-head h2{color:#fff}.df-detail-section.dark .df-head>p{color:#BECBC2}
.df-comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px}.df-compare-card{border-radius:12px;padding:25px;background:#fff;border:1px solid #D8E0DB;color:#141A17}.df-compare-card.green{background:#F0FDF4;border-color:#BBDFC5}.df-compare-card h3{font:700 20px "Space Grotesk";margin:0 0 10px;color:#141A17}.df-compare-card p{color:#4B5A51;line-height:1.7;margin:0}.df-compare-card ul{margin:15px 0 0;padding-left:18px;color:#4B5A51;line-height:1.7}
.df-detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.df-footnote{font-size:12px;color:#68766D;line-height:1.6;margin-top:17px}
.df-focus-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.df-focus-item{background:#fff;border:1px solid #D8E0DB;border-radius:12px;padding:20px}.df-focus-item strong{font:800 11px "Space Grotesk";color:#15803D;letter-spacing:.13em}.df-focus-item h3{font:700 18px "Space Grotesk";margin:9px 0 7px}.df-focus-item p{margin:0;color:#4B5A51;line-height:1.65;font-size:14px}
.df-compact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.df-compact{background:#141C16;border:1px solid rgba(255,255,255,.10);border-radius:12px;padding:22px}.df-compact h3{font:700 19px "Space Grotesk";margin:0 0 8px}.df-compact p{color:#BECBC2;line-height:1.68;margin:0}
.df-mark{display:inline-flex;align-items:center;gap:8px}.df-mark i{width:8px;height:8px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 6px rgba(74,222,128,.08)}
@media (max-width:900px){.df-hero-grid,.df-detail-grid{grid-template-columns:1fr}.df-visual{min-height:420px}.df-head{grid-template-columns:1fr;gap:16px}.df-grid,.df-plans,.df-focus-list,.df-compact-grid{grid-template-columns:1fr}.df-flow{grid-template-columns:repeat(2,1fr)}.df-usecases,.df-comparison,.df-feature-grid{grid-template-columns:1fr}.df-detail-side{position:static}.df-strip-inner{align-items:flex-start;flex-direction:column;gap:10px}}
@media (max-width:640px){.df-hero{padding:72px 0 58px}.df-hero h1{font-size:clamp(43px,12vw,61px)}.df-lead,.df-detail-lead{font-size:16px}.df-section,.df-detail-content,.df-detail-section{padding:68px 0}.df-actions,.df-detail-actions{flex-direction:column}.df-btn{width:100%}.df-visual{min-height:380px;border-radius:16px}.df-node.a{left:14px;top:18px;width:158px}.df-node.b{right:12px;top:88px;width:170px}.df-node.c{left:16px;bottom:72px;width:175px}.df-node.d{right:14px;bottom:20px;width:175px}.df-core{width:108px;height:108px}.df-flow{grid-template-columns:1fr}.df-proof{gap:16px}.df-note-grid{grid-template-columns:1fr;gap:25px}.df-detail-hero h1{font-size:clamp(41px,11vw,58px)}
}
.dd-site[data-brand="digital"] .dd-label,.dd-site[data-brand="digital"] .dd-eyebrow{color:#15803D}
.dd-site[data-brand="digital"] .site-header .main-nav a:hover,.dd-site[data-brand="digital"] .site-header .main-nav a[aria-current="page"]{color:#86EFAC!important}
.dd-site[data-brand="digital"] .site-header .nav-cta{border-color:#22C55E!important;color:#86EFAC!important}
.dd-site[data-brand="digital"] .site-header .nav-cta:hover{background:#22C55E!important;color:#08200F!important}
.dd-site[data-brand="digital"] .menu-button span{background:#22C55E!important}