.tabba-service-directory{width:min(1200px,calc(100% - 32px));margin:0 auto 80px;text-align:center}.tabba-service-directory>span,.tabba-service-page span{color:var(--tabba-accent);font-weight:900}.tabba-service-directory h2{font-size:clamp(28px,4vw,46px);color:var(--tabba-primary);margin:10px 0}.tabba-service-directory>p{max-width:700px;margin:0 auto 30px;color:#756c84;font-size:18px}.tabba-service-directory>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tabba-service-tile{min-height:300px;border-radius:24px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;text-align:right;justify-content:flex-end;position:relative;overflow:hidden;color:#fff;text-decoration:none;background:linear-gradient(155deg,rgba(37,17,63,.18),rgba(14,5,28,.96)),url('../images/tabba-services-visuals.png') center/cover;box-shadow:0 14px 34px rgba(25,8,51,.16);isolation:isolate;transition:transform .25s ease,box-shadow .25s ease}.tabba-service-tile:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,7,43,.05) 10%,rgba(21,7,43,.96) 100%);z-index:-1}.tabba-service-tile:hover{transform:translateY(-7px);box-shadow:0 23px 44px rgba(25,8,51,.25)}.tabba-service-tile span{font-size:13px;color:#ffbd40;font-weight:800}.tabba-service-tile h3{font-size:27px;margin:8px 0}.tabba-service-tile p{font-size:15px;line-height:1.8;margin:0 0 18px;color:#eee6ff}.tabba-service-tile b{font-size:15px;color:#fff}.tabba-service-tile em{font-style:normal;color:var(--tabba-accent);font-size:20px;margin-right:6px}.service-websites{background-position:0% 0%}.service-stores{background-position:16.6% 0%}.service-marketing{background-position:33.2% 0%}.service-domains{background-position:49.8% 0%}.service-identity{background-position:66.4% 0%}.service-graphics{background-position:83% 0%}.service-video{background-position:100% 0%}.tabba-service-page{padding-bottom:80px}.tabba-service-hero{width:min(1200px,calc(100% - 32px));min-height:470px;margin:62px auto 34px;border-radius:30px;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;background:var(--tabba-primary);color:#fff}.tabba-service-hero>div{padding:72px 58px;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.tabba-service-hero h1{font-size:clamp(38px,5vw,64px);margin:9px 0}.tabba-service-hero p{font-size:20px;line-height:1.9;color:#eee7fa;margin:0 0 26px;max-width:590px}.tabba-service-hero a,.tabba-service-detail aside a{display:inline-flex;background:var(--tabba-accent);color:var(--tabba-primary);text-decoration:none;border-radius:12px;padding:14px 23px;font-weight:800}.tabba-service-hero figure{margin:0;background:linear-gradient(120deg,rgba(33,10,63,.1),rgba(18,4,31,.1)),url('../images/tabba-services-visuals.png') center/cover}.tabba-service-page.service-websites figure{background-position:0% 0%}.tabba-service-page.service-stores figure{background-position:16.6% 0%}.tabba-service-page.service-marketing figure{background-position:33.2% 0%}.tabba-service-page.service-domains figure{background-position:49.8% 0%}.tabba-service-page.service-identity figure{background-position:66.4% 0%}.tabba-service-page.service-graphics figure{background-position:83% 0%}.tabba-service-page.service-video figure{background-position:100% 0%}.tabba-service-detail{width:min(1100px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:1.25fr .75fr;gap:28px}.tabba-service-detail>div{padding:28px}.tabba-service-detail h2{font-size:34px;color:var(--tabba-primary);margin:9px 0}.tabba-service-detail p{color:#6f677d;font-size:18px;line-height:1.95}.tabba-service-detail ul{padding:0;list-style:none;display:grid;gap:12px}.tabba-service-detail li:before{content:'✓';display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff0d5;color:#cf8110;margin-left:9px}.tabba-service-detail aside{border-radius:22px;background:var(--tabba-primary);color:#fff;padding:34px;align-self:start}.tabba-service-detail aside b{font-size:23px}.tabba-service-detail aside p{color:#e4dced;font-size:16px}.tabba-service-detail aside a{background:#fff;color:var(--tabba-primary);margin-top:8px}@media(max-width:800px){.tabba-service-directory>div{grid-template-columns:1fr}.tabba-service-tile{min-height:250px}.tabba-service-hero{margin:32px auto;grid-template-columns:1fr;min-height:0}.tabba-service-hero>div{padding:48px 28px}.tabba-service-hero figure{min-height:260px}.tabba-service-detail{grid-template-columns:1fr}.tabba-service-detail>div{padding:20px}.tabba-service-detail h2{font-size:28px}}