/* Websites extends the approved Born / DPE visual system. */
.eyebrow,.section-label,.language-switch,.signal-band-inner { font-size:.875rem; }
.button-small { font-size:.875rem; }
.hero h1 { font-weight:650; letter-spacing:-.047em; }
.hero-lede { max-width:575px; }
.hero-note { max-width:560px; font-size:.875rem; line-height:1.6; color:#adbbcf; }
.hero-actions { gap:1.2rem; }
.website-visual { position:relative; height:clamp(23rem,59svh,30rem); background:radial-gradient(ellipse at 55% 50%,#112541,#0a1424 75%); border:1px solid #344158; box-shadow:0 20px 60px #0002; }
.website-visual::before { display:none; }
.visual-heading { position:absolute; inset:1rem 1rem auto 1.2rem; display:flex; align-items:center; justify-content:space-between; gap:.6rem; color:#acc0db; font-size:.75rem; letter-spacing:.09em; }
.motion-toggle { border:1px solid #536b8e; border-radius:50%; width:36px; height:36px; background:#132137; color:#d2e7ff; cursor:pointer; }
.motion-toggle:focus-visible { outline:3px solid #87baff; outline-offset:4px; }
.motion-toggle:hover { background:#23406a; }
.website-diagram { display:block; width:100%; height:100%; font-family:inherit; }
.visual-caption-text { position:absolute; left:1.2rem; bottom:.9rem; color:#a9bfda; font-size:.875rem; margin:0; }
.pulse { animation:glow 2.5s ease-in-out infinite; }
@keyframes glow { 50% { opacity:.2; } }
.website-visual.paused .pulse { animation-play-state:paused; }
.signal-band-inner { justify-content:space-between; gap:2rem; font-size:.8125rem; letter-spacing:.12em; }
.approach-preview { padding-block:4rem; }
.problem-card p,.process-list p { font-size:1rem; }
.section-heading { grid-template-columns:1fr; }
.problem-copy { justify-self:start; max-width:760px; }
.footer-links { display:flex; gap:1rem; }
.site-footer small { color:#acb9cd; }
@media(min-width:701px) { .hero h1{font-size:clamp(2.45rem,min(4.3vw,7.1svh),4.2rem);} .hero{grid-template-columns:1.1fr .9fr;padding-block:clamp(1.5rem,4.5svh,3rem);} }
@media(max-width:960px) and (min-width:701px) { .hero{grid-template-columns:1fr 1fr;} .hero-actions{gap:1rem;}.hero h1{font-size:2.6rem;} }
@media(max-width:700px) { .website-visual{display:none;} .hero h1{font-size:clamp(2.4rem,11vw,3.8rem);} .hero h1 br{display:none;} .hero{padding-block:3rem;} .hero-note{margin-top:1.4rem;} .signal-band-inner{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1.2rem;padding-block:1.2rem;white-space:normal;font-size:.75rem;} .footer-links{flex-direction:column;align-items:center;gap:.8rem;} }
@media(prefers-reduced-motion:reduce){.pulse{animation:none;}}
.dpe-more{margin-top:1.8rem;color:#afd1ff;}
.system-intro{grid-template-columns:1.1fr .9fr;gap:2rem;}
.pillar-flow{font-size:.875rem;gap:.65rem;letter-spacing:0;}
.scope-intro{max-width:750px;color:var(--muted);margin-bottom:2rem;}
.offers{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.offer-card{padding:2rem;border:1px solid #d7deea;border-top:3px solid #2060c4;background:#fff;}
.offer-card .eyebrow{font-size:.8125rem;}
.offer-card h3{font-size:1.6rem;line-height:1.2;letter-spacing:-.035em;font-weight:650;max-width:310px;}
.offer-card p:not(.eyebrow){color:var(--muted);}
.offer-card .check-list{font-size:1rem;line-height:1.55;margin-top:1.6rem;}
.deliverables{margin-top:2.5rem;}
.deliverables>h3{font-size:1.125rem;margin-bottom:1.5rem;}
.deliverables-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;}
.deliverables-grid>div{border-top:1px solid #cbd5e4;padding-top:1rem;}
.deliverables-grid h4{margin:0 0 .4rem;font-size:1rem;font-weight:650;line-height:1.45;}
.deliverables-grid p{font-size:1rem;color:var(--muted);line-height:1.6;margin:0;}
.process-list li{grid-template-columns:54px 1fr;}
.faq-layout{grid-template-columns:.7fr 1.3fr;gap:2.5rem;}
@media(max-width:960px){.system-intro{grid-template-columns:1fr;gap:1.2rem;}.system-intro .eyebrow{margin-bottom:0;}.system-intro>p:last-child{max-width:720px;}.offer-card{padding:1.5rem;}.deliverables-grid{grid-template-columns:1fr 1fr;}.faq-layout{grid-template-columns:1fr;gap:1rem;}}
@media(max-width:860px){.hero{grid-template-columns:1fr;}.hero-copy{max-width:680px;}.website-visual{display:none;}.hero h1{max-width:660px;}.hero h1 br{display:none;}}
@media(max-width:700px){.offers{grid-template-columns:1fr;}.offer-card{padding:1.5rem;}.deliverables-grid{grid-template-columns:1fr;}.process-list li{grid-template-columns:30px 1fr;}.system-intro{gap:1rem;}.section-heading h2 br,.system-intro h2 br,.method-heading h2 br{display:none;} .eyebrow{font-size:.8125rem;letter-spacing:.12em;}}