/* Dooha Core: design pack styles (dooha.css), scoped to .dooha-scope, plus plugin-only additions. */
.dooha-scope{--color-ink: #0F2A43;
  --color-ink-raised: #18395A;
  --color-ink-soft: #3E5469;
  --color-amber: #F5A300;
  --color-amber-hover: #E39700;
  --color-amber-soft: #FDF0D2;
  --color-amber-wash: #FFF9EC;
  --color-amber-deep: #7A4F00;
  --color-base: #F6F7F9;
  --color-surface: #FFFFFF;
  --color-line: #DFE3E8;
  --color-line-strong: #A9B4BF;
  --color-on-ink: #FFFFFF;
  --color-on-ink-muted: #BFCBD7;
  --color-on-ink-line: #2C4B69;
  --color-avatar-1: #6D4C41;
  --color-avatar-2: #AD1457;
  --color-avatar-3: #00695C;
  --color-avatar-4: #283593;
  --color-avatar-5: #6A1B9A;
  --color-star: #F5A300;
  --color-demo-modern-bg: #0E1B2C;
  --color-demo-modern-surface: #1A2D45;
  --color-demo-modern-text: #FFFFFF;
  --color-demo-modern-muted: #B8C7D9;
  --color-demo-modern-accent: #3DD6C4;
  --color-demo-modern-on-accent: #0E1B2C;
  --color-demo-warm-bg: #FBF3EA;
  --color-demo-warm-surface: #FFFFFF;
  --color-demo-warm-text: #3B2418;
  --color-demo-warm-muted: #6E4E3C;
  --color-demo-warm-accent: #A84F1F;
  --color-demo-warm-on-accent: #FFFFFF;
  --color-demo-formal-bg: #FFFFFF;
  --color-demo-formal-surface: #EEF1F5;
  --color-demo-formal-text: #1B2A3A;
  --color-demo-formal-muted: #4A5868;
  --color-demo-formal-accent: #1F3B73;
  --color-demo-formal-on-accent: #FFFFFF;
  --color-shadow: rgba(15, 42, 67, 0.10);
  --color-shadow-strong: rgba(15, 42, 67, 0.22);

  
  --font-family-sans: "Plus Jakarta Sans", "Segoe UI", "Helvetica Neue", sans-serif;
  --font-size-xs: 0.8125rem;
  --font-size-sm: 0.9375rem;
  --font-size-base: 1rem;
  --font-size-md: 1.125rem;
  --font-size-lg: 1.375rem;
  --font-size-xl: 1.875rem;
  --font-size-xxl: 2.5rem;
  --font-size-display: 3.375rem;
  --font-size-wordmark: 1.75rem;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --line-height-none: 1;
  --line-height-tight: 1.12;
  --line-height-snug: 1.3;
  --line-height-body: 1.6;
  --tracking-tight: -0.025em;
  --tracking-wide: 0.08em;

  
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-section: var(--space-9);
  --space-gutter: var(--space-6);

  
  --size-full: 100%;
  --size-content: 72rem;
  --size-narrow: 46rem;
  --size-text: 36rem;
  --size-touch: 2.75rem;
  --size-header: 4.5rem;
  --size-icon: 1.5rem;
  --size-icon-sm: 1.125rem;
  --size-icon-stroke: 1.75;
  --size-badge: 3rem;
  --size-dot: 0.5rem;
  --size-wordmark-dot: 0.3em;
  --size-wordmark-gap: 0.06em;
  --size-step-marker: 2.5rem;
  --size-wa-button: 3.5rem;
  --size-browser-bar: 1.75rem;
  --size-browser-dot: 0.5rem;
  --size-hero-main: 94%;
  --size-hero-overlap: -5.5rem;
  --size-card-min: 17rem;
  --size-card-price-min: 18rem;
  --size-check-min: 17rem;
  --size-field-min: 14rem;
  --size-panel-min: 18rem;
  --size-footer-brand: 18rem;
  --size-footer-col: 10rem;
  --size-cookie: 25rem;
  --size-table-min: 46rem;
  --size-table-label: 15rem;
  --size-textarea: 7.5rem;
  --size-border: 1px;
  --size-border-strong: 2px;
  --size-focus: 3px;
  --size-focus-offset: 2px;
  --size-underline-offset: 0.2em;
  --size-icon-nudge: 0.15rem;
  --size-review-card: 20rem;
  --size-avatar: 2.5rem;
  --size-star: 1rem;
  --size-star-gap: 0.125rem;
  --size-demo-service: 8rem;
  --size-demo-bar: 0.25rem;
  --size-toc: 15rem;

  
  --radius-sm: 0.5rem;
  --radius-md: 0.875rem;
  --radius-lg: 1.25rem;
  --radius-pill: 999px;
  --shadow-card: 0 1px 2px var(--color-shadow), 0 0.75rem 2rem var(--color-shadow);
  --shadow-raised: 0 1.5rem 3rem var(--color-shadow-strong);

  
  --ratio-shot: 1240 / 860;
  --ratio-shot-wide: 1126 / 641;
  --motion-fast: 160ms;
  --motion-marquee: 38s;
  --motion-marquee-slow: 70s;
  --z-header: 50;
  --z-float: 60;}
@media (max-width: 1023px){.dooha-scope{--font-size-display: 2.75rem;
    --font-size-xxl: 2.125rem;
    --space-section: var(--space-8);
    --size-hero-overlap: -4rem;}}
@media (max-width: 599px){.dooha-scope{--font-size-display: 2.125rem;
    --font-size-xxl: 1.75rem;
    --font-size-xl: 1.625rem;
    --font-size-lg: 1.25rem;
    --space-section: var(--space-8);
    --space-gutter: var(--space-4);
    --size-hero-overlap: -2.5rem;}}
.dooha-scope,.dooha-scope *{box-sizing: border-box;}
.dooha-scope{margin: 0;
  font-family: var(--font-family-sans);
  font-size: var(--font-size-base);
  line-height: var(--line-height-body);
  color: var(--color-ink);
  background: var(--color-base);}
.dooha-scope .site-root{font-family: var(--font-family-sans);
  color: var(--color-ink);
  background: var(--color-base);
  display: flex;
  flex-direction: column;}
.dooha-scope a{color: var(--color-ink); text-underline-offset: var(--size-underline-offset);}
.dooha-scope a:hover{color: var(--color-ink-soft);}
.dooha-scope :focus-visible{outline: var(--size-focus) solid var(--color-amber); outline-offset: var(--size-focus-offset);}
.dooha-scope img{max-width: var(--size-full);}
.dooha-scope .container{width: var(--size-full);
  max-width: var(--size-content);
  margin-inline: auto;
  padding-inline: var(--space-gutter);}
.dooha-scope .section{padding-block: var(--space-section);}
.dooha-scope .section-surface{background: var(--color-surface);}
.dooha-scope .section-ink{background: var(--color-ink); color: var(--color-on-ink);}
.dooha-scope .section-head{display: flex; flex-direction: column; gap: var(--space-3);
  max-width: var(--size-narrow); margin-bottom: var(--space-7);}
.dooha-scope .section-head-center{align-items: center; text-align: center; margin-inline: auto;}
.dooha-scope .split{display: flex; gap: var(--space-8); align-items: flex-start;}
.dooha-scope .split-aside{flex: 2 1 0; min-width: 0; display: flex; flex-direction: column; gap: var(--space-4);}
.dooha-scope .split-main{flex: 3 1 0; min-width: 0;}
.dooha-scope .split-aside .section-head{margin-bottom: var(--space-0);}
.dooha-scope .stack{display: flex; flex-direction: column; gap: var(--space-5);}
.dooha-scope .header-slot{position: sticky; top: var(--space-0); z-index: var(--z-header);}
.dooha-scope .eyebrow{display: flex; align-items: center; gap: var(--space-2);
  font-size: var(--font-size-xs); font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-wide); text-transform: uppercase;
  color: var(--color-ink-soft); margin: var(--space-0);}
.dooha-scope .eyebrow-on-ink{color: var(--color-on-ink-muted);}
.dooha-scope .dot{width: var(--size-dot); height: var(--size-dot); flex: none;
  border-radius: var(--radius-pill); background: var(--color-amber);}
.dooha-scope .heading-1{margin: var(--space-0); font-size: var(--font-size-display);
  line-height: var(--line-height-tight); letter-spacing: var(--tracking-tight);
  font-weight: var(--font-weight-extrabold); text-wrap: balance;}
.dooha-scope .heading-2{margin: var(--space-0); font-size: var(--font-size-xxl);
  line-height: var(--line-height-tight); letter-spacing: var(--tracking-tight);
  font-weight: var(--font-weight-extrabold); text-wrap: balance;}
.dooha-scope .heading-3{margin: var(--space-0); font-size: var(--font-size-lg);
  line-height: var(--line-height-snug); font-weight: var(--font-weight-bold);}
.dooha-scope .lead{margin: var(--space-0); font-size: var(--font-size-md); color: var(--color-ink-soft); max-width: var(--size-text); text-wrap: pretty;}
.dooha-scope .lead-on-ink{color: var(--color-on-ink-muted);}
.dooha-scope .text{margin: var(--space-0); color: var(--color-ink-soft); text-wrap: pretty;}
.dooha-scope .text-on-ink{color: var(--color-on-ink-muted);}
.dooha-scope .note{margin: var(--space-0); font-size: var(--font-size-sm); color: var(--color-ink-soft);}
.dooha-scope .note-on-ink{color: var(--color-on-ink-muted);}
.dooha-scope .statement{display: flex; align-items: center; gap: var(--space-3);
  margin: var(--space-6) var(--space-0) var(--space-0);
  font-size: var(--font-size-md); font-weight: var(--font-weight-semibold);}
.dooha-scope .icon{width: var(--size-icon); height: var(--size-icon); flex: none;
  fill: none; stroke: currentColor; stroke-width: var(--size-icon-stroke);
  stroke-linecap: round; stroke-linejoin: round;}
.dooha-scope .icon-sm{width: var(--size-icon-sm); height: var(--size-icon-sm);}
.dooha-scope .icon-badge{width: var(--size-badge); height: var(--size-badge); flex: none;
  display: flex; align-items: center; justify-content: center;
  border-radius: var(--radius-md); background: var(--color-amber-soft); color: var(--color-ink);}
.dooha-scope .icon-badge-on-ink{background: var(--color-ink); color: var(--color-amber);}
.dooha-scope .button-primary,.dooha-scope .button-secondary,.dooha-scope .button-light{display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2);
  min-height: var(--size-touch); padding: var(--space-3) var(--space-5);
  border-radius: var(--radius-pill); border: var(--size-border) solid transparent;
  font-family: inherit; font-size: var(--font-size-base); font-weight: var(--font-weight-bold);
  line-height: var(--line-height-snug); text-decoration: none; cursor: pointer;
  transition: background var(--motion-fast), color var(--motion-fast);}
.dooha-scope .button-primary{background: var(--color-amber); border-color: var(--color-amber); color: var(--color-ink);}
.dooha-scope .button-primary:hover{background: var(--color-amber-hover); color: var(--color-ink);}
.dooha-scope .button-secondary{background: transparent; border-color: var(--color-ink); color: var(--color-ink);}
.dooha-scope .button-secondary:hover{background: var(--color-ink); color: var(--color-on-ink);}
.dooha-scope .button-light{background: transparent; border-color: var(--color-on-ink); color: var(--color-on-ink);}
.dooha-scope .button-light:hover{background: var(--color-on-ink); color: var(--color-ink);}
.dooha-scope .button-block{width: var(--size-full);}
.dooha-scope .button-row{display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: center;}
.dooha-scope .link-arrow{display: inline-flex; align-items: center; gap: var(--space-2); min-height: var(--size-touch);
  font-weight: var(--font-weight-bold); color: var(--color-ink);}
.dooha-scope .site-header{background: var(--color-surface); border-bottom: var(--size-border) solid var(--color-line);}
.dooha-scope .header-bar{display: flex; align-items: center; justify-content: space-between; gap: var(--space-5); min-height: var(--size-header);}
.dooha-scope .wordmark{display: inline-flex; align-items: baseline; min-height: var(--size-touch);
  font-size: var(--font-size-wordmark); font-weight: var(--font-weight-extrabold);
  letter-spacing: var(--tracking-tight); line-height: var(--line-height-none);
  color: var(--color-ink); text-decoration: none;}
.dooha-scope .wordmark:hover{color: var(--color-ink);}
.dooha-scope .wordmark-on-ink,.dooha-scope .wordmark-on-ink:hover{color: var(--color-on-ink);}
.dooha-scope .wordmark-dot{width: var(--size-wordmark-dot); height: var(--size-wordmark-dot); flex: none;
  margin-left: var(--size-wordmark-gap); border-radius: var(--radius-pill); background: var(--color-amber);}
.dooha-scope .nav-primary{display: flex; align-items: center; gap: var(--space-6);}
.dooha-scope .nav-list{display: flex; align-items: center; gap: var(--space-5); list-style: none; margin: var(--space-0); padding: var(--space-0);}
.dooha-scope .nav-link{display: inline-flex; align-items: center; min-height: var(--size-touch);
  font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold);
  color: var(--color-ink); text-decoration: none;}
.dooha-scope .nav-link:hover{text-decoration: underline; color: var(--color-ink);}
.dooha-scope .menu-toggle{display: none; align-items: center; justify-content: center; gap: var(--space-2);
  min-width: var(--size-touch); min-height: var(--size-touch); padding: var(--space-2) var(--space-3);
  border: var(--size-border) solid var(--color-line-strong); border-radius: var(--radius-pill);
  background: var(--color-surface); color: var(--color-ink);
  font-family: inherit; font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); cursor: pointer;}
.dooha-scope .drawer{display: flex; flex-direction: column; gap: var(--space-4); padding-block: var(--space-2) var(--space-6);}
.dooha-scope .drawer-list{display: flex; flex-direction: column; list-style: none; margin: var(--space-0); padding: var(--space-0);}
.dooha-scope .drawer-link{display: flex; align-items: center; justify-content: space-between; min-height: var(--size-touch);
  padding-block: var(--space-3); border-bottom: var(--size-border) solid var(--color-line);
  font-size: var(--font-size-md); font-weight: var(--font-weight-semibold); color: var(--color-ink); text-decoration: none;}
.dooha-scope .hero{padding-block: var(--space-8) var(--space-section);}
.dooha-scope .hero-inner{display: flex; align-items: center; gap: var(--space-8);}
.dooha-scope .hero-copy{flex: 11 1 0; min-width: 0; display: flex; flex-direction: column; gap: var(--space-5);}
.dooha-scope .hero-visual{flex: 10 1 0; min-width: 0; display: flex; flex-direction: column; gap: var(--space-4);}
.dooha-scope .proof-list{display: flex; flex-wrap: wrap; gap: var(--space-3) var(--space-5); list-style: none; margin: var(--space-0); padding: var(--space-0);}
.dooha-scope .proof-item{display: flex; align-items: center; gap: var(--space-2); font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold);}
.dooha-scope .browser-frame{display: flex; flex-direction: column; overflow: hidden; margin: var(--space-0);
  background: var(--color-surface); border: var(--size-border) solid var(--color-line);
  border-radius: var(--radius-md); box-shadow: var(--shadow-raised);}
.dooha-scope .browser-frame-main{width: var(--size-hero-main); align-self: flex-end;}
.dooha-scope .browser-bar{display: flex; align-items: center; gap: var(--space-2); min-height: var(--size-browser-bar);
  padding-inline: var(--space-3); background: var(--color-base); border-bottom: var(--size-border) solid var(--color-line);}
.dooha-scope .browser-dot{width: var(--size-browser-dot); height: var(--size-browser-dot); border-radius: var(--radius-pill); background: var(--color-line-strong); flex: none;}
.dooha-scope .browser-url{margin-left: var(--space-2); font-size: var(--font-size-xs); color: var(--color-ink-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.dooha-scope .browser-shot{display: block; width: var(--size-full); aspect-ratio: var(--ratio-shot); object-fit: cover; object-position: top;}
.dooha-scope .browser-shot-wide{aspect-ratio: var(--ratio-shot-wide);}
.dooha-scope .hero-shots-row{display: flex; gap: var(--space-4); margin-top: var(--size-hero-overlap); isolation: isolate;}
.dooha-scope .hero-shots-row .browser-frame{flex: 1 1 0; min-width: 0;}
.dooha-scope .strip{background: var(--color-ink); color: var(--color-on-ink); padding-block: var(--space-6);}
.dooha-scope .strip-inner{display: flex; align-items: center; gap: var(--space-7);}
.dooha-scope .strip-facts{display: flex; gap: var(--space-6); flex: none;}
.dooha-scope .fact{display: flex; flex-direction: column; gap: var(--space-1);}
.dooha-scope .fact-number{font-size: var(--font-size-xl); font-weight: var(--font-weight-extrabold); line-height: var(--line-height-none); color: var(--color-amber);}
.dooha-scope .fact-label{font-size: var(--font-size-xs); color: var(--color-on-ink-muted);}
.dooha-scope .strip-divider{width: var(--size-border); align-self: stretch; background: var(--color-on-ink-line); flex: none;}
.dooha-scope .strip-clients{flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: var(--space-2);}
.dooha-scope .marquee{overflow: hidden;}
.dooha-scope .marquee-track{display: flex; width: max-content; animation: marquee-scroll var(--motion-marquee) linear infinite;}
.dooha-scope .marquee:hover .marquee-track{animation-play-state: paused;}
.dooha-scope .marquee-group{display: flex; align-items: center; gap: var(--space-6); padding: var(--space-0) var(--space-6) var(--space-0) var(--space-0); margin: var(--space-0); list-style: none;}
.dooha-scope .marquee-item{display: flex; align-items: center; gap: var(--space-6); font-size: var(--font-size-md); font-weight: var(--font-weight-bold); white-space: nowrap;}
@keyframes marquee-scroll{ from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce){.dooha-scope .marquee-track{animation: none;}
.dooha-scope .marquee{overflow-x: auto;}
.dooha-scope .faq-icon,.dooha-scope .button-primary,.dooha-scope .button-secondary,.dooha-scope .button-light{transition: none;}}
.dooha-scope .card-row{display: flex; flex-wrap: wrap; gap: var(--space-5);}
.dooha-scope .card-feature{flex: 1 1 var(--size-card-min); min-width: 0;
  display: flex; flex-direction: column; gap: var(--space-4);
  padding: var(--space-6); border-radius: var(--radius-lg);
  background: var(--color-surface); border: var(--size-border) solid var(--color-line);}
.dooha-scope .card-feature-on-ink{background: var(--color-ink-raised); border-color: var(--color-on-ink-line); color: var(--color-on-ink);}
.dooha-scope .card-body{display: flex; flex-direction: column; gap: var(--space-2);}
.dooha-scope .guarantee{display: flex; align-items: center; gap: var(--space-5); flex-wrap: wrap;
  margin-top: var(--space-5); padding: var(--space-5) var(--space-6);
  border-radius: var(--radius-lg); background: var(--color-amber); color: var(--color-ink);}
.dooha-scope .guarantee-copy{flex: 1 1 var(--size-panel-min); display: flex; flex-direction: column; gap: var(--space-1);}
.dooha-scope .guarantee-title{margin: var(--space-0); font-size: var(--font-size-lg); font-weight: var(--font-weight-extrabold); line-height: var(--line-height-snug);}
.dooha-scope .guarantee-text{margin: var(--space-0);}
.dooha-scope .card-case{flex: 1 1 var(--size-card-min); min-width: 0; display: flex; flex-direction: column; gap: var(--space-5);}
.dooha-scope .card-case .browser-frame{box-shadow: var(--shadow-card);}
.dooha-scope .card-case-body{display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-2);}
.dooha-scope .panel-head{display: flex; align-items: center; gap: var(--space-4);}
.dooha-scope .bundle-spaced{margin-top: var(--space-5);}
.dooha-scope .pricing-foot-spaced{margin-top: var(--space-6);}
.dooha-scope .section-wash{background: var(--color-amber-wash);}
.dooha-scope .card-addon{flex: 1 1 var(--size-card-min); min-width: 0;
  display: flex; flex-direction: column; gap: var(--space-3);
  padding: var(--space-5); border-radius: var(--radius-lg);
  background: var(--color-surface); border: var(--size-border) solid var(--color-line);}
.dooha-scope .card-addon-compact{flex-basis: var(--size-field-min);}
.dooha-scope .addon-head{display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-3); flex-wrap: wrap;}
.dooha-scope .addon-price{margin: var(--space-0); font-size: var(--font-size-md); font-weight: var(--font-weight-extrabold); letter-spacing: var(--tracking-tight);}
.dooha-scope .addon-body{flex: 1 1 auto;}
.dooha-scope .addon-group + .addon-group{margin-top: var(--space-8);}
.dooha-scope .addon-group .section-head{margin-bottom: var(--space-5);}
.dooha-scope .case-links{display: flex; flex-wrap: wrap; gap: var(--space-1) var(--space-5);}
.dooha-scope .demo-layout{display: flex; align-items: flex-start; gap: var(--space-7);}
.dooha-scope .demo-controls{flex: 2 1 0; min-width: 0;}
.dooha-scope .demo-preview{flex: 3 1 0; min-width: 0; display: flex; flex-direction: column; gap: var(--space-3);}
.dooha-scope .demo-divider{height: var(--size-border); background: var(--color-line);}
.dooha-scope .demo-site{display: flex; flex-direction: column; gap: var(--space-5);
  padding: var(--space-5) var(--space-6) var(--space-6);
  background: var(--demo-bg); color: var(--demo-text);}
.dooha-scope .demo-modern{--demo-bg: var(--color-demo-modern-bg); --demo-surface: var(--color-demo-modern-surface); --demo-text: var(--color-demo-modern-text); --demo-muted: var(--color-demo-modern-muted); --demo-accent: var(--color-demo-modern-accent); --demo-on-accent: var(--color-demo-modern-on-accent);}
.dooha-scope .demo-warm{--demo-bg: var(--color-demo-warm-bg); --demo-surface: var(--color-demo-warm-surface); --demo-text: var(--color-demo-warm-text); --demo-muted: var(--color-demo-warm-muted); --demo-accent: var(--color-demo-warm-accent); --demo-on-accent: var(--color-demo-warm-on-accent);}
.dooha-scope .demo-formal{--demo-bg: var(--color-demo-formal-bg); --demo-surface: var(--color-demo-formal-surface); --demo-text: var(--color-demo-formal-text); --demo-muted: var(--color-demo-formal-muted); --demo-accent: var(--color-demo-formal-accent); --demo-on-accent: var(--color-demo-formal-on-accent);}
.dooha-scope .demo-nav{display: flex; align-items: center; justify-content: space-between; gap: var(--space-4);}
.dooha-scope .demo-brand{font-size: var(--font-size-md); font-weight: var(--font-weight-extrabold); overflow-wrap: anywhere; min-width: 0;}
.dooha-scope .demo-links{display: flex; gap: var(--space-4); font-size: var(--font-size-xs); color: var(--demo-muted); flex: none;}
.dooha-scope .demo-hero{display: flex; flex-direction: column; gap: var(--space-3); padding-block: var(--space-5); max-width: var(--size-text);}
.dooha-scope .demo-kicker{margin: var(--space-0); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--demo-accent);}
.dooha-scope .demo-title{margin: var(--space-0); font-size: var(--font-size-xl); font-weight: var(--font-weight-extrabold); line-height: var(--line-height-tight); letter-spacing: var(--tracking-tight);}
.dooha-scope .demo-sub{margin: var(--space-0); color: var(--demo-muted);}
.dooha-scope .demo-button{align-self: flex-start; padding: var(--space-2) var(--space-4); border-radius: var(--radius-pill);
  background: var(--demo-accent); color: var(--demo-on-accent); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold);}
.dooha-scope .demo-services{display: flex; flex-wrap: wrap; gap: var(--space-3);}
.dooha-scope .demo-service{flex: 1 1 var(--size-demo-service); min-width: 0; display: flex; flex-direction: column; gap: var(--space-2);
  padding: var(--space-4); border-radius: var(--radius-sm); background: var(--demo-surface);
  font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold);}
.dooha-scope .demo-service-bar{width: var(--space-6); height: var(--size-demo-bar); border-radius: var(--radius-pill); background: var(--demo-accent);}
.dooha-scope .marquee-slow .marquee-track{animation-duration: var(--motion-marquee-slow);}
.dooha-scope .marquee-reviews .marquee-group{align-items: stretch;}
.dooha-scope .card-review{flex: none; width: var(--size-review-card); display: flex; flex-direction: column; gap: var(--space-3);
  padding: var(--space-5); border-radius: var(--radius-md);
  background: var(--color-surface); border: var(--size-border) solid var(--color-line);}
.dooha-scope .review-head{display: flex; align-items: center; gap: var(--space-3);}
.dooha-scope .avatar{width: var(--size-avatar); height: var(--size-avatar); flex: none; border-radius: var(--radius-pill);
  display: flex; align-items: center; justify-content: center;
  color: var(--color-on-ink); font-weight: var(--font-weight-bold);}
.dooha-scope .avatar-1{background: var(--color-avatar-1);}
.dooha-scope .avatar-2{background: var(--color-avatar-2);}
.dooha-scope .avatar-3{background: var(--color-avatar-3);}
.dooha-scope .avatar-4{background: var(--color-avatar-4);}
.dooha-scope .avatar-5{background: var(--color-avatar-5);}
.dooha-scope .review-who{display: flex; flex-direction: column; min-width: 0;}
.dooha-scope .review-name{margin: var(--space-0); font-weight: var(--font-weight-semibold);}
.dooha-scope .review-source{font-size: var(--font-size-xs); color: var(--color-ink-soft);}
.dooha-scope .stars{display: flex; gap: var(--size-star-gap);}
.dooha-scope .star{width: var(--size-star); height: var(--size-star); fill: var(--color-star); flex: none;}
.dooha-scope .review-text{margin: var(--space-0); font-size: var(--font-size-sm);}
.dooha-scope .chip-row{display: flex; flex-wrap: wrap; gap: var(--space-2); margin-bottom: var(--space-6);}
.dooha-scope .chip-row .tab{flex: none; background: var(--color-surface); border-color: var(--color-line);}
.dooha-scope .chip-row .tab-active{background: var(--color-ink); border-color: var(--color-ink); color: var(--color-on-ink);}
.dooha-scope .case-meta{display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-5); font-size: var(--font-size-sm); color: var(--color-on-ink-muted);}
.dooha-scope .case-shot{max-width: var(--size-content);}
.dooha-scope .case-sections{display: flex; flex-direction: column; gap: var(--space-7);}
.dooha-scope .doc-layout{display: flex; align-items: flex-start; gap: var(--space-8);}
.dooha-scope .doc-toc{flex: 0 1 var(--size-toc); min-width: 0; display: flex; flex-direction: column; gap: var(--space-2);}
.dooha-scope .doc-toc-list{display: flex; flex-direction: column; list-style: none; margin: var(--space-0); padding: var(--space-0);}
.dooha-scope .doc-toc-link{display: flex; align-items: center; min-height: var(--size-touch); font-size: var(--font-size-sm); color: var(--color-ink);}
.dooha-scope .doc-body{flex: 1 1 0; min-width: 0; max-width: var(--size-narrow); display: flex; flex-direction: column; gap: var(--space-7);}
.dooha-scope .doc-section{display: flex; flex-direction: column; gap: var(--space-3);}
.dooha-scope .doc-text{margin: var(--space-0); color: var(--color-ink); text-wrap: pretty;}
.dooha-scope .card-post{flex: 1 1 var(--size-card-min); min-width: 0;
  display: flex; flex-direction: column; gap: var(--space-3);
  padding: var(--space-6); border-radius: var(--radius-lg);
  background: var(--color-surface); border: var(--size-border) solid var(--color-line);}
.dooha-scope .card-post-featured{flex-basis: var(--size-full); background: var(--color-ink); border-color: var(--color-ink); color: var(--color-on-ink); padding: var(--space-7);}
.dooha-scope .card-post-featured .post-meta{color: var(--color-on-ink-muted);}
.dooha-scope .card-post-featured .link-arrow{color: var(--color-on-ink);}
.dooha-scope .post-title{margin: var(--space-0); font-size: var(--font-size-lg); font-weight: var(--font-weight-bold); line-height: var(--line-height-snug); text-wrap: balance;}
.dooha-scope .post-title-lg{font-size: var(--font-size-xl); font-weight: var(--font-weight-extrabold); letter-spacing: var(--tracking-tight);}
.dooha-scope .post-title-link{color: inherit; text-decoration: none;}
.dooha-scope .post-title-link:hover{color: inherit; text-decoration: underline;}
.dooha-scope .post-meta{display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-4); font-size: var(--font-size-sm); color: var(--color-ink-soft);}
.dooha-scope .post-meta-on-ink{color: var(--color-on-ink-muted);}
.dooha-scope .ai-note{display: flex; align-items: center; gap: var(--space-3);
  padding: var(--space-3) var(--space-4); border-radius: var(--radius-md);
  background: var(--color-amber-soft); color: var(--color-amber-deep); font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold);}
.dooha-scope .summary-box{display: flex; flex-direction: column; gap: var(--space-3);
  padding: var(--space-5) var(--space-6); border-radius: var(--radius-lg);
  background: var(--color-surface); border: var(--size-border-strong) solid var(--color-ink);}
.dooha-scope .doc-subhead{margin: var(--space-0); font-size: var(--font-size-md); font-weight: var(--font-weight-bold); line-height: var(--line-height-snug);}
.dooha-scope .doc-figure{display: flex; flex-direction: column; gap: var(--space-2); margin: var(--space-0);}
.dooha-scope .doc-caption{font-size: var(--font-size-sm); color: var(--color-ink-soft);}
.dooha-scope .doc-list{display: flex; flex-direction: column; gap: var(--space-2); margin: var(--space-0); padding-left: var(--space-5);}
.dooha-scope .author-box{display: flex; align-items: flex-start; gap: var(--space-4); padding: var(--space-5); border-radius: var(--radius-lg); background: var(--color-surface); border: var(--size-border) solid var(--color-line);}
.dooha-scope .not-found{display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-5); max-width: var(--size-narrow);}
.dooha-scope .not-found-code{font-size: var(--font-size-display); font-weight: var(--font-weight-extrabold); line-height: var(--line-height-none); color: var(--color-amber-deep); letter-spacing: var(--tracking-tight);}
.dooha-scope .steps{display: flex; gap: var(--space-5); list-style: none; margin: var(--space-0); padding: var(--space-0);}
.dooha-scope .step{flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: var(--space-4);}
.dooha-scope .step-head{display: flex; align-items: center; gap: var(--space-3);}
.dooha-scope .step-marker{width: var(--size-step-marker); height: var(--size-step-marker); flex: none;
  display: flex; align-items: center; justify-content: center;
  border-radius: var(--radius-pill); background: var(--color-ink); color: var(--color-on-ink);
  font-weight: var(--font-weight-bold);}
.dooha-scope .step-line{flex: 1 1 0; height: var(--size-border-strong); background: var(--color-line);}
.dooha-scope .step-body{display: flex; flex-direction: column; gap: var(--space-2);}
.dooha-scope .step-day{align-self: flex-start; padding: var(--space-1) var(--space-3); border-radius: var(--radius-pill);
  background: var(--color-amber-soft); color: var(--color-amber-deep);
  font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-wide); text-transform: uppercase;}
.dooha-scope .pricing{display: flex; flex-direction: column; gap: var(--space-6);}
.dooha-scope .tabs{display: flex; gap: var(--space-1); padding: var(--space-1); align-self: center;
  background: var(--color-surface); border: var(--size-border) solid var(--color-line); border-radius: var(--radius-pill);}
.dooha-scope .tabs-start{align-self: flex-start;}
.dooha-scope .tab{min-height: var(--size-touch); padding: var(--space-2) var(--space-5);
  border: var(--size-border) solid transparent; border-radius: var(--radius-pill); background: transparent;
  font-family: inherit; font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); color: var(--color-ink); cursor: pointer;}
.dooha-scope .tab-active{background: var(--color-ink); color: var(--color-on-ink);}
.dooha-scope .card-price{flex: 1 1 var(--size-card-price-min); min-width: 0;
  display: flex; flex-direction: column; gap: var(--space-5);
  padding: var(--space-6); border-radius: var(--radius-lg);
  background: var(--color-surface); border: var(--size-border) solid var(--color-line);}
.dooha-scope .card-price-featured{border: var(--size-border-strong) solid var(--color-ink); box-shadow: var(--shadow-card);}
.dooha-scope .price-head{display: flex; flex-direction: column; gap: var(--space-2);}
.dooha-scope .price-name-row{display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); flex-wrap: wrap;}
.dooha-scope .badge{display: inline-flex; align-items: center; padding: var(--space-1) var(--space-3); border-radius: var(--radius-pill);
  background: var(--color-amber); color: var(--color-ink);
  font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); white-space: nowrap;
  align-self: flex-start;}
.dooha-scope .badge-soft{background: var(--color-amber-soft); color: var(--color-amber-deep);}
.dooha-scope .price{display: flex; align-items: baseline; flex-wrap: wrap; gap: var(--space-2);}
.dooha-scope .price-amount{font-size: var(--font-size-xl); font-weight: var(--font-weight-extrabold); letter-spacing: var(--tracking-tight); line-height: var(--line-height-snug);}
.dooha-scope .price-unit{font-size: var(--font-size-sm); color: var(--color-ink-soft);}
.dooha-scope .price-meta{margin: var(--space-0); font-size: var(--font-size-sm); color: var(--color-ink-soft);}
.dooha-scope .feature-list{display: flex; flex-direction: column; gap: var(--space-3); flex: 1 1 auto; list-style: none; margin: var(--space-0); padding: var(--space-0);}
.dooha-scope .feature{display: flex; align-items: flex-start; gap: var(--space-3); font-size: var(--font-size-sm);}
.dooha-scope .feature .icon{margin-top: var(--size-icon-nudge);}
.dooha-scope .feature .dot{margin-top: var(--space-2);}
.dooha-scope .feature-text{display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1) var(--space-2);}
.dooha-scope .feature-muted{color: var(--color-ink-soft);}
.dooha-scope .subhead .section-head{margin-bottom: var(--space-0);}
.dooha-scope .subhead{display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-4); flex-wrap: wrap; margin-top: var(--space-5);}
.dooha-scope .bundle{display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); flex-wrap: wrap;
  padding: var(--space-5) var(--space-6); border-radius: var(--radius-lg); background: var(--color-amber-soft);}
.dooha-scope .bundle-copy{display: flex; flex-direction: column; gap: var(--space-1); flex: 1 1 var(--size-panel-min);}
.dooha-scope .bundle-title{margin: var(--space-0); font-weight: var(--font-weight-extrabold); font-size: var(--font-size-md);}
.dooha-scope .pricing-foot{display: flex; flex-direction: column; align-items: center; gap: var(--space-3); text-align: center;}
.dooha-scope .checklist{display: flex; flex-wrap: wrap; gap: var(--space-3); list-style: none; margin: var(--space-0); padding: var(--space-0);}
.dooha-scope .check-item{flex: 1 1 var(--size-check-min); min-width: 0;
  display: flex; align-items: center; gap: var(--space-3);
  padding: var(--space-4) var(--space-5); border-radius: var(--radius-md);
  background: var(--color-surface); border: var(--size-border) solid var(--color-line);
  font-weight: var(--font-weight-semibold);}
.dooha-scope .check-mark{width: var(--size-step-marker); height: var(--size-step-marker); flex: none;
  display: flex; align-items: center; justify-content: center;
  border-radius: var(--radius-pill); background: var(--color-amber-soft); color: var(--color-ink);}
.dooha-scope .faq-list{display: flex; flex-direction: column; gap: var(--space-3);}
.dooha-scope .faq-item{background: var(--color-surface); border: var(--size-border) solid var(--color-line); border-radius: var(--radius-md);}
.dooha-scope .faq-question{display: flex; align-items: center; justify-content: space-between; gap: var(--space-4);
  min-height: var(--size-touch); padding: var(--space-4) var(--space-5);
  font-weight: var(--font-weight-bold); cursor: pointer; list-style: none;}
.dooha-scope .faq-question::-webkit-details-marker{display: none;}
.dooha-scope .faq-icon{transition: transform var(--motion-fast);}
.dooha-scope .faq-item[open] .faq-icon{transform: rotate(45deg);}
.dooha-scope .faq-answer{margin: var(--space-0); padding: var(--space-0) var(--space-5) var(--space-5); color: var(--color-ink-soft);}
.dooha-scope .form-card{display: flex; flex-direction: column; gap: var(--space-4);
  padding: var(--space-6); border-radius: var(--radius-lg);
  background: var(--color-surface); color: var(--color-ink); border: var(--size-border) solid var(--color-line);}
.dooha-scope .mockup-label{align-self: flex-start; display: inline-flex; align-items: center; gap: var(--space-2);
  padding: var(--space-1) var(--space-3); border-radius: var(--radius-pill);
  background: var(--color-amber-soft); color: var(--color-amber-deep);
  font-size: var(--font-size-xs); font-weight: var(--font-weight-bold);}
.dooha-scope .field-row{display: flex; flex-wrap: wrap; gap: var(--space-4);}
.dooha-scope .field-row .field{flex: 1 1 var(--size-field-min);}
.dooha-scope .field{display: flex; flex-direction: column; gap: var(--space-2); min-width: 0;}
.dooha-scope .field-label{font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold);}
.dooha-scope .field-hint{font-size: var(--font-size-xs); color: var(--color-ink-soft);}
.dooha-scope .field-input{width: var(--size-full); min-height: var(--size-touch); padding: var(--space-3) var(--space-4);
  border: var(--size-border) solid var(--color-line-strong); border-radius: var(--radius-sm);
  background: var(--color-surface); color: var(--color-ink);
  font-family: inherit; font-size: var(--font-size-base);}
.dooha-scope .field-textarea{min-height: var(--size-textarea); resize: vertical;}
.dooha-scope .field-check{display: flex; align-items: flex-start; gap: var(--space-3); font-size: var(--font-size-sm); color: var(--color-ink-soft);}
.dooha-scope .field-checkbox{width: var(--size-icon-sm); height: var(--size-icon-sm); margin: var(--size-icon-nudge) var(--space-0) var(--space-0); accent-color: var(--color-ink); flex: none;}
.dooha-scope .cta-panel{display: flex; align-items: center; gap: var(--space-8);
  padding: var(--space-8); border-radius: var(--radius-lg);
  background: var(--color-ink); color: var(--color-on-ink);}
.dooha-scope .cta-copy{flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: var(--space-5);}
.dooha-scope .cta-panel .form-card{flex: 1 1 0; min-width: 0; border-color: var(--color-ink);}
.dooha-scope .page-band{background: var(--color-ink); color: var(--color-on-ink); padding-block: var(--space-8);}
.dooha-scope .page-band-inner{display: flex; flex-direction: column; gap: var(--space-4);}
.dooha-scope .breadcrumb{display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); list-style: none; margin: var(--space-0); padding: var(--space-0); font-size: var(--font-size-sm); color: var(--color-on-ink-muted);}
.dooha-scope .breadcrumb-link,.dooha-scope .breadcrumb-link:hover{color: var(--color-on-ink-muted);}
.dooha-scope .breadcrumb-current{color: var(--color-on-ink); font-weight: var(--font-weight-semibold);}
.dooha-scope .table-scroll{overflow-x: auto; border: var(--size-border) solid var(--color-line); border-radius: var(--radius-lg); background: var(--color-surface);}
.dooha-scope .compare-table{width: var(--size-full); min-width: var(--size-table-min); border-collapse: collapse; font-size: var(--font-size-sm);}
.dooha-scope .compare-table th,.dooha-scope .compare-table td{padding: var(--space-4) var(--space-5); text-align: left; vertical-align: top; border-bottom: var(--size-border) solid var(--color-line);}
.dooha-scope .compare-table thead th{background: var(--color-base); font-size: var(--font-size-base);}
.dooha-scope .compare-table tbody th{width: var(--size-table-label); font-weight: var(--font-weight-semibold);}
.dooha-scope .compare-table tbody tr:last-child th,.dooha-scope .compare-table tbody tr:last-child td{border-bottom: none;}
.dooha-scope .col-featured{background: var(--color-amber-wash);}
.dooha-scope .compare-table thead .col-featured{background: var(--color-amber-soft);}
.dooha-scope .table-head-cell{display: flex; flex-direction: column; gap: var(--space-1);}
.dooha-scope .table-price{font-size: var(--font-size-md); font-weight: var(--font-weight-extrabold);}
.dooha-scope .panel-row{display: flex; flex-wrap: wrap; gap: var(--space-5);}
.dooha-scope .panel{flex: 1 1 var(--size-panel-min); min-width: 0;
  display: flex; flex-direction: column; gap: var(--space-4);
  padding: var(--space-6); border-radius: var(--radius-lg);
  background: var(--color-surface); border: var(--size-border) solid var(--color-line);}
.dooha-scope .contact-layout{display: flex; align-items: flex-start; gap: var(--space-8);}
.dooha-scope .contact-main{flex: 3 1 0; min-width: 0;}
.dooha-scope .contact-aside{flex: 2 1 0; min-width: 0; display: flex; flex-direction: column; gap: var(--space-5);}
.dooha-scope .info-list{display: flex; flex-direction: column; gap: var(--space-5); list-style: none; margin: var(--space-0); padding: var(--space-0);}
.dooha-scope .info-item{display: flex; align-items: flex-start; gap: var(--space-4);}
.dooha-scope .info-copy{display: flex; flex-direction: column; gap: var(--space-1); min-width: 0;}
.dooha-scope .info-label{font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--color-ink-soft);}
.dooha-scope .info-value{margin: var(--space-0); font-weight: var(--font-weight-semibold); overflow-wrap: anywhere;}
.dooha-scope .site-footer{background: var(--color-ink); color: var(--color-on-ink); padding-block: var(--space-8) var(--space-6);}
.dooha-scope .footer-top{display: flex; flex-wrap: wrap; gap: var(--space-7);}
.dooha-scope .footer-brand{flex: 2 1 var(--size-footer-brand); display: flex; flex-direction: column; gap: var(--space-4);}
.dooha-scope .footer-col{flex: 1 1 var(--size-footer-col); display: flex; flex-direction: column; gap: var(--space-3);}
.dooha-scope .footer-heading{margin: var(--space-0); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--color-on-ink-muted);}
.dooha-scope .footer-list{display: flex; flex-direction: column; gap: var(--space-1); list-style: none; margin: var(--space-0); padding: var(--space-0);}
.dooha-scope .footer-link{white-space: nowrap; display: inline-flex; align-items: center; min-height: var(--size-touch); color: var(--color-on-ink); text-decoration: none; font-size: var(--font-size-sm);}
.dooha-scope .footer-link:hover{color: var(--color-on-ink); text-decoration: underline;}
.dooha-scope .footer-text{margin: var(--space-0); font-size: var(--font-size-sm); color: var(--color-on-ink-muted);}
.dooha-scope .footer-bottom{display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-3);
  margin-top: var(--space-7); padding-top: var(--space-5); border-top: var(--size-border) solid var(--color-on-ink-line);
  font-size: var(--font-size-sm); color: var(--color-on-ink-muted);}
.dooha-scope .wa-float{position: fixed; right: var(--space-5); bottom: var(--space-5); z-index: var(--z-float);
  width: var(--size-wa-button); height: var(--size-wa-button);
  display: flex; align-items: center; justify-content: center;
  border-radius: var(--radius-pill); background: var(--color-amber); color: var(--color-ink); box-shadow: var(--shadow-raised);}
.dooha-scope .wa-float:hover{background: var(--color-amber-hover); color: var(--color-ink);}
.dooha-scope .cookie-banner{position: fixed; left: var(--space-5); bottom: var(--space-5); z-index: var(--z-float);
  max-width: var(--size-cookie); display: flex; flex-direction: column; gap: var(--space-3);
  padding: var(--space-5); border-radius: var(--radius-md);
  background: var(--color-surface); color: var(--color-ink);
  border: var(--size-border) solid var(--color-line); box-shadow: var(--shadow-raised);}
.dooha-scope .cookie-title{margin: var(--space-0); font-weight: var(--font-weight-bold);}
@media (max-width: 1023px){.dooha-scope .nav-primary{display: none;}
.dooha-scope .menu-toggle{display: inline-flex;}
.dooha-scope .hero-inner{flex-direction: column; align-items: stretch; gap: var(--space-7);}
.dooha-scope .hero-copy,.dooha-scope .hero-visual{flex: none;}
.dooha-scope .strip-inner{flex-direction: column; align-items: stretch; gap: var(--space-5);}
.dooha-scope .strip-divider{display: none;}
.dooha-scope .card-feature{flex-basis: var(--size-full); flex-direction: row; align-items: flex-start;}
.dooha-scope .card-case{flex-basis: var(--size-full); flex-direction: row; align-items: center;}
.dooha-scope .card-case .browser-frame,.dooha-scope .card-case-body{flex: 1 1 0; min-width: 0;}
.dooha-scope .steps{flex-direction: column; gap: var(--space-0);}
.dooha-scope .step{flex-direction: row; gap: var(--space-4);}
.dooha-scope .step-head{flex-direction: column; align-self: stretch;}
.dooha-scope .step-line{width: var(--size-border-strong); height: auto; flex: 1 1 auto;}
.dooha-scope .step-body{padding-bottom: var(--space-6);}
.dooha-scope .card-price{flex-basis: var(--size-full); flex-direction: row; flex-wrap: wrap; column-gap: var(--space-7);}
.dooha-scope .card-price .price-head{flex: 1 1 var(--size-field-min);}
.dooha-scope .card-price .feature-list{flex: 1 1 var(--size-panel-min);}
.dooha-scope .card-price > .button-primary,.dooha-scope .card-price > .button-secondary{flex-basis: var(--size-full);}
.dooha-scope .split{flex-direction: column; gap: var(--space-6);}
.dooha-scope .split-aside,.dooha-scope .split-main{flex: none; width: var(--size-full);}
.dooha-scope .cta-panel{flex-direction: column; align-items: stretch; padding: var(--space-7); gap: var(--space-6);}
.dooha-scope .cta-copy,.dooha-scope .cta-panel .form-card{flex: none;}
.dooha-scope .contact-layout{flex-direction: column; align-items: stretch;}
.dooha-scope .contact-main,.dooha-scope .contact-aside{flex: none;}
.dooha-scope .demo-layout{flex-direction: column; align-items: stretch;}
.dooha-scope .demo-controls,.dooha-scope .demo-preview{flex: none;}
.dooha-scope .doc-layout{flex-direction: column; gap: var(--space-6);}
.dooha-scope .doc-toc,.dooha-scope .doc-body{flex: none; width: var(--size-full);}}
@media (max-width: 599px){.dooha-scope .hero{padding-top: var(--space-6);}
.dooha-scope .hero-copy .button-row{flex-direction: column; align-items: stretch;}
.dooha-scope .proof-list{flex-direction: column;}
.dooha-scope .browser-frame-main{width: var(--size-full);}
.dooha-scope .strip-facts{justify-content: space-between;}
.dooha-scope .card-feature{flex-direction: column; padding: var(--space-5);}
.dooha-scope .card-case{flex-direction: column; align-items: stretch;}
.dooha-scope .card-case .browser-frame,.dooha-scope .card-case-body{flex: none;}
.dooha-scope .card-price{flex-direction: column; flex-wrap: nowrap; padding: var(--space-5);}
.dooha-scope .card-price > .button-primary,.dooha-scope .card-price > .button-secondary{flex-basis: auto;}
.dooha-scope .card-price .price-head,.dooha-scope .card-price .feature-list{flex: none;}
.dooha-scope .tabs{align-self: stretch;}
.dooha-scope .tab{flex: 1 1 0; padding-inline: var(--space-3);}
.dooha-scope .bundle{padding: var(--space-5);}
.dooha-scope .bundle .button-primary,.dooha-scope .bundle .button-secondary{width: var(--size-full);}
.dooha-scope .cta-panel{padding: var(--space-5); border-radius: var(--radius-md);}
.dooha-scope .form-card{padding: var(--space-5);}
.dooha-scope .panel{padding: var(--space-5);}
.dooha-scope .footer-top{flex-direction: column; gap: var(--space-6);}
.dooha-scope .footer-brand,.dooha-scope .footer-col{flex: none;}
.dooha-scope .cookie-banner{left: var(--space-4); right: calc(var(--space-4) * 2 + var(--size-wa-button)); bottom: var(--space-4); max-width: none; padding: var(--space-4);}
.dooha-scope .wa-float{right: var(--space-4); bottom: var(--space-4);}
.dooha-scope .demo-site{padding: var(--space-4);}
.dooha-scope .demo-links{display: none;}
.dooha-scope .card-review{width: var(--size-card-min);}
.dooha-scope .card-post,.dooha-scope .card-post-featured{padding: var(--space-5);}
.dooha-scope .summary-box{padding: var(--space-5);}
.dooha-scope .author-box{flex-direction: column;}}

/* ---------- Dooha Core additions (not in the design pack) ---------- */
/* Wrappers inherit the page background instead of painting their own. */
.dooha-scope { background: none; --color-error: #B42318; --color-error-soft: #FEF3F2; }
.dooha-slot { display: flex; flex-direction: column; width: var(--size-full); }

/* Headings take the colour of their context (page band, featured card, CTA), not the theme's heading colour. */
.dooha-scope :is(h1, h2, h3, h4, h5, h6) { color: inherit; }

/* Slots inside Elementor pages take the colour of the section around them (ink strip, CTA panel). */
.dooha-scope.dooha-slot { color: inherit; }

/* Rows the owner chose to keep static and swipeable instead of auto-scrolling. */
.dooha-scope .marquee-static { overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; }
.dooha-scope .marquee-static::-webkit-scrollbar { display: none; }
.dooha-scope .marquee-static .marquee-track { animation: none; }
.dooha-scope .marquee-static .marquee-item, .dooha-scope .marquee-static .card-review { scroll-snap-align: start; }

/* Section rhythm agreed with the owner: tighter than the pack (96 / 64 px). */
.dooha-scope { --space-section: var(--space-8); }
@media (max-width: 1023px) { .dooha-scope { --space-section: var(--space-7); } }
@media (max-width: 599px) { .dooha-scope .section-head { margin-bottom: var(--space-6); } }

/* Theme wrappers around Dooha Core templates. */
.dooha-template #content > .ast-container { max-width: none; padding: 0; display: block; }
.dooha-template #primary { margin: 0; padding: 0; width: 100%; }

/* Form states */
.dooha-scope .field-required { color: var(--color-amber-deep); }
.dooha-scope .field-error { font-size: var(--font-size-xs); font-weight: var(--font-weight-semibold); color: var(--color-error); }
.dooha-scope .field-input[aria-invalid="true"] { border-color: var(--color-error); }
.dooha-scope .form-status { margin: 0; padding: var(--space-3) var(--space-4); border-radius: var(--radius-sm); font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); }
.dooha-scope .form-status[hidden] { display: none; }
.dooha-scope .form-status-error { background: var(--color-error-soft); color: var(--color-error); }
.dooha-scope .form-done { display: flex; flex-direction: column; gap: var(--space-3); }
.dooha-scope .form-done[hidden] { display: none; }
.dooha-scope .form-done-mark { display: flex; align-items: center; justify-content: center; width: var(--size-touch); height: var(--size-touch); border-radius: var(--radius-pill); background: var(--color-amber-soft); color: var(--color-amber-deep); }
.dooha-scope .dooha-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.dooha-scope button[disabled] { opacity: 0.6; cursor: progress; }
.dooha-scope .demo-controls .tabs { align-self: flex-start; }
.dooha-scope .demo-controls .tab[aria-checked="true"] { background: var(--color-ink); color: var(--color-on-ink); }
.dooha-scope .cookie-banner[hidden] { display: none; }

/* Chip links and pagination */
.dooha-scope a.tab { display: inline-flex; align-items: center; text-decoration: none; }
.dooha-scope .chip-row a.tab:hover { border-color: var(--color-ink); color: var(--color-ink); }
.dooha-scope .chip-row a.tab-active:hover { color: var(--color-on-ink); }
.dooha-scope .post-pagination { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-7); }
.dooha-scope .post-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: var(--size-touch); min-height: var(--size-touch); padding: var(--space-2) var(--space-4); border-radius: var(--radius-pill); border: var(--size-border) solid var(--color-line); background: var(--color-surface); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); color: var(--color-ink); text-decoration: none; }
.dooha-scope .post-pagination .current { background: var(--color-ink); border-color: var(--color-ink); color: var(--color-on-ink); }
.dooha-scope .post-empty { margin: 0; color: var(--color-ink-soft); }

/* Article body written in the post editor, mapped to the design's document styles. */
.dooha-scope .doc-content { display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; overflow-wrap: anywhere; }
.dooha-scope .doc-content > * { margin: 0; }
.dooha-scope .doc-content > h2:first-child { margin-top: 0; }
.dooha-scope .doc-content h2 { margin-top: var(--space-5); font-size: var(--font-size-lg); line-height: var(--line-height-snug); font-weight: var(--font-weight-bold); color: var(--color-ink); scroll-margin-top: var(--space-9); }
.dooha-scope .doc-content h3, .dooha-scope .doc-content h4 { margin-top: var(--space-3); font-size: var(--font-size-md); line-height: var(--line-height-snug); font-weight: var(--font-weight-bold); color: var(--color-ink); }
.dooha-scope .doc-content p, .dooha-scope .doc-content li { color: var(--color-ink); text-wrap: pretty; }
.dooha-scope .doc-content ul, .dooha-scope .doc-content ol { display: flex; flex-direction: column; gap: var(--space-2); padding-left: var(--space-5); }
.dooha-scope .doc-content img { height: auto; border-radius: var(--radius-md); }
.dooha-scope .doc-content figure { display: flex; flex-direction: column; gap: var(--space-2); }
.dooha-scope .doc-content figcaption { font-size: var(--font-size-sm); color: var(--color-ink-soft); }
.dooha-scope .doc-content blockquote { padding: var(--space-4) var(--space-5); border-left: var(--size-border-strong) solid var(--color-amber); background: var(--color-amber-wash); border-radius: var(--radius-sm); }
.dooha-scope .doc-content table { width: var(--size-full); border-collapse: collapse; font-size: var(--font-size-sm); display: block; overflow-x: auto; }
.dooha-scope .doc-content th, .dooha-scope .doc-content td { padding: var(--space-3) var(--space-4); text-align: left; vertical-align: top; border-bottom: var(--size-border) solid var(--color-line); }
.dooha-scope .doc-content a { color: var(--color-ink); text-decoration: underline; }