/*
Theme Name: Digi Value Hub
Theme URI: https://DigiValueHub.com
Author: Digi Value Hub
Description: Editable digital product storefront with local mascot and product images.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: digi-value-hub
*/
:root{--navy:#102947;--teal:#009fa1;--blue:#1569e8;--yellow:#ffc857;--muted:#557084}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6fbff;color:var(--navy);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}.header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #dce8ed}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:850;font-size:1.22rem;letter-spacing:-.04em}.brand em{font-style:normal;color:var(--teal)}.mark{width:37px;height:37px;border-radius:12px;background:var(--navy);color:white;display:grid;place-items:center;box-shadow:4px 4px 0 #b1efe6}.nav nav a{font-size:.95rem;font-weight:800}.hero{display:grid;grid-template-columns:1.07fr .93fr;gap:38px;align-items:center;min-height:570px;padding-top:48px;padding-bottom:60px}.eyebrow,.pill{display:inline-block;border-radius:30px;background:#dcf7f3;color:#027b80;padding:9px 14px;font-size:.82rem;font-weight:900}.hero h1,.detail h1{font-size:clamp(2.7rem,5.4vw,5.1rem);line-height:1.07;letter-spacing:-.06em;margin:24px 0}.hero h1 em{font-style:normal;color:var(--teal)}.hero p,.detail p{font-size:1.15rem;color:var(--muted);line-height:1.68;max-width:590px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--navy);color:#fff;border-radius:14px;padding:16px 23px;font-weight:800;margin-top:18px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #12375833}.button.light{background:white;color:var(--navy)}.proof{display:flex;gap:18px;flex-wrap:wrap;color:#527286;font-weight:700;font-size:.9rem;margin-top:25px}.heroart{border-radius:34px;background:linear-gradient(145deg,#e0f7ff,#effcf4 54%,#fff1cb);box-shadow:0 20px 50px #2153791b;padding:25px;text-align:center}.heroart img{max-height:470px;object-fit:contain;animation:float 5s ease-in-out infinite}.strip{background:var(--navy);color:#fff}.strip .wrap{display:flex;justify-content:space-between;gap:16px;padding:22px 0;font-weight:800}.strip span:nth-child(2){color:#7ce7da}.products{background:#fff;padding:78px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:30px}.kicker{font-size:.78rem;letter-spacing:.14em;color:#058c91;font-weight:900}.sectionhead h2,.promise h2{font-size:clamp(2rem,3vw,3.1rem);letter-spacing:-.05em;margin:11px 0 24px}.sectionhead p{max-width:350px;line-height:1.6;color:var(--muted)}.catalog{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:17px 0 25px}.catalog button{border:1px solid #cce2e8;background:#fff;border-radius:30px;padding:11px 16px;font-weight:800;color:#496479;cursor:pointer}.catalog button.active{background:var(--navy);color:#fff}.catalog input{margin-left:auto;border:1px solid #cce2e8;border-radius:30px;padding:11px 16px;font:inherit;min-width:190px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{display:block;border:1px solid #dce9ed;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 10px 25px #12416012;transition:transform .2s}.card:hover{transform:translateY(-5px)}.card img{width:100%;height:225px;object-fit:cover;background:#e2f6f6}.card-body{padding:22px}.card small{color:var(--teal);font-weight:900;letter-spacing:.1em}.card h3{font-size:1.45rem;margin:9px 0}.card p{color:var(--muted);line-height:1.6;min-height:77px}.card strong{display:block;border-top:1px solid #e3eef1;padding-top:16px}.promise{padding-top:76px;padding-bottom:76px;max-width:850px}.promise p{color:var(--muted);font-size:1.1rem;line-height:1.7}.banner{background:var(--navy);color:#fff;border-radius:25px;padding:40px;margin-bottom:75px;display:flex;justify-content:space-between;align-items:center;gap:25px}.banner h2{margin:8px 0;font-size:2rem;letter-spacing:-.04em}.banner .button{margin:0}footer{background:#0d233e;color:#d7e9ef;padding:54px 0}.foot{display:grid;grid-template-columns:1.5fr 1fr auto;gap:30px}.foot p,.foot small{color:#a7c0ce}.foot a[href^="mailto"]{color:#83e8dc}.footlinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.footlinks a:hover{color:#7de4dc}.mascot-guide{position:fixed;right:15px;bottom:16px;z-index:35;display:flex;align-items:center;gap:8px;border-radius:60px;background:#fff;border:1px solid #bce7e4;box-shadow:0 12px 32px #0b3c5d43;padding:4px 15px 4px 4px;font-weight:800;font-size:.82rem;max-width:220px}.mascot-guide img{width:66px;height:66px;object-fit:contain;animation:float 4s ease-in-out infinite}.detail{padding:65px 0;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.detail-art{border-radius:28px;overflow:hidden;background:#dcf4ef}.detail-art img{width:100%;height:410px;object-fit:cover}.detail h1{margin:15px 0}.detail .fine{font-size:.9rem}.info{max-width:840px;padding-top:65px;padding-bottom:90px}.info h1{font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.05em}.info .entry-content{font-size:1rem;line-height:1.75;color:#49677a}.info .entry-content h2{color:var(--navy);font-size:1.35rem;margin-top:28px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:70px}.plan{border:1px solid #d7e8ed;border-radius:22px;padding:25px;background:#fff}.plan.featured{border:2px solid #08a9a4;box-shadow:0 12px 26px #078d9320}.plan h3{font-size:1.4rem;margin:9px 0}.plan strong{font-size:2rem}.plan p{line-height:1.55;color:var(--muted)}.notice{padding:18px 23px;border-radius:16px;background:#fff4d8;color:#4f3d12;margin-bottom:36px;line-height:1.6}.steps{background:#e8f8f7;padding:60px 0}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article{background:#fff;border-radius:18px;padding:23px}.steps article b{font-size:1.18rem}.steps article p{color:var(--muted);line-height:1.6}@keyframes float{50%{transform:translateY(-11px)}}@media(max-width:850px){.hero,.detail{grid-template-columns:1fr}.cards,.plan-grid,.steps-grid{grid-template-columns:1fr 1fr}.foot{grid-template-columns:1fr 1fr}.foot small{grid-column:1/-1}}@media(max-width:620px){.wrap{width:min(100% - 30px,560px)}.hero{padding-top:39px;min-height:0}.hero h1{font-size:clamp(2.65rem,10vw,4rem)}.heroart img{max-height:310px}.strip .wrap{font-size:.78rem;text-align:center}.sectionhead,.banner{display:block}.catalog input{width:100%;margin-left:0}.cards,.plan-grid,.steps-grid,.foot{display:block}.card,.plan,.steps article{margin-bottom:16px}.card img{height:210px}.card p{min-height:0}.footlinks{margin-top:24px}.foot small{display:block;margin-top:24px}.mascot-guide{max-width:74px;border-radius:50%;padding:4px;right:10px;bottom:10px}.mascot-guide span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.mascot-guide img{width:64px;height:64px}.detail-art img{height:260px}.banner .button{margin-top:17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
[hidden]{display:none!important}