:root{--paper:#f4f1e9;--ink:#1e201e;--moss:#405b4a;--clay:#b8644b;--muted:#62665e;--line:#d6d5c8;--white:#fcfbf7;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--moss);text-underline-offset:.25em}
a:hover{color:var(--clay)}
a:focus-visible,summary:focus-visible{outline:3px solid var(--clay);outline-offset:5px}
.skip{position:absolute;left:1rem;top:-100px;z-index:10;background:var(--white);padding:1rem}
.skip:focus{top:1rem}
.wrap{width:min(1180px,calc(100% - 80px));margin:auto}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font:700 33px/1 var(--serif);letter-spacing:-1.4px}
.brand img{height:30px;width:30px}
.nav{display:flex;align-items:center;gap:28px}
.nav a{font-size:14px;text-decoration:none;color:var(--ink)}
.nav .nav-cta{border:1px solid var(--moss);border-radius:99px;padding:9px 18px;color:var(--moss)}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--moss);margin:0 0 24px}
.beta-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--moss);margin-right:8px;box-shadow:0 0 0 4px #405b4a12}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--serif);font-weight:400}
h1{font-size:clamp(48px,5.8vw,77px);line-height:1.03;letter-spacing:-3.5px;margin-bottom:26px}
h1 em{color:var(--moss);font-weight:400}
h2{font-size:clamp(32px,3.6vw,48px);line-height:1.12;letter-spacing:-1.5px}
h3{font-size:25px;line-height:1.25}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding:90px 0 105px}
.hero-copy{position:relative;z-index:1}
.lede{max-width:450px;font-size:18px;color:var(--muted);line-height:1.75;margin-bottom:30px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 23px;background:var(--moss);color:var(--white);text-decoration:none;font-size:14px;font-weight:600;border-radius:7px}
.button:hover{background:#314737;color:var(--white)}
.button .arrow{font-size:21px;line-height:1}
.tiny{font-size:12px;color:var(--muted);margin-top:16px}
.hero-art{min-height:540px;position:relative;isolation:isolate}
.art-halo{position:absolute;inset:30px -10px 45px 20px;background:#e2e6dc;border-radius:50%;z-index:-1}
.source-sheet{position:absolute;left:12px;top:20px;width:255px;padding:30px 24px 22px;background:#f1c36d;transform:rotate(-9deg);box-shadow:0 15px 40px #34382b16;text-align:center}
.sheet-kicker{font-size:8px;letter-spacing:1.5px;font-weight:700}
.sun{width:62px;height:62px;background:#d97555;border-radius:50%;margin:28px auto 18px}
.source-sheet h3{font-size:40px;line-height:.95;letter-spacing:-1.5px;margin-bottom:24px}
.sheet-line{height:1px;background:#1e201e75;margin:16px 0}
.sheet-date{font-size:12px;font-weight:700;letter-spacing:1px}
.sheet-note{font-size:9px}
.packet{position:absolute;right:0;top:155px;width:325px;background:var(--white);padding:28px;border:1px solid #d7dccf;border-radius:15px;box-shadow:0 24px 50px #23332b1a;transform:rotate(4deg)}
.packet-top{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.5px;color:var(--moss);font-weight:700;margin-bottom:22px}
.packet-top img{width:23px;height:23px}
.packet h3{font-size:27px;letter-spacing:-.6px;margin-bottom:22px}
.packet-detail{display:flex;gap:14px;border-top:1px solid var(--line);padding:16px 0;font-size:12px;line-height:1.5}
.detail-symbol{color:var(--moss);font-size:19px;line-height:1.2}
.packet-detail strong{font-weight:600}
.packet-detail small{color:var(--muted);font-size:10px}
.packet-tag{display:block;text-align:center;border-radius:5px;background:#e5eae3;color:var(--moss);padding:10px 12px;font-size:10px;font-weight:600}
.art-note{position:absolute;bottom:-20px;left:15px;right:0;text-align:center;font-size:11px;color:var(--muted)}
.principles{display:flex;gap:24px;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;font-size:12px;color:var(--muted)}
.principles span{display:flex;align-items:center;gap:9px}
.principles b{font-size:16px;font-weight:400;color:var(--moss)}
.section{padding:105px 0}
.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:52px}
.section-heading h2{max-width:480px;margin-bottom:0}
.section-heading p{color:var(--muted);max-width:400px;margin-bottom:0}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.step{border-top:1px solid var(--line);padding-top:24px}
.step-num{font-size:12px;color:var(--clay);margin-bottom:25px;display:block}
.step h3{margin-bottom:14px}
.step p{font-size:15px;color:var(--muted);max-width:310px}
.privacy-block{background:var(--moss);color:var(--white);padding:65px;display:grid;grid-template-columns:1fr 1fr;gap:85px;border-radius:4px}
.privacy-block .eyebrow{color:#b8c8b4}
.privacy-block h2{max-width:400px;margin-bottom:25px}
.privacy-block p{font-size:16px;color:#e0e7db}
.privacy-block a{color:var(--white);font-size:14px}
.privacy-list{margin:0;padding:0;list-style:none}
.privacy-list li{padding:17px 0;border-bottom:1px solid #dbe4d444;font-size:14px;display:flex;gap:15px}
.privacy-list li:first-child{padding-top:0}
.privacy-list b{color:#b8c8b4;font-weight:400}
.faq{max-width:760px;margin:0 auto}
.faq>h2{text-align:center;margin-bottom:40px}
details{border-bottom:1px solid var(--line);padding:21px 0}
summary{cursor:pointer;font-size:16px;font-weight:600;list-style-position:outside;padding-right:20px;margin-left:18px}
details p{font-size:15px;color:var(--muted);margin:16px 0 5px 18px;max-width:650px}
.closing{text-align:center;border-top:1px solid var(--line);padding:75px 0 85px}
.closing h2{margin-bottom:20px}
.closing p{color:var(--muted);margin-bottom:25px}
.footer{border-top:1px solid var(--line);padding:32px 0 24px}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}
.footer .brand{font-size:27px}
.footer .brand img{width:25px;height:25px}
.footer nav{display:flex;gap:24px;flex-wrap:wrap}
.footer a{font-size:12px;text-decoration:none}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);margin-top:25px}
.footer-bottom p{margin-bottom:0}
.document-hero{padding:65px 0 40px;max-width:850px}
.document-hero h1{font-size:clamp(43px,5vw,65px);letter-spacing:-2.5px;margin-bottom:20px}
.document-hero .lede{max-width:720px;margin-bottom:15px}
.updated{font-size:12px;color:var(--muted)}
.document-layout{display:grid;grid-template-columns:230px minmax(0,760px);gap:65px;padding:0 0 90px}
.toc{position:sticky;top:30px;align-self:start;font-size:13px;border-top:1px solid var(--line);padding-top:18px}
.toc p{font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--muted)}
.toc a{display:block;margin:0 0 11px;text-decoration:none;color:var(--muted);line-height:1.4}
.toc a:hover{color:var(--moss)}
.prose{font-size:16px;line-height:1.8;min-width:0}
.prose section{border-top:1px solid var(--line);padding:27px 0 14px}
.prose h2{font-size:29px;letter-spacing:-.5px;line-height:1.25;margin-bottom:20px}
.prose p{margin-bottom:18px}
.prose ul,.prose ol{padding-left:23px;margin-bottom:22px}
.prose li{padding-left:5px;margin-bottom:9px}
.prose .notice{border-left:3px solid var(--clay);padding:15px 20px;background:#ebe5d9;font-size:15px;margin:24px 0}
.prose .button{color:var(--white);line-height:1.4}
.prose a{overflow-wrap:anywhere}
.prose small{font-size:13px;color:var(--muted)}
@media(min-width:1250px){.hero-art{margin-left:25px}
}
@media(max-width:950px){.wrap{width:calc(100% - 48px)}
.hero{gap:20px;padding:65px 0 80px}
.hero-art{transform:scale(.83);transform-origin:center right;margin-left:-70px;margin-right:-10px}
.hero h1{font-size:58px}
.section-heading{gap:35px}
.privacy-block{gap:35px;padding:40px}
.document-layout{grid-template-columns:180px minmax(0,1fr);gap:35px}
.principles{gap:12px;font-size:11px}
}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}
.site-header{padding:21px 0;gap:15px}
.brand{font-size:29px}
.brand img{height:26px;width:26px}
.nav{gap:17px}
.nav a{font-size:12px}
.nav .nav-cta{padding:7px 12px}
.nav .how-link{display:none}
.hero{display:block;padding:50px 0 50px}
.eyebrow{font-size:10px;margin-bottom:22px}
.hero h1{font-size:57px;letter-spacing:-2.7px;max-width:430px}
.lede{font-size:16px;max-width:400px;margin-bottom:26px}
.hero-art{width:min(100%,460px);margin:32px auto 10px;height:560px;min-height:0;transform:none}
.source-sheet{left:10px;top:12px;width:215px;padding:25px 20px}
.source-sheet h3{font-size:35px}
.source-sheet .sun{margin-top:18px;width:50px;height:50px}
.packet{right:0;top:165px;width:275px;padding:23px}
.packet h3{font-size:24px;margin-bottom:17px}
.packet-top{margin-bottom:18px}
.packet-detail{padding:13px 0}
.art-halo{inset:15px 0 40px}
.art-note{bottom:-5px;font-size:10px}
.principles{flex-direction:column;gap:12px;padding:22px 0;font-size:12px}
.section{padding:65px 0}
.section-heading{display:block;margin-bottom:35px}
.section-heading h2{margin-bottom:22px}
.section-heading p{font-size:16px}
.steps{grid-template-columns:1fr;gap:25px}
.step-num{margin-bottom:16px}
.step p{max-width:none}
.privacy-block{display:block;padding:32px 26px}
.privacy-block h2{font-size:36px}
.privacy-list{margin-top:32px}
.faq>h2{text-align:left}
.closing{padding:55px 0 60px}
.closing h2{font-size:37px}
.footer-top,.footer-bottom{display:block}
.footer nav{margin-top:23px;gap:13px 20px}
.footer-bottom p+p{margin-top:8px}
.document-hero{padding-top:45px}
.document-hero h1{font-size:46px}
.document-layout{display:block}
.toc{position:static;margin-bottom:28px;display:flex;flex-wrap:wrap;gap:10px 18px}
.toc p{width:100%;margin-bottom:4px}
.toc a{margin:0;font-size:12px}
.prose{font-size:15px}
.prose h2{font-size:27px}
.document-layout{padding-bottom:50px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
}
@media print{body{background:white}
.nav,.toc,.closing,.skip{display:none}
.document-layout{display:block}
.site-header,.footer{padding:10px 0}
.wrap{width:100%}
.prose a{color:inherit}
.prose section{break-inside:avoid}
}