.dashboard{grid-template-rows:minmax(0,1fr) clamp(44px,6vh,64px) clamp(120px,16vh,170px) 66px clamp(48px,6.5vh,70px)}
.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:0}
.service{--accent:#ff668e;position:relative;display:flex;align-items:center;gap:12px;padding:8px 16px;color:#fff;border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);border-radius:15px;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--accent) 18%,transparent),transparent 85%),#0b1115;font:inherit;text-align:left;cursor:pointer;min-width:0;transition:background .18s,transform .18s}
.service:hover{background-color:#1c2429;transform:translateY(-1px)}.service:focus-visible,button:focus-visible{outline:2px solid #ffda38;outline-offset:2px}.service.ai{--accent:#27dec4}.service.tiktok{--accent:#9ba8cb}.service.facebook{--accent:#338cff}.service-icon{color:var(--accent);font-size:25px;font-weight:900;min-width:30px;text-align:center}.service strong{font-size:clamp(12px,1.2vw,18px)}.arrow{margin-left:auto;color:var(--accent)}
.review-button{border:1px solid #ffd22f;border-radius:24px;background:transparent;color:#ffe681;padding:9px 12px;font:inherit;cursor:pointer;white-space:nowrap}.top-action-outline{display:none}.top-actions{display:flex;justify-content:flex-end;gap:8px}
dialog{width:min(600px,calc(100vw - 24px));max-height:85dvh;overflow:auto;border:1px solid #ad8c2f;border-radius:18px;background:#091211;color:#fff;padding:22px;font:inherit}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog header{display:flex;align-items:center;justify-content:space-between}dialog h2{font-size:22px;margin:0 0 12px}dialog button{color:#ffe681;background:#182421;border:1px solid #87722b;border-radius:8px;padding:10px 16px;font:inherit;cursor:pointer}dialog a{color:#ffe681}.review-card{border:1px solid #34433a;border-radius:12px;padding:16px;margin:12px 0;overflow-wrap:anywhere}.review-card p{white-space:pre-wrap;line-height:1.7}.review-stars{color:#ffd22f}.review-meta{color:#bac7c0;font-size:13px}
@media(max-width:900px){:root{--header-h:48px;--gap:5px;--page-pad:8px}.dashboard{grid-template-rows:minmax(0,1fr) 64px 112px 104px 50px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.service{padding:6px 10px;gap:8px;border-radius:12px}.service strong{font-size:12px}.service-icon{font-size:23px;min-width:25px}.review-button{font-size:10px;padding:7px 9px}.brand strong{font-size:clamp(12px,3.8vw,17px)}.top-action{font-size:10px}.hero-copy h1{font-size:clamp(22px,6.8vw,34px)}.showcase{grid-template-rows:100px minmax(0,1fr)}.hero-copy{padding:5px 0 3px 9px}.hero-points{font-size:8px}.eyebrow{font-size:7px}.stats-heading strong{font-size:12px}.stats-heading p{font-size:9px}.feature-strip strong{font-size:9px}.feature-icon{font-size:16px}.stats-footer small{display:none}.feature-trend{display:none}}
@media(max-width:900px) and (max-height:730px){.dashboard{grid-template-rows:minmax(0,1fr) 58px 94px 96px 46px;gap:4px}.showcase{grid-template-rows:85px minmax(0,1fr)}.hero-copy h1{font-size:clamp(19px,6.1vw,26px)}.hero-points{display:none}.stats-panel{padding:5px 7px}.stats-heading p{padding:2px 4px;font-size:8px}.stats-heading strong{font-size:10px}.stats-metrics strong{font-size:22px}.stats-footer{display:none}.service strong{font-size:11px}}
@media(max-width:900px) and (orientation:landscape){.dashboard{grid-template-rows:minmax(0,1fr) 42px 80px 44px 40px}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.showcase{grid-template-rows:minmax(0,1fr)}.service strong{font-size:10px}.service-icon{font-size:18px}.hero-copy h1{font-size:25px}.stats-heading{display:none}.stats-metrics{margin:0}.stats-panel{grid-template-rows:1fr}.feature-strip{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:1fr}}
@media(prefers-reduced-motion:reduce){.service{transition:none}.service:hover{transform:none}}