*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07131d;color:#d8e5ea;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.75}a{color:inherit}.top{height:83px;border-bottom:1px solid #203543;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1190px)/2));background:#091823}.logo img{width:180px;max-width:43vw}.back{font-size:13px;color:#a6c4cf;text-decoration:none}.back:hover{color:#5be6d7}main{max-width:1190px;margin:auto;padding:0 24px 100px}.hero{padding:94px 0 76px;border-bottom:1px solid #213846;position:relative;background:radial-gradient(ellipse at 80% 30%,rgba(28,102,114,.18),transparent 53%)}.eyebrow,.num,.toc-title{font-size:11px;font-weight:750;letter-spacing:.16em;color:#5cdbd1}.dot{display:inline-block;width:7px;height:7px;background:#53dcca;border-radius:50%;margin-right:9px;box-shadow:0 0 14px #53dcca}h1{font-size:clamp(48px,7vw,86px);letter-spacing:-.065em;line-height:1.1;margin:21px 0 24px;color:white}h1 em{font-style:normal;color:#5be2d5}.lead{max-width:760px;color:#a9bdc8;font-size:18px;line-height:1.8}.meta{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:28px;font-size:12px;color:#8197a3}.draft{border:1px solid #52614a;border-radius:30px;padding:5px 12px;color:#e1cb8e;background:#302c1b}.layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:68px;padding-top:70px}.toc{align-self:start;position:sticky;top:26px}.toc-title{margin-bottom:20px}.toc nav{display:flex;flex-direction:column;gap:3px}.toc a{display:flex;gap:15px;padding:10px 12px;text-decoration:none;border-radius:8px;color:#56c6c0;font-size:12px}.toc a span{color:#a7b8c2;font-size:13px}.toc a:hover,.toc a:focus-visible{background:#132d3b}.content{min-width:0}.notice{border:1px solid #52614a;background:#20291f;border-radius:14px;padding:19px 24px;margin-bottom:50px}.notice strong{color:#e7d295}.notice p{margin:4px 0 0;font-size:13px;color:#bdc8bb}.content section{scroll-margin-top:30px;border-bottom:1px solid #203441;padding:0 0 46px;margin-bottom:49px}.content h2{font-size:clamp(26px,3vw,34px);line-height:1.3;letter-spacing:-.035em;color:#f5fbff;margin:13px 0 19px}.content p{color:#afc0c9;font-size:15px;margin:0 0 17px}.content strong{color:#e7f6f7}.feature{display:flex;gap:19px;align-items:center;background:#102b39;border:1px solid #255565;border-radius:14px;padding:22px;margin:23px 0}.feature-icon{border:1px solid #5be2d5;color:#5be2d5;font-weight:800;border-radius:12px;padding:13px 10px;white-space:nowrap}.feature p{font-size:13px;margin:6px 0 0}.endcard{background:linear-gradient(125deg,#133747,#0c2330);border:1px solid #2b5a64;border-radius:18px;padding:32px}.endcard span{font-size:11px;letter-spacing:.14em;color:#5be2d5}.endcard h3{font-size:25px;color:white;margin:12px 0 22px}.endcard a{font-size:13px;color:#5be2d5}footer{border-top:1px solid #203543;max-width:1190px;margin:auto;padding:38px 24px 45px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}footer img{width:150px}footer p,footer small{font-size:11px;color:#8298a4}.footer-links{display:flex;gap:17px;flex-wrap:wrap;font-size:12px}.footer-links a{text-decoration:none;color:#c6dce3}.footer-links span{color:#708691}@media(max-width:850px){.layout{grid-template-columns:1fr;gap:32px;padding-top:40px}.toc{position:static;border-bottom:1px solid #203543;padding-bottom:25px}.toc nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:62px 0 50px}}@media(max-width:480px){.top{height:70px;padding:0 17px}.back{font-size:11px}main{padding:0 18px 65px}.hero{padding:55px 0 43px}.lead{font-size:15px}.toc nav{grid-template-columns:1fr}.content section{margin-bottom:35px;padding-bottom:30px}.feature{align-items:flex-start;padding:15px}.footer-links{flex-direction:column;gap:9px}}
/* 5V8.5.5bp — privacy hero artwork */
.hero{isolation:isolate;background:linear-gradient(90deg,rgba(7,19,29,.95) 0%,rgba(7,19,29,.82) 43%,rgba(7,19,29,.42) 100%),linear-gradient(0deg,#07131d 0%,rgba(7,19,29,.06) 55%,rgba(7,19,29,.3) 100%),url("assets/privacy-hero.webp") center 45% / cover no-repeat;border-radius:0 0 18px 18px;padding-left:clamp(20px,4vw,48px);padding-right:clamp(20px,4vw,48px)}
.hero .lead{color:#d2e2e9;text-shadow:0 2px 12px rgba(0,0,0,.55)}
.hero h1{text-shadow:0 4px 28px rgba(0,0,0,.65)}
@media(max-width:600px){.hero{background-position:64% center;padding-left:20px;padding-right:20px}}