*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#0b2933;color:#f1fff5;font:17px/1.6 system-ui,-apple-system,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #ffd379;outline-offset:6px}.skip{position:absolute;top:-100px}.skip:focus{top:12px;background:#0b2933;z-index:3;padding:12px}header{max-width:1320px;margin:auto;padding:28px 40px;display:flex;align-items:center;gap:35px;border-bottom:1px solid #28505a}.brand{font-weight:800;letter-spacing:4px;font-size:25px;margin-right:auto}.brand span{display:block;font-size:9px;letter-spacing:2px;color:#91c2c2}nav{display:flex;gap:28px;font-size:14px}nav a:hover,footer a:hover{color:#8de7d4}.languages{display:flex;gap:4px}.languages button{border:1px solid #365761;background:none;color:#a8cbc8;border-radius:9px;padding:6px 9px;font-size:13px;cursor:pointer}.languages [aria-pressed=true]{background:#b5efdb;color:#0b2933;border-color:#b5efdb}main{max-width:1320px;margin:auto;padding:0 40px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:760px;gap:60px;padding:64px 0 72px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:3px;color:#9bdccf;margin:0 0 28px}h1{font-size:84px;line-height:1.05;letter-spacing:-3px;margin:0 0 28px}h1 span{display:block;font-size:50px;line-height:1.2;letter-spacing:-2px;margin-top:13px}.accent{color:#92e5cb}.intro{max-width:510px;color:#bbd6d7;font-size:20px;line-height:1.7;margin-bottom:32px}.button{display:inline-block;border-radius:14px;background:#b2f0d9;color:#102f36;padding:16px 25px;font-weight:700;font-size:16px}.button:hover{background:#d7ffeb}.fine{font-size:11px;color:#a2c2c3;margin-top:18px}.hero-art{display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse,#2b6269 0%,transparent 70%);padding:12px}.hero-screen{width:330px;max-width:100%;height:auto;border-radius:20px;border:1px solid #4d767a;box-shadow:0 28px 80px #00192188}.art-note{font-size:9px;letter-spacing:3px;color:#9cbdc2;margin-top:20px}.modes{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;border-top:1px solid #31545b;border-bottom:1px solid #31545b;padding:42px 0;margin-bottom:94px}.modes span{font-size:10px;letter-spacing:2px;color:#95cfbf}.modes h2{font-size:21px;line-height:1.4;margin:16px 0 8px}.modes p{color:#adc8cb;font-size:14px;margin:0}.section-title h2{font-size:38px;letter-spacing:-1px;line-height:1.25;margin:0}.section-title p:last-child{color:#adc8cb}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px;margin:40px 0 100px}.gallery figure{margin:0;min-width:0}.gallery img{width:100%;height:auto;border:1px solid #31545b;border-radius:13px}.gallery h3{font-size:18px;margin:15px 0 4px}.gallery p{font-size:13px;color:#adc8cb;margin:0}.contact{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:44px;border-radius:24px;background:#143b43;margin-bottom:75px}.contact h2{font-size:28px;margin:0;line-height:1.3}.contact p:last-child{color:#b0cdd0;margin-bottom:0}.contact .eyebrow{margin-bottom:15px}.secondary{background:none;border:1px solid #85baa9;color:#dcf9e9;overflow-wrap:anywhere}.secondary:hover{color:#102f36}footer{max-width:1240px;padding:30px 0 40px;margin:auto;border-top:1px solid #31545b;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#a4c6c5}footer div{display:flex;gap:25px}@media(max-width:900px){.hero{gap:25px}.hero-screen{width:290px}h1{font-size:65px}h1 span{font-size:38px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.modes{grid-template-columns:repeat(2,1fr)}.contact{flex-direction:column;align-items:flex-start}footer{margin:0 30px}}@media(max-width:600px){header{padding:20px;gap:14px;flex-wrap:wrap}.brand{font-size:22px}nav{order:3;width:100%;justify-content:space-between;gap:15px;font-size:13px}main{padding:0 22px}.hero{grid-template-columns:1fr;padding-top:42px;gap:20px}h1{font-size:66px}h1 span{font-size:37px}.intro{font-size:17px}.hero-screen{width:300px}.hero-art{padding-top:15px}.modes{gap:30px 20px;margin-bottom:60px}.section-title h2{font-size:29px}.gallery{gap:26px 13px;margin-bottom:60px}.gallery h3{font-size:16px}.gallery p{font-size:12px}.contact{padding:26px 22px;margin-bottom:45px}.contact h2{font-size:25px}.contact .button{font-size:13px;padding:13px}footer{flex-direction:column;margin:0 22px}.eyebrow{letter-spacing:2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}