@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--bg:#061826;--panel:#0b2738;--card:#102f43;--accent:#35c8d8;--text:#f0f7fa;--muted:#a2bccb;--line:#254252}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px Manrope,system-ui,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,.btn,select{border:1px solid var(--line);border-radius:7px;background:#102c3c;color:var(--text);padding:10px 16px;cursor:pointer}button:hover,.btn:hover{border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}header{position:sticky;top:0;z-index:10;background:#061826f5;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:20px 4%}.brand{font-size:11px;letter-spacing:1.5px;line-height:1.45;display:flex;gap:10px;align-items:center;white-space:nowrap}.brand b{font-weight:500;letter-spacing:2.3px}.mark{font-size:33px;color:var(--accent)}nav{display:flex;gap:22px;margin:auto;font-size:12px}nav a{color:var(--muted);position:relative}nav a.active{color:var(--accent)}nav a.active:after{content:'';position:absolute;height:2px;background:var(--accent);bottom:-26px;left:0;right:0}.header-actions{display:flex;gap:8px}#language{background:none;border:0;font:12px 'IBM Plex Mono',monospace;color:var(--accent);padding:5px}#language span{color:var(--muted)}#menu{display:none}.hero{min-height:650px;position:relative;overflow:hidden;padding:86px 7% 60px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:50px;background:radial-gradient(ellipse at 80% 22%,#15506477,transparent 65%),linear-gradient(125deg,#061826 25%,#0c3041 100%)}.hero:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 100px,#a8e6f008 100px 102px,transparent 102px 160px);pointer-events:none}.hero:after{content:'';position:absolute;bottom:-190px;left:-5%;width:110%;height:270px;background:#061826;border-radius:50%;filter:blur(20px)}.hero>*{position:relative;z-index:1}.eyebrow{font:11px 'IBM Plex Mono',monospace;letter-spacing:2px;text-transform:uppercase;color:var(--accent);display:flex;gap:10px;align-items:center}.eyebrow:before{content:'';width:6px;height:6px;background:var(--accent);border-radius:50%}h1{font-size:clamp(40px,5vw,72px);line-height:1.05;letter-spacing:-2.7px;margin:26px 0}h1 em{font-style:normal;color:var(--accent)}.hero .subtitle{font-size:21px;line-height:1.5;max-width:550px}.muted,p{color:var(--muted)}.hero .motto{font:12px 'IBM Plex Mono';color:#a8e6f0;margin:25px 0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.primary{background:var(--accent);color:#061826;border-color:var(--accent);font-weight:700}.primary:hover{background:#a8e6f0;color:#061826}.visual{height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #35c8d833;border-radius:16px;background:radial-gradient(ellipse,#1e657455,transparent 68%);position:relative}.orb{height:220px;width:220px;border-radius:50%;border:1px solid #35c8d844;display:grid;place-items:center;box-shadow:0 0 0 35px #35c8d807,0 0 0 70px #35c8d805}.orb svg{width:165px;stroke:var(--accent);fill:none;stroke-width:1}.visual small{font:10px 'IBM Plex Mono';color:var(--muted);position:absolute;bottom:20px;letter-spacing:1px}.coordinate{position:absolute;top:20px;left:22px;font:10px 'IBM Plex Mono';color:#a2bccb}.section{padding:65px 7%;max-width:1600px;margin:auto}.section+.section{padding-top:10px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}h2{font-size:31px;line-height:1.3;letter-spacing:-1px;margin:12px 0}h3{font-size:18px;font-weight:600;margin:12px 0}h4{margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:linear-gradient(145deg,#102f43,#0b2536);border:1px solid var(--line);border-radius:10px;padding:26px}.card p{font-size:14px}.icon{font-size:23px;color:var(--accent)}.num{font:11px 'IBM Plex Mono';color:var(--accent)}.label,.badge{font:10px 'IBM Plex Mono';color:var(--accent);letter-spacing:1px}.badge{border:1px solid #35c8d84d;border-radius:30px;padding:5px 10px;display:inline-block}.placeholder{min-height:210px;border:1px dashed #365363;background:#0a2231;border-radius:9px;display:flex;align-items:center;justify-content:center;text-align:center;padding:28px;color:var(--muted);flex-direction:column;gap:10px}.placeholder .icon{font-size:32px}.note{padding:18px 22px;background:#10354577;border-left:2px solid var(--accent);font-size:13px;color:var(--muted);margin:25px 0}.page-head{padding:60px 7% 25px;background:radial-gradient(ellipse at right top,#124456,transparent 65%)}.page-head h1{font-size:48px;margin:20px 0}.page-head p{max-width:760px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tabs button.selected{color:var(--accent);border-color:var(--accent)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{color:var(--muted);font:11px 'IBM Plex Mono';background:#0d2a3b}td,th{padding:16px;border-bottom:1px solid var(--line)}td{font-size:13px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0}.file-label{display:inline-flex;align-items:center;border:1px solid var(--accent);color:var(--accent);border-radius:7px;padding:9px 15px;cursor:pointer}.file-label input{display:none}.viewer{background:#071d2b;border:1px solid var(--line);border-radius:10px;overflow:hidden}.viewer canvas{display:block;width:100%;height:360px;touch-action:none}.viewer-title{padding:14px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font:12px 'IBM Plex Mono'}.editor{overflow:auto;max-height:500px;padding:20px;margin:0;font:13px/1.9 'IBM Plex Mono',monospace;min-height:230px;white-space:pre}.code-line{display:block}.ln{display:inline-block;color:#507285;width:45px;user-select:none}.kw{color:#75d6e5}.comment{color:#7b9e87}.timeline{border-left:1px solid #35c8d850;margin:30px 0 30px 10px;padding-left:30px}.timeline .card{position:relative;margin-bottom:22px}.timeline .card:before{content:'';position:absolute;width:9px;height:9px;left:-36px;top:30px;background:var(--accent);border:3px solid var(--bg);border-radius:50%}details{background:#0c293a;border:1px solid var(--line);border-radius:7px;margin:12px 0;padding:17px 22px}summary{cursor:pointer;font-weight:600}details p{font-size:14px}.search{width:100%;padding:13px 17px;background:#0b2738;border:1px solid var(--line);border-radius:8px;color:var(--text)}.empty{text-align:center;padding:50px;color:var(--muted)}.metric-line{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:18px 0}.chart{width:100%;height:340px;background:#081f2d;border-radius:8px}.chart svg{width:100%;height:100%}footer{border-top:1px solid var(--line);padding:35px 7%;display:flex;gap:30px;align-items:center;flex-wrap:wrap;font-size:11px}footer p{margin-left:auto}#top{border:1px solid var(--line);padding:8px 15px}.skip{position:fixed;top:-100px;z-index:100}.skip:focus{top:10px;background:var(--bg);padding:10px}#status{color:var(--accent);font-size:12px}.small{font-size:12px}.hide{display:none}@media(max-width:1100px){nav{gap:12px;font-size:10px}header{gap:16px}.hero{gap:20px;padding-left:5%;padding-right:5%}}@media(max-width:850px){#menu{display:block}header{padding:15px 5%}.header-actions{margin-left:auto}nav{display:none;position:absolute;top:77px;left:0;right:0;background:#061826;padding:20px;flex-direction:column;font-size:14px}nav.open{display:flex}nav a.active:after{display:none}.hero{grid-template-columns:1fr;padding:50px 6%;min-height:0}.hero h1{font-size:52px}.visual{height:290px;margin-top:15px}.orb{width:160px;height:160px}.orb svg{width:130px}.grid,.grid.two{grid-template-columns:1fr}.section{padding:40px 6%}.page-head{padding:40px 6% 20px}.page-head h1{font-size:36px}.section-head{display:block}footer p{margin-left:0}.hero:after{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero{background:linear-gradient(90deg,#061826f5 0%,#061826d9 35%,#06182638 100%),url('ocean-illustration.jpg') center/cover}.hero:before{background:linear-gradient(0deg,#061826 0%,transparent 35%)}.visual{backdrop-filter:blur(2px);background:#06182655}.photo-credit{font:9px 'IBM Plex Mono';color:#a2bccb99;display:block;margin-top:18px}[hidden]{display:none!important}.section{animation:appear .35s ease-out}@keyframes appear{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.section{animation:none}}