:root{
  --bg:#f6f6fa;--paper:#fff;--ink:#242430;--muted:#6f7180;--soft:#9294a2;
  --line:#e9e8f0;--purple:#6345dc;--purple-soft:#f6f3ff;--max:1040px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.page-shell{width:min(var(--max),calc(100% - 40px));margin:32px auto 48px;background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:0 16px 46px rgba(35,32,60,.07);overflow:hidden}
.site-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 42px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.brand-line{display:flex;align-items:center;gap:8px}.brand-line a{font-weight:800;color:#343440;text-decoration:none}.company-home{color:var(--purple);font-weight:750;text-decoration:none}
.hero{padding:52px 42px 46px;background:radial-gradient(circle at 92% 2%,rgba(99,69,220,.11),transparent 34%),#fff}
.eyebrow,.section-label{margin:0 0 9px;color:var(--purple);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.hero h1{margin:0;font-size:48px;line-height:1.04;letter-spacing:-.045em}.hero-subtitle{max-width:720px;margin:14px 0 0;color:var(--muted);font-size:18px;line-height:1.6}
.content-section{padding:36px 42px;border-top:1px solid var(--line)}.content-section h2,.legal-note h2{margin:0 0 11px;font-size:25px;line-height:1.22;letter-spacing:-.025em}.content-section>p:not(.section-label){max-width:820px;margin:0;color:var(--muted);font-size:14px;line-height:1.75}
.credit-section{background:linear-gradient(180deg,#fff 0%,#fdfcff 100%)}.credit-row{display:flex;align-items:center;gap:14px;margin:5px 0 18px}.monogram{width:46px;height:46px;display:grid;place-items:center;flex:0 0 46px;border-radius:14px;background:var(--purple-soft);color:var(--purple);font-size:12px;font-weight:900}.credit-main h2{margin:0 0 2px;font-size:24px}.credit-main p{margin:0}.job{color:#555766;font-size:12.5px;font-weight:650}.role{margin-top:3px!important;color:var(--purple)!important;font-size:11.5px;font-weight:850}.credit-statement{padding-top:16px;border-top:1px solid var(--line)}.credit-statement strong{color:#343541}
.scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:19px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.scope-grid>div{padding:16px 18px;border-bottom:1px solid var(--line)}.scope-grid>div:nth-child(odd){border-right:1px solid var(--line)}.scope-grid>div:nth-last-child(-n+2){border-bottom:0}.scope-grid strong{display:block;margin-bottom:5px;font-size:13px}.scope-grid span{display:block;color:var(--muted);font-size:12px;line-height:1.55}
.legal-note{padding:30px 42px;border-top:1px solid var(--line);background:#fbfbfd}.legal-note h2{font-size:20px}.legal-note>p:not(.section-label){max-width:880px;margin:8px 0;color:var(--muted);font-size:12.5px;line-height:1.72}.legal-note strong{color:#444552}.legal-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px}.legal-links a{color:var(--purple);font-size:11.5px;font-weight:800;text-decoration:none}.legal-links a:hover{text-decoration:underline;text-underline-offset:3px}
.page-footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:24px;padding:20px 42px;border-top:1px solid var(--line);color:var(--soft);font-size:10.5px}.page-footer strong{display:block;color:#555662;font-size:11.5px}.page-footer span{display:block;margin-top:2px}.footer-links{display:flex;gap:14px}.footer-links a{color:var(--purple);font-weight:750;text-decoration:none}.copyright{text-align:right}
@media(max-width:700px){.page-shell{width:100%;margin:0;border:0;border-radius:0;box-shadow:none}.site-head{padding:17px 20px}.company-home{display:none}.hero{padding:38px 20px 34px}.hero h1{font-size:36px}.hero-subtitle{font-size:15px}.content-section,.legal-note{padding:28px 20px}.content-section h2{font-size:22px}.scope-grid{grid-template-columns:1fr}.scope-grid>div:nth-child(odd){border-right:0}.scope-grid>div:nth-last-child(2){border-bottom:1px solid var(--line)}.page-footer{grid-template-columns:1fr;padding:20px}.copyright{text-align:left}}
@media print{body{background:#fff}.page-shell{width:100%;margin:0;border:0;border-radius:0;box-shadow:none}.site-head,.content-section,.legal-note,.page-footer{break-inside:avoid}.company-home,.footer-links{display:none}}