:root{--site-bg:#080604;--site-text:#fff;--site-muted:#909090;--site-body:#c9c7c4;--site-accent:#ed6a0c;--site-accent-hover:#ff8126;--site-surface:#121212;--site-surface-raised:#1a1a1a;--site-glass-strong:#141416e8;--site-border:#ffffff1f;--site-border-hover:#ffffff3d;--site-radius:24px;--site-ease:cubic-bezier(.22, 1, .36, 1);--site-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}html{background:var(--site-bg);scroll-behavior:smooth;min-height:100%}body.site-page{isolation:isolate;min-height:100dvh;color:var(--site-text);background-color:var(--site-bg);flex-direction:column;margin:0;font-family:Red Hat Display,sans-serif;font-size:18px;display:flex;position:relative;overflow-x:hidden}.site-page img,.site-page video{max-width:100%;height:auto}.ocean-background{z-index:-1;pointer-events:none;touch-action:none;width:100%;height:100%;transform:translateY(calc(10vh - var(--ocean-rise,0) * 14vh));display:block;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000 0% 34%,#00000014 45%,#0000009e 68%,#000 86% 100%);mask-image:linear-gradient(#0000 0% 34%,#00000014 45%,#0000009e 68%,#000 86% 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.site-page header{z-index:10;justify-content:space-between;align-items:center;padding:10px 20px;display:flex;position:relative}.site-page .header-left{display:flex}.site-page .header-right{align-items:center;gap:20px;margin-left:auto;display:flex}.site-page #icon{width:500px;height:auto;margin-right:15px;display:block}.site-page #github-logo{border-radius:999px;width:50px;height:auto;margin-right:30px;transition:box-shadow .35s;display:block}.site-page #github-logo:hover{box-shadow:0 0 18px #fffc}.vpn-circle{color:#fff;justify-content:center;align-items:center;width:56px;height:56px;margin-right:20px;text-decoration:none;transition:filter .3s,transform .25s;display:inline-flex}.vpn-circle svg{fill:none;width:46px;height:46px}.vpn-icon-plug{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transition:opacity .3s,transform .3s}.vpn-circle:hover .vpn-icon-upper,.vpn-circle[aria-current=page] .vpn-icon-upper{transform:translate(-2px,2px)}.vpn-circle:hover .vpn-icon-lower,.vpn-circle[aria-current=page] .vpn-icon-lower{transform:translate(2px,-2px)}.vpn-circle:hover .vpn-icon-leg,.vpn-circle[aria-current=page] .vpn-icon-leg{opacity:0}.vpn-circle:hover,.vpn-circle[aria-current=page]{filter:drop-shadow(0 0 10px #ffffffbf)}.circle{cursor:pointer;border-radius:50%;width:50px;height:50px;margin-right:20px;transition:box-shadow .35s;display:block;position:relative;overflow:hidden;box-shadow:0 0 #a25bff00}.circle img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.circle .avatar{z-index:2;background:#fff;transition:opacity .5s}.circle .gif{z-index:1}.circle:hover .avatar,[aria-current=page]>.circle .avatar{opacity:0}.circle:hover,[aria-current=page]>.circle{box-shadow:0 0 18px #a25bffbf}.site-page a:focus-visible,.site-page button:focus-visible{outline-offset:4px;outline:2px solid #ffffffc7}.page-main{box-sizing:border-box;flex:1;width:min(1120px,100% - 48px);margin:0 auto;padding:clamp(24px,5vh,64px) 0 clamp(72px,12vh,140px)}.page-hero{text-align:center;margin-bottom:clamp(32px,6vh,64px)}.page-hero h1,.page-subtitle{font-optical-sizing:auto;margin:0;font-family:Zalando Sans Expanded,Red Hat Display,sans-serif;font-weight:500;transition:font-weight .95s;animation:1.2s ease-out backwards headingWeightIntro}.page-hero h1{color:#fff;font-size:clamp(34px,5.6vw,84px);line-height:1.08}.page-subtitle{color:var(--site-muted);margin-top:.45em;font-size:clamp(20px,2.8vw,40px);line-height:1.2;animation-delay:.45s}.page-hero h1:hover,.page-subtitle:hover{font-weight:800}.hero-muted{color:var(--site-muted)}@keyframes headingWeightIntro{0%{font-weight:800}to{font-weight:500}}.surface-card{box-sizing:border-box;border:1px solid var(--site-border);border-radius:var(--site-radius);color:var(--site-body);background:var(--site-surface);animation:cardRise .8s var(--site-ease) backwards;padding:clamp(26px,3.6vw,44px);transition:border-color .3s,box-shadow .3s;position:relative;box-shadow:0 14px 28px #00000047}.surface-card:hover{border-color:var(--site-border-hover)}.surface-card h2,.surface-card h3{color:#fff;margin:0;font-family:Zalando Sans Expanded,Red Hat Display,sans-serif;font-weight:500;line-height:1.12}.surface-card h2{font-size:clamp(24px,2.6vw,36px)}.surface-card h3{color:var(--site-muted);margin-top:30px;font-size:clamp(18px,1.7vw,23px)}.surface-card p,.surface-card ul{margin:16px 0 0;font-size:clamp(16px,1.3vw,18px);line-height:1.7}.surface-card strong{color:#fff;font-weight:700}@keyframes cardRise{0%{opacity:0;transform:translateY(18px)}}.card-icon{color:#fff;background:#3b3b3b;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex}.card-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.about-sections{gap:clamp(80px,14vh,150px);display:grid}.eyebrow{color:var(--site-accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:700}.section-title{color:#fff;margin:0;font-family:Zalando Sans Expanded,Red Hat Display,sans-serif;font-size:clamp(30px,3.6vw,52px);font-weight:500;line-height:1.08}.text-link{color:#fff;background:linear-gradient(var(--site-accent), var(--site-accent)) left bottom / 0% 1px no-repeat, linear-gradient(#fff3, #fff3) left bottom / 100% 1px no-repeat;transition:background-size .45s var(--site-ease), color .3s ease;align-items:center;gap:10px;margin-top:28px;padding-bottom:6px;font-weight:700;text-decoration:none;display:inline-flex}.text-link svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:translate .3s var(--site-ease)}.text-link:hover{color:var(--site-accent-hover);background-size:100% 1px,100% 1px}.text-link:hover svg{translate:3px -3px}.story-visual,.story-meta{display:none}.story-steps{gap:clamp(56px,10vh,96px);display:grid}.story-step h2{color:#fff;margin:0;font-family:Zalando Sans Expanded,Red Hat Display,sans-serif;font-size:clamp(32px,3.6vw,54px);font-weight:500;line-height:1.08}.story-step-vision h2{text-wrap:balance;font-size:clamp(26px,2.8vw,42px);line-height:1.16}.story-step em{color:var(--site-accent);font-style:normal}.story-body{max-width:44ch;color:var(--site-body);margin:20px 0 0;font-size:clamp(17px,1.4vw,20px);line-height:1.65}.story-body strong{color:#fff}.story.is-ready{height:420vh}.story.is-ready .story-stage{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(24px,4vw,64px);height:100svh;display:grid;position:sticky;top:0}.story.is-ready .story-visual{height:min(78vh,680px);display:block}.story-canvas{width:100%;height:100%;display:block}.story.is-ready .story-meta{font:600 14px var(--site-mono);align-items:center;gap:12px;margin-bottom:30px;display:flex}.story-count{color:#fff}.story-total{color:#707074}.story-progress{gap:6px;margin-left:10px;display:flex}.story-progress i{background:#3b3b3b;border-radius:2px;width:34px;height:2px;position:relative;overflow:hidden}.story-progress i:after{content:"";background:var(--site-accent);transform:scaleX(var(--fill,0));transform-origin:0;position:absolute;inset:0}.story-step h2 [data-word]:not([data-char]),.page-hero h1 [data-word]:not([data-char]){white-space:nowrap;display:inline-block}.story.is-ready .story-steps{display:grid}.story.is-ready .story-step{pointer-events:none;grid-area:1/1;align-self:center}.story.is-ready .story-step.is-active{pointer-events:auto}.story-image{display:none}.story.is-ready .story-visual{position:relative}.story.is-lite .story-canvas{display:none}.story.is-lite .story-image{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .6s ease, transform .9s var(--site-ease);display:block;position:absolute;inset:0;transform:scale(.96)}.story.is-lite .story-image.is-active{opacity:1;transform:none}.visuals-lite .ocean-background{background:url(./ocean-C2u5q1fH.webp) 50%/cover no-repeat}.section-head{text-align:center;margin-bottom:clamp(28px,5vh,48px)}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.feature-tile{transition:transform .45s var(--site-ease), border-color .3s ease;padding:28px;position:relative;overflow:hidden}.feature-tile:hover{transform:translateY(-4px)}.feature-tile>*{z-index:1;position:relative}.feature-tile:after{content:"";background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%), #ed6a0c29, transparent 65%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.feature-tile:hover:after{opacity:1}.feature-tile .card-icon{transition:transform .45s var(--site-ease), background-color .3s ease;margin-bottom:22px}.feature-tile:hover .card-icon{background:var(--site-accent);transform:translateY(-3px)rotate(-8deg)}.feature-tile h3{color:#fff;margin:0;font-size:19px}.feature-tile p{margin:10px 0 0;font-size:16px;line-height:1.6}.audience{text-align:center}.chips{flex-wrap:wrap;justify-content:center;gap:12px;margin:8px 0 0;padding:0;list-style:none;display:flex}.chips li{border:1px solid var(--site-border);color:#fff;background:#242424;border-radius:999px;align-items:center;gap:10px;padding:14px 24px;font-size:17px;font-weight:700;display:inline-flex;position:relative}.chips li:before{content:"";background:var(--site-accent);border-radius:50%;width:8px;height:8px}.dot-field{z-index:-1;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0% 48%,#0000 88%);mask-image:linear-gradient(#000 0% 48%,#0000 88%)}.feature-grid .tile-wide{background:linear-gradient(135deg, #ed6a0c24, transparent 55%), var(--site-surface);grid-column:span 2}.js-reveal .reveal{opacity:0;filter:blur(8px);transition:opacity .9s var(--site-ease), transform 1s var(--site-ease), filter .9s var(--site-ease), border-color .3s ease;transition-delay:calc(var(--delay,0) * 80ms);animation:none;transform:translateY(22px)}.js-reveal .reveal.is-visible{opacity:1;filter:none;transform:none}.js-reveal .reveal.is-settled{transition:transform .45s var(--site-ease), border-color .3s ease;transition-delay:0s}.js-reveal .feature-tile.reveal.is-visible:hover{transform:translateY(-4px)}.chips li{transition:transform .45s var(--site-ease), border-color .3s ease}.chips li:hover,.js-reveal .chips li.reveal.is-visible:hover{border-color:#ed6a0c99;transform:translateY(-3px)}.profile-main>section+section{margin-top:clamp(96px,16vh,170px)}.profile-lead{max-width:52ch;color:var(--site-body);text-wrap:pretty;margin:32px auto 0;font-size:clamp(18px,1.6vw,22px);line-height:1.6}.stack-intro,.live-section{text-align:center}.stack-intro{margin-bottom:clamp(40px,7vh,72px)}.stack-intro p,.live-section>p{max-width:48ch;color:var(--site-muted);margin:16px auto 0;font-size:18px;line-height:1.55}.stack{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(32px,6vw,88px);display:grid}.stack-layers{flex-direction:column;align-items:center;gap:10px;display:flex}.stack-layer{--layer-bg:#242424;--layer-dots:#ebf0f31f;box-sizing:border-box;width:calc(100% - var(--i) * 6%);border:1px solid var(--site-border);color:#fff;background:radial-gradient(circle, var(--layer-dots) 1px, transparent 1.5px) 0 0 / 12px 12px, var(--layer-bg);height:64px;font:inherit;text-align:left;cursor:pointer;transition:height .5s var(--site-ease), background-color .3s ease, border-color .3s ease, box-shadow .4s ease, transform .3s var(--site-ease);border-radius:18px;align-items:center;gap:20px;padding:0 26px;display:flex;box-shadow:0 14px 28px #00000047}.stack-layer:hover{border-color:var(--site-border-hover);transform:translateY(-2px)}.stack-layer:focus-visible{outline-offset:3px;outline:2px solid #fff}.stack-layer[aria-selected=true]{--layer-bg:var(--site-accent);--layer-dots:#ffffff47;border-color:var(--site-accent-hover);height:88px;transform:none;box-shadow:0 18px 44px #ed6a0c52}.stack-number{color:#ffffff80;font:600 14px Zalando Sans Expanded,Red Hat Display,sans-serif}.stack-layer[aria-selected=true] .stack-number{color:#ffffffd9}.stack-name{font:500 clamp(17px,1.6vw,22px) Zalando Sans Expanded,Red Hat Display,sans-serif}.stack.is-waiting .stack-layer{opacity:0}.stack.is-built .stack-layer{animation:layerDrop .8s var(--site-ease) backwards;animation-delay:calc(var(--i) * .11s)}@keyframes layerDrop{0%{opacity:0;transform:translateY(-48px)}}.stack-panel-number{color:#3b3b3b;margin:0;font:600 clamp(72px,9vw,132px)/1 Zalando Sans Expanded,Red Hat Display,sans-serif}.stack-panel h3{color:#fff;margin:12px 0 0;font:500 clamp(26px,2.6vw,38px)/1.1 Zalando Sans Expanded,Red Hat Display,sans-serif}.stack-panel>p:not(.stack-panel-number){max-width:38ch;color:var(--site-body);margin:16px 0 0;font-size:18px;line-height:1.6}.stack-panel.is-entering{animation:panelIn .45s var(--site-ease)}@keyframes panelIn{0%{opacity:0;transform:translateY(10px)}}.stack-tags{flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex}.stack-tags li{border:1px solid var(--site-border);color:#fff;background:#1a1a1a;border-radius:999px;padding:8px 16px;font-size:15px;font-weight:700}.live-buttons{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:40px;display:flex}.live-buttons a{border-radius:24px;text-decoration:none;display:inline-flex}.live-buttons a:focus-visible{outline-offset:3px;outline:2px solid #fff}.site-page .live-buttons .service-button.white{color:#111}.live-buttons a:focus-visible .service-button{border-color:var(--button-border-hover);transform:translateY(-3px)}.live-buttons a:focus-visible .button-icon-in{opacity:0;translate:-100% -50%}.live-buttons a:focus-visible .button-label{translate:-30px}.live-buttons a:focus-visible .button-icon-out{opacity:1;filter:none;translate:0 -50%;scale:1}.profile-outro{grid-template-columns:minmax(200px,320px) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,88px);display:grid}.profile-portrait{border:1px solid var(--site-border);border-radius:var(--site-radius);margin:0;overflow:hidden}.site-page .profile-portrait img{width:100%;height:auto;display:block}.profile-outro-text p{max-width:60ch;color:var(--site-body);margin:18px 0 0;font-size:18px;line-height:1.7}.profile-outro-text .section-title{margin-bottom:8px}.wg-layout{flex-direction:column;justify-content:center;align-items:center;display:flex}.center-pill{box-sizing:border-box;border-radius:var(--site-radius);color:#ffffffeb;background:var(--site-glass-strong);-webkit-backdrop-filter:blur(22px)saturate(130%);cursor:pointer;width:min(780px,100%);min-height:72px;font:inherit;text-align:left;animation:cardRise .8s var(--site-ease) .2s backwards;transition:border-color .3s ease, box-shadow .3s ease, transform .3s var(--site-ease);border:1px solid #ffffff26;align-items:center;gap:14px;padding:0 68px 0 28px;display:flex;position:relative;box-shadow:0 25px 60px #00000075}.center-pill:hover{border-color:var(--site-border-hover);transform:translateY(-3px);box-shadow:0 28px 64px #00000085}.center-pill:active{transition-duration:.1s;transform:translateY(0)scale(.99)}.center-pill.copied{border-color:#78dd8b8c}.command-prompt{color:var(--site-accent);font-family:var(--site-mono);font-size:clamp(14px,2vw,19px);font-weight:700}.command-text{min-width:0;font-family:var(--site-mono);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(13px,2vw,19px);overflow:hidden}.copy-icon{width:22px;height:22px;position:absolute;top:50%;right:24px;translate:0 -50%}.copy-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;transition:opacity .3s ease, filter .3s ease, scale .3s var(--site-ease);position:absolute;inset:0}.copy-icon-done{color:#78dd8b;opacity:0;filter:blur(6px);scale:.5}.center-pill.copied .copy-icon-idle{opacity:0;filter:blur(6px);scale:.5}.center-pill.copied .copy-icon-done{opacity:1;filter:none;scale:1}.wg-actions{animation:cardRise .8s var(--site-ease) .3s backwards;justify-content:center;margin-top:22px;display:flex}.site-page .service-button{box-sizing:border-box;color:#fff;cursor:pointer;text-decoration:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.clock-layout{justify-content:center;align-items:center;width:min(820px,100% - 48px);display:flex}.terminal-window{width:100%;padding:0;overflow:hidden}.terminal-topbar{border-bottom:1px solid var(--site-border);background:#ffffff08;align-items:center;gap:8px;min-height:46px;padding:0 18px;display:flex;position:relative}.terminal-title{color:#707074;font-family:var(--site-mono);font-size:12px;position:absolute;left:50%;translate:-50%}.window-dot{background:#3b3b3b;border:0;border-radius:50%;width:12px;height:12px;padding:0;display:inline-block;position:relative}.window-dot:first-child{background:var(--site-accent);cursor:pointer;transition:background-color .2s ease, transform .2s var(--site-ease)}.window-dot:first-child:hover{background:var(--site-accent-hover);transform:scale(1.18)}.window-dot:first-child:hover:before,.window-dot:first-child:hover:after{content:"";background:#000000b8;width:6px;height:1px;position:absolute;top:5.5px;left:3px}.window-dot:first-child:hover:before{transform:rotate(45deg)}.window-dot:first-child:hover:after{transform:rotate(-45deg)}.window-dot:nth-child(3){background:#5e5e5e}.terminal-content{padding:clamp(26px,6vw,56px)}.terminal-line{color:var(--site-muted);font-family:var(--site-mono);overflow-wrap:anywhere;margin:0;font-size:clamp(13px,1.8vw,17px)}.terminal-prompt{color:var(--site-accent)}.clock{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:22px 0 26px;font-family:Zalando Sans Expanded,Red Hat Display,sans-serif;font-size:clamp(44px,11vw,124px);font-weight:500;line-height:1;transition:font-weight .95s;animation:1.2s ease-out backwards headingWeightIntro;display:block}.clock:hover{font-weight:800}.cursor{color:var(--site-accent-hover);animation:1s steps(2,start) infinite blink}@keyframes blink{50%{opacity:0}}.scroll-hint,.scroll-top-link{z-index:20;color:#ffffffdb;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;line-height:1;text-decoration:none;transition:opacity .25s,transform .25s,background-color .25s;display:flex;position:fixed;bottom:34px;right:34px}.scroll-hint{pointer-events:none;animation:1.35s ease-in-out infinite scrollHint}.scroll-top-link{background:var(--site-glass-strong);-webkit-backdrop-filter:blur(22px)saturate(130%);border:1px solid #ffffff26;box-shadow:0 14px 28px #0000005c}.scroll-top-link:hover{background:#242424;transform:translateY(-3px)}.scroll-hint.is-hidden,.scroll-top-link.is-hidden{opacity:0;pointer-events:none;transform:translateY(10px)}@keyframes scrollHint{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media (width<=1100px){.site-page #icon{width:min(400px,44vw)}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.site-page header{padding:6px 16px}.site-page .header-right{gap:12px}.site-page #icon{width:min(52vw,210px);margin-right:0}.site-page #github-logo{display:none}.vpn-circle{width:40px;height:40px;margin-right:0}.vpn-circle svg{width:32px;height:32px}.circle{width:38px;height:38px;margin-right:0}.page-main,.clock-layout{width:calc(100% - 32px)}.page-hero h1{text-wrap:balance;font-size:clamp(28px,8vw,40px);line-height:1.16}.page-subtitle{text-wrap:balance;font-size:clamp(16px,4.6vw,22px);line-height:1.3}.feature-grid{grid-template-columns:1fr;gap:14px}.story.is-ready .story-stage{grid-template-rows:46svh auto;grid-template-columns:1fr;align-content:center;gap:8px}.story.is-ready .story-visual{height:46svh}.story.is-ready .story-meta{margin-bottom:16px}.story-body{margin-top:14px}.feature-grid .tile-wide{grid-column:auto}.stack,.profile-outro{grid-template-columns:1fr}.stack-layer{width:calc(100% - var(--i) * 4%);height:56px;padding:0 20px}.stack-layer[aria-selected=true]{height:72px}.stack-panel-number{font-size:64px}.profile-portrait{justify-self:center;width:min(100%,260px)}.center-pill{border-radius:20px;min-height:62px;padding:0 54px 0 18px}.copy-icon{right:18px}.terminal-title{display:none}.scroll-hint,.scroll-top-link{width:38px;height:38px;font-size:20px;bottom:24px;right:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page-hero h1,.page-subtitle,.surface-card,.center-pill,.wg-actions,.clock,.cursor,.scroll-hint,.stack.is-built .stack-layer,.stack-panel.is-entering{animation:none}}
