.hero-section{position:relative;display:grid;min-height:100vh;place-items:center;overflow:hidden;padding:108px 20px 88px;text-align:center;isolation:isolate}.hero-section:before,.hero-section:after,.hero-backdrop,.hero-backdrop:after{position:absolute;top:0;right:0;bottom:0;left:0;content:""}.hero-section:before{z-index:-2;background:linear-gradient(rgb(120 180 220 / .055) 1px,transparent 1px),linear-gradient(90deg,rgb(120 180 220 / .045) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000 0,transparent 72%);mask-image:radial-gradient(circle at 50% 42%,#000 0,transparent 72%)}.hero-section:after{z-index:-1;background:radial-gradient(circle at 50% 42%,rgb(7 11 16 / .18) 0 15rem,transparent 28rem),radial-gradient(circle at 50% 38%,rgb(20 231 242 / .12),transparent 25rem),linear-gradient(180deg,#070b1003,#070b104d 72%,#070b10)}.hero-backdrop{z-index:-3;overflow:hidden;background:linear-gradient(90deg,rgb(7 11 16 / .08),transparent,rgb(7 11 16 / .1)),url(/assets/hero-background.webp) center / cover}.hero-backdrop:after{background:radial-gradient(circle at 50% 45%,#070b1005,#070b1014 64%),linear-gradient(180deg,transparent,rgb(7 11 16 / .12))}.hero-wallpaper-collage{position:absolute;top:-9%;right:-6%;bottom:-9%;left:-6%;opacity:1}.hero-wallpaper{position:absolute;display:block;width:min(34vw,620px);aspect-ratio:16 / 10;border:1px solid rgb(255 255 255 / .16);border-radius:10px;-o-object-fit:cover;object-fit:cover;box-shadow:0 24px 72px #00000057,0 0 34px #14e7f21a;filter:saturate(1.16) contrast(1.03) brightness(1.14)}.hero-wallpaper-one{top:7%;left:-3%;opacity:.74;transform:rotate(-7deg)}.hero-wallpaper-two{top:6%;right:-2%;opacity:.76;transform:rotate(6deg)}.hero-wallpaper-three{right:14%;bottom:-8%;width:min(28vw,440px);aspect-ratio:4 / 5;opacity:.68;transform:rotate(-3deg)}.hero-wallpaper-four{bottom:4%;left:-4%;opacity:.7;transform:rotate(5deg)}.hero-wallpaper-five{top:34%;left:7%;width:min(25vw,430px);opacity:.58;transform:rotate(2deg)}.hero-wallpaper-six{top:34%;right:7%;width:min(25vw,430px);opacity:.6;transform:rotate(-4deg)}.hero-product-ghost{position:absolute;display:none;left:50%;bottom:-8%;width:min(84vw,1120px);-o-object-fit:cover;object-fit:cover;opacity:.38;filter:blur(.8px) saturate(1.14);transform:translate(-50%) perspective(1200px) rotateX(13deg);transform-origin:center bottom;box-shadow:0 -30px 120px #14e7f22e}.hero-content{width:min(720px,100%)}h1{color:var(--cyan);font-size:clamp(58px,8vw,96px);font-weight:900;text-shadow:0 0 18px rgb(20 231 242 / .7),0 0 42px rgb(54 184 244 / .38)}h2{max-width:720px;font-size:clamp(34px,5vw,58px)}.hero-subtitle{margin:28px 0 0;color:#fff;font-size:clamp(24px,4vw,34px);font-weight:800}.hero-text,.section-copy p:not(.eyebrow){margin:18px 0 0;color:var(--muted);font-size:18px;line-height:1.7}.hero-actions,.tag-row,.status-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.hero-actions{justify-content:center}.download-menu{position:relative}.download-menu.is-open .button-primary{box-shadow:0 18px 42px #14e7f24d,0 0 0 1px #ffffff47 inset}.download-menu.is-disabled .button-primary{cursor:not-allowed;opacity:.62;box-shadow:none}.download-menu.is-disabled .download-version{color:#f3f8ff8f}.download-version{margin-left:2px;color:#f3f8ffd1;font-size:12px;font-weight:850;white-space:nowrap}.download-panel{position:absolute;top:calc(100% + 12px);left:0;z-index:10;display:grid;width:min(220px,calc(100vw - 32px));gap:8px;padding:10px;border:1px solid rgb(255 255 255 / .14);border-radius:10px;background:#080f16eb;box-shadow:0 24px 70px #0000006b,0 0 32px #14e7f221;text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.download-panel[hidden]{display:none}.download-option{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:16px;border:1px solid transparent;border-radius:8px;padding:0 12px;background:#ffffff0b;color:var(--text)}.download-option:hover{border-color:#14e7f252;background:#14e7f21a}.download-option span{font-size:15px;font-weight:850}.download-option strong{color:var(--green);font-size:13px;font-weight:850}.section{position:relative;display:flex;min-height:100vh;align-items:center;overflow:hidden;padding:104px 0 82px}.section-inner{position:relative;z-index:2;width:min(1220px,calc(100% - 40px));margin:0 auto}.split-layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(34px,6vw,82px);align-items:center}.reverse-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.section-copy{max-width:520px}.compact-copy{max-width:760px}.eyebrow{margin:0 0 16px;color:var(--green);font-size:13px;font-weight:800;text-transform:uppercase}.tag-row span,.status-row span{border:1px solid rgb(255 255 255 / .12);border-radius:8px;background:#ffffff0e;color:var(--text);font-size:14px;font-weight:800;padding:9px 12px}.screenshot-frame{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 34px 100px #00000073,0 0 48px #36b8f414}.screenshot-frame img{width:100%;border-radius:inherit}.shot-cluster,.settings-shots,.workflow-shots{position:relative}.discover-section{background:radial-gradient(circle at 78% 28%,rgb(54 184 244 / .12),transparent 30rem),linear-gradient(180deg,#070b10,#0a1118)}.discover-cluster{min-height:520px}.screenshot-main{width:min(760px,100%)}.screenshot-float,.settings-secondary{position:absolute;right:0;bottom:0;width:min(52%,430px);transform:translateY(12%) rotate(2deg)}.proxy-section{background:radial-gradient(circle at 52% 44%,rgb(34 215 154 / .14),transparent 28rem),#071016}.proxy-shot{max-width:720px;justify-self:end}.proxy-network span{position:absolute;width:9px;height:9px;border-radius:999px;background:var(--green);box-shadow:0 0 34px #22d79ab3;animation:pulseNode 3.6s ease-in-out infinite}.proxy-network span:nth-child(1){top:23%;left:16%}.proxy-network span:nth-child(2){top:38%;right:18%;animation-delay:-1.2s}.proxy-network span:nth-child(3){right:12%;bottom:22%;animation-delay:-2.4s}.workflow-section{background:linear-gradient(180deg,#070b10,#0b1219 52%,#070b10)}.feature-stack{display:grid;gap:42px}.workflow-shots{min-height:580px}.workflow-card{position:absolute;width:min(58vw,640px)}.workflow-card figcaption{position:absolute;left:14px;bottom:14px;border-radius:8px;background:#070b10bd;color:var(--text);font-size:14px;font-weight:800;padding:8px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-library{left:50%;z-index:3;transform:translate(-50%)}.card-downloads,.card-switch,.card-local{top:92px;width:min(42vw,460px);opacity:.92}.card-downloads{left:0;transform:rotate(-2.5deg)}.card-switch{right:0;transform:rotate(2.5deg)}.card-local{right:13%;bottom:0;top:auto;z-index:2;width:min(36vw,390px)}.settings-section{background:radial-gradient(circle at 72% 36%,rgb(20 231 242 / .1),transparent 28rem),#071016}.final-copy .button{margin-top:32px}.settings-shots{min-height:500px}.settings-main{width:min(720px,100%)}.settings-secondary{width:min(54%,430px)}@media(max-width:920px){.section{min-height:auto;padding:92px 0 74px}.split-layout,.reverse-layout{grid-template-columns:1fr}.section-copy{max-width:760px}.discover-cluster,.settings-shots,.workflow-shots{display:grid;min-height:0;gap:18px}.screenshot-main,.screenshot-float,.settings-main,.settings-secondary,.workflow-card,.card-downloads,.card-switch,.card-local{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:100%;max-width:none;transform:none}.hero-wallpaper{width:min(58vw,480px)}.hero-wallpaper-one{top:12%;left:-18%}.hero-wallpaper-two{top:16%;right:-22%}.hero-wallpaper-three{right:-12%;bottom:3%;display:block;opacity:.48}.hero-wallpaper-four,.hero-wallpaper-five,.hero-wallpaper-six,.hero-product-ghost{display:none}}@media(max-width:620px){.hero-section{min-height:100svh;padding:96px 14px 70px}.hero-actions{display:grid}.download-menu,.button{width:100%}.download-menu{justify-content:center}.download-panel{left:0;width:100%}.hero-section:after{background:radial-gradient(circle at 50% 42%,rgb(7 11 16 / .28) 0 13rem,transparent 22rem),radial-gradient(circle at 50% 38%,rgb(20 231 242 / .1),transparent 20rem),linear-gradient(180deg,#070b1008,#070b1061 96%)}.hero-wallpaper-collage{opacity:.82}.section-inner{width:min(calc(100% - 28px),1220px)}}
