:root{color-scheme:light;--ink:#173838;--muted:#607775;--mint:#b8f1d6;--paper:#f5faf6;--line:#dcece2}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit}
.container{width:min(1120px,calc(100% - 48px));margin:auto}
.topbar{position:relative;z-index:2;border-bottom:1px solid var(--line);background:rgba(250,253,249,.9)}
.topbar-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:23px;font-weight:800;letter-spacing:-.04em}
.brand img{width:106px;height:auto;display:block}
.hero-wordmark{display:block;width:164px;height:auto;margin-bottom:26px}
nav{display:flex;gap:24px;align-items:center;font-size:14px;font-weight:650}
nav a{text-decoration:none;color:#476865}nav a:hover,nav a[aria-current=page]{color:#078d73}
nav .language{border:1px solid #bdd7ca;padding:5px 11px;border-radius:100px;color:var(--ink)}
.hero{min-height:660px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding-top:70px;padding-bottom:90px}
.eyebrow,.section-label{color:#0c8b70;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.eyebrow{display:inline-flex;align-items:center;gap:9px}.dot{width:8px;height:8px;background:#10bf8e;border-radius:50%;box-shadow:0 0 0 5px #d8f8e9}
h1,h2,h3,p{margin-top:0}
.hero h1{font-size:clamp(46px,6vw,77px);line-height:1.06;letter-spacing:-.075em;margin:24px 0}
.lead{font-size:20px;max-width:510px;color:#476762;line-height:1.65}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:21px;margin-top:34px}
.store-pill{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border-radius:100px;background:#163d39;color:white;font-size:14px;font-weight:700;box-shadow:0 12px 26px #174c3b24}
.text-link{font-size:14px;font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}
.system{margin-top:17px;font-size:12px;color:#76918a}
.hero-art{height:500px;position:relative;display:flex;align-items:flex-start;justify-content:center}
.halo{position:absolute;width:400px;height:400px;border-radius:50%;top:12px;background:radial-gradient(circle,#d1fce8 5%,#dbf7e8 50%,transparent 72%)}
.mascot{position:relative;z-index:1;width:245px;height:245px;object-fit:contain;filter:drop-shadow(0 23px 22px #104c4430);animation:float 5s ease-in-out infinite}
.app-preview{position:absolute;z-index:2;top:216px;left:12%;width:min(400px,88%);padding:18px;border:1px solid #d2e4da;border-radius:21px;background:#fff;box-shadow:0 27px 65px #143f3630;transform:rotate(-2deg)}
.preview-top{display:flex;justify-content:space-between;color:#66827b;font-size:12px;font-weight:700}.preview-signal{color:#73bb9d;letter-spacing:3px}
.preview-heading{margin:22px 8px 8px;font-weight:800;font-size:17px}
.preview-row{display:flex;align-items:center;gap:12px;margin:8px 0;padding:10px 12px;background:#f4f9f5;border-radius:12px;color:#476762;font-size:13px}
.preview-row strong{margin-left:auto;color:var(--ink);font-size:14px}.glyph{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;font-size:16px}.eye{color:#138b62;background:#daf4e6}.water{color:#1d9cb5;background:#dff4f8}.awake{color:#716ac6;background:#eceafd}
.features-section{padding:92px 0 108px;background:#eaf5ed;border-top:1px solid #e0eee4}
.features-section h2,.details h2{font-size:clamp(30px,4vw,46px);line-height:1.2;letter-spacing:-.05em}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}
.feature{min-height:285px;padding:28px;border-radius:22px;background:#fff;border:1px solid #e0ede5;box-shadow:0 15px 34px #17513a0a}
.feature-num{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#e0f8ea;color:#058267;font-size:13px;font-weight:800}
.feature h3{margin:30px 0 12px;font-size:22px;letter-spacing:-.04em}.feature p{color:#5b7770;font-size:15px;line-height:1.75}
.details{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-top:86px;padding-bottom:100px}
.detail{padding:37px;border-radius:25px;background:#fff;border:1px solid var(--line)}
.detail.privacy{background:#173d39;color:white}.detail-symbol{display:block;margin-bottom:30px;font-size:30px;color:#16ac7b}
.detail.privacy .detail-symbol{color:#9ce7c7}.detail h2{font-size:31px;margin-bottom:14px}.detail p{max-width:440px;color:#58756f}.detail.privacy p{color:#b8d3c9}
.detail a{font-size:14px;font-weight:750;text-decoration:none}.detail a:hover{text-decoration:underline}
.document{padding-top:70px;padding-bottom:105px}.document article{max-width:780px;margin:auto;padding:50px 55px;background:white;border:1px solid var(--line);border-radius:25px;box-shadow:0 18px 50px #174d3312}
.document h1{font-size:clamp(32px,5vw,50px);line-height:1.16;letter-spacing:-.05em;margin-bottom:10px}.document h2{font-size:23px;letter-spacing:-.03em;margin:40px 0 10px}.document p,.document dd{color:#4d6c65}.document .meta{color:#0d9873;font-size:13px;font-weight:750;margin-bottom:34px}
.document dt{font-weight:800;margin-top:24px}.document dd{margin:7px 0 0}.document a{color:#087d67}
footer{border-top:1px solid var(--line);padding:25px 0;color:#648077;font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}footer a{text-decoration:none}footer a:hover{text-decoration:underline}
@keyframes float{50%{transform:translateY(-13px)}}
@media(max-width:800px){.hero{min-height:0;grid-template-columns:1fr;padding-top:64px;padding-bottom:58px}.hero-art{height:480px}.feature-grid{grid-template-columns:1fr}.feature{min-height:0}.details{grid-template-columns:1fr}.topbar-inner{align-items:flex-start;padding:17px 0;flex-direction:column;gap:11px}nav{width:100%;gap:15px;flex-wrap:wrap;font-size:13px}.document article{padding:36px 30px}}
@media(max-width:480px){.container{width:min(100% - 32px,1120px)}.hero h1{font-size:50px}.lead{font-size:18px}.hero-art{height:410px}.halo{width:310px;height:310px}.mascot{width:190px;height:190px}.app-preview{top:166px;left:3%;width:94%}.features-section{padding:66px 0}.details{padding-top:60px;padding-bottom:65px}.detail{padding:27px}.document{padding-top:35px}.document article{padding:30px 23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mascot{animation:none}}