:root{--bg: #fafafa;--bg-alt: #f0f0f0;--text: #0a0a0a;--text-secondary: #3a3a3a;--text-muted: #6a6a6a;--text-subtle: #999;--border: #d0d0d0;--border-light: #e5e5e5;--accent: #0a0a0a;--layer-spacing: 500px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:17px;line-height:1.7;font-optical-sizing:auto}.section-title{font-size:clamp(32px,5vw,48px);font-weight:600;color:var(--text);line-height:1.15;letter-spacing:-.02em;margin-bottom:32px}.lead{font-size:clamp(18px,2.2vw,22px);font-weight:400;color:var(--text-secondary);line-height:1.6;max-width:540px}.hero{position:relative;height:100vh;min-height:700px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,transparent calc(50% - .5px),var(--border-light) calc(50% - .5px),var(--border-light) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%),linear-gradient(180deg,transparent 0%,transparent calc(50% - .5px),var(--border-light) calc(50% - .5px),var(--border-light) calc(50% + .5px),transparent calc(50% + .5px),transparent 100%);opacity:.5;pointer-events:none}.hero-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:1}.hero-text{max-width:480px;position:absolute;top:100%}.stack{position:relative;display:flex;align-items:center;justify-content:center;transform-origin:50% 50%;width:100%;height:140px}.layer{position:absolute;font-weight:600;letter-spacing:.05em;margin:0;padding:0;text-transform:uppercase;line-height:1;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:clamp(300px,35vw,500px);color:var(--text);will-change:transform,opacity,filter;animation:zoomDown 1.8s ease var(--zoom-delay, 0ms) forwards}.layer.c{opacity:1;--zoom-delay: 0ms}.layer.t1{--y: calc(var(--layer-spacing) * -1);--startOpacity: 1;--duration: 1.4s;--delay: .6s;--zoom-delay: 80ms}.layer.t2{--y: calc(var(--layer-spacing) * -2);--startOpacity: 1;--duration: 1.2s;--delay: .4s;--zoom-delay: .16s}.layer.t3{--y: calc(var(--layer-spacing) * -3);--startOpacity: 1;--duration: 1s;--delay: .2s;--zoom-delay: .24s}.layer.t4{--y: calc(var(--layer-spacing) * -4);--startOpacity: 1;--duration: 1s;--delay: .2s;--zoom-delay: .32s}.layer.t5{--y: calc(var(--layer-spacing) * -5);--startOpacity: 1;--duration: .8s;--delay: 0ms;--zoom-delay: .4s}.layer.b1{--y: calc(var(--layer-spacing) * 1);--startOpacity: 1;--duration: 1.4s;--delay: .6s;--zoom-delay: 80ms}.layer.b2{--y: calc(var(--layer-spacing) * 2);--startOpacity: 1;--duration: 1.2s;--delay: .4s;--zoom-delay: .16s}.layer.b3{--y: calc(var(--layer-spacing) * 3);--startOpacity: 1;--duration: 1s;--delay: .2s;--zoom-delay: .24s}.layer.b4{--y: calc(var(--layer-spacing) * 4);--startOpacity: 1;--duration: 1s;--delay: .2s;--zoom-delay: .32s}.layer.b5{--y: calc(var(--layer-spacing) * 5);--startOpacity: 1;--duration: .8s;--delay: 0ms;--zoom-delay: .4s}.layer.fade{transform:translateY(var(--y, 0px)) scale(1);opacity:var(--startOpacity, .2);animation:zoomDownWithTranslate 1.8s ease var(--zoom-delay, 0ms) forwards,fadeAway var(--duration, .6s) ease var(--delay, .11s) forwards}@keyframes zoomDown{0%{transform:scale(1)}to{transform:scale(.22)}}@keyframes zoomDownWithTranslate{0%{transform:translateY(var(--y, 0px)) scale(1)}to{transform:translateY(calc(var(--y, 0px) * .22)) scale(.22)}}@keyframes fadeAway{0%{opacity:var(--startOpacity, .2);filter:blur(0px)}to{opacity:0;filter:blur(.6px)}}.subheadline{font-size:clamp(15px,1.1vw,18px);font-weight:400;color:var(--text-muted);width:380px;line-height:1.6;opacity:0;transform:translateY(15px);animation:slideUp .8s ease 1.6s forwards}.scroll-hint{position:absolute;bottom:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-subtle);text-decoration:none;opacity:0;animation:fadeIn .8s ease 2.2s forwards;transition:color .2s ease,opacity .5s ease}.scroll-hint:hover{color:var(--text)}.scroll-hint.hidden{animation:fadeOut .3s ease forwards;pointer-events:none}.scroll-text{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.scroll-hint svg{animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.section-marker{display:flex;align-items:center;gap:16px;margin-bottom:15px}.section-marker-center{justify-content:center}.marker-number{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;color:var(--text-subtle);letter-spacing:.05em}.marker-line{width:32px;height:1px;background:var(--border)}.marker-label{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.section{padding:140px 32px}.section-content{max-width:680px;margin:0 auto}.section-content-wide{max-width:1200px;margin:0 auto}.problem-section{background:var(--bg);border-top:1px solid var(--border-light)}.problem-content .lead{margin-bottom:48px}.problem-block{margin-bottom:40px}.problem-intro{font-size:15px;color:var(--text-muted);margin-bottom:16px}.problem-list{list-style:none;display:inline-flex;flex-direction:column;align-items:flex-start;gap:6px}.problem-list li{display:flex;align-items:baseline;gap:10px}.list-marker{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-subtle);flex-shrink:0}.list-text{font-size:15px;color:var(--text-muted)}.closing-statement{font-size:17px;color:var(--text-muted);margin-bottom:48px}.emphasis-block{position:relative;padding-left:32px;border-left:2px solid var(--text)}.emphasis-mark{position:absolute;left:-8px;top:-8px;font-size:48px;font-weight:600;color:var(--border);line-height:1;display:none}.emphasis{font-size:clamp(18px,2vw,21px);font-weight:500;font-style:italic;color:var(--text);line-height:1.5}.solution-section{background:#fff;border-top:1px solid var(--border-light)}.solution-content .lead{margin-bottom:56px}.primitives-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--border);margin-bottom:56px}.primitive{background:var(--bg);padding:28px 24px;display:flex;flex-direction:column;gap:8px}.primitive-header{display:flex;justify-content:space-between;align-items:center}.primitive-name{font-family:JetBrains Mono,monospace;font-weight:500;font-size:14px;color:var(--text);text-transform:uppercase;letter-spacing:.05em}.primitive-icon{font-size:16px;color:var(--text-subtle);opacity:.5}.primitive-desc{font-size:14px;color:var(--text-muted)}.solution-closing{font-size:17px;color:var(--text-secondary);max-width:540px}.momentum-section{background:var(--bg);border-top:1px solid var(--border-light)}.momentum-content .lead{margin-bottom:48px}.momentum-closing{font-size:17px;color:var(--text-secondary);max-width:580px;line-height:1.7}.interface-section{background:var(--bg-alt);padding:140px 32px;border-top:1px solid var(--border-light)}.interface-intro{max-width:600px;margin:0 auto 64px;text-align:center}.interface-intro .section-title{margin-bottom:20px}.interface-intro .lead{margin:0 auto;text-align:center}.interface-visual{margin:0 auto 48px;max-width:1000px}.interface-frame{background:#fff;border:1px solid var(--border);z-index:100;position:relative;box-shadow:0 1px 2px #0000000a,0 4px 16px #0000000a,0 12px 48px #0000000a}.frame-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-light);background:var(--bg)}.frame-dots{display:flex;gap:6px}.frame-dots span{width:10px;height:10px;border-radius:50%;background:var(--border)}.frame-title{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-subtle);text-transform:lowercase;letter-spacing:.02em}.interface-image{width:100%;background:#fff}.interface-image img{width:100%;height:auto;display:block}.interface-note{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-subtle);text-align:center;letter-spacing:.01em;max-width:600px;margin:0 auto;line-height:1.7;opacity:0;transition:opacity .5s ease}.interface-note.visible{opacity:1}.production-section{background:#fff;border-top:1px solid var(--border-light)}.production-content .lead{margin-bottom:24px}.production-detail{font-size:17px;color:var(--text-muted);margin-bottom:48px;max-width:540px}.verify-grid{display:flex;gap:48px}.verify-item{display:flex;align-items:center;gap:14px}.verify-check{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--text);color:#fff;font-size:14px;font-weight:600;flex-shrink:0}.verify-text{font-size:15px;font-weight:500;color:var(--text)}.motion-section{background:var(--bg);border-top:1px solid var(--border-light)}.motion-content{margin-top:48px}.motion-entries{display:flex;flex-direction:column;margin-bottom:48px}.motion-entry{padding-top:32px;padding-bottom:32px;border-bottom:1px solid var(--border-light)}.motion-entry:last-child{border-bottom:none;padding-bottom:0}.motion-meta{display:flex;align-items:center;gap:16px;margin-bottom:12px}.motion-date{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;color:var(--text-muted);letter-spacing:.02em}.motion-status{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.05em}.motion-title{font-size:18px;font-weight:600;color:var(--text);margin-bottom:8px}.motion-desc{font-size:15px;color:var(--text-secondary);line-height:1.6;max-width:540px}.motion-entry-link{display:block;text-decoration:none;transition:background .2s ease}.motion-entry-link:hover{background:#fff;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.motion-link-icon{display:inline-block;margin-left:8px;vertical-align:middle;opacity:.4;transition:opacity .2s ease,transform .2s ease}.motion-entry-link:hover .motion-link-icon{opacity:1;transform:translate(2px,-2px)}.motion-closing{font-size:15px;font-style:italic;margin-top:25px;color:var(--text-muted);max-width:480px}.hackathon-location{display:flex;align-items:center;gap:20px;margin-top:20px;padding:16px;background:#fff;border:1px solid var(--border-light)}.location-map{flex-shrink:0;width:100px;height:60px}.stockholm-map{width:100%;height:100%;object-fit:cover}.location-details{display:flex;flex-direction:column;gap:4px}.location-city{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;color:var(--text);letter-spacing:.02em}.location-venue{font-size:12px;color:var(--text-muted)}@media (max-width: 640px){.hackathon-location{flex-direction:column;align-items:flex-start;gap:12px}.location-map{width:120px;height:72px}}.cta-section{background:var(--text);color:#fff;padding:160px 32px}.cta-section .section-content{max-width:600px;text-align:center}.cta-header{margin-bottom:72px}.cta-headline{font-size:clamp(36px,5vw,52px);font-weight:600;color:#fff;line-height:1.1;letter-spacing:-.02em;margin-bottom:24px}.cta-subline{font-size:clamp(16px,1.8vw,18px);color:#fff9;line-height:1.6;max-width:480px;margin:0 auto}.release-block{margin-bottom:72px}.release-date{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:32px}.release-label{font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#fff6}.release-value{font-family:JetBrains Mono,monospace;font-size:15px;font-weight:500;letter-spacing:.05em;color:#fff}.signup-form{display:flex;gap:0;max-width:400px;margin:0 auto}.form-field{flex:1}.signup-form input[type=email]{width:100%;padding:16px 20px;font-size:15px;font-family:inherit;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-right:none;color:#fff;outline:none;transition:background .2s ease,border-color .2s ease}.signup-form input[type=email]::placeholder{color:#fff6}.signup-form input[type=email]:focus{background:#ffffff26;border-color:#fff6}.signup-form button{display:flex;align-items:center;gap:10px;padding:16px 24px;font-size:14px;font-weight:600;font-family:inherit;background:#fff;color:var(--text);border:1px solid white;cursor:pointer;transition:opacity .2s ease;white-space:nowrap}.signup-form button:hover{opacity:.9}.signup-form button svg{transition:transform .2s ease}.signup-form button:hover svg{transform:translate(3px)}.cta-footer{padding-top:72px;border-top:1px solid rgba(255,255,255,.1)}.closing{font-size:15px;font-weight:500;color:#fff9;letter-spacing:.02em}.footer{background:var(--text);padding:32px;border-top:1px solid rgba(255,255,255,.1)}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-logo{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;letter-spacing:.1em;color:#fff6}.footer-year{font-family:JetBrains Mono,monospace;font-size:11px;color:#ffffff4d}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.stack,.layer,.subheadline,.scroll-hint,.scroll-hint svg{animation:none!important;filter:none!important;opacity:1!important;transform:none!important}.layer.fade{opacity:0!important}.layer.c{opacity:1!important}}@media (max-width: 900px){.primitives-grid{grid-template-columns:repeat(3,1fr)}.verify-grid{flex-direction:column;gap:20px}}@media (max-width: 640px){.section{padding:100px 24px}.cta-section{padding:120px 24px}.primitives-grid{grid-template-columns:1fr 1fr}.primitive:last-child{grid-column:1 / -1}.signup-form{flex-direction:column}.signup-form input[type=email]{border-right:1px solid rgba(255,255,255,.2);border-bottom:none}.signup-form button{justify-content:center}.section-marker{flex-wrap:wrap;gap:12px}.marker-line{display:none}}
