:root{--color-bg-primary:#080a0d;--color-bg-secondary:#141820;--color-text-primary:#f4f7fa;--color-text-secondary:#a8b0be;--color-accent-cyan:#65f4d5;--color-accent-blue:#5b8cff;--color-brand-navy:#112b51;--color-border:#ffffff1f;--color-border-strong:#ffffff47;--color-danger:#ff6b6b;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Helvetica Neue", Arial, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--shadow-card:0 8px 32px #00000059;--shadow-glow:0 0 40px #65f4d51f;--duration-fast:.15s;--duration-base:.3s;--duration-slow:.6s;--ease-out:cubic-bezier(.22, 1, .36, 1);--container-max:1280px;--header-height:72px;--header-height-mobile:60px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.6}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}img{max-width:100%;height:auto;display:block}a{color:inherit}button{font-family:inherit;font-size:inherit;cursor:pointer}input,select,textarea{font-family:inherit}::selection{color:var(--color-text-primary);background:#65f4d54d}:focus-visible{outline:2px solid var(--color-accent-cyan);outline-offset:3px}.skip-link{top:-100px;left:var(--space-4);z-index:200;padding:var(--space-2) var(--space-4);background:var(--color-accent-cyan);color:#08131a;border-radius:var(--radius-sm);transition:top var(--duration-fast) ease;font-weight:600;text-decoration:none;position:fixed}.skip-link:focus-visible{top:var(--space-3)}section[id],footer[id]{scroll-margin-top:calc(var(--header-height) + 16px)}.container{width:100%;max-width:var(--container-max);margin-inline-start:auto;margin-inline-end:auto;padding-inline-start:64px;padding-inline-end:64px}.section{padding-block:var(--space-9);position:relative}.section-eyebrow{align-items:center;gap:var(--space-3);letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-cyan);font-size:14px;font-weight:600;display:inline-flex}.section-eyebrow:before{content:"";background:var(--color-accent-cyan);opacity:.7;width:24px;height:1px}.section-title{margin-top:var(--space-3);letter-spacing:-.01em;font-size:44px;font-weight:700;line-height:1.2}.section-lead{margin-top:var(--space-4);max-width:640px;color:var(--color-text-secondary);font-size:18px}.layout-grid{gap:var(--space-5);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}@media (max-width:1199px){.container{padding-inline-start:40px;padding-inline-end:40px}.section{padding-block:var(--space-8)}.section-title{font-size:36px}.layout-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (max-width:767px){.container{padding-inline-start:22px;padding-inline-end:22px}.section{padding-block:var(--space-7)}.section-title{font-size:30px}.section-lead{font-size:16px}.layout-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.site-header{z-index:100;height:var(--header-height);transition:background-color var(--duration-base) ease, backdrop-filter var(--duration-base) ease, box-shadow var(--duration-base) ease;background:0 0;position:fixed;top:0;left:0;right:0}.site-header.is-scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--color-border);background:#080a0db8}.header-inner{justify-content:space-between;align-items:center;gap:var(--space-5);height:100%;display:flex}.brand{align-items:center;gap:var(--space-3);flex-shrink:0;text-decoration:none;display:inline-flex}.brand-mark{width:auto;height:32px}.brand-name{letter-spacing:.12em;font-size:20px;font-weight:700}.site-nav ul{align-items:center;gap:var(--space-6);display:flex}.site-nav a{padding-block:var(--space-2);color:var(--color-text-secondary);transition:color var(--duration-fast) ease;font-size:15px;text-decoration:none;display:inline-block;position:relative}.site-nav a:after{content:"";background:var(--color-accent-cyan);transform-origin:0;width:100%;height:1px;transition:transform var(--duration-base) var(--ease-out);position:absolute;bottom:0;left:0;transform:scaleX(0)}.site-nav a:hover,.site-nav a.is-active{color:var(--color-text-primary)}.site-nav a.is-active:after{transform:scaleX(1)}.header-actions{align-items:center;gap:var(--space-3);display:flex}.header-cta{min-height:40px;padding-inline:var(--space-5);font-size:15px}.menu-toggle{z-index:120;background:0 0;border:0;width:44px;height:44px;padding:0;display:none;position:relative}.menu-toggle span{background:var(--color-text-primary);width:24px;height:2px;transition:transform var(--duration-base) var(--ease-out), opacity var(--duration-fast) ease;border-radius:2px;position:absolute;left:10px}.menu-toggle span:first-child{top:14px}.menu-toggle span:nth-child(2){top:21px}.menu-toggle span:nth-child(3){top:28px}.menu-toggle.is-active span:first-child{top:21px;transform:rotate(45deg)}.menu-toggle.is-active span:nth-child(2){opacity:0}.menu-toggle.is-active span:nth-child(3){top:21px;transform:rotate(-45deg)}@media (max-width:767px){.site-header{height:var(--header-height-mobile)}.brand-mark{height:26px}.header-cta{display:none}.menu-toggle{display:block}.site-nav{z-index:110;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transition:opacity var(--duration-base) ease, visibility var(--duration-base) ease;background:#080a0df0;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.site-nav.is-open{opacity:1;visibility:visible}.site-nav ul{gap:var(--space-6);text-align:center;flex-direction:column}.site-nav a{color:var(--color-text-primary);font-size:22px}.site-nav a:after{display:none}body.menu-open{overflow:hidden}}.hero{background:radial-gradient(1100px 560px at 72% 28%, #5b8cff24, transparent 62%), radial-gradient(820px 520px at 12% 82%, #65f4d517, transparent 60%), var(--color-bg-primary);min-height:90vh;padding-top:var(--header-height);align-items:center;display:flex;position:relative;overflow:hidden}.hero-grid{pointer-events:none;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:64px 64px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(#000 35%,#0000 78%);mask-image:radial-gradient(#000 35%,#0000 78%)}.hero-inner{align-items:center;gap:var(--space-6);width:100%;padding-block:var(--space-8) var(--space-9);grid-template-columns:repeat(12,minmax(0,1fr));display:grid;position:relative}.hero-copy{grid-column:1/span 5}.hero-eyebrow{align-items:center;gap:var(--space-3);letter-spacing:.16em;color:var(--color-accent-cyan);font-size:14px;font-weight:600;display:inline-flex}.hero-eyebrow:before{content:"";background:var(--color-accent-cyan);width:28px;height:1px}.hero-title{margin-top:var(--space-4);letter-spacing:-.02em;font-size:72px;font-weight:700;line-height:1.12}.hero-subtitle{margin-top:var(--space-5);max-width:460px;color:var(--color-text-secondary);font-size:18px}.hero-actions{gap:var(--space-4);margin-top:var(--space-7);flex-wrap:wrap;display:flex}.hero-visual{grid-column:6/span 7}.hero-visual img{width:100%;-webkit-mask-image:radial-gradient(80% 86% at 50% 48%,#000 60%,#0000 96%);mask-image:radial-gradient(80% 86% at 50% 48%,#000 60%,#0000 96%)}.hero-scroll{bottom:var(--space-6);align-items:center;gap:var(--space-2);letter-spacing:.18em;color:var(--color-text-secondary);transition:color var(--duration-fast) ease;flex-direction:column;font-size:13px;text-decoration:none;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.hero-scroll:hover{color:var(--color-text-primary)}.hero-scroll-mouse{border:1.5px solid var(--color-text-secondary);border-radius:12px;width:22px;height:34px;position:relative}.hero-scroll-mouse:after{content:"";background:var(--color-accent-cyan);border-radius:2px;width:3px;height:7px;margin-left:-1.5px;animation:1.8s ease-in-out infinite scroll-hint;position:absolute;top:6px;left:50%}@keyframes scroll-hint{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(10px)}to{opacity:0;transform:translateY(0)}}.reveal-hero{opacity:0;animation:hero-in .35s var(--ease-out) var(--reveal-delay,0s) forwards}.hero-eyebrow{--reveal-delay:0s}.hero-title{--reveal-delay:80ms}.hero-subtitle{--reveal-delay:.16s}.hero-actions{--reveal-delay:.24s}.hero-visual{--reveal-delay:.32s}@keyframes hero-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1199px){.hero-inner{grid-template-columns:repeat(8,minmax(0,1fr))}.hero-copy{grid-column:1/span 4}.hero-visual{grid-column:5/span 4}.hero-title{font-size:52px}}@media (max-width:767px){.hero{min-height:100vh}.hero-inner{padding-block:var(--space-7) var(--space-8);grid-template-rows:auto auto;grid-template-columns:repeat(4,minmax(0,1fr));align-content:center}.hero-copy{grid-column:1/span 4}.hero-visual{margin-top:var(--space-3);grid-column:1/span 4}.hero-title{font-size:40px}.hero-subtitle{font-size:16px}}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-6);border-radius:var(--radius-md);transition:background-color var(--duration-fast) ease, border-color var(--duration-fast) ease, color var(--duration-fast) ease, transform var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border:1px solid #0000;font-size:16px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-accent-cyan);color:#08131a;box-shadow:0 4px 24px #65f4d538}.btn-primary:hover{background:#7ef7dd;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{border-color:var(--color-border-strong);color:var(--color-text-primary);background:0 0}.btn-secondary:hover{border-color:var(--color-accent-cyan);color:var(--color-accent-cyan);transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card), inset 0 1px 0 #ffffff0d;transition:transform var(--duration-base) var(--ease-out), border-color var(--duration-base) ease}.card:hover{border-color:#65f4d56b;transform:translateY(-6px)}.brand-statement{text-align:center}.brand-statement .section-title{max-width:720px;margin-inline-start:auto;margin-inline-end:auto}.brand-statement-text{margin:var(--space-6) auto 0;max-width:720px;color:var(--color-text-secondary);font-size:20px;line-height:1.8}.capability{background:linear-gradient(180deg, var(--color-bg-primary), var(--color-bg-secondary))}.capability-grid{margin-top:var(--space-7);gap:var(--space-5);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.capability-card{grid-column:span 4}.card-icon{width:44px;height:44px;margin-bottom:var(--space-5);color:var(--color-accent-cyan)}.capability-card h3{font-size:22px;font-weight:700}.capability-card p{margin-top:var(--space-3);color:var(--color-text-secondary);font-size:16px}.product-stage{margin-top:var(--space-7)}.product-tagline{margin-top:var(--space-3);color:var(--color-text-secondary);font-size:18px}.product-main{background:radial-gradient(720px 360px at 50% 60%, #5b8cff24, transparent 65%), var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);justify-content:center;display:flex;position:relative;overflow:hidden}.product-main img{width:min(760px,100%);transition:opacity var(--duration-base) ease;-webkit-mask-image:radial-gradient(82% 90%,#000 62%,#0000 97%);mask-image:radial-gradient(82% 90%,#000 62%,#0000 97%)}.product-thumbs{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.product-thumb{min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:border-color var(--duration-fast) ease, color var(--duration-fast) ease, background-color var(--duration-fast) ease;background:0 0;font-size:14px}.product-thumb:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.product-thumb.is-active{border-color:var(--color-accent-cyan);color:var(--color-accent-cyan);background:#65f4d514}.product-features{margin-top:var(--space-7);gap:var(--space-5);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.product-features li{padding:var(--space-6);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-column:span 4}.product-features h3{font-size:20px;font-weight:700}.product-features h3:before{content:"";width:20px;height:2px;margin-bottom:var(--space-3);background:var(--color-accent-cyan);display:block}.product-features p{margin-top:var(--space-2);color:var(--color-text-secondary)}.technology{background:linear-gradient(180deg, var(--color-bg-secondary), var(--color-bg-primary))}.tech-list{margin-top:var(--space-6)}.tech-item{align-items:center;gap:var(--space-6);padding-block:var(--space-7);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.tech-visual{grid-column:1/span 5}.tech-copy{grid-column:7/span 6}.tech-visual svg{width:100%;height:auto;display:block}.tech-copy h3{font-size:28px;font-weight:700}.tech-copy p{margin-top:var(--space-3);max-width:460px;color:var(--color-text-secondary);font-size:17px}@media (max-width:1199px){.capability-grid,.product-features{grid-template-columns:repeat(8,minmax(0,1fr))}.capability-card,.product-features li{grid-column:span 4}.capability-card:nth-child(3),.product-features li:nth-child(3){grid-column:3/span 4}.tech-item{grid-template-columns:repeat(8,minmax(0,1fr))}.tech-visual,.tech-item:nth-child(2n) .tech-visual{grid-column:1/span 4}.tech-copy,.tech-item:nth-child(2n) .tech-copy{grid-column:5/span 4}}@media (max-width:767px){.brand-statement-text{font-size:17px}.capability-grid,.product-features{grid-template-columns:repeat(4,minmax(0,1fr))}.capability-card,.product-features li,.capability-card:nth-child(3),.product-features li:nth-child(3){grid-column:1/span 4}.product-main{padding:var(--space-6) var(--space-4)}.tech-item{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr))}.tech-visual,.tech-item:nth-child(2n) .tech-visual,.tech-copy,.tech-item:nth-child(2n) .tech-copy{grid-column:1/span 4}.tech-copy h3{font-size:22px}}.contact{background:radial-gradient(900px 480px at 18% 20%, #5b8cff1a, transparent 60%), var(--color-bg-primary)}.contact-inner{gap:var(--space-7);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.contact-copy{grid-column:1/span 5}.contact-copy .section-lead{font-size:17px}.contact-form{gap:var(--space-4);padding:var(--space-6);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);grid-column:7/span 6;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-note{padding:var(--space-3) var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text-secondary);grid-column:1/-1;font-size:14px}.form-field{gap:var(--space-2);flex-direction:column;display:flex}.form-field.is-full,.form-field.is-note{grid-column:1/-1}.form-field label{color:var(--color-text-primary);font-size:14px;font-weight:600}.required{color:var(--color-accent-cyan)}.form-field input,.form-field select,.form-field textarea{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;padding:12px 14px;font-size:16px}.form-field textarea{resize:vertical;min-height:88px}.form-field input::placeholder,.form-field textarea::placeholder{color:#a8b0be8c}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--color-accent-cyan);outline:none;box-shadow:0 0 0 3px #65f4d526}.form-field.has-error input,.form-field.has-error select,.form-field.has-error textarea{border-color:var(--color-danger)}.field-error{min-height:1.3em;color:var(--color-danger);font-size:14px}.field-error:not(:empty):before{content:"⚠ "}.form-submit{grid-column:1/-1;justify-self:start;min-width:200px}.form-status{grid-column:1/-1;min-height:1.4em;font-size:15px}.form-status.is-error{color:var(--color-danger)}.form-status.is-success{color:var(--color-accent-cyan)}@media (max-width:1199px){.contact-inner{grid-template-columns:repeat(8,minmax(0,1fr))}.contact-copy,.contact-form{grid-column:1/span 8}}@media (max-width:767px){.contact-form{padding:var(--space-5);grid-template-columns:1fr}.form-field.is-full,.form-field.is-note,.form-submit,.form-status,.form-note{grid-column:1}.form-submit{width:100%}}.site-footer{border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.footer-top{justify-content:space-between;align-items:center;gap:var(--space-6);padding-block:var(--space-7);flex-wrap:wrap;display:flex}.footer-brand img{width:auto;height:40px}.footer-brand p{margin-top:var(--space-2);color:var(--color-text-secondary);font-size:14px}.footer-nav ul{gap:var(--space-5);flex-wrap:wrap;display:flex}.footer-nav a{color:var(--color-text-secondary);transition:color var(--duration-fast) ease;font-size:15px;text-decoration:none}.footer-nav a:hover{color:var(--color-text-primary)}.footer-bottom{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-5);border-top:1px solid var(--color-border);color:var(--color-text-secondary);flex-wrap:wrap;font-size:14px;display:flex}.footer-icp{color:var(--color-text-primary);letter-spacing:.02em;font-weight:600}@media (max-width:767px){.footer-top{align-items:flex-start;gap:var(--space-5);flex-direction:column}.footer-bottom{flex-direction:column;align-items:flex-start}}.reveal{opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.capability-card:first-child,.tech-item:first-child{transition-delay:0s}.capability-card:nth-child(2),.tech-item:nth-child(2){transition-delay:.12s}.capability-card:nth-child(3),.tech-item:nth-child(3){transition-delay:.24s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal-hero{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}.hero-scroll-mouse:after{animation:none}.card:hover,.btn:hover{transform:none}}
