/* Shared geometry across landing, blog and case pages. */
:root{--layout-width:1280px;--layout-gutter:32px;--radius-section:24px;--radius-card:16px;--radius-control:10px;--section-space:72px}
body{overflow-x:clip}main{min-width:0}img{max-width:100%}
.section{width:calc(100% - var(--layout-gutter)*2);max-width:var(--layout-width);margin:0 auto;padding:var(--section-space) 0}
.section.tasks,.section.workflow,.section.faq{padding:48px;margin:32px auto;border:1px solid #d5cce5;border-radius:var(--radius-section)}
.section.cases,.section.pricing,.section.resources{padding-inline:0}
.section-intro{margin-bottom:32px}.section-intro>p{max-width:640px}
.section.faq{display:block}.faq .section-intro{max-width:none;margin-bottom:28px}.faq h2{margin-bottom:16px}.faq-list{width:100%;max-width:none}.faq-list details{margin:10px 0;border-radius:var(--radius-control)}
.case-panel,.service,.process-card,.resource-card,.article-card,.request-box,.founder-copy,.founder-photo,.founder-facts>div,.interface-detail,.case-metrics>div{border-radius:var(--radius-card)}
.case-photo{border-radius:var(--radius-card)}.case-photo.case-interface{border-radius:var(--radius-card)}
.founder,.audit-banner,.case-audit,.blog-contact,.blog-hero{border-radius:var(--radius-section)}
.button,.cta,.founder-cta,.case-request,.case-tabs button,.filters button,.extra-service,input,textarea{border-radius:var(--radius-control)}
.request-section{width:calc(100% - var(--layout-gutter)*2);max-width:var(--layout-width);margin:32px auto 64px;padding:48px;border-radius:var(--radius-section);border:1px solid #d5cce5;gap:40px}
.section.workflow{gap:48px}.workflow .section-intro{position:static}
.case-copy,.section-intro,.request-copy,.request-box,.service,.faq-list{min-width:0}
.services{gap:20px}.extra-service{margin:10px 0}.founder{margin-top:40px;padding:20px}
@media(max-width:1000px){:root{--layout-gutter:24px;--section-space:56px}.section.tasks,.section.workflow,.section.faq,.request-section{padding:32px}.section.workflow{display:block}.section.workflow .section-intro{margin-bottom:28px}}
@media(max-width:600px){:root{--layout-gutter:16px;--radius-section:20px;--section-space:40px}.section.tasks,.section.workflow,.section.faq,.request-section{padding:24px 18px;margin-top:20px;margin-bottom:20px}.section h2{font-size:clamp(27px,7.5vw,34px)}.section-intro{margin-bottom:24px}.section-intro>p{font-size:15px}.case-panel{padding:14px}.case-tabs{gap:8px}.founder{padding:12px}.faq-list summary{font-size:14px;padding-block:18px}.request-section{margin-bottom:36px}.case-audit,.blog-contact{padding:24px}.services{gap:14px}}
.audit-invitation{width:calc(100% - var(--layout-gutter)*2);max-width:var(--layout-width);margin:32px auto 64px;padding:60px 28px;text-align:center;border:1px solid #d0bce5;border-radius:var(--radius-section);background:linear-gradient(125deg,#f5f1fc,#e5d7f8)}.audit-invitation .eyebrow{color:#71538d}.audit-invitation h2{font-size:clamp(28px,3.4vw,46px);font-weight:600;letter-spacing:-.045em;line-height:1.2}.audit-invitation h2 em{color:#7950bb;font-style:normal}.audit-invitation>p{max-width:560px;margin:20px auto 26px;color:#57506b;font-size:17px;line-height:1.65}.audit-invitation .button{background:#a3e635;color:#1e1b4b;padding:14px 24px;font-size:15px;min-height:48px}.audit-invitation small{display:block;margin-top:16px;color:#655d76;font-size:12px}@media(max-width:600px){.audit-invitation{padding:36px 22px;margin:24px auto 36px}.audit-invitation>p{font-size:15px}}

/* Launch timeline: connected markers and clear editorial rows. */
.section.workflow{display:block;background:#17142e;color:#f7f5fc;border-color:#302a49;padding:52px 48px}
.workflow .section-intro{max-width:780px;margin-bottom:40px}
.workflow .section-intro>.eyebrow{color:#bba0e7}
.workflow .section-intro h2{color:#faf8ff}
.workflow .section-intro>p{color:#bbb5cd;max-width:670px}
.workflow .steps{display:block;position:relative;list-style:none;margin:0;padding:0}
.workflow .steps:before{content:'';position:absolute;left:16px;top:34px;bottom:34px;width:1px;background:#5c526c}
.workflow .steps li{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr);gap:24px;margin:0;padding:30px 0 30px 56px;border:0;border-bottom:1px solid #ffffff18;background:none;border-radius:0;align-items:start}
.workflow .steps li:last-child{border-bottom:0}
.workflow .steps li:before{content:'';position:absolute;left:5px;top:38px;width:23px;height:23px;border-radius:50%;background:#242037;border:1px solid #716580;box-shadow:inset 0 0 0 7px #242037;transition:background .5s,border-color .5s}
.workflow .steps li.visible:before{background:#b49ae0;border-color:#b49ae0}
.workflow .steps li:nth-child(3):before{background:#c6a6fb;border-color:#c6a6fb}
.workflow .steps li:nth-child(5):before{background:#a3e635;border-color:#a3e635}
.workflow .steps li>span{font-size:38px;font-weight:600;line-height:1.2;color:#f4f0fa;letter-spacing:-.04em;background:none;width:auto;height:auto;border:0;padding:0}
.workflow .steps li:nth-child(3)>span{color:#c6a6fb}
.workflow .steps li:nth-child(5)>span{color:#a3e635}
.workflow .steps li>div{padding:0}
.workflow .steps h3{font-family:Inter,Arial,sans-serif;font-size:24px;line-height:1.3;font-weight:500;color:#f4f0fa;margin:0 0 10px;letter-spacing:-.025em}
.workflow .steps p{font-size:15px;line-height:1.65;color:#bcb5cf;max-width:740px;margin:0}
.workflow .steps li>b{display:none}
@media(max-width:600px){.section.workflow{padding:30px 20px}.workflow .section-intro{margin-bottom:22px}.workflow .steps li{grid-template-columns:43px minmax(0,1fr);gap:12px;padding:24px 0 24px 32px}.workflow .steps:before{left:8px;top:30px;bottom:35px}.workflow .steps li:before{left:0;top:30px;width:17px;height:17px;box-shadow:inset 0 0 0 5px #242037}.workflow .steps li>span{font-size:27px}.workflow .steps h3{font-size:19px;margin-bottom:8px}.workflow .steps p{font-size:14px;line-height:1.6}}

/* Restrained diagonal texture on two accent surfaces only. */
.section.workflow,.pricing .audit-banner{
 background-image:repeating-linear-gradient(135deg,transparent 0px,transparent 23px,rgba(201,179,239,.065) 23px,rgba(201,179,239,.065) 24px)!important;
}
