:root{--sage:#d7e3df;--paper:#fffaf2;--ink:#263c49;--pink:#ff2084;--muted:#536d75}*{box-sizing:border-box}body{margin:0;background:var(--sage);color:var(--ink);font:17px/1.65 Georgia,serif}a{color:inherit;text-underline-offset:4px}nav,.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.topbar{max-width:1080px;margin:auto;padding:22px 24px;display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap;font:15px/1.5 system-ui,sans-serif}.brand{font-weight:600;text-decoration:none}header{max-width:900px;margin:auto;text-align:center;padding:64px 24px 72px}header img{width:230px;max-width:70%;height:auto}h1{font-size:clamp(36px,6vw,62px);font-weight:400;line-height:1.12;margin:26px 0}h2{font-weight:400;font-size:30px;line-height:1.25}h3{font-size:22px;font-weight:400}header p{max-width:560px;margin:20px auto;color:var(--muted);font-size:21px}.badge{font:14px system-ui,sans-serif;color:var(--muted)}main{max-width:1000px;margin:auto;padding:0 24px 60px}.paper{background:var(--paper);padding:clamp(24px,5vw,48px);margin-bottom:28px;border-radius:4px;box-shadow:0 3px 14px #263c4908}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px}.actions{justify-content:center;margin-top:28px}.button{display:inline-block;background:var(--ink);color:white;padding:12px 22px;border-radius:10px;text-decoration:none;font:500 15px/1.5 system-ui,sans-serif}details{border-bottom:1px solid #263c4926;padding:18px 0}summary{cursor:pointer;font-size:19px}details p{color:var(--muted)}footer{padding:28px 24px;text-align:center;font:14px/1.8 system-ui,sans-serif;color:var(--muted)}footer a{margin:0 8px}a:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:5px}.skip{position:absolute;left:16px;top:-100px}.skip:focus{top:16px;background:white;padding:8px}

header img{filter:brightness(0) saturate(100%) invert(28%) sepia(96%) saturate(3350%) hue-rotate(316deg) brightness(105%) contrast(102%)}

.topbar-left{display:flex;align-items:center;gap:18px;min-height:44px}
.home-brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;font-weight:600}
.home-brand img{width:auto;height:30px;max-width:90px;object-fit:contain;filter:brightness(0) saturate(100%)}
.brand-divider{width:1px;height:26px;background:#263c4940}
.topbar .brand{display:inline-flex;align-items:center;min-height:44px}
.topbar nav a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.topbar a:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:560px){.topbar{gap:8px;padding:14px 20px}.topbar nav{gap:20px;width:100%}.topbar-left{gap:14px}}

.home-brand{width:44px;height:44px;justify-content:center;border:1px solid #536d7540;border-radius:12px;background:#fffaf230}
.home-brand img{width:28px;height:28px;object-fit:contain;filter:none}
.brand-divider{width:4px;height:4px;border-radius:50%;background:#536d7570}
.topbar .brand{align-items:flex-start;flex-direction:column;gap:4px;text-decoration:none}
.topbar .brand img{width:90px;height:44px;object-fit:contain;filter:brightness(0) saturate(100%) invert(28%) sepia(96%) saturate(3350%) hue-rotate(316deg) brightness(105%) contrast(102%)}
.brand-tagline{font-size:11px;font-weight:400;letter-spacing:.04em;color:var(--muted)}
.paper{position:relative;isolation:isolate;background:transparent;border-radius:0;box-shadow:none;padding:clamp(42px,6vw,64px);margin-bottom:36px}
.paper::before{content:"";position:absolute;inset:0;z-index:-1;border:30px solid transparent;border-image:url("torn-paper.png") 100 fill / 30px / 0 stretch;filter:drop-shadow(0 3px 3px #263c4910);pointer-events:none}
.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px}
@media(max-width:600px){.grid{grid-template-columns:1fr}.paper{padding:42px 30px}.topbar-left{gap:12px}}