/* ==== iTab comprehensive utility polyfills (generated) ==== */
.m-5{margin:1.25rem;}
.mt-7{margin-top:1.75rem;}
.mt-9{margin-top:2.25rem;}
.mt-12{margin-top:3rem;}
.mt-14{margin-top:3.5rem;}
.p-7{padding:1.75rem;}
.p-1\.5{padding:0.375rem;}
.pb-5{padding-bottom:1.25rem;}
.pb-10{padding-bottom:2.5rem;}
.pt-28{padding-top:7rem;}
.px-3\.5{padding-left:0.875rem;padding-right:0.875rem;}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem;}
.gap-5{gap:1.25rem;}
.gap-2\.5{gap:0.625rem;}
.gap-x-6{column-gap:1.5rem;}
.gap-y-2{row-gap:0.5rem;}
.h-14{height:3.5rem;}
.h-4\.5{height:1.125rem;}
.w-4\.5{width:1.125rem;}
.-bottom-5{bottom:-1.25rem;}
.-left-5{left:-1.25rem;}
.h-\[3px\]{height:3px;}
.left-\[4px\]{left:4px;}
.bottom-\[-2rem\]{bottom:-2rem;}
.min-h-\[280px\]{min-height:280px;}
.min-h-\[420px\]{min-height:420px;}
.aspect-\[16\/10\]{aspect-ratio:16/10;}
.text-\[16px\]{font-size:16px;}
.text-\[7rem\]{font-size:7rem;}
.text-\[clamp\(1\.35rem\,2\.6vw\,2rem\)\]{font-size:clamp(1.35rem,2.6vw,2rem);}
.text-\[clamp\(1\.6rem\,3\.6vw\,2\.5rem\)\]{font-size:clamp(1.6rem,3.6vw,2.5rem);}
.text-\[clamp\(1\.75rem\,3\.4vw\,2\.75rem\)\]{font-size:clamp(1.75rem,3.4vw,2.75rem);}
.text-\[clamp\(1\.9rem\,3\.4vw\,2\.75rem\)\]{font-size:clamp(1.9rem,3.4vw,2.75rem);}
.text-\[clamp\(1\.9rem\,3\.8vw\,2\.9rem\)\]{font-size:clamp(1.9rem,3.8vw,2.9rem);}
.text-\[clamp\(1\.9rem\,4\.2vw\,3rem\)\]{font-size:clamp(1.9rem,4.2vw,3rem);}
.text-\[clamp\(1\.9rem\,4\.4vw\,3\.25rem\)\]{font-size:clamp(1.9rem,4.4vw,3.25rem);}
.text-\[clamp\(2\.1rem\,4\.6vw\,3\.4rem\)\]{font-size:clamp(2.1rem,4.6vw,3.4rem);}
.text-\[clamp\(2rem\,4\.4vw\,3\.2rem\)\]{font-size:clamp(2rem,4.4vw,3.2rem);}
.leading-\[1\.08\]{line-height:1.08;}
.leading-\[1\.12\]{line-height:1.12;}
.leading-\[1\.14\]{line-height:1.14;}
.tracking-\[-0\.01em\]{letter-spacing:-0.01em;}
.tracking-\[0\.14em\]{letter-spacing:0.14em;}
.tracking-\[0\.22em\]{letter-spacing:0.22em;}
.bg-white{background-color:#fff;}
.bg-white\/10{background-color:rgba(255,255,255,.1);}
.border-destructive\/40{border-color:oklch(58.5% .223 27 / .4);}
.text-foreground\/85{color:color-mix(in oklch, var(--foreground) 85%, transparent);}
.text-muted-foreground\/50{color:color-mix(in oklch, var(--muted-foreground) 50%, transparent);}
.text-muted-foreground\/70{color:color-mix(in oklch, var(--muted-foreground) 70%, transparent);}
.text-secondary{color:var(--secondary);}
.text-white\/80{color:rgba(255,255,255,.8);}
.ring-primary\/20{--tw-ring-color:oklch(58.5% .223 27 / .2);}
.ring-4{box-shadow:0 0 0 4px var(--tw-ring-color, oklch(58.5% .223 27 / .2));}
.justify-end{justify-content:flex-end;}
.max-w-sm{max-width:24rem;}
.object-contain{object-fit:contain;}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]){margin-top:0.625rem;}
.space-y-5 > :not([hidden]) ~ :not([hidden]){margin-top:1.25rem;}
.space-y-7 > :not([hidden]) ~ :not([hidden]){margin-top:1.75rem;}
@media (min-width: 768px) {
  .md\:mb-12{margin-bottom:3rem;}
  .md\:p-7{padding:1.75rem;}
  .md\:p-9{padding:2.25rem;}
  .md\:pb-14{padding-bottom:3.5rem;}
  .md\:pb-7{padding-bottom:1.75rem;}
  .md\:pt-36{padding-top:9rem;}
  .md\:px-7{padding-left:1.75rem;padding-right:1.75rem;}
  .md\:py-20{padding-top:5rem;padding-bottom:5rem;}
  .md\:min-h-\[460px\]{min-height:460px;}
  .md\:-left-8{left:-2rem;}
  .md\:col-span-3{grid-column:span 3 / span 3;}
  .md\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr));}
  .md\:grid-cols-\[1\.3fr_1fr\]{grid-template-columns:1.3fr 1fr;}
}
@media (min-width: 640px) {
  .sm\:block{display:block;}
}
@media (min-width: 1024px) {
  .lg\:gap-10{gap:2.5rem;}
  .lg\:gap-20{gap:5rem;}
  .lg\:top-28{top:7rem;}
  .lg\:order-1{order:1;}
  .lg\:order-2{order:2;}
  .lg\:grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr));}
  .lg\:grid-cols-\[0\.85fr_1\.15fr\]{grid-template-columns:0.85fr 1.15fr;}
  .lg\:grid-cols-\[0\.9fr_1\.1fr\]{grid-template-columns:0.9fr 1.1fr;}
  .lg\:grid-cols-\[1\.05fr_0\.95fr\]{grid-template-columns:1.05fr 0.95fr;}
  .lg\:grid-cols-\[1\.05fr_1fr\]{grid-template-columns:1.05fr 1fr;}
  .lg\:grid-cols-\[1\.2fr_0\.8fr\]{grid-template-columns:1.2fr 0.8fr;}
  .lg\:grid-cols-\[1fr_1\.1fr\]{grid-template-columns:1fr 1.1fr;}
  .lg\:grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr;}
  .lg\:grid-cols-\[1fr_320px\]{grid-template-columns:1fr 320px;}
}
.focus\:border-primary:focus{border-color:var(--primary);}

.itab-overlay-dark-75{background:linear-gradient(to top, rgba(0,0,0,.75) 0%, rgba(0,0,0,.10) 55%, transparent 100%);}
.itab-overlay-dark-70{background:linear-gradient(to top, rgba(0,0,0,.70) 0%, rgba(0,0,0,.05) 55%, transparent 100%);}
.itab-overlay-white{background:linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,.10) 55%, transparent 100%);}
.bottom-4{bottom:1rem;}
@media (min-width: 768px) {
  .md\:text-lg{font-size:1.125rem;line-height:1.75rem;}
}
.itab-comments{max-width:48rem;}
.itab-sidebar{max-width:20rem;}

/* ==== Hero background + mobile side-by-side + 3D media treatment ==== */
.itab-hero-bg {
  background:
    radial-gradient(75% 65% at 88% 0%, oklch(58.5% .223 27 / .07), transparent 60%),
    radial-gradient(60% 55% at 4% 100%, oklch(58.5% .223 27 / .05), transparent 55%),
    linear-gradient(180deg, #F5F6F9 0%, var(--background) 78%);
}
.dark .itab-hero-bg {
  background:
    radial-gradient(75% 65% at 88% 0%, oklch(58.5% .223 27 / .16), transparent 60%),
    radial-gradient(60% 55% at 4% 100%, oklch(58.5% .223 27 / .10), transparent 55%),
    var(--background);
}

/* Side-by-side hero grid at every breakpoint (mobile included) */
.itab-hero-grid {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 1rem;
  align-items: center;
}
@media (min-width: 480px) { .itab-hero-grid { gap: 1.5rem; } }
@media (min-width: 768px) { .itab-hero-grid { gap: 2.5rem; } }

/* Compact hero typography on narrow phones so the side-by-side split stays readable */
@media (max-width: 639px) {
  .itab-hero-grid h1 { font-size: clamp(1.35rem, 6.4vw, 1.85rem) !important; line-height: 1.18 !important; }
  .itab-hero-grid > div:first-child p { font-size: 12.5px !important; line-height: 1.5; }
  .itab-hero-grid .itab-eyebrow { font-size: 9px; }
  .itab-hero-grid a { font-size: 12.5px !important; padding: .55rem .9rem !important; }
  .itab-hero-grid svg { height: .85rem; width: .85rem; }
}

/* 3D floating media card */
.itab-hero-media {
  position: relative;
  z-index: 1;
  transform: rotate(1.1deg);
}
.itab-hero-media::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, oklch(58.5% .223 27 / .22), oklch(20% .01 260 / .08));
  border-radius: 1.25rem;
  transform: rotate(-4deg) scale(.94);
  z-index: -1;
}
.itab-hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 1.25rem;
  box-shadow: 0 30px 60px -20px oklch(0% 0 0 / .25);
  transform: rotate(-1.5deg) scale(.99);
  z-index: -1;
}
.itab-hero-media picture, .itab-hero-media img { position: relative; z-index: 1; border-radius: inherit; }
@media (min-width: 1024px) {
  .lg\:gap-12{gap:3rem;}
}
@media (max-width: 639px) {
  .itab-hero-grid .inline-flex.rounded-full { font-size: 9px !important; padding: .3rem .6rem !important; gap: .3rem; }
  .itab-hero-grid .mt-8 { margin-top: 1.1rem; }
  .itab-hero-grid .mt-6 { margin-top: .9rem; }
}
@media (min-width: 640px) {
  .sm\:grid{display:grid;}
}