:root{--background: #000b30;--dive-depth: 0;--deep: #000617;--surface: rgba(0, 21, 73, .46);--surface-strong: rgba(0, 31, 100, .5);--line: rgba(148, 168, 239, .16);--text: #f3f6ff;--muted: rgba(224, 228, 255, .68);--primary: #72c0fd;--secondary: #ff6e85;--tertiary: #ddffb0;--shadow: rgba(0, 0, 0, .46);--radius: 24px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--background)}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--text);background:radial-gradient(circle at 12% 22%,rgba(114,192,253,.11),transparent 30%),linear-gradient(180deg,#020d2c,#000719);font-family:Tajawal,Plus Jakarta Sans,sans-serif;line-height:1.7}a,button{color:inherit;font:inherit}a{text-decoration:none}button{border:0}img{display:block;max-width:100%}.site-shell{position:relative;min-height:100vh;isolation:isolate}#liquid-river{position:fixed;inset:0;z-index:-3;width:100%;height:100%;background:var(--background)}.surface-noise{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.1;background-image:radial-gradient(circle,rgba(255,255,255,.18) 0 1px,transparent 1.4px),radial-gradient(circle,rgba(255,255,255,.1) 0 1px,transparent 1.4px);background-position:0 0,48px 48px;background-size:96px 96px;mix-blend-mode:screen}.topbar{position:fixed;top:0;inset-inline:0;z-index:30;display:flex;direction:ltr;align-items:center;justify-content:space-between;gap:28px;width:100%;max-width:1920px;margin:0 auto;padding:18px clamp(22px,4vw,64px);border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(114,192,253,.08),transparent 24%,transparent 76%,rgba(114,192,253,.06)),linear-gradient(180deg,#000b30d1,#000b308f);backdrop-filter:blur(22px);box-shadow:0 18px 50px #0000002e}.brand-wordmark,.hero-wordmark{direction:ltr;display:inline-flex;align-items:baseline;gap:.006em;color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;letter-spacing:-.018em;line-height:.9;text-transform:uppercase}.brand-wordmark{font-size:clamp(22px,1.7vw,30px);animation:wordmark-in .62s cubic-bezier(.16,1,.3,1) both}.brand-wordmark strong,.hero-wordmark strong{display:inline-block;position:relative;top:.065em;width:.5em;height:.75em;margin-inline:.015em;overflow:hidden;color:transparent;font-size:.9em;transform:skew(-5deg)}.brand-wordmark strong:before,.brand-wordmark strong:after,.hero-wordmark strong:before,.hero-wordmark strong:after{content:"";position:absolute;top:0;width:43%;height:100%;border-radius:.03em;transform-origin:50% 100%}.brand-wordmark strong:before,.hero-wordmark strong:before{left:8%;background:linear-gradient(180deg,#80d7ff,#1d52ff 48%,#073c86);transform:skew(16deg)}.brand-wordmark strong:after,.hero-wordmark strong:after{right:8%;background:linear-gradient(180deg,#ff94bd,#fb2b61 54%,#b70e37);transform:skew(-16deg)}.nav-links{direction:rtl;display:flex;align-items:center;justify-content:flex-end;gap:clamp(18px,3vw,44px);color:#e0e4ffb8;font-weight:800;font-size:15px}.nav-links a{padding:8px 0;border-bottom:2px solid transparent;transition:color .18s ease,border-color .18s ease}.nav-links a:hover,.nav-links a.is-active{color:var(--primary);border-color:var(--primary)}main,.site-footer{position:relative;z-index:2}.hero{position:relative;min-height:100svh;display:grid;place-items:center;padding:122px 24px 84px;cursor:default;overflow:hidden}.hero:before{content:"";position:absolute;inset:86px 0 0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(0,7,26,.78),transparent 18%,transparent 82%,rgba(0,7,26,.78)),radial-gradient(ellipse at 50% 44%,transparent 0 34%,rgba(0,0,0,.28) 76%,rgba(0,0,0,.68))}.hero-copy{width:min(1480px,100%);text-align:center}.hero-kicker{margin:0 0 22px;color:#72c0fdeb;font-family:Tajawal,Plus Jakarta Sans,sans-serif;font-size:clamp(11px,.95vw,14px);font-weight:800;letter-spacing:.02em;line-height:1.2}.hero-wordmark{font-size:clamp(70px,10.7vw,168px);text-shadow:0 24px 90px rgba(0,0,0,.44),0 0 80px rgba(114,192,253,.12);animation:hero-mark-in .76s cubic-bezier(.16,1,.3,1) .12s both}.sea-narrative{position:absolute;inset:86px 0 0;z-index:-1;overflow:hidden;pointer-events:none;transform:translateY(calc(var(--dive-depth) * -18px)) scale(calc(1 + var(--dive-depth) * .025));transition:transform .9s cubic-bezier(.16,1,.3,1)}.sea-narrative:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 43%,#0000,#0000002e 64%,#00000070),linear-gradient(180deg,#000b3005,#00071a1f 58%,#00030b75)}.horizon-glow{position:absolute;top:24%;left:12%;width:76%;height:1px;background:linear-gradient(90deg,transparent,rgba(114,192,253,.25),rgba(255,110,133,.14),transparent);box-shadow:0 0 45px #72c0fd40;opacity:.72}.safe-ship{position:absolute;width:52px;height:10px;border-radius:50% 50% 35% 35%;background:linear-gradient(90deg,#e0e4ff14,#e0e4ff80,#e0e4ff1f);filter:blur(.2px);opacity:.68}.safe-ship:before{content:"";position:absolute;left:28px;bottom:8px;width:1px;height:26px;background:#e0e4ff61}.safe-ship:after{content:"";position:absolute;left:29px;bottom:12px;width:18px;height:20px;clip-path:polygon(0 0,100% 48%,0 100%);background:#e0e4ff33}.sea-creature-shadow{position:absolute;left:50%;bottom:-8%;width:clamp(360px,48vw,840px);height:clamp(120px,16vw,260px);border-radius:60% 42% 54% 46%;background:radial-gradient(ellipse at 48% 42%,rgba(0,0,0,.72),rgba(0,8,23,.38) 42%,transparent 72%),radial-gradient(ellipse at 72% 55%,rgba(114,192,253,.08),transparent 45%);filter:blur(18px);opacity:calc(.08 + var(--dive-depth) * .05);transform:translate(-50%) translateY(calc(var(--dive-depth) * -30px)) scale(calc(1 + var(--dive-depth) * .12));animation:creature-drift 12s ease-in-out infinite alternate;transition:opacity .9s ease,transform .9s cubic-bezier(.16,1,.3,1)}.depth-current{position:absolute;width:44vw;height:16vw;border-radius:50%;border:1px solid rgba(114,192,253,.08);filter:blur(1px);opacity:.38;transform:rotate(-12deg)}.depth-current-a{left:4%;bottom:19%;animation:current-slide 14s ease-in-out infinite}.depth-current-b{right:-6%;bottom:35%;animation:current-slide 17s ease-in-out infinite reverse}.hero.is-diving .sea-creature-shadow{filter:blur(12px)}.hero-copy>p:not(.hero-kicker){margin:34px auto 0;color:#e0e4ffc7;font-size:clamp(20px,2.2vw,32px);font-weight:700}.hero-actions{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px}.hero-actions a{min-width:154px;padding:12px 18px;border:1px solid rgba(148,168,239,.25);border-radius:999px;background:#000b3061;color:#f3f6ffdb;font-size:14px;font-weight:800;line-height:1;backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff0d,0 18px 48px #00000038;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.hero-actions a:hover{border-color:#72c0fd8c;background:#08204b85;color:#fff;transform:translateY(-2px)}.trailer-note{position:absolute;right:clamp(24px,5vw,76px);bottom:clamp(86px,12vh,124px);display:grid;gap:3px;max-width:280px;color:#f3f6ffad;text-align:right;text-shadow:0 18px 50px rgba(0,0,0,.54)}.trailer-note span{color:var(--primary);font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:800;letter-spacing:.32em;text-transform:uppercase}.trailer-note strong{font-size:clamp(17px,1.5vw,23px);font-weight:800}.touch-hint{position:absolute;left:50%;bottom:34px;display:inline-flex;align-items:center;gap:10px;color:#e0e4ff94;font-family:Plus Jakarta Sans,Tajawal,sans-serif;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;transform:translate(-50%)}.touch-hint span{width:24px;height:24px;border:1px solid rgba(114,192,253,.48);border-radius:50%;box-shadow:0 0 22px #72c0fd47}.signal-section,.wreck-section,.contact-section,.site-footer{width:min(1760px,calc(100% - 72px));margin:0 auto}.signal-section,.wreck-section,.contact-section{scroll-margin-top:96px}.signal-section{min-height:100vh;padding:13vh 0 12vh}.signal-copy{display:grid;grid-template-columns:minmax(0,.72fr) minmax(320px,.74fr);align-items:end;gap:clamp(34px,6vw,120px);margin-bottom:52px}.section-label{margin:0 0 14px;color:var(--primary);font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:800;letter-spacing:.36em;text-transform:uppercase}h1,h2,p{margin-top:0}h2{margin:0;color:#f8f7ff;font-size:clamp(42px,5.4vw,84px);font-weight:900;letter-spacing:-.015em;line-height:1.05}.signal-copy>p:not(.section-label),.wreck-copy p:not(.section-label),.contact-section p{margin:0;color:var(--muted);font-size:clamp(18px,1.6vw,24px)}.kinetic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,44px);perspective:1300px}.kinetic-card{position:relative;min-height:clamp(330px,31vw,520px);overflow:hidden;cursor:pointer;border-radius:var(--radius);border:1px solid rgba(148,168,239,.16);background:linear-gradient(180deg,#08204b47,#000a2494);box-shadow:0 34px 100px #00000047,inset 0 1px #ffffff0d;transform-style:preserve-3d;transition:transform .36s ease,border-color .26s ease,box-shadow .26s ease}.kinetic-card:hover,.kinetic-card.is-open{border-color:#72c0fd70;box-shadow:0 44px 140px #00000061,0 0 70px #72c0fd1f,inset 0 1px #ffffff14}.card-fluid{position:absolute;inset:0;width:100%;height:100%}.kinetic-card:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 18%,rgba(114,192,253,.13),transparent 34%),linear-gradient(180deg,transparent 24%,rgba(0,11,48,.22) 50%,rgba(0,11,48,.84));pointer-events:none}.card-index,.card-label,.card-en,.card-body{position:absolute;z-index:1}.card-index{top:22px;left:22px;color:#e0e4ff85;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:800;letter-spacing:.2em}.card-label{right:26px;bottom:88px;color:#fff;font-size:clamp(36px,4.1vw,76px);font-weight:900;line-height:.92;text-shadow:0 18px 50px rgba(0,0,0,.42)}.card-en{right:28px;bottom:54px;color:#72c0fddb;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:800;letter-spacing:.28em;text-transform:uppercase}.card-body{right:28px;bottom:24px;max-width:min(420px,calc(100% - 56px));color:#e0e4ffb3;font-size:17px;opacity:0;transform:translateY(12px);transition:opacity .26s ease,transform .26s ease}.kinetic-card.is-open .card-body,.kinetic-card:hover .card-body{opacity:1;transform:translateY(0)}.wreck-section{position:relative;min-height:92vh;display:flex;align-items:center;width:100%;max-width:none;margin:0;padding:14vh clamp(36px,6vw,96px);overflow:hidden;isolation:isolate}.wreck-scene{position:absolute;inset:0;z-index:-1;overflow:hidden;min-height:100%;background:linear-gradient(90deg,rgba(0,7,26,.72),transparent 18%,transparent 82%,rgba(0,7,26,.74)),radial-gradient(ellipse at 70% 20%,rgba(114,192,253,.16),transparent 28%),radial-gradient(ellipse at 35% 78%,rgba(255,110,133,.08),transparent 26%),linear-gradient(180deg,#00133c14,#00040e57 58%,#000000d6),url(/assets/sea-wreck-creature.png) center / cover;box-shadow:inset 0 1px #ffffff0f}.wreck-scene:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 62%,rgba(110,210,230,.08),transparent 24%),linear-gradient(180deg,#0000001f 0 38%,#00000057 68%,#000000bd);mix-blend-mode:screen;opacity:.72}.safe-horizon{position:absolute;top:14%;left:0;width:100%;height:80px}.safe-ship{left:78%;top:18px;transform:scale(.24);opacity:.56;box-shadow:0 0 24px #e0e4ff33,0 0 80px #72c0fd1f}.ember-field{position:absolute;inset:20% 0 0;background-image:radial-gradient(circle,rgba(255,190,100,.9) 0 1px,transparent 1.8px),radial-gradient(circle,rgba(255,80,96,.42) 0 1px,transparent 1.8px);background-position:12px 40px,80px 120px;background-size:160px 180px,210px 240px;opacity:.12;mix-blend-mode:screen;animation:embers-rise 8s linear infinite}.wreck-copy{position:relative;z-index:2;width:min(760px,100%);padding:clamp(40px,7vw,92px) 0;text-align:right;text-shadow:0 20px 90px rgba(0,0,0,.62)}.contact-section{min-height:54vh;display:flex;align-items:center;justify-content:space-between;gap:34px;padding:11vh 0 12vh;border-top:1px solid rgba(148,168,239,.14)}.contact-section h2{max-width:900px;font-size:clamp(48px,6vw,104px)}.contact-section a{flex:0 0 auto;padding:16px 22px;border:1px solid rgba(114,192,253,.38);border-radius:999px;color:#e7f8ff;background:#001f647a;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;box-shadow:0 24px 70px #0003}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:34px 0 44px;border-top:1px solid rgba(148,168,239,.14);color:#e0e4ff85;font-size:13px}.site-footer nav{display:flex;gap:18px;font-family:Plus Jakarta Sans,sans-serif}.site-footer a{transition:color .18s ease,opacity .18s ease}.site-footer a:hover,.site-footer a[aria-current=page]{color:var(--primary)}.legal-shell #liquid-river{opacity:.34}.legal-main{position:relative;z-index:2;width:min(1220px,calc(100% - 72px));margin:0 auto;padding:150px 0 80px}.legal-hero{display:grid;gap:14px;padding:clamp(34px,5vw,72px) 0 clamp(28px,4vw,56px);border-bottom:1px solid rgba(148,168,239,.16)}.legal-back{width:fit-content;color:#e0e4ff9e;font-size:14px;font-weight:800;transition:color .18s ease}.legal-back:hover{color:var(--primary)}.legal-hero h1{margin:0;color:#f8f7ff;font-size:clamp(48px,7vw,104px);font-weight:900;letter-spacing:-.015em;line-height:1.02}.legal-hero>p:not(.section-label){max-width:860px;margin:0;color:#e0e4ffbd;font-size:clamp(18px,1.8vw,25px)}.legal-date{width:fit-content;margin-top:12px;padding:8px 13px;border:1px solid rgba(148,168,239,.17);border-radius:999px;background:#00154957;color:#e0e4ffa3;font-size:13px;font-weight:800}.legal-content{display:grid;gap:0;padding:18px 0 0}.legal-section{display:grid;grid-template-columns:minmax(210px,.38fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);padding:clamp(26px,4vw,48px) 0;border-bottom:1px solid rgba(148,168,239,.12)}.legal-section h2{margin:0;color:#f3f6fff5;font-size:clamp(24px,2.2vw,34px);font-weight:900;letter-spacing:0;line-height:1.25}.legal-section p,.legal-section ul{margin:0;color:#e0e4ffb8;font-size:clamp(17px,1.25vw,20px);line-height:1.95}.legal-section ul{display:grid;gap:11px;padding-inline-start:22px}.legal-section li::marker{color:var(--primary)}.legal-section a{color:#e7f8ff;font-family:Plus Jakarta Sans,Tajawal,sans-serif;font-weight:800;border-bottom:1px solid rgba(114,192,253,.34)}.legal-note{margin:clamp(30px,5vw,56px) 0 0;padding:clamp(22px,3vw,32px);border:1px solid rgba(114,192,253,.18);border-radius:var(--radius);background:#00154961;color:#e0e4ffbd;font-size:clamp(16px,1.2vw,19px)}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .84s cubic-bezier(.16,1,.3,1),transform .84s cubic-bezier(.16,1,.3,1)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@keyframes wordmark-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-mark-in{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes creature-drift{0%{margin-left:-5vw;transform:translate(-50%) translateY(calc(var(--dive-depth) * -30px)) scale(calc(1 + var(--dive-depth) * .12)) rotate(-2deg)}to{margin-left:6vw;transform:translate(-50%) translateY(calc(var(--dive-depth) * -30px - 8px)) scale(calc(1.04 + var(--dive-depth) * .12)) rotate(2deg)}}@keyframes current-slide{0%,to{transform:translate3d(-2%,0,0) rotate(-12deg)}50%{transform:translate3d(5%,-7%,0) rotate(-8deg)}}@keyframes embers-rise{0%{background-position:12px 180px,80px 240px}to{background-position:12px -40px,80px -90px}}@media(max-width:1040px){.signal-copy,.wreck-section,.kinetic-grid{grid-template-columns:1fr}.kinetic-card{min-height:360px}.contact-section{display:block}.contact-section a{display:inline-flex;margin-top:26px}}@media(max-width:680px){.topbar{align-items:flex-start;flex-direction:column;padding:14px;gap:14px}.brand-wordmark{font-size:25px}.nav-links{width:100%;justify-content:space-between;gap:12px;font-size:14px}.hero{padding-top:150px}.hero-wordmark{font-size:clamp(42px,13vw,54px);letter-spacing:-.055em}.trailer-note{right:18px;bottom:88px;max-width:230px}.touch-hint{display:none}.signal-section,.wreck-section,.contact-section,.site-footer,.legal-main{width:min(100% - 28px,520px)}.wreck-section{width:100%;max-width:none;padding:12vh 18px}h2{font-size:clamp(38px,12vw,58px)}.card-label{font-size:clamp(40px,15vw,62px)}.wreck-scene{min-height:100%}.wreck{transform-origin:center bottom}.wreck-left{left:-12%;bottom:12%;transform:rotate(-10deg) scale(.78)}.wreck-right{right:-18%;bottom:22%;transform:rotate(8deg) scale(.62)}.site-footer{flex-direction:column;align-items:flex-start}.legal-main{padding-top:150px}.legal-section{grid-template-columns:1fr;gap:12px}.legal-hero h1{font-size:clamp(44px,13vw,62px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}