@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#F7FAFB;--surface:#FFFFFF;--surface-2:#ECF3F4;--ink:#0B1F24;--muted:#5B7278;--accent:#0B7A8F;--accent-2:#159CAE;--border:#DDE6E8;--on-accent:#FFFFFF;--fh:'Manrope', system-ui, sans-serif;--fb:'Manrope', 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(--fb);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;}
a{color:var(--accent);text-decoration:none;} a:hover{color:var(--accent-2);text-decoration:underline;text-underline-offset:3px;}
.top{padding:22px clamp(20px,4vw,40px);display:flex;justify-content:space-between;border-bottom:1px solid var(--border);}
.brand{font-family:var(--fh);font-weight:700;color:var(--ink);}
.brand:hover{color:var(--ink);text-decoration:none;}
.top>div{display:flex;gap:22px;} .top>div a{color:var(--muted);font-size:.9rem;}
.top>div 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);}
.grid{display:grid;grid-template-columns:320px 1fr;gap:clamp(32px,5vw,64px);align-items:start;}
.summary{position:sticky;top:24px;padding:26px;background:linear-gradient(160deg,var(--accent) 0%,var(--accent-2) 100%);color:var(--on-accent);border-radius:18px;animation:rise .8s ease .1s backwards;}
.summary .k{display:inline-block;font-family:var(--fh);font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;padding:4px 12px;background:color-mix(in srgb,var(--on-accent) 15%,transparent);border:1px solid color-mix(in srgb,var(--on-accent) 35%,transparent);border-radius:999px;margin-bottom:18px;}
.summary h1{font-family:var(--fh);font-weight:700;font-size:clamp(1.7rem,3vw,2.2rem);line-height:1.1;letter-spacing:-0.025em;margin:0 0 6px;color:var(--on-accent);}
.effd{font-size:.84rem;opacity:0.82;margin:0 0 18px;}
.quick{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:8px;}
.quick li{font-size:.93rem;line-height:1.5;padding-left:18px;position:relative;color:color-mix(in srgb,var(--on-accent) 92%,transparent);}
.quick li::before{content:"✓";position:absolute;left:0;top:0;font-weight:700;color:var(--on-accent);}
.quick strong{color:var(--on-accent);font-weight:700;}
.contact-line{margin:0;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--on-accent) 25%,transparent);font-size:.92rem;opacity:0.9;}
.contact-line a{color:var(--on-accent);text-decoration:underline;text-underline-offset:3px;}
.text{animation:rise .8s ease .25s backwards;}
.text h2{font-family:var(--fh);font-weight:700;font-size:1.26rem;letter-spacing:-0.015em;margin:30px 0 8px;color:var(--ink);}
.text h2:first-of-type{margin-top:0;}
.text p{margin:0 0 14px;color:var(--ink);}
.text p strong{color:var(--ink);font-weight:700;}
.bot{padding:18px clamp(20px,4vw,40px);display:flex;justify-content:space-between;font-size:.84rem;color:var(--muted);border-top:1px solid var(--border);background:var(--surface);}
.bot a{color:var(--muted);} .bot a:hover{color:var(--ink);text-decoration:none;}
@keyframes rise{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
@media (max-width:860px){.grid{grid-template-columns:1fr;}.summary{position:static;}}
::selection{background:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--ink);}