/* D’TÓ · A place for everything. Location-led brand application. */
:root{--lime:#B6FF00;--line:#2a3226;--muted:#b5bdb0}
body,header,main,footer{background:#080a08}
.brand-mark{aspect-ratio:350/190}
.logo.brand-mark{width:106px;height:auto}
.hero-brand.brand-mark{width:158px;height:auto;margin:8px auto 12px}
.brand-mark img{width:477.715%;left:-188.572%;top:-191.58%}
header{border-bottom:1px solid #b6ff001b;padding-top:16px;padding-bottom:16px}
header nav a{position:relative}header nav a.active:after{content:'';position:absolute;width:5px;height:5px;background:#b6ff00;border-radius:50%;bottom:-10px;left:50%}
.demo{letter-spacing:.13em;color:#a6b29d;background:#10150e;border-color:#242d1f}
.button,.button.dark,.button.lime,.biz-support-link{border-radius:10px;box-shadow:0 3px 16px #b6ff0009;font-weight:700}
.button:hover{box-shadow:0 5px 22px #b6ff001a}.head-actions>.button{border-radius:24px}
.hero.campaign{gap:18px;overflow:visible;border-radius:0}
.hero.campaign>.hero-carousel{border:1px solid #b6ff0026;border-radius:20px;box-shadow:0 15px 45px #0003}
.hero-ad-label{align-items:center;font-size:10px;font-weight:700}
.hero-ad-label span{padding:6px 9px;border:1px solid #ffffff38;background:#080a0955;backdrop-filter:blur(8px);border-radius:30px;letter-spacing:.06em}
.hero.campaign .campaign-copy{border:1px solid #b6ff0033;border-radius:20px;background:#10150e;padding:26px 30px 28px}
.hero.campaign .campaign-copy::before{inset:0;filter:none;background:radial-gradient(ellipse at 50% 0%,#b6ff0014,transparent 55%),linear-gradient(35deg,transparent 47%,#b6ff0005 48%,#b6ff0005 49%,transparent 50%),linear-gradient(125deg,transparent 44%,#b6ff0006 45%,#b6ff0006 46%,transparent 47%);background-size:auto,110px 150px,180px 130px}
.campaign-copy>.eyebrow{color:#bacba9;letter-spacing:.2em;font-size:9px}
.hero.campaign .campaign-copy h1{font-size:clamp(28px,4vw,42px);font-weight:500;letter-spacing:-1.5px;line-height:1.07;margin:4px 0 16px}
.hero.campaign .campaign-copy h1 em{color:#b6ff00;font-weight:700}
.hero.campaign .home-intro{color:#b8c4af;font-size:13px;max-width:490px}
.hero.campaign .home-explore{border:1px solid #b6ff00;background:#b6ff00;color:#10150e!important;padding:13px 24px;border-radius:30px;font-size:13px}
.hero.campaign .home-category-menu{gap:8px;margin:22px auto 18px}
.home-category-menu a{position:relative;background:#151c12;border:1px solid #35452b;border-radius:10px;min-height:43px;color:#eef4e8;font-size:11px;padding:10px 10px 10px 25px;transition:border-color .15s,background .15s}
.home-category-menu a:before{content:'';position:absolute;left:11px;top:50%;width:6px;height:6px;border:1.5px solid #b6ff00;border-radius:50% 50% 50% 0;transform:translateY(-70%) rotate(-45deg);opacity:.75}
.home-category-menu a:hover{background:#23301a;border-color:#b6ff00}.home-publish{color:#c4d4b5;text-decoration-color:#b6ff0055}
.searchbar{border-radius:14px;background:#131a10;border-color:#35452b}.searchbar .button{border-radius:9px}.quick-terms button{color:#c5e99d}
.service-section{background:#10150e;border-color:#2c3a22;border-radius:18px}.section-title .eyebrow{color:#b6ff00;letter-spacing:.16em}.section-title h2{font-weight:600;letter-spacing:-1px}.service-tile{border-radius:10px;outline:1px solid #ffffff12}.service-tile:hover{outline-color:#b6ff00}.tile-number{color:#b6ff00}
.photo{border-radius:12px}.photo .tag{border:1px solid #b6ff0040;border-radius:5px}.card h3{font-weight:600}.category,.chip{border-radius:8px}.sponsored,.banner{border:1px solid #344528;border-radius:18px;background:radial-gradient(ellipse at 100% 100%,#b6ff0014,transparent 60%),#11180e}.directory-grid{border-radius:16px}.directory-card{background:#10150e}.plan,.form-box,.biz-box{border-radius:16px}.plan.featured{box-shadow:0 0 0 1px #b6ff0022}
.all-category-grid a{background:#11180e;border-color:#35452b}.all-category-grid a:hover{background:#1c2815}
footer{border-color:#b6ff0026;padding-top:34px}footer .brand-mark{margin-bottom:8px}.biz-support-link{border:1px solid #b6ff00;border-radius:30px}
@media(max-width:700px){.logo.brand-mark{width:86px}.hero-brand.brand-mark{width:128px;margin:8px auto 10px}header{padding-top:10px;padding-bottom:15px}.hero.campaign{gap:12px}.hero.campaign .campaign-copy{padding:22px 13px}.hero.campaign .campaign-copy h1{font-size:29px;letter-spacing:-1px}.hero.campaign .home-category-menu{gap:6px;margin-top:18px}.home-category-menu a{font-size:10px;padding:8px 5px 8px 15px;min-height:43px}.home-category-menu a:before{left:5px;width:4px;height:4px;border-width:1px}.hero-ad-label{font-size:8px}.hero-ad-label span{font-size:7px;padding:4px 7px}.hero.campaign>.hero-carousel,.hero.campaign .campaign-copy{border-radius:14px}}
@media(prefers-reduced-motion:reduce){.home-category-menu a{transition:none}}