:root{color:#0b0b0f;--background:#fff;--foreground:#0b0b0f;--muted:#6b7280;--border:#e5e7eb;--card:#fff;--accent:#f5f5f7;--primary:#0b0b0f;--primary-foreground:#fff;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);margin:0}a{color:inherit;text-decoration:none}main{min-height:100vh}.siteHeader{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border-bottom:1px solid #e5e7ebb3;position:fixed;top:0;left:0;right:0}.headerInner{justify-content:space-between;align-items:center;max-width:1180px;height:80px;margin:0 auto;padding:0 24px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:12px;font-size:22px;font-weight:800;display:flex}.brandIcon{color:#0b0b0f}.siteHeader nav{color:#0b0b0fc7;align-items:center;gap:32px;font-size:15px;display:flex}.siteHeader nav a:hover{color:#0b0b0f}.headerCta{background:#0b0b0f;border-radius:10px;padding:11px 16px;font-weight:700;color:#fff!important}.hero{justify-content:center;align-items:center;min-height:100vh;padding:112px 24px 56px;display:flex;position:relative;overflow:hidden}.gridOverlay{background-image:linear-gradient(90deg,#88888821 1px,#0000 1px),linear-gradient(#88888821 1px,#0000 1px);background-size:14px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 50% at 50% 0,#000 70%,#0000 100%);mask-image:radial-gradient(60% 50% at 50% 0,#000 70%,#0000 100%)}.hero:before{content:"";z-index:1;background:linear-gradient(#ffffffe0,#fffffff2,#fff);position:absolute;inset:0}.hero:after{content:"";filter:blur(48px);z-index:1;background:#9ca3af29;border-radius:999px;width:40vw;height:30vh;position:absolute;top:8%;right:10%}.heroInner{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:48px;width:100%;max-width:1180px;display:grid;position:relative}.heroCopy{position:relative}.heroCopy:before{content:"";filter:blur(36px);background:#0b0b0f0d;border-radius:999px;width:128px;height:128px;position:absolute;top:-32px;left:-32px}.hero h1{letter-spacing:-.035em;background:linear-gradient(90deg,#08080b,#30323a,#555866);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 30px;font-size:clamp(54px,7vw,88px);font-weight:850;line-height:1.16}.lead{color:#6b7280;max-width:650px;margin:0 0 34px;font-size:clamp(18px,2vw,22px);line-height:1.7}.heroActions{flex-wrap:wrap;gap:14px;display:flex}.button,form button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-size:17px;font-weight:750;display:inline-flex}.primary,form button{color:#fff;background:#0b0b0f}.secondary{color:#0b0b0f;background:#f3f4f6}.outline{color:#0b0b0f;background:#fff;border-color:#d1d5db}.button:hover,form button:hover{transform:translateY(-1px);box-shadow:0 12px 28px #00000014}.heroVisual{display:block}.mockWindow{background:#fff;border:1px solid #e5e7eb;border-radius:22px;transition:transform .22s,box-shadow .22s;overflow:hidden;box-shadow:0 24px 70px #00000029}.mockWindow:hover{transform:translateY(-8px);box-shadow:0 34px 90px #0003}.mockHeader{background:#fafafa;border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;height:44px;padding:0 16px;display:flex}.mockHeader span{background:#d1d5db;border-radius:50%;width:11px;height:11px}.canvasScene{background:linear-gradient(145deg,#fff,#f7f7f8);height:430px;position:relative;overflow:hidden}.canvasScene:before{content:"";transform-origin:bottom;background-image:linear-gradient(#11182714 1px,#0000 1px),linear-gradient(90deg,#11182714 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:28px;transform:perspective(500px)rotateX(58deg)}.wire{border:2px solid #1118278c;position:absolute}.cube{width:140px;height:140px;top:125px;left:78px;transform:skewY(-12deg)rotate(8deg)}.cube:after{content:"";border:2px solid #6b728080;width:140px;height:140px;position:absolute;top:-38px;left:34px}.loop{border-radius:50%;width:210px;height:120px;bottom:96px;right:52px;transform:rotate(-18deg)}.stroke{background:linear-gradient(90deg,#111827,#9ca3af);border-radius:999px;height:8px;position:absolute;box-shadow:0 0 20px #0000001f}.s1{width:180px;top:300px;left:80px;transform:rotate(18deg)}.s2{width:145px;top:185px;right:80px;transform:rotate(-28deg)}.s3{width:120px;top:100px;left:175px;transform:rotate(48deg)}.phone{color:#fff;background:#0b0b0f;border:1px solid #00000040;border-radius:26px;place-items:center;width:112px;height:168px;display:grid;position:absolute;bottom:30px;right:36px;box-shadow:0 22px 55px #0000003d}.phone small{text-transform:uppercase;letter-spacing:.15em;color:#d1d5db}.section{background:#fff;padding:96px 24px}.accent{background:#f5f5f7}.sectionHead{text-align:center;max-width:760px;margin:0 auto 62px}.sectionHead h2,.downloadCard h2{letter-spacing:-.045em;margin:0 0 16px;font-size:clamp(36px,4.5vw,56px);line-height:1.05}.sectionHead p,.downloadCard p{color:#6b7280;margin:0;font-size:18px;line-height:1.7}.featureGrid,.useGrid{grid-template-columns:repeat(3,1fr);gap:28px;max-width:1180px;margin:0 auto;display:grid}.card,.stepCard{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:28px;transition:transform .22s,box-shadow .22s,border-color .22s;box-shadow:0 1px 2px #00000008}.card:hover,.stepCard:hover{border-color:#d1d5db;transform:translateY(-8px);box-shadow:0 24px 60px #00000024}.card svg,.stepCard svg{color:#0b0b0f;width:42px;height:42px;margin-bottom:18px}.card h3,.stepCard h3{letter-spacing:-.02em;margin:0 0 10px;font-size:21px}.card p,.stepCard p{color:#6b7280;margin:0;line-height:1.65}.stepRow{grid-template-columns:repeat(3,1fr);gap:28px;max-width:1040px;margin:0 auto;display:grid}.stepCard{text-align:center;position:relative}.stepCard svg{margin-left:auto;margin-right:auto}.stepArrow{top:50%;right:-28px;transform:translateY(-50%);color:#9ca3af!important;width:24px!important;height:24px!important;margin:0!important;position:absolute!important}.caseIcon{background:#f3f4f6;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:18px;display:grid}.caseIcon svg{width:28px;height:28px;margin:0}.downloadSection{background:#fff}.downloadCard{background:#0b0b0f09;border:1px solid #0b0b0f29;border-radius:18px;grid-template-columns:1fr 1fr;align-items:center;gap:34px;max-width:980px;margin:0 auto;padding:36px;transition:transform .22s,box-shadow .22s,border-color .22s;display:grid}.downloadCard:hover{border-color:#0b0b0f3d;transform:translateY(-8px);box-shadow:0 24px 60px #0000001f}.downloadIcon{width:50px;height:50px;margin-bottom:20px}form{gap:14px;display:grid}input,textarea{color:#0b0b0f;width:100%;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:14px 16px}textarea{resize:vertical;min-height:116px}.hidden{display:none}.formMessage{border-radius:10px;margin:0;padding:12px 14px}.formMessage.success{color:#047857;background:#ecfdf5}.formMessage.error{color:#b91c1c;background:#fef2f2}footer{text-align:center;color:#6b7280;background:#fff;border-top:1px solid #e5e7eb;padding:34px 20px 52px}@media (width<=900px){.siteHeader nav a:not(.headerCta){display:none}.heroInner,.downloadCard{grid-template-columns:1fr}.hero{padding-top:104px}.heroVisual{order:-1}.featureGrid,.useGrid,.stepRow{grid-template-columns:1fr}.stepArrow{display:none}.hero h1{font-size:52px}.canvasScene{height:340px}}@media (width<=560px){.headerInner{height:72px;padding:0 18px}.brand{font-size:19px}.hero{padding-left:20px;padding-right:20px}.hero h1{font-size:44px}.button,form button{width:100%;font-size:16px}.section{padding:72px 20px}.downloadCard{padding:24px}.mockWindow{border-radius:18px}}