@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap');
:root{font-family:Nunito,Arial,sans-serif;color:#edf0f8;background:#191a30;color-scheme:dark;font-size:17px;line-height:1.7}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:35px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ade7d4;outline-offset:6px}img,svg{vertical-align:middle}.wrap{width:calc(100% - 64px);max-width:920px;margin-inline:auto}.header{position:absolute;top:26px;left:0;right:0;z-index:2;display:flex;align-items:center;gap:32px;font-size:15px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800}.header nav{display:flex;gap:25px;color:#e2eaf5}.header nav a:hover,.text-link:hover{color:#b8f0d9}.languages{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:13px}.languages button{background:transparent;border:0;color:#b9c9df;padding:5px 7px;border-radius:4px}.languages button[aria-pressed=true]{background:#162942;color:#d9ffe9;font-weight:800}.languages>span{color:#a5b5d0}.hero{position:relative;isolation:isolate;text-align:center;min-height:680px;padding:170px 0 130px}.waves{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.title-lockup{display:flex;align-items:center;justify-content:center;gap:24px}.title-lockup img{transform:rotate(-7deg);border-radius:22px;box-shadow:0 5px 0 #172a4344}h1{font-size:78px;line-height:1;letter-spacing:-2.5px;margin:0;font-weight:900;text-align:left}h1 span{display:block;font-size:24px;letter-spacing:1px;margin-top:12px;font-weight:700;color:#c6dfef}.hero-copy>p{font-size:21px;margin:30px 0 26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#172f3e;border:1px solid #183540;border-radius:7px;padding:13px 24px;min-height:55px;color:#d0f8e2;font-size:17px;font-weight:800;box-shadow:0 4px 0 #0d253c44;transition:background .15s}.button:hover{background:#244b57}.button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hero-copy .release{font-size:13px;color:#e2f5ed;margin:17px 0 0}h2{font-size:30px;line-height:1.3;margin:0 0 20px;font-weight:800;letter-spacing:-.4px}p{margin:0 0 20px}.about{padding:40px 0 55px}.about>p{max-width:760px;color:#b9c5d8;font-size:19px}.features{margin:40px 0 0}.features>div{display:grid;grid-template-columns:190px 1fr;gap:28px;padding:25px 0;border-top:1px solid #7287a333}.features dt{font-size:19px;font-weight:800;color:#b0e2d1}.features dd{margin:0;color:#acb9cd}.install{border-top:1px solid #7287a345;padding:52px 0 60px}.muted{color:#abbcd1}.install ol{padding-left:23px;color:#c0ccde;margin:25px 0 30px}.install li{padding-left:10px;margin:12px 0}.install li::marker{color:#a7ddc9;font-weight:800}.install-actions{display:flex;align-items:center;gap:27px}.text-link{font-size:15px;color:#bdd6e1;text-decoration:underline;text-underline-offset:5px}.faq{padding:45px 0 70px;border-top:1px solid #7287a345}.faq details{border-bottom:1px solid #7287a333}.faq summary{padding:20px 35px 20px 0;list-style:none;cursor:pointer;font-weight:700;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:5px;top:18px;color:#abdaca;font-size:23px;font-weight:400}.faq details[open] summary:after{content:'−'}.faq details p{color:#aebcd0;font-size:16px;padding-right:30px;margin-bottom:23px}.footer{padding:32px 0 43px;border-top:1px solid #7287a333}.footer .brand{font-size:16px}.footer p{font-size:13px;color:#9faec5;margin:12px 0 2px}.footer small{font-size:11px;color:#8c9bb2}
@media(max-width:600px){.wrap{width:calc(100% - 38px)}.header{top:20px;gap:20px;font-size:13px}.header .brand{font-size:0;gap:0}.header nav{gap:17px}.languages{gap:1px;font-size:12px}.languages button{padding:5px}.hero{padding:140px 0 115px;min-height:565px}.title-lockup{gap:16px}.title-lockup img{width:64px;height:64px;border-radius:17px}h1{font-size:57px;letter-spacing:-2px}h1 span{font-size:18px;letter-spacing:.4px;margin-top:10px}.hero-copy>p{font-size:18px;margin:28px auto 23px;max-width:280px}.hero-copy .release{font-size:12px}.button{font-size:16px;padding:12px 19px}.about{padding:25px 0 40px}h2{font-size:27px}.about>p{font-size:17px}.features{margin-top:28px}.features>div{grid-template-columns:1fr;gap:8px;padding:21px 0}.features dt{font-size:18px}.features dd{font-size:16px}.install{padding:38px 0 42px}.install p,.install li{font-size:16px}.install-actions{flex-direction:column;align-items:flex-start;gap:22px}.faq{padding:37px 0 48px}.faq summary{font-size:16px}.faq details p{font-size:15px;padding-right:10px}.footer small{display:block;max-width:320px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.header-actions{display:flex;align-items:center;gap:18px;margin-left:auto}.header-actions .languages{margin-left:0}.coffee-wrap{position:relative}.coffee-button{display:flex;align-items:center;gap:8px;white-space:nowrap;background:#e4d8b7;color:#29364a;border:1px solid #f1e7ce;border-radius:6px;padding:6px 11px;font-size:13px;font-weight:800}.coffee-button:hover{background:#f0e6cb}.coffee-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.coffee-note{position:absolute;right:0;top:calc(100% + 12px);width:255px;padding:15px 17px;margin:0;background:#18263e;color:#e3eaf5;border:1px solid #657a96;border-radius:8px;box-shadow:0 8px 25px #10162640;font-size:14px;line-height:1.6}.coffee-note[hidden]{display:none}.about>.inspiration{font-size:15px;color:#aedbcf;margin-top:-5px}
@media(max-width:600px){.header{flex-wrap:wrap;gap:12px 20px}.header-actions{flex-basis:100%;justify-content:flex-end;gap:16px}.coffee-button{font-size:12px;padding:5px 10px}.coffee-note{right:-75px;width:245px}.hero{padding-top:165px;min-height:590px}.about>.inspiration{font-size:14px}}
