/* Coubari v9 reusable design components — common heading & section tokens */
:root{--cb9-h1:clamp(2.75rem,4.6vw,5.25rem);--cb9-h2:clamp(2rem,3.3vw,3.7rem);--cb9-dark:#211b35;--cb9-purple:#55439b;--cb9-lime:#d8f388;--cb9-paper:#f6f4f0;--cb9-muted:#666277;--cb9-space:clamp(56px,6vw,100px)}
.cb9-hero{background:var(--cb9-paper);padding:clamp(55px,7vw,115px) 0;overflow:hidden}
.cb9-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(30px,5vw,92px);align-items:center}
.cb9-hero-content{min-width:0}.cb9-hero h1,.cb9-conversion-intro h1{font-size:var(--cb9-h1);font-weight:700;letter-spacing:-.068em;line-height:1.04;margin:24px 0 26px;overflow-wrap:normal;max-width:13ch}
.cb9-hero-lede{font-size:clamp(18px,1.65vw,24px);line-height:1.5;max-width:580px;color:var(--cb9-muted)}.cb9-hero-note{display:inline-block;margin-top:24px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cb9-purple)}
.cb9-hero-visual{min-height:clamp(340px,36vw,570px);background:#e9e5ef;position:relative;overflow:hidden;display:grid;place-items:center;isolation:isolate}
.cb9-hero-visual:before{content:'';position:absolute;width:125%;height:125%;border:1px solid #55439b44;border-radius:50%;top:-38%;right:-53%;transform:rotate(-24deg)}
.cb9-hero-ring{position:absolute;width:76%;aspect-ratio:1;border:1.5px solid #55439b55;border-radius:50%;transform:rotate(-10deg);transition:transform .85s ease}.cb9-hero-visual:hover .cb9-hero-ring{transform:rotate(22deg) scale(1.08)}
.cb9-hero-icon{display:block;width:42%;color:var(--cb9-purple);z-index:1;transform:translateY(-15px);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.cb9-hero-icon svg{width:100%;height:auto;stroke-width:.9}.cb9-hero-visual:hover .cb9-hero-icon{transform:translateY(-30px) rotate(-5deg)}
.cb9-hero-accent{position:absolute;bottom:0;left:0;right:0;background:var(--cb9-lime);padding:20px 24px;text-align:center;font-weight:700;font-size:clamp(14px,1.5vw,20px);letter-spacing:-.025em;color:var(--cb9-dark)}
.cb9-conversion-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;max-width:1320px;margin:clamp(38px,5vw,80px) auto;padding:0 24px;background:#ece8e1}
.cb9-conversion-intro{background:var(--cb9-dark);color:#fff;padding:clamp(32px,5vw,80px);position:relative;overflow:hidden;isolation:isolate}.cb9-conversion-intro .cb-eyebrow{color:var(--cb9-lime)}
.cb9-conversion-intro h1{font-size:clamp(2.6rem,4vw,4.6rem);color:white;position:relative;z-index:1;max-width:11ch}.cb9-conversion-lede{position:relative;z-index:1;font-size:clamp(16px,1.35vw,20px);color:#ddd8e9;line-height:1.6;max-width:510px}
.cb9-conversion-content{position:relative;z-index:1}.cb9-conversion-content ul{padding:0;list-style:none;margin:36px 0}.cb9-conversion-content li{padding:12px 0 12px 28px;position:relative;border-bottom:1px solid #ffffff25;font-weight:550}.cb9-conversion-content li:before{content:'✓';position:absolute;left:0;color:var(--cb9-lime)}
.cb9-conversion-direct{display:flex;flex-wrap:wrap;gap:14px 24px}.cb9-conversion-direct a{color:var(--cb9-lime);font-weight:650}.cb9-conversion-art{position:absolute;inset:0;opacity:.11;pointer-events:none}.cb9-conversion-art span{position:absolute;display:block;border:2px solid white;border-radius:50%;width:500px;height:500px;top:-230px;right:-200px}.cb9-conversion-art span:nth-child(2){width:360px;height:360px;top:-160px;right:-135px}.cb9-conversion-art span:nth-child(3){width:230px;height:230px;top:-90px;right:-68px}
.cb9-form-pane{min-width:0;background:#ebe7df;padding:clamp(30px,4vw,70px);color:var(--cb9-dark)}.cb9-form-pane h2{font-size:clamp(1.65rem,2.4vw,2.65rem);font-weight:700;letter-spacing:-.05em;line-height:1.1;margin:12px 0 28px}.cb9-form-pane .wpcf7{max-width:none}.cb9-form-pane .wpcf7 .cb-form-fields{gap:16px}.cb9-form-pane .wpcf7 label{font-size:13px}.cb9-form-pane .wpcf7 input:not([type=checkbox]):not([type=submit]),.cb9-form-pane .wpcf7 select,.cb9-form-pane .wpcf7 textarea{padding:13px 14px;border-radius:7px;min-height:44px}.cb9-form-pane .wpcf7 textarea{height:110px;min-height:95px}.cb9-form-pane .wpcf7 .wpcf7-submit{background:var(--cb9-purple)}
.cb8-journey{position:relative}.cb8-journey-track{--journey-progress:0;isolation:isolate}.cb8-journey-track:before{animation:none;transform:none}.cb8-journey-track:after{content:'';position:absolute;top:27px;left:20px;right:20px;height:3px;background:var(--cb9-lime);z-index:0;transform-origin:left center;transform:scaleX(var(--journey-progress));box-shadow:0 0 18px #d8f38880;pointer-events:none}
.cb8-journey-step{transition:opacity .45s,transform .5s;opacity:.58}.cb8-journey-step.is-current{opacity:1}.cb8-journey-step.is-current .cb8-journey-node{transform:scale(1.14);box-shadow:0 0 0 9px #d8f38823,0 0 34px #d8f38835}.cb8-journey-step.is-current h3{color:var(--cb9-lime)}
.cb8-journey .cb8-journey-step h3{transition:color .35s}.cb8-journey-step .cb8-journey-node svg{transition:transform .5s}.cb8-journey-step.is-current .cb8-journey-node svg{transform:translateX(2px)}
/* Consistent editorial rhythm and controlled density (no enormous empty text-only bands). */
.cb8-section,.cb-section.cb-story,.cb9-visual-intro{padding-block:var(--cb9-space)}.cb-story .cb-story-grid{gap:clamp(22px,4vw,75px)}.cb-story .cb-story-grid h2,.cb8-section h2,.cb9-visual-intro h2{font-size:var(--cb9-h2);line-height:1.12}.cb9-visual-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.cb9-visual-intro-photo{position:relative;min-height:340px;background:#e2dfd9}.cb9-visual-intro-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.cb9-visual-intro-photo span{position:absolute;bottom:0;left:0;background:var(--cb9-lime);padding:16px 22px}.cb9-tone-purple{background:#eee9f4}.cb9-tone-pale{background:#e9e5dc}
@media(max-width:980px){.cb9-conversion-grid{grid-template-columns:1fr}.cb9-hero-grid{gap:30px}.cb9-hero h1{max-width:100%}.cb8-journey-track:after{display:none}}
@media(max-width:700px){.cb9-hero-grid,.cb9-visual-intro-grid{grid-template-columns:1fr}.cb9-hero-visual{min-height:290px}.cb9-conversion-grid{margin:20px auto;padding:0 16px}.cb9-conversion-intro,.cb9-form-pane{padding:30px}.cb9-hero h1{font-size:clamp(2.65rem,10vw,4rem)}.cb8-journey-step{opacity:1}.cb9-hero-accent{font-size:15px}}
@media(prefers-reduced-motion:reduce){.cb9-hero-icon,.cb9-hero-ring,.cb8-journey-step,.cb8-journey-track:after{transition:none!important;animation:none!important}}