:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--navy:#0b0f1a;--charcoal:#0f1624;--surface:#141e30;--surface-hi:#1c2a42;--border:#ffffff12;--border-hi:#ffffff21;--gold:#c9a84c;--gold-light:#dfc06e;--gold-dim:#c9a84c1a;--gold-dim-hi:#c9a84c2e;--gold-glow:#c9a84c33;--text-1:#f0f4f8;--text-2:#8fa3ba;--text-3:#56697a;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--radius:8px;--radius-lg:14px;--transition:.18s ease;--shadow-card:0 4px 24px #0000004d;--shadow-hover:0 8px 40px #00000073}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--navy);color:var(--text-2);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:17px;line-height:1.65}#root{text-align:left;border-inline:none;width:100%;max-width:100%;min-height:auto;display:block}h1,h2,h3,h4{color:var(--text-1);font-family:var(--sans);text-wrap:balance;margin:0;font-weight:600;line-height:1.18}p{margin:0 0 1rem}p:last-child{margin-bottom:0}a{color:var(--gold);transition:color var(--transition);text-decoration:none}a:hover{color:var(--gold-light)}.site{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 28px}.section{border-top:1px solid var(--border);padding:100px 0}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;font-size:11px;font-weight:700;display:inline-block}.section-header{max-width:600px;margin-bottom:60px}.section-header h2{letter-spacing:-.025em;margin-bottom:14px;font-size:42px}.section-sub{color:var(--text-2);margin:0;font-size:18px;line-height:1.55}.btn{border-radius:var(--radius);font-size:15px;font-weight:500;font-family:var(--sans);transition:all var(--transition);cursor:pointer;white-space:nowrap;letter-spacing:.01em;border:none;align-items:center;gap:8px;padding:13px 26px;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gold);color:#0a0d15;box-shadow:0 0 0 0 var(--gold-glow)}.btn-primary:hover{background:var(--gold-light);color:#0a0d15;box-shadow:0 0 0 4px var(--gold-glow)}.btn-secondary{color:var(--text-1);border:1px solid var(--border-hi);background:0 0}.btn-secondary:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-dim)}.site-header{z-index:100;-webkit-backdrop-filter:blur(16px)saturate(1.4);border-bottom:1px solid var(--border);background:#0b0f1ae0;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;height:64px;display:flex}.header-brand{flex-shrink:0;align-items:center;gap:0;display:flex}.wordmark{letter-spacing:-.03em;color:var(--text-1);transition:opacity var(--transition);flex-shrink:0;font-size:19px;font-weight:700;text-decoration:none}.wordmark:hover{color:var(--text-1);opacity:.85}.wordmark-accent{color:var(--gold)}.header-domain{color:var(--text-3);letter-spacing:.02em;border-left:1px solid var(--border-hi);margin-left:14px;padding-left:14px;font-size:12px;font-weight:400;line-height:1}.nav-list{align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:flex}.nav-link{border-radius:var(--radius);color:var(--text-2);transition:all var(--transition);padding:6px 13px;font-size:14px;font-weight:500;text-decoration:none;display:inline-block;position:relative}.nav-link:hover{color:var(--text-1);background:#ffffff0d}.nav-cta{background:var(--gold-dim);color:var(--gold);border:1px solid #c9a84c33;margin-left:4px}.nav-cta:hover{background:var(--gold-dim-hi);color:var(--gold-light);border-color:#c9a84c59}.hero-section{padding:128px 0 104px;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#ffffff09 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 100% at 0 0,#000 0%,#0000 65%);mask-image:radial-gradient(80% 100% at 0 0,#000 0%,#0000 65%)}.hero-section:after{content:"";pointer-events:none;background:radial-gradient(#c9a84c12 0%,#0000 65%);width:700px;height:700px;position:absolute;top:-240px;left:-100px}.hero-inner{z-index:1;max-width:720px;position:relative}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);align-items:center;gap:10px;margin-bottom:28px;font-size:12px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--gold);opacity:.6;width:20px;height:1px;display:block}.hero-heading{letter-spacing:-.035em;color:var(--text-1);margin-bottom:22px;font-size:clamp(46px,6.5vw,76px);font-weight:700;line-height:1.06}.hero-sub{color:var(--gold);letter-spacing:-.01em;opacity:.9;margin-bottom:28px;font-size:clamp(18px,2.2vw,24px);font-weight:400;line-height:1.4}.hero-body{color:var(--text-2);max-width:560px;margin-bottom:44px;font-size:17px;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-rule{background:linear-gradient(90deg, var(--gold-dim-hi) 0%, var(--border) 40%, transparent 100%);height:1px;position:absolute;bottom:0;left:0;right:0}.whatis-inner{grid-template-columns:260px 1fr;align-items:start;gap:72px;display:grid}.whatis-label h2{letter-spacing:-.025em;margin-top:10px;font-size:30px;line-height:1.25}.whatis-content{flex-direction:column;gap:22px;display:flex}.whatis-content p{color:var(--text-2);margin:0;font-size:17px;line-height:1.78}.whatis-content p:first-child{color:var(--text-1);font-size:18px}.build-section{background:var(--charcoal)}.build-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.build-card{background:var(--charcoal);transition:background var(--transition);padding:40px 36px;position:relative}.build-card:before{content:"";background:var(--gold);opacity:0;width:2px;transition:opacity var(--transition);position:absolute;top:24px;bottom:24px;left:0}.build-card:hover{background:var(--surface)}.build-card:hover:before{opacity:1}.build-icon{background:var(--gold-dim);letter-spacing:.04em;width:40px;height:40px;color:var(--gold);font-size:10px;font-weight:700;font-family:var(--sans);border:1px solid #c9a84c2e;border-radius:7px;justify-content:center;align-items:center;margin-bottom:22px;display:inline-flex}.build-card h3{color:var(--text-1);letter-spacing:-.01em;margin-bottom:12px;font-size:17px;font-weight:600}.build-card p{color:var(--text-2);margin:0;font-size:14.5px;line-height:1.68}.projects-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition), background var(--transition), transform var(--transition), box-shadow var(--transition);flex-direction:column;min-height:176px;padding:26px 22px;text-decoration:none;display:flex}.project-card:hover{background:var(--surface-hi);box-shadow:var(--shadow-hover);border-color:#c9a84c4d;transform:translateY(-3px)}.project-card:hover .project-arrow{color:var(--gold);transform:translate(1px,-1px)}.project-card-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.project-tag{letter-spacing:.09em;text-transform:uppercase;color:var(--gold);background:var(--gold-dim);border:1px solid #c9a84c26;border-radius:4px;padding:3px 9px;font-size:10px;font-weight:700}.project-arrow{color:var(--text-3);transition:color var(--transition), transform var(--transition);flex-shrink:0}.project-name{color:var(--text-1);letter-spacing:-.01em;margin-bottom:8px;font-size:14.5px;font-weight:600;line-height:1.35}.project-desc{color:var(--text-2);flex:1;margin:0;font-size:13.5px;line-height:1.6}.method-section{background:var(--navy)}.method-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.method-step{background:var(--navy);transition:background var(--transition);padding:44px 36px 40px;position:relative;overflow:hidden}.method-step:before{content:"";background:var(--gold);opacity:0;height:2px;transition:opacity var(--transition);position:absolute;top:0;left:0;right:0}.method-step:hover{background:#c9a84c08}.method-step:hover:before{opacity:1}.method-num{color:#ffffff0a;letter-spacing:-.05em;font-variant-numeric:tabular-nums;transition:color var(--transition);-webkit-user-select:none;user-select:none;margin-bottom:16px;font-size:80px;font-weight:800;line-height:1}.method-step:hover .method-num{color:#c9a84c1a}.method-step h3{color:var(--text-1);letter-spacing:-.01em;margin-bottom:12px;font-size:16.5px;font-weight:600}.method-step p{color:var(--text-2);margin:0;font-size:14px;line-height:1.68}.public-section{background:var(--charcoal);text-align:center}.public-inner{max-width:600px}.public-inner h2{letter-spacing:-.03em;margin-top:10px;margin-bottom:20px;font-size:42px}.public-body{color:var(--text-2);margin-bottom:40px;font-size:17px;line-height:1.75}.public-links{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.zencloud-inner{grid-template-columns:1fr 360px;align-items:start;gap:88px;display:grid}.zencloud-text .section-label{display:block}.zencloud-text h2{letter-spacing:-.025em;margin:10px 0 22px;font-size:36px}.zencloud-text p{color:var(--text-2);font-size:17px;line-height:1.78}.zencloud-btn{margin-top:32px}.zencloud-meta{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:1px;display:flex;overflow:hidden}.meta-item{background:var(--surface);transition:background var(--transition);flex-direction:column;gap:5px;padding:20px 24px;display:flex}.meta-item:hover{background:var(--surface-hi)}.meta-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-size:10px;font-weight:700}.meta-value{color:var(--text-1);letter-spacing:-.01em;font-size:15px;font-weight:500}.disclaimer-section{border-top:1px solid var(--border);padding:40px 0}.disclaimer-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);border-left:2px solid #c9a84c66;align-items:baseline;gap:20px;padding:22px 28px;display:flex}.disclaimer-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);flex-shrink:0;padding-top:2px;font-size:10px;font-weight:700}.disclaimer-box p{color:var(--text-3);margin:0;font-size:13.5px;line-height:1.65}.site-footer{background:var(--charcoal);border-top:1px solid var(--border);padding:60px 0 40px}.footer-top{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:44px;padding-bottom:44px;display:flex}.footer-brand .wordmark{font-size:21px}.footer-tagline{color:var(--text-3);margin-top:10px;margin-bottom:0;font-size:13.5px}.footer-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:flex}.footer-nav a{border-radius:var(--radius);color:var(--text-2);transition:all var(--transition);border:1px solid #0000;padding:6px 14px;font-size:14px;text-decoration:none;display:inline-block}.footer-nav a:hover{color:var(--text-1);border-color:var(--border-hi);background:#ffffff0a}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-copy{color:var(--text-3);margin:0;font-size:13px}.footer-domain{color:var(--text-3);letter-spacing:.01em;margin:0;font-size:13px;font-weight:500}@media (width<=1024px){.section{padding:76px 0}.projects-grid,.method-grid,.build-grid{grid-template-columns:repeat(2,1fr)}.zencloud-inner{grid-template-columns:1fr;gap:52px}.method-num{font-size:60px}}@media (width<=768px){.section{padding:60px 0}.section-header{margin-bottom:44px}.section-header h2{font-size:32px}.hero-section{padding:88px 0 72px}.hero-body{font-size:16px}.whatis-inner{grid-template-columns:1fr;gap:36px}.whatis-label h2{font-size:26px}.build-grid{grid-template-columns:1fr}.projects-grid{grid-template-columns:1fr 1fr;gap:12px}.method-grid{grid-template-columns:1fr}.method-num{margin-bottom:8px;font-size:52px}.footer-top{flex-direction:column;gap:28px}.footer-nav{justify-content:flex-start}.footer-bottom{flex-direction:column;align-items:flex-start;gap:8px}.header-inner{height:56px}.header-domain{display:none}.disclaimer-box{flex-direction:column;gap:8px}.public-inner h2{font-size:32px}}@media (width<=640px){.nav-link{padding:5px 10px;font-size:13px}.nav-list li:nth-child(2){display:none}}@media (width<=480px){.container{padding:0 20px}.projects-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero-actions .btn{justify-content:center;width:100%}.public-links{flex-direction:column}.public-links .btn{justify-content:center;width:100%}.build-card{padding:28px 24px}.method-step{padding:32px 24px}}