.hero{position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;left:0;right:0;top:0;height:32%;background:var(--grad-hero);pointer-events:none}

.hero__grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:var(--space-7);align-items:center}
@media(max-width:1023px){.hero__grid{grid-template-columns:1fr;gap:var(--space-6)}}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}
@media(max-width:1023px){.grid-2,.grid-3{grid-template-columns:1fr}}
.hero__visual{min-height:240px;border:1px solid var(--color-border);background:rgba(255,255,255,.02);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);position:relative;overflow:hidden}
.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-top:var(--space-6)}
.proof-strip__tile{padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:rgba(255,255,255,.02);font-size:14px;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:10px}
.proof-strip__tile::before{content:'';width:16px;height:16px;flex:0 0 16px;background:url('/assets/img/logo/clynico-symbol-64.png') center/contain no-repeat;opacity:.9}
@media(max-width:1023px){.proof-strip{grid-template-columns:repeat(2,1fr)}}

.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
@media(max-width:767px){.cta-row{display:grid;grid-template-columns:1fr}.cta-row .btn{width:100%}}

.btn{height:48px;padding:0 18px;border-radius:var(--radius-md);font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:.18s ease}
.btn--primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm);border:1px solid transparent}
.btn--primary:hover{background:var(--color-primary-hover);background-image:linear-gradient(100deg,rgba(194,232,18,.18),rgba(194,232,18,0) 45%)}
.btn--primary:active{background:var(--color-primary-pressed)}
.btn--secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}
.btn--secondary:hover{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px rgba(194,232,18,.28)}
.btn--ghost{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}
.btn--ghost:hover{border-color:var(--color-accent);color:var(--color-text)}
.btn:focus-visible{outline:0;box-shadow:var(--shadow-sm),var(--glow-primary)}

.ps{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}
@media(max-width:1023px){.ps{grid-template-columns:1fr}}
.ps__box{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:rgba(255,255,255,.02)}

.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3)}
@media(max-width:1023px){.timeline{grid-template-columns:1fr}}
.timeline__step{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:rgba(255,255,255,.02)}

.pillar-rows{display:grid;gap:var(--space-4)}
.pillar-row{display:grid;grid-template-columns:220px 1fr 220px;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:rgba(255,255,255,.02);transition:transform .2s ease,box-shadow .2s ease}
.pillar-row:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.pillar-row__chips{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:1023px){.pillar-row{grid-template-columns:1fr}}

.cs-card{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:rgba(255,255,255,.02)}
.cs-card__meta{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
@media(max-width:767px){.cs-card__meta{grid-template-columns:1fr}}

.artifact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}
@media(max-width:1023px){.artifact-grid{grid-template-columns:1fr}}
.artifact{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:rgba(255,255,255,.02)}
.artifact__visual{height:170px;border-radius:var(--radius-sm);background:rgba(255,255,255,.02);border:1px solid var(--color-border);position:relative;overflow:hidden}

.t-card{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:rgba(255,255,255,.02)}
.t-card__role{font-size:13px;font-weight:650;color:var(--color-accent);margin-bottom:10px}

.cta-band{padding:40px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:rgba(255,255,255,.03);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}
.cta-band::before{content:'';position:absolute;left:0;right:0;top:0;height:34%;background:var(--grad-cta)}
.cta-band::after{content:'';position:absolute;top:14px;right:14px;width:18px;height:18px;background:url('/assets/img/logo/clynico-symbol-64.png') center/contain no-repeat;opacity:.88}
.cta-band > *{position:relative}

.card-grid{display:grid;gap:var(--space-4)}
.card-grid--3{grid-template-columns:repeat(3,1fr)}
.card-grid--2{grid-template-columns:repeat(2,1fr)}
@media(max-width:1023px){.card-grid--3,.card-grid--2{grid-template-columns:1fr}}
.card{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:rgba(255,255,255,.02)}

.intake{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:rgba(255,255,255,.02)}
.intake__progress{display:flex;gap:8px;margin-bottom:var(--space-4)}
.intake__dot{width:32px;height:32px;border-radius:999px;border:1px solid var(--color-border);display:inline-flex;align-items:center;justify-content:center;font-weight:650;color:var(--color-text-muted)}
.intake__dot.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}
@media(max-width:1023px){.form-grid{grid-template-columns:1fr}}
.form-row{display:flex;flex-direction:column;gap:8px}
.form-row--full{grid-column:1/-1}
@media(max-width:1023px){.form-row--full{grid-column:auto}}
label{font-weight:650}
.required{color:#ff86a5}
input,select,textarea{height:48px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);padding:0 12px;font:inherit}
textarea{height:auto;min-height:130px;padding:10px 12px;resize:vertical}
input[aria-invalid='true'],select[aria-invalid='true'],textarea[aria-invalid='true']{border-color:#ff769e;box-shadow:0 0 0 2px rgba(255,118,158,.2)}
.field-error{font-size:13px;color:#ff8cb0;font-weight:600}
.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:1023px){.check-grid{grid-template-columns:1fr}}
.check-item{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:46px}
.check-item input{width:20px;height:20px;margin-top:1px;flex:0 0 20px}
.form-status{min-height:24px;font-weight:650}
.form-status.success{color:#a8ff68}
.form-status.error{color:#ff8cb0}

.faq-list{display:grid;gap:12px}
.faq-item{padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:rgba(255,255,255,.02)}

.package-block{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:rgba(255,255,255,.02)}
.package-compare{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}
@media(max-width:1023px){.package-compare{grid-template-columns:1fr}}

.selector{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:rgba(255,255,255,.02);max-width:760px}

/* Center divider motif between key bands (hero -> next band) */
.hero + .band{position:relative}
.hero + .band::before{content:'';position:absolute;left:50%;transform:translateX(-50%);top:-1px;width:min(62%,700px);height:2px;background:var(--grad-divider)}
.hero + .band::after{content:'';position:absolute;left:50%;transform:translate(-50%,-50%);top:0;width:24px;height:24px;background:url('/assets/img/logo/clynico-symbol-64.png') center/contain no-repeat;opacity:.9}

/* Deliverables list icon bullets */
.list-deliverables{list-style:none;padding-left:0}
.list-deliverables li{position:relative;padding-left:26px}
.list-deliverables li::before{content:'';position:absolute;left:0;top:5px;width:14px;height:14px;background:url('/assets/img/logo/clynico-symbol-64.png') center/contain no-repeat;opacity:.88}