:root{--ink: #0c0c0d;--ink-2: #141416;--ink-3: #18181a;--paper: #f4f2ed;--paper-2: #ece9e2;--white: #ffffff;--yellow: #ffd400;--yellow-dark: #c9a400;--muted: #c8c5be;--muted-2: #d9d6cf;--gray: #8d8a84;--gray-2: #7a766f;--gray-3: #5d5a54;--text-dark: #3d3b37;--line: #26262a;--line-light: #cfcbc2;--line-light-2: #dcd8cf;--navy: #071423;--navy-2: #0b1d31;--navy-3: #0f2238;--blue: #4aa3ff;--blue-dark: #2d6aa8;--ice: #eef3f8;--d-line: #17304b;--d-line-2: #2a4767;--d-line-light: #c6d3e0;--d-muted: #c3d4e6;--d-muted-2: #a9c3de;--d-muted-3: #7f9ab5;--font-display: "Anton", Impact, "Arial Narrow", sans-serif;--font-body: "Be Vietnam Pro", system-ui, sans-serif;--gutter: 6%;--max: 1320px;--ease: cubic-bezier(.2, .7, .2, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--paper);background:var(--ink);-webkit-font-smoothing:antialiased}body.theme-deric{color:var(--ice);background:var(--navy)}body.theme-light{color:var(--ink);background:var(--paper)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{overflow-wrap:break-word}:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.theme-deric :focus-visible{outline-color:var(--blue)}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--yellow);color:var(--ink);padding:12px 18px;font-weight:600}.skip-link:focus{left:16px;top:16px}.section{padding:140px var(--gutter)}.container{max-width:var(--max);margin:0 auto}.row-between{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px}.display{font-family:var(--font-display);font-weight:400;letter-spacing:.2px}.h-xl{font-size:clamp(56px,8.5vw,138px);line-height:.9;letter-spacing:0}.h-lg{font-size:clamp(40px,5vw,68px);line-height:1}.h-md{font-size:clamp(36px,4.4vw,56px);line-height:1.02}.eyebrow{font-size:12px;letter-spacing:5px;text-transform:uppercase;margin-bottom:20px}.lead{font-size:17px;line-height:1.65;font-weight:300}.label-caps{font-size:13px;letter-spacing:3px;text-transform:uppercase;font-weight:600}.c-yellow{color:var(--yellow)}.c-blue{color:var(--blue)}.c-muted{color:var(--muted)}.c-gray{color:var(--gray)}.btn{display:inline-block;padding:17px 28px;border-radius:2px;font-weight:600;font-size:15px;border:1px solid transparent;cursor:pointer;text-align:center;transition:opacity .3s,background .3s,color .3s}.btn:hover{opacity:.88}.btn-sm{padding:13px 22px;font-size:14px}.btn-yellow{background:var(--yellow);color:var(--ink)}.btn-light{background:var(--paper);color:var(--ink)}.btn-dark{background:var(--ink);color:var(--paper)}.btn-blue{background:var(--blue);color:var(--navy)}.btn-navy{background:var(--navy);color:var(--ice)}.btn-outline{border-color:#4a4a4e;color:var(--paper);padding:16px 28px}.ul{background:linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat;transition:background-size .5s}.ul:hover,.ul[aria-current=page]{background-size:100% 1px}.more{display:inline-flex;align-items:center;gap:14px;transition:gap .5s}.more .bar{width:40px;height:1px;background:currentColor;display:inline-block}.play-circle{width:52px;height:52px;border-radius:50%;border:1px solid currentColor;display:inline-flex;align-items:center;justify-content:center;flex:none}.play-circle.sm{width:44px;height:44px}.play-btn{display:inline-flex;align-items:center;gap:16px;background:transparent;border:0;cursor:pointer;padding:0;font-size:12px;letter-spacing:3px;text-transform:uppercase;font-weight:600}.link-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.link-list a{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line);font-size:16px;transition:color .3s,padding .4s}.link-list a:hover{color:var(--yellow);padding-left:8px}.link-list.light{border-top-color:var(--ink)}.link-list.light a{border-bottom-color:var(--line-light-2);padding:18px 0;font-weight:500}.link-list.light a:hover{color:var(--ink)}.media{position:relative;overflow:hidden;background:var(--ink-3)}.media>img,.media>.ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.media>.ph{background:radial-gradient(120% 90% at 20% 10%,rgba(255,212,0,.14),transparent 60%),radial-gradient(90% 90% at 90% 90%,rgba(74,163,255,.16),transparent 60%),linear-gradient(135deg,#1d1d20,#0f0f11)}.media.navy{background:var(--navy-2)}.media.navy>.ph{background:radial-gradient(120% 90% at 20% 10%,rgba(74,163,255,.22),transparent 60%),linear-gradient(135deg,#12304f,#071423)}.ph-label{position:absolute;left:20px;top:16px;font-size:11px;letter-spacing:2px;color:#eef3f899}.stars{display:flex;gap:6px}.stars.sm{gap:3px}.todo{opacity:.75}.site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:28px var(--gutter);position:relative;z-index:10}.site-header.overlay{position:absolute;left:0;right:0;top:0}.site-header.solid{background:var(--ink);color:var(--paper)}.brand{font-size:15px;font-weight:600;letter-spacing:4px;text-transform:uppercase}.brand .dot{color:var(--yellow)}.brand-deric{letter-spacing:6px}.brand-deric small{font-size:11px;letter-spacing:2px;color:var(--d-muted-2);margin-left:12px;font-weight:500;text-transform:none}.main-nav{display:flex;flex-wrap:wrap;gap:40px;font-size:14px;font-weight:500;letter-spacing:.5px}.main-nav a[aria-current=page]{color:var(--yellow)}.header-actions{display:flex;gap:24px;align-items:center;font-size:14px}.header-actions .login{color:var(--muted)}.theme-deric .header-actions .login{color:var(--d-muted)}.nav-toggle{display:none;background:transparent;border:1px solid rgba(244,242,237,.4);border-radius:2px;padding:10px 14px;cursor:pointer;font-size:13px;letter-spacing:2px;text-transform:uppercase}.site-footer{padding:56px var(--gutter);border-top:1px solid var(--line);color:var(--gray);font-size:13px}.site-footer .links{display:flex;gap:32px;flex-wrap:wrap}.site-footer a:hover{color:var(--paper)}.theme-deric .site-footer{border-top-color:var(--d-line);color:var(--d-muted-3)}.theme-light .site-footer{background:var(--ink)}@keyframes kb{0%{transform:scale(1.04)}to{transform:scale(1.15) translate(-1.5%,-2%)}}@keyframes marq{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fade{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ping{0%{transform:scale(1);opacity:.6}to{transform:scale(3.4);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.kb{animation:kb 24s ease-in-out infinite alternate}.marq{animation:marq 60s linear infinite}.marq:hover{animation-play-state:paused}.spin{animation:spin 40s linear infinite}.float{animation:float 7s ease-in-out infinite}.f1,.f2,.f3{animation:fade 1.2s var(--ease) both}.f1{animation-delay:.1s}.f2{animation-delay:.35s}.f3{animation-delay:.6s}.ln{transform-origin:left;animation:line 1.6s .8s var(--ease) both}.tile{transition:transform .8s var(--ease)}.tile:hover{transform:translateY(-6px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.modal{position:fixed;inset:0;z-index:50;background:#030a12eb;display:none;align-items:center;justify-content:center;padding:5%}.modal.open{display:flex}.modal-box{width:100%;max-width:1040px;aspect-ratio:16 / 9;background:var(--navy-2);display:flex;flex-direction:column;justify-content:flex-end;padding:32px;gap:16px}.modal-title{font-size:28px}.modal .progress{height:2px;background:var(--d-line);overflow:hidden}.modal .progress>div{height:100%;width:0;background:var(--blue)}.modal.open .progress>div{animation:bar 10s linear forwards}@keyframes bar{0%{width:0}to{width:100%}}.btn-ghost{align-self:flex-start;font-size:12px;letter-spacing:3px;text-transform:uppercase;font-weight:600;background:transparent;border:1px solid #4a6a8a;border-radius:2px;padding:12px 20px;cursor:pointer}@media(max-width:900px){.section{padding:96px var(--gutter)}.nav-toggle{display:inline-block}.main-nav{display:none;order:3;width:100%;flex-direction:column;gap:18px;padding:16px 0 8px;font-size:18px}.site-header.nav-open .main-nav{display:flex}.header-actions .login{display:none}}@media(max-width:600px){:root{--gutter: 16px}.section{padding:72px var(--gutter)}.header-actions{gap:12px}}
