@import "https://fonts.googleapis.com/css2?family=Michroma&display=swap";
html{scroll-behavior:smooth}.vienna-landing{--bg:#050507;--bg-2:#0a0a0f;--surface:rgba(255,255,255,.03);--surface-brd:rgba(255,255,255,.08);--text:#f4f5f8;--muted:#8a8d99;--cyan:#00e3ff;--violet:#7a37ff;--grad:linear-gradient(120deg,#00e3ff 0%,#0491ff 38%,#463bfb 70%,#7a37ff 100%);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.5;position:relative;overflow-x:hidden}.vienna-landing *{box-sizing:border-box}.vienna-landing h1,.vienna-landing h2,.vienna-landing h3{margin:0;font-family:Michroma,sans-serif}.vienna-landing a{color:inherit;text-decoration:none}.vienna-landing .wrap{max-width:1200px;margin:0 auto;padding:0 28px}.vienna-landing .ambient{z-index:0;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.vienna-landing .glow{filter:blur(120px);opacity:.3;border-radius:50%;position:absolute}.vienna-landing .glow.a{background:#0a4dff;width:620px;height:620px;top:-180px;left:-120px}.vienna-landing .glow.b{opacity:.22;background:#7a37ff;width:520px;height:520px;top:160px;right:-160px}.vienna-landing .grid-bg{background-image:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);background-size:64px 64px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 40%,transparent 80%);mask-image:radial-gradient(80% 60% at 50% 0,#000 40%,transparent 80%)}.vienna-landing nav{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--surface-brd);background:rgba(5,5,7,.55);position:-webkit-sticky;position:sticky;top:0}.vienna-landing .nav-in{justify-content:space-between;align-items:center;height:68px;display:flex}.vienna-landing .brand{letter-spacing:.28em;align-items:center;gap:11px;font-family:Michroma,sans-serif;font-size:15px;font-weight:600;display:flex}.vienna-landing .nav-links{align-items:center;gap:34px;display:flex}.vienna-landing .nav-links a{color:var(--muted);font-size:14px;font-weight:500;transition:color .2s}.vienna-landing .nav-links a:hover{color:var(--text)}.vienna-landing .btn{cursor:pointer;border:none;border-radius:11px;font-family:Michroma,sans-serif;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .25s;display:inline-block}.vienna-landing .btn-primary{background:var(--grad);padding:11px 22px;color:#fff!important}.vienna-landing .collab-reverse{direction:rtl}.vienna-landing .collab-reverse>*{direction:ltr}.vienna-landing .library-visual{border:1px solid var(--surface-brd);background:repeating-linear-gradient(45deg,#0a0a10,#0a0a10 18px,#0c0c14 18px,#0c0c14 36px);border-radius:14px;padding:16px}.vienna-landing .lib-tab-row{gap:8px;margin-bottom:16px;display:flex}.vienna-landing .lib-tab{letter-spacing:.06em;color:var(--muted);border:1px solid var(--surface-brd);background:var(--surface);border-radius:8px;padding:6px 14px;font-family:Space Grotesk;font-size:12px;font-weight:600}.vienna-landing .lib-tab.active{color:var(--text);background:rgba(122,55,255,.12);border-color:rgba(122,55,255,.4)}.vienna-landing .lib-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.vienna-landing .lib-card{border:1px solid var(--surface-brd);background:var(--surface);border-radius:10px;transition:border-color .2s,transform .2s;overflow:hidden}.vienna-landing .lib-card:hover{border-color:rgba(122,55,255,.35);transform:translateY(-2px)}.vienna-landing .lib-card-thumb{aspect-ratio:16/9;border-bottom:1px solid var(--surface-brd);background:linear-gradient(135deg,rgba(0,227,255,.08),rgba(122,55,255,.1))}.vienna-landing .lib-card-meta{flex-direction:column;gap:2px;padding:9px 11px;display:flex}.vienna-landing .lib-card-name{font-size:13px;font-weight:600}.vienna-landing .lib-card-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px}.vienna-landing .lib-card-import{background:0 0;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100%;display:flex}.vienna-landing .lib-import-icon{background:rgba(0,227,255,.1);border:1px solid rgba(0,227,255,.25);border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.vienna-landing .lib-import-label{color:var(--text);font-size:13px;font-weight:600}@media (max-width:900px){.vienna-landing .collab-reverse{direction:ltr}}.library-window{border:1px solid var(--surface-brd);background:#101016;border-radius:16px;overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,.45)}.library-header{border-bottom:1px solid var(--surface-brd);background:#14141c;align-items:center;gap:16px;padding:14px 18px;display:flex}.window-dots{gap:6px;display:flex}.window-dots span{background:#333;border-radius:50%;width:10px;height:10px}.library-search{color:#888;background:#1c1d28;border:1px solid rgba(255,255,255,.08);border-radius:8px;flex:1;padding:10px 14px;font-size:13px}.library-body{grid-template-columns:190px 1fr;display:grid}.library-sidebar{border-right:1px solid var(--surface-brd);background:#121218}.library-category{color:#bbb;border-bottom:1px solid rgba(255,255,255,.04);justify-content:space-between;padding:14px 18px;transition:all .2s;display:flex}.library-category:hover{color:#fff;background:rgba(122,55,255,.08)}.library-content{grid-template-columns:repeat(2,1fr);gap:14px;padding:20px;display:grid}.library-block{background:#181923;border:1px solid rgba(255,255,255,.06);border-radius:12px;align-items:center;gap:14px;padding:16px;transition:all .2s;display:flex}.library-block:hover{border-color:#6d5efc;transform:translateY(-3px)}.library-icon{background:linear-gradient(135deg,#1bd3ff,#6b3dff);border-radius:10px;width:46px;height:46px}.library-block strong{margin-bottom:4px;font-size:14px;display:block}.library-block small{color:#8b8b97}.feature-list{color:var(--muted);gap:12px;margin-top:24px;padding:0;list-style:none;display:grid}.feature-list li{align-items:center;gap:10px;display:flex}@media (max-width:900px){.library-body{grid-template-columns:1fr}.library-sidebar{border-right:none;border-bottom:1px solid var(--surface-brd)}.library-content{grid-template-columns:1fr}}.vienna-landing .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 34px -8px rgba(72,90,255,.65)}.vienna-landing .btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--surface-brd);padding:11px 22px}.vienna-landing .btn-ghost:hover{border-color:rgba(255,255,255,.22);transform:translateY(-2px)}.vienna-landing .btn-lg{padding:15px 30px;font-size:15px}.vienna-landing .hero{z-index:1;text-align:center;padding:96px 0 60px;position:relative}.vienna-landing .hero-inner{z-index:2;position:relative}.vienna-landing .eyebrow{border:1px solid var(--surface-brd);background:var(--surface);letter-spacing:.06em;color:var(--muted);border-radius:100px;align-items:center;gap:9px;margin-bottom:30px;padding:7px 15px;font-size:12.5px;display:inline-flex}.vienna-landing .eyebrow .dot{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 10px var(--cyan);border-radius:50%;animation:2s infinite v-pulse}.vienna-landing .hero h1{letter-spacing:-.02em;margin-bottom:24px;font-size:max(42px,min(7vw,86px));font-weight:700;line-height:1.02}.vienna-landing .grad{background:var(--grad);color:transparent;-webkit-background-clip:text;background-clip:text}.vienna-landing .hero .sub{max-width:620px;color:var(--muted);margin:0 auto 40px;font-size:max(16px,min(2vw,19px));line-height:1.6}.vienna-landing .hero-cta{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.vienna-landing .circuit{z-index:0;opacity:.55;width:min(1100px,96vw);height:560px;position:absolute;top:-150px;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 35%,transparent 62%);mask-image:linear-gradient(#000 35%,transparent 62%)}.vienna-landing .trace{fill:none;stroke-width:2px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:2.6s forwards v-draw}.vienna-landing .node{opacity:0;animation:.5s forwards v-appear}.vienna-landing .showcase{z-index:1;margin-top:48px;position:relative}.vienna-landing .frame{border:1px solid var(--surface-brd);background:linear-gradient(#0c0c12,#08080c);border-radius:18px;position:relative;overflow:hidden;box-shadow:0 40px 120px -40px rgba(72,90,255,.4)}.vienna-landing .frame:before{content:"";background:var(--grad);-webkit-mask-composite:xor;opacity:.5;pointer-events:none;border-radius:18px;padding:1px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0,#000 0),linear-gradient(#000 0,#000 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.vienna-landing .frame-bar{border-bottom:1px solid var(--surface-brd);align-items:center;gap:8px;padding:13px 16px;display:flex}.vienna-landing .frame-bar i{background:#2a2a33;border-radius:50%;width:11px;height:11px;display:block}.vienna-landing .frame-body{aspect-ratio:16/9;background:repeating-linear-gradient(45deg,#0a0a10,#0a0a10 18px,#0c0c14 18px,#0c0c14 36px);justify-content:center;align-items:center;display:flex;position:relative}.vienna-landing .frame-img{object-fit:cover;width:100%;height:100%;display:block}.vienna-landing .ph-label{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;border:1px dashed var(--surface-brd);border-radius:10px;padding:14px 22px;font-size:13px}.vienna-landing section{z-index:1;padding:96px 0;position:relative}.vienna-landing .collab-section{padding-top:20px}.vienna-landing .sec-head{max-width:680px;margin-bottom:54px}.vienna-landing .sec-eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--cyan);margin-bottom:16px;font-family:Michroma,sans-serif;font-size:12px}.vienna-landing .sec-eyebrow.violet{color:var(--violet)}.vienna-landing .sec-head h2{letter-spacing:-.02em;margin-bottom:16px;font-size:max(30px,min(4.5vw,46px));font-weight:600;line-height:1.08}.vienna-landing .sec-head p{color:var(--muted);font-size:17px}.vienna-landing .features{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.vienna-landing .card{border:1px solid var(--surface-brd);background:var(--surface);border-radius:16px;flex-direction:column;transition:transform .3s,border-color .3s;display:flex;overflow:hidden}.vienna-landing .card:hover{border-color:rgba(122,55,255,.35);transform:translateY(-4px)}.vienna-landing .card .media{aspect-ratio:16/11;border-bottom:1px solid var(--surface-brd);background:repeating-linear-gradient(45deg,#0b0b12,#0b0b12 16px,#0d0d16 16px,#0d0d16 32px);justify-content:center;align-items:center;display:flex;position:relative}.vienna-landing .card .media .media-img{object-fit:cover}.vienna-landing .card .media .tag{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border:1px solid var(--surface-brd);background:rgba(0,0,0,.5);border-radius:7px;padding:5px 10px;font-size:11px;position:absolute;top:14px;left:14px}.vienna-landing .card .media .ph{color:#43454f;letter-spacing:.2em;text-transform:uppercase;font-size:12px}.vienna-landing .card .body{flex:1;padding:26px 24px 30px}.vienna-landing .card .ic{background:rgba(122,55,255,.12);border:1px solid rgba(122,55,255,.25);border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:16px;display:flex}.vienna-landing .card h3{letter-spacing:-.01em;margin-bottom:9px;font-size:20px;font-weight:600}.vienna-landing .card p{color:var(--muted);font-size:15px;line-height:1.6}.vienna-landing .collab{border:1px solid var(--surface-brd);background:linear-gradient(135deg,rgba(0,227,255,.04),rgba(122,55,255,.05));border-radius:20px;grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;padding:48px;display:grid}.vienna-landing .collab-h2{letter-spacing:-.02em;margin-bottom:16px;font-size:max(28px,min(4vw,40px));font-weight:600;line-height:1.1}.vienna-landing .collab-p{color:var(--muted);margin-bottom:24px;font-size:16px;line-height:1.65}.vienna-landing .cursors{aspect-ratio:4/3;border:1px solid var(--surface-brd);background:repeating-linear-gradient(45deg,#0a0a10,#0a0a10 18px,#0c0c14 18px,#0c0c14 36px);border-radius:14px;position:relative;overflow:hidden}.vienna-landing .cur{align-items:center;gap:6px;font-size:11px;font-weight:600;animation:4s ease-in-out infinite v-float;display:flex;position:absolute}.vienna-landing .cur svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.vienna-landing .cur span{border:1px solid var(--surface-brd);color:var(--text);background:#111;border-radius:6px;padding:2px 8px}.vienna-landing .cur.c1{animation-delay:0s;top:22%;left:18%}.vienna-landing .cur.c2{animation-delay:1.2s;top:55%;left:58%}.vienna-landing .cur.c3{animation-delay:2.1s;top:72%;left:28%}.vienna-landing .final{text-align:center;padding:110px 0}.vienna-landing .final h2{letter-spacing:-.025em;margin-bottom:20px;font-size:max(34px,min(5vw,58px));font-weight:700}.vienna-landing .final p{color:var(--muted);margin-bottom:34px;font-size:18px}.vienna-landing footer{border-top:1px solid var(--surface-brd);z-index:1;padding:40px 0;position:relative}.vienna-landing .foot-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.vienna-landing .foot-brand{font-size:13px}.vienna-landing .foot-in .muted{color:var(--muted);font-size:13px}.vienna-landing .foot-links{gap:26px;display:flex}.vienna-landing .foot-links a{color:var(--muted);font-size:13px;transition:color .2s}.vienna-landing .foot-links a:hover{color:var(--text)}@keyframes v-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes v-draw{to{stroke-dashoffset:0}}@keyframes v-appear{to{opacity:1}}@keyframes v-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (max-width:900px){.vienna-landing .features{grid-template-columns:1fr}.vienna-landing .nav-links{display:none}.vienna-landing .collab{grid-template-columns:1fr;padding:30px}}@media (prefers-reduced-motion:reduce){.vienna-landing *{animation:none!important}.vienna-landing .trace{stroke-dashoffset:0}.vienna-landing .node{opacity:1}}