/*
Theme Name: Digital Handyman
Author: The Digital Handyman
Version: 1.1.0
Description: A responsive remote technology services theme with scroll-driven illustrations.
Requires at least: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
*/
:root{--bg:#101918;--panel:#192724;--ink:#f0f4e9;--muted:#adbbb2;--accent:#c3fa74}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding:0 6%}header{position:sticky;top:0;background:#101918ed;backdrop-filter:blur(16px);z-index:10;border-bottom:1px solid #ffffff15}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:86px}.brand{text-decoration:none;font-weight:800;line-height:1.1;letter-spacing:-1px;font-size:23px}.brand span{color:var(--accent)}nav{display:flex;gap:25px;align-items:center}nav a{text-decoration:none;font-size:14px}.button{display:inline-block;border:0;border-radius:100px;background:var(--accent);color:#142015;padding:14px 24px;font-weight:700;text-decoration:none;cursor:pointer}.outline{background:transparent;color:var(--ink);border:1px solid #ffffff40}.hero{padding:95px 0 85px;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:55px}.eyebrow{text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:bold;letter-spacing:2px}.pill{display:inline-flex;gap:9px;align-items:center;border:1px solid #ffffff28;border-radius:50px;padding:8px 15px;font-size:12px;color:var(--muted)}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(48px,6.4vw,86px);line-height:1.02;letter-spacing:-5px;margin:27px 0}h1 em{font-style:normal;color:var(--accent)}p{color:var(--muted)}.intro{max-width:470px;font-size:18px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 20px}.small{font-size:12px}.console{position:relative;background:radial-gradient(ellipse at 50% 40%,#354d36, #192724 70%);border:1px solid #ffffff20;border-radius:28px;min-height:395px;overflow:hidden;padding:26px;box-shadow:0 30px 80px #0004}.console:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.console-top{display:flex;justify-content:space-between;font-family:monospace;font-size:11px;color:var(--muted)}.orb{position:relative;width:190px;height:190px;margin:45px auto 30px;border-radius:40px;background:linear-gradient(135deg,#dcffa1,#82b855);box-shadow:inset -20px -20px 40px #315f4144,0 0 80px #c3fa7420;display:grid;place-items:center;transform:rotate(-9deg);transition:transform .6s,border-radius .6s}.orb svg{width:110px;height:110px;stroke:#20382a;fill:none;stroke-width:3;transform:rotate(9deg)}.console-caption{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:14px}.console-caption span{color:var(--accent)}.strip{border-block:1px solid #ffffff20;padding:23px 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:13px}.section{padding:100px 0}h2{font-size:clamp(34px,4vw,55px);line-height:1.12;letter-spacing:-2px;margin:15px 0 25px}.services{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:start}.sticky{position:sticky;top:120px}.service{padding:27px 0;border-bottom:1px solid #ffffff25;transition:opacity .3s}.service h3{font-size:24px;margin:6px 0;letter-spacing:-.6px}.service p{margin:9px 0}.number{font-family:monospace;color:var(--accent);font-size:12px}.service:first-child{padding-top:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.step{border-top:1px solid #ffffff30;padding-top:22px}.step b{color:var(--accent);font-family:monospace}.step h3{font-size:23px}.light{background:#eaf0e2;color:#17241e;border-radius:32px;padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.light p{color:#536257}.chat{background:white;border:1px solid #17241e18;border-radius:20px;padding:24px;box-shadow:0 12px 30px #17241e10}.chat .label{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#667266}.bubble{padding:15px;background:#eef2e8;border-radius:15px;margin:17px 0;font-size:14px}.bubble.user{background:#20392d;color:white;margin-left:35px}.chat input{width:100%;border:1px solid #ccd5c7;padding:13px;border-radius:10px;color:#51604f;background:#f8faf6}.faq{max-width:800px;margin:auto}details{padding:22px 0;border-bottom:1px solid #ffffff25}summary{cursor:pointer;font-size:19px;font-weight:bold}details p{max-width:650px}footer{border-top:1px solid #ffffff20;padding:35px 0;color:var(--muted);font-size:13px}.footer-row{display:flex;justify-content:space-between;gap:25px}.wp-content{max-width:800px;margin:70px auto;padding:0 24px}.notice{border-left:3px solid var(--accent);padding-left:15px}@media(max-width:800px){.hero,.services,.light{grid-template-columns:1fr;gap:35px}.hero{padding:55px 0}h1{letter-spacing:-3px}.sticky{position:relative;top:0}.section{padding:65px 0}.steps{grid-template-columns:1fr;gap:15px}.light{padding:28px}.nav{gap:15px}nav{gap:15px}nav a:first-child{display:none}.console{min-height:330px}.orb{margin:30px auto}.footer-row{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{transition:none!important;animation:none!important}}

.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.screen-reader-text:focus{position:fixed;top:10px;left:10px;width:auto;height:auto;clip:auto;padding:12px;background:var(--accent);color:var(--bg);z-index:100}
/* Friendly studio palette */
:root{--bg:#fcf8f1;--panel:#fff;--ink:#28332e;--muted:#64716a;--accent:#f4a58a}body{font-family:ui-rounded,'Trebuchet MS',Arial,sans-serif}header{background:#fcf8f1ed;border-color:#26352d18}.brand span{color:#bb5039}.button{background:#304f42;color:white;box-shadow:0 4px 0 #1d3529;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 7px 0 #1d3529}.outline{background:transparent;color:var(--ink);box-shadow:none;border-color:#304f4240}h1{font-weight:700;letter-spacing:-4px}h1 em{color:#b84f36}.eyebrow,.number{color:#9b4733}.pill{background:#f1ecdf;border-color:transparent;color:#53614f}.dot{background:#47855d}.console{background:#e6ecdf;border-color:#304f4215;box-shadow:0 15px 35px #304f420c}.console:before{background:none}.console-top{font-family:inherit;letter-spacing:1px;color:#54694e}.orb{background:linear-gradient(135deg,#ffd9a8,#f4a58a);box-shadow:inset -15px -15px 35px #b8613420,0 15px 25px #9f72591a;border-radius:55px}.console-caption span{color:#45664a}.strip,.service,.step,details,footer{border-color:#304f4225}.step b{color:#9b4733}.light{background:#e7ecf8}.light p{color:#516176}.light .eyebrow{color:#536285!important}.notice{border-color:#8297c7}.chat{box-shadow:0 12px 30px #4b5c7610}.bubble{background:#f0f3fa}.bubble.user{background:#536589}.finder{background:#fff;border:1px solid #304f4220;border-radius:30px;padding:38px;margin:30px 0 0}.choices{display:flex;gap:10px;flex-wrap:wrap;margin:23px 0}.choice{border:1px solid #304f4230;background:#fcf8f1;color:#304f42;padding:12px 17px;border-radius:100px;cursor:pointer;transition:background .2s,transform .2s}.choice:hover{transform:translateY(-3px)}.choice[aria-pressed=true]{background:#304f42;color:white}.recommendation{background:#edf2e8;border-radius:18px;padding:24px;min-height:160px}.recommendation h3{margin:0;font-size:25px}.recommendation p{margin-bottom:0}.compare{background:#f0e9dd;border-radius:28px;padding:30px;margin-top:30px}.compare-stage{position:relative;height:245px;overflow:hidden;border-radius:18px;background:#f4d9cd}.compare-side{position:absolute;inset:0;padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.compare-side strong{font-size:30px;letter-spacing:-1px}.compare-side p{color:#654738;margin:10px 0}.after{background:#dce9d6;clip-path:inset(0 0 0 var(--split,50%))}.after p{color:#34533a}.compare-line{position:absolute;top:0;bottom:0;left:var(--split,50%);width:3px;background:white}.compare-line:after{content:'↔';position:absolute;top:45%;left:-21px;width:44px;height:44px;background:white;border-radius:100%;display:grid;place-items:center;color:#304f42}.range{accent-color:#304f42;width:100%;margin-top:22px;cursor:ew-resize}.compare label{font-size:14px}.compare-side .scene-bits{font-size:32px;letter-spacing:12px}.hero-art .orb{animation:bob 5s ease-in-out infinite}.hero-art .console-caption{background:#fff9;padding:12px 15px;border-radius:15px}.friendly-note{font-size:13px;text-align:center;color:#65735c;margin-top:17px}.service{border-radius:14px;padding-left:12px;padding-right:12px}.service.is-active{background:#eee9df}.back-top{position:fixed;bottom:20px;right:20px;padding:10px 16px;background:#304f42;color:white;border-radius:100px;text-decoration:none;z-index:20;box-shadow:0 5px 15px #304f4222}.step b{font-family:inherit}@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -10px}}@media(max-width:800px){.finder{padding:24px}.compare{padding:20px}.compare-side{padding:15px}.compare-side strong{font-size:25px}.choices{gap:8px}.choice{font-size:14px}.service.is-active{background:transparent}}