/* Aweto — fonts (Geist, self-hosted) */
/* cyrillic-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/geist-ff2310f5.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/geist-875ccdd4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/geist-52306abf.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/geist-001175b1.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/geist-98bbbccb.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Geist Fallback';
  src: local("Arial");
  ascent-override: 95.94%;
  descent-override: 28.16%;
  line-gap-override: 0.00%;
  size-adjust: 104.76%;
}

.__font_geist_19ysh9d { font-family: 'Geist', 'Geist Fallback'; font-style: normal; }

.__variable_geist_19ysh9d { --font-geist-sans: 'Geist', 'Geist Fallback'; }

/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--paper:#f5f3ee;--ink:#191a18;--muted:#66635e;--line:#d8d5cf;--accent:#536457;--warm:#ebe8e1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-geist-sans), Arial, sans-serif;margin:0;font-size:18px;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}.shell{width:min(100% - 48px,1160px);margin-inline:auto}.site-header{z-index:10;justify-content:space-between;align-items:center;width:min(100% - 48px,1160px);margin:0 auto;padding:28px 0;display:flex;position:absolute;inset:0 0 auto}.wordmark,.footer-wordmark{letter-spacing:-.04em;font-family:Georgia,Times New Roman,serif;font-size:1.65rem}.header-link{border-bottom:1px solid var(--ink);padding:5px 0;font-size:.86rem}.hero{align-items:center;min-height:100svh;padding:150px 0 100px;display:flex}.eyebrow,.section-number{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:650}.eyebrow{margin-bottom:32px}h1,h2{letter-spacing:-.045em;margin:0;font-family:Georgia,Times New Roman,serif;font-weight:400}h1{max-width:920px;font-size:clamp(3rem,6.2vw,4.75rem);line-height:1.03}h2{max-width:470px;font-size:clamp(2.35rem,4vw,3.6rem);line-height:1.08}.hero-copy{max-width:780px;color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin:54px 0 42px;font-size:1.06rem;line-height:1.65;display:grid}.hero-copy p,.statement-stack p,.audit-intro p,.footer p,.steps p{margin:0}.button{background:var(--accent);min-height:50px;color:var(--paper);border-radius:5px;justify-content:center;align-items:center;padding:0 24px;font-size:.9rem;transition:background-color .18s;display:inline-flex}.button:hover{background:#435247}.button-note{color:var(--muted);margin:12px 0 0;font-size:.78rem}.section{padding:132px 0}.section-rule{position:relative}.section-rule:before{background:var(--line);content:"";width:min(100% - 48px,1160px);height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.split-layout{grid-template-columns:minmax(0,.9fr) minmax(340px,1fr);gap:clamp(70px,10vw,150px);display:grid}.section-number{margin-bottom:24px}.statement-stack{padding-top:45px;font-size:clamp(1.35rem,2.1vw,1.75rem);line-height:1.4}.statement-stack p+p{margin-top:18px}.statement-stack .quiet-lines{color:var(--muted);margin-top:42px;font-size:.88rem;line-height:1.65}.process{padding-top:104px}.section-heading-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:40px;display:flex}.section-heading-row .section-number{margin:13px 0 0}.steps{grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.steps li{border-right:1px solid var(--line);min-height:250px;padding:32px 28px 32px 0}.steps li+li{padding-left:28px}.steps li:last-child{border-right:0}.steps span{color:var(--accent);letter-spacing:.13em;font-size:.7rem;font-weight:650}.steps p{max-width:210px;padding-top:74px;font-size:1.08rem;line-height:1.45}.reassurance{background:var(--warm)}.reassurance-copy{padding-top:42px}.audit{padding-bottom:110px;scroll-margin-top:24px}.audit-intro{max-width:650px;margin-bottom:70px}.audit-intro h2{margin-bottom:24px}.audit-intro>p:not(.section-number){color:var(--muted);font-size:1.04rem}.audit-intro .audit-note{margin:5px 0 30px;font-size:.84rem}.calendar-wrap{border:1px solid var(--line);background:#faf9f6;border-radius:7px;min-height:700px;position:relative;overflow:hidden}.calendar-loading{color:var(--muted);margin:0;font-size:.82rem;position:absolute;inset:40px auto auto 40px}.calendly-inline-widget{z-index:1;background:0 0;width:100%;position:relative}.calendar-fallback{color:var(--muted);margin:18px 0 0;font-size:.8rem}.calendar-fallback a,.social-links a{text-decoration:underline;-webkit-text-decoration-color:var(--line);-webkit-text-decoration-color:var(--line);-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:5px}.footer{border-top:1px solid var(--line);padding:70px 0 32px}.footer-top{justify-content:space-between;align-items:flex-end;gap:48px;display:flex}.footer-wordmark{margin-bottom:12px!important}.footer p:not(.footer-wordmark){color:var(--muted);font-size:.86rem}.footer .location{margin-top:14px}.social-links{color:var(--muted);flex-wrap:wrap;gap:28px;font-size:.82rem;display:flex}.copyright{color:var(--muted);margin-top:66px;font-size:.72rem}.button:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}@media (max-width:800px){.section{padding:92px 0}.split-layout{grid-template-columns:1fr;gap:42px}.statement-stack,.reassurance-copy{padding-top:0}.steps{grid-template-columns:repeat(2,1fr)}.steps li:nth-child(2){border-right:0}.steps li:nth-child(n+3){border-top:1px solid var(--line)}}@media (max-width:640px){body{font-size:17px}.shell,.site-header{width:calc(100% - 40px)}.site-header{padding:22px 0}.wordmark{font-size:1.45rem}.hero{min-height:auto;padding:138px 0 86px}.eyebrow{margin-bottom:24px}h1{font-size:clamp(2.65rem,13vw,3.35rem)}h2{font-size:2.5rem}.hero-copy{grid-template-columns:1fr;gap:22px;margin:40px 0 36px;font-size:1.02rem}.section-rule:before{width:calc(100% - 40px)}.statement-stack{font-size:1.33rem}.section-heading-row{padding-bottom:30px;display:block}.section-heading-row .section-number{margin:0 0 20px}.steps{grid-template-columns:1fr}.steps li,.steps li+li{border-top:1px solid var(--line);border-right:0;min-height:0;padding:26px 0 30px}.steps li:first-child{border-top:0}.steps p{padding-top:32px}.audit-intro{margin-bottom:48px}.calendar-wrap,.calendly-inline-widget{min-height:660px;height:660px!important}.calendar-wrap{width:calc(100% + 16px);margin-left:-8px}.calendar-loading{left:24px}.footer{padding-top:54px}.footer-top{display:block}.social-links{gap:22px;margin-top:38px}.copyright{margin-top:48px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important}}


/* ------------------------------------------------------------------
   Aweto — background figures
   One decorative system across the page: fine lines, small nodes,
   paths that stop before they arrive, and two faint dot-grid
   fragments. All aria-hidden, static, no JS.

   Geometry note: each composition's viewBox is authored at roughly its
   rendered pixel size, so node radii and line weights read the same
   from section to section. Strokes are non-scaling, so they stay a
   true hairline at every scale.
   ------------------------------------------------------------------ */

.fig {
  position: absolute;
  color: var(--accent);
  pointer-events: none;
  user-select: none;
  fill: none;
}

.fig .fig-line path {
  fill: none;
  stroke: currentColor;
  stroke-opacity: 0.25;
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.fig .fig-node circle {
  fill: currentColor;
  fill-opacity: 0.31;
  stroke: none;
}

/* The arc and the dot grids sit a step further back than the linework. */
.fig .fig-arc path {
  fill: none;
  stroke: var(--muted);
  stroke-opacity: 0.16;
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.fig-grid-dot {
  fill: var(--muted);
  fill-opacity: 0.14;
}

/* Hero — the anchor composition, in the clear margin right of the headline.
   Anchored 40px right of where the headline's longest line actually ends
   (shell centre + 272px), not to its 920px max-width box, which the text
   never fills. */
.hero { position: relative; overflow: hidden; }
.fig-hero {
  top: 50%;
  left: calc(50% + 312px);
  width: min(50vw - 336px, 460px);
  height: auto;
  transform: translateY(-48%);
}

/* Start with one problem — in flow below the heading. The left column has
   160px of slack before the taller right column, so this costs no height. */
.fig-problem {
  position: static;
  display: block;
  width: 320px;
  height: auto;
  margin-top: 54px;
}

/* How it works — a shallow path across the foot of the steps row. The steps
   leave only 66px clear below their text, hence the 44-unit-tall band. */
.process .shell { position: relative; }
.fig-process {
  left: 0;
  right: 0;
  bottom: 6px;
  width: 100%;
  height: auto;
}

/* Not sure what you need — deliberately unresolved: a short chain, a path
   that stops, and one node with no connection at all. */
.reassurance .shell { position: relative; }
.fig-reassurance {
  bottom: 4px;
  left: 0;
  width: 280px;
  height: auto;
}

/* Free Business Audit — the quietest mark on the page, kept well away
   from the calendar. */
.audit .shell { position: relative; }
.fig-audit {
  top: 4px;
  right: 0;
  width: 150px;
  height: auto;
}

/* ---- Responsive: thin the system out rather than squeezing it ---- */

/* Laptop. Below ~1226px the headline is still scaling with the viewport
   (clamp(3rem, 6.2vw, 4.75rem) has not hit its cap), so its longest line
   tracks roughly 0.725vw instead of the shell centre — the hero figure has
   to be sized from the right edge here. It also gets meaningfully smaller,
   so the secondary detail comes out and the nodes are enlarged in user
   units to hold their apparent size. */
@media (max-width: 1351px) {
  /* Laptop. The switch sits at 1352px because that is exactly where the
     desktop rule renders at the same 340px scale as this one, so node and
     line sizes are continuous across the boundary — only the outer nodes
     appear or disappear.
     Rather than scaling the whole composition down — which shrinks the
     nodes below their desktop size and breaks the system's consistency — show
     the inner five-node cluster at full scale and let the box hang past the
     right edge to place it. Nothing is cropped: the outer nodes are hidden,
     so the visible content ends well inside the viewport. */
  .fig-hero {
    left: auto;
    right: -80px;
    width: 340px;
  }
  .fig-hero .fig-detail { display: none; }
}

/* Below ~1050px the gap between the hero text and the composition drops
   under 40px, which starts to feel crowded rather than composed. */
@media (max-width: 1049px) {
  .fig-hero { display: none; }
}

@media (max-width: 900px) {
  .fig-process .fig-detail { display: none; }
}

@media (max-width: 899px) {
  .fig-audit { display: none; }
}

/* Tablet: the two-column sections collapse, so the reassurance figure loses
   its absolute slot and flows in the left column instead, the same way the
   problem figure already does. */
@media (max-width: 800px) {
  .fig-reassurance {
    position: static;
    display: block;
    width: 230px;
    margin-top: 44px;
  }
  .fig-problem { width: 260px; margin-top: 42px; }
}

/* Mobile: two small in-flow motifs, node counts reduced. The steps stack into
   short rows here, so the process band loses its clear space beneath the text. */
@media (max-width: 640px) {
  .fig-process { display: none; }
  .fig-problem { width: 210px; margin-top: 34px; }
  .fig-reassurance { width: 196px; margin-top: 36px; }
  .fig-problem .fig-extra { display: none; }
}

/* ------------------------------------------------------------------
   Aweto — quiet modular field
   Soft operational fragments replace the previous line-and-node system.
   ------------------------------------------------------------------ */

:root {
  --module-fill: rgba(83, 100, 87, 0.055);
  --module-fill-strong: rgba(83, 100, 87, 0.085);
  --module-line: rgba(83, 100, 87, 0.12);
  --module-neutral: rgba(102, 99, 94, 0.05);
}

/* Retire the old connector artwork without changing page content or flow. */
.fig { display: none; }

main { overflow: clip; }
.hero, .section { position: relative; isolation: isolate; overflow: hidden; }
.hero > .shell, .section > .shell { position: relative; z-index: 1; }

/* Hero: the signature field — a calm frame with units settling into place. */
.hero::before {
  position: absolute;
  z-index: 0;
  top: 18%;
  right: clamp(-190px, -7vw, -70px);
  width: clamp(410px, 42vw, 640px);
  height: clamp(390px, 45vw, 590px);
  border: 1px solid var(--module-line);
  border-radius: 18px;
  background:
    linear-gradient(var(--module-neutral), var(--module-neutral)) 9% 11% / 42% 18% no-repeat,
    linear-gradient(var(--module-fill), var(--module-fill)) 59% 11% / 27% 18% no-repeat,
    linear-gradient(var(--module-fill), var(--module-fill)) 9% 76% / 25% 12% no-repeat;
  content: "";
  transform: rotate(0.35deg);
  pointer-events: none;
}

.hero::after {
  position: absolute;
  z-index: 0;
  top: 36%;
  right: clamp(120px, 14vw, 270px);
  width: clamp(112px, 9vw, 152px);
  height: 52px;
  border-radius: 8px;
  background: var(--module-fill-strong);
  box-shadow:
    168px 0 0 var(--module-fill),
    58px 76px 0 var(--module-fill),
    218px 76px 0 var(--module-fill-strong),
    0 152px 0 var(--module-fill),
    154px 152px 0 var(--module-fill-strong);
  content: "";
  pointer-events: none;
}

/* Smaller variations carry the same structure through the page. */
.section-rule::before { z-index: 2; }
.section-rule::after {
  position: absolute;
  z-index: 0;
  right: clamp(-100px, -3vw, -34px);
  bottom: 12%;
  width: clamp(280px, 27vw, 410px);
  height: clamp(160px, 17vw, 240px);
  border: 1px solid rgba(83, 100, 87, 0.09);
  border-radius: 15px;
  background:
    linear-gradient(var(--module-fill), var(--module-fill)) 12% 18% / 36% 24% no-repeat,
    linear-gradient(var(--module-neutral), var(--module-neutral)) 58% 18% / 27% 24% no-repeat,
    linear-gradient(var(--module-fill-strong), var(--module-fill-strong)) 28% 62% / 42% 20% no-repeat;
  content: "";
  transform: rotate(-0.45deg);
  pointer-events: none;
}

.process::before {
  position: absolute;
  z-index: 0;
  top: 84px;
  right: clamp(-72px, 2vw, 44px);
  width: clamp(310px, 31vw, 470px);
  height: 74px;
  border-radius: 11px;
  background: var(--module-fill);
  box-shadow:
    -122px 102px 0 var(--module-neutral),
    46px 102px 0 var(--module-fill-strong),
    -54px 204px 0 var(--module-fill);
  content: "";
  pointer-events: none;
}

.reassurance::before {
  position: absolute;
  z-index: 0;
  top: 14%;
  right: clamp(-150px, -4vw, -48px);
  width: clamp(390px, 40vw, 610px);
  height: clamp(330px, 37vw, 500px);
  border: 1px solid var(--module-line);
  border-radius: 18px;
  content: "";
  transform: rotate(0.55deg);
  pointer-events: none;
}

.reassurance::after {
  position: absolute;
  z-index: 0;
  top: 28%;
  right: clamp(62px, 10vw, 190px);
  width: clamp(126px, 11vw, 172px);
  height: 58px;
  border-radius: 9px;
  background: var(--module-fill-strong);
  box-shadow:
    194px 0 0 var(--module-fill),
    72px 92px 0 var(--module-fill),
    238px 92px 0 var(--module-neutral),
    0 184px 0 var(--module-fill);
  content: "";
  pointer-events: none;
}

.audit::before {
  position: absolute;
  z-index: 0;
  top: 78px;
  right: clamp(-150px, -5vw, -60px);
  width: clamp(330px, 34vw, 510px);
  height: clamp(180px, 20vw, 280px);
  border: 1px solid rgba(83, 100, 87, 0.085);
  border-radius: 16px;
  background:
    linear-gradient(var(--module-neutral), var(--module-neutral)) 12% 18% / 40% 25% no-repeat,
    linear-gradient(var(--module-fill), var(--module-fill)) 62% 18% / 24% 25% no-repeat;
  content: "";
  pointer-events: none;
}

@media (max-width: 1000px) {
  .hero::before { top: 21%; right: -250px; opacity: 0.82; }
  .hero::after { top: 42%; right: 38px; opacity: 0.72; }
  .section-rule::after { right: -180px; opacity: 0.72; }
  .process::before { right: -190px; opacity: 0.68; }
  .reassurance::before { right: -280px; opacity: 0.72; }
  .reassurance::after { right: -10px; opacity: 0.62; }
  .audit::before { right: -240px; opacity: 0.62; }
}

@media (max-width: 640px) {
  .hero::before { top: 17%; right: -285px; width: 420px; height: 440px; opacity: 0.58; }
  .hero::after {
    top: 47%;
    right: -22px;
    width: 104px;
    height: 42px;
    box-shadow: 130px 0 0 var(--module-fill), 42px 64px 0 var(--module-fill);
    opacity: 0.62;
  }
  .section-rule::after, .process::before, .reassurance::after, .audit::before { display: none; }
  .reassurance::before { top: auto; right: -300px; bottom: 7%; width: 410px; height: 300px; opacity: 0.46; }
}

/* Aweto illustrations — full-strength editorial moments between sections. */
.illustration-section {
  position: relative;
  padding: clamp(42px, 5vw, 72px) 0;
  overflow: hidden;
}

.illustration-shell {
  width: min(calc(100% - 48px), 1240px);
  margin-inline: auto;
}

.illustration-surface {
  margin: 0;
  border: 1px solid rgba(102, 99, 94, 0.16);
  border-radius: 12px;
  background: #faf9f6;
  padding: clamp(12px, 1.7vw, 22px);
}

.illustration-surface img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 7px;
}

@media (max-width: 800px) {
  .illustration-section { padding: 42px 0; }
  .illustration-shell { width: calc(100% - 40px); }
  .illustration-surface { padding: 10px; }
}

@media (max-width: 640px) {
  .illustration-section { padding: 36px 0; }
  .illustration-shell { width: calc(100% - 24px); }
  .illustration-surface { border-radius: 9px; padding: 6px; }
  .illustration-surface img { border-radius: 5px; }
}