/* Generated by styling/build.py; source: styles/. */
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap");
@layer aso.tokens, aso.components;
@layer aso.tokens {
:where([data-app="aso"]) {
  --aso-color-ink: #171815;
  --aso-color-paper: #f2f1e9;
  --aso-color-accent: #d7ff3f;
  --aso-color-divider: #d2d2c8;
  --aso-type-size-1-125rem: 1.125rem;
  --aso-type-size-9375rem: .9375rem;
  --aso-type-size-8125rem: .8125rem;
  --aso-space-95px: 95px;
  --aso-space-0: 0;
  --aso-font-dm-sans-arial-sans-serif: "DM Sans",Arial,sans-serif;
  --aso-type-size-16px: 16px;
  --aso-border-3px-solid-768d16: 3px solid #768d16;
  --aso-border-6px: 6px;
  --aso-layout-95px: 95px;
  --aso-space-0-4-5: 0 4.5%;
  --aso-border-1px-solid-var-aso-color-divider: 1px solid var(--aso-color-divider);
  --aso-space-25px: 25px;
  --aso-type-weight-900: 900;
  --aso-type-size-36px: 36px;
  --aso-type-line-height-85: .85;
  --aso-type-letter-spacing-2px: -2px;
  --aso-type-size-14px: 14px;
  --aso-type-letter-spacing-1-6px: 1.6px;
  --aso-space-8px: 8px;
  --aso-space-33px: 33px;
  --aso-type-weight-600: 600;
  --aso-paint-687a19: #687a19;
  --aso-type-weight-700: 700;
  --aso-border-1px-solid: 1px solid;
  --aso-space-12px-0: 12px 0;
  --aso-space-32px: 32px;
  --aso-layout-100px: -100px;
  --aso-space-15px: 15px;
  --aso-layer-10: 10;
  --aso-layout-0: 0;
  --aso-layout-1-25fr-1fr: 1.25fr 1fr;
  --aso-layout-660px: 660px;
  --aso-space-55px-0-25px-7-2: 55px 0 25px 7.2%;
  --aso-layer-1: 1;
  --aso-type-letter-spacing-1-7px: 1.7px;
  --aso-type-line-height-1-6: 1.6;
  --aso-layout-7px: 7px;
  --aso-radius-50: 50%;
  --aso-font-barlow-condensed-arial-narrow-impact-sans-serif: "Barlow Condensed","Arial Narrow",Impact,sans-serif;
  --aso-type-size-clamp-65px-7-2vw-112px: clamp(65px,7.2vw,112px);
  --aso-type-line-height-91: .91;
  --aso-type-weight-800: 800;
  --aso-space-30px-0: 30px 0;
  --aso-space-0-8px-7px: 0 8px 7px;
  --aso-space-8px-49: -8px;
  --aso-type-size-clamp-45px-5vw-70px: clamp(45px,5vw,70px);
  --aso-type-line-height-1: 1;
  --aso-type-letter-spacing-1px: -1px;
  --aso-paint-6b7354: #6b7354;
  --aso-type-line-height-1-7: 1.7;
  --aso-layout-380px: 380px;
  --aso-space-24px-0: 24px 0;
  --aso-space-30px: 30px;
  --aso-space-28px-0-35px: 28px 0 35px;
  --aso-border-0: 0;
  --aso-space-35px: 35px;
  --aso-type-letter-spacing-8px: .8px;
  --aso-space-20px-25px: 20px 25px;
  --aso-motion-background-2s-transform-2s: background .2s,transform .2s;
  --aso-paint-343a22: #343a22;
  --aso-layout-translatey-2px: translateY(-2px);
  --aso-type-size-19px: 19px;
  --aso-layout-5px: 5px;
  --aso-type-letter-spacing-1-4px: 1.4px;
  --aso-space-18px: 18px;
  --aso-type-size-15px: 15px;
  --aso-paint-dcdfd0: #dcdfd0;
  --aso-layout-value: "";
  --aso-paint-linear-gradient-1718150a-1px-transparent-1px-linear-gra: linear-gradient(#1718150a 1px,transparent 1px),linear-gradient(90deg,#1718150a 1px,transparent 1px);
  --aso-layout-50px-50px: 50px 50px;
  --aso-layer-1-75: -1;
  --aso-layout-116: 116%;
  --aso-layout-630px: 630px;
  --aso-layout-8: -8%;
  --aso-paint-grayscale-1: grayscale(1);
  --aso-layout-36px: 36px;
  --aso-layout-8-81: 8%;
  --aso-font-barlow-condensed-impact-sans-serif: "Barlow Condensed",Impact,sans-serif;
  --aso-type-size-clamp-160px-22vw-330px: clamp(160px,22vw,330px);
  --aso-paint-c5cbb5: #c5cbb5;
  --aso-type-letter-spacing-12px: -12px;
  --aso-layout-26px: 26px;
  --aso-layer-2: 2;
  --aso-space-15px-20px: 15px 20px;
  --aso-type-line-height-1-4: 1.4;
  --aso-type-letter-spacing-1px-90: 1px;
  --aso-layout-rotate-3deg: rotate(-3deg);
  --aso-type-size-30px: 30px;
  --aso-layout-14px: 14px;
  --aso-layout-30px: 30px;
  --aso-type-letter-spacing-3px: 3px;
  --aso-space-23px-0: 23px 0;
  --aso-type-size-33px: 33px;
  --aso-space-85px-6: 85px 6%;
  --aso-layout-1fr-2fr: 1fr 2fr;
  --aso-space-50px: 50px;
  --aso-layout-580px: 580px;
  --aso-type-size-17px: 17px;
  --aso-layout-1fr-1fr-1fr-1fr: 1fr 1fr 1fr 1fr;
  --aso-space-38px: 38px;
  --aso-space-40px: 40px;
  --aso-type-letter-spacing-1-8px: 1.8px;
  --aso-type-size-32px: 32px;
  --aso-type-line-height-1-1: 1.1;
  --aso-space-15px-0-22px: 15px 0 22px;
  --aso-layout-4px: 4px;
  --aso-layout-45px-1fr-1fr-30px: 45px 1fr 1fr 30px;
  --aso-paint-74766c: #74766c;
  --aso-type-size-34px: 34px;
  --aso-layout-360px: 360px;
  --aso-type-size-26px: 26px;
  --aso-type-weight-400: 400;
  --aso-paint-e4e7d5: #e4e7d5;
  --aso-space-70px-6: 70px 6%;
  --aso-type-size-clamp-47px-7-2vw-100px: clamp(47px,7.2vw,100px);
  --aso-type-line-height-98: .98;
  --aso-space-27px-auto: 27px auto;
  --aso-layout-1000px: 1000px;
  --aso-border-3px: 3px;
  --aso-layout-8px: 8px;
  --aso-layout-repeat-3-1fr: repeat(3,1fr);
  --aso-space-30px-30px-20px-0: 30px 30px 20px 0;
  --aso-type-size-38px: 38px;
  --aso-type-line-height-1-05: 1.05;
  --aso-space-30px-0-20px: 30px 0 20px;
  --aso-layout-280px: 280px;
  --aso-paint-9bb522: #9bb522;
  --aso-space-0-50px: 0 50px;
  --aso-space-20px: 20px;
  --aso-layout-value-134: "+";
  --aso-type-size-20px: 20px;
  --aso-layout-value-136: "−";
  --aso-space-20px-0-0: 20px 0 0;
  --aso-layout-1fr-1fr: 1fr 1fr;
  --aso-space-10: 10%;
  --aso-type-size-85px: 85px;
  --aso-layout-350px: 350px;
  --aso-paint-c4c7bb: #c4c7bb;
  --aso-paint-d8dacd: #d8dacd;
  --aso-layout-100: 100%;
  --aso-border-1px-solid-65695c: 1px solid #65695c;
  --aso-radius-0: 0;
  --aso-border-2px-solid-var-aso-color-accent: 2px solid var(--aso-color-accent);
  --aso-paint-aeb29f: #aeb29f;
  --aso-space-45px-6-25px: 45px 6% 25px;
  --aso-paint-6a6d60: #6a6d60;
  --aso-space-85px-8: 85px 8%;
  --aso-paint-e4e7d8: #e4e7d8;
  --aso-type-size-clamp-65px-8vw-110px: clamp(65px,8vw,110px);
  --aso-layout-650px: 650px;
  --aso-type-size-18px: 18px;
  --aso-layout-820px: 820px;
  --aso-space-55px-30px-80px: 55px 30px 80px;
  --aso-type-size-43px: 43px;
  --aso-type-line-height-1-85: 1.85;
  --aso-space-12px: 12px;
  --aso-layout-1-2fr-1fr: 1.2fr 1fr;
  --aso-paint-dfe3d2: #dfe3d2;
  --aso-space-60px-6-0: 60px 6% 0;
  --aso-space-60px: 60px;
  --aso-layout-540px: 540px;
  --aso-space-28px: 28px;
  --aso-type-size-clamp-55px-7vw-90px: clamp(55px,7vw,90px);
  --aso-layout-850px: 850px;
  --aso-space-10px-0-20px: 10px 0 20px;
  --aso-layout-1800px: 1800px;
  --aso-layout-740px: 740px;
  --aso-space-75px: 75px;
  --aso-space-0-5: 0 5%;
  --aso-layout-80px: 80px;
  --aso-layout-590px: 590px;
  --aso-type-size-7-6vw: 7.6vw;
  --aso-layout-300px: 300px;
  --aso-space-10px: 10px;
  --aso-space-6: 6%;
  --aso-type-size-70px: 70px;
  --aso-layout-85px: 85px;
  --aso-space-15px-5: 15px 5%;
  --aso-type-size-28px: 28px;
  --aso-layout-3: 3;
  --aso-space-38px-6-26px: 38px 6% 26px;
  --aso-type-size-clamp-55px-11-8vw-82px: clamp(55px,11.8vw,82px);
  --aso-type-letter-spacing-1-5px: -1.5px;
  --aso-space-22px-0: 22px 0;
  --aso-layout-390px: 390px;
  --aso-space-0-6: 0 6%;
  --aso-layout-105: 105%;
  --aso-type-size-250px: 250px;
  --aso-layout-15: 15%;
  --aso-layout-18px: 18px;
  --aso-type-size-25px: 25px;
  --aso-space-19px-0: 19px 0;
  --aso-space-55px-6: 55px 6%;
  --aso-layout-1fr: 1fr;
  --aso-space-22px: 22px;
  --aso-layout-25px-1fr-20px: 25px 1fr 20px;
  --aso-space-50px-5: 50px 5%;
  --aso-type-size-12vw: 12vw;
  --aso-space-28px-0: 28px 0;
  --aso-layout-290px: 290px;
  --aso-space-18px-0: 18px 0;
  --aso-layout-35px: 35px;
  --aso-space-20px-0: 20px 0;
  --aso-layout-400px: 400px;
  --aso-space-35px-6: 35px 6%;
  --aso-space-50px-6: 50px 6%;
  --aso-type-size-14vw: 14vw;
  --aso-space-20px-6-50px: 20px 6% 50px;
  --aso-space-45px-6-0: 45px 6% 0;
  --aso-type-size-18vw: 18vw;
  --aso-layout-420px: 420px;
  --aso-space-4px: 4px;
  --aso-layout-640px: 640px;
  --aso-layout-15px: 15px;
  --aso-space-5: 5%;
  --aso-layout-1-3fr-1fr: 1.3fr 1fr;
  --aso-type-size-clamp-60px-7vw-100px: clamp(60px,7vw,100px);
  --aso-layout-550px: 550px;
  --aso-layout-600px: 600px;
  --aso-layout-480px: 480px;
  --aso-layout-530px: 530px;
  --aso-paint-fafaf5: #fafaf5;
  --aso-type-size-clamp-38px-4vw-58px: clamp(38px,4vw,58px);
  --aso-layout-repeat-6-1fr: repeat(6,1fr);
  --aso-layout-135px: 135px;
  --aso-space-16px: 16px;
  --aso-layout-145px: 145px;
  --aso-layout-52px: 52px;
  --aso-paint-585c50: #585c50;
  --aso-paint-fff: #fff;
  --aso-radius-4px: 4px;
  --aso-layout-500px: 500px;
  --aso-space-25px-6-60px: 25px 6% 60px;
  --aso-layout-3px: 3px;
  --aso-layout-1-15fr-1fr: 1.15fr 1fr;
  --aso-type-size-clamp-55px-6-8vw-100px: clamp(55px,6.8vw,100px);
  --aso-space-25px-0: 25px 0;
  --aso-layout-rotate-1deg: rotate(1deg);
  --aso-paint-ink: #171815;
  --aso-layout-1-1: 1/1;
  --aso-space-14px-16px: 14px 16px;
  --aso-type-letter-spacing-1-5px-246: 1.5px;
  --aso-space-16px-0-0: 16px 0 0;
  --aso-space-24px-6: 24px 6%;
  --aso-space-14px-23px: 14px 23px;
  --aso-paint-626858: #626858;
  --aso-type-weight-500: 500;
  --aso-layout-245px: 245px;
  --aso-type-size-clamp-40px-4-6vw-62px: clamp(40px,4.6vw,62px);
  --aso-paint-c5c9b9: #c5c9b9;
  --aso-space-25px-0-0: 25px 0 0;
  --aso-border-1px-solid-626953: 1px solid #626953;
  --aso-layout-value-257: "→";
  --aso-layout-14px-258: -14px;
  --aso-layout-42: 42%;
  --aso-layout-28px: 28px;
  --aso-type-line-height-28px: 28px;
  --aso-space-25px-0-12px: 25px 0 12px;
  --aso-paint-d4d8c9: #d4d8c9;
  --aso-layout-repeat-5-1fr: repeat(5,1fr);
  --aso-layout-1fr-2-5fr: 1fr 2.5fr;
  --aso-space-8: 8%;
  --aso-space-30px-8-60px: 30px 8% 60px;
  --aso-space-65px: 65px;
  --aso-type-size-29px: 29px;
  --aso-type-line-height-1-25: 1.25;
  --aso-space-40px-0: 40px 0;
  --aso-paint-667044: #667044;
  --aso-type-line-height-1-08: 1.08;
  --aso-paint-879b42: #879b42;
  --aso-paint-e5e8dc: #e5e8dc;
  --aso-border-1px-solid-bbc1ad: 1px solid #bbc1ad;
  --aso-layout-750px: 750px;
  --aso-layout-repeat-2-1fr: repeat(2,1fr);
  --aso-space-25px-20px-25px-0: 25px 20px 25px 0;
  --aso-type-letter-spacing-6px: .6px;
  --aso-space-15px-0-0: 15px 0 0;
  --aso-border-1px-solid-727963: 1px solid #727963;
  --aso-space-12px-0-0: 12px 0 0;
  --aso-space-26px: 26px;
  --aso-paint-eff0e7: #eff0e7;
  --aso-space-30px-22px-20px: 30px 22px 20px;
  --aso-radius-28px: 28px;
  --aso-border-6px-solid-3d4432: 6px solid #3d4432;
  --aso-type-line-height-1-04: 1.04;
  --aso-border-1px-solid-d5dbca: 1px solid #d5dbca;
  --aso-radius-12px: 12px;
  --aso-border-1px-solid-e1e5d9: 1px solid #e1e5d9;
  --aso-type-size-27px: 27px;
  --aso-border-1px-solid-7b826a: 1px solid #7b826a;
  --aso-paint-25291f: #25291f;
  --aso-space-35px-0: 35px 0;
  --aso-layout-85px-1fr-140px: 85px 1fr 140px;
  --aso-paint-3f4534: #3f4534;
  --aso-paint-9ba98a: #9ba98a;
  --aso-motion-width-2s: width .2s;
  --aso-layout-repeat-4-1fr: repeat(4,1fr);
  --aso-space-4: 4%;
  --aso-type-size-7vw: 7vw;
  --aso-layout-100px-1fr-1-2fr: 100px 1fr 1.2fr;
  --aso-type-size-37px: 37px;
  --aso-space-23px-15px: 23px 15px;
  --aso-layout-125px: 125px;
  --aso-space-22px-6-40px: 22px 6% 40px;
  --aso-type-size-13vw: 13vw;
  --aso-space-22px-6: 22px 6%;
  --aso-space-12px-20px: 12px 20px;
  --aso-layout-value-312: "↓";
  --aso-layout-calc-50-14px: calc(50% - 14px);
  --aso-space-15px-0-10px: 15px 0 10px;
  --aso-space-15px-6-35px: 15px 6% 35px;
  --aso-type-size-35px: 35px;
  --aso-space-19px: 19px;
  --aso-layout-165px: 165px;
  --aso-type-size-23px: 23px;
  --aso-layout-65px-1fr: 65px 1fr;
  --aso-type-size-65px: 65px;
  --aso-paint-e3e7d5: #e3e7d5;
  --aso-space-0-6-25px: 0 6% 25px;
  --aso-type-line-height-1-9: 1.9;
  --aso-motion-transform-2s: transform .2s;
  --aso-layout-translatey-4px: translateY(-4px);
  --aso-layout-4-3: 4/3;
  --aso-layout-1: 1;
  --aso-type-line-height-1-06: 1.06;
  --aso-space-12px-0-18px: 12px 0 18px;
  --aso-type-line-height-1-75: 1.75;
  --aso-border-1px-solid-656c58: 1px solid #656c58;
  --aso-paint-2d3323: #2d3323;
  --aso-type-size-39px: 39px;
  --aso-space-23px-0-16px: 23px 0 16px;
  --aso-layout-430px: 430px;
  --aso-paint-d3d8c8: #d3d8c8;
  --aso-layout-1fr-1-5fr: 1fr 1.5fr;
  --aso-space-0-8: 0 8%;
  --aso-layout-720px: 720px;
  --aso-layout-760px: 760px;
  --aso-type-size-55px: 55px;
  --aso-space-22px-0-15px: 22px 0 15px;
  --aso-space-0-20px: 0 20px;
  --aso-layout-150px-1fr-80px: 150px 1fr 80px;
  --aso-layout-45px: 45px;
  --aso-paint-343b2c: #343b2c;
  --aso-layout-200px-1fr: 200px 1fr;
  --aso-space-6px: 6px;
  --aso-layout-370px: 370px;
  --aso-space-0-auto-32px: 0 auto 32px;
  --aso-layout-50: 50%;
  --aso-layout-32px: 32px;
  --aso-border-1px-solid-var-aso-color-accent: 1px solid var(--aso-color-accent);
  --aso-space-20px-0-30px: 20px 0 30px;
  --aso-layout-22px: 22px;
  --aso-layout-0-0-22px: 0 0 22px;
  --aso-paint-343d25: #343d25;
  --aso-space-45px: 45px;
  --aso-paint-242a1e: #242a1e;
  --aso-border-1px-solid-79816b: 1px solid #79816b;
  --aso-paint-e7eadf: #e7eadf;
  --aso-layout-25px: 25px;
  --aso-type-line-height-1-8: 1.8;
  --aso-space-20px-0-28px: 20px 0 28px;
  --aso-paint-525d3b: #525d3b;
  --aso-layout-120px-1fr: 120px 1fr;
  --aso-border-5px-solid-var-aso-color-accent: 5px solid var(--aso-color-accent);
  --aso-paint-2a3022: #2a3022;
  --aso-space-8px-0-0: 8px 0 0;
  --aso-type-size-45px: 45px;
  --aso-border-1px-solid-b4bea2: 1px solid #b4bea2;
  --aso-layout-200px: 200px;
  --aso-space-23px: 23px;
  --aso-layout-1fr-60px: 1fr 60px;
  --aso-space-24px: 24px;
  --aso-layout-570px: 570px;
  --aso-space-0-8px: 0 8px;
  --aso-space-9px: 9px;
  --aso-layout-45: .45;
  --aso-border-3px-solid-var-aso-color-accent: 3px solid var(--aso-color-accent);
  --aso-border-4px: 4px;
  --aso-border-5px: 5px;
  --aso-layout-1-1fr-1fr: 1.1fr 1fr;
  --aso-paint-paper: #f2f1e9;
  --aso-border-1px-solid-aeb99a: 1px solid #aeb99a;
  --aso-layout-62px: 62px;
  --aso-space-16px-0: 16px 0;
  --aso-border-1px-solid-var-aso-color-ink: 1px solid var(--aso-color-ink);
  --aso-type-size-clamp-32px-5vw-64px: clamp(32px,5vw,64px);
  --aso-space-12px-0-24px: 12px 0 24px;
  --aso-border-5px-solid-var-aso-color-ink: 5px solid var(--aso-color-ink);
  --aso-border-1px-solid-717566: 1px solid #717566;
  --aso-border-1px-solid-777: 1px solid #777;
  --aso-space-14px: 14px;
  --aso-type-size-22px: 22px;
  --aso-border-4px-solid-var-aso-color-accent: 4px solid var(--aso-color-accent);
  --aso-type-line-height-1-65: 1.65;
  --aso-layout-100px-399: 100px;
  --aso-type-size-1rem: 1rem;
  --aso-layout-44px: 44px;
  --aso-type-size-6875rem: .6875rem;
  --aso-type-letter-spacing-1-3px: 1.3px;
  --aso-layout-48px: 48px;
  --aso-type-line-height-1-5: 1.5;
  --aso-type-letter-spacing-4px: .4px;
  --aso-space-16px-24px: 16px 24px;
  --aso-type-size-1-25rem: 1.25rem;
  --aso-layout-60ch: 60ch;
  --aso-layout-38ch: 38ch;
  --aso-type-letter-spacing-5px: .5px;
  --aso-type-size-clamp-3-25rem-6-2vw-6rem: clamp(3.25rem,6.2vw,6rem);
  --aso-space-8px-12px: 8px 12px;
  --aso-type-letter-spacing-0: 0;
  --aso-type-letter-spacing-3px-415: .3px;
  --aso-type-size-1-0625rem: 1.0625rem;
  --aso-layout-48ch: 48ch;
  --aso-layout-860px: 860px;
  --aso-type-size-1-1875rem: 1.1875rem;
  --aso-layout-70ch: 70ch;
  --aso-type-size-clamp-2rem-3-3vw-2-75rem: clamp(2rem,3.3vw,2.75rem);
  --aso-type-line-height-1-15: 1.15;
  --aso-type-letter-spacing-4px-423: -.4px;
  --aso-space-44px: 44px;
  --aso-type-size-875rem: .875rem;
  --aso-space-8px-24px: 8px 24px;
  --aso-layout-32ch: 32ch;
  --aso-type-size-2-25rem: 2.25rem;
  --aso-type-line-height-1-12: 1.12;
  --aso-paint-46561a: #46561a;
  --aso-paint-34392b: #34392b;
  --aso-paint-e0e4d7: #e0e4d7;
  --aso-type-letter-spacing-2px-433: .2px;
  --aso-layout-85ch: 85ch;
  --aso-layout-180px-1fr-100px: 180px 1fr 100px;
  --aso-paint-dbe0cf: #dbe0cf;
  --aso-type-line-height-1-55: 1.55;
  --aso-layout-64px: 64px;
  --aso-layout-80ch: 80ch;
  --aso-layout-700px: 700px;
  --aso-space-24px-0-36px: 24px 0 36px;
  --aso-paint-fffef8: #fffef8;
  --aso-border-1px-solid-858b77: 1px solid #858b77;
  --aso-radius-2px: 2px;
  --aso-border-3px-solid-657629: 3px solid #657629;
  --aso-space-18px-6-12px: 18px 6% 12px;
  --aso-type-size-625rem: .625rem;
  --aso-space-2px-12px: 2px 12px;
  --aso-type-size-clamp-2-75rem-10-5vw-4-5rem: clamp(2.75rem,10.5vw,4.5rem);
  --aso-type-line-height-1-02: 1.02;
  --aso-space-48px: 48px;
  --aso-space-22px-0-0: 22px 0 0;
  --aso-type-size-2rem: 2rem;
  --aso-space-10px-0: 10px 0;
  --aso-layout-1fr-90px: 1fr 90px;
  --aso-type-size-1-875rem: 1.875rem;
  --aso-layout-620px: 620px;
  --aso-type-size-2-5rem: 2.5rem;
  --aso-type-size-3-5rem: 3.5rem;
  --aso-shadow-none: none;
  --aso-motion-150ms-ease: 150ms ease;
  --aso-chart-ratio-0: 0%;
  --aso-chart-ratio-6: 6%;
  --aso-chart-ratio-20: 20%;
  --aso-chart-ratio-25: 25%;
  --aso-chart-ratio-30: 30%;
  --aso-chart-ratio-30-0: 30.0%;
  --aso-chart-ratio-35: 35%;
  --aso-chart-ratio-40-0: 40.0%;
  --aso-chart-ratio-40: 40%;
  --aso-chart-ratio-50: 50%;
  --aso-chart-ratio-57-14285714285714: 57.14285714285714%;
  --aso-chart-ratio-60: 60%;
  --aso-chart-ratio-60-0: 60.0%;
  --aso-chart-ratio-65: 65%;
  --aso-chart-ratio-70: 70%;
  --aso-chart-ratio-78-57142857142857: 78.57142857142857%;
  --aso-chart-ratio-80: 80%;
  --aso-chart-ratio-100-0: 100.0%;
  --aso-chart-ratio-100: 100%;
  --aso-chart-offset-0: 0%;
  --aso-chart-offset-8: 8%;
  --aso-chart-offset-16: 16%;
  --aso-chart-offset-24: 24%;
  --aso-layout-15px-arial-sans-serif: 15px Arial,sans-serif;
  --aso-space-45px-5-32px: 45px 5% 32px;
  --aso-border-1px-solid-d2d2c8: 1px solid #d2d2c8;
  --aso-type-size-12px: 12px;
  --aso-type-size-clamp-35px-5vw-65px: clamp(35px,5vw,65px);
  --aso-space-25px-0-15px: 25px 0 15px;
  --aso-layout-900px: 900px;
  --aso-type-size-11px: 11px;
  --aso-type-letter-spacing-2px-499: 2px;
  --aso-layer-3: 3;
  --aso-paint-f2f1e9f5: #f2f1e9f5;
  --aso-space-18px-5: 18px 5%;
  --aso-space-12px-15px: 12px 15px;
  --aso-border-1px-solid-999: 1px solid #999;
  --aso-layout-230px: 230px;
  --aso-space-25px-5-60px: 25px 5% 60px;
  --aso-layout-repeat-3-minmax-0-1fr: repeat(3,minmax(0,1fr));
  --aso-paint-faf9f2: #faf9f2;
  --aso-paint-eae9e1: #eae9e1;
  --aso-type-weight-bold: bold;
  --aso-paint-69734e: #69734e;
  --aso-type-line-height-1-2: 1.2;
  --aso-paint-616453: #616453;
  --aso-border-1px-solid-171815: 1px solid #171815;
  --aso-paint-accent: #d7ff3f;
  --aso-border-3px-solid-93ad24: 3px solid #93ad24;
  --aso-space-20px-5-40px: 20px 5% 40px;
  --aso-layout-min-650px-90vw: min(650px,90vw);
  --aso-border-1px-solid-aaa: 1px solid #aaa;
  --aso-layout-170px: 170px;
  --aso-space-15px-0: 15px 0;
  --aso-layout-14px-arial: 14px Arial;
  --aso-space-10px-20px: 10px 20px;
  --aso-paint-0008: #0008;
  --aso-layout-repeat-2-minmax-0-1fr: repeat(2,minmax(0,1fr));
  --aso-heading-leading: 1.3;
  --aso-subheading-size: 1.5rem;
  --aso-playbook-card-flex: 1 1 15rem;
  --aso-playbook-panel-grid: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
  --aso-playbook-concept-grid: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
}
}
@layer aso.components {
/* components/foundation.css */
:where([data-app="aso"]) * {
  box-sizing: border-box;
}

:where(html[data-app="aso"]) {
  scroll-behavior: smooth;
  scroll-padding-top: var(--aso-space-95px);
}

:where([data-app="aso"]) body {
  margin: var(--aso-space-0);
  background: var(--aso-color-paper);
  color: var(--aso-color-ink);
  font-family: var(--aso-font-dm-sans-arial-sans-serif);
  font-size: var(--aso-type-size-16px);
}

:where([data-app="aso"]) a {
  color: inherit;
  text-decoration: none;
}

:where([data-app="aso"]) button,
:where([data-app="aso"]) input,
:where([data-app="aso"]) textarea {
  font: inherit;
}

:where([data-app="aso"]) a,
:where([data-app="aso"]) button,
:where([data-app="aso"]) summary {
  -webkit-tap-highlight-color: transparent;
}

:where([data-app="aso"]) a:focus-visible,
:where([data-app="aso"]) button:focus-visible,
:where([data-app="aso"]) summary:focus-visible {
  outline: var(--aso-border-3px-solid-768d16);
  outline-offset: var(--aso-border-6px);
}

:where([data-app="aso"]) ::selection {
  background: var(--aso-color-accent);
  color: var(--aso-color-ink);
}

:where([data-app="aso"]) header {
  height: var(--aso-layout-95px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--aso-space-0-4-5);
  border-bottom: var(--aso-border-1px-solid-var-aso-color-divider);
  gap: var(--aso-space-25px);
}

:where([data-app="aso"]) .brand {
  font-weight: var(--aso-type-weight-900);
  font-size: var(--aso-type-size-36px);
  line-height: var(--aso-type-line-height-85);
  letter-spacing: var(--aso-type-letter-spacing-2px);
  display: flex;
  flex-direction: column;
}

:where([data-app="aso"]) .brand span {
  font-size: var(--aso-type-size-14px);
  letter-spacing: var(--aso-type-letter-spacing-1-6px);
  margin-top: var(--aso-space-8px);
}

:where([data-app="aso"]) nav {
  display: flex;
  gap: var(--aso-space-33px);
  font-size: var(--aso-type-size-14px);
  font-weight: var(--aso-type-weight-600);
}

:where([data-app="aso"]) nav a:hover,
:where([data-app="aso"]) .text-link:hover {
  color: var(--aso-paint-687a19);
}

:where([data-app="aso"]) .nav-cta {
  font-size: var(--aso-type-size-14px);
  font-weight: var(--aso-type-weight-700);
  border-bottom: var(--aso-border-1px-solid);
  padding: var(--aso-space-12px-0);
  display: flex;
  gap: var(--aso-space-32px);
}

:where([data-app="aso"]) .skip {
  position: absolute;
  top: var(--aso-layout-100px);
  background: var(--aso-color-accent);
  padding: var(--aso-space-15px);
  z-index: var(--aso-layer-10);
}

:where([data-app="aso"]) .skip:focus {
  top: var(--aso-layout-0);
}

:where([data-app="aso"]) .hero {
  display: grid;
  grid-template-columns: var(--aso-layout-1-25fr-1fr);
  min-height: var(--aso-layout-660px);
  overflow: hidden;
}

:where([data-app="aso"]) .hero-copy {
  padding: var(--aso-space-55px-0-25px-7-2);
  position: relative;
  z-index: var(--aso-layer-1);
}

:where([data-app="aso"]) .eyebrow {
  font-size: var(--aso-type-size-14px);
  letter-spacing: var(--aso-type-letter-spacing-1-7px);
  font-weight: var(--aso-type-weight-700);
  line-height: var(--aso-type-line-height-1-6);
  text-transform: uppercase;
}

:where([data-app="aso"]) .eyebrow i {
  display: inline-block;
  width: var(--aso-layout-7px);
  height: var(--aso-layout-7px);
  border-radius: var(--aso-radius-50);
  background: var(--aso-color-ink);
  margin-right: var(--aso-space-8px);
}

:where([data-app="aso"]) h1,
:where([data-app="aso"]) h2,
:where([data-app="aso"]) h3,
:where([data-app="aso"]) p {
  margin-top: var(--aso-space-0);
}

:where([data-app="aso"]) h1,
:where([data-app="aso"]) h2,
:where([data-app="aso"]) h3 {
  font-family: var(--aso-font-barlow-condensed-arial-narrow-impact-sans-serif);
}

:where([data-app="aso"]) h1 {
  font-size: var(--aso-type-size-clamp-65px-7-2vw-112px);
  line-height: var(--aso-type-line-height-91);
  letter-spacing: var(--aso-type-letter-spacing-2px);
  font-weight: var(--aso-type-weight-800);
  margin: var(--aso-space-30px-0);
}

:where([data-app="aso"]) h1 span {
  display: inline-block;
  background: var(--aso-color-accent);
  padding: var(--aso-space-0-8px-7px);
  margin-left: var(--aso-space-8px-49);
  white-space: nowrap;
}

:where([data-app="aso"]) h2 {
  font-size: var(--aso-type-size-clamp-45px-5vw-70px);
  line-height: var(--aso-type-line-height-1);
  letter-spacing: var(--aso-type-letter-spacing-1px);
  font-weight: var(--aso-type-weight-700);
  margin-bottom: var(--aso-space-25px);
}

:where([data-app="aso"]) em {
  font-style: normal;
  color: var(--aso-paint-6b7354);
}

:where([data-app="aso"]) p {
  line-height: var(--aso-type-line-height-1-7);
}

:where([data-app="aso"]) .hero-intro {
  max-width: var(--aso-layout-380px);
  font-size: var(--aso-type-size-16px);
  margin: var(--aso-space-24px-0);
}

:where([data-app="aso"]) .actions {
  display: flex;
  align-items: center;
  gap: var(--aso-space-30px);
  margin: var(--aso-space-28px-0-35px);
}

:where([data-app="aso"]) .button {
  border: var(--aso-border-0);
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--aso-space-35px);
  background: var(--aso-color-ink);
  color: var(--aso-color-paper);
  font-size: var(--aso-type-size-14px);
  font-weight: var(--aso-type-weight-700);
  letter-spacing: var(--aso-type-letter-spacing-8px);
  padding: var(--aso-space-20px-25px);
  cursor: pointer;
  transition: var(--aso-motion-background-2s-transform-2s);
}

:where([data-app="aso"]) .button:hover {
  background: var(--aso-paint-343a22);
  transform: var(--aso-layout-translatey-2px);
}

:where([data-app="aso"]) .button span {
  font-size: var(--aso-type-size-19px);
}

:where([data-app="aso"]) .text-link {
  font-size: var(--aso-type-size-14px);
  font-weight: var(--aso-type-weight-700);
  text-decoration: underline;
  text-underline-offset: var(--aso-layout-5px);
}

:where([data-app="aso"]) .hero-foot {
  font-size: var(--aso-type-size-14px);
  letter-spacing: var(--aso-type-letter-spacing-1-4px);
  display: flex;
  gap: var(--aso-space-18px);
  align-items: center;
}

:where([data-app="aso"]) .hero-foot b {
  font-size: var(--aso-type-size-15px);
}

:where([data-app="aso"]) .portrait {
  background: var(--aso-paint-dcdfd0);
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: flex-end;
}

:where([data-app="aso"]) .portrait:before {
  content: var(--aso-layout-value);
  position: absolute;
  inset: var(--aso-layout-0);
  background-image: var(--aso-paint-linear-gradient-1718150a-1px-transparent-1px-linear-gra);
  background-size: var(--aso-layout-50px-50px);
  z-index: var(--aso-layer-1-75);
}

:where([data-app="aso"]) .portrait img {
  width: var(--aso-layout-116);
  height: auto;
  max-height: var(--aso-layout-630px);
  object-fit: contain;
  position: relative;
  left: var(--aso-layout-8);
  filter: var(--aso-paint-grayscale-1);
  z-index: var(--aso-layer-1);
}

:where([data-app="aso"]) .portrait-word {
  position: absolute;
  top: var(--aso-layout-36px);
  left: var(--aso-layout-8-81);
  font-family: var(--aso-font-barlow-condensed-impact-sans-serif);
  font-size: var(--aso-type-size-clamp-160px-22vw-330px);
  line-height: var(--aso-type-line-height-1);
  font-weight: var(--aso-type-weight-800);
  color: var(--aso-paint-c5cbb5);
  letter-spacing: var(--aso-type-letter-spacing-12px);
}

:where([data-app="aso"]) .portrait-caption {
  position: absolute;
  bottom: var(--aso-layout-26px);
  left: var(--aso-layout-26px);
  right: var(--aso-layout-26px);
  z-index: var(--aso-layer-2);
  background: var(--aso-color-accent);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--aso-space-15px-20px);
  font-size: var(--aso-type-size-14px);
  line-height: var(--aso-type-line-height-1-4);
  letter-spacing: var(--aso-type-letter-spacing-1px-90);
  font-weight: var(--aso-type-weight-700);
  transform: var(--aso-layout-rotate-3deg);
}

:where([data-app="aso"]) .portrait-caption span:last-child {
  font-size: var(--aso-type-size-30px);
}

:where([data-app="aso"]) .portrait-label {
  position: absolute;
  right: var(--aso-layout-14px);
  top: var(--aso-layout-30px);
  writing-mode: vertical-rl;
  font-size: var(--aso-type-size-14px);
  letter-spacing: var(--aso-type-letter-spacing-3px);
}

:where([data-app="aso"]) .ticker {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: var(--aso-space-30px);
  overflow: hidden;
  white-space: nowrap;
  background: var(--aso-color-ink);
  color: var(--aso-color-accent);
  padding: var(--aso-space-23px-0);
  font-family: var(--aso-font-barlow-condensed-impact-sans-serif);
  font-size: var(--aso-type-size-33px);
  font-weight: var(--aso-type-weight-700);
}

:where([data-app="aso"]) .ticker b {
  font-size: var(--aso-type-size-33px);
}

:where([data-app="aso"]) .section {
  padding: var(--aso-space-85px-6);
}

:where([data-app="aso"]) .intro {
  display: grid;
  grid-template-columns: var(--aso-layout-1fr-2fr);
  gap: var(--aso-space-50px);
}

:where([data-app="aso"]) .intro>div {
  max-width: var(--aso-layout-660px);
}

:where([data-app="aso"]) .intro p:not(.eyebrow) {
  max-width: var(--aso-layout-580px);
  font-size: var(--aso-type-size-17px);
}

:where([data-app="aso"]) .proof {
  border-top: var(--aso-border-1px-solid-var-aso-color-divider);
  border-bottom: var(--aso-border-1px-solid-var-aso-color-divider);
  display: grid;
  grid-template-columns: var(--aso-layout-1fr-1fr-1fr-1fr);
  gap: var(--aso-space-35px);
  padding-top: var(--aso-space-38px);
  padding-bottom: var(--aso-space-40px);
}

:where([data-app="aso"]) .proof div {
  border-left: var(--aso-border-1px-solid-var-aso-color-divider);
  padding-left: var(--aso-space-30px);
}

:where([data-app="aso"]) .proof span {
  font-size: var(--aso-type-size-14px);
  letter-spacing: var(--aso-type-letter-spacing-1-8px);
}

:where([data-app="aso"]) .proof h3 {
  font-size: var(--aso-type-size-32px);
  line-height: var(--aso-type-line-height-1-1);
  margin: var(--aso-space-15px-0-22px);
}

:where([data-app="aso"]) .proof a {
  font-size: var(--aso-type-size-14px);
  text-decoration: underline;
  text-underline-offset: var(--aso-layout-4px);
}

:where([data-app="aso"]) .section-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--aso-space-30px);
  margin-bottom: var(--aso-space-35px);
}

:where([data-app="aso"]) .section-heading p {
  font-size: var(--aso-type-size-14px);
}

:where([data-app="aso"]) .service-row {
  display: grid;
  grid-template-columns: var(--aso-layout-45px-1fr-1fr-30px);
  gap: var(--aso-space-30px);
  align-items: center;
  border-top: var(--aso-border-1px-solid-var-aso-color-divider);
  padding: var(--aso-space-30px-0);
}

:where([data-app="aso"]) .service-row:last-child {
  border-bottom: var(--aso-border-1px-solid-var-aso-color-divider);
}

:where([data-app="aso"]) .service-row>span {
  font-size: var(--aso-type-size-14px);
  color: var(--aso-paint-74766c);
}

:where([data-app="aso"]) .service-row h3 {
  font-size: var(--aso-type-size-34px);
  margin: var(--aso-space-0);
}

:where([data-app="aso"]) .service-row p {
  font-size: var(--aso-type-size-14px);
  max-width: var(--aso-layout-360px);
  margin: var(--aso-space-0);
}

:where([data-app="aso"]) .service-row b {
  font-size: var(--aso-type-size-26px);
  font-weight: var(--aso-type-weight-400);
}

:where([data-app="aso"]) .service-row:hover {
  background: var(--aso-paint-e4e7d5);
}

:where([data-app="aso"]) .manifesto {
  background: var(--aso-color-accent);
  padding: var(--aso-space-70px-6);
  text-align: center;
}

:where([data-app="aso"]) .manifesto h2 {
  font-size: var(--aso-type-size-clamp-47px-7-2vw-100px);
  line-height: var(--aso-type-line-height-98);
  margin: var(--aso-space-27px-auto);
  max-width: var(--aso-layout-1000px);
  font-weight: var(--aso-type-weight-800);
}

:where([data-app="aso"]) .manifesto em {
  color: var(--aso-color-ink);
  text-decoration: underline;
  text-decoration-thickness: var(--aso-border-3px);
  text-underline-offset: var(--aso-layout-8px);
}

:where([data-app="aso"]) .manifesto>p:last-child {
  font-size: var(--aso-type-size-14px);
}

:where([data-app="aso"]) .articles {
  display: grid;
  grid-template-columns: var(--aso-layout-repeat-3-1fr);
  border-top: var(--aso-border-1px-solid-var-aso-color-divider);
}

:where([data-app="aso"]) .articles>a {
  padding: var(--aso-space-30px-30px-20px-0);
  display: flex;
  flex-direction: column;
  border-right: var(--aso-border-1px-solid-var-aso-color-divider);
}

:where([data-app="aso"]) .articles>a+a {
  padding-left: var(--aso-space-30px);
}

:where([data-app="aso"]) .articles>a:last-child {
  border: var(--aso-border-0);
}

:where([data-app="aso"]) .articles h3 {
  font-size: var(--aso-type-size-38px);
  line-height: var(--aso-type-line-height-1-05);
  margin: var(--aso-space-30px-0-20px);
}

:where([data-app="aso"]) .articles p {
  font-size: var(--aso-type-size-14px);
  max-width: var(--aso-layout-280px);
}

:where([data-app="aso"]) .article-arrow {
  margin-top: auto;
  font-size: var(--aso-type-size-30px);
}

:where([data-app="aso"]) .articles a:hover h3 {
  text-decoration: underline;
  text-decoration-color: var(--aso-paint-9bb522);
  text-underline-offset: var(--aso-layout-5px);
}

:where([data-app="aso"]) .faq {
  border-top: var(--aso-border-1px-solid-var-aso-color-divider);
  display: grid;
  grid-template-columns: var(--aso-layout-1fr-2fr);
  gap: var(--aso-space-0-50px);
}

:where([data-app="aso"]) .faq>h2 {
  grid-column: 1;
  grid-row: 2/6;
}

:where([data-app="aso"]) .faq>.eyebrow {
  grid-column: 1/-1;
}

:where([data-app="aso"]) .faq details {
  grid-column: 2;
  padding: var(--aso-space-23px-0);
  border-bottom: var(--aso-border-1px-solid-var-aso-color-divider);
}

:where([data-app="aso"]) summary {
  cursor: pointer;
  list-style: none;
  font-size: var(--aso-type-size-15px);
  font-weight: var(--aso-type-weight-600);
  display: flex;
  justify-content: space-between;
  gap: var(--aso-space-20px);
}

:where([data-app="aso"]) summary:after {
  content: var(--aso-layout-value-134);
  font-size: var(--aso-type-size-20px);
}

:where([data-app="aso"]) details[open] summary:after {
  content: var(--aso-layout-value-136);
}

:where([data-app="aso"]) details p {
  font-size: var(--aso-type-size-14px);
  margin: var(--aso-space-20px-0-0);
}

:where([data-app="aso"]) summary::-webkit-details-marker {
  display: none;
}

:where([data-app="aso"]) .contact {
  background: var(--aso-color-ink);
  color: var(--aso-color-paper);
  padding: var(--aso-space-85px-6);
  display: grid;
  grid-template-columns: var(--aso-layout-1fr-1fr);
  gap: var(--aso-space-10);
}

:where([data-app="aso"]) .contact h2 {
  font-size: var(--aso-type-size-85px);
}

:where([data-app="aso"]) .contact em {
  color: var(--aso-color-accent);
}

:where([data-app="aso"]) .contact>div>p:not(.eyebrow) {
  max-width: var(--aso-layout-350px);
  font-size: var(--aso-type-size-14px);
  color: var(--aso-paint-c4c7bb);
}

:where([data-app="aso"]) .contact .text-link {
  color: var(--aso-paint-c4c7bb);
}

:where([data-app="aso"]) form {
  display: grid;
  gap: var(--aso-space-20px);
}

:where([data-app="aso"]) label {
  display: grid;
  gap: var(--aso-space-8px);
  font-size: var(--aso-type-size-14px);
  color: var(--aso-paint-d8dacd);
}

:where([data-app="aso"]) input,
:where([data-app="aso"]) textarea {
  color: var(--aso-color-paper);
  width: var(--aso-layout-100);
  padding: var(--aso-space-12px-0);
  background: transparent;
  border: var(--aso-border-0);
  border-bottom: var(--aso-border-1px-solid-65695c);
  border-radius: var(--aso-radius-0);
  font-size: var(--aso-type-size-14px);
}

:where([data-app="aso"]) input:focus,
:where([data-app="aso"]) textarea:focus {
  outline: none;
  border-bottom: var(--aso-border-2px-solid-var-aso-color-accent);
}

:where([data-app="aso"]) textarea {
  resize: vertical;
}

:where([data-app="aso"]) form .button {
  background: var(--aso-color-accent);
  color: var(--aso-color-ink);
}

:where([data-app="aso"]) .form-note {
  font-size: var(--aso-type-size-14px);
  color: var(--aso-paint-aeb29f);
  margin: var(--aso-space-0);
}

:where([data-app="aso"]) footer {
  padding: var(--aso-space-45px-6-25px);
  display: grid;
  grid-template-columns: var(--aso-layout-1fr-1fr);
  gap: var(--aso-space-25px);
}

:where([data-app="aso"]) footer p {
  font-size: var(--aso-type-size-14px);
  text-align: right;
}

:where([data-app="aso"]) footer>div {
  display: flex;
  gap: var(--aso-space-25px);
  font-size: var(--aso-type-size-14px);
}

:where([data-app="aso"]) footer small {
  font-size: var(--aso-type-size-14px);
  text-align: right;
  color: var(--aso-paint-6a6d60);
}

:where([data-app="aso"]) .page-hero {
  padding: var(--aso-space-85px-8);
  background: var(--aso-paint-e4e7d8);
  border-bottom: var(--aso-border-1px-solid-var-aso-color-divider);
}

:where([data-app="aso"]) .page-hero h1 {
  font-size: var(--aso-type-size-clamp-65px-8vw-110px);
  max-width: var(--aso-layout-1000px);
}

:where([data-app="aso"]) .page-hero>p:not(.eyebrow) {
  max-width: var(--aso-layout-650px);
  font-size: var(--aso-type-size-18px);
}

:where([data-app="aso"]) .page-hero .button {
  margin-top: var(--aso-space-15px);
}

:where([data-app="aso"]) .reading {
  max-width: var(--aso-layout-820px);
  padding: var(--aso-space-55px-30px-80px);
  margin: auto;
}

:where([data-app="aso"]) .reading section {
  padding: var(--aso-space-30px-0);
  border-bottom: var(--aso-border-1px-solid-var-aso-color-divider);
  scroll-margin-top: var(--aso-space-30px);
}

:where([data-app="aso"]) .reading h2 {
  font-size: var(--aso-type-size-43px);
}

:where([data-app="aso"]) .reading p,
:where([data-app="aso"]) .reading li {
  font-size: var(--aso-type-size-16px);
  line-height: var(--aso-type-line-height-1-85);
}

:where([data-app="aso"]) .reading li {
  margin-bottom: var(--aso-space-12px);
}

:where([data-app="aso"]) .reading a:not(.button) {
  text-decoration: underline;
  text-underline-offset: var(--aso-layout-4px);
}

:where([data-app="aso"]) .about-hero {
  display: grid;
  grid-template-columns: var(--aso-layout-1-2fr-1fr);
  background: var(--aso-paint-dfe3d2);
  align-items: center;
  padding: var(--aso-space-60px-6-0);
}

:where([data-app="aso"]) .about-hero>div {
  padding-bottom: var(--aso-space-60px);
}

:where([data-app="aso"]) .about-hero p {
  max-width: var(--aso-layout-540px);
}

:where([data-app="aso"]) .about-hero img {
  width: var(--aso-layout-100);
  height: auto;
  filter: var(--aso-paint-grayscale-1);
  align-self: end;
}

:where([data-app="aso"]) .byline {
  display: block;
  margin-top: var(--aso-space-28px);
  font-size: var(--aso-type-size-14px);
  letter-spacing: var(--aso-type-letter-spacing-1px-90);
}

:where([data-app="aso"]) .article-hero h1 {
  font-size: var(--aso-type-size-clamp-55px-7vw-90px);
  text-transform: uppercase;
  max-width: var(--aso-layout-850px);
}

:where([data-app="aso"]) .article-end .button {
  margin: var(--aso-space-10px-0-20px);
}

@media (min-width: 1600px) {
:where([data-app="aso"]) body {
  max-width: var(--aso-layout-1800px);
  margin: auto;
}

:where([data-app="aso"]) .hero {
  min-height: var(--aso-layout-740px);
}

:where([data-app="aso"]) .portrait img {
  max-height: var(--aso-layout-740px);
}

:where([data-app="aso"]) .hero-copy {
  padding-top: var(--aso-space-75px);
}
}

@media (max-width: 1000px) {
:where([data-app="aso"]) header {
  padding: var(--aso-space-0-5);
  height: var(--aso-layout-80px);
}

:where([data-app="aso"]) .hero {
  min-height: var(--aso-layout-590px);
}

:where([data-app="aso"]) .hero-copy {
  padding-top: var(--aso-space-40px);
}

:where([data-app="aso"]) .hero h1 {
  font-size: var(--aso-type-size-7-6vw);
}

:where([data-app="aso"]) .hero-intro {
  max-width: var(--aso-layout-300px);
  font-size: var(--aso-type-size-14px);
}

:where([data-app="aso"]) .actions {
  gap: var(--aso-space-18px);
}

:where([data-app="aso"]) .hero-foot {
  font-size: var(--aso-type-size-14px);
  gap: var(--aso-space-10px);
}

:where([data-app="aso"]) .proof {
  grid-template-columns: var(--aso-layout-repeat-3-1fr);
}

:where([data-app="aso"]) .proof>.eyebrow {
  grid-column: 1/-1;
}

:where([data-app="aso"]) .proof div:first-of-type {
  border: var(--aso-border-0);
  padding-left: var(--aso-space-0);
}

:where([data-app="aso"]) .contact {
  gap: var(--aso-space-6);
}

:where([data-app="aso"]) .contact h2 {
  font-size: var(--aso-type-size-70px);
}
}

@media (max-width: 700px) {
:where([data-app="aso"]) header {
  height: var(--aso-layout-85px);
  gap: var(--aso-space-15px);
  flex-wrap: wrap;
  padding: var(--aso-space-15px-5);
}

:where([data-app="aso"]) .brand {
  font-size: var(--aso-type-size-28px);
}

:where([data-app="aso"]) .brand span {
  font-size: var(--aso-type-size-14px);
}

:where([data-app="aso"]) nav {
  order: var(--aso-layout-3);
  width: var(--aso-layout-100);
  justify-content: space-between;
  gap: var(--aso-space-20px);
  font-size: var(--aso-type-size-14px);
}

:where([data-app="aso"]) .nav-cta {
  font-size: var(--aso-type-size-14px);
  padding: var(--aso-space-0);
  gap: var(--aso-space-20px);
}

:where([data-app="aso"]) .hero {
  display: flex;
  flex-direction: column;
}

:where([data-app="aso"]) .hero-copy {
  padding: var(--aso-space-38px-6-26px);
}

:where([data-app="aso"]) .eyebrow {
  font-size: var(--aso-type-size-14px);
}

:where([data-app="aso"]) .hero h1 {
  font-size: var(--aso-type-size-clamp-55px-11-8vw-82px);
  letter-spacing: var(--aso-type-letter-spacing-1-5px);
  margin: var(--aso-space-23px-0);
}

:where([data-app="aso"]) .hero-intro {
  max-width: var(--aso-layout-360px);
  font-size: var(--aso-type-size-14px);
}

:where([data-app="aso"]) .actions {
  margin: var(--aso-space-22px-0);
}

:where([data-app="aso"]) .hero-foot {
  font-size: var(--aso-type-size-14px);
  gap: var(--aso-space-12px);
}

:where([data-app="aso"]) .portrait {
  height: var(--aso-layout-390px);
  margin: var(--aso-space-0-6);
}

:where([data-app="aso"]) .portrait img {
  height: var(--aso-layout-105);
  width: var(--aso-layout-100);
  object-fit: contain;
  left: var(--aso-layout-0);
}

:where([data-app="aso"]) .portrait-word {
  font-size: var(--aso-type-size-250px);
  top: var(--aso-layout-0);
  left: var(--aso-layout-15);
}

:where([data-app="aso"]) .portrait-caption {
  bottom: var(--aso-layout-18px);
  font-size: var(--aso-type-size-14px);
}

:where([data-app="aso"]) .ticker {
  font-size: var(--aso-type-size-25px);
  padding: var(--aso-space-19px-0);
  margin-top: var(--aso-space-25px);
  justify-content: flex-start;
  padding-left: var(--aso-space-20px);
}

:where([data-app="aso"]) .ticker span:last-child {
  display: none;
}

:where([data-app="aso"]) .section {
  padding: var(--aso-space-55px-6);
}

:where([data-app="aso"]) .intro {
  grid-template-columns: var(--aso-layout-1fr);
  gap: var(--aso-space-15px);
}

:where([data-app="aso"]) .intro p:not(.eyebrow) {
  font-size: var(--aso-type-size-15px);
}

:where([data-app="aso"]) .proof {
  padding-top: var(--aso-space-30px);
  padding-bottom: var(--aso-space-30px);
  gap: var(--aso-space-22px);
}

:where([data-app="aso"]) .proof h3 {
  font-size: var(--aso-type-size-25px);
}

:where([data-app="aso"]) .proof div {
  padding-left: var(--aso-space-12px);
}

:where([data-app="aso"]) .proof a {
  font-size: var(--aso-type-size-14px);
  line-height: var(--aso-type-line-height-1-7);
  display: block;
}

:where([data-app="aso"]) .proof span {
  font-size: var(--aso-type-size-14px);
}

:where([data-app="aso"]) .section-heading {
  align-items: flex-start;
  flex-direction: column;
  gap: var(--aso-space-0);
}

:where([data-app="aso"]) .section-heading h2 {
  margin-bottom: var(--aso-space-15px);
}

:where([data-app="aso"]) .service-row {
  grid-template-columns: var(--aso-layout-25px-1fr-20px);
  gap: var(--aso-space-10px);
  padding: var(--aso-space-24px-0);
}

:where([data-app="aso"]) .service-row h3 {
  font-size: var(--aso-type-size-30px);
}

:where([data-app="aso"]) .service-row p {
  grid-column: 2;
  grid-row: 2;
  font-size: var(--aso-type-size-14px);
}

:where([data-app="aso"]) .service-row b {
  grid-column: 3;
  grid-row: 1;
}

:where([data-app="aso"]) .manifesto {
  padding: var(--aso-space-50px-5);
}

:where([data-app="aso"]) .manifesto h2 {
  font-size: var(--aso-type-size-12vw);
}

:where([data-app="aso"]) .articles {
  grid-template-columns: var(--aso-layout-1fr);
}

:where([data-app="aso"]) .articles>a,
:where([data-app="aso"]) .articles>a+a {
  padding: var(--aso-space-28px-0);
  border: var(--aso-border-0);
  border-bottom: var(--aso-border-1px-solid-var-aso-color-divider);
  position: relative;
}

:where([data-app="aso"]) .articles h3 {
  font-size: var(--aso-type-size-36px);
  max-width: var(--aso-layout-290px);
  margin: var(--aso-space-18px-0);
}

:where([data-app="aso"]) .articles p {
  max-width: var(--aso-layout-300px);
  padding-right: var(--aso-space-10px);
}

:where([data-app="aso"]) .article-arrow {
  position: absolute;
  right: var(--aso-layout-5px);
  bottom: var(--aso-layout-35px);
}

:where([data-app="aso"]) .faq {
  display: block;
}

:where([data-app="aso"]) .faq details {
  padding: var(--aso-space-20px-0);
}

:where([data-app="aso"]) summary {
  font-size: var(--aso-type-size-14px);
}

:where([data-app="aso"]) .contact {
  padding: var(--aso-space-55px-6);
  grid-template-columns: var(--aso-layout-1fr);
  gap: var(--aso-space-35px);
}

:where([data-app="aso"]) .contact h2 {
  font-size: var(--aso-type-size-70px);
}

:where([data-app="aso"]) .contact>div>p:not(.eyebrow) {
  max-width: var(--aso-layout-400px);
}

:where([data-app="aso"]) .contact form {
  gap: var(--aso-space-20px);
}

:where([data-app="aso"]) footer {
  grid-template-columns: var(--aso-layout-1fr);
  padding: var(--aso-space-35px-6);
  gap: var(--aso-space-20px);
}

:where([data-app="aso"]) footer p,
:where([data-app="aso"]) footer small {
  text-align: left;
  margin: var(--aso-space-0);
}

:where([data-app="aso"]) .page-hero {
  padding: var(--aso-space-50px-6);
}

:where([data-app="aso"]) .page-hero h1 {
  font-size: var(--aso-type-size-14vw);
  letter-spacing: var(--aso-type-letter-spacing-1px);
}

:where([data-app="aso"]) .page-hero>p:not(.eyebrow) {
  font-size: var(--aso-type-size-16px);
}

:where([data-app="aso"]) .reading {
  padding: var(--aso-space-20px-6-50px);
}

:where([data-app="aso"]) .reading h2 {
  font-size: var(--aso-type-size-36px);
}

:where([data-app="aso"]) .reading p,
:where([data-app="aso"]) .reading li {
  font-size: var(--aso-type-size-15px);
}

:where([data-app="aso"]) .about-hero {
  grid-template-columns: var(--aso-layout-1fr);
  padding: var(--aso-space-45px-6-0);
}

:where([data-app="aso"]) .about-hero h1 {
  font-size: var(--aso-type-size-18vw);
}

:where([data-app="aso"]) .about-hero>div {
  padding-bottom: var(--aso-space-10px);
}

:where([data-app="aso"]) .about-hero img {
  max-height: var(--aso-layout-420px);
  object-fit: contain;
}

:where([data-app="aso"]) .article-hero h1 {
  font-size: var(--aso-type-size-14vw);
}
}

@media (prefers-reduced-motion:reduce) {
:where(html[data-app="aso"]) {
  scroll-behavior: auto;
}

:where([data-app="aso"]) * {
  transition: none !important;
}
}

@media (max-width: 700px) {
:where([data-app="aso"]) .hero h1 span {
  margin-left: var(--aso-space-0);
  padding-left: var(--aso-space-4px);
  padding-right: var(--aso-space-4px);
}

:where([data-app="aso"]) .portrait {
  overflow: hidden;
}
}

:where([data-app="aso"]) .portrait img {
  width: var(--aso-layout-100);
  left: var(--aso-layout-0);
  height: var(--aso-layout-640px);
  max-height: none;
  object-fit: contain;
  object-position: center bottom;
  filter: none;
}

:where([data-app="aso"]) .portrait-word {
  top: var(--aso-layout-15px);
}

:where([data-app="aso"]) .portrait-caption {
  bottom: var(--aso-layout-15px);
}

:where([data-app="aso"]) .about-hero {
  gap: var(--aso-space-5);
  padding-bottom: var(--aso-space-60px);
}

:where([data-app="aso"]) .about-hero img {
  filter: none;
  max-height: var(--aso-layout-660px);
  object-fit: contain;
}

:where([data-app="aso"]) .insights-hero {
  display: grid;
  grid-template-columns: var(--aso-layout-1-3fr-1fr);
  gap: var(--aso-space-6);
  align-items: center;
  padding-top: var(--aso-space-50px);
  padding-bottom: var(--aso-space-50px);
}

:where([data-app="aso"]) .insights-hero h1 {
  font-size: var(--aso-type-size-clamp-60px-7vw-100px);
}

:where([data-app="aso"]) .insights-hero p {
  max-width: var(--aso-layout-550px);
}

:where([data-app="aso"]) .insights-hero img {
  width: var(--aso-layout-100);
  height: auto;
  max-height: var(--aso-layout-600px);
  object-fit: contain;
}

:where([data-app="aso"]) .insights-hero>div {
  min-width: var(--aso-layout-0);
}

@media (max-width: 1000px) {
:where([data-app="aso"]) .portrait img {
  height: var(--aso-layout-590px);
}
}

@media (max-width: 700px) {
:where([data-app="aso"]) .portrait {
  height: var(--aso-layout-480px);
}

:where([data-app="aso"]) .portrait img {
  height: var(--aso-layout-100);
  width: var(--aso-layout-100);
}

:where([data-app="aso"]) .about-hero {
  padding-bottom: var(--aso-space-35px);
}

:where([data-app="aso"]) .about-hero img {
  max-height: none;
  width: var(--aso-layout-100);
}

:where([data-app="aso"]) .insights-hero {
  grid-template-columns: var(--aso-layout-1fr);
  gap: var(--aso-space-25px);
}

:where([data-app="aso"]) .insights-hero h1 {
  font-size: var(--aso-type-size-14vw);
}

:where([data-app="aso"]) .insights-hero img {
  max-height: var(--aso-layout-530px);
}
}

:where([data-app="aso"]) .client-section {
  background: var(--aso-paint-fafaf5);
  border-top: var(--aso-border-1px-solid-var-aso-color-divider);
  border-bottom: var(--aso-border-1px-solid-var-aso-color-divider);
}

:where([data-app="aso"]) .client-section h2 {
  font-size: var(--aso-type-size-clamp-38px-4vw-58px);
}

:where([data-app="aso"]) .client-grid {
  display: grid;
  grid-template-columns: var(--aso-layout-repeat-6-1fr);
  border-top: var(--aso-border-1px-solid-var-aso-color-divider);
  border-left: var(--aso-border-1px-solid-var-aso-color-divider);
}

:where([data-app="aso"]) .client-logo {
  min-width: var(--aso-layout-0);
  min-height: var(--aso-layout-135px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--aso-space-16px);
  padding: var(--aso-space-22px);
  border-right: var(--aso-border-1px-solid-var-aso-color-divider);
  border-bottom: var(--aso-border-1px-solid-var-aso-color-divider);
}

:where([data-app="aso"]) .client-logo img {
  width: var(--aso-layout-100);
  max-width: var(--aso-layout-145px);
  height: var(--aso-layout-52px);
  object-fit: contain;
  filter: var(--aso-paint-grayscale-1);
}

:where([data-app="aso"]) .client-logo span {
  font-size: var(--aso-type-size-14px);
  text-align: center;
  color: var(--aso-paint-585c50);
}

:where([data-app="aso"]) .client-logo:last-child {
  grid-column: span 2;
}

:where([data-app="aso"]) .paperform-panel {
  background: var(--aso-paint-fff);
  color: var(--aso-color-ink);
  padding: var(--aso-space-15px);
  min-height: var(--aso-layout-540px);
  border-radius: var(--aso-radius-4px);
  min-width: var(--aso-layout-0);
}

:where([data-app="aso"]) .paperform-panel>div {
  min-height: var(--aso-layout-500px);
}

:where([data-app="aso"]) .form-disclosure {
  font-size: var(--aso-type-size-14px) !important;
  margin-top: var(--aso-space-20px);
}

:where([data-app="aso"]) .contact-context {
  margin-bottom: var(--aso-space-25px);
}

:where([data-app="aso"]) .commercial-hero {
  background: var(--aso-paint-e4e7d8);
  padding: var(--aso-space-25px-6-60px);
}

:where([data-app="aso"]) .breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--aso-space-10px);
  font-size: var(--aso-type-size-14px);
  margin-bottom: var(--aso-space-32px);
  line-height: var(--aso-type-line-height-1-6);
}

:where([data-app="aso"]) .breadcrumbs a {
  text-decoration: underline;
  text-underline-offset: var(--aso-layout-3px);
}

:where([data-app="aso"]) .commercial-grid {
  display: grid;
  grid-template-columns: var(--aso-layout-1-15fr-1fr);
  gap: var(--aso-space-6);
  align-items: center;
}

:where([data-app="aso"]) .commercial-grid>div {
  min-width: var(--aso-layout-0);
}

:where([data-app="aso"]) .commercial-grid h1 {
  font-size: var(--aso-type-size-clamp-55px-6-8vw-100px);
  line-height: var(--aso-type-line-height-98);
  margin: var(--aso-space-25px-0);
}

:where([data-app="aso"]) .commercial-intro {
  max-width: var(--aso-layout-590px);
  font-size: var(--aso-type-size-18px);
}

:where([data-app="aso"]) .commercial-grid figure {
  margin: var(--aso-space-0);
  transform: var(--aso-layout-rotate-1deg);
  background: var(--aso-paint-ink);
}

:where([data-app="aso"]) .commercial-grid figure img {
  width: var(--aso-layout-100);
  height: auto;
  aspect-ratio: var(--aso-layout-1-1);
  object-fit: cover;
  display: block;
}

:where([data-app="aso"]) .commercial-grid figcaption {
  padding: var(--aso-space-14px-16px);
  color: var(--aso-color-accent);
  font-size: var(--aso-type-size-14px);
  letter-spacing: var(--aso-type-letter-spacing-1-5px-246);
}

:where([data-app="aso"]) .hero-note {
  font-size: var(--aso-type-size-14px);
  margin: var(--aso-space-16px-0-0);
}

:where([data-app="aso"]) .page-toc {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: var(--aso-space-24px-6);
  gap: var(--aso-space-14px-23px);
  background: var(--aso-paint-fafaf5);
  border-block: var(--aso-border-1px-solid-var-aso-color-divider);
  font-size: var(--aso-type-size-14px);
}

:where([data-app="aso"]) .page-toc>span {
  font-size: var(--aso-type-size-14px);
  letter-spacing: var(--aso-type-letter-spacing-1px-90);
  color: var(--aso-paint-626858);
}

:where([data-app="aso"]) .page-toc a {
  font-weight: var(--aso-type-weight-500);
  text-decoration: underline;
  text-underline-offset: var(--aso-layout-4px);
  max-width: var(--aso-layout-245px);
}

:where([data-app="aso"]) .visual-section {
  background: var(--aso-color-ink);
  color: var(--aso-color-paper);
}

:where([data-app="aso"]) .visual-section h2 {
  max-width: var(--aso-layout-850px);
  font-size: var(--aso-type-size-clamp-40px-4-6vw-62px);
  margin-bottom: var(--aso-space-40px);
}

:where([data-app="aso"]) .visual-note {
  font-size: var(--aso-type-size-14px);
  color: var(--aso-paint-c5c9b9);
  margin: var(--aso-space-25px-0-0);
}

:where([data-app="aso"]) .flow {
  display: grid;
  grid-template-columns: var(--aso-layout-repeat-3-1fr);
  border: var(--aso-border-1px-solid-626953);
}

:where([data-app="aso"]) .flow>div {
  padding: var(--aso-space-32px);
  border-right: var(--aso-border-1px-solid-626953);
  position: relative;
}

:where([data-app="aso"]) .flow>div:last-child {
  border: var(--aso-border-0);
}

:where([data-app="aso"]) .flow>div:not(:last-child):after {
  content: var(--aso-layout-value-257);
  position: absolute;
  right: var(--aso-layout-14px-258);
  top: var(--aso-layout-42);
  background: var(--aso-color-accent);
  color: var(--aso-color-ink);
  border-radius: var(--aso-radius-50);
  width: var(--aso-layout-28px);
  height: var(--aso-layout-28px);
  text-align: center;
  line-height: var(--aso-type-line-height-28px);
  z-index: var(--aso-layer-1);
}

:where([data-app="aso"]) .flow span {
  font-size: var(--aso-type-size-14px);
  letter-spacing: var(--aso-type-letter-spacing-1px-90);
  color: var(--aso-color-accent);
}

:where([data-app="aso"]) .flow h3 {
  font-size: var(--aso-type-size-36px);
  margin: var(--aso-space-25px-0-12px);
}

:where([data-app="aso"]) .flow p {
  font-size: var(--aso-type-size-14px);
  color: var(--aso-paint-d4d8c9);
  margin: var(--aso-space-0);
}

:where([data-app="aso"]) .flow-process {
  grid-template-columns: var(--aso-layout-repeat-5-1fr);
}

:where([data-app="aso"]) .flow-process>div {
  padding: var(--aso-space-22px);
}

:where([data-app="aso"]) .flow-process h3 {
  font-size: var(--aso-type-size-30px);
}

:where([data-app="aso"]) .flow-process p {
  font-size: var(--aso-type-size-14px);
}

:where([data-app="aso"]) .editorial-layout {
  display: grid;
  grid-template-columns: var(--aso-layout-1fr-2-5fr);
  gap: var(--aso-space-8);
  padding: var(--aso-space-30px-8-60px);
}

:where([data-app="aso"]) .editorial-layout aside {
  padding-top: var(--aso-space-65px);
}

:where([data-app="aso"]) .editorial-layout aside>p:not(.eyebrow) {
  font-family: var(--aso-font-barlow-condensed-impact-sans-serif);
  font-size: var(--aso-type-size-29px);
  line-height: var(--aso-type-line-height-1-25);
}

:where([data-app="aso"]) .editorial-layout article {
  min-width: var(--aso-layout-0);
  max-width: var(--aso-layout-820px);
}

:where([data-app="aso"]) .editorial-layout article section {
  padding: var(--aso-space-40px-0);
  border-bottom: var(--aso-border-1px-solid-var-aso-color-divider);
}

:where([data-app="aso"]) .section-num {
  display: block;
  font-size: var(--aso-type-size-14px);
  color: var(--aso-paint-667044);
  margin-bottom: var(--aso-space-15px);
}

:where([data-app="aso"]) .editorial-layout h2 {
  font-size: var(--aso-type-size-43px);
  line-height: var(--aso-type-line-height-1-08);
}

:where([data-app="aso"]) .editorial-layout p {
  font-size: var(--aso-type-size-16px);
  line-height: var(--aso-type-line-height-1-85);
}

:where([data-app="aso"]) .editorial-layout a:not(.button) {
  text-decoration: underline;
  text-underline-offset: var(--aso-layout-4px);
  text-decoration-color: var(--aso-paint-879b42);
}

:where([data-app="aso"]) .commercial-faq {
  background: var(--aso-paint-e5e8dc);
}

:where([data-app="aso"]) .commercial-faq details {
  max-width: var(--aso-layout-850px);
  border-bottom: var(--aso-border-1px-solid-bbc1ad);
  padding: var(--aso-space-24px-0);
}

:where([data-app="aso"]) .commercial-faq p {
  max-width: var(--aso-layout-750px);
}

:where([data-app="aso"]) .related>div {
  display: grid;
  grid-template-columns: var(--aso-layout-repeat-2-1fr);
  border-top: var(--aso-border-1px-solid-var-aso-color-divider);
}

:where([data-app="aso"]) .related a {
  padding: var(--aso-space-25px-20px-25px-0);
  border-bottom: var(--aso-border-1px-solid-var-aso-color-divider);
  font-family: var(--aso-font-barlow-condensed-impact-sans-serif);
  font-size: var(--aso-type-size-30px);
  display: flex;
  justify-content: space-between;
  gap: var(--aso-space-15px);
}

:where([data-app="aso"]) .related a:nth-child(2n) {
  padding-left: var(--aso-space-25px);
  border-left: var(--aso-border-1px-solid-var-aso-color-divider);
}

:where([data-app="aso"]) .related a:hover {
  background: var(--aso-paint-e4e7d5);
}

:where([data-app="aso"]) .matrix {
  max-width: var(--aso-layout-850px);
  margin: auto;
}

:where([data-app="aso"]) .axis-y,
:where([data-app="aso"]) .axis-x {
  font-size: var(--aso-type-size-14px);
  letter-spacing: var(--aso-type-letter-spacing-6px);
  color: var(--aso-color-accent);
}

:where([data-app="aso"]) .axis-x {
  text-align: right;
  margin: var(--aso-space-15px-0-0);
}

:where([data-app="aso"]) .quadrants {
  display: grid;
  grid-template-columns: var(--aso-layout-1fr-1fr);
  border: var(--aso-border-1px-solid-727963);
}

:where([data-app="aso"]) .quadrants>div {
  padding: var(--aso-space-28px);
  border-right: var(--aso-border-1px-solid-727963);
  border-bottom: var(--aso-border-1px-solid-727963);
  min-height: var(--aso-layout-145px);
}

:where([data-app="aso"]) .quadrants>div:nth-child(2) {
  background: var(--aso-color-accent);
  color: var(--aso-color-ink);
}

:where([data-app="aso"]) .quadrants>div:nth-child(2n) {
  border-right: var(--aso-border-0);
}

:where([data-app="aso"]) .quadrants>div:nth-child(n/**/+3) {
  border-bottom: var(--aso-border-0);
}

:where([data-app="aso"]) .quadrants strong {
  font-size: var(--aso-type-size-25px);
  font-family: var(--aso-font-barlow-condensed-impact-sans-serif);
}

:where([data-app="aso"]) .quadrants p {
  font-size: var(--aso-type-size-14px);
  max-width: var(--aso-layout-300px);
  margin: var(--aso-space-12px-0-0);
}

:where([data-app="aso"]) .storyboard {
  display: grid;
  grid-template-columns: var(--aso-layout-repeat-3-1fr);
  gap: var(--aso-space-26px);
}

:where([data-app="aso"]) .story-phone {
  background: var(--aso-paint-eff0e7);
  color: var(--aso-color-ink);
  padding: var(--aso-space-30px-22px-20px);
  border-radius: var(--aso-radius-28px);
  border: var(--aso-border-6px-solid-3d4432);
}

:where([data-app="aso"]) .story-phone>span {
  font-size: var(--aso-type-size-14px);
  letter-spacing: var(--aso-type-letter-spacing-1px-90);
}

:where([data-app="aso"]) .story-phone h3 {
  font-size: var(--aso-type-size-36px);
  line-height: var(--aso-type-line-height-1-04);
  margin: var(--aso-space-25px-0);
}

:where([data-app="aso"]) .mock-ui {
  padding: var(--aso-space-18px);
  background: var(--aso-paint-fff);
  border: var(--aso-border-1px-solid-d5dbca);
  border-radius: var(--aso-radius-12px);
}

:where([data-app="aso"]) .mock-ui b {
  font-size: var(--aso-type-size-14px);
  letter-spacing: var(--aso-type-letter-spacing-1px-90);
}

:where([data-app="aso"]) .mock-ui>div {
  font-size: var(--aso-type-size-14px);
  padding: var(--aso-space-12px-0);
  border-bottom: var(--aso-border-1px-solid-e1e5d9);
}

:where([data-app="aso"]) .story-phone>p {
  font-size: var(--aso-type-size-14px);
  margin: var(--aso-space-16px-0-0);
}

:where([data-app="aso"]) .scenario-inputs {
  display: grid;
  grid-template-columns: var(--aso-layout-repeat-3-1fr);
  gap: var(--aso-space-25px);
}

:where([data-app="aso"]) .scenario-inputs label {
  font-size: var(--aso-type-size-14px);
  color: var(--aso-color-paper);
}

:where([data-app="aso"]) .scenario-inputs input {
  font-size: var(--aso-type-size-27px);
  padding: var(--aso-space-12px);
  border: var(--aso-border-1px-solid-7b826a);
  background: var(--aso-paint-25291f);
}

:where([data-app="aso"]) .bar-chart {
  margin: var(--aso-space-35px-0);
}

:where([data-app="aso"]) .bar-chart>div {
  display: grid;
  grid-template-columns: var(--aso-layout-85px-1fr-140px);
  align-items: center;
  gap: var(--aso-space-20px);
  margin: var(--aso-space-20px-0);
  font-size: var(--aso-type-size-14px);
}

:where([data-app="aso"]) .bar-track {
  height: var(--aso-layout-30px);
  background: var(--aso-paint-3f4534);
}

:where([data-app="aso"]) .bar-track i {
  display: block;
  height: var(--aso-layout-100);
  background: var(--aso-paint-9ba98a);
  transition: var(--aso-motion-width-2s);
}

:where([data-app="aso"]) .bar-chart>div:nth-child(2) i {
  background: var(--aso-color-accent);
}

:where([data-app="aso"]) .bar-chart strong {
  font-size: var(--aso-type-size-14px);
  font-weight: var(--aso-type-weight-500);
}

:where([data-app="aso"]) .scenario output {
  display: block;
  font-size: var(--aso-type-size-18px);
  color: var(--aso-color-accent);
  border-top: var(--aso-border-1px-solid-626953);
  padding-top: var(--aso-space-25px);
}

:where([data-app="aso"]) .portrait img {
  object-fit: cover;
  height: var(--aso-layout-640px);
}

:where([data-app="aso"]) .portrait-word,
:where([data-app="aso"]) .portrait-label {
  display: none;
}

:where([data-app="aso"]) .about-hero img {
  object-fit: cover;
  max-height: var(--aso-layout-650px);
}

:where([data-app="aso"]) .insights-hero img {
  object-fit: cover;
}

:where([data-app="aso"]) footer>div {
  flex-wrap: wrap;
}

@media (max-width: 1000px) {
:where([data-app="aso"]) .client-grid {
  grid-template-columns: var(--aso-layout-repeat-4-1fr);
}

:where([data-app="aso"]) .client-logo:last-child {
  grid-column: span 2;
}

:where([data-app="aso"]) .commercial-grid {
  gap: var(--aso-space-4);
}

:where([data-app="aso"]) .commercial-grid h1 {
  font-size: var(--aso-type-size-7vw);
}

:where([data-app="aso"]) .flow>div {
  padding: var(--aso-space-22px);
}

:where([data-app="aso"]) .flow-process {
  grid-template-columns: var(--aso-layout-1fr);
}

:where([data-app="aso"]) .flow-process>div {
  border: var(--aso-border-0);
  border-bottom: var(--aso-border-1px-solid-626953);
  display: grid;
  grid-template-columns: var(--aso-layout-100px-1fr-1-2fr);
  align-items: center;
  gap: var(--aso-space-10px);
}

:where([data-app="aso"]) .flow-process h3 {
  margin: var(--aso-space-0);
}

:where([data-app="aso"]) .flow-process>div:not(:last-child):after {
  display: none;
}

:where([data-app="aso"]) .editorial-layout {
  gap: var(--aso-space-5);
  padding-inline: var(--aso-space-6);
}

:where([data-app="aso"]) .editorial-layout h2 {
  font-size: var(--aso-type-size-37px);
}

:where([data-app="aso"]) .storyboard {
  gap: var(--aso-space-12px);
}

:where([data-app="aso"]) .story-phone {
  padding: var(--aso-space-23px-15px);
}

:where([data-app="aso"]) .story-phone h3 {
  font-size: var(--aso-type-size-30px);
}

:where([data-app="aso"]) .commercial-intro {
  font-size: var(--aso-type-size-16px);
}
}

@media (max-width: 700px) {
:where([data-app="aso"]) header {
  height: auto;
  min-height: var(--aso-layout-95px);
}

:where([data-app="aso"]) nav {
  gap: var(--aso-space-12px);
}

:where([data-app="aso"]) .client-grid {
  grid-template-columns: var(--aso-layout-repeat-2-1fr);
}

:where([data-app="aso"]) .client-logo {
  min-height: var(--aso-layout-125px);
  padding: var(--aso-space-22px);
}

:where([data-app="aso"]) .commercial-hero {
  padding: var(--aso-space-22px-6-40px);
}

:where([data-app="aso"]) .commercial-grid {
  grid-template-columns: var(--aso-layout-1fr);
  gap: var(--aso-space-32px);
}

:where([data-app="aso"]) .commercial-grid h1 {
  font-size: var(--aso-type-size-13vw);
}

:where([data-app="aso"]) .commercial-grid figure {
  max-width: var(--aso-layout-480px);
  transform: none;
}

:where([data-app="aso"]) .commercial-grid figure img {
  aspect-ratio: var(--aso-layout-1-1);
}

:where([data-app="aso"]) .breadcrumbs {
  font-size: var(--aso-type-size-14px);
}

:where([data-app="aso"]) .page-toc {
  padding: var(--aso-space-22px-6);
  gap: var(--aso-space-12px-20px);
  justify-content: flex-start;
}

:where([data-app="aso"]) .page-toc>span {
  width: var(--aso-layout-100);
}

:where([data-app="aso"]) .page-toc a {
  font-size: var(--aso-type-size-14px);
  max-width: var(--aso-layout-100);
}

:where([data-app="aso"]) .flow {
  grid-template-columns: var(--aso-layout-1fr);
}

:where([data-app="aso"]) .flow>div {
  border: var(--aso-border-0);
  border-bottom: var(--aso-border-1px-solid-626953);
  padding: var(--aso-space-25px);
}

:where([data-app="aso"]) .flow>div:not(:last-child):after {
  content: var(--aso-layout-value-312);
  left: var(--aso-layout-calc-50-14px);
  top: auto;
  bottom: var(--aso-layout-14px-258);
}

:where([data-app="aso"]) .flow h3 {
  margin: var(--aso-space-15px-0-10px);
  font-size: var(--aso-type-size-32px);
}

:where([data-app="aso"]) .flow-process>div {
  display: block;
}

:where([data-app="aso"]) .flow-process h3 {
  margin: var(--aso-space-12px-0);
}

:where([data-app="aso"]) .editorial-layout {
  display: block;
  padding: var(--aso-space-15px-6-35px);
}

:where([data-app="aso"]) .editorial-layout aside {
  display: none;
}

:where([data-app="aso"]) .editorial-layout article section {
  padding: var(--aso-space-30px-0);
}

:where([data-app="aso"]) .editorial-layout h2 {
  font-size: var(--aso-type-size-35px);
}

:where([data-app="aso"]) .editorial-layout p {
  font-size: var(--aso-type-size-15px);
}

:where([data-app="aso"]) .related>div {
  grid-template-columns: var(--aso-layout-1fr);
}

:where([data-app="aso"]) .related a,
:where([data-app="aso"]) .related a:nth-child(2n) {
  font-size: var(--aso-type-size-29px);
  padding: var(--aso-space-22px-0);
  border-left: var(--aso-border-0);
}

:where([data-app="aso"]) .quadrants>div {
  padding: var(--aso-space-19px);
  min-height: var(--aso-layout-165px);
}

:where([data-app="aso"]) .quadrants strong {
  font-size: var(--aso-type-size-23px);
}

:where([data-app="aso"]) .quadrants p {
  font-size: var(--aso-type-size-14px);
}

:where([data-app="aso"]) .storyboard {
  grid-template-columns: var(--aso-layout-1fr);
  gap: var(--aso-space-25px);
  max-width: var(--aso-layout-360px);
  margin: auto;
}

:where([data-app="aso"]) .story-phone {
  padding: var(--aso-space-28px);
}

:where([data-app="aso"]) .story-phone h3 {
  font-size: var(--aso-type-size-38px);
}

:where([data-app="aso"]) .scenario-inputs {
  grid-template-columns: var(--aso-layout-1fr);
  gap: var(--aso-space-18px);
}

:where([data-app="aso"]) .bar-chart>div {
  grid-template-columns: var(--aso-layout-65px-1fr);
  gap: var(--aso-space-12px);
}

:where([data-app="aso"]) .bar-chart strong {
  grid-column: 2;
}

:where([data-app="aso"]) .scenario output {
  font-size: var(--aso-type-size-16px);
}

:where([data-app="aso"]) .paperform-panel {
  padding: var(--aso-space-0);
}

:where([data-app="aso"]) .portrait img {
  height: var(--aso-layout-100);
  object-position: center;
}

:where([data-app="aso"]) .contact {
  gap: var(--aso-space-30px);
}

:where([data-app="aso"]) .contact h2 {
  font-size: var(--aso-type-size-65px);
}
}

:where([data-app="aso"]) .directory-grid {
  display: grid;
  grid-template-columns: var(--aso-layout-repeat-3-1fr);
  border-top: var(--aso-border-1px-solid-var-aso-color-divider);
  border-left: var(--aso-border-1px-solid-var-aso-color-divider);
}

:where([data-app="aso"]) .directory-grid a {
  padding: var(--aso-space-30px);
  border-right: var(--aso-border-1px-solid-var-aso-color-divider);
  border-bottom: var(--aso-border-1px-solid-var-aso-color-divider);
  display: flex;
  flex-direction: column;
}

:where([data-app="aso"]) .directory-grid a:hover {
  background: var(--aso-paint-e3e7d5);
}

:where([data-app="aso"]) .directory-grid h3 {
  font-size: var(--aso-type-size-32px);
  line-height: var(--aso-type-line-height-1-1);
  margin-bottom: var(--aso-space-16px);
}

:where([data-app="aso"]) .directory-grid p {
  font-size: var(--aso-type-size-14px);
}

:where([data-app="aso"]) .directory-grid span {
  font-size: var(--aso-type-size-14px);
  margin-top: auto;
  padding-top: var(--aso-space-20px);
  font-weight: var(--aso-type-weight-700);
}

:where([data-app="aso"]) .review-date {
  font-size: var(--aso-type-size-14px);
  color: var(--aso-paint-626858);
  padding: var(--aso-space-0-6-25px);
  margin: var(--aso-space-0);
  text-align: right;
}

@media (max-width: 900px) {
:where([data-app="aso"]) .directory-grid {
  grid-template-columns: var(--aso-layout-repeat-2-1fr);
}
}

@media (max-width: 600px) {
:where([data-app="aso"]) .directory-grid {
  grid-template-columns: var(--aso-layout-1fr);
}

:where([data-app="aso"]) .directory-grid a {
  padding: var(--aso-space-25px);
}

:where([data-app="aso"]) .review-date {
  text-align: left;
}
}

:where([data-app="aso"]) .guide-byline {
  font-size: var(--aso-type-size-14px);
  line-height: var(--aso-type-line-height-1-9);
  margin: var(--aso-space-22px-0);
}

:where([data-app="aso"]) .guide-byline a {
  text-decoration: underline;
  text-underline-offset: var(--aso-layout-3px);
}

:where([data-app="aso"]) .guide-grid {
  display: grid;
  grid-template-columns: var(--aso-layout-repeat-3-1fr);
  gap: var(--aso-space-28px);
}

:where([data-app="aso"]) .guide-card {
  border: var(--aso-border-1px-solid-var-aso-color-divider);
  display: flex;
  flex-direction: column;
  background: var(--aso-paint-fafaf5);
  transition: var(--aso-motion-transform-2s);
}

:where([data-app="aso"]) .guide-card:hover {
  transform: var(--aso-layout-translatey-4px);
}

:where([data-app="aso"]) .guide-card>img {
  width: var(--aso-layout-100);
  height: auto;
  aspect-ratio: var(--aso-layout-4-3);
  object-fit: cover;
  display: block;
}

:where([data-app="aso"]) .guide-card>div {
  padding: var(--aso-space-26px);
  display: flex;
  flex-direction: column;
  flex: var(--aso-layout-1);
}

:where([data-app="aso"]) .guide-card h3 {
  font-size: var(--aso-type-size-33px);
  line-height: var(--aso-type-line-height-1-06);
  margin: var(--aso-space-12px-0-18px);
}

:where([data-app="aso"]) .guide-card p:not(.eyebrow) {
  font-size: var(--aso-type-size-14px);
  line-height: var(--aso-type-line-height-1-75);
}

:where([data-app="aso"]) .guide-card span {
  font-size: var(--aso-type-size-14px);
  font-weight: var(--aso-type-weight-700);
  letter-spacing: var(--aso-type-letter-spacing-1px-90);
  padding-top: var(--aso-space-20px);
  margin-top: auto;
}

:where([data-app="aso"]) .learning-pathways {
  display: grid;
  grid-template-columns: var(--aso-layout-repeat-2-1fr);
  gap: var(--aso-space-0);
  border-top: var(--aso-border-1px-solid-656c58);
  border-left: var(--aso-border-1px-solid-656c58);
}

:where([data-app="aso"]) .learning-pathways>a {
  padding: var(--aso-space-35px);
  border-bottom: var(--aso-border-1px-solid-656c58);
  border-right: var(--aso-border-1px-solid-656c58);
}

:where([data-app="aso"]) .learning-pathways a:hover {
  background: var(--aso-paint-2d3323);
}

:where([data-app="aso"]) .learning-pathways span,
:where([data-app="aso"]) .learning-steps span {
  font-size: var(--aso-type-size-14px);
  color: var(--aso-color-accent);
  letter-spacing: var(--aso-type-letter-spacing-1px-90);
}

:where([data-app="aso"]) .learning-pathways h3 {
  font-size: var(--aso-type-size-39px);
  line-height: var(--aso-type-line-height-1-1);
  margin: var(--aso-space-23px-0-16px);
}

:where([data-app="aso"]) .learning-pathways p {
  font-size: var(--aso-type-size-14px);
  max-width: var(--aso-layout-430px);
  color: var(--aso-paint-d3d8c8);
}

:where([data-app="aso"]) .learning-pathways b {
  font-size: var(--aso-type-size-14px);
  font-weight: var(--aso-type-weight-500);
  color: var(--aso-color-accent);
}

:where([data-app="aso"]) .learning-intro {
  display: grid;
  grid-template-columns: var(--aso-layout-1fr-1-5fr);
  gap: var(--aso-space-0-8);
  border-bottom: var(--aso-border-1px-solid-var-aso-color-divider);
}

:where([data-app="aso"]) .learning-intro>.eyebrow {
  grid-column: 1/-1;
}

:where([data-app="aso"]) .learning-intro>div {
  max-width: var(--aso-layout-720px);
}

:where([data-app="aso"]) .learning-intro a {
  text-decoration: underline;
  text-underline-offset: var(--aso-layout-4px);
}

:where([data-app="aso"]) .learning-tools {
  background: var(--aso-paint-e5e8dc);
}

:where([data-app="aso"]) .learning-tools>p:last-child {
  max-width: var(--aso-layout-760px);
  font-size: var(--aso-type-size-14px);
  margin-top: var(--aso-space-28px);
}

:where([data-app="aso"]) .guide-cta {
  background: var(--aso-color-accent);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--aso-space-40px);
}

:where([data-app="aso"]) .guide-cta h2 {
  font-size: var(--aso-type-size-55px);
}

:where([data-app="aso"]) .guide-cta p:not(.eyebrow) {
  max-width: var(--aso-layout-600px);
  font-size: var(--aso-type-size-14px);
}

:where([data-app="aso"]) .guide-cta .button {
  flex-shrink: var(--aso-layout-0);
}

:where([data-app="aso"]) .learning-steps {
  display: grid;
  grid-template-columns: var(--aso-layout-repeat-3-1fr);
  border: var(--aso-border-1px-solid-656c58);
}

:where([data-app="aso"]) .learning-steps>div {
  padding: var(--aso-space-30px);
  border-right: var(--aso-border-1px-solid-656c58);
}

:where([data-app="aso"]) .learning-steps>div:last-child {
  border: var(--aso-border-0);
}

:where([data-app="aso"]) .learning-steps h3 {
  font-size: var(--aso-type-size-33px);
  margin: var(--aso-space-22px-0-15px);
}

:where([data-app="aso"]) .learning-steps p {
  font-size: var(--aso-type-size-14px);
  color: var(--aso-paint-d3d8c8);
}

:where([data-app="aso"]) .feedback-loop {
  border: var(--aso-border-1px-solid-656c58);
  border-top: var(--aso-border-0);
  padding: var(--aso-space-20px);
  text-align: center;
  color: var(--aso-color-accent);
  font-size: var(--aso-type-size-14px);
  letter-spacing: var(--aso-type-letter-spacing-1px-90);
}

:where([data-app="aso"]) .feedback-loop span {
  font-size: var(--aso-type-size-23px);
  padding: var(--aso-space-0-20px);
}

:where([data-app="aso"]) .funnel-chart>div {
  display: grid;
  grid-template-columns: var(--aso-layout-150px-1fr-80px);
  align-items: center;
  gap: var(--aso-space-20px);
  margin: var(--aso-space-24px-0);
  font-size: var(--aso-type-size-14px);
}

:where([data-app="aso"]) .funnel-track {
  height: var(--aso-layout-45px);
  background: var(--aso-paint-343b2c);
}

:where([data-app="aso"]) .funnel-track i {
  display: block;
  height: var(--aso-layout-100);
  background: var(--aso-color-accent);
}

:where([data-app="aso"]) .chart-legend {
  display: flex;
  flex-wrap: wrap;
  gap: var(--aso-space-20px);
  font-size: var(--aso-type-size-14px);
  padding-top: var(--aso-space-20px);
  border-top: var(--aso-border-1px-solid-656c58);
}

:where([data-app="aso"]) .chart-legend b {
  color: var(--aso-color-accent);
}

:where([data-app="aso"]) .evidence-stack {
  border-top: var(--aso-border-1px-solid-656c58);
}

:where([data-app="aso"]) .evidence-stack>div {
  display: grid;
  grid-template-columns: var(--aso-layout-200px-1fr);
  border-bottom: var(--aso-border-1px-solid-656c58);
  padding: var(--aso-space-24px-0);
  gap: var(--aso-space-25px);
}

:where([data-app="aso"]) .evidence-stack span {
  font-size: var(--aso-type-size-14px);
  letter-spacing: var(--aso-type-letter-spacing-1px-90);
  color: var(--aso-color-accent);
  padding-top: var(--aso-space-6px);
}

:where([data-app="aso"]) .evidence-stack p {
  margin: var(--aso-space-0);
  font-size: var(--aso-type-size-16px);
  max-width: var(--aso-layout-750px);
}

:where([data-app="aso"]) .intent-root {
  text-align: center;
  padding: var(--aso-space-22px);
  background: var(--aso-color-accent);
  color: var(--aso-color-ink);
  max-width: var(--aso-layout-370px);
  margin: var(--aso-space-0-auto-32px);
  font-size: var(--aso-type-size-14px);
  font-weight: var(--aso-type-weight-700);
  letter-spacing: var(--aso-type-letter-spacing-1px-90);
  position: relative;
}

:where([data-app="aso"]) .intent-root:after {
  content: var(--aso-layout-value);
  position: absolute;
  left: var(--aso-layout-50);
  top: var(--aso-layout-100);
  height: var(--aso-layout-32px);
  border-left: var(--aso-border-1px-solid-var-aso-color-accent);
}

:where([data-app="aso"]) .check-status {
  display: flex;
  align-items: center;
  gap: var(--aso-space-35px);
  padding: var(--aso-space-20px-0-30px);
}

:where([data-app="aso"]) .check-status output {
  font-family: var(--aso-font-barlow-condensed-impact-sans-serif);
  font-size: var(--aso-type-size-34px);
  color: var(--aso-color-accent);
  white-space: nowrap;
}

:where([data-app="aso"]) .check-status progress {
  width: var(--aso-layout-100);
  height: var(--aso-layout-14px);
  accent-color: var(--aso-color-accent);
}

:where([data-app="aso"]) .check-grid {
  display: grid;
  grid-template-columns: var(--aso-layout-1fr-1fr);
  border-top: var(--aso-border-1px-solid-656c58);
  border-left: var(--aso-border-1px-solid-656c58);
}

:where([data-app="aso"]) .check-row {
  display: flex;
  align-items: center;
  gap: var(--aso-space-18px);
  border-bottom: var(--aso-border-1px-solid-656c58);
  border-right: var(--aso-border-1px-solid-656c58);
  padding: var(--aso-space-22px);
  cursor: pointer;
  color: var(--aso-color-paper);
  font-size: var(--aso-type-size-14px);
  line-height: var(--aso-type-line-height-1-6);
}

:where([data-app="aso"]) .check-row input {
  width: var(--aso-layout-22px);
  height: var(--aso-layout-22px);
  flex: var(--aso-layout-0-0-22px);
  accent-color: var(--aso-color-accent);
  cursor: pointer;
}

:where([data-app="aso"]) .check-row small {
  display: block;
  font-size: var(--aso-type-size-14px);
  color: var(--aso-color-accent);
  text-transform: uppercase;
  letter-spacing: var(--aso-type-letter-spacing-1px-90);
}

:where([data-app="aso"]) .check-row:has(input:checked) {
  background: var(--aso-paint-343d25);
}

:where([data-app="aso"]) .tool-actions {
  display: flex;
  align-items: center;
  gap: var(--aso-space-28px);
  flex-wrap: wrap;
  margin-top: var(--aso-space-28px);
}

:where([data-app="aso"]) .tool-actions .button,
:where([data-app="aso"]) .hypothesis-draft .button {
  background: var(--aso-color-accent);
  color: var(--aso-color-ink);
}

:where([data-app="aso"]) .text-button {
  background: transparent;
  color: var(--aso-color-paper);
  font-size: var(--aso-type-size-14px);
  border: var(--aso-border-0);
  text-decoration: underline;
  text-underline-offset: var(--aso-layout-4px);
  cursor: pointer;
  padding: var(--aso-space-12px-0);
}

:where([data-app="aso"]) .checklist-tool>p {
  font-size: var(--aso-type-size-14px);
  color: var(--aso-paint-c5c9b9);
  margin: var(--aso-space-20px-0-0);
}

:where([data-app="aso"]) .hypothesis-tool {
  display: grid;
  grid-template-columns: var(--aso-layout-1fr-1fr);
  gap: var(--aso-space-45px);
}

:where([data-app="aso"]) .hypothesis-fields {
  display: grid;
  gap: var(--aso-space-20px);
}

:where([data-app="aso"]) .hypothesis-fields label {
  font-size: var(--aso-type-size-14px);
  color: var(--aso-color-accent);
}

:where([data-app="aso"]) .hypothesis-fields textarea {
  background: var(--aso-paint-242a1e);
  border: var(--aso-border-1px-solid-79816b);
  padding: var(--aso-space-12px);
  font-size: var(--aso-type-size-14px);
  line-height: var(--aso-type-line-height-1-6);
  color: var(--aso-color-paper);
}

:where([data-app="aso"]) .hypothesis-draft {
  background: var(--aso-paint-e7eadf);
  color: var(--aso-color-ink);
  padding: var(--aso-space-30px);
  align-self: start;
  position: sticky;
  top: var(--aso-layout-25px);
}

:where([data-app="aso"]) .hypothesis-draft output {
  display: block;
  font-size: var(--aso-type-size-18px);
  line-height: var(--aso-type-line-height-1-8);
  white-space: pre-line;
  margin: var(--aso-space-20px-0-28px);
  overflow-wrap: anywhere;
}

:where([data-app="aso"]) .hypothesis-draft .eyebrow {
  color: var(--aso-paint-525d3b);
}

:where([data-app="aso"]) .hypothesis-draft .button {
  background: var(--aso-color-ink);
  color: var(--aso-color-paper);
}

:where([data-app="aso"]) .timeline-lanes {
  display: grid;
  gap: var(--aso-space-22px);
}

:where([data-app="aso"]) .timeline-lanes>div {
  display: grid;
  grid-template-columns: var(--aso-layout-120px-1fr);
  gap: var(--aso-space-25px);
  align-items: center;
}

:where([data-app="aso"]) .timeline-lanes>div>span {
  font-size: var(--aso-type-size-14px);
  letter-spacing: var(--aso-type-letter-spacing-1px-90);
  color: var(--aso-color-accent);
}

:where([data-app="aso"]) .timeline-lanes>div>div {
  border-left: var(--aso-border-5px-solid-var-aso-color-accent);
  background: var(--aso-paint-2a3022);
  padding: var(--aso-space-22px);
}

:where([data-app="aso"]) .timeline-lanes strong {
  font-family: var(--aso-font-barlow-condensed-impact-sans-serif);
  font-size: var(--aso-type-size-30px);
}

:where([data-app="aso"]) .timeline-lanes p {
  font-size: var(--aso-type-size-14px);
  margin: var(--aso-space-8px-0-0);
  color: var(--aso-paint-d3d8c8);
}

:where([data-app="aso"]) .comparison-scroll {
  overflow-x: auto;
}

:where([data-app="aso"]) .comparison-scroll table {
  width: var(--aso-layout-100);
  border-collapse: collapse;
  text-align: left;
  font-size: var(--aso-type-size-14px);
  line-height: var(--aso-type-line-height-1-7);
}

:where([data-app="aso"]) .comparison-scroll caption {
  text-align: left;
  margin-bottom: var(--aso-space-18px);
  color: var(--aso-color-accent);
  font-size: var(--aso-type-size-14px);
}

:where([data-app="aso"]) .comparison-scroll th,
:where([data-app="aso"]) .comparison-scroll td {
  padding: var(--aso-space-22px);
  border: var(--aso-border-1px-solid-656c58);
  vertical-align: top;
}

:where([data-app="aso"]) .comparison-scroll thead {
  background: var(--aso-paint-343d25);
}

:where([data-app="aso"]) .comparison-scroll tbody th {
  color: var(--aso-color-accent);
}

:where([data-app="aso"]) .reading-links {
  background: var(--aso-paint-e7eadf);
  border-top: var(--aso-border-1px-solid-var-aso-color-divider);
}

:where([data-app="aso"]) .reading-links h2 {
  font-size: var(--aso-type-size-45px);
}

:where([data-app="aso"]) .reading-links>div {
  display: flex;
  gap: var(--aso-space-20px);
  flex-wrap: wrap;
  margin: var(--aso-space-25px-0);
}

:where([data-app="aso"]) .reading-links>div>a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--aso-space-22px);
  padding: var(--aso-space-22px);
  border: var(--aso-border-1px-solid-b4bea2);
  flex: var(--aso-layout-1);
  min-width: var(--aso-layout-200px);
  font-size: var(--aso-type-size-15px);
}

:where([data-app="aso"]) .reading-links>div>a:hover {
  background: var(--aso-color-accent);
}

@media (max-width: 1000px) {
:where([data-app="aso"]) .guide-grid {
  grid-template-columns: var(--aso-layout-repeat-2-1fr);
}

:where([data-app="aso"]) .guide-cta {
  align-items: flex-start;
  flex-direction: column;
}

:where([data-app="aso"]) .hypothesis-tool {
  gap: var(--aso-space-25px);
}

:where([data-app="aso"]) .learning-steps>div {
  padding: var(--aso-space-23px);
}

:where([data-app="aso"]) .learning-steps h3 {
  font-size: var(--aso-type-size-29px);
}

:where([data-app="aso"]) .learning-intro {
  gap: var(--aso-space-5);
}
}

@media (max-width: 700px) {
:where([data-app="aso"]) .guide-grid {
  grid-template-columns: var(--aso-layout-1fr);
  gap: var(--aso-space-25px);
}

:where([data-app="aso"]) .guide-card h3 {
  font-size: var(--aso-type-size-35px);
}

:where([data-app="aso"]) .guide-card>img {
  aspect-ratio: var(--aso-layout-4-3);
}

:where([data-app="aso"]) .learning-pathways {
  grid-template-columns: var(--aso-layout-1fr);
}

:where([data-app="aso"]) .learning-pathways>a {
  padding: var(--aso-space-28px);
}

:where([data-app="aso"]) .learning-pathways h3 {
  font-size: var(--aso-type-size-36px);
}

:where([data-app="aso"]) .learning-intro {
  display: block;
}

:where([data-app="aso"]) .learning-steps {
  grid-template-columns: var(--aso-layout-1fr);
}

:where([data-app="aso"]) .learning-steps>div {
  border-right: var(--aso-border-0);
  border-bottom: var(--aso-border-1px-solid-656c58);
}

:where([data-app="aso"]) .learning-steps h3 {
  font-size: var(--aso-type-size-34px);
}

:where([data-app="aso"]) .funnel-chart>div {
  grid-template-columns: var(--aso-layout-1fr-60px);
  gap: var(--aso-space-10px);
}

:where([data-app="aso"]) .funnel-chart>div>span {
  grid-column: 1/-1;
}

:where([data-app="aso"]) .funnel-track {
  height: var(--aso-layout-32px);
}

:where([data-app="aso"]) .chart-legend {
  display: grid;
  gap: var(--aso-space-10px);
}

:where([data-app="aso"]) .evidence-stack>div {
  grid-template-columns: var(--aso-layout-1fr);
  gap: var(--aso-space-10px);
  padding: var(--aso-space-20px-0);
}

:where([data-app="aso"]) .evidence-stack p {
  font-size: var(--aso-type-size-15px);
}

:where([data-app="aso"]) .check-status {
  display: block;
}

:where([data-app="aso"]) .check-status output {
  display: block;
  margin-bottom: var(--aso-space-15px);
}

:where([data-app="aso"]) .check-grid {
  grid-template-columns: var(--aso-layout-1fr);
}

:where([data-app="aso"]) .check-row {
  padding: var(--aso-space-18px);
}

:where([data-app="aso"]) .hypothesis-tool {
  grid-template-columns: var(--aso-layout-1fr);
}

:where([data-app="aso"]) .hypothesis-draft {
  position: static;
  padding: var(--aso-space-24px);
}

:where([data-app="aso"]) .hypothesis-draft output {
  font-size: var(--aso-type-size-16px);
}

:where([data-app="aso"]) .timeline-lanes>div {
  grid-template-columns: var(--aso-layout-1fr);
  gap: var(--aso-space-10px);
}

:where([data-app="aso"]) .comparison-scroll table {
  min-width: var(--aso-layout-570px);
}

:where([data-app="aso"]) .comparison-scroll th,
:where([data-app="aso"]) .comparison-scroll td {
  padding: var(--aso-space-16px);
}

:where([data-app="aso"]) .guide-cta h2 {
  font-size: var(--aso-type-size-45px);
}

:where([data-app="aso"]) .reading-links h2 {
  font-size: var(--aso-type-size-37px);
}

:where([data-app="aso"]) .reading-links>div {
  display: grid;
}

:where([data-app="aso"]) .feedback-loop {
  font-size: var(--aso-type-size-14px);
  line-height: var(--aso-type-line-height-1-8);
}

:where([data-app="aso"]) .feedback-loop span {
  padding: var(--aso-space-0-8px);
}

:where([data-app="aso"]) nav[aria-label="Main navigation"] {
  gap: var(--aso-space-9px);
  font-size: var(--aso-type-size-14px);
}
}

:where([data-app="aso"]) .button:disabled {
  opacity: var(--aso-layout-45);
  cursor: not-allowed;
  transform: none;
}

:where([data-app="aso"]) .check-row input:focus-visible {
  outline: var(--aso-border-3px-solid-var-aso-color-accent);
  outline-offset: var(--aso-border-4px);
}

:where([data-app="aso"]) .comparison-hint {
  display: none;
}

:where([data-app="aso"]) .comparison-scroll:focus-visible {
  outline: var(--aso-border-2px-solid-var-aso-color-accent);
  outline-offset: var(--aso-border-5px);
}

@media (max-width: 700px) {
:where([data-app="aso"]) .comparison-hint {
  display: block;
  font-size: var(--aso-type-size-14px);
  color: var(--aso-paint-c5c9b9);
  margin-bottom: var(--aso-space-18px);
}
}

:where([data-app="aso"]) .priority-tool {
  display: grid;
  grid-template-columns: var(--aso-layout-1-1fr-1fr);
  gap: var(--aso-space-35px);
  align-items: start;
}

:where([data-app="aso"]) .priority-inputs {
  display: grid;
  gap: var(--aso-space-25px);
}

:where([data-app="aso"]) .priority-inputs label {
  font-size: var(--aso-type-size-14px);
  color: var(--aso-color-accent);
  gap: var(--aso-space-12px);
}

:where([data-app="aso"]) .priority-inputs select {
  width: var(--aso-layout-100);
  font: inherit;
  background: var(--aso-paint-paper);
  color: var(--aso-paint-ink);
  border: var(--aso-border-1px-solid-aeb99a);
  padding: var(--aso-space-15px);
  white-space: normal;
  min-width: var(--aso-layout-0);
}

:where([data-app="aso"]) .priority-inputs select:focus-visible {
  outline: var(--aso-border-3px-solid-var-aso-color-accent);
  outline-offset: var(--aso-border-4px);
}

:where([data-app="aso"]) .priority-result {
  background: var(--aso-color-accent);
  color: var(--aso-color-ink);
  padding: var(--aso-space-30px);
}

:where([data-app="aso"]) .priority-result h3 {
  font-size: var(--aso-type-size-37px);
  line-height: var(--aso-type-line-height-1-1);
  margin: var(--aso-space-20px-0);
}

:where([data-app="aso"]) .priority-result p:not(.eyebrow) {
  font-size: var(--aso-type-size-15px);
  line-height: var(--aso-type-line-height-1-8);
}

:where([data-app="aso"]) .reading-links>div {
  display: grid;
  grid-template-columns: var(--aso-layout-repeat-3-1fr);
}

:where([data-app="aso"]) .reading-links>div>a {
  min-width: var(--aso-layout-0);
}

@media (max-width: 900px) {
:where([data-app="aso"]) .reading-links>div {
  grid-template-columns: var(--aso-layout-repeat-2-1fr);
}
}

@media (max-width: 700px) {
:where([data-app="aso"]) .priority-tool {
  grid-template-columns: var(--aso-layout-1fr);
}

:where([data-app="aso"]) .priority-inputs select {
  font-size: var(--aso-type-size-14px);
}

:where([data-app="aso"]) .priority-result {
  padding: var(--aso-space-25px);
}

:where([data-app="aso"]) .reading-links>div {
  grid-template-columns: var(--aso-layout-1fr);
}
}

:where([data-app="aso"]) .audience-bar {
  display: flex;
  height: var(--aso-layout-62px);
  margin: var(--aso-space-16px-0);
  background: var(--aso-paint-ink);
  color: var(--aso-paint-fff);
}

:where([data-app="aso"]) .audience-bar span {
  display: grid;
  place-items: center;
  font-weight: var(--aso-type-weight-700);
}

:where([data-app="aso"]) .audience-bar span:first-child {
  background: var(--aso-color-accent);
  color: var(--aso-color-ink);
}

:where([data-app="aso"]) .readability-pair {
  display: grid;
  grid-template-columns: var(--aso-layout-1fr-1fr);
  border: var(--aso-border-1px-solid-var-aso-color-ink);
}

:where([data-app="aso"]) .readability-pair>div {
  padding: var(--aso-space-32px);
}

:where([data-app="aso"]) .readability-pair>div+div {
  background: var(--aso-color-ink);
  color: var(--aso-color-paper);
}

:where([data-app="aso"]) .readability-pair h3 {
  font-size: var(--aso-type-size-clamp-32px-5vw-64px);
}

:where([data-app="aso"]) #sequence-mode {
  display: block;
  width: var(--aso-layout-100);
  padding: var(--aso-space-16px);
  margin: var(--aso-space-12px-0-24px);
  font: inherit;
}

:where([data-app="aso"]) #sequence-reason {
  padding: var(--aso-space-20px);
  border-left: var(--aso-border-5px-solid-var-aso-color-ink);
}

@media (max-width: 650px) {
:where([data-app="aso"]) .readability-pair {
  grid-template-columns: var(--aso-layout-1fr);
}
}

:where([data-app="aso"]) .rate-tool {
  border: var(--aso-border-1px-solid-717566);
  padding: var(--aso-space-28px);
}

:where([data-app="aso"]) .rate-inputs {
  display: grid;
  grid-template-columns: var(--aso-layout-1fr-1fr);
  gap: var(--aso-space-20px);
}

:where([data-app="aso"]) .rate-inputs label {
  display: flex;
  flex-direction: column;
  gap: var(--aso-space-8px);
}

:where([data-app="aso"]) .rate-inputs input {
  width: var(--aso-layout-100);
  min-width: var(--aso-layout-0);
  background: var(--aso-paint-paper);
  color: var(--aso-paint-ink);
  border: var(--aso-border-1px-solid-777);
  padding: var(--aso-space-14px);
  font: inherit;
}

:where([data-app="aso"]) .rate-tool output {
  display: block;
  padding: var(--aso-space-24px);
  background: var(--aso-color-accent);
  color: var(--aso-color-ink);
  font-size: var(--aso-type-size-22px);
  font-weight: var(--aso-type-weight-700);
  line-height: var(--aso-type-line-height-1-6);
}

:where([data-app="aso"]) .rate-inputs input:focus-visible {
  outline: var(--aso-border-3px-solid-var-aso-color-accent);
  outline-offset: var(--aso-border-3px);
}

@media (max-width: 600px) {
:where([data-app="aso"]) .rate-inputs {
  grid-template-columns: var(--aso-layout-1fr);
}

:where([data-app="aso"]) .rate-tool {
  padding: var(--aso-space-18px);
}
}

:where([data-app="aso"]) #visibility-state {
  display: block;
  width: var(--aso-layout-100);
  padding: var(--aso-space-14px);
  margin: var(--aso-space-12px-0-24px);
  background: var(--aso-color-paper);
  color: var(--aso-color-ink);
  font: inherit;
}

:where([data-app="aso"]) #visibility-next {
  display: block;
  padding: var(--aso-space-24px);
  border-left: var(--aso-border-4px-solid-var-aso-color-accent);
  line-height: var(--aso-type-line-height-1-7);
}

:where([data-app="aso"]) #visibility-state:focus-visible {
  outline: var(--aso-border-3px-solid-var-aso-color-accent);
  outline-offset: var(--aso-border-4px);
}

:where([data-app="aso"]) #brief-output {
  display: block;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: var(--aso-type-line-height-1-65);
  margin: var(--aso-space-20px-0);
}

:where([data-app="aso"]) #brief-status {
  font-size: var(--aso-type-size-14px);
}

:where([data-app="aso"]) #roadmap-stage {
  display: block;
  width: var(--aso-layout-100);
  padding: var(--aso-space-14px);
  margin: var(--aso-space-12px-0-24px);
  font: inherit;
  background: var(--aso-color-paper);
  color: var(--aso-color-ink);
}

:where([data-app="aso"]) #roadmap-note {
  padding: var(--aso-space-18px);
  border-left: var(--aso-border-4px-solid-var-aso-color-accent);
}

:where([data-app="aso"]) #roadmap-stage:focus-visible {
  outline: var(--aso-border-3px-solid-var-aso-color-accent);
  outline-offset: var(--aso-border-4px);
}

/* components/readability.css */
:where([data-app="aso"]) body {
  font-size: var(--aso-type-size-1-125rem);
  line-height: var(--aso-type-line-height-1-65);
}

:where([data-app="aso"]) p {
  line-height: var(--aso-type-line-height-1-75);
}

:where([data-app="aso"]) header {
  height: auto;
  min-height: var(--aso-layout-100px-399);
  padding-block: var(--aso-space-20px);
  gap: var(--aso-space-24px);
}

:where([data-app="aso"]) nav[aria-label="Main navigation"] {
  font-size: var(--aso-type-size-1rem);
  gap: var(--aso-space-26px);
  flex-wrap: wrap;
}

:where([data-app="aso"]) nav[aria-label="Main navigation"] a {
  display: flex;
  align-items: center;
  min-height: var(--aso-layout-44px);
}

:where([data-app="aso"]) .brand span {
  font-size: var(--aso-type-size-6875rem);
}

:where([data-app="aso"]) .nav-cta {
  font-size: var(--aso-type-size-9375rem);
  min-height: var(--aso-layout-44px);
  gap: var(--aso-space-16px);
}

:where([data-app="aso"]) .eyebrow {
  font-size: var(--aso-type-size-8125rem);
  letter-spacing: var(--aso-type-letter-spacing-1-3px);
  line-height: var(--aso-type-line-height-1-65);
}

:where([data-app="aso"]) .button {
  font-size: var(--aso-type-size-9375rem);
  min-height: var(--aso-layout-48px);
  line-height: var(--aso-type-line-height-1-5);
  letter-spacing: var(--aso-type-letter-spacing-4px);
  padding: var(--aso-space-16px-24px);
  gap: var(--aso-space-22px);
}

:where([data-app="aso"]) .text-link,
:where([data-app="aso"]) .text-button {
  font-size: var(--aso-type-size-1rem);
  line-height: var(--aso-type-line-height-1-65);
  display: inline-block;
  padding-block: var(--aso-space-10px);
  min-height: var(--aso-layout-44px);
}

:where([data-app="aso"]) .hero-intro,
:where([data-app="aso"]) .intro p:not(.eyebrow),
:where([data-app="aso"]) .commercial-intro,
:where([data-app="aso"]) .page-hero>p:not(.eyebrow) {
  font-size: var(--aso-type-size-1-25rem);
  line-height: var(--aso-type-line-height-1-7);
  max-width: var(--aso-layout-60ch);
}

:where([data-app="aso"]) .hero-intro {
  max-width: var(--aso-layout-38ch);
}

:where([data-app="aso"]) .hero-foot {
  font-size: var(--aso-type-size-8125rem);
  letter-spacing: var(--aso-type-letter-spacing-5px);
  flex-wrap: wrap;
}

:where([data-app="aso"]) .hero h1 span {
  white-space: normal;
}

:where([data-app="aso"]) .hero h1,
:where([data-app="aso"]) .commercial-grid h1,
:where([data-app="aso"]) .page-hero h1 {
  font-size: var(--aso-type-size-clamp-3-25rem-6-2vw-6rem);
  line-height: var(--aso-type-line-height-1);
  letter-spacing: var(--aso-type-letter-spacing-1px);
  overflow-wrap: break-word;
}

:where([data-app="aso"]) .breadcrumbs {
  font-size: var(--aso-type-size-9375rem);
  gap: var(--aso-space-8px-12px);
  margin-bottom: var(--aso-space-28px);
}

:where([data-app="aso"]) .breadcrumbs a {
  padding-block: var(--aso-space-6px);
}

:where([data-app="aso"]) .guide-byline,
:where([data-app="aso"]) .byline {
  font-size: var(--aso-type-size-9375rem);
  line-height: var(--aso-type-line-height-1-7);
  letter-spacing: var(--aso-type-letter-spacing-0);
}

:where([data-app="aso"]) .commercial-grid figcaption,
:where([data-app="aso"]) .portrait-caption,
:where([data-app="aso"]) .portrait-label {
  font-size: var(--aso-type-size-8125rem);
  letter-spacing: var(--aso-type-letter-spacing-6px);
  line-height: var(--aso-type-line-height-1-6);
}

:where([data-app="aso"]) .proof span,
:where([data-app="aso"]) .proof a {
  font-size: var(--aso-type-size-9375rem);
  letter-spacing: var(--aso-type-letter-spacing-3px-415);
}

:where([data-app="aso"]) .proof a {
  display: inline-block;
  padding-block: var(--aso-space-8px);
}

:where([data-app="aso"]) .service-row p,
:where([data-app="aso"]) .articles p,
:where([data-app="aso"]) .section-heading p,
:where([data-app="aso"]) .manifesto>p:last-child {
  font-size: var(--aso-type-size-1-0625rem);
  line-height: var(--aso-type-line-height-1-75);
}

:where([data-app="aso"]) .service-row p {
  max-width: var(--aso-layout-48ch);
}

:where([data-app="aso"]) .reading {
  max-width: var(--aso-layout-860px);
}

:where([data-app="aso"]) .reading p,
:where([data-app="aso"]) .reading li,
:where([data-app="aso"]) .editorial-layout p,
:where([data-app="aso"]) .editorial-layout li {
  font-size: var(--aso-type-size-1-1875rem);
  line-height: var(--aso-type-line-height-1-8);
}

:where([data-app="aso"]) .editorial-layout article {
  max-width: var(--aso-layout-70ch);
}

:where([data-app="aso"]) .editorial-layout h2,
:where([data-app="aso"]) .reading h2 {
  font-size: var(--aso-type-size-clamp-2rem-3-3vw-2-75rem);
  line-height: var(--aso-type-line-height-1-15);
  letter-spacing: var(--aso-type-letter-spacing-4px-423);
}

:where([data-app="aso"]) .editorial-layout article section {
  padding-block: var(--aso-space-44px);
}

:where([data-app="aso"]) .editorial-layout .section-num {
  font-size: var(--aso-type-size-875rem);
}

:where([data-app="aso"]) .page-toc {
  font-size: var(--aso-type-size-1rem);
  gap: var(--aso-space-8px-24px);
  padding-block: var(--aso-space-24px);
}

:where([data-app="aso"]) .page-toc>span {
  font-size: var(--aso-type-size-8125rem);
}

:where([data-app="aso"]) .page-toc a {
  font-size: var(--aso-type-size-1rem);
  line-height: var(--aso-type-line-height-1-6);
  min-height: var(--aso-layout-44px);
  display: flex;
  align-items: center;
  max-width: var(--aso-layout-32ch);
  padding-block: var(--aso-space-8px);
}

:where([data-app="aso"]) summary {
  font-size: var(--aso-type-size-1-1875rem);
  line-height: var(--aso-type-line-height-1-5);
  min-height: var(--aso-layout-44px);
  align-items: center;
}

:where([data-app="aso"]) details p,
:where([data-app="aso"]) .commercial-faq p {
  font-size: var(--aso-type-size-1-125rem);
  line-height: var(--aso-type-line-height-1-8);
}

:where([data-app="aso"]) .guide-card p:not(.eyebrow),
:where([data-app="aso"]) .learning-pathways p,
:where([data-app="aso"]) .guide-cta p:not(.eyebrow),
:where([data-app="aso"]) .learning-tools>p:last-child {
  font-size: var(--aso-type-size-1-0625rem);
  line-height: var(--aso-type-line-height-1-7);
}

:where([data-app="aso"]) .guide-card span,
:where([data-app="aso"]) .learning-pathways b {
  font-size: var(--aso-type-size-9375rem);
  letter-spacing: var(--aso-type-letter-spacing-3px-415);
}

:where([data-app="aso"]) .guide-card h3 {
  font-size: var(--aso-type-size-2-25rem);
  line-height: var(--aso-type-line-height-1-12);
}

:where([data-app="aso"]) .guide-card>div {
  padding: var(--aso-space-28px);
}

:where([data-app="aso"]) .guide-card .eyebrow {
  font-size: var(--aso-type-size-8125rem);
}

:where([data-app="aso"]) .learning-steps span,
:where([data-app="aso"]) .learning-pathways span,
:where([data-app="aso"]) .evidence-stack span,
:where([data-app="aso"]) .timeline-lanes>div>span {
  font-size: var(--aso-type-size-8125rem);
  letter-spacing: var(--aso-type-letter-spacing-6px);
}

:where([data-app="aso"]) .learning-steps p,
:where([data-app="aso"]) .timeline-lanes p,
:where([data-app="aso"]) .story-phone>p,
:where([data-app="aso"]) .matrix p {
  font-size: var(--aso-type-size-1-0625rem);
  line-height: var(--aso-type-line-height-1-7);
}

:where([data-app="aso"]) .learning-steps span {
  color: var(--aso-paint-46561a);
}

:where([data-app="aso"]) .learning-steps p {
  color: var(--aso-paint-34392b);
}

:where([data-app="aso"]) .visual-section .learning-steps span {
  color: var(--aso-color-accent);
}

:where([data-app="aso"]) .visual-section .learning-steps p {
  color: var(--aso-paint-e0e4d7);
}

:where([data-app="aso"]) .visual-note,
:where([data-app="aso"]) .comparison-hint,
:where([data-app="aso"]) .chart-legend,
:where([data-app="aso"]) .comparison-scroll caption,
:where([data-app="aso"]) .feedback-loop {
  font-size: var(--aso-type-size-9375rem);
  line-height: var(--aso-type-line-height-1-75);
  letter-spacing: var(--aso-type-letter-spacing-2px-433);
}

:where([data-app="aso"]) .visual-note {
  max-width: var(--aso-layout-85ch);
}

:where([data-app="aso"]) .comparison-scroll table {
  font-size: var(--aso-type-size-1rem);
  line-height: var(--aso-type-line-height-1-65);
}

:where([data-app="aso"]) .comparison-scroll th,
:where([data-app="aso"]) .comparison-scroll td {
  padding: var(--aso-space-20px);
}

:where([data-app="aso"]) .funnel-chart>div {
  font-size: var(--aso-type-size-1rem);
  grid-template-columns: var(--aso-layout-180px-1fr-100px);
}

:where([data-app="aso"]) .evidence-stack p {
  font-size: var(--aso-type-size-1-125rem);
}

:where([data-app="aso"]) .intent-root,
:where([data-app="aso"]) .story-phone>span,
:where([data-app="aso"]) .check-row small {
  font-size: var(--aso-type-size-8125rem);
  letter-spacing: var(--aso-type-letter-spacing-6px);
}

:where([data-app="aso"]) .check-row {
  font-size: var(--aso-type-size-1-0625rem);
}

:where([data-app="aso"]) .checklist-tool>p,
:where([data-app="aso"]) .form-note,
:where([data-app="aso"]) #brief-status {
  font-size: var(--aso-type-size-9375rem);
  line-height: var(--aso-type-line-height-1-7);
}

:where([data-app="aso"]) label,
:where([data-app="aso"]) .hypothesis-fields label,
:where([data-app="aso"]) .priority-inputs label {
  font-size: var(--aso-type-size-1rem);
  line-height: var(--aso-type-line-height-1-6);
}

:where([data-app="aso"]) input,
:where([data-app="aso"]) textarea,
:where([data-app="aso"]) select,
:where([data-app="aso"]) .hypothesis-fields textarea,
:where([data-app="aso"]) .priority-inputs select {
  font-size: var(--aso-type-size-1-0625rem);
  line-height: var(--aso-type-line-height-1-6);
}

:where([data-app="aso"]) select {
  max-width: var(--aso-layout-100);
}

:where([data-app="aso"]) .hypothesis-draft output {
  font-size: var(--aso-type-size-1-125rem);
}

:where([data-app="aso"]) .priority-tool:has(#roadmap-stage),
:where([data-app="aso"]) .priority-tool:has(#sequence-mode),
:where([data-app="aso"]) .priority-tool:has(#visibility-state) {
  grid-template-columns: var(--aso-layout-1fr);
}

:where([data-app="aso"]) .priority-tool>label {
  color: var(--aso-color-paper);
}

:where([data-app="aso"]) .contact>div>p:not(.eyebrow) {
  font-size: var(--aso-type-size-1-125rem);
  max-width: var(--aso-layout-48ch);
  color: var(--aso-paint-dbe0cf);
}

:where([data-app="aso"]) footer p,
:where([data-app="aso"]) footer>div,
:where([data-app="aso"]) footer small {
  font-size: var(--aso-type-size-9375rem);
  line-height: var(--aso-type-line-height-1-7);
}

:where([data-app="aso"]) footer>div {
  flex-wrap: wrap;
  gap: var(--aso-space-8px-24px);
}

:where([data-app="aso"]) footer a:not(.brand) {
  display: inline-flex;
  align-items: center;
  min-height: var(--aso-layout-44px);
}

:where([data-app="aso"]) .reading-links>div>a {
  font-size: var(--aso-type-size-1-0625rem);
  line-height: var(--aso-type-line-height-1-55);
  padding: var(--aso-space-22px);
  min-height: var(--aso-layout-64px);
}

:where([data-app="aso"]) .section>p:not(.eyebrow):not(.visual-note) {
  max-width: var(--aso-layout-80ch);
}

:where([data-app="aso"]) .library-search {
  display: grid;
  gap: var(--aso-space-10px);
  max-width: var(--aso-layout-700px);
  margin: var(--aso-space-24px-0-36px);
  color: var(--aso-color-ink);
  font-size: var(--aso-type-size-1rem);
}

:where([data-app="aso"]) .library-search input {
  color: var(--aso-color-ink);
  background: var(--aso-paint-fffef8);
  border: var(--aso-border-1px-solid-858b77);
  padding: var(--aso-space-16px);
  border-radius: var(--aso-radius-2px);
}

:where([data-app="aso"]) .library-search input:focus-visible {
  outline: var(--aso-border-3px-solid-657629);
  outline-offset: var(--aso-border-3px);
}

:where([data-app="aso"]) #guide-search-status {
  font-size: var(--aso-type-size-1rem);
  margin: var(--aso-space-0);
}

:where([data-app="aso"]) .guide-card[hidden] {
  display: none;
}

@media (max-width: 1000px) {
:where([data-app="aso"]) header {
  flex-wrap: wrap;
}

:where([data-app="aso"]) nav[aria-label="Main navigation"] {
  order: var(--aso-layout-3);
  width: var(--aso-layout-100);
  justify-content: space-between;
  gap: var(--aso-space-10px);
}

:where([data-app="aso"]) .commercial-grid {
  gap: var(--aso-space-5);
}

:where([data-app="aso"]) .hero-intro {
  font-size: var(--aso-type-size-1-125rem);
}
}

@media (max-width: 700px) {
:where([data-app="aso"]) header {
  min-height: var(--aso-layout-0);
  padding: var(--aso-space-18px-6-12px);
  gap: var(--aso-space-12px);
}

:where([data-app="aso"]) .brand {
  font-size: var(--aso-type-size-32px);
}

:where([data-app="aso"]) .brand span {
  font-size: var(--aso-type-size-625rem);
}

:where([data-app="aso"]) nav[aria-label="Main navigation"] {
  font-size: var(--aso-type-size-9375rem);
  display: grid;
  grid-template-columns: var(--aso-layout-repeat-3-1fr);
  gap: var(--aso-space-2px-12px);
}

:where([data-app="aso"]) nav[aria-label="Main navigation"] a {
  justify-content: flex-start;
}

:where([data-app="aso"]) .nav-cta {
  font-size: var(--aso-type-size-875rem);
}

:where([data-app="aso"]) .hero h1,
:where([data-app="aso"]) .commercial-grid h1,
:where([data-app="aso"]) .page-hero h1 {
  font-size: var(--aso-type-size-clamp-2-75rem-10-5vw-4-5rem);
  line-height: var(--aso-type-line-height-1-02);
}

:where([data-app="aso"]) .hero-intro,
:where([data-app="aso"]) .commercial-intro,
:where([data-app="aso"]) .intro p:not(.eyebrow) {
  font-size: var(--aso-type-size-1-125rem);
  line-height: var(--aso-type-line-height-1-75);
}

:where([data-app="aso"]) .hero-foot {
  font-size: var(--aso-type-size-8125rem);
}

:where([data-app="aso"]) .actions {
  flex-wrap: wrap;
  gap: var(--aso-space-14px);
}

:where([data-app="aso"]) .section {
  padding-block: var(--aso-space-48px);
}

:where([data-app="aso"]) .commercial-hero {
  padding-top: var(--aso-space-24px);
}

:where([data-app="aso"]) .commercial-grid {
  gap: var(--aso-space-24px);
}

:where([data-app="aso"]) .reading p,
:where([data-app="aso"]) .reading li,
:where([data-app="aso"]) .editorial-layout p,
:where([data-app="aso"]) .editorial-layout li {
  font-size: var(--aso-type-size-1-125rem);
  line-height: var(--aso-type-line-height-1-8);
}

:where([data-app="aso"]) .page-toc a {
  max-width: var(--aso-layout-100);
}

:where([data-app="aso"]) .page-toc {
  display: block;
}

:where([data-app="aso"]) .page-toc>span {
  display: block;
  margin-bottom: var(--aso-space-10px);
}

:where([data-app="aso"]) .proof {
  grid-template-columns: var(--aso-layout-1fr);
}

:where([data-app="aso"]) .proof div,
:where([data-app="aso"]) .proof div:first-of-type {
  border-left: var(--aso-border-0);
  border-top: var(--aso-border-1px-solid-var-aso-color-divider);
  padding: var(--aso-space-22px-0-0);
}

:where([data-app="aso"]) .proof h3 {
  font-size: var(--aso-type-size-2rem);
  margin: var(--aso-space-10px-0);
}

:where([data-app="aso"]) .service-row p {
  font-size: var(--aso-type-size-1-0625rem);
}

:where([data-app="aso"]) .service-row {
  gap: var(--aso-space-12px);
}

:where([data-app="aso"]) .funnel-chart>div {
  grid-template-columns: var(--aso-layout-1fr-90px);
}

:where([data-app="aso"]) .funnel-chart>div>span {
  grid-column: 1/-1;
}

:where([data-app="aso"]) .hypothesis-draft output {
  font-size: var(--aso-type-size-1-0625rem);
}

:where([data-app="aso"]) .check-status output {
  white-space: normal;
  font-size: var(--aso-type-size-1-875rem);
}

:where([data-app="aso"]) .comparison-scroll table {
  min-width: var(--aso-layout-620px);
}

:where([data-app="aso"]) .comparison-scroll th,
:where([data-app="aso"]) .comparison-scroll td {
  padding: var(--aso-space-18px);
}

:where([data-app="aso"]) .guide-cta h2 {
  font-size: var(--aso-type-size-2-5rem);
}

:where([data-app="aso"]) .guide-cta .button {
  white-space: normal;
  max-width: var(--aso-layout-100);
}

:where([data-app="aso"]) .contact h2 {
  font-size: var(--aso-type-size-3-5rem);
}

:where([data-app="aso"]) .contact>div>p:not(.eyebrow) {
  font-size: var(--aso-type-size-1-0625rem);
}

:where([data-app="aso"]) footer {
  grid-template-columns: var(--aso-layout-1fr);
}

:where([data-app="aso"]) footer p,
:where([data-app="aso"]) footer small {
  text-align: left;
}

:where([data-app="aso"]) .audience-bar {
  font-size: var(--aso-type-size-9375rem);
}

:where([data-app="aso"]) .guide-card>div {
  padding: var(--aso-space-24px);
}
}

@media (prefers-reduced-motion:reduce) {
:where(html[data-app="aso"]) {
  scroll-behavior: auto;
}

:where([data-app="aso"]) *,
:where([data-app="aso"]) *:before,
:where([data-app="aso"]) *:after {
  transition: none !important;
  animation: none !important;
}
}

:where([data-app="aso"]) .more-reading {
  border-block: var(--aso-border-1px-solid-b4bea2);
  padding: var(--aso-space-16px-0);
  margin: var(--aso-space-20px-0);
}

:where([data-app="aso"]) .extra-reading {
  display: grid;
  grid-template-columns: var(--aso-layout-repeat-3-1fr);
  gap: var(--aso-space-16px);
  margin: var(--aso-space-20px-0);
}

:where([data-app="aso"]) .extra-reading a {
  padding: var(--aso-space-18px);
  border: var(--aso-border-1px-solid-b4bea2);
  font-size: var(--aso-type-size-1rem);
  line-height: var(--aso-type-line-height-1-6);
}

:where([data-app="aso"]) .extra-reading a:hover {
  background: var(--aso-color-accent);
}

@media (max-width: 900px) {
:where([data-app="aso"]) .extra-reading {
  grid-template-columns: var(--aso-layout-repeat-2-1fr);
}
}

@media (max-width: 700px) {
:where([data-app="aso"]) .extra-reading {
  grid-template-columns: var(--aso-layout-1fr);
}
}

/* components/charts.css */
:where([data-app="aso"]) [data-chart-value="0%"] .funnel-track i,
:where([data-app="aso"]) [data-chart-width="0%"] { width: var(--aso-chart-ratio-0); }
:where([data-app="aso"]) [data-chart-value="6%"] .funnel-track i,
:where([data-app="aso"]) [data-chart-width="6%"] { width: var(--aso-chart-ratio-6); }
:where([data-app="aso"]) [data-chart-value="20%"] .funnel-track i,
:where([data-app="aso"]) [data-chart-width="20%"] { width: var(--aso-chart-ratio-20); }
:where([data-app="aso"]) [data-chart-value="25%"] .funnel-track i,
:where([data-app="aso"]) [data-chart-width="25%"] { width: var(--aso-chart-ratio-25); }
:where([data-app="aso"]) [data-chart-value="30%"] .funnel-track i,
:where([data-app="aso"]) [data-chart-width="30%"] { width: var(--aso-chart-ratio-30); }
:where([data-app="aso"]) [data-chart-value="30.0%"] .funnel-track i,
:where([data-app="aso"]) [data-chart-width="30.0%"] { width: var(--aso-chart-ratio-30-0); }
:where([data-app="aso"]) [data-chart-value="35%"] .funnel-track i,
:where([data-app="aso"]) [data-chart-width="35%"] { width: var(--aso-chart-ratio-35); }
:where([data-app="aso"]) [data-chart-value="40.0%"] .funnel-track i,
:where([data-app="aso"]) [data-chart-width="40.0%"] { width: var(--aso-chart-ratio-40-0); }
:where([data-app="aso"]) [data-chart-value="40%"] .funnel-track i,
:where([data-app="aso"]) [data-chart-width="40%"] { width: var(--aso-chart-ratio-40); }
:where([data-app="aso"]) [data-chart-value="50%"] .funnel-track i,
:where([data-app="aso"]) [data-chart-width="50%"] { width: var(--aso-chart-ratio-50); }
:where([data-app="aso"]) [data-chart-value="57.14285714285714%"] .funnel-track i,
:where([data-app="aso"]) [data-chart-width="57.14285714285714%"] { width: var(--aso-chart-ratio-57-14285714285714); }
:where([data-app="aso"]) [data-chart-value="60%"] .funnel-track i,
:where([data-app="aso"]) [data-chart-width="60%"] { width: var(--aso-chart-ratio-60); }
:where([data-app="aso"]) [data-chart-value="60.0%"] .funnel-track i,
:where([data-app="aso"]) [data-chart-width="60.0%"] { width: var(--aso-chart-ratio-60-0); }
:where([data-app="aso"]) [data-chart-value="65%"] .funnel-track i,
:where([data-app="aso"]) [data-chart-width="65%"] { width: var(--aso-chart-ratio-65); }
:where([data-app="aso"]) [data-chart-value="70%"] .funnel-track i,
:where([data-app="aso"]) [data-chart-width="70%"] { width: var(--aso-chart-ratio-70); }
:where([data-app="aso"]) [data-chart-value="78.57142857142857%"] .funnel-track i,
:where([data-app="aso"]) [data-chart-width="78.57142857142857%"] { width: var(--aso-chart-ratio-78-57142857142857); }
:where([data-app="aso"]) [data-chart-value="80%"] .funnel-track i,
:where([data-app="aso"]) [data-chart-width="80%"] { width: var(--aso-chart-ratio-80); }
:where([data-app="aso"]) [data-chart-value="100.0%"] .funnel-track i,
:where([data-app="aso"]) [data-chart-width="100.0%"] { width: var(--aso-chart-ratio-100-0); }
:where([data-app="aso"]) [data-chart-value="100%"] .funnel-track i,
:where([data-app="aso"]) [data-chart-width="100%"] { width: var(--aso-chart-ratio-100); }
:where([data-app="aso"]) [data-chart-offset="0%"] { margin-left: var(--aso-chart-offset-0); }
:where([data-app="aso"]) [data-chart-offset="8%"] { margin-left: var(--aso-chart-offset-8); }
:where([data-app="aso"]) [data-chart-offset="16%"] { margin-left: var(--aso-chart-offset-16); }
:where([data-app="aso"]) [data-chart-offset="24%"] { margin-left: var(--aso-chart-offset-24); }
 :where([data-app="aso"]) .bar-track progress { appearance: none; display: block; width: var(--aso-chart-ratio-100); height: var(--aso-chart-ratio-100); border: none; background: transparent; }
:where([data-app="aso"]) .bar-track progress::-webkit-progress-bar { background: transparent; }
:where([data-app="aso"]) .bar-track progress::-webkit-progress-value { background: var(--aso-color-accent); }
:where([data-app="aso"]) .bar-track progress::-moz-progress-bar { background: var(--aso-color-accent); }

/* components/editorial-type.css */
/* Display type belongs to short hero headlines; reading sections use open letterforms. */
:where([data-app="aso"]) h2,
:where([data-app="aso"]) h3 {
  font-family: var(--aso-font-dm-sans-arial-sans-serif);
  font-weight: var(--aso-type-weight-600);
  letter-spacing: var(--aso-type-letter-spacing-0);
  line-height: var(--aso-heading-leading);
}
:where([data-app="aso"]) .section h2,
:where([data-app="aso"]) .reading h2,
:where([data-app="aso"]) .editorial-layout h2,
:where([data-app="aso"]) .faq h2,
:where([data-app="aso"]) .manifesto h2,
:where([data-app="aso"]) .contact h2 {
  font-size: var(--aso-type-size-2-25rem);
  line-height: var(--aso-heading-leading);
  letter-spacing: var(--aso-type-letter-spacing-0);
}
:where([data-app="aso"]) .guide-card h3,
:where([data-app="aso"]) .learning-steps h3,
:where([data-app="aso"]) .learning-pathways h3,
:where([data-app="aso"]) .story-phone h3,
:where([data-app="aso"]) .service-row h3,
:where([data-app="aso"]) .articles h3,
:where([data-app="aso"]) .proof h3,
:where([data-app="aso"]) .priority-result h3 {
  font-size: var(--aso-subheading-size);
  line-height: var(--aso-heading-leading);
  letter-spacing: var(--aso-type-letter-spacing-0);
}
@media (max-width: 700px) {
  :where([data-app="aso"]) .section h2,
  :where([data-app="aso"]) .reading h2,
  :where([data-app="aso"]) .editorial-layout h2,
  :where([data-app="aso"]) .faq h2,
  :where([data-app="aso"]) .manifesto h2,
  :where([data-app="aso"]) .contact h2 {
    font-size: var(--aso-type-size-2rem);
  }
}

/* components/flagships.css */
/* Shared teaching components; all pages compose the same layout-owned system. */
:where([data-app="aso"]) .flagship-intro {
  background: var(--aso-color-accent);
  color: var(--aso-color-ink);
}
:where([data-app="aso"]) .flagship-intro > p,
:where([data-app="aso"]) .flagship-prose {
  max-width: var(--aso-layout-70ch);
}
:where([data-app="aso"]) .flagship-prose p,
:where([data-app="aso"]) .flagship-prose li,
:where([data-app="aso"]) .flagship-intro > p,
:where([data-app="aso"]) .flagship-note {
  font-size: var(--aso-type-size-1-1875rem);
  line-height: var(--aso-type-line-height-1-75);
}
:where([data-app="aso"]) .flagship-prose h3 {
  font-size: var(--aso-subheading-size);
  margin-top: var(--aso-space-32px);
}
:where([data-app="aso"]) .flagship-prose li {
  padding: var(--aso-space-16px-0);
}
:where([data-app="aso"]) .flagship-prose a {
  text-decoration: underline;
}
:where([data-app="aso"]) .flagship-answer {
  border: var(--aso-border-1px-solid-var-aso-color-divider);
  padding: var(--aso-space-24px);
}
:where([data-app="aso"]) .flagship-answer summary {
  font-family: var(--aso-font-dm-sans-arial-sans-serif);
  font-size: var(--aso-type-size-1-25rem);
  line-height: var(--aso-type-line-height-1-6);
}
:where([data-app="aso"]) .flagship-note {
  padding: var(--aso-space-24px);
  border: var(--aso-border-1px-solid-var-aso-color-divider);
}
/* These teaching tables sit on paper, not the dark visual panel. */
:where([data-app="aso"]) .flagship-lab .comparison-hint,
:where([data-app="aso"]) .flagship-lab .comparison-scroll caption,
:where([data-app="aso"]) .flagship-lab .comparison-scroll tbody th {
  color: var(--aso-color-ink);
}
:where([data-app="aso"]) .flagship-lab .comparison-scroll thead {
  background: var(--aso-color-ink);
  color: var(--aso-color-paper);
}

/* components/playbooks.css */
/* Shared category teaching diagrams: semantic HTML, scoped and token driven. */
:where([data-app="aso"]) .intent-diagram {
  margin: var(--aso-space-24px-0);
  padding: var(--aso-space-24px);
  background: var(--aso-color-ink);
  color: var(--aso-color-paper);
}
:where([data-app="aso"]) .intent-diagram figcaption {
  color: var(--aso-color-accent);
  font-size: var(--aso-type-size-1-25rem);
}
:where([data-app="aso"]) .intent-diagram ol {
  display: flex;
  flex-wrap: wrap;
  gap: var(--aso-space-24px);
  padding: var(--aso-space-0);
  list-style: none;
}
:where([data-app="aso"]) .intent-diagram li {
  flex: var(--aso-playbook-card-flex);
  border-top: var(--aso-border-1px-solid-var-aso-color-divider);
  padding-top: var(--aso-space-16px);
}
:where([data-app="aso"]) .intent-diagram strong,
:where([data-app="aso"]) .intent-diagram span {
  display: block;
  font-size: var(--aso-type-size-1-1875rem);
  line-height: var(--aso-type-line-height-1-75);
}
:where([data-app="aso"]) .intent-diagram strong {
  color: var(--aso-color-accent);
}
:where([data-app="aso"]) .keyword-clusters {
  display: flex;
  flex-wrap: wrap;
  gap: var(--aso-space-24px);
}
:where([data-app="aso"]) .keyword-clusters article {
  flex: var(--aso-playbook-card-flex);
  padding: var(--aso-space-24px);
  border: var(--aso-border-1px-solid-var-aso-color-divider);
}
:where([data-app="aso"]) .keyword-clusters li,
:where([data-app="aso"]) .keyword-clusters p {
  font-size: var(--aso-type-size-1-1875rem);
  line-height: var(--aso-type-line-height-1-75);
}
:where([data-app="aso"]) .reference-capture {
  margin: var(--aso-space-24px-0);
}
:where([data-app="aso"]) .reference-capture img {
  width: var(--aso-layout-100);
  height: auto;
}
:where([data-app="aso"]) .reference-capture figcaption {
  color: var(--aso-color-ink);
  font-size: var(--aso-type-size-1-125rem);
  line-height: var(--aso-type-line-height-1-75);
}
:where([data-app="aso"]) .store-panel-gallery {
  display: grid;
  grid-template-columns: var(--aso-playbook-panel-grid);
  gap: var(--aso-space-24px);
  margin: var(--aso-space-24px-0);
  align-items: start;
}
:where([data-app="aso"]) .ai-concept-grid {
  display: grid;
  grid-template-columns: var(--aso-playbook-concept-grid);
  gap: var(--aso-space-24px);
  margin: var(--aso-space-24px-0);
  align-items: start;
}
:where([data-app="aso"]) .category-report-hero .commercial-grid figure img {
  object-position: top;
}
/* Use for instructional artwork whose lower content must remain visible. */
:where([data-app="aso"]) .category-report-hero--complete-art .commercial-grid figure img {
  aspect-ratio: auto;
  object-fit: contain;
}
:where([data-app="aso"]) .category-report-hero .commercial-grid,
:where([data-app="aso"]) .category-report-hero .commercial-grid > *,
:where([data-app="aso"]) .category-report-hero .commercial-grid figure {
  min-width: var(--aso-layout-0);
  max-width: var(--aso-layout-100);
}
:where([data-app="aso"]) .category-report-hero .commercial-grid figure {
  width: var(--aso-layout-100);
  overflow: hidden;
}
@media (max-width: 700px) {
  :where([data-app="aso"]) .category-report-hero .commercial-grid h1 {
    font-size: var(--aso-type-size-clamp-2-75rem-10-5vw-4-5rem);
    max-width: var(--aso-layout-100);
    overflow-wrap: anywhere;
  }
  :where([data-app="aso"]) .category-report-hero .commercial-grid h1 em {
    display: block;
  }
}
:where([data-app="aso"]) .store-panel-gallery figure,
:where([data-app="aso"]) .ai-concept-grid figure {
  margin: var(--aso-space-0);
}
:where([data-app="aso"]) .store-panel-gallery img,
:where([data-app="aso"]) .ai-concept-grid img {
  display: block;
  width: var(--aso-layout-100);
  height: auto;
}
:where([data-app="aso"]) .store-panel-gallery figcaption,
:where([data-app="aso"]) .ai-concept-grid figcaption {
  color: var(--aso-color-ink);
  font-size: var(--aso-type-size-1-125rem);
  line-height: var(--aso-type-line-height-1-75);
  padding: var(--aso-space-16px-0);
}

/* components/experiments.css */
/* Research typography and layouts are scoped to the experiment template. */
:where([data-app="aso"]) .experiment-hero h1 {
  font-family: var(--aso-font-dm-sans-arial-sans-serif);
  font-size: var(--aso-type-size-clamp-2-75rem-10-5vw-4-5rem);
  line-height: var(--aso-type-line-height-1-1);
  letter-spacing: normal;
  text-transform: none;
}
:where([data-app="aso"]) .experiment-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--aso-space-16px);
  margin-top: var(--aso-space-24px);
}
:where([data-app="aso"]) .experiment-verdict {
  padding: var(--aso-space-24px);
  background: var(--aso-color-ink);
  color: var(--aso-color-paper);
}
:where([data-app="aso"]) .experiment-verdict .eyebrow { color: var(--aso-color-accent); }
:where([data-app="aso"]) .experiment-article .experiment-verdict a { color: var(--aso-color-accent); }
:where([data-app="aso"]) .experiment-article details { margin-top: var(--aso-space-24px); }
:where([data-app="aso"]) .experiment-article summary { cursor: pointer; font-weight: var(--aso-type-weight-700); }
:where([data-app="aso"]) .experiment-table { overflow-x: auto; max-width: var(--aso-layout-100); }
:where([data-app="aso"]) .experiment-article img { max-width: var(--aso-layout-100); height: auto; }
:where([data-app="aso"]) .experiment-article code { overflow-wrap: anywhere; word-break: break-word; }
:where([data-app="aso"]) .experiment-article details p { overflow-wrap: anywhere; }
:where([data-app="aso"]) .reading.experiment-article .experiment-verdict { padding: var(--aso-space-24px); }
:where([data-app="aso"]) .experiment-chart { margin: var(--aso-space-24px-0); padding: var(--aso-space-24px); border: var(--aso-border-1px-solid-var-aso-color-divider); }
:where([data-app="aso"]) .experiment-chart figcaption { font-weight: var(--aso-type-weight-700); font-size: var(--aso-type-size-1-25rem); }
:where([data-app="aso"]) .experiment-chart svg { width: var(--aso-layout-100); height: auto; color: var(--aso-color-ink); }
:where([data-app="aso"]) .experiment-chart text { fill: currentColor; font-family: var(--aso-font-dm-sans-arial-sans-serif); font-size: var(--aso-type-size-16px); font-weight: var(--aso-type-weight-700); }
:where([data-app="aso"]) .experiment-bar-first { fill: var(--aso-color-accent); }
:where([data-app="aso"]) .experiment-bar-second { fill: var(--aso-color-ink); }
:where([data-app="aso"]) .experiment-bar-label { display: flex; justify-content: space-between; flex-wrap: wrap; gap: var(--aso-space-8px); margin-top: var(--aso-space-24px); }
:where([data-app="aso"]) .experiment-flow { margin: var(--aso-space-24px-0); padding: var(--aso-space-24px); background: var(--aso-color-ink); color: var(--aso-color-paper); }
:where([data-app="aso"]) .experiment-flow figcaption { color: var(--aso-color-accent); font-size: var(--aso-type-size-1-25rem); font-weight: var(--aso-type-weight-700); }
:where([data-app="aso"]) .experiment-flow-grid { display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--aso-space-16px); margin-top: var(--aso-space-24px); }
:where([data-app="aso"]) .experiment-flow-grid div { flex: var(--aso-playbook-card-flex); border: var(--aso-border-1px-solid-var-aso-color-divider); padding: var(--aso-space-16px); }
:where([data-app="aso"]) .experiment-flow-grid div span, :where([data-app="aso"]) .experiment-flow-grid strong { display: block; color: var(--aso-color-accent); }
:where([data-app="aso"]) .experiment-flow-arrow { align-self: center; color: var(--aso-color-accent); font-size: var(--aso-type-size-36px); }
:where([data-app="aso"]) .experiment-flow-note { border-top: var(--aso-border-1px-solid-var-aso-color-divider); padding-top: var(--aso-space-16px); }
:where([data-app="aso"]) .experiment-article details li { overflow-wrap: anywhere; }

/* Keep the study question compact on narrow screens and make each step readable. */
@media (max-width: 700px) {
  :where([data-app="aso"]) .experiment-hero { padding-top: var(--aso-space-32px); padding-bottom: var(--aso-space-32px); }
  :where([data-app="aso"]) .experiment-hero h1 { font-size: var(--aso-type-size-clamp-2rem-3-3vw-2-75rem); }
  :where([data-app="aso"]) .experiment-flow-grid { flex-direction: column; }
  :where([data-app="aso"]) .experiment-flow-arrow { display: none; }
}

:where([data-app="aso"]) .experiment-editorial { margin: var(--aso-space-24px-0); }
:where([data-app="aso"]) .experiment-editorial img { display: block; width: var(--aso-layout-100); height: auto; }
:where([data-app="aso"]) .experiment-chart { background: var(--aso-color-paper); }
:where([data-app="aso"]) .experiment-flow-grid strong { margin-top: var(--aso-space-8px); }

/* Result panels put each study's comparison in its own words and sequence. */
:where([data-app="aso"]) .experiment-specific { margin: var(--aso-space-24px-0); padding: var(--aso-space-24px); border: var(--aso-border-1px-solid-var-aso-color-divider); background: var(--aso-color-paper); }
:where([data-app="aso"]) .experiment-specific figcaption { font-size: var(--aso-type-size-1-25rem); font-weight: var(--aso-type-weight-700); }
:where([data-app="aso"]) .experiment-specific-path { font-weight: var(--aso-type-weight-700); }
:where([data-app="aso"]) .experiment-specific-pair { display: grid; grid-template-columns: var(--aso-layout-1fr-1fr); gap: var(--aso-space-16px); }
:where([data-app="aso"]) .experiment-specific-pair div { padding: var(--aso-space-16px); background: var(--aso-color-ink); color: var(--aso-color-paper); }
:where([data-app="aso"]) .experiment-specific-pair strong { display: block; color: var(--aso-color-accent); font-size: var(--aso-type-size-2-25rem); line-height: var(--aso-type-line-height-1-1); }
:where([data-app="aso"]) .experiment-specific-pair span { display: block; margin-top: var(--aso-space-8px); }
:where([data-app="aso"]) .experiment-specific--1 .experiment-specific-pair div:last-child { background: var(--aso-color-accent); color: var(--aso-color-ink); }
:where([data-app="aso"]) .experiment-specific--1 .experiment-specific-pair div:last-child strong { color: var(--aso-color-ink); }
:where([data-app="aso"]) .experiment-specific--2 .experiment-specific-pair div:first-child { background: var(--aso-color-accent); color: var(--aso-color-ink); }
:where([data-app="aso"]) .experiment-specific--2 .experiment-specific-pair div:first-child strong { color: var(--aso-color-ink); }
@media (max-width: 700px) {
 :where([data-app="aso"]) .experiment-specific-pair { grid-template-columns: var(--aso-layout-1fr); }
}
:where([data-app="aso"]) .experiment-dots { display: flex; flex-wrap: wrap; gap: var(--aso-space-8px); color: var(--aso-color-ink); }
:where([data-app="aso"]) .experiment-dot { font-size: var(--aso-type-size-1-25rem); line-height: var(--aso-type-line-height-1-1); }
:where([data-app="aso"]) .experiment-dot--marked { color: var(--aso-paint-6a6d60); }

/* Each research figure chooses the structure that explains its own comparison. */
:where([data-app="aso"]) .study-route, :where([data-app="aso"]) .study-twin { display: flex; flex-wrap: wrap; gap: var(--aso-space-16px); align-items: stretch; }
:where([data-app="aso"]) .study-route > *, :where([data-app="aso"]) .study-twin > * { flex: var(--aso-playbook-card-flex); }
:where([data-app="aso"]) .study-arrow { flex: none; align-self: center; font-size: var(--aso-type-size-1-25rem); }
:where([data-app="aso"]) .study-node { padding: var(--aso-space-16px); background: var(--aso-color-ink); color: var(--aso-color-paper); }
:where([data-app="aso"]) .study-node strong { display: block; color: var(--aso-color-accent); font-size: var(--aso-type-size-1-25rem); }
:where([data-app="aso"]) .study-node span { display: block; margin-top: var(--aso-space-8px); }
:where([data-app="aso"]) .study-bracket { border: var(--aso-border-1px-solid-var-aso-color-divider); padding: var(--aso-space-16px); }
:where([data-app="aso"]) .study-bracket > strong { display: block; margin-bottom: var(--aso-space-16px); }
:where([data-app="aso"]) .study-row { display: flex; justify-content: space-between; flex-wrap: wrap; gap: var(--aso-space-8px); padding: var(--aso-space-8px); border-bottom: var(--aso-border-1px-solid-var-aso-color-divider); }
:where([data-app="aso"]) .study-stack { display: grid; gap: var(--aso-space-16px); }
:where([data-app="aso"]) .study-grid { display: flex; flex-wrap: wrap; gap: var(--aso-space-8px); margin: var(--aso-space-16px-0); }
:where([data-app="aso"]) .study-cell { display: block; width: var(--aso-space-12px); height: var(--aso-space-12px); background: var(--aso-color-paper); border: var(--aso-border-1px-solid-var-aso-color-ink); }
:where([data-app="aso"]) .study-cell--selected { background: var(--aso-color-ink); }
@media (max-width: 700px) {
 :where([data-app="aso"]) .study-route, :where([data-app="aso"]) .study-twin { flex-direction: column; }
 :where([data-app="aso"]) .study-route > *, :where([data-app="aso"]) .study-twin > * { flex: none; }
 :where([data-app="aso"]) .study-arrow { display: block; }
}

:where([data-app="aso"]) .study-arrow-down { display: none; }
@media (max-width: 700px) {
 :where([data-app="aso"]) .study-arrow-across { display: none; }
 :where([data-app="aso"]) .study-arrow-down { display: inline; }
}

:where([data-app="aso"]) .study-node { border-left: var(--aso-border-4px-solid-var-aso-color-accent); }
:where([data-app="aso"]) .study-context { font-weight: var(--aso-type-weight-700); }
:where([data-app="aso"]) .study-row strong { text-align: right; }

/* Keep connectors attached to their destination instead of wrapping alone. */
:where([data-app="aso"]) .study-route { flex-wrap: nowrap; }
:where([data-app="aso"]) .study-route > * { min-width: var(--aso-layout-0); }

}