:root{color-scheme:light;--ink:#173631;--muted:#566964;--accent:#135d4b;--paper:#f7f9f6;--line:#dce5de;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);line-height:1.7;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--accent);text-underline-offset:4px}
a:focus-visible{outline:3px solid #e1a749;outline-offset:5px;border-radius:3px}
.skip-link{position:absolute;left:1rem;top:-100px;background:#fff;padding:10px 16px;z-index:2}
.skip-link:focus{top:1rem}
.site-header{background:#fff;border-bottom:1px solid var(--line)}
.header-inner,.footer-inner{max-width:1120px;margin:auto;padding:23px 32px;display:flex;align-items:center;gap:26px;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:1rem;font-weight:650;overflow-wrap:anywhere;line-height:1.4}
.brand-mark{flex-shrink:0;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--accent);color:#fff;font-size:22px;font-weight:700}
nav{display:flex;gap:28px;flex-shrink:0}nav a{font-size:.9rem;text-decoration:none;color:var(--muted)}nav a[aria-current="page"]{color:var(--accent);font-weight:650}
main{flex:1}.home{width:100%;max-width:1120px;margin:0 auto;padding:100px 32px 120px}
.eyebrow{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:700;margin:0 0 22px}
h1{font-size:clamp(2.2rem,5vw,3.8rem);letter-spacing:-.04em;line-height:1.12;margin:0 0 25px;font-weight:650;overflow-wrap:anywhere}
.intro{max-width:590px;color:var(--muted);font-size:1.13rem;margin:0 0 34px}
.button{display:inline-flex;padding:12px 20px;border-radius:7px;background:var(--accent);color:#fff;text-decoration:none;font-weight:600;font-size:.95rem}
.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:20px;margin-top:60px}.app-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:26px}.app-card h2{margin:0 0 10px}.app-card p{color:var(--muted)}
.developer-details{margin-top:48px;max-width:650px;overflow-wrap:anywhere}.developer-details h2{font-size:1.2rem}.developer-details p{color:var(--muted)}
.policy{max-width:850px;width:100%;margin:0 auto;padding:72px 32px 100px}.policy h1{font-size:clamp(2.2rem,4vw,3rem)}
.policy-meta{font-size:.9rem;color:var(--muted);margin-bottom:32px}
.notice{padding:27px 30px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px}.notice h2{font-size:1.15rem;margin:0 0 8px}.notice p{color:var(--muted);margin:0}
.policy-body{background:#fff;border:1px solid var(--line);border-radius:10px;padding:32px;margin-top:32px;overflow-wrap:anywhere}
.policy-body h2{font-size:1.27rem;line-height:1.4;margin:32px 0 12px}.policy-body h2:first-child{margin-top:0}.policy-body h3{font-size:1.07rem}.policy-body p,.policy-body li{color:#354b44}.policy-body ul,.policy-body ol{padding-left:22px}.policy-body table{width:100%;border-collapse:collapse;display:block;overflow:auto}.policy-body th,.policy-body td{padding:10px;border:1px solid var(--line);text-align:left}
.back-link{display:inline-block;margin-top:30px;font-size:.9rem}
.site-footer{border-top:1px solid var(--line);background:#fff}.footer-inner{justify-content:flex-start;flex-wrap:wrap;font-size:.83rem;color:var(--muted)}.footer-inner span{margin-right:auto;overflow-wrap:anywhere}
@media(max-width:600px){.header-inner{padding:20px;align-items:flex-start;flex-direction:column;gap:16px}nav{gap:24px}.home{padding:70px 20px 90px}.policy{padding:50px 20px 70px}.policy-body,.notice{padding:22px}.footer-inner{padding:24px 20px;gap:16px}.footer-inner span{width:100%}}
@media print{.site-header,.site-footer,.skip-link,.back-link{display:none}body{background:#fff}.policy{padding:0;max-width:none}.policy-body{border:0;padding:0}}
