@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@400;500;600&display=swap');
:root{--bg:#F7FAFB;--surface:#FFFFFF;--ink:#0B1F24;--muted:#5B7278;--accent:#0B7A8F;--border:#DDE6E8;--serif:'Playfair Display',Georgia,serif;--sans:'Inter',system-ui,sans-serif;}
*,*::before,*::after{box-sizing:border-box;} html,body{margin:0;padding:0;}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;}
a{color:var(--accent);text-decoration:none;} a:hover{text-decoration:underline;text-underline-offset:3px;}
.mast{padding:18px clamp(20px,4vw,40px);display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:baseline;border-bottom:2px solid var(--ink);}
.brand{font-family:var(--serif);font-weight:700;font-size:1.4rem;color:var(--ink);letter-spacing:-0.01em;}
.brand:hover{color:var(--ink);text-decoration:none;}
.mast__c{font-family:var(--sans);text-align:center;font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);}
.mast nav{justify-self:end;font-size:.86rem;color:var(--muted);}
.mast nav a{color:var(--muted);} .mast nav a:hover{color:var(--ink);text-decoration:none;}
.doc{flex:1;max-width:1100px;width:100%;margin:0 auto;padding:clamp(36px,5vw,64px) clamp(20px,4vw,40px);}
.lead{text-align:center;margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid var(--border);animation:rise .8s ease .1s backwards;}
.lead__k{display:inline-block;font-family:var(--sans);font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin-bottom:18px;font-weight:600;}
.lead h1{font-family:var(--serif);font-weight:700;font-size:clamp(2.6rem,6vw,4.8rem);line-height:1.04;letter-spacing:-0.02em;margin:0 0 16px;color:var(--ink);}
.lead p{color:var(--muted);margin:0;font-size:.98rem;}
.cols{columns:3;column-gap:36px;column-rule:1px solid var(--border);}
.cols section{break-inside:avoid;margin-bottom:24px;}
.cols h2{font-family:var(--serif);font-weight:700;font-size:1.1rem;letter-spacing:-0.005em;margin:0 0 6px;color:var(--ink);}
.cols p{margin:0;color:var(--ink);}
.cols p strong{color:var(--ink);font-weight:600;}
.cols .hl{background:color-mix(in srgb,var(--accent) 8%,transparent);padding:14px 16px;border-left:3px solid var(--accent);border-radius:3px;}
.cols .hl h2{color:var(--accent);}
.bot{padding:18px clamp(20px,4vw,40px);display:flex;justify-content:space-between;font-family:var(--sans);font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;border-top:1px solid var(--border);background:var(--surface);}
@keyframes rise{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
@media (max-width:900px){.cols{columns:2;}}
@media (max-width:600px){.cols{columns:1;}.mast{grid-template-columns:1fr;text-align:center;}.mast nav{justify-self:center;}}
::selection{background:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--ink);}