:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#14253c;background:#f4f8fc}
*{box-sizing:border-box}body{min-height:100vh;margin:0;background:radial-gradient(circle at 15% 5%,#3284d62b,transparent 30rem),radial-gradient(circle at 88% 20%,#15549d1f,transparent 27rem),linear-gradient(180deg,#fbfdff,#eef5fb)}a{color:inherit}
header{width:min(1120px,calc(100% - 40px));margin:auto;padding:22px 0;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:800;text-decoration:none;font-size:1.1rem}.brand img{width:36px;height:36px;object-fit:contain}.browser{padding:10px 15px;border:1px solid #c7d9ea;border-radius:999px;text-decoration:none;font-weight:700;background:#ffffffb8}
main{width:min(1040px,calc(100% - 40px));margin:7vh auto 0}.hero{max-width:820px;margin:auto;text-align:center}.icon{width:104px;height:104px;object-fit:contain;filter:drop-shadow(0 16px 24px #052d5c2e)}
.eyebrow{margin:24px 0 12px;color:#1666ad;font-size:.76rem;font-weight:900;letter-spacing:.17em}h1{margin:0;font-size:clamp(2.35rem,6vw,4.8rem);line-height:1.02;letter-spacing:-.052em;color:#0c315b}.intro{max-width:670px;margin:24px auto 30px;color:#52677f;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7}
.searchbox{display:grid;grid-template-columns:1fr auto;gap:10px;padding:8px;border:1px solid #bdd2e5;border-radius:20px;background:#fffffff0;box-shadow:0 20px 55px #09376424}.searchbox:focus-within{border-color:#2578bf;box-shadow:0 20px 55px #09376424,0 0 0 4px #2578bf1f}
input{min-width:0;border:0;outline:0;padding:15px 16px;background:transparent;color:#14253c;font:inherit;font-size:1.05rem}button{border:0;border-radius:14px;padding:0 24px;color:#fff;background:linear-gradient(135deg,#277dc3,#0d4b87);font:inherit;font-weight:800;cursor:pointer}button:hover{filter:brightness(1.06)}
.notice{margin:18px auto 0;max-width:650px;color:#6d7d8f;font-size:.84rem;line-height:1.55}.principles{margin:74px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.principles article{padding:25px;border:1px solid #bbd3e8d1;border-radius:20px;background:#ffffffa8}
.principles b{color:#2880c7;font-size:.75rem;letter-spacing:.12em}.principles h2{margin:12px 0 8px;color:#143d68;font-size:1.08rem}.principles p{margin:0;color:#63778d;line-height:1.55;font-size:.92rem}
footer{width:min(1040px,calc(100% - 40px));margin:60px auto 0;padding:28px 0 34px;display:flex;gap:22px;align-items:center;color:#75869a;font-size:.85rem;border-top:1px solid #d4e1ed}footer span{margin-right:auto}footer a{text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:720px){main{margin-top:4vh}.browser{font-size:.82rem}.searchbox{grid-template-columns:1fr}button{min-height:50px}.principles{grid-template-columns:1fr;margin-top:48px}footer{flex-wrap:wrap}footer span{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}