:root{--cyan:#00c9bf;--cyan-deep:#00a8a0;--lime:#8fd400;--ink:#071416;--ink-soft:#1a2a2e;--mist:#e8f4f5;--cloud:#f3fafb;--line:#07141614;--text:#0e1c1f;--muted:#5a6e72;--white:#fff;--radius:4px;--nav-h:72px;--font-display:"Sora", "Noto Sans SC", sans-serif;--font-body:"Noto Sans SC", "Sora", sans-serif;--shadow-soft:0 24px 60px #00505a1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h)}body{font-family:var(--font-body);color:var(--text);background:var(--cloud);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:0 0;border:none}ul{list-style:none}.container{width:min(1180px,100% - 40px);margin-inline:auto}.section{padding:96px 0;position:relative}.section-label{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan-deep);margin-bottom:12px;font-size:.78rem;font-weight:600}.section-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:700;line-height:1.2}.section-lead{max-width:36rem;color:var(--muted);margin-top:14px;font-size:1.05rem}.btn{border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:.95rem;font-weight:600;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--cyan) 0%, var(--cyan-deep) 100%);color:var(--white);box-shadow:0 10px 28px #00c9bf59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 34px #00c9bf73}.btn-ghost{color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff8c;border:1px solid #0714161f}.btn-ghost:hover{background:#ffffffd9;transform:translateY(-2px)}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (width<=768px){.section{padding:72px 0}.container{width:calc(100% - 32px)}}.nav{z-index:100;height:var(--nav-h);align-items:center;transition:background .35s,box-shadow .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s;display:flex;position:fixed;inset:0 0 auto}.nav.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--line);background:#f3fafbe0}.nav-inner{justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 40px);margin-inline:auto;display:flex}.nav-logo{flex-shrink:0;align-items:center;display:flex}.nav-logo img{width:auto;height:28px}.nav-links{align-items:center;gap:4px;display:flex}.nav-links a{color:var(--ink-soft);border-radius:999px;padding:8px 12px;font-size:.9rem;font-weight:500;transition:color .2s,background .2s}.nav-links a:hover,.nav-links a.active{color:var(--cyan-deep);background:#00c9bf1a}.nav-cta{background:var(--ink);color:var(--white);border-radius:999px;padding:10px 18px;font-size:.88rem;font-weight:600;transition:background .25s,transform .25s}.nav-cta.mobile-only{display:none}.nav-cta:hover{background:var(--cyan-deep);transform:translateY(-1px)}.nav-toggle{border-radius:8px;place-items:center;width:40px;height:40px;display:none}.nav-toggle span{background:var(--ink);width:20px;height:2px;display:block;position:relative}.nav-toggle span:before,.nav-toggle span:after{content:"";background:var(--ink);width:20px;height:2px;position:absolute;left:0}.nav-toggle span:before{top:-6px}.nav-toggle span:after{top:6px}.hero{background:radial-gradient(70% 60% at 75% 45%,#00c9bf2e,#0000 60%),radial-gradient(50% 50% at 20% 80%,#8fd4001f,#0000 55%),linear-gradient(165deg,#eef8fa 0%,#f7fcfd 40%,#e4f2f4 100%);align-items:center;min-height:100dvh;display:flex;position:relative;overflow:hidden}.hero-bg{opacity:.95;pointer-events:none;background:url(/assets/image1.png) right 55%/min(72vw,920px) no-repeat;animation:8s ease-in-out infinite heroFloat;position:absolute;inset:0}.hero-mesh{pointer-events:none;background-image:linear-gradient(#00c9bf0a 1px,#0000 1px),linear-gradient(90deg,#00c9bf0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000,#0000);mask-image:radial-gradient(80% 70% at 50% 40%,#000,#0000)}.hero-content{z-index:2;padding:calc(var(--nav-h) + 48px) 0 80px;margin-inline:auto;width:min(1180px,100% - 40px);max-width:560px;margin-left:max(20px,50% - 590px);position:relative}.hero-brand{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin-bottom:20px;font-size:clamp(2.4rem,5.5vw,3.75rem);font-weight:700;line-height:1.05;animation:.9s both fadeUp}.hero-brand span{background:linear-gradient(120deg, var(--cyan-deep), var(--lime));color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.hero-headline{color:var(--ink-soft);margin-bottom:12px;font-size:clamp(1.15rem,2vw,1.4rem);font-weight:600;animation:.9s .12s both fadeUp}.hero-sub{color:var(--muted);max-width:28rem;margin-bottom:32px;font-size:1rem;animation:.9s .22s both fadeUp}.hero-actions{flex-wrap:wrap;gap:12px;animation:.9s .32s both fadeUp;display:flex}.hero-scroll{letter-spacing:.12em;color:var(--muted);z-index:2;flex-direction:column;align-items:center;gap:8px;font-size:.75rem;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.hero-scroll-line{background:linear-gradient(to bottom, var(--cyan), transparent);width:1px;height:36px;animation:1.8s ease-in-out infinite scrollPulse}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes scrollPulse{0%,to{opacity:.3;transform-origin:top;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}.solutions{background:var(--white)}.solutions-head{flex-direction:column;align-items:flex-start;gap:28px;margin-bottom:40px;display:flex}.solutions-head .section-lead{max-width:40rem}.scene-tabs{flex-wrap:wrap;justify-content:flex-start;gap:10px;width:100%;display:flex}.scene-tab{color:var(--muted);background:var(--white);border:1px solid #0714161f;border-radius:999px;padding:9px 16px;font-size:.88rem;font-weight:500;transition:color .25s,background .25s,border-color .25s}.scene-tab:hover{color:var(--ink);border-color:#00c9bf66}.scene-tab.active{color:var(--white);background:var(--ink);border-color:var(--ink)}.scene-stage{grid-template-columns:1.35fr .65fr;align-items:stretch;gap:28px;min-height:420px;display:grid}.scene-visual{background:var(--mist);border-radius:16px;min-height:380px;position:relative;overflow:hidden}.scene-visual img{object-fit:cover;width:100%;height:100%;animation:.55s sceneIn;position:absolute;inset:0}.scene-panel{color:var(--white);background:linear-gradient(160deg,#071416 0%,#0f2a2e 55%,#0a3d3a 100%);border-radius:16px;flex-direction:column;justify-content:space-between;padding:36px 32px;display:flex;position:relative;overflow:hidden}.scene-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#00c9bf59,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-40px}.scene-panel h3{font-family:var(--font-display);margin-bottom:12px;font-size:1.65rem;font-weight:700;position:relative}.scene-panel p{color:#ffffffb8;font-size:.95rem;position:relative}.scene-tags{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex;position:relative}.scene-tags li{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;padding:6px 12px;font-size:.78rem}.scene-phone{align-self:end;margin-top:24px;position:relative}.scene-phone img{filter:drop-shadow(0 20px 40px #00000059);width:min(100%,220px);margin-inline:auto}@keyframes sceneIn{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.platform{background:radial-gradient(ellipse 60% 50% at 10% 20%, #00c9bf1a, transparent), radial-gradient(ellipse 50% 40% at 90% 80%, #8fd40014, transparent), var(--cloud)}.platform-grid{background:var(--line);border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:48px;display:grid;overflow:hidden}.platform-item{background:var(--white);padding:32px 28px;transition:background .3s}.platform-item:hover{background:#f0fbfb}.platform-item .icon{background:linear-gradient(135deg,#00c9bf26,#8fd40026);border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:18px;font-size:1.2rem;display:grid}.platform-item h3{color:var(--ink);margin-bottom:10px;font-size:1.1rem;font-weight:700}.platform-item p{color:var(--muted);font-size:.9rem;line-height:1.65}.feature-bands{flex-direction:column;gap:48px;margin-top:56px;display:flex}.feature-band{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.feature-band.reverse .feature-copy{order:2}.feature-band.reverse .feature-media{order:1}.feature-copy h3{font-family:var(--font-display);color:var(--ink);margin-bottom:16px;font-size:1.5rem;font-weight:700}.feature-list{flex-direction:column;gap:14px;display:flex}.feature-list li{border-left:2px solid var(--cyan);color:var(--muted);padding-left:18px;font-size:.92rem}.feature-list strong{color:var(--ink);margin-bottom:2px;font-weight:600;display:block}.feature-media{background:var(--mist);box-shadow:var(--shadow-soft);border-radius:16px;overflow:hidden}.feature-media img{width:100%;display:block}.hardware{background:var(--ink);color:var(--white)}.hardware .section-label{color:var(--cyan)}.hardware .section-title{color:var(--white)}.hardware .section-lead{color:#ffffffa6}.hardware-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px;display:grid}.hw-item{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;padding:28px 16px 24px;transition:transform .3s,border-color .3s,background .3s}.hw-item:hover{background:#00c9bf14;border-color:#00c9bf66;transform:translateY(-6px)}.hw-item img{object-fit:contain;filter:drop-shadow(0 8px 16px #00c9bf33);width:88px;height:88px;margin:0 auto 16px}.hw-item span{color:#ffffffe0;font-size:.9rem;font-weight:500}.hw-kits{grid-template-columns:1fr 1fr;gap:20px;margin-top:48px;display:grid}.hw-kit{background:linear-gradient(145deg,#00c9bf1f,#0000 60%),#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:36px 32px}.hw-kit .kit-code{font-family:var(--font-display);letter-spacing:.1em;color:var(--lime);margin-bottom:10px;font-size:.8rem;font-weight:600}.hw-kit h3{margin-bottom:10px;font-size:1.25rem}.hw-kit p{color:#ffffffa6;font-size:.92rem}.ai{background:linear-gradient(180deg, var(--white) 0%, var(--cloud) 100%)}.ai-layout{grid-template-columns:1fr 1.1fr;align-items:center;gap:48px;margin-top:40px;display:grid}.ai-visual{background:var(--mist);box-shadow:var(--shadow-soft);border-radius:16px;overflow:hidden}.ai-visual img{width:100%;display:block}.ai-points{flex-direction:column;gap:20px;margin-top:28px;display:flex}.ai-point{grid-template-columns:48px 1fr;align-items:start;gap:16px;display:grid}.ai-point .num{font-family:var(--font-display);color:var(--cyan-deep);padding-top:2px;font-size:1.1rem;font-weight:700}.ai-point h4{color:var(--ink);margin-bottom:4px;font-size:1.05rem}.ai-point p{color:var(--muted);font-size:.9rem}.value{background:var(--white)}.value-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;display:grid}.value-item{border:1px solid var(--line);background:linear-gradient(165deg,#f3fafb,#fff);border-radius:16px;padding:36px 28px;position:relative;overflow:hidden}.value-item:after{content:"";background:linear-gradient(90deg, var(--cyan), var(--lime));transform-origin:0;height:3px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.value-item:hover:after{transform:scaleX(1)}.value-item h3{color:var(--ink);margin-bottom:10px;font-size:1.15rem;font-weight:700}.value-item p{color:var(--muted);font-size:.92rem}.value-item .pair{font-family:var(--font-display);letter-spacing:.06em;color:var(--cyan-deep);margin-bottom:14px;font-size:.78rem;font-weight:600}.services{background:radial-gradient(ellipse 50% 60% at 80% 30%, #00c9bf14, transparent), var(--cloud)}.services-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;display:grid}.service-col{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:32px 28px}.service-col h3{border-bottom:1px solid var(--line);color:var(--ink);margin-bottom:20px;padding-bottom:14px;font-size:1.15rem;font-weight:700}.service-col li{color:var(--muted);padding:8px 0 8px 18px;font-size:.92rem;position:relative}.service-col li:before{content:"";background:var(--cyan);border-radius:50%;width:6px;height:6px;position:absolute;top:16px;left:0}.extra-services{grid-template-columns:1fr 1fr;gap:20px;margin-top:28px;display:grid}.extra-block{background:var(--ink);color:var(--white);border-radius:16px;padding:28px}.extra-block h4{margin-bottom:10px;font-size:1.05rem}.extra-block p{color:#ffffffb3;font-size:.9rem;line-height:1.7}.more-scenes{background:var(--white)}.more-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px;display:grid}.more-item{isolation:isolate;border-radius:14px;min-height:220px;position:relative;overflow:hidden}.more-item img{object-fit:cover;width:100%;height:100%;transition:transform .6s;position:absolute;inset:0}.more-item:hover img{transform:scale(1.06)}.more-item .overlay{z-index:1;background:linear-gradient(#0000 45%,#071416d9 100%);flex-direction:column;justify-content:flex-end;padding:20px;display:flex;position:absolute;inset:0}.more-item h3{color:var(--white);margin-bottom:4px;font-size:1.05rem}.more-item p{color:#ffffffb3;font-size:.82rem}.about{background:radial-gradient(ellipse 60% 50% at 50% 0%, #00c9bf1f, transparent 60%), var(--cloud)}.about-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:48px;margin-top:40px;display:grid}.about-blocks{flex-direction:column;gap:24px;display:flex}.about-block h3{color:var(--ink);margin-bottom:8px;font-size:1.05rem;font-weight:700}.about-block p{color:var(--muted);font-size:.92rem;line-height:1.75}.about-vision{color:var(--white);top:calc(var(--nav-h) + 24px);background:linear-gradient(150deg,#071416,#0f3330);border-radius:16px;padding:36px 32px;position:sticky}.about-vision h3{font-family:var(--font-display);margin-bottom:16px;font-size:1.35rem}.about-vision p{color:#ffffffbf;font-size:.95rem;line-height:1.8}.contact{background:var(--white);padding-bottom:40px}.contact-wrap{grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;margin-top:40px;display:grid}.contact-info{gap:20px;display:grid}.contact-row{border-bottom:1px solid var(--line);grid-template-columns:100px 1fr;gap:12px;padding-bottom:16px;font-size:.95rem;display:grid}.contact-row dt{color:var(--ink);font-weight:600}.contact-row dd{color:var(--muted)}.contact-row a:hover{color:var(--cyan-deep)}.contact-qr{text-align:center;border:1px solid var(--line);background:linear-gradient(165deg,#eef8fa,#fff);border-radius:16px;padding:32px}.contact-qr img{border-radius:8px;width:160px;height:160px;margin:0 auto 16px}.contact-qr p{color:var(--muted);font-size:.9rem}.contact-tagline{text-align:center;font-family:var(--font-display);background:linear-gradient(120deg, var(--cyan-deep), var(--lime));color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:48px;font-size:clamp(1.4rem,3vw,2rem);font-weight:700}.footer{background:var(--ink);color:#ffffffa6;padding:40px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-logo{opacity:.9;height:24px}.footer p{font-size:.85rem}@media (width<=960px){.nav-toggle{display:grid}.nav-links,.nav-cta.desktop-only{display:none}.nav.open .nav-links{top:var(--nav-h);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#f3fafbf7;flex-direction:column;gap:4px;padding:16px 20px 24px;display:flex;position:absolute;left:0;right:0}.nav.open .nav-cta.mobile-only{text-align:center;justify-content:center;margin-top:8px;display:inline-flex}.hero-bg{opacity:.45;background-position:bottom;background-size:min(110vw,640px)}.hero-content{text-align:left;max-width:100%;margin-left:auto;margin-right:auto;padding-bottom:120px}.scene-stage,.feature-band,.feature-band.reverse .feature-copy,.feature-band.reverse .feature-media,.ai-layout,.about-grid,.contact-wrap,.hw-kits,.extra-services{grid-template-columns:1fr}.feature-band.reverse .feature-copy,.feature-band.reverse .feature-media{order:unset}.platform-grid,.hardware-grid,.value-grid,.services-grid,.more-grid{grid-template-columns:1fr 1fr}.about-vision{position:static}}@media (width<=560px){.platform-grid,.hardware-grid,.value-grid,.services-grid,.more-grid{grid-template-columns:1fr}.hero-brand{font-size:2.1rem}}