:root{color-scheme:dark;--case:#641923;--case-dark:#3f1017;--case-hi:#8c2630;--ink:#f1dfb7;--ink-strong:#ffe2a2;--muted:#b49c77;--amber:#ffb13b;--amber-hot:#ffd36a;--green:#77c871;--aqua:#7fd1c5;--black:#080706;--slot:#0f0e0d;--button:#34312b;--button-hi:#5b5448;--line:#f1dfb729;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);color:var(--ink);margin:0;font-family:Avenir Next,DIN Alternate,Trebuchet MS,system-ui,sans-serif;overflow-x:hidden}a{color:inherit}a:focus-visible{outline:3px solid var(--aqua);outline-offset:4px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}.skip-link{z-index:100;background:var(--ink-strong);color:var(--black);border-radius:6px;padding:10px 14px;font-weight:900;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.hero{isolation:isolate;background:#160809;align-items:end;min-height:92svh;display:grid;position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;background:linear-gradient(90deg, #080706eb, #080706ad 38%, #0807061f 100%), linear-gradient(180deg, #0807060f, #080706f2), url(/images/drum-daddy-main.jpg) right center / min(64vw, 760px) auto no-repeat, linear-gradient(145deg, var(--case), var(--case-dark));position:absolute;inset:0}.hero:after{content:"";z-index:-1;pointer-events:none;opacity:.5;background:linear-gradient(#ffffff09 50%,#0000 50%) 0 0/100% 4px,linear-gradient(90deg,#ffffff0a 1px,#0000 1px) 0 0/12px 100%;position:absolute;inset:0}.hero-inner,.section-inner{width:min(var(--max), calc(100% - 32px));margin:0 auto}.hero-inner{padding:96px 0 72px}.brand{align-items:center;gap:14px;margin-bottom:24px;display:inline-flex}.brand img{border-radius:14px;width:62px;height:62px;box-shadow:0 12px 36px #00000070}.brand span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800;display:block}.hero h1{max-width:780px;color:var(--ink-strong);text-transform:uppercase;font-size:clamp(56px,10vw,142px);line-height:.85}.tagline{max-width:690px;color:var(--ink);margin-top:24px;font-size:clamp(24px,3.6vw,46px);font-weight:800;line-height:1.02}.summary{color:#f1dfb7d1;max-width:560px;margin-top:20px;font-size:18px;line-height:1.55}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.button{background:linear-gradient(180deg, var(--button-hi), var(--button) 52%, #25231f);min-height:46px;color:var(--ink);text-transform:uppercase;border:1px solid #ffd36a6b;border-radius:7px;justify-content:center;align-items:center;padding:0 18px;font-size:13px;font-weight:800;text-decoration:none;transition:transform .15s,border-color .15s,filter .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff1f,0 10px 28px #00000061}.button:hover{border-color:var(--amber-hot);filter:brightness(1.08);transform:translateY(-2px)}.button.primary{color:#f0ffe8;border-color:#77c87194}.button.secondary{border-color:#7fd1c580}.home-page section{background:linear-gradient(#100807,#170909);border-top:1px solid #ffffff0f}.intro{padding:76px 0}.intro-grid{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:center;gap:44px;display:grid}.eyebrow{color:var(--amber-hot);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:900}.home-page h2{color:var(--ink-strong);text-transform:uppercase;margin-top:12px;font-size:clamp(34px,5vw,62px);line-height:.96}.intro p,.privacy p{color:#f1dfb7cc;margin-top:18px;font-size:17px;line-height:1.6}.intro .eyebrow,.privacy .eyebrow{color:var(--amber-hot);margin-top:0;font-size:12px;line-height:1.2}.meter{border:1px solid var(--line);background:linear-gradient(180deg, #8c263061, #0f0e0df0), var(--slot);border-radius:10px;padding:18px}.meter-row{border-bottom:1px solid #f1dfb71a;grid-template-columns:74px 1fr auto;align-items:center;gap:14px;padding:12px 0;display:grid}.meter-row:last-child{border-bottom:0}.meter-label{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.meter-track{background:#29251f;border-radius:999px;height:12px;overflow:hidden}.meter-fill{border-radius:inherit;height:100%;display:block}.meter-fill.amber{background:var(--amber);width:92%}.meter-fill.green{background:var(--green);width:78%}.meter-fill.aqua{background:var(--aqua);width:84%}.meter-value{color:var(--ink);font-family:Courier New,monospace;font-size:20px}.home-page .features{background:linear-gradient(180deg, var(--case), var(--case-dark));padding:72px 0}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.feature{background:linear-gradient(#5b54487a,#0f0e0da8);border:1px solid #f1dfb724;border-radius:8px;min-height:160px;padding:18px}.lamp{border-radius:50%;width:18px;height:18px;margin-bottom:20px;display:block;box-shadow:0 0 18px}.feature:nth-child(3n+1) .lamp{color:var(--amber);background:var(--amber)}.feature:nth-child(3n+2) .lamp{color:var(--green);background:var(--green)}.feature:nth-child(3n) .lamp{color:var(--aqua);background:var(--aqua)}.feature h3{color:var(--ink-strong);text-transform:uppercase;font-size:18px;line-height:1.15}.feature p{color:#f1dfb7b8;margin-top:10px;font-size:15px;line-height:1.48}.home-page .screens{background:#0f0807;padding:72px 0}.screens-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px;display:flex}.screens-head>p{color:#f1dfb7b8;max-width:420px;font-size:16px;line-height:1.5}.phone-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(100%,920px);margin:0 auto;padding-bottom:8px;display:grid}.phone-shot{min-width:0;margin:0}.phone-shot img{border:1px solid #ffffff1f;border-radius:24px;width:100%;box-shadow:0 24px 58px #00000073}.phone-shot figcaption{color:var(--muted);text-align:center;text-transform:uppercase;margin-top:10px;font-size:12px;font-weight:800}.home-page .privacy{background:linear-gradient(#130807,#080706);padding:74px 0}.privacy-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;padding:34px 0;display:grid}.privacy-links{flex-wrap:wrap;gap:12px;display:flex}.site-footer{color:#f1dfb78c;background:#080706;padding:24px 0 34px;font-size:13px}.footer-inner{width:min(var(--max), calc(100% - 32px));flex-wrap:wrap;justify-content:space-between;gap:16px;margin:0 auto;display:flex}.footer-inner nav{flex-wrap:wrap;gap:16px;display:flex}.footer-inner a,.footer-inner button{color:#f1dfb7b8}.footer-inner button{font:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0;text-decoration:underline}.footer-inner button:hover{color:var(--ink)}.footer-inner button:focus-visible{outline:3px solid var(--aqua);outline-offset:4px}.analytics-consent{z-index:90;background:linear-gradient(145deg, #641923fa, #0f0e0dfa), var(--slot);border:1px solid #ffd36a6b;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;width:min(620px,100% - 36px);padding:22px;display:grid;position:fixed;bottom:18px;right:18px;box-shadow:0 24px 70px #0000008f}.analytics-consent[hidden],.analytics-consent button[hidden],.analytics-consent p[hidden]{display:none}.analytics-consent .eyebrow{margin-bottom:6px}.analytics-consent h2{color:var(--ink-strong);text-transform:uppercase;font-size:20px;line-height:1.15}.analytics-consent-copy>p:not(.eyebrow){color:#f1dfb7cc;margin-top:8px;font-size:14px;line-height:1.55}.analytics-consent-copy a{color:var(--aqua);text-underline-offset:.18em}.analytics-consent .analytics-status{color:var(--amber-hot);font-weight:700}.analytics-consent-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.analytics-consent-actions button{border:1px solid var(--button-hi);min-height:42px;color:var(--ink);font:inherit;cursor:pointer;border-radius:7px;padding:10px 14px;font-size:13px;font-weight:900}.analytics-consent-actions button:focus-visible{outline:3px solid var(--aqua);outline-offset:3px}.consent-decline,.consent-close{background:var(--button)}.consent-allow{border-color:var(--amber);background:var(--amber);color:var(--black)}.document-page{background:radial-gradient(circle at 78% 0,#8c26306b,#0000 36rem),linear-gradient(#160809,#080706 42rem)}.document-shell{width:min(760px,100% - 32px);min-height:calc(100svh - 100px);margin:0 auto;padding:48px 0 72px}.back-link{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:24px;font-size:13px;font-weight:800;text-decoration:none;display:inline-block}.back-link:hover{color:var(--ink-strong)}.document-card{border:1px solid var(--line);background:linear-gradient(180deg, #6419234d, #0f0e0df5), var(--slot);border-radius:12px;padding:clamp(28px,6vw,56px);box-shadow:0 32px 80px #00000059}.document-card h1{color:var(--ink-strong);text-transform:uppercase;margin-top:10px;font-size:clamp(34px,7vw,58px);line-height:.98}.document-card h2{color:var(--amber-hot);text-transform:uppercase;margin-top:38px;font-size:19px;line-height:1.2}.document-card h3{color:var(--ink-strong);margin-top:28px;font-size:17px;line-height:1.3}.document-card p{color:#f1dfb7d1;margin-top:14px;font-size:16px;line-height:1.68}.document-card .updated{color:var(--muted)}.document-card a{color:var(--aqua);text-underline-offset:.18em}@media (width<=860px){.hero{min-height:88svh}.hero:before{background:linear-gradient(180deg, #080706bd, #08070661 46%, #080706f5 100%), url(/images/drum-daddy-main.jpg) center 42% / min(86vw, 440px) auto no-repeat, linear-gradient(145deg, var(--case), var(--case-dark))}.hero-inner{padding-top:64px}.intro-grid,.privacy-panel{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.screens-head{display:block}.screens-head>p{margin-top:14px}}@media (width<=560px){.hero-inner,.section-inner,.footer-inner{width:min(100% - 24px, var(--max))}.brand img{width:54px;height:54px}.summary{max-width:330px;font-size:16px}.hero h1{max-width:330px;font-size:clamp(48px,16vw,62px);line-height:.9}.tagline{max-width:350px;font-size:24px;line-height:1.08}.actions,.privacy-links{grid-template-columns:1fr;display:grid}.button{width:100%}.feature-grid{grid-template-columns:1fr}.phone-grid{overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;grid-template-columns:none;grid-auto-columns:minmax(156px,74vw);grid-auto-flow:column;width:100%;overflow-x:auto}.phone-shot{scroll-snap-align:start}.intro,.home-page .features,.home-page .screens,.home-page .privacy{padding:54px 0}.document-shell{width:min(100% - 24px,760px);padding-top:24px}.analytics-consent{grid-template-columns:1fr;gap:16px;width:calc(100% - 20px);padding:18px;bottom:10px;right:10px}.analytics-consent-actions{justify-content:stretch}.analytics-consent-actions button{flex:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
