@import url("./public-pages-refinement-v1.81850ef1ee87.css");
@import url("./public-pages-completion-v1.9d7a987a6143.css");
@import url("./service-detail-refinement-v1.1bf256f928fd.css");
@import url("./service-detail-completion-v1.f7b30af90bb9.css");

/* Ibtikar Tech — shared service-category refinement.
   Frontend-only; applies only to the four category pages below. */

body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]){
  --svc-section-y:clamp(72px,7vw,100px);
  --svc-line:color-mix(in srgb,var(--ibt-border) 76%,transparent);
  --svc-reading:64ch;
}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) main p{max-width:var(--svc-reading)}

/* Hero */
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .platform-hero{
  min-height:auto!important;
  padding:clamp(126px,12vw,164px) 0 clamp(70px,7vw,94px)!important;
  background:radial-gradient(circle at 82% 22%,color-mix(in srgb,var(--ibt-page-accent) 11%,transparent),transparent 30%),radial-gradient(circle at 14% 82%,color-mix(in srgb,var(--ibt-page-accent-2) 8%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--ibt-bg-soft) 76%,transparent),var(--ibt-bg))!important;
}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .platform-hero__grid{
  grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr)!important;
  gap:clamp(42px,6vw,82px)!important;
  align-items:center!important;
}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .platform-hero .hero-copy{max-width:700px}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .breadcrumbs{margin-bottom:22px!important;color:var(--ibt-muted)!important;font-size:12px!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) :is(.platform-kicker,.section-kicker){padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ibt-page-accent)!important;font-size:11px!important;font-weight:900!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .platform-hero h1{max-width:760px!important;margin:14px 0 18px!important;font-size:clamp(42px,5vw,68px)!important;line-height:1.09!important;letter-spacing:-.035em!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .platform-hero .hero-copy>p{max-width:58ch!important;font-size:clamp(16px,1.25vw,18px)!important;line-height:1.9!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .platform-actions{gap:10px!important;margin-top:26px!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .platform-actions .btn{min-height:48px!important;padding-inline:20px!important;border-radius:12px!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .platform-actions .btn:hover{transform:translateY(-1px)!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .source-visual{border-radius:22px!important;border-color:var(--svc-line)!important;box-shadow:0 24px 70px rgba(0,0,0,.14)!important;transform:none!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .source-visual:hover,
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .source-visual:hover img{transform:none!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .source-visual figcaption{color:var(--ibt-muted)!important;font-size:11px!important}

/* Sections and headings */
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .platform-section{padding:var(--svc-section-y) 0!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .platform-heading{max-width:780px!important;margin-bottom:clamp(34px,4vw,46px)!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) :is(.platform-heading h2,.content-copy h2){margin-top:10px!important;font-size:clamp(33px,3.8vw,50px)!important;line-height:1.16!important;letter-spacing:-.025em!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) :is(.platform-heading p,.content-copy>p){line-height:1.9!important}

/* Six option matrices */
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .route-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;border-block:1px solid var(--svc-line)}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .route-card{min-height:238px!important;padding:clamp(22px,2.6vw,30px)!important;border:0!important;border-inline-end:1px solid var(--svc-line)!important;border-block-end:1px solid var(--svc-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .route-card:nth-child(3n){border-inline-end:0!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .route-card:nth-last-child(-n+3){border-block-end:0!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .route-card:hover{transform:none!important;background:color-mix(in srgb,var(--ibt-page-accent) 4%,transparent)!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .route-card small{color:var(--ibt-page-accent)!important;font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.07em!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .route-card h3{margin:18px 0 9px!important;font-size:clamp(22px,2vw,29px)!important;line-height:1.23!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .route-card p{max-width:43ch!important;line-height:1.82!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .route-card a{margin-top:16px!important;display:inline-flex;font-weight:900!important}

/* Two-column scope/fit panels */
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .platform-grid--2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .platform-grid--2 .platform-card{min-height:280px!important;padding:clamp(24px,3vw,34px)!important;border:1px solid var(--svc-line)!important;border-radius:18px!important;background:color-mix(in srgb,var(--ibt-surface) 84%,transparent)!important;box-shadow:none!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .platform-grid--2 .platform-card:hover{transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--ibt-page-accent) 26%,var(--ibt-border))!important;box-shadow:0 16px 40px rgba(0,0,0,.07)!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .platform-grid--2 .platform-card h3{margin:8px 0 14px!important;font-size:clamp(24px,2.4vw,31px)!important;line-height:1.22!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .platform-card ul{display:grid;gap:0!important;margin-top:14px!important;padding:0!important;list-style:none!important;border-top:1px solid var(--svc-line)}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .platform-card li{position:relative;padding-block:10px!important;padding-inline-start:18px!important;border-bottom:1px solid var(--svc-line);line-height:1.72!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .platform-card li::before{content:"";position:absolute;inset-inline-start:0;top:18px;width:6px;height:6px;border-radius:50%;background:var(--ibt-page-accent)}

/* Method split and timeline */
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .split-layout{display:grid!important;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;gap:clamp(44px,6vw,82px)!important;align-items:start!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .split-layout .content-copy{position:sticky;top:118px;max-width:480px}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .check-list{margin-top:24px!important;padding:0!important;display:grid!important;gap:0!important;list-style:none!important;border-top:1px solid var(--svc-line)}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .check-list li{padding:11px 0!important;border-bottom:1px solid var(--svc-line);line-height:1.72!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .timeline{display:grid!important;gap:0!important;border-top:1px solid var(--svc-line)}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .timeline article{position:relative;min-height:116px!important;padding-block:24px!important;padding-inline-start:70px!important;padding-inline-end:0!important;display:block!important;border:0!important;border-bottom:1px solid var(--svc-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .timeline article::before{position:absolute!important;inset-inline-start:0!important;top:24px!important;width:42px!important;height:42px!important;display:grid!important;place-items:center;border:1px solid var(--svc-line)!important;border-radius:10px!important;background:color-mix(in srgb,var(--ibt-page-accent) 6%,var(--ibt-bg-soft))!important;color:var(--ibt-page-accent)!important;box-shadow:none!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .timeline article h3{margin:0 0 5px!important;font-size:clamp(21px,2vw,27px)!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .timeline article p{margin:0!important;max-width:50ch!important;line-height:1.78!important}

/* Related service navigation */
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .related-nav{display:flex!important;flex-wrap:wrap!important;gap:0!important;border-block:1px solid var(--svc-line)}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .related-nav a{min-height:50px!important;padding:0 16px!important;display:inline-flex!important;align-items:center;border:0!important;border-inline-end:1px solid var(--svc-line)!important;border-radius:0!important;background:transparent!important;font-weight:800!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .related-nav a:last-child{border-inline-end:0!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .related-nav a:hover{background:color-mix(in srgb,var(--ibt-page-accent) 5%,transparent)!important;color:var(--ibt-page-accent)!important}

/* Final CTA */
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .page-cta{padding:clamp(64px,7vw,90px) 0!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .page-cta .cta-card{min-height:238px;padding:clamp(30px,4.5vw,52px)!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:30px 48px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:24px!important;background:radial-gradient(circle at 86% 18%,color-mix(in srgb,var(--ibt-page-accent) 12%,transparent),transparent 30%),linear-gradient(145deg,#0c1733 0%,#11152f 70%,#17132d 100%)!important;box-shadow:0 26px 76px rgba(3,8,24,.2)!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .page-cta .cta-card>div:first-child{max-width:700px}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .page-cta h2{margin:10px 0 12px!important;font-size:clamp(34px,4vw,52px)!important;line-height:1.12!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .page-cta p{max-width:52ch!important;line-height:1.85!important}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .page-cta .cta-actions{display:grid!important;gap:9px!important;min-width:220px}
body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .page-cta .cta-actions .btn{width:100%;min-height:48px!important;border-radius:12px!important}

@media(max-width:980px){
  body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .platform-hero__grid{grid-template-columns:1fr 1fr!important;gap:34px!important}
  body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .route-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .route-card:nth-child(3n){border-inline-end:1px solid var(--svc-line)!important}
  body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .route-card:nth-child(2n){border-inline-end:0!important}
  body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .route-card:nth-last-child(-n+3){border-block-end:1px solid var(--svc-line)!important}
  body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .route-card:nth-last-child(-n+2){border-block-end:0!important}
}

@media(max-width:760px){
  body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]){--svc-section-y:clamp(56px,12vw,74px)}
  body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .platform-hero{padding:110px 0 58px!important}
  body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) :is(.platform-hero__grid,.split-layout,.platform-grid--2){grid-template-columns:1fr!important;gap:30px!important}
  body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .platform-hero h1{font-size:clamp(37px,10.8vw,50px)!important}
  body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .route-grid{grid-template-columns:1fr!important}
  body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .route-card{min-height:0!important;border-inline-end:0!important;border-block-end:1px solid var(--svc-line)!important}
  body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .route-card:last-child{border-block-end:0!important}
  body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .split-layout .content-copy{position:static!important;max-width:620px}
  body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .platform-grid--2 .platform-card{min-height:0!important}
  body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .related-nav{display:grid!important;grid-template-columns:1fr!important}
  body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .related-nav a{border-inline-end:0!important;border-block-end:1px solid var(--svc-line)!important}
  body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .related-nav a:last-child{border-block-end:0!important}
  body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .page-cta .cta-card{grid-template-columns:1fr!important;min-height:0!important}
  body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .page-cta .cta-actions{width:min(100%,420px);min-width:0}
}

@media(max-width:520px){
  body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) :is(.platform-actions,.page-cta .cta-actions){display:grid!important;grid-template-columns:1fr!important;width:100%}
  body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) :is(.platform-actions,.page-cta .cta-actions) .btn{width:100%}
  body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .platform-grid--2 .platform-card{padding:22px 18px!important;border-radius:15px!important}
  body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) .page-cta .cta-card{padding:26px 20px!important;border-radius:20px!important}
}

@media(prefers-reduced-motion:reduce){
  body:is([data-page="websites"],[data-page="brand-content"],[data-page="growth"],[data-page="custom-systems"]) :is(.route-card,.platform-card,.source-visual){animation:none!important;transition:none!important}
}