@font-face{font-family:Zalando Sans;src:url(/fonts/ZalandoSans-VariableFont_wdth,wght.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Zalando Sans;src:url(/fonts/ZalandoSans-Italic-VariableFont_wdth,wght.ttf)format("truetype");font-weight:100 900;font-style:italic;font-display:swap}:root{--black:#0a0a0a;--navy:#10131e;--navy-card:#0c1220;--navy-border:#152030;--white:#fff;--gray-50:#162236;--gray-100:#1e3050;--gray-200:#253d5f;--text-muted:#ffffffd1;--silver:#d4d4d4;--silver-dark:#606060;--max-w:1100px;--sans:"Zalando Sans", system-ui, -apple-system, sans-serif;font-family:var(--sans);color:var(--white);background:var(--navy);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px;font-weight:300;line-height:1.2}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:#0c121f}html,body{margin:0}body{background:var(--navy)}#glass-layer{z-index:0;pointer-events:none;-webkit-backdrop-filter:blur(2px)saturate(1.2);backdrop-filter:blur(2px)saturate(1.2);background:#06080f00;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000 0% 40%,#000 75%);mask-image:linear-gradient(#0000 0% 40%,#000 75%)}#app{z-index:1;position:relative}h1,h2,h3,h4{color:var(--white);margin:0;font-weight:500}p{margin:0;line-height:1.3}#navbar{z-index:100;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0c122099;border-radius:50px;justify-content:space-between;align-items:center;width:calc(100% - 48px);max-width:820px;margin:0 auto;padding:14px 28px;transition:transform .3s;display:flex;position:sticky;top:20px}#navbar.nav-hidden{transform:translateY(calc(-100% - 32px))}.nav-brand{width:auto;height:52px;transition:transform .2s,opacity .2s;display:block}.nav-brand:hover{opacity:.85;transform:scale(1.05)}.btn{font-size:16px;font-weight:500;font-family:var(--sans);cursor:pointer;letter-spacing:.2px;border:none;border-radius:50px;justify-content:center;align-items:center;padding:8px 18px;text-decoration:none;transition:opacity .2s,transform .2s,background .2s,box-shadow .2s;display:inline-flex}.btn-outline{color:var(--white);background:0 0;border:1px solid #ffffff40;box-shadow:0 0 16px #c8c8c81a}.btn-outline:hover{background:var(--navy-card);transform:translateY(-2px);box-shadow:0 4px 16px #a8a8a826}.btn-primary{background:var(--white);color:var(--navy);text-shadow:none;padding:12px 28px;font-size:17px;transition:opacity .2s,transform .2s,box-shadow .2s;box-shadow:0 0 24px #c8c8c826}.btn-primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 0 40px #c8c8c859}.btn:active{box-shadow:none;transform:translateY(0)}#hero{text-align:center;max-width:var(--max-w);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;margin:0 auto;padding:112px 40px 120px;display:flex}#hero h1{letter-spacing:-1.5px;margin:0 0 28px;font-size:62px}.hero-sub{color:var(--text-muted);max-width:360px;margin:0 auto 64px;font-size:17px}#stats{text-align:center;padding:88px 40px}#stats h2{letter-spacing:-.6px;margin:0 0 24px;font-size:44px}.section-sub{color:var(--text-muted);max-width:330px;margin:0 auto 64px;font-size:17px}.stat-row{justify-content:center;gap:88px;display:flex}.stat{flex-direction:column;align-items:center;gap:10px;display:flex}.stat-num{letter-spacing:-3px;font-size:94px;font-weight:500}.stat-label{color:var(--text-muted);letter-spacing:.3px;font-size:15px}#portfolio{text-align:center;width:100%;padding:96px 0}#portfolio h2{margin:0 0 44px;padding:0 40px;font-size:20px}.marquee-wrapper{width:100%;overflow:hidden}.marquee-track{will-change:transform;animation:60s linear infinite marquee;display:flex}.logo-box{-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);background:#ffffffe0;border:1px solid #ffffffb3;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:200px;height:120px;margin-right:20px;padding:12px;display:flex}.logo-box img{object-fit:contain;max-width:100%;max-height:100%}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-2640px)}}#curated{width:100%;padding:96px 0}#curated h2{text-align:center;letter-spacing:-.5px;margin:0 0 44px;padding:0 40px;font-size:40px;font-weight:600}.cards-row{flex-wrap:wrap;justify-content:center;gap:32px;padding:0 40px;display:flex}.card{cursor:pointer;border-radius:20px;flex:0 0 280px;position:relative;overflow:hidden}.card-img{position:relative}.card-img img{width:100%;height:auto;display:block}.card-body{background:linear-gradient(#0000 0%,#06080fbf 45%,#06080ff7 100%);padding:52px 18px 20px;transition:transform .4s cubic-bezier(.25,.46,.45,.94);position:absolute;bottom:0;left:0;right:0;transform:translateY(calc(100% - 120px))}.card:hover .card-body{transform:translateY(0)}.card-role{color:var(--text-muted);margin-bottom:10px;font-size:13px;font-style:italic;display:block}.card-body h3{color:var(--white);margin:0 0 10px;font-size:19px;font-weight:500}.card-body p{color:var(--text-muted);opacity:0;font-size:15px;line-height:1.3;transition:opacity .3s .2s}.card:hover .card-body p{opacity:1}.card-body ul{color:var(--text-muted);margin:0;padding-left:16px;font-size:15px;line-height:1.3}.card-body li{margin-bottom:4px}#approach{text-align:center;max-width:var(--max-w);width:100%;margin:0 auto;padding:112px 40px}.section-label{color:var(--white);margin-bottom:40px;font-size:18px;font-weight:500;display:block}#approach p{max-width:520px;margin:0 auto;font-size:26px}#unlock{text-align:center;padding:112px 40px}#unlock h2{letter-spacing:-1px;margin:0 0 60px;font-size:52px}#unlock ul{max-width:280px;margin:0 auto;padding:0;list-style:none}#unlock li{cursor:default;padding:18px 0;font-size:20px;font-style:italic;transition:color .2s,letter-spacing .2s}.glass-bottom{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#090d16bf;border-radius:60px 60px 0 0;position:relative}#explore{text-align:center;aspect-ratio:3;background:0 0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:80px;display:flex;position:relative}#explore h2{letter-spacing:-1.5px;margin:0 0 28px;font-size:62px}#explore p{color:var(--text-muted);max-width:420px;margin:0 auto 64px;font-size:16px}#footer{background:0 0;padding:0 40px}.footer-main{display:none}.footer-brand{width:auto;height:52px;display:block}.footer-cols{gap:72px;display:flex}.footer-col{flex-direction:column;gap:8px;display:flex}.footer-col h4{letter-spacing:.2px;margin:0 0 10px;font-size:14px}.footer-col a{color:var(--text-muted);font-size:15px;text-decoration:none;transition:color .2s,transform .2s;display:inline-block}.footer-col a:hover{color:var(--silver);transform:translate(3px)}.social-row{align-items:center;gap:10px;display:flex}.social-icon{width:20px;height:20px;color:var(--white);justify-content:center;align-items:center;text-decoration:none;transition:transform .2s,opacity .2s;display:flex}.social-icon:hover{opacity:.7;transform:scale(1.2)}.social-icon svg{width:16px;height:16px}.footer-bottom{text-align:center;border-top:none;padding:24px 0}.footer-bottom span{color:var(--text-muted);font-size:14px}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;opacity:0;pointer-events:none;background:#0a0a0a8c;justify-content:center;align-items:center;padding:24px;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:all}.modal-box{-webkit-backdrop-filter:blur(32px)saturate(1.4);backdrop-filter:blur(32px)saturate(1.4);background:#0c1220b8;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;width:100%;max-width:460px;min-height:420px;padding:40px;transition:transform .3s;display:flex;position:relative;transform:translateY(16px);box-shadow:0 24px 64px #00000080}.modal-overlay.open .modal-box{transform:translateY(0)}.modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:4px;font-size:22px;line-height:1;transition:color .15s;position:absolute;top:16px;right:20px}.modal-close:hover{color:var(--white)}.modal-box h2{letter-spacing:-.4px;margin:0 0 8px;font-size:24px;font-weight:600}.modal-sub{color:var(--text-muted);margin:0 0 28px;font-size:14px}.modal-form:not([hidden]){flex-direction:column;gap:18px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--silver);font-size:13px;font-weight:500}.required-star{color:#e05}.form-group input,.form-group textarea{font-family:var(--sans);color:var(--white);resize:none;background:#ffffff12;border:none;border-radius:8px;outline:none;padding:10px 14px;font-size:16px;font-weight:300;transition:background .2s,border-color .2s}.form-group input:focus,.form-group textarea:focus{background:#ffffff1c;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#8a9fb899}.modal-submit{width:100%;margin-top:6px;padding:14px;font-size:15px}.modal-success:not([hidden]){text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;display:flex}.modal-success svg{width:52px;height:52px;color:var(--silver);stroke-dasharray:100;stroke-dashoffset:100px;animation:.6s forwards draw-check}@keyframes draw-check{to{stroke-dashoffset:0}}.modal-success-title{color:var(--white);margin:0;font-size:20px;font-weight:500}.modal-success-sub{color:var(--text-muted);max-width:280px;margin:0;font-size:14px;line-height:1.5}.scroll-hidden,.scroll-visible{transition:opacity 1s}.scroll-hidden{opacity:0}.scroll-visible{opacity:1}@media (width<=768px){#navbar{padding:0 20px;top:12px}#hero{min-height:100vh;padding:72px 24px 80px}#hero h1{letter-spacing:-1px;font-size:40px}.hero-sub{font-size:15px}#stats{padding:60px 24px}#stats h2{font-size:32px}.stat-row{gap:40px}.stat-num{font-size:64px}#portfolio{padding:68px 0}#portfolio h2{font-size:17px}#curated{padding:68px 0}#curated h2{font-size:28px}.cards-row{gap:20px;padding:0 24px}.card{flex:0 0 min(100%,340px)}#approach{padding:80px 24px}#approach p{font-size:20px}#unlock{padding:80px 24px}#unlock h2{margin:0 0 44px;font-size:38px}#unlock li{font-size:17px}#explore{aspect-ratio:2;padding:56px 24px}#explore h2{letter-spacing:-1px;font-size:42px}#explore p{max-width:300px;font-size:15px}.footer-bottom{padding:20px 0}}@media (width<=480px){#hero h1{font-size:32px}.cards-row{gap:16px;padding:0 20px}.card{flex:0 0 min(100%,300px)}.stat-row{flex-direction:column;gap:32px}.glass-bottom{border-radius:30px 30px 0 0}#explore{aspect-ratio:unset;min-height:280px}#explore h2{font-size:34px}#unlock h2{font-size:32px}}
