:root{color-scheme:dark;--bg:#0a0e0b;--surface:#111812;--line:#263329;--text:#f5f8f1;--muted:#a4aea4;--green:#96A211;--green2:#747E0D}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{max-width:1190px;margin:auto;padding-left:28px;padding-right:28px}.ambient{position:absolute;pointer-events:none;z-index:-1;filter:blur(85px);opacity:.37}.ambient-one{top:100px;right:-200px;width:550px;height:550px;background:radial-gradient(circle,#386b35,transparent 68%)}.ambient-two{top:400px;left:-350px;width:650px;height:450px;background:radial-gradient(circle,#223e26,transparent 70%)}.site-header{height:94px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff10}.brand{display:flex;gap:12px;align-items:center}.brand-mark{font-size:37px;font-weight:900;letter-spacing:-5px;line-height:1;color:var(--green)}.brand-dot{color:#e3f3bf}.brand-words{font-size:12px;letter-spacing:.18em;font-weight:800;line-height:1.5}.brand-words strong{display:block;color:var(--green);font-size:9px;letter-spacing:.16em}.site-header nav{display:flex;gap:32px;align-items:center;color:#c5d0c1;font-size:13px;font-weight:600}.site-header nav a:hover{color:var(--green)}.site-header .nav-download{border:1px solid #47643c;padding:10px 17px;border-radius:9px;color:var(--green)}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:38px;padding-top:70px;padding-bottom:80px}.eyebrow,.kicker{color:var(--green);font-size:11px;font-weight:800;letter-spacing:.24em}.eyebrow{display:flex;align-items:center;gap:11px}.pulse{width:8px;height:8px;background:var(--green);border-radius:100%;box-shadow:0 0 0 5px #b6d77d19}.hero h1{font-size:clamp(48px,5.35vw,79px);line-height:1.08;letter-spacing:-.065em;margin:28px 0 24px;font-weight:800}.hero h1 em{font-style:normal;color:var(--green)}.intro{max-width:510px;font-size:17px;color:#b1bcb2;line-height:1.85}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}.button{border:0;display:inline-flex;gap:11px;justify-content:center;align-items:center;padding:15px 22px;border-radius:10px;font-weight:750;font-size:13px;transition:transform .2s,background .2s,box-shadow .2s;cursor:pointer}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--green);color:#142011;box-shadow:0 15px 32px #a6d86c1e}.button-primary:hover{background:#cce99b;box-shadow:0 18px 32px #a6d86c2b}.button-ghost{background:#ffffff0b;color:#e6eddf;border:1px solid #ffffff24}.button-ghost:hover{background:#ffffff17}.hero-note{font-size:12px;color:#879786;margin-top:22px}.little-check{color:var(--green);font-weight:900}.sep{margin:0 7px}.hero-visual{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center}.orbit{border:1px solid #a5d47e17;position:absolute;border-radius:50%;width:510px;height:510px;transform:rotate(-28deg)}.orbit-b{width:390px;height:390px;border-color:#a5d47e2b}.device{width:400px;height:295px;background:#131a16;border:11px solid #303c32;border-radius:22px;transform:perspective(900px) rotateY(-10deg) rotateX(5deg) rotateZ(-4deg);box-shadow:20px 38px 80px #0009,0 0 75px #7faa5d17;position:relative;z-index:1}.device-camera{position:absolute;left:50%;top:-8px;width:4px;height:4px;border-radius:50%;background:#7f927b}.device-screen{background:#141a16;inset:0;position:absolute;overflow:hidden;border-radius:9px;padding:15px 20px}.screen-bar{display:flex;justify-content:space-between;color:#d3dec8;font-size:9px;align-items:center}.screen-back{font-size:25px;line-height:1}.screen-dots{font-size:14px;color:var(--green)}.screen-title{margin-top:12px;margin-bottom:10px;color:var(--green);font-size:11px;font-weight:700}.sheet{height:161px;background:#f7f5e9;border-radius:3px;position:relative;padding:15px 18px;overflow:hidden}.staff{height:31px;border-top:1px solid #4a4b48;border-bottom:1px solid #4a4b48;background:repeating-linear-gradient(to bottom,transparent 0,transparent 6px,#81837b 7px,transparent 8px);position:relative}.staff span{position:absolute;left:15%;top:-11px;font-family:Georgia,serif;font-size:29px;color:#303a34}.staff:nth-child(even) span{left:48%}.sheet-mark{position:absolute;right:23%;top:26px;width:70px;height:17px;transform:rotate(-8deg);border-radius:50%;border:3px solid #76935a80}.screen-bottom{display:flex;justify-content:space-between;color:#a9baa5;font-size:8px;margin-top:8px}.floating-chip{position:absolute;right:-10px;bottom:18px;border:1px solid #516c44;background:#1b281eeb;padding:14px 20px;border-radius:13px;z-index:3;display:flex;align-items:center;gap:12px;font-size:11px;box-shadow:0 12px 30px #0008;color:#b1bea9}.floating-chip b{color:#eaf6dc}.chip-icon{font-size:30px;color:var(--green)}.strip{border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;background:#0f1711}.strip-inner{display:flex;gap:28px;align-items:center;justify-content:space-between;min-height:70px;font-size:10px;font-weight:750;letter-spacing:.23em;color:#7c9673}.strip-line{flex:1;height:1px;background:#425640}.section{padding-top:115px;padding-bottom:115px;scroll-margin-top:30px}.section-head{max-width:690px;margin-bottom:45px}.section h2,.download-section h2{font-size:clamp(35px,4vw,53px);line-height:1.17;letter-spacing:-.045em;margin:16px 0 20px}.section h2 span,.download-section h2 span{color:var(--green)}.section-head p,.download-grid>div>p{color:var(--muted);font-size:15px;max-width:560px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{background:linear-gradient(145deg,#172019,#111713);border:1px solid #2d3d30;border-radius:15px;padding:29px 23px;min-height:275px;position:relative;transition:border-color .2s,transform .2s}.feature:hover{border-color:#759b61;transform:translateY(-4px)}.feature-icon{width:48px;height:48px;border-radius:13px;background:#a6d47d16;border:1px solid #a6d47d24;display:grid;place-items:center;color:var(--green);font-size:26px;margin-bottom:31px}.feature h3{font-size:16px;margin:0 0 9px}.feature p{font-size:13px;color:#9daa9c;line-height:1.75;margin:0}.feature-num{position:absolute;right:20px;top:21px;color:#60735b;font-size:11px}.download-section{background:radial-gradient(ellipse at 75% 10%,#263e2560,transparent 55%),#121b14;border-top:1px solid #2a3c2d;border-bottom:1px solid #2a3c2d;padding:100px 0;scroll-margin-top:20px}.download-grid{display:grid;grid-template-columns:1fr 440px;gap:65px;align-items:center}.release-info{display:flex;gap:55px;margin-top:30px}.release-info small,.release-info strong{display:block}.release-info small{font-size:10px;letter-spacing:.17em;color:#8a9b85}.release-info strong{font-size:13px;margin-top:6px}.download-card{background:#0d130f;border:1px solid #476146;border-radius:18px;padding:30px;box-shadow:0 20px 55px #0003}.download-card-top{display:flex;gap:16px;align-items:center;margin-bottom:26px}.android-symbol{height:54px;width:54px;background:#a9d58016;color:var(--green);display:grid;place-items:center;border-radius:13px;font-size:29px}.download-card-top strong,.download-card-top span{display:block}.download-card-top span{color:var(--muted);font-size:12px;margin-top:4px}.button.big{width:100%;padding:19px}.button.disabled,.button.disabled:hover{cursor:not-allowed;opacity:.58;transform:none;box-shadow:none}.download-card p{color:#819181;text-align:center;font-size:11px;margin:16px 0 0}.file-trust{margin-top:20px;padding:12px 0;border-top:1px solid #ffffff17;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:10px;color:#95a992}.file-trust[hidden]{display:none}.file-trust code{font-size:10px;overflow-wrap:anywhere;color:#cad9c5}.file-trust button{border:1px solid #53694b;background:transparent;color:var(--green);padding:4px 9px;border-radius:5px;cursor:pointer}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{padding:29px 27px;border-top:1px solid #747E0D;background:linear-gradient(180deg,#252A0877,transparent);border-radius:0 0 12px 12px}.step-num{font-size:35px;font-weight:800;letter-spacing:-.07em;color:#96A211}.step h3{font-size:17px;margin:19px 0 8px}.step p{color:#9cab9c;font-size:13px;line-height:1.8;margin:0}.install-hint{color:#92a292;font-size:12px;line-height:1.8;margin-top:28px;max-width:850px}footer{border-top:1px solid #27352a;padding:33px 0;color:#809180}.footer-inner{display:flex;align-items:center;gap:20px;justify-content:space-between;font-size:12px}.footer-brand{display:flex;align-items:center;gap:13px}.footer-brand strong,.footer-brand small{display:block}.footer-brand strong{font-size:11px;color:#e1ebd8;letter-spacing:.08em}.footer-brand small{font-size:10px}.footer-inner a:hover{color:var(--green)}a:focus-visible,button:focus-visible{outline:3px solid #d8f2ab;outline-offset:4px}@media(max-width:970px){.hero{grid-template-columns:1fr;padding-top:74px}.hero-visual{min-height:380px}.feature-grid{grid-template-columns:repeat(2,1fr)}.download-grid{grid-template-columns:1fr;gap:35px}.download-card{max-width:550px}}@media(max-width:610px){.wrap{padding-left:20px;padding-right:20px}.site-header{height:78px}.site-header nav{gap:12px}.site-header nav>a:not(.nav-download){display:none}.brand-words{font-size:10px}.brand-words strong{font-size:8px}.site-header .nav-download{padding:8px 10px;font-size:12px}.hero{gap:0;padding-top:62px;padding-bottom:30px;min-height:0}.hero h1{font-size:clamp(44px,11vw,65px)}.intro{font-size:15px}.hero-visual{min-height:305px}.orbit{width:340px;height:340px}.orbit-b{width:260px;height:260px}.device{transform:scale(.74) rotateZ(-4deg);flex-shrink:0}.floating-chip{right:0;bottom:20px}.strip-inner{min-height:64px;font-size:8px;gap:12px;letter-spacing:.1em}.section{padding-top:75px;padding-bottom:75px}.feature-grid,.steps{grid-template-columns:1fr}.feature{min-height:225px}.feature-icon{margin-bottom:20px}.download-section{padding:75px 0}.download-card{padding:21px}.release-info{gap:28px;flex-wrap:wrap}.footer-inner{flex-wrap:wrap}.hero-actions .button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Origineel REYER-logo uit Android vector, ook op mobiel */
.brand-logo{display:block;width:178px;height:auto;flex:none}
.footer-brand .brand-logo{width:142px}
@media(max-width:610px){.brand{gap:8px}.brand-logo{width:116px}.footer-brand .brand-logo{width:116px}.brand-words strong{font-size:7px;letter-spacing:.09em}}
@media(max-width:375px){.brand-logo{width:96px}.brand-words strong{font-size:6px}}
