*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:#172733;background:#fff}a{color:inherit;text-underline-offset:4px}main{--ink:#172733}.wrap{max-width:1140px;margin:auto}.draft{background:#252438;color:#fff;text-align:center;font-size:12px;padding:11px}.draft a{margin-right:20px}.hero{background:var(--pale);padding:72px 28px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;text-transform:uppercase;color:var(--accent);margin:0 0 20px}h1{font-size:clamp(36px,4.8vw,65px);letter-spacing:-2px;line-height:1.08;max-width:960px;margin:0 0 25px}h2{font-size:clamp(28px,3.5vw,42px);letter-spacing:-1px;line-height:1.15;margin:0 0 24px}h3{font-size:22px;line-height:1.3;margin:0 0 14px}p{line-height:1.7;margin:0 0 18px}.lead{font-size:20px;max-width:810px}.tagline{font-size:25px;color:var(--accent);font-weight:700}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:30px}.button{padding:16px 23px;background:var(--accent);color:white;border-radius:9px;font-weight:700;text-decoration:none;display:inline-block;font-size:15px}.section{padding:65px 28px;scroll-margin-top:30px}.soft{background:#f7f7f5}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.outputs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.output{padding:28px;border:1px solid #dddfe0;border-radius:16px}.output span{display:block;font-size:12px;color:var(--accent);margin-bottom:20px}.output p{font-size:18px;margin:0}.section-intro{max-width:760px}.cases details,.modules details,.faq details{border:1px solid #dce0df;border-radius:14px;margin:12px 0;background:#fff;overflow:hidden}summary{list-style:none;cursor:pointer;padding:23px 25px;font-size:19px;line-height:1.4;font-weight:700;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--accent)}details[open]>summary:after{content:'−'}summary:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.answer{padding:0 25px 25px;max-width:1000px}.case-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:35px;align-items:center}.flow{padding:30px;background:var(--pale);border-radius:16px}.flow small{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:1px}.step{padding:15px 0;border-bottom:1px solid #0002;font-size:18px}.step:last-child{border-bottom:0}.note{font-size:13px;color:#64706e}.modules{max-width:900px}.module-number{font-size:12px;color:var(--accent);display:block;margin-bottom:6px}.method{padding:30px;border-left:3px solid var(--accent);background:var(--pale)}.cta{background:var(--pale)}.other{display:flex;gap:12px;flex-wrap:wrap}.other a{border:1px solid #ddd;border-radius:22px;padding:10px 15px;font-size:14px}.review-label{padding:12px 16px;background:#fff8da;border-radius:8px;font-size:14px;margin-bottom:26px}.index-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.index-card{display:block;padding:30px;border:1px solid #ddd;border-radius:18px;text-decoration:none}.index-card:hover{background:#f5f2fa}.index-card p{font-size:16px}.index-card span{color:#5a3dab;font-weight:700}@media(max-width:760px){.hero,.section{padding:42px 20px}h1{letter-spacing:-1px}.intro-grid,.outputs,.case-layout,.index-grid{grid-template-columns:1fr;gap:22px}.lead{font-size:18px}summary{padding:20px;font-size:17px}.answer{padding:0 20px 22px}.tagline{font-size:22px}}

/* sector hero photography */
.hero:has(.sector-hero-copy){padding:55px 28px 48px}.hero:has(.sector-hero-copy)>.wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:42px;align-items:center}.sector-hero-copy h1{font-size:clamp(34px,4vw,54px);letter-spacing:-1.7px}.sector-hero-copy .tagline{font-size:22px;line-height:1.4}.sector-hero-copy .lead{font-size:18px}.sector-hero-figure{margin:0;min-width:0}.sector-hero-figure img{display:block;width:100%;height:570px;max-height:72vh;object-fit:cover;border-radius:24px;box-shadow:0 22px 50px #17273318}.sector-hero-figure figcaption{font-size:11px;color:#65736d;margin-top:10px;text-align:right}.sector-hero-copy .actions{gap:18px;font-size:14px}
@media(max-width:850px){.hero:has(.sector-hero-copy)>.wrap{grid-template-columns:1fr;gap:28px}.sector-hero-figure img{height:auto;max-height:none;aspect-ratio:3/2}.hero:has(.sector-hero-copy){padding:40px 20px}.sector-hero-copy h1{font-size:38px}}