@font-face{font-family:"Bricolage Grotesque";src:url("/assets/fonts/bricolage-grotesque-latin.woff2") format("woff2");font-display:swap;font-weight:400 800}
@font-face{font-family:"Bricolage Grotesque";src:url("/assets/fonts/bricolage-grotesque-latin-ext.woff2") format("woff2");font-display:swap;font-weight:400 800;unicode-range:U+0100-024F}
@font-face{font-family:"Hanken Grotesk";src:url("/assets/fonts/hanken-grotesk-latin.woff2") format("woff2");font-display:swap;font-weight:400 800}
@font-face{font-family:"Hanken Grotesk";src:url("/assets/fonts/hanken-grotesk-latin-ext.woff2") format("woff2");font-display:swap;font-weight:400 800;unicode-range:U+0100-024F}
:root{--ink:#171b19;--muted:#64716c;--paper:#f8f7f3;--canvas:#e9eeeb;--card:#fff;--line:#d9dfda;--accent:#087653;--accent-soft:#e4f5ed;--focus:#0b7cff;font-family:"Hanken Grotesk",system-ui,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}
*{box-sizing:border-box}
html{min-width:320px;background:var(--canvas)}
body{margin:0;min-height:100svh;background:var(--paper)}
a{color:inherit}
.hub{position:relative;width:100%;min-height:100svh;margin-inline:auto;padding:42px max(20px,env(safe-area-inset-left)) max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--paper)}
.brand-logo{width:min(174px,48vw);height:auto;margin:3px 0 18px}
.tagline{max-width:330px;margin:0 0 12px;font:750 clamp(1.08rem,5vw,1.2rem)/1.3 "Bricolage Grotesque",sans-serif;text-wrap:balance}
.trial{margin:0 0 25px;padding:9px 13px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.77rem;font-weight:750;line-height:1}
.primary-links{display:grid;width:100%;gap:11px}
.link-card{min-height:64px;padding:0 18px;display:flex;align-items:center;gap:14px;text-align:left;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 5px 14px rgba(8,63,46,.055);font-size:.96rem;font-weight:750;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.link-card img{width:28px;height:28px;object-fit:contain;flex:none}
.link-card:hover{transform:translateY(-2px);border-color:#c4cec7;box-shadow:0 9px 22px rgba(8,63,46,.09)}
.link-card:active{transform:translateY(0)}
.social-section{margin-top:28px}
.social-section h2{margin:0;font-size:.7rem;line-height:1;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.social-links{display:flex;gap:10px;margin-top:14px}
.social-link,.share-button{width:46px;height:46px;display:grid;place-items:center;border:1px solid #e0e5e1;border-radius:14px;background:#ecefeb;text-decoration:none;transition:transform .16s ease,background .16s ease}
.social-link img{width:20px;height:20px}
.social-link:hover,.share-button:hover{transform:translateY(-2px);background:#e2e7e3}
.share-button{position:absolute;top:20px;right:max(20px,env(safe-area-inset-right));padding:0;color:var(--ink);cursor:pointer}
.share-button img{width:20px;height:20px}
footer{width:100%;margin-top:auto;padding-top:34px;color:var(--muted);font-size:.72rem}
.legal,.language{display:flex;justify-content:center;gap:18px}
.legal a,.language a{text-underline-offset:3px}
.language{margin-top:14px;gap:5px}
.language a{min-width:35px;min-height:35px;display:grid;place-items:center;border-radius:10px;text-decoration:none}
.language a[aria-current="page"]{background:#e7ebe8;color:var(--ink);font-weight:800}
footer p{margin:12px 0 0}
.share-status{min-height:1.2em;margin:8px 0 0;color:var(--accent);font-size:.75rem;font-weight:700}
.recovery{justify-content:center;gap:10px}.recovery .brand-logo{margin-bottom:12px}.recovery-link{width:100%;justify-content:center;margin-top:12px}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(min-width:700px){body{padding:30px;background:var(--canvas)}.hub{max-width:430px;min-height:calc(100svh - 60px);padding:50px 28px 28px;border:1px solid rgba(21,47,39,.08);border-radius:34px;box-shadow:0 26px 70px rgba(8,35,27,.13)}}
@media(max-height:720px){.hub{padding-top:30px}.brand-logo{margin-bottom:13px}.trial{margin-bottom:19px}.social-section{margin-top:21px}footer{padding-top:25px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}