:root{--cyan:#1fbcf0;--teal:#1b8bb0;--ink:#111}
*{box-sizing:border-box;margin:0}
body{font-family:Carlito,Calibri,sans-serif;color:var(--ink);background:#fff;font-size:15px;line-height:1.35;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
#home{position:relative}
.hero{position:relative;color:#fff;background:#000}
.hero-img{width:100%;aspect-ratio:3/2;object-fit:cover;min-height:340px}
nav{position:absolute;top:14px;left:20px;display:flex;gap:26px;font-family:'Share Tech Mono',monospace;font-size:clamp(14px,2.4vw,20px)}
.logo{position:absolute;top:18px;right:18px;width:clamp(90px,20vw,150px)}
.hero-cap{position:absolute;left:26px;bottom:26px;font-family:'Share Tech Mono',monospace;font-size:clamp(12px,2.3vw,19px);letter-spacing:.5px}
.intro{display:grid;grid-template-columns:1fr 1fr;align-items:start;padding:30px 0 0 24px;gap:10px}
.intro h3{font-family:'Share Tech Mono',monospace;color:var(--cyan);font-weight:400;font-size:clamp(15px,2.4vw,20px);margin:30px 0 8px}
.intro h3:first-child{margin-top:20px}
.intro p{font-size:clamp(12px,1.9vw,15px)}
.phoropter{width:100%;margin-top:-30px}
.vision{padding:40px 24px 30px}
.vision h1{font-family:'Share Tech Mono',monospace;font-weight:400;color:#1385ad;font-size:clamp(60px,15vw,140px);line-height:1.05;margin-bottom:30px}
.vision h1 span{font-family:'Michroma',sans-serif;font-weight:700;font-size:.9em}
.vision p{max-width:560px;font-size:clamp(12px,1.9vw,15px)}
.kids-pic{position:relative;height:clamp(280px,64vw,560px);margin-top:20px}
.boy{position:absolute;left:0;bottom:0;width:54%}
.girl{position:absolute;right:0;top:0;width:50%}
.kids{padding:10px 24px 70px}
.kids h2,.elders h2{font-family:'Michroma',sans-serif;color:var(--cyan);font-size:clamp(20px,5vw,34px);margin-bottom:18px}
.kids p{font-size:clamp(11px,1.8vw,14px);max-width:620px}
.elders{position:relative;display:grid;grid-template-columns:55% 45%;background:#fff}
.elders .bg{position:absolute;top:0;left:0;width:100%;height:clamp(110px,24vw,230px);object-fit:cover}
.elders .man{position:relative;width:100%;align-self:end;z-index:1}
.elders-text{position:relative;z-index:1;padding:0 20px 0 0;font-size:clamp(10px,1.7vw,13px)}
.elders h2{font-size:clamp(17px,4vw,30px);margin:20px 0 14px;text-align:right;font-family:'Lexend',sans-serif;font-weight:500}
.buttons{background:var(--cyan);display:flex;gap:20px;padding:18px 16px;justify-content:center}
.btn{flex:1;max-width:340px;background:#e6e6e6;color:var(--cyan);border-radius:5px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;font-family:'Share Tech Mono',monospace;font-size:clamp(15px,3.2vw,24px)}
.btn svg{width:34px;height:34px;color:var(--cyan)}.btn span{flex:1;text-align:center}
.discover{position:relative;height:clamp(120px,30vw,260px)}
.band{background:linear-gradient(#e6e6e6 0 0) 0 22px/50% 50px no-repeat,var(--cyan);height:84px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 18px 10px;color:var(--cyan);font-family:'Share Tech Mono',monospace;font-size:clamp(15px,3.4vw,28px);position:relative}
.band a:last-child{color:#fff;margin-right:2px}
.discover img{position:absolute;left:30px;top:42px;width:clamp(220px,46vw,380px);z-index:2}
footer{background:var(--cyan);color:#fff;position:relative;overflow:hidden}
.foot-copy{position:absolute;left:24px;top:60px;z-index:2;font-family:'Share Tech Mono',monospace;font-size:clamp(14px,3vw,22px);display:grid;gap:18px}
.foot-img{width:100%;margin-top:70px}
.foot-bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:14px;padding:12px;background:#0e2a66aa}
.flags{display:flex;gap:6px}.flags svg{height:24px;width:auto}
.made{color:var(--cyan);flex:1;margin-left:20px}
.logo.small{position:static;width:clamp(100px,24vw,150px)}
.page{display:none;min-height:100vh;position:relative;overflow:hidden;padding:30px 24px 200px}
.page.open{display:block}
.page.solid{background:var(--teal);color:#fff;padding-left:max(24px,calc((100vw - 760px)/2));padding-right:max(24px,calc((100vw - 760px)/2))}
.page h2{font-family:'Share Tech Mono',monospace;font-weight:400;font-size:clamp(28px,6vw,46px);color:#1b8bb0;text-align:center;margin:50px 0 60px}
.page.solid h2{color:#fff}
.page .body{position:relative;z-index:2;max-width:640px;margin:auto;font-size:clamp(13px,2vw,16px)}
.page a.close{position:relative;z-index:3;font-family:'Share Tech Mono',monospace;color:var(--cyan)}.page.solid a.close{color:#fff}
.page .body a{text-decoration:underline}
.deco{position:absolute;z-index:1}
.about-img{left:max(24px,calc((100vw - 640px)/2));bottom:20px;width:min(300px,50vw)}
.fade-bg{left:0;right:0;bottom:0;width:100%;opacity:.45;-webkit-mask-image:linear-gradient(transparent,#000 40%);mask-image:linear-gradient(transparent,#000 40%)}
.iris-img{left:max(24px,calc((100vw - 640px)/2));bottom:20px;width:min(240px,45vw)}
.eye-bottom{right:0;left:0;margin:auto;bottom:0;width:min(520px,90vw);opacity:.9}