main.pg-home{--bg:#000;--fg:#f5f5f7;--muted:#86868b;--W:760px;--D:500px;--H:488px;--T:14px;--alu1:#d9dadd;--alu2:#a9abb0;--b1:#5fb7e5;--b2:#2b7aa3;--grad:linear-gradient(90deg,#5fb7e5,#2b7aa3)}main.pg-home .hero{height:420vh;position:relative}main.pg-home .stage{background:radial-gradient(at 50% 70%,#0c1a26 0%,#000 68%);justify-content:center;align-items:center;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}main.pg-home .copy{top:max(9vh,calc(var(--hdr-h,56px) + 14px));text-align:center;z-index:5;pointer-events:none;padding:0 20px;position:absolute;left:0;right:0}main.pg-home .copy h1,main.pg-home .copy h2{letter-spacing:-.03em;background:linear-gradient(#fff,#a1a1a6);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(28px,min(6.5vw,9.5vh),84px);font-weight:700;line-height:1.02}main.pg-home .copy p{color:var(--muted);margin-top:10px;font-size:clamp(14px,min(2vw,3vh),24px)}main.pg-home #copy2{opacity:0;position:absolute;top:0;left:0;right:0;transform:translateY(20px)}main.pg-home .hint{text-align:center;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:13px;position:absolute;bottom:5vh;left:0;right:0}main.pg-home .hint i{background:linear-gradient(#86868b,#0000);width:1px;height:34px;margin:10px auto 0;animation:1.6s infinite drip;display:block}@keyframes drip{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}main.pg-home .scene{perspective:2200px;width:0;height:0;position:relative;top:6vh}main.pg-home .rig{transform-style:preserve-3d;will-change:transform;position:absolute;top:0;left:0}main.pg-home .rig>*{transform-style:preserve-3d;position:absolute}main.pg-home .deck{left:calc(var(--W) / -2);top:calc(var(--D) / -2);width:var(--W);height:var(--D);background:linear-gradient(#b9bbc0,#cfd0d4 30%,#c4c6ca);border-radius:8px 8px 22px 22px;transform:rotateX(90deg);box-shadow:inset 0 0 0 1px #ffffff59,inset 0 -12px 24px #0000001f}main.pg-home .keys{background:#0b0b0d;border-radius:8px;grid-template-rows:repeat(6,1fr);gap:5px;height:52%;padding:8px;display:grid;position:absolute;top:7%;left:5%;right:5%;box-shadow:inset 0 0 8px #000}main.pg-home .keys div{gap:5px;display:grid}main.pg-home .keys span{background:linear-gradient(#26262a,#18181b);border-radius:4px;box-shadow:inset 0 1px #3a3a40}main.pg-home .keys .r1{grid-template-columns:1.5fr repeat(12,1fr) 1.5fr}main.pg-home .keys .r2{grid-template-columns:repeat(13,1fr) 1.6fr}main.pg-home .keys .r3{grid-template-columns:1.6fr repeat(12,1fr) 1.4fr}main.pg-home .keys .r4{grid-template-columns:1.9fr repeat(11,1fr) 2fr}main.pg-home .keys .r5{grid-template-columns:2.4fr repeat(10,1fr) 2.6fr}main.pg-home .keys .r6{grid-template-columns:repeat(4,1.2fr) 5.5fr repeat(3,1.2fr)}main.pg-home .pad{background:linear-gradient(#c9cacf,#bfc1c6);border-radius:10px;height:27%;position:absolute;top:65%;left:32%;right:32%;box-shadow:inset 0 0 0 1px #0000002e,inset 0 1px #fff}main.pg-home .speaker{opacity:.6;background:repeating-linear-gradient(90deg,#55565b 0 2px,#0000 2px 5px);width:3.4%;height:2.5%;position:absolute;top:2.5%}main.pg-home .speaker.l{left:2%}main.pg-home .speaker.r{right:2%}main.pg-home .lip{left:calc(var(--W) / -2);width:var(--W);height:var(--T);transform:translateZ(calc(var(--D) / 2));background:linear-gradient(#b3b5ba,#8e9095);border-radius:0 0 18px 18px/0 0 8px 8px;top:0}main.pg-home .lip:after{content:"";background:#74767b;border-radius:0 0 6px 6px;height:5px;position:absolute;top:0;left:42%;right:42%}main.pg-home .side{width:var(--D);height:var(--T);background:linear-gradient(#a2a4a9,#7d7f84);top:0}main.pg-home .side.l{left:calc(var(--W) / -2);transform-origin:0 0;transform:translateZ(calc(var(--D) / -2)) rotateY(-90deg)}main.pg-home .side.r{left:calc(var(--W) / 2);transform-origin:0 0;transform:translateZ(calc(var(--D) / -2)) rotateY(-90deg)}main.pg-home .shadow{left:calc(var(--W) / -2 - 40px);top:calc(var(--D) / -2 - 30px);width:calc(var(--W) + 80px);height:calc(var(--D) + 60px);transform:translateY(var(--T)) rotateX(90deg);filter:blur(24px);opacity:.8;background:radial-gradient(closest-side,#000000e6,#0000)}main.pg-home .hinge{left:calc(var(--W) / -2);width:var(--W);height:0;transform:translateZ(calc(var(--D) / -2));top:0}main.pg-home .lid{width:var(--W);height:var(--H);transform-origin:50% 100%;transform-style:preserve-3d;will-change:transform;position:absolute;bottom:0;left:0;transform:rotateX(-90deg)}main.pg-home .face{backface-visibility:hidden;border-radius:20px 20px 6px 6px;position:absolute;inset:0}main.pg-home .front{background:#050506;padding:12px 12px 16px;box-shadow:0 0 0 2px #7b7d82,inset 0 0 0 1px #222}main.pg-home .back{background:linear-gradient(145deg,var(--alu1),var(--alu2));justify-content:center;align-items:center;display:flex;transform:rotateY(180deg);box-shadow:inset 0 0 0 1px #fff6}main.pg-home .lid .brand{filter:drop-shadow(0 1px #ffffffb3)drop-shadow(0 -1px 1px #0000002e);opacity:.92;width:46%;transform:rotate(180deg)}main.pg-home .lid .brand img{width:100%;height:auto;display:block}main.pg-home .cam{background:#1a1a22;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 2px #335}main.pg-home .screen{--glow:0;background:#000;border-radius:8px;width:100%;height:100%;position:relative;overflow:hidden}main.pg-home .screen .wall{opacity:var(--glow);background:radial-gradient(circle at 20% 25%,#5fb7e5 0,#0000 45%),radial-gradient(circle at 80% 30%,#2b7aa3 0,#0000 50%),radial-gradient(circle at 55% 90%,#1f5f82 0,#0000 55%),#0a1c2b;transition:none;position:absolute;inset:0}main.pg-home .menubar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;height:22px;opacity:var(--glow);background:#00000047;align-items:center;gap:16px;padding:0 14px 0 20px;font-size:11px;display:flex;position:absolute;top:0;left:0;right:0}main.pg-home .menubar .sp{flex:1}main.pg-home .win{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:var(--glow);transform:translateY(calc((1 - var(--glow)) * 30px)) scale(calc(.94 + var(--glow) * .06));background:#14141cb8;border-radius:12px;padding:14px 18px;position:absolute;inset:16% 11% 20%;box-shadow:0 20px 60px #00000080,inset 0 0 0 1px #ffffff1f}main.pg-home .dots{gap:6px;margin-bottom:12px;display:flex}main.pg-home .dots i{border-radius:50%;width:10px;height:10px}main.pg-home .dots i:first-child{background:#ff5f57}main.pg-home .dots i:nth-child(2){background:#febc2e}main.pg-home .dots i:nth-child(3){background:#28c840}main.pg-home .win h3{margin-bottom:2px;font-size:15px;font-weight:600}main.pg-home .win small{color:#9a9aa5;font-size:11px}main.pg-home .split{grid-template-columns:1.1fr 1fr;gap:16px;height:calc(100% - 22px);display:grid}main.pg-home .code{color:#cbd5e1;white-space:pre;font:11px/1.7 ui-monospace,Consolas,monospace;overflow:hidden}main.pg-home .code .k{color:#c084fc}main.pg-home .code .f{color:#5fb7e5}main.pg-home .code .s{color:#86efac}main.pg-home .chart{flex-direction:column;display:flex}main.pg-home .bars{flex:1;align-items:flex-end;gap:6px;margin-top:10px;display:flex}main.pg-home .bars b{height:calc(var(--h) * var(--grow,0) * 1%);background:linear-gradient(#5fb7e5,#2b7aa3);border-radius:4px 4px 0 0;flex:1}main.pg-home .dock{transform:translateX(-50%) translateY(calc((1 - var(--glow)) * 40px));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:var(--glow);background:#ffffff38;border-radius:16px;gap:8px;padding:6px 10px;display:flex;position:absolute;bottom:10px;left:50%}main.pg-home .dock i{border-radius:8px;width:30px;height:30px}main.pg-home .shine{pointer-events:none;opacity:.7;background:linear-gradient(115deg,#ffffff24,#0000 35%);position:absolute;inset:0}main.pg-home .specs{text-align:center;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;max-width:1000px;margin:0 auto;padding:18vh 24px 14vh;display:grid}main.pg-home .reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(40px)}main.pg-home .reveal.in{opacity:1;transform:none}main.pg-home .block{text-align:center;max-width:1000px;margin:0 auto;padding:10vh 24px}main.pg-home .block h2{letter-spacing:-.03em;margin-bottom:40px;font-size:clamp(32px,5vw,56px)}main.pg-home .cards{text-align:left;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;display:grid}main.pg-home .cards article{background:#111116;border:1px solid #23232b;border-radius:18px;padding:26px}main.pg-home .cards h3{margin-bottom:8px;font-size:19px}main.pg-home .cards p{color:var(--muted);font-size:15px;line-height:1.5}main.pg-home .steps{text-align:left;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;list-style:none;display:grid}main.pg-home .steps li{border-top:1px solid #2a2a33;padding-top:16px;font-size:20px;font-weight:600}main.pg-home .steps b{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:14px;display:block}main.pg-home .steps span{color:var(--muted);margin-top:6px;font-size:15px;font-weight:400;display:block}main.pg-home .contact p{color:var(--muted);margin:-14px 0 28px;font-size:19px}main.pg-home .btn{background:var(--grad);color:#03111a;border-radius:99px;padding:14px 32px;font-weight:700;text-decoration:none;display:inline-block}main.pg-home .specs strong{letter-spacing:-.03em;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(28px,3.4vw,38px);font-weight:700;line-height:1.25;display:block}main.pg-home .specs span{color:var(--muted);font-size:17px}@media (max-width:700px){main.pg-home .copy{top:max(8vh,calc(var(--hdr-h,56px) + 14px))}main.pg-home .hint{font-size:11px}main.pg-home .specs{padding:12vh 20px 8vh}main.pg-home .specs strong{font-size:30px}}@media (max-width:520px){main.pg-home .block{padding:8vh 20px}}@media (prefers-reduced-motion:reduce){main.pg-home .hint i{animation:none}}main.pg-home .hero-art{z-index:0;pointer-events:none;--p:0;--cy:62vh;--cs:.8;position:absolute;inset:0;overflow:hidden}main.pg-home .ha-glow{background:radial-gradient(ellipse 75% 46% at 50% var(--cy),#2b7aa375,#1d5f8224 55%,transparent 82%), radial-gradient(ellipse 90% 34% at 50% 0,#5fb7e526,transparent 72%);position:absolute;inset:0}main.pg-home .ha-grid{background:linear-gradient(#ffffff09 1px,#0000 1px) 0 0/clamp(40px,5vw,64px) clamp(40px,5vw,64px),linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/clamp(40px,5vw,64px) clamp(40px,5vw,64px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 24% 78%,#0000);mask-image:linear-gradient(#0000,#000 24% 78%,#0000)}main.pg-home .ha-rings{left:50%;top:var(--cy);width:calc(var(--cs) * 2000px);max-width:230vw;height:auto;transform:translate(-50%,-50%) scale(calc(1 + var(--p) * .05));position:absolute}main.pg-home .ha-side{width:clamp(120px,24vw,360px);position:absolute;top:0;bottom:0}main.pg-home .ha-l{left:0}main.pg-home .ha-r{right:0;transform:scaleX(-1)}main.pg-home .ha-dots{width:100%;height:auto;animation:16s ease-in-out infinite alternate haDrift;position:absolute;left:0}main.pg-home .ha-up{top:calc(14% - var(--p) * 22px)}main.pg-home .ha-low{bottom:calc(5% + var(--p) * 18px);animation-duration:22s;animation-direction:alternate-reverse}main.pg-home .ha-net{left:0;top:calc(var(--hdr-h,56px) + 10px);width:78%;height:auto;position:absolute}main.pg-home .ha-pulse{animation:6s ease-in-out infinite alternate haPulse}@keyframes haDrift{0%{transform:translateY(-8px)}to{transform:translateY(10px)}}@keyframes haPulse{0%{opacity:.45}to{opacity:1}}@media (max-width:1000px){main.pg-home .ha-side{width:clamp(110px,22vw,220px)}}@media (max-width:700px){main.pg-home .ha-side{width:clamp(70px,24vw,130px)}main.pg-home .ha-net,main.pg-home .ha-low{display:none}main.pg-home .ha-up{top:calc(34% - var(--p) * 16px);opacity:.8}main.pg-home .ha-rings{max-width:300vw}}@media (max-height:520px){main.pg-home .ha-low,main.pg-home .ha-net{display:none}main.pg-home .ha-up{top:12%}}@media (min-width:1700px){main.pg-home .ha-side{width:340px}}@media (prefers-reduced-motion:reduce){main.pg-home .hero-art *{animation:none!important}}main.pg-home .contact-lines{color:#a1a1a6;margin-top:26px!important;font-size:16px!important}main.pg-home .contact-lines a{color:#7cc4ec;text-decoration:none}main.pg-home .contact-lines a:hover{text-decoration:underline}