:root { color-scheme: light; --paper:#faf9f6; --ink:#222124; --muted:#5d5858; --line:#d9d5d2; --accent:#a33531; font: 100%/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); }
a { color:var(--accent); text-decoration-thickness:.08em; text-underline-offset:.17em; }
a:hover { text-decoration-thickness:.14em; }
a:focus-visible { outline:3px solid #326eaf; outline-offset:4px; border-radius:2px; }
.shell { max-width:1144px; width:calc(100% - 80px); margin:auto; }
.bar,.foot { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.bar { padding:22px 0 20px; border-bottom:1px solid var(--line); }
.brand { font-weight:700; font-size:1.3rem; letter-spacing:-.04em; text-decoration:none; color:var(--ink); display:inline-flex; align-items:center; gap:10px; }
.brand img { width:30px; height:30px; }
nav { display:flex; flex-wrap:wrap; gap:8px 24px; font-size:.93rem; }
nav a,.foot nav a { color:var(--muted); text-decoration:none; }
nav a:hover,nav a[aria-current] { color:var(--ink); text-decoration:underline; }
.skip { position:absolute; left:1rem; top:-5rem; background:white; padding:.4rem; }
.skip:focus { top:1rem; }
.hero { display:grid; grid-template-columns:1.25fr 1fr; align-items:center; gap:clamp(30px,5vw,76px); padding:clamp(48px,6.5vw,92px) 0; }
figure { margin:0; }
figure img { display:block; width:100%; height:auto; }
h1,h2,h3,p { margin:0; }
h1,h2 { font-weight:500; font-family:Georgia,"Times New Roman",serif; }
h1 { font-size:clamp(3rem,5.6vw,5.25rem); line-height:1.03; letter-spacing:-.055em; }
h2 { font-size:clamp(1.85rem,3.2vw,2.8rem); line-height:1.13; letter-spacing:-.035em; }
.intro { margin-top:1.45rem; max-width:40em; color:var(--muted); font-size:clamp(1rem,1.6vw,1.2rem); }
.workflow { border-block:1px solid var(--line); padding:2.2rem 0 2.8rem; }
.steps { margin-top:1.9rem; display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; }
.steps h3 { font-weight:650; font-size:1.09rem; margin-bottom:.45rem; }
.steps p { color:var(--muted); }
.support { display:flex; align-items:center; gap:clamp(20px,6vw,80px); justify-content:space-between; padding:2.4rem 0 3rem; }
.support p { margin-top:.45rem; }
.foot { padding:21px 0 28px; border-top:1px solid var(--line); flex-wrap:wrap; }
.foot small { color:var(--muted); }
.document { max-width:48rem; margin:auto; padding:clamp(44px,6vw,83px) 0; }
.document h1 { font-size:clamp(2.8rem,5vw,4.5rem); }
.date { margin-top:.9rem; font-size:.88rem; color:var(--muted); }
.document .lead { margin:2.1rem 0 0; font-size:1.12rem; }
.document h2 { font-size:1.53rem; line-height:1.25; margin:2rem 0 .55rem; }
.document p+p { margin-top:.75rem; }
.document li+li { margin-top:.55rem; }
.document ul { padding-left:1.28rem; }
@media(max-width:720px) { .shell { width:calc(100% - 38px); } .bar { padding:17px 0; } nav { gap:12px; } .hero { grid-template-columns:1fr; gap:1.6rem; padding:2.7rem 0; } figure { width:min(100%,410px); } .steps { grid-template-columns:1fr; gap:1.35rem; } .support { display:block; } .support>a { display:inline-block; margin-top:1rem; } }
@media(max-width:380px) { .bar { align-items:flex-start; } nav { font-size:.86rem; gap:9px; } }

.sign-in { display:inline-block; margin-top:1.4rem; padding:.6rem 1.1rem; border-radius:.35rem; background:var(--accent); color:white; font-weight:600; text-decoration:none; }
.sign-in:hover { text-decoration:underline; }