:root{--ink:#06111f;--blue:#0797c7;--cyan:#38d8ff;--muted:#5c7083}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7fbfd;color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid #d9e7ed;background:#f7fbfdef;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:12px}.brand img,.bar img{width:44px;height:44px;border-radius:11px;object-fit:cover}nav{display:flex;align-items:center;gap:26px;font-weight:700;font-size:14px}.outline{border:1px solid #abc8d3;border-radius:8px;padding:10px 15px}.hero{min-height:680px;padding:90px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;background:radial-gradient(circle at 85% 20%,#dff7ff,transparent 36%)}.label{font-size:12px;font-weight:900;letter-spacing:.16em;color:#087fab}.label:before{content:"";display:inline-block;width:25px;height:2px;background:#0ea5e9;margin:0 9px 3px 0}h1{font-size:clamp(45px,5vw,74px);line-height:1.02;letter-spacing:-.045em;margin:20px 0}.lead,.features p,.compat p,.notice p,.policy p{color:var(--muted);line-height:1.7}.lead{font-size:19px}.actions{display:flex;gap:12px;margin:32px 0 22px}.button{background:linear-gradient(135deg,#087fab,#13b5e6);color:#fff;padding:14px 20px;border-radius:8px;font-weight:800}.button2{padding:14px 20px;background:white;font-weight:800}.hero small{color:#718597}.screen{aspect-ratio:16/9;border:8px solid #14202b;border-radius:20px;background:#071728;color:white;box-shadow:0 35px 80px #06111f33;overflow:hidden}.bar{height:18%;display:flex;align-items:center;gap:9px;padding:0 5%;font-size:11px;border-bottom:1px solid #ffffff17}.bar img{width:31px;height:31px}.ui{display:grid;grid-template-columns:25% 1fr;height:82%}.ui aside{padding:14% 12%;line-height:3;color:white;border-right:1px solid #ffffff12}.ui aside span{color:#6f91a7}.ui>div{padding:5%}.ui>div>p{font-size:9px;letter-spacing:.14em;color:#70a6bd}.featured{height:48%;padding:5%;display:flex;align-items:end;gap:10px;border-radius:8px;background:linear-gradient(135deg,#126681,#081729)}.featured i{display:grid;place-items:center;width:36px;height:36px;background:var(--cyan);color:#092033;border-radius:50%;font-style:normal}.featured small{display:block;font-size:8px}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}.tiles i{height:34px;border-radius:5px;background:#143d54}.features{background:white;padding:100px 6vw}h2{font-size:clamp(30px,3.2vw,48px);letter-spacing:-.035em}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px}.grid article{padding:28px 24px;background:#f2f9fb;border-top:3px solid #d2e9f0}.grid em{display:grid;place-items:center;width:46px;height:46px;background:#dff5fb;color:#087fab;border-radius:12px;font-style:normal}.compat{padding:90px 6vw;background:#eaf4f8;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.compat ul{list-style:none;display:grid;gap:18px;font-weight:700}.compat li{color:#17405a}.notice{padding:64px 6vw;background:#081a2e;color:white}.notice p{color:#aac0cf;max-width:900px}footer{padding:40px 6vw;background:#050e18;color:#c4d3dc;display:flex;gap:24px;align-items:center;flex-wrap:wrap}footer span,footer small{color:#667e8e}footer small{width:100%;padding-top:18px;border-top:1px solid #ffffff14}.legal{background:linear-gradient(#e8f6fa,#f8fbfc 380px)}.policy{max-width:900px;margin:70px auto;padding:60px;background:white;box-shadow:0 22px 70px #0b486212;border-top:4px solid #0ea5e9}.policy h1{font-size:54px}.policy h2{font-size:22px;margin-top:38px}.policy a{color:#087fab;text-decoration:underline}@media(max-width:820px){nav a:not(.outline){display:none}.hero,.compat{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.policy{margin:25px 16px;padding:35px 24px}.policy h1{font-size:42px}}@media(max-width:500px){header{height:68px;padding:0 22px}.brand b{font-size:13px}.hero,.features,.compat,.notice{padding-left:22px;padding-right:22px}.hero{padding-top:60px}.actions{flex-direction:column}.button,.button2{text-align:center}}