:root{--ink:#18302d;--ink-deep:#102621;--ink-soft:#455852;--cream:#f6f3eb;--paper:#fffcf6;--mist:#e9eee7;--line:#d6dfd5;--orange:#e97442;--orange-dark:#ad4822;--lime:#d2ef6d;--white:#fff;--shell:1180px;font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--cream);scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}svg{display:block;width:100%;height:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1,h2{letter-spacing:-.055em}h2{font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.14}p{line-height:1.7}.shell{width:min(calc(100% - 64px),var(--shell));margin-inline:auto}.section{padding:110px 0}.skip-link{position:absolute;left:16px;top:-80px;background:var(--ink);color:var(--white);z-index:100;padding:12px 16px}.skip-link:focus{top:16px}.site-header{position:relative;z-index:10;background:var(--cream);border-bottom:1px solid rgba(24,48,45,.1)}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;min-height:48px}.brand-mark{width:37px;height:37px;background:var(--ink);border-radius:9px;display:flex;align-items:center;justify-content:center;gap:3px;transform:rotate(-8deg)}.brand-mark span{height:18px;width:4px;border-radius:2px;background:var(--lime);transform:rotate(20deg)}.brand-mark span:nth-child(2){height:24px;background:var(--orange)}.brand-mark span:nth-child(3){height:14px}.brand-name{display:flex;align-items:baseline;font:800 1.23rem Manrope,sans-serif;letter-spacing:-.06em}.brand-dot,.footer-brand span{color:var(--orange)}.brand-name small,.footer-brand small{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;margin-left:9px;font-weight:700}.site-nav{display:flex;align-items:center;gap:30px;font-size:.87rem;font-weight:700}.site-nav a:not(.nav-cta):hover,.text-link:hover{color:var(--orange-dark)}.nav-cta{background:var(--ink);color:var(--white);padding:13px 18px;border-radius:6px;min-height:46px;display:inline-flex;gap:22px;align-items:center}.nav-cta:hover,.button-primary:hover{background:#284941}.nav-cta span,.button span{font-size:1.1em}.hero{padding:86px 0 98px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:45px}.eyebrow,.section-kicker{font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:.72rem}.eyebrow{display:flex;align-items:center;gap:12px;color:#557067}.eyebrow-line{width:24px;height:2px;background:var(--orange)}h1{font-size:clamp(3.45rem,6vw,6.25rem);line-height:1.03;margin:25px 0 29px;font-weight:800;max-width:760px}h1 em,.discovery h2 em{font-style:normal;color:var(--orange)}.hero-lede{font-size:1.13rem;max-width:600px;color:var(--ink-soft);margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:54px;padding:14px 21px;font-weight:800;font-size:.9rem;border-radius:6px;transition:background .2s,color .2s}.button-primary{background:var(--ink);color:var(--white)}.text-link{font-weight:800;font-size:.88rem;padding:14px 2px;min-height:48px}.text-link span{margin-left:10px}.hero-note{display:flex;align-items:center;gap:10px;margin-top:41px;color:#5c7068;font-size:.82rem;font-weight:700}.note-square{width:8px;height:8px;background:var(--orange);transform:rotate(45deg)}.hero-visual{height:525px;position:relative;background:#dce7df;border-radius:160px 14px 14px 14px;isolation:isolate;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(24,48,45,.07)}.hero-visual:before{content:"";position:absolute;width:480px;height:480px;top:31px;left:50%;transform:translateX(-50%);border-radius:50%;background:#eaf0e8;z-index:-2}.hero-visual:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#93aa9c 1px,transparent 1px);background-size:18px 18px;opacity:.18;z-index:-1}.orbit{position:absolute;border:1px solid #b5c8b8;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:330px;height:330px}.orbit-two{width:460px;height:460px}.visual-label{position:absolute;top:46px;right:42px;font-size:.62rem;font-weight:800;letter-spacing:.2em;color:#4d685b}.flow-card{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;width:240px;padding:14px;background:var(--paper);border:1px solid #dce5dc;border-radius:12px;box-shadow:0 12px 28px rgba(27,54,44,.1)}.flow-card strong,.flow-card small{display:block}.flow-card strong{font:800 .79rem Manrope}.flow-card small{font-size:.69rem;color:#678075;margin-top:4px}.flow-icon{width:36px;height:36px;border-radius:8px;background:#fbe4d6;color:var(--orange-dark);display:grid;place-items:center;font:800 1.25rem Manrope;flex:none}.document-icon{background:#e7eed0;color:#536832}.flow-check{margin-left:auto;color:#517c4e;font-weight:800}.card-inbox{top:111px;left:32px;transform:rotate(-5deg)}.card-output{bottom:104px;right:27px;transform:rotate(4deg)}.flow-hub{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);height:160px;width:160px;border-radius:30px;background:var(--ink);color:var(--white);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 40px rgba(18,51,40,.22)}.hub-mark{font:800 3.9rem Manrope;line-height:1;letter-spacing:-.12em}.hub-mark span{color:var(--orange)}.flow-hub strong{font:.8rem Manrope;font-weight:800;margin-top:8px}.flow-hub small{font-size:.65rem;color:#c3d7ca;margin-top:3px}.flow-line{position:absolute;height:2px;background:var(--orange);width:133px;transform-origin:left}.flow-line-one{top:40%;left:37%;transform:rotate(31deg)}.flow-line-two{top:58%;left:57%;transform:rotate(28deg)}.visual-caption{position:absolute;bottom:37px;left:39px;right:39px;display:flex;align-items:center;gap:10px;font-size:.69rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#4e6d5c}.visual-caption span{height:1px;flex:1;background:#94ad9c}.audience{background:var(--ink);color:var(--white);padding:92px 0}.audience-grid{display:grid;grid-template-columns:1fr .85fr;gap:12%}.section-kicker{color:var(--orange);margin-bottom:25px}.audience h2{max-width:680px;margin-bottom:0}.audience-right{padding-top:39px}.audience-right p{font-size:1.08rem;color:#d5e1d7}.location-tag{border-top:1px solid #5b7668;padding-top:25px;margin-top:33px;font-size:.78rem;font-weight:700;color:#e5eddf;display:flex;align-items:center;gap:11px;flex-wrap:wrap}.location-dot{width:8px;height:8px;border-radius:50%;background:var(--lime)}.tag-divider{opacity:.4}.services{background:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:42px}.section-heading h2{max-width:665px;margin-bottom:0}.section-heading>p{max-width:350px;color:var(--ink-soft);margin-bottom:4px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.service-card{min-height:335px;background:#f2f4ec;border:1px solid #e3e9df;border-radius:11px;padding:25px 24px 27px;display:flex;flex-direction:column}.service-number{font:.72rem Manrope;font-weight:800;color:#667d6c;letter-spacing:.1em}.service-icon{color:var(--ink);width:43px;height:43px;margin:33px 0 27px}.service-card h3{font-size:1.17rem;letter-spacing:-.035em;margin-bottom:10px}.service-card p{font-size:.88rem;color:#51645c;margin-bottom:0}.approach{background:#e9eee7}.approach-heading{margin-bottom:50px}.steps{padding:0;margin:0;list-style:none;border-top:1px solid #cbd8cb;display:grid;grid-template-columns:repeat(4,1fr)}.steps li{padding:28px 24px 15px;border-right:1px solid #cbd8cb}.steps li:first-child{padding-left:0}.steps li:last-child{border-right:0}.step-index{display:grid;place-items:center;width:47px;height:47px;border-radius:50%;background:var(--ink);color:var(--lime);font:800 .75rem Manrope}.steps h3{font-size:1.12rem;letter-spacing:-.035em;margin:49px 0 11px}.steps p{font-size:.87rem;color:#4b6258;margin-bottom:0}.discovery{background:var(--ink-deep);color:var(--white)}.discovery-grid{display:grid;grid-template-columns:.92fr 1fr;gap:10%;align-items:center}.discovery-intro h2{max-width:520px}.discovery-intro>p:not(.section-kicker){color:#c5d7ca;max-width:480px;margin-bottom:26px}.button-light{background:var(--lime);color:var(--ink-deep)}.button-light:hover{background:#e3f6a4}.deliverables{background:#f6f7ef;color:var(--ink);border-radius:13px;padding:32px 36px}.price-label{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:24px;gap:10px}.price-label>span{font-weight:800;font-size:.67rem;letter-spacing:.14em}.price-label strong{font:800 2rem Manrope;letter-spacing:-.06em}.deliverables h3{font-size:1.42rem;letter-spacing:-.04em;margin:25px 0 20px}.deliverables ul{list-style:none;margin:0;padding:0}.deliverables li{display:flex;gap:13px;line-height:1.5;font-size:.88rem;padding:12px 0;border-bottom:1px solid #e3e9de}.list-check{display:grid;place-items:center;flex:none;width:21px;height:21px;background:#dcebba;color:#1c422e;border-radius:50%;font-weight:800;font-size:.7rem}.discovery-footnote{font-size:.75rem;color:#697b70;margin:22px 0 0}.brand-future{padding:80px 0;background:#f1ede4}.future-grid{display:grid;grid-template-columns:190px 1fr;gap:55px;align-items:center;max-width:950px}.future-mark{width:165px;height:165px;border-radius:32px;background:#dbe5d7;display:grid;place-items:center;font:800 6.5rem Manrope;letter-spacing:-.14em;transform:rotate(-6deg)}.future-mark span{color:var(--orange);margin-left:-22px}.future-grid h2{font-size:clamp(1.9rem,3.5vw,3rem);margin-bottom:16px}.future-grid p:last-child{color:var(--ink-soft);margin-bottom:0}.contact{background:var(--cream)}.contact-grid{display:grid;grid-template-columns:.8fr 1fr;gap:12%;align-items:start}.contact h2{max-width:480px}.contact-grid>div:first-child>p:not(.section-kicker){color:var(--ink-soft);max-width:420px}.contact-detail{margin-top:62px;font-size:.78rem;font-weight:800;color:#637369;display:flex;align-items:center;gap:12px}.contact-line{width:27px;height:2px;background:var(--orange)}.contact-card{background:var(--paper);border:1px solid #e2e5db;border-radius:14px;padding:31px 35px;box-shadow:0 20px 45px rgba(45,55,38,.055)}.contact-card-top{display:flex;align-items:center;gap:12px;font-size:.66rem;letter-spacing:.14em;font-weight:800;color:#5d7365}.contact-card-icon{height:32px;width:32px;display:grid;place-items:center;background:#e0ecdb;border-radius:50%;font-size:1.15rem;color:var(--ink)}.contact-card h3{font-size:1.7rem;letter-spacing:-.05em;margin:21px 0 8px}.contact-card>p{font-size:.88rem;color:var(--ink-soft);margin-bottom:23px}.contact-card form{display:grid;gap:7px}.contact-card label{font-size:.78rem;font-weight:800;margin-top:10px}.contact-card input,.contact-card textarea{width:100%;border:1px solid #cfdacf;background:#fff;border-radius:6px;padding:11px 13px;min-height:45px;color:var(--ink);outline:none}.contact-card textarea{resize:vertical;min-height:86px}.contact-card input:focus,.contact-card textarea:focus{border-color:#508a64;box-shadow:0 0 0 3px rgba(80,138,100,.18)}.contact-card button{width:100%;margin-top:15px}.form-status{font-size:.81rem;margin:6px 0 0;min-height:1.4em;color:var(--ink-soft)}.site-footer{background:var(--ink-deep);color:#c9d7ce;padding:26px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{font:800 1.25rem Manrope;letter-spacing:-.055em;color:var(--white)}.footer-brand small{color:#bdd0c1}.footer-inner p,.footer-inner>span{font-size:.76rem;margin:0}.footer-inner>span{white-space:nowrap}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.button:active,.nav-cta:active{filter:brightness(.9)}
@media(max-width:1000px){.site-nav{gap:16px}.hero-grid{gap:25px}.hero-visual{height:465px}.card-inbox{left:15px}.card-output{right:13px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:270px}.steps{grid-template-columns:repeat(2,1fr)}.steps li:nth-child(2){border-right:0}.steps li:nth-child(-n+2){border-bottom:1px solid #cbd8cb}.steps li:nth-child(3){padding-left:0}.discovery-grid,.contact-grid{gap:6%}}
@media(max-width:700px){.shell{width:min(calc(100% - 36px),var(--shell))}.section{padding:76px 0}.header-inner{min-height:78px;align-items:flex-start;padding-top:14px;padding-bottom:14px;flex-direction:column;gap:12px}.site-nav{width:100%;overflow-x:auto;white-space:nowrap;gap:22px;padding-bottom:2px}.site-nav a{font-size:.79rem;min-height:44px;display:flex;align-items:center}.site-nav .nav-cta{min-height:40px;padding:8px 12px}.hero{padding-top:64px}.hero-grid,.audience-grid,.discovery-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{gap:48px}.hero-visual{height:430px;max-width:540px;width:100%;margin-inline:auto}.hero-note{margin-top:30px}.audience{padding:74px 0}.audience-right{padding-top:12px}.section-heading{display:block}.section-heading>p{margin-top:22px}.steps h3{margin-top:32px}.discovery-grid{gap:35px}.discovery-intro h2{max-width:550px}.future-grid{grid-template-columns:90px 1fr;gap:26px}.future-mark{width:85px;height:85px;border-radius:18px;font-size:3.4rem}.future-mark span{margin-left:-12px}.contact-grid{gap:38px}.contact-detail{margin-top:28px}.footer-inner{flex-wrap:wrap}.footer-inner p{order:3;width:100%}}
@media(max-width:480px){h1{font-size:clamp(3.05rem,13vw,4.4rem)}h2{font-size:2.2rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:5px}.hero-visual{height:375px;border-top-left-radius:110px}.visual-label{top:25px;right:25px}.flow-card{width:198px;padding:10px;gap:8px}.flow-icon{height:30px;width:30px}.flow-card strong{font-size:.7rem}.flow-card small{font-size:.62rem}.card-inbox{top:80px}.card-output{bottom:75px}.flow-hub{width:130px;height:130px;border-radius:23px}.hub-mark{font-size:3rem}.orbit-one{width:270px;height:270px}.orbit-two{width:380px;height:380px}.visual-caption{bottom:24px;left:25px;right:25px}.service-grid,.steps{grid-template-columns:1fr}.service-card{min-height:245px}.service-icon{margin:23px 0}.steps li,.steps li:nth-child(3){padding:22px 0;border-right:0;border-bottom:1px solid #cbd8cb}.steps li:last-child{border-bottom:0}.steps h3{margin-top:18px}.deliverables,.contact-card{padding:26px 22px}.future-grid{grid-template-columns:1fr;gap:26px}.footer-inner{align-items:flex-start;flex-direction:column;gap:13px}.footer-inner p{order:0}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* The workflow plays once when it enters view, with an optional replay control. */
.flow-replay{position:absolute;z-index:5;top:77px;right:35px;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:6px 10px;border:1px solid #a8bfad;border-radius:5px;background:rgba(255,252,246,.88);color:var(--ink);font-size:.7rem;font-weight:800;cursor:pointer;transition:background .2s,border-color .2s}
.flow-replay svg{width:15px;height:15px;flex:none}
.flow-replay:hover{background:var(--white);border-color:#63866b}
.flow-replay:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.flow-line{z-index:1}
.orbit-one{border-top:2px solid var(--orange);border-right:2px solid rgba(233,116,66,.55)}
.orbit-two{border-bottom:2px solid rgba(95,134,95,.65)}
.orbit::after{content:"";position:absolute;top:-5px;left:50%;width:8px;height:8px;border-radius:50%;background:var(--orange)}
.orbit-two::after{top:auto;bottom:-5px;left:20%;width:6px;height:6px;background:#6f9271}
.flow-line::after{content:"";position:absolute;left:0;top:50%;width:12px;height:12px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(233,116,66,.18);opacity:0;transform:translate(0,-50%)}
.is-running .orbit-one{animation:orbit-spin 4.3s ease-in-out both}
.is-running .orbit-two{animation:orbit-spin-reverse 4.3s ease-in-out both}
.is-running .card-inbox{animation:inquiry-highlight .85s ease-out .15s both}
.is-running .flow-line-one::after{animation:flow-signal .75s ease-in-out .9s both}
.is-running .flow-hub{animation:hub-highlight .9s ease-out 1.65s both}
.is-running .flow-line-two::after{animation:flow-signal .75s ease-in-out 2.6s both}
.is-running .card-output{animation:output-highlight .9s ease-out 3.35s both}
@keyframes inquiry-highlight{0%,100%{transform:rotate(-5deg);box-shadow:0 12px 28px rgba(27,54,44,.1)}45%{transform:rotate(-5deg) translateY(-6px);box-shadow:0 18px 30px rgba(233,116,66,.28)}}
@keyframes hub-highlight{0%,100%{transform:translate(-50%,-50%);box-shadow:0 20px 40px rgba(18,51,40,.22)}45%{transform:translate(-50%,-50%) scale(1.045);box-shadow:0 0 0 10px rgba(210,239,109,.35),0 20px 40px rgba(18,51,40,.22)}}
@keyframes output-highlight{0%,100%{transform:rotate(4deg);box-shadow:0 12px 28px rgba(27,54,44,.1)}45%{transform:rotate(4deg) translateY(-6px);box-shadow:0 18px 30px rgba(95,134,95,.3)}}
@keyframes flow-signal{0%{opacity:0;transform:translate(0,-50%)}15%,80%{opacity:1}100%{opacity:0;transform:translate(121px,-50%)}}
@keyframes orbit-spin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes orbit-spin-reverse{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}
@media(max-width:480px){.flow-replay{top:54px;right:23px;min-height:36px;font-size:.66rem}}
@media(prefers-reduced-motion:reduce){.flow-replay{display:none}.is-running .orbit,.is-running .card-inbox,.is-running .flow-hub,.is-running .card-output,.is-running .flow-line::after{animation:none}}

/* Keep transformed cards inside their section during the one-time shuffle. */
.services{overflow:hidden}
.service-card{position:relative}
.service-card:nth-child(odd){--swap:calc(100% + 13px);--tilt:3deg}
.service-card:nth-child(even){--swap:calc(-100% - 13px);--tilt:-3deg}
.is-shuffling .service-card{animation:service-shuffle 2s ease-in-out both}
@keyframes service-shuffle{0%,100%{transform:translate(0,0) rotate(0)}35%{transform:translate(var(--swap),-14px) rotate(var(--tilt))}68%{transform:translate(0,15px) rotate(calc(var(--tilt) * -1))}}
@media(max-width:480px){.service-card:nth-child(odd){--swap:38px}.service-card:nth-child(even){--swap:-38px}}
@media(prefers-reduced-motion:reduce){.is-shuffling .service-card{animation:none}}

/* The approach line advances as each step gets a short highlight. */
.steps{position:relative}
.steps::before{content:"";position:absolute;z-index:1;top:-2px;left:0;width:0;height:3px;background:var(--orange)}
.steps.is-progressing::before{animation:approach-progress 2.65s ease-in-out forwards}
.steps.is-progressing .step-index{animation:approach-step .6s ease-out both}
.steps.is-progressing li:nth-child(1) .step-index{animation-delay:.12s}
.steps.is-progressing li:nth-child(2) .step-index{animation-delay:.78s}
.steps.is-progressing li:nth-child(3) .step-index{animation-delay:1.44s}
.steps.is-progressing li:nth-child(4) .step-index{animation-delay:2.1s}
@keyframes approach-progress{to{width:100%}}
@keyframes approach-step{0%,100%{background:var(--ink);color:var(--lime);box-shadow:none}50%{background:var(--lime);color:var(--ink);box-shadow:0 0 0 9px rgba(210,239,109,.28)}}
@media(max-width:480px){.steps::before{display:none}}
@media(prefers-reduced-motion:reduce){.steps.is-progressing::before,.steps.is-progressing .step-index{animation:none}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.assessment-price{display:inline-block;min-width:7ch;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;transform-origin:right center}
.price-display.is-crossed{text-decoration:line-through;text-decoration-color:var(--orange);text-decoration-thickness:3px;text-decoration-skip-ink:none}
.assessment-price.is-settling{animation:price-settle 1s ease-out both}
@keyframes price-settle{0%,100%{transform:scale(1)}45%{transform:scale(1.55)}}
@media(prefers-reduced-motion:reduce){.assessment-price.is-settling{animation:none}}

.contact-card .optional{font-weight:500;color:#6b7b71}.contact-card button:disabled{cursor:wait;opacity:.65}.form-trap{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.form-status[data-state="success"]{color:#285e3b;font-weight:700}.form-status[data-state="error"]{color:#a3432d;font-weight:700}

.workflow-example{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;margin-top:26px;padding:42px 46px;background:var(--ink);color:var(--white);border-radius:13px}
.example-label{color:var(--lime);font-size:.68rem;font-weight:800;letter-spacing:.17em;margin-bottom:20px}
.example-intro h3{font-size:clamp(1.7rem,2.7vw,2.5rem);line-height:1.16;letter-spacing:-.045em;max-width:430px;margin-bottom:17px}
.example-intro>p:not(.example-label){color:#d3dfd6;font-size:.91rem;max-width:440px;margin-bottom:22px}
.example-intro a{display:inline-flex;align-items:center;gap:14px;color:var(--lime);font-size:.85rem;font-weight:800;min-height:44px}
.example-intro a:hover{text-decoration:underline;text-underline-offset:4px}
.example-steps{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.2)}
.example-steps li{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.2)}
.example-steps li>span{font:.72rem Manrope,sans-serif;font-weight:800;color:var(--lime);padding-top:4px}
.example-steps strong{font:800 1rem Manrope,sans-serif;letter-spacing:-.025em}
.example-steps p{color:#d3dfd6;font-size:.82rem;margin:5px 0 0;line-height:1.5}
@media(max-width:700px){.workflow-example{grid-template-columns:1fr;gap:24px;padding:30px 26px}.example-intro h3{max-width:none}}