:root{color-scheme:dark;--bg:#080e18;--ink:#f3f7fb;--muted:#b4c1d0;--ice:#55ddf6;--line:#233247}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Tahoma,Arial,sans-serif}html[lang=ar] body span[lang=en],html[lang=en] body span:not([lang]):is(a>span,h1>span,h2>span,h3>span,p>span){display:none}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid white;outline-offset:4px}.wrap{width:calc(100% - 64px);max-width:1200px;margin:auto}.skip{position:absolute;inset-inline-start:16px;top:-100px;z-index:4;background:#fff;color:#000;padding:8px}.skip:focus{top:8px}.header{background:#080e18;border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px}.nav img{display:block;width:96px;height:auto}.nav nav{display:flex;gap:clamp(12px,4vw,44px);font-size:14px}.nav nav a:hover,.textlink:hover,.foot a:hover{color:var(--ice)}#language{background:transparent;color:var(--ice);border:1px solid #355267;border-radius:99px;min-width:49px;padding:5px 9px;cursor:pointer}.hero{overflow:hidden;background:radial-gradient(ellipse at 22% 55%,#102c41 0,transparent 56%),#080e18;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;min-height:520px;align-items:center;gap:36px}.hero-copy{padding:54px 0}.eyebrow{display:flex;gap:9px;align-items:center;color:var(--ice);font:700 11px/1.4 Arial,sans-serif;letter-spacing:.21em;margin:0 0 17px;width:fit-content}.eyebrow i{width:18px;height:2px;background:currentColor}.hero h1{font-size:clamp(48px,6.4vw,94px);line-height:1.04;letter-spacing:-.045em;margin:0;max-width:620px}.hero h1 em{font-style:normal;color:var(--ice);white-space:nowrap}.intro,.section-head>p,.about p:not(.eyebrow),.contact p:not(.eyebrow){color:var(--muted);max-width:38ch;margin:23px 0 27px}.button{display:inline-flex;align-items:center;gap:22px;justify-content:center;min-height:52px;padding:10px 20px;border-radius:7px;background:var(--ice);color:#05111b;font-weight:700}.button:hover{background:#a1effb}.button b{font-size:20px}.hero-art{position:relative;border:1px solid #244157;border-radius:16px;overflow:hidden;background:#03101d;box-shadow:0 18px 75px #0007}.hero-art img{display:block;width:100%;height:auto}.image-index{display:flex;justify-content:space-between;padding:12px 15px;background:#0a1724;color:#b8daea;font:700 10px Arial;letter-spacing:.18em}.products{padding-block:76px 72px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.section-head>p{margin:0 0 4px}h2{margin:0;font-size:clamp(34px,5vw,62px);line-height:1.12;letter-spacing:-.035em}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{--flavour:#55ddf6;background:#101925;border:1px solid var(--line);border-radius:14px;overflow:hidden}.card.mojito{--flavour:#a8e253}.card.sugar{--flavour:#ff8058}.card.day{--flavour:#96d2ff}.can{height:235px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 75%,#254259,#06101a 70%);border-bottom:1px solid var(--line)}.mojito .can{background:radial-gradient(ellipse at 50% 75%,#244729,#06101a 70%)}.sugar .can{background:radial-gradient(ellipse at 50% 75%,#503128,#06101a 70%)}.can img{height:185px;width:auto;border-radius:14% / 7%;box-shadow:0 9px 24px #000b;transition:transform .24s ease}.card:hover img{transform:translateY(-4px)}.can>span{position:absolute;top:13px;inset-inline-end:13px;color:var(--flavour);font:700 13px Arial}.card-copy{padding:16px}.card-copy p:first-child{color:var(--flavour);font:700 10px/1.45 Arial;letter-spacing:.13em;text-align:start;margin:0 0 8px}html[dir=rtl] .card-copy p:first-child{text-align:right}.card-copy h3{font-size:22px;line-height:1.3;margin:0}.card-copy p:last-child{color:var(--muted);font-size:14px;margin:9px 0 0}.about{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(28px,7vw,92px);padding-block:10px 80px}.about-art{height:315px;background:#0b0c10;border:1px solid var(--line);border-radius:16px;overflow:hidden}.about-art img{display:block;width:100%;height:100%;object-fit:contain}.textlink{text-decoration:underline;text-underline-offset:5px}.contact{padding-block:58px;background:#0e2132;border-block:1px solid #29445a}.contact-grid{display:flex;justify-content:space-between;align-items:center;gap:25px}.contact-actions{display:grid;justify-items:start;gap:16px}.foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-block:17px;color:var(--muted);font-size:12px}@media(max-width:900px){.hero-grid{min-height:440px;gap:20px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:630px){.wrap{width:calc(100% - 36px)}.nav{height:64px;gap:8px}.nav img{width:59px}.nav nav{gap:11px;font-size:12px}#language{min-width:35px;padding:3px 6px;font-size:12px}.hero-grid,.about{grid-template-columns:1fr}.hero-grid{gap:0;padding-bottom:26px}.hero-copy{padding:34px 0 24px}.hero h1{font-size:clamp(44px,11vw,64px)}.hero-art{border-radius:12px}.products{padding-block:45px}.section-head{align-items:start;flex-direction:column;gap:10px}.cards{gap:9px}.can{height:175px}.can img{height:135px}.card-copy{padding:12px}.card-copy h3{font-size:17px}.card-copy p:last-child{font-size:13px}.about{padding-bottom:47px}.about-art{height:225px}.contact{padding-block:39px}.contact-grid{align-items:start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}