/*
Theme Name: DataBunker Modern
Theme URI: https://www.databunker1.com/
Author: DataBunker
Description: A lean, media-first rebuild for the DataBunker product site.
Version: 0.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: databunker-modern
*/

:root{--ink:#080a0c;--panel:#101417;--panel-2:#161b1f;--line:#2a3136;--text:#f4f6f7;--muted:#aab2b7;--accent:#ff9e17;--accent-2:#ffbd4c;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit}.site-header{position:sticky;top:0;z-index:20;background:rgba(8,10,12,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{max-width:var(--max);margin:auto;min-height:78px;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand img{display:block;width:174px;height:auto}.site-nav{display:flex;gap:30px;align-items:center;color:#cbd1d4;font-size:.91rem}.site-nav a{text-decoration:none}.site-nav a:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid var(--accent);color:#0a0c0d;background:var(--accent);font-weight:800;text-decoration:none;border-radius:3px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:var(--accent-2)}.button--outline{background:transparent;color:var(--accent)}.menu-toggle{display:none;background:none;border:0;color:white;font-size:1.5rem}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 32%,#273138 0,#151a1e 29%,#090b0d 68%)}.hero-inner{max-width:var(--max);min-height:650px;margin:auto;padding:82px 28px 74px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:24px}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-size:.75rem;font-weight:800}.hero h1{font-size:clamp(3.2rem,7vw,6.8rem);line-height:.95;letter-spacing:-.065em;margin:22px 0 26px;max-width:650px}.hero h1 span{color:var(--accent)}.lead{font-size:clamp(1.05rem,2vw,1.35rem);color:#d4dade;max-width:510px;margin:0 0 32px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-note{font-size:.82rem;color:var(--muted);margin-top:14px}.hero-product{position:relative;min-height:520px;display:grid;place-items:center}.hero-product:before{content:"";position:absolute;width:80%;height:28%;bottom:12%;border-radius:50%;background:#000;filter:blur(28px);opacity:.8}.hero-product img{position:relative;z-index:1;display:block;width:min(100%,650px);height:auto;filter:drop-shadow(0 30px 34px rgba(0,0,0,.55))}.proof{background:var(--panel);border-block:1px solid var(--line)}.proof-inner{max-width:var(--max);margin:auto;padding:26px 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.proof-item{display:flex;gap:15px;align-items:center}.proof-mark{width:34px;height:34px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;color:var(--accent);font-size:.8rem}.proof-item strong{display:block;font-size:.95rem}.proof-item span{display:block;color:var(--muted);font-size:.8rem}.section{max-width:var(--max);margin:auto;padding:100px 28px}.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.section h2{font-size:clamp(2.5rem,5vw,4.9rem);line-height:.98;letter-spacing:-.055em;margin:18px 0 24px}.section p{color:var(--muted);max-width:580px}.media-frame{background:linear-gradient(145deg,#1c2327,#0c0f11);border:1px solid var(--line);padding:22px}.media-frame img{width:100%;height:auto;display:block}.configurator{background:linear-gradient(145deg,#12171a,#080a0c);border:1px solid var(--line);padding:34px}.configurator h3{margin:0 0 8px;font-size:1.6rem}.configurator p{margin-top:0}.field-label{font-size:.82rem;color:#d7dddf;font-weight:700;margin:24px 0 10px}.choices{display:flex;gap:10px;flex-wrap:wrap}.choice{cursor:pointer;min-width:84px;padding:12px 16px;background:#0b0d0f;border:1px solid var(--line);color:#e7ecee;font:inherit}.choice:hover,.choice.is-active{border-color:var(--accent);color:var(--accent)}.swatch{width:42px;height:42px;border-radius:50%;border:2px solid var(--line);cursor:pointer}.swatch.is-active{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,158,23,.18)}.swatch--black{background:#141414}.swatch--blue{background:#087599}.swatch--yellow{background:#f4c800}.selection{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}.selection small{display:block;color:var(--muted)}.selection strong{font-size:1.5rem}.full-button{width:100%;margin-top:20px}.story{background:var(--panel);border-block:1px solid var(--line)}.story .section{padding-block:82px}.footer{border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}.footer-inner{max-width:var(--max);margin:auto;padding:28px;display:flex;justify-content:space-between;gap:20px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:8px;top:8px;background:#fff;color:#000;padding:8px;z-index:50}
@media (max-width:800px){.header-inner{padding-inline:18px}.site-nav{display:none;position:absolute;top:78px;left:0;right:0;padding:18px;background:#0b0d0f;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.site-nav.is-open{display:flex}.site-nav .button{width:100%}.menu-toggle{display:block}.hero-inner{grid-template-columns:1fr;padding:62px 18px 38px;min-height:auto}.hero h1{font-size:clamp(3.3rem,16vw,5.8rem)}.hero-product{min-height:330px}.proof-inner{grid-template-columns:1fr;padding-inline:18px;gap:16px}.section{padding:70px 18px}.split{grid-template-columns:1fr;gap:40px}.split--reverse .media-frame{order:2}.footer-inner{padding-inline:18px;flex-direction:column}}
.brand{display:inline-flex;align-items:center;background:#fff;padding:5px 10px;border-radius:2px}
.swatch--orange{background:#f27a21}.swatch--pink{background:#e66b89}.swatch--gray{background:#8f979c}.swatch--red{background:#c83832}.swatch--green{background:#4a8b57}.choices--colors{max-width:360px}.sales-note{color:#dce2e5!important}
.specs{background:#12171a;border-block:1px solid var(--line)}.specs .section{padding-block:82px}.specs-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.specs-heading h2{margin-bottom:0}.specs-heading p{margin:0;max-width:520px}.specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:44px}.specs-grid h3{color:var(--accent);font-size:1rem;letter-spacing:.1em;text-transform:uppercase}.specs-grid ul{list-style:none;padding:0;margin:0}.specs-grid li{padding:12px 0 12px 26px;border-top:1px solid var(--line);color:#dbe1e3;position:relative}.specs-grid li:before{content:"";position:absolute;left:0;top:20px;width:8px;height:8px;border:1px solid var(--accent);border-radius:50%}.specs-footnote{font-size:.78rem;color:#889196!important;margin-top:28px}@media (max-width:800px){.specs-heading,.specs-grid{grid-template-columns:1fr;gap:20px}.specs .section{padding-block:64px}}
.content-shell{min-height:70vh}.editorial-page{padding-top:90px}.editorial-page>h1{font-size:clamp(3rem,7vw,6.2rem);line-height:.98;letter-spacing:-.06em;max-width:900px;margin:20px 0 28px}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin:50px 0}.editorial-page h2{font-size:clamp(2rem,4vw,3.5rem)}.legacy-content{color:#c9d0d3}.legacy-content h2,.legacy-content h3{color:var(--text)}.legacy-content p{max-width:800px}.product-facts{margin-top:60px;padding-top:28px;border-top:1px solid var(--line)}@media(max-width:800px){.editorial-grid{grid-template-columns:1fr;gap:25px}.editorial-page{padding-top:62px}}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}.product-grid h2{font-size:1.8rem}.product-price{display:block;font-size:2rem;color:var(--accent);margin:18px 0}@media(max-width:800px){.product-grid{grid-template-columns:1fr}}
.site-nav{gap:clamp(10px,2vw,24px);font-size:clamp(.72rem,1.2vw,.91rem)}.site-nav a{white-space:nowrap}