.vgm-liquid-hero{background:radial-gradient(at 75% 30%,#0b2843 0,#0000 54%),#020617;height:auto;min-height:0;overflow:clip}.vgm-liquid-hero .vgm-sticky{background:0 0;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);column-gap:0;max-width:1720px;padding:28px clamp(24px,4.5vw,80px) 68px;position:relative;top:0}.vgm-liquid-hero .vgm-heading{z-index:3;padding:20px 0 50px}.vgm-liquid-hero .vgm-heading h1{letter-spacing:-.057em;max-width:730px;font-size:clamp(44px,5.1vw,82px);font-weight:600;line-height:1.06}.vgm-liquid-hero .vgm-heading h1 span{color:#cce6ff;-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#e5f5ff 6%,#9accff 64%,#73b4ff);-webkit-background-clip:text;background-clip:text}.vgm-liquid-hero .vgm-lead{color:#aabed5;max-width:475px;margin:28px 0;font-size:17px;line-height:1.75}.vgm-liquid-hero .vgm-actions{gap:20px}.vgm-liquid-hero .vgm-primary{background:linear-gradient(150deg,#b7ddff,#7cbaff 62%,#5498df);border-color:#d0eaff99;border-radius:8px;min-height:54px;font-size:14px;box-shadow:inset 0 1px 1px #fff9,0 8px 35px #338adf22}.vgm-liquid-hero .vgm-note{color:#9aafc7;align-items:center;gap:9px;display:flex}.vgm-liquid-hero .vgm-note i{background:#91c6ff;border-radius:50%;width:5px;height:5px}.vgm-liquid-hero .vgm-visual{background:0 0;border-radius:0;width:calc(100% + 70px);max-width:none;height:clamp(490px,48vw,740px);margin-left:-20px}.vgm-liquid-hero .vgm-canvas{touch-action:pan-y;inset:-1% -5% 0}.vgm-liquid-hero .vgm-visual-top{padding:0;font-size:12px;top:14px;left:14%;right:15px}.vgm-autoplay-label{color:#a5c6e7;align-items:center;gap:9px;display:flex}.vgm-autoplay-label i{background:#83c6ff;border-radius:50%;width:5px;height:5px;box-shadow:0 0 12px #83c6ff}.vgm-liquid-hero .vgm-visual-top button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#bedfff1d,#729bc505);border-color:#a5d7ff38;box-shadow:inset 0 1px #d6edff3b}.vgm-liquid-hero .vgm-scene-caption{font:12px IBM Plex Mono,monospace;bottom:35px;left:12%;right:10%}.vgm-liquid-hero .vgm-scene-caption>span:first-child{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#b8ddff15,#05172b30);border-color:#a8d5ff38;border-radius:30px;padding:10px 15px}.vgm-liquid-hero .vgm-object-label-a{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#b6dfff24,#264d7320);border:1px solid #b9dfff44;border-radius:8px;max-width:210px;padding:12px 16px;font-size:13px;top:34%;right:2%;box-shadow:inset 0 1px #c4e5ff44,0 10px 40px #0003}.vgm-orbit-caption{pointer-events:none;letter-spacing:.14em;color:#7c9dba;gap:8px;font:11px IBM Plex Mono,monospace;display:grid;position:absolute;top:26%;left:11%}.vgm-orbit-caption span:first-child{color:#a6cbed}.vgm-pointer-hint{text-align:center;color:#809ebc;font-size:12px;position:absolute;bottom:0;left:0;right:0}.vgm-atmosphere{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.vgm-atmosphere:after{content:"";background-image:linear-gradient(#8cbde908 1px,#0000 1px),linear-gradient(90deg,#8cbde908 1px,#0000 1px);background-size:96px 96px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#0009 65%,#0000);mask-image:linear-gradient(#0000,#0009 65%,#0000)}.vgm-atmosphere i{border:1px solid #a4d3ff16;border-radius:50%;width:70%;height:75%;position:absolute;top:0;right:-10%;transform:rotate(-26deg);box-shadow:0 0 90px #297ac60b,inset 0 0 60px #6eafff08}.vgm-atmosphere i:nth-child(2){width:52%;top:4%;right:-1%;transform:rotate(20deg)}.vgm-atmosphere i:nth-child(3){width:40%;height:50%;top:10%;right:5%}.vgm-control-glass{z-index:4;-webkit-backdrop-filter:blur(20px)saturate(1.25);backdrop-filter:blur(20px)saturate(1.25);background:linear-gradient(122deg,#c6e9ff14,#426f9410 32%,#06223b38 70%,#9acbff13);border:1px solid #afdcff35;border-radius:16px;grid-column:1/-1;margin-top:-4px;padding:0 26px 8px;position:relative;box-shadow:inset 0 1px #dcf1ff52,inset 1px 0 #edf9ff1c,0 25px 65px #0004}.vgm-control-glass:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(113deg,#0000 17%,#e6f6ff08 21%,#0000 24% 66%,#9bccff06 72%,#0000 80%);position:absolute;inset:0}.vgm-liquid-hero .vgm-stagebar{border-top:0;border-bottom-color:#a3cbec25;margin:0}.vgm-liquid-hero .vgm-stagebar button{border-right-color:#a3cbec1c;min-height:70px;padding:17px 14px;font-size:15px}.vgm-liquid-hero .vgm-stagebar button:first-child{padding-left:0}.vgm-liquid-hero .vgm-stagebar button strong{font-weight:500}.vgm-liquid-hero .vgm-stagebar button[aria-pressed=true]{background:linear-gradient(#0000,#9acbff0e)}.vgm-liquid-hero .vgm-stagebar button i{transform-origin:0;background:linear-gradient(90deg,#5caaff,#d2edff);transition:none;right:0;transform:scaleX(1);box-shadow:0 0 15px #8dc8ff77}.vgm-liquid-hero[data-autoplay=true] .vgm-stagebar button i{animation:6s linear infinite vgm-chapter-progress}@keyframes vgm-chapter-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.vgm-liquid-hero .vgm-reading{grid-template-columns:1.3fr 1fr;gap:9%;min-height:192px;padding:24px 0 20px}.vgm-liquid-hero .vgm-step-copy h2{font-size:29px}.vgm-liquid-hero .vgm-step-copy>p:last-child{max-width:660px;font-size:15px;line-height:1.7}.vgm-liquid-hero .vgm-use-panel label{color:#b1c7dc;font-size:14px}.vgm-liquid-hero .vgm-use-panel select{background:linear-gradient(145deg,#a3ceff0d,#020c1b4d);border-color:#aad5ff40;border-radius:6px;font-size:14px}.vgm-liquid-hero .vgm-use-panel option{color:#ecf6ff;background:#0a1930}.vgm-liquid-hero .vgm-bottom{color:#96abc2;min-height:54px;margin:0}.vgm-resume{color:#add5ff!important;font-size:13px!important}.vgm-liquid-hero .vgm-detail{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(135deg,#183650e8,#061326ed);border-color:#b8deff55;border-radius:14px;box-shadow:inset 0 1px #e1f1ff50,0 24px 90px #0009}.vg-product-section{background:radial-gradient(at 85% 55%,#17365622,#0000 65%);position:relative}.vg-product-section .vg-module-workspace,.vg-product-section .vg-lineage,.vgm-module-preview,.vgm-record{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px #e6f6ff36,inset 1px 0 #d1edff0b,0 24px 65px #0003;background:linear-gradient(128deg,#c9e5ff10,#152e4315 50%,#638fc912)!important;border-color:#b0d5ff30!important}.vg-product-section .vg-lineage{-webkit-backdrop-filter:blur(12px)}.vg-product-section .vg-lineage .vgm-record{-webkit-backdrop-filter:none}.vg-product-section .vg-example{background:linear-gradient(120deg,#80b5e315,#06263a33)!important;border-color:#99ccff2b!important}.vgm-record{border-radius:12px!important}.vgm-module-preview{border-radius:12px}.vgm-preview-row,.vgm-record-body li{border-bottom-color:#a1c9ef20}.vg-product-section .vg-section-heading h2{letter-spacing:-.045em}.vgm-frameworks{background:radial-gradient(at 0,#0e385228,#0000 70%)}.vgm-liquid-hero button:focus-visible,.vgm-liquid-hero a:focus-visible,.vgm-liquid-hero select:focus-visible{outline-offset:5px;outline:2px solid #cce8ff}@media (width>=1000px) and (width<=1250px){.vgm-liquid-hero .vgm-heading h1{font-size:55px}.vgm-liquid-hero .vgm-visual{height:540px}.vgm-liquid-hero .vgm-object-label-a{max-width:178px;right:7%}.vgm-liquid-hero .vgm-stagebar button{font-size:14px}}@media (width<=999px){.vgm-liquid-hero .vgm-sticky{grid-template-columns:1fr;padding:42px 30px 44px}.vgm-liquid-hero .vgm-heading{max-width:760px;padding:0}.vgm-liquid-hero .vgm-heading h1{font-size:clamp(45px,7.7vw,70px)}.vgm-liquid-hero .vgm-lead{max-width:660px}.vgm-liquid-hero .vgm-visual{width:100%;max-width:800px;height:540px;margin:20px 0 0}.vgm-liquid-hero .vgm-canvas{inset:0 -6%}.vgm-liquid-hero .vgm-visual-top{top:0;left:3%;right:3%}.vgm-liquid-hero .vgm-object-label-a{top:35%;right:1%}.vgm-control-glass{margin-top:14px;padding:0 18px 8px}.vgm-liquid-hero .vgm-stagebar button{gap:8px;padding:14px 8px;font-size:14px}.vgm-liquid-hero .vgm-reading{gap:6%}.vgm-liquid-hero .vgm-step-copy h2{font-size:26px}}@media (width<=600px){.vgm-liquid-hero .vgm-sticky{padding:30px 20px 38px}.vgm-liquid-hero .vgm-heading h1{letter-spacing:-.045em;font-size:clamp(37px,10vw,55px);line-height:1.1}.vgm-liquid-hero .vgm-lead{margin:22px 0;font-size:16px}.vgm-liquid-hero .vgm-actions{gap:12px}.vgm-liquid-hero .vgm-text-link{font-size:14px}.vgm-liquid-hero .vgm-visual{height:385px;margin-top:26px}.vgm-liquid-hero .vgm-canvas{inset:10px -13% 0}.vgm-liquid-hero .vgm-object-label-a{max-width:155px;padding:8px 10px;font-size:12px;top:31%;right:-2%}.vgm-orbit-caption{gap:5px;font-size:10px;top:23%;left:1%}.vgm-liquid-hero .vgm-scene-caption{font-size:11px;bottom:31px;left:0;right:0}.vgm-liquid-hero .vgm-scene-caption>span:first-child{padding:8px 12px}.vgm-pointer-hint{font-size:11px}.vgm-control-glass{border-radius:12px;margin-top:18px;padding:0 14px 8px}.vgm-liquid-hero .vgm-stagebar{grid-template-columns:repeat(5,minmax(0,1fr))}.vgm-liquid-hero .vgm-stagebar button{text-align:center;align-items:center;gap:8px;min-height:80px;padding:14px 4px}.vgm-liquid-hero .vgm-stagebar button:first-child{padding-left:4px}.vgm-liquid-hero .vgm-stagebar button strong{overflow-wrap:normal;font-size:12px}.vgm-liquid-hero .vgm-stagebar button span{font-size:12px}.vgm-liquid-hero .vgm-reading{grid-template-columns:1fr;gap:25px;min-height:350px;padding:24px 0 16px}.vgm-liquid-hero .vgm-step-copy h2{font-size:25px}.vgm-liquid-hero .vgm-step-copy>p:last-child{font-size:15px}.vgm-liquid-hero .vgm-bottom{padding-top:10px}.vgm-liquid-hero .vgm-bottom button{min-height:44px;font-size:13px}.vgm-liquid-hero .vgm-detail{padding:18px}.vgm-liquid-hero .vgm-note{font-size:12px}}@media (prefers-reduced-motion:reduce){.vgm-liquid-hero *{transition:none!important;animation:none!important}}@media (width<=360px){.vgm-liquid-hero .vgm-stagebar button strong{overflow-wrap:anywhere;line-height:1.35}.vgm-liquid-hero .vgm-stagebar button{min-height:86px}.vgm-liquid-hero .vgm-control-glass{padding-left:10px;padding-right:10px}}.vgm-liquid-hero .vgm-orbit-caption{display:none}.vgm-liquid-hero{background:#020617}.vgm-production-scene{width:100%;height:100%;-webkit-mask-image:radial-gradient(#000 57%,#0000 76%);mask-image:radial-gradient(#000 57%,#0000 76%)}.vgm-liquid-hero .vgm-object-label-a{top:22%;right:2%}@media (width<=600px){.vgm-liquid-hero .vgm-object-label-a{top:16%;right:0}}.vgm-loading-placeholder{pointer-events:none;background:radial-gradient(47% 27% at 50% 49%,#78b8ff12,#0000 76%);overflow:hidden}.vgm-loading-placeholder:before{content:"";background:linear-gradient(90deg,#0000,#9ccfff52,#0000);width:52%;height:1px;position:absolute;top:49%;left:24%}.vgm-loading-placeholder:after{content:"";opacity:.3;background:linear-gradient(110deg,#0000 30%,#b4dbff17 50%,#0000 70%);position:absolute;inset:31% 24%;transform:translate(-65%)}.vgm-experience[data-paused=false] .vgm-loading-placeholder:after{animation:2.8s ease-in-out infinite vgm-loading-light}@keyframes vgm-loading-light{0%,to{opacity:.1;transform:translate(-65%)}50%{opacity:.45;transform:translate(65%)}}@media (prefers-reduced-motion:reduce){.vgm-experience .vgm-loading-placeholder:after{animation:none}}