:root{--bg: #f6f9fc;--bg-dark: #0f172a;--accent: #1cc2dc;--accent-strong: #0ea5e9;--text: #0f172a;--muted: #64748b;--card: #ffffff;--border: #e2e8f0;scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Sora,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);line-height:1.7;background:var(--bg)}img{max-width:100%;display:block}nav{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:16px 8vw;background:#0f172af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50}nav .logo{display:flex;flex-direction:column;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;cursor:pointer;transition:opacity .2s ease}nav .logo:hover{opacity:.8}nav .logo small{font-size:12px;letter-spacing:.3em;color:#ffffffa6}.nav-toggle{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer}.nav-toggle span{width:28px;height:2px;background:#fff;transition:transform .3s ease,opacity .3s ease}.nav-toggle.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-links{list-style:none;display:flex;gap:24px;margin:0;padding:0 20px;align-items:center}.nav-links a{color:#ffffffe0;text-decoration:none;font-weight:500;padding:8px;font-size:.9rem;transition:color .2s ease}.nav-links a:hover,.nav-links a:focus{color:var(--accent)}.btn-link{background:var(--accent);color:#0f172a!important;padding:14px 38px;border-radius:999px;font-weight:600;box-shadow:0 10px 25px #22d3ee59}.has-sub{position:relative}.dropdown-arrow{display:inline-block;margin-left:4px;font-size:.8em;transition:transform .2s ease}.has-sub:hover .dropdown-arrow{transform:translateY(2px)}.subnav{list-style:none;padding:16px;margin:0;background:#1e293b;position:absolute;top:calc(100% + 4px);left:0;border-radius:16px;display:none;min-width:230px;box-shadow:0 20px 40px #0f172a59;opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.has-sub:hover .subnav,.subnav:hover{display:block;opacity:1;transform:translateY(0);pointer-events:auto}.subnav a{display:block;padding:6px 0}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at top right,#0ea5e9,#0f172a 45%);color:#fff;padding:140px 8vw 120px}.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:60px;align-items:center}.hero-text h1{font-size:clamp(2.6rem,5vw,3.8rem);line-height:1.2;margin-bottom:16px}.hero-text p{color:#ffffffc7}.eyebrow{text-transform:uppercase;letter-spacing:.3em;font-size:.8rem;color:var(--accent);margin-bottom:18px}.hero-cta{display:flex;flex-wrap:wrap;gap:16px;margin:28px 0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;border-radius:999px;text-decoration:none;font-weight:600;transition:transform .2s ease,box-shadow .2s ease;border:none;cursor:pointer}.btn.primary{background:#22d3ee;color:#0f172a;box-shadow:0 20px 45px #22d3ee59}.btn.ghost{border:1px solid rgba(255,255,255,.35);color:#fff;background:transparent}.btn:hover{transform:translateY(-4px)}.trust-list{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:18px;color:#ffffffbf}.hero-visual-3d{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center;transition:transform .15s ease-out;transform-style:preserve-3d;will-change:transform}.animated-gradient{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:linear-gradient(45deg,#22d3ee66,#0ea5e94d,#3b82f666,#22d3ee4d);background-size:400% 400%;animation:gradientShift 20s ease infinite;filter:blur(40px);opacity:.6;will-change:background-position}.floating-shape{position:absolute;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;animation:float 10s ease-in-out infinite;will-change:transform}.shape-1{width:160px;height:160px;background:linear-gradient(135deg,#22d3ee4d,#0ea5e933);top:10%;right:15%;animation-delay:0s}.shape-2{width:120px;height:120px;background:linear-gradient(135deg,#3b82f64d,#9333ea33);bottom:15%;left:10%;animation-delay:2s;animation-duration:10s}.shape-3{width:80px;height:80px;background:linear-gradient(135deg,#f8fafc66,#e2e8f04d);top:40%;left:5%;animation-delay:4s;animation-duration:12s}.glass-card{position:relative;z-index:10;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:32px;border:1px solid rgba(255,255,255,.2);box-shadow:0 25px 50px #0000004d;transform:translateZ(50px)}.code-window{min-width:360px;height:190px;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.window-header{display:flex;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.window-header .dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d}.window-header .dot:nth-child(1){background:#ff5f56}.window-header .dot:nth-child(2){background:#ffbd2e}.window-header .dot:nth-child(3){background:#27c93f}.code-lines{font-family:Courier New,monospace;font-size:14px;line-height:1.6;color:#ffffffe6;flex:1;margin:0;padding:2px 0;min-height:140px;display:flex;flex-direction:column}.code-line{opacity:1;margin:0;min-height:22.4px}.code-line .keyword{color:#ff79c6}.code-line .string{color:#50fa7b}.code-line .function{color:#8be9fd}.code-line .comment{color:#6272a4;font-style:italic}.highlights{padding:60px 8vw;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px}.highlight-card{background:var(--card);border-radius:20px;padding:32px;border:1px solid rgba(15,23,42,.08);box-shadow:0 15px 35px #0f172a14;position:relative;transition:transform .3s ease,box-shadow .3s ease}.highlight-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0f172a1f}.highlight-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#22d3ee,#0ea5e9);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;margin-bottom:16px;box-shadow:0 8px 16px #22d3ee4d}.highlight-card strong{display:block;font-size:1.4rem;color:var(--bg-dark);margin-bottom:6px}.highlight-card span{display:block;color:var(--muted)}section{padding:80px 8vw}.section-heading{max-width:720px;margin-bottom:40px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.services-showcase{display:flex;flex-direction:column;gap:80px}.service-card-visual{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:transparent!important;border-radius:0;padding:48px;border:none!important;box-shadow:none!important;transition:transform .3s ease,box-shadow .3s ease;scroll-margin-top:105px}.service-card-visual:nth-child(2n){grid-template-columns:1fr 1fr}.service-card-visual:nth-child(2n) .service-content{order:2}.service-card-visual:nth-child(2n) .service-mockup{order:1}.service-card-visual:hover{transform:translateY(0);box-shadow:none}.service-content ul{padding-left:20px;color:var(--muted)}.service-mockup{display:flex;align-items:center;justify-content:center;min-height:400px;background:transparent}.card{background:var(--card);border-radius:24px;padding:32px;border:1px solid var(--border);box-shadow:0 25px 50px #0f172a0f;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-8px);box-shadow:0 30px 60px #0f172a1f}.card ul{padding-left:20px;color:var(--muted)}.service-icon{width:72px;height:72px;border-radius:20px;background:#22d3ee26;display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px}.service-icon svg{width:48px;height:48px;fill:none;stroke:#0f172a;stroke-width:2}.service-icon svg rect,.service-icon svg polygon,.service-icon svg circle{stroke:#0f172a}.iphone-mockup{perspective:1100px;animation:floatDevice 8s ease-in-out infinite;width:fit-content;max-width:100%;will-change:transform}.iphone-frame{width:280px;max-width:100%;height:560px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.08),transparent 55%),#050b16;border-radius:44px;padding:14px 12px;box-shadow:0 30px 60px #05081473,inset 0 0 0 1px #ffffff14;position:relative;transform:rotateY(-14deg) rotateX(4deg);transition:transform .3s ease-out;transform-origin:center;transform-style:preserve-3d;border:2px solid rgba(4,6,14,.8)}.iphone-notch{position:absolute;top:8px;left:50%;transform:translate(-50%);width:110px;height:22px;background:#020814;border-radius:12px;box-shadow:inset 0 -2px 4px #00000059;z-index:10}.iphone-screen{width:100%;height:100%;background:linear-gradient(180deg,#f8fafc,#e2e8f0);border-radius:32px;overflow:hidden;position:relative}.app-demo{padding:20px;height:100%;display:flex;flex-direction:column}.demo-header{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:#0f172a;margin-bottom:40px;padding-top:20px}.demo-icons{display:flex;gap:4px;font-size:10px}.demo-app-screen{flex:1;display:flex;flex-direction:column;gap:20px}.app-top-bar{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff80;border-radius:16px}.app-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#22d3ee,#0ea5e9);display:flex;align-items:center;justify-content:center;font-size:20px}.app-greeting{flex:1}.greeting-text{font-size:13px;font-weight:600;color:#0f172a}.greeting-sub{font-size:11px;color:#64748b}.app-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 8px}.menu-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:12px;background:#ffffff4d;transition:all .2s ease}.menu-item.active{background:#22d3ee33;box-shadow:0 4px 12px #22d3ee33}.menu-icon{font-size:20px}.menu-label{font-size:9px;color:#0f172a;font-weight:500}.app-cards{display:flex;flex-direction:column;gap:12px;padding:0 12px}.app-card{background:#ffffffb3;border-radius:16px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;animation:slideIn .5s ease-out;border:1px solid rgba(15,23,42,.08);box-shadow:0 2px 8px #0f172a14}.app-card:nth-child(2){animation-delay:.2s}.app-card:nth-child(3){animation-delay:.4s}.card-left{display:flex;align-items:center;gap:10px;flex:1}.card-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#0ea5e9);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.card-info{flex:1;min-width:0}.card-title{font-size:11px;font-weight:600;color:#0f172a;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-time{font-size:9px;color:#64748b}.card-badge{font-size:9px;padding:4px 8px;border-radius:8px;background:#64748b26;color:#64748b;font-weight:600;flex-shrink:0}.card-badge.priority{background:#ef444426;color:#ef4444}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.web-app-showcase{width:fit-content;max-width:100%;margin:0 auto;animation:floatDevice 8s ease-in-out infinite;animation-delay:.1s;perspective:1200px;transform-style:preserve-3d;will-change:transform;background:transparent}.desktop-frame{width:580px;max-width:100%;transform:rotateY(-8deg) rotateX(4deg);transform-style:preserve-3d}.screen-container{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:24px;padding:14px;box-shadow:0 40px 80px #00000080,inset 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.screen-container:before{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 100%);pointer-events:none;z-index:10}.screen-glare{position:absolute;top:20px;left:20px;right:20px;height:60px;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 60%);border-radius:16px 16px 0 0;pointer-events:none;z-index:11}.browser-window{background:#fff;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a14,0 20px 40px #00000026;display:flex;flex-direction:column;height:380px}.desktop-frame .browser-window{background:linear-gradient(135deg,#f8fafc,#e0e7ff);padding:20px;display:flex;flex-direction:column;gap:12px;height:100%;min-height:420px}.desktop-frame .display-header{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:2px solid rgba(15,23,42,.08);flex-shrink:0}.desktop-frame .header-icon{width:48px;height:48px;background:linear-gradient(135deg,#22d3ee,#0ea5e9);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 8px 16px #22d3ee4d}.desktop-frame .header-info{flex:1;display:flex;flex-direction:column;gap:2px}.desktop-frame .header-title{font-size:16px;font-weight:700;color:#0f172a}.desktop-frame .header-subtitle{font-size:12px;color:#64748b}.desktop-frame .header-status{display:flex;align-items:center;gap:6px}.desktop-frame .status-dot{width:10px;height:10px;background:#94a3b8;border-radius:50%;animation:pulse 2s ease-in-out infinite}.desktop-frame .status-dot.active{background:#22c55e;box-shadow:0 0 12px #22c55e80}.desktop-frame .display-content{display:flex;flex-direction:column;gap:12px;flex:1;overflow-y:auto;min-height:0}.desktop-frame .control-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.desktop-frame .control-tile{background:#fff;border-radius:16px;padding:16px;border:1px solid rgba(15,23,42,.08);display:flex;flex-direction:column;gap:8px;transition:all .3s ease;cursor:pointer}.desktop-frame .control-tile:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a1f}.desktop-frame .control-tile.active{background:linear-gradient(135deg,#22d3ee1a,#0ea5e90d);border-color:#22d3ee4d}.desktop-frame .tile-icon{font-size:28px;line-height:1}.desktop-frame .tile-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.desktop-frame .tile-value{font-size:18px;font-weight:700;color:#0f172a}.desktop-frame .scene-controls{display:flex;gap:10px;padding:12px 0}.desktop-frame .scene-btn{flex:1;background:#fff;border-radius:12px;padding:12px 8px;border:1px solid rgba(15,23,42,.08);display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all .3s ease}.desktop-frame .scene-btn:hover{background:#f8fafc;transform:scale(1.05)}.desktop-frame .scene-btn.active{background:linear-gradient(135deg,#22d3ee,#0ea5e9);border-color:transparent;box-shadow:0 4px 12px #22d3ee4d}.desktop-frame .scene-icon{font-size:20px;line-height:1}.desktop-frame .scene-name{font-size:11px;font-weight:600;color:#64748b}.desktop-frame .scene-btn.active .scene-name{color:#fff}.desktop-frame .status-bar{display:flex;justify-content:space-around;gap:16px;padding-top:12px;border-top:1px solid rgba(15,23,42,.08)}.desktop-frame .status-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.desktop-frame .status-label{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.desktop-frame .status-value{font-size:14px;font-weight:700;color:#0f172a}.browser-chrome{background:linear-gradient(180deg,#f8fafc,#f1f5f9);padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(15,23,42,.08);flex-shrink:0}.chrome-dots{display:flex;gap:8px;align-items:center}.dot{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 1px 2px #0003}.dot.red{background:linear-gradient(135deg,#ff5f57,#ff3b30)}.dot.yellow{background:linear-gradient(135deg,#ffbd2e,orange)}.dot.green{background:linear-gradient(135deg,#28c840,#22c55e)}.chrome-address{flex:1;background:#fff;border-radius:8px;padding:6px 12px;display:flex;align-items:center;gap:8px;border:1px solid rgba(15,23,42,.1);box-shadow:inset 0 1px 2px #0f172a0a}.lock-icon{font-size:12px;opacity:.6}.url{font-size:13px;color:#64748b;font-weight:500}.chrome-menu{font-size:20px;color:#94a3b8;cursor:pointer;line-height:1}.browser-viewport{flex:1;background:#f8fafc;overflow:hidden;display:flex}.app-interface{display:flex;width:100%;height:100%;background:#f8fafc}.app-sidebar{width:70px;background:linear-gradient(180deg,#0f172a,#1e293b);display:flex;flex-direction:column;align-items:center;padding:20px 12px;gap:24px;border-right:1px solid rgba(15,23,42,.1)}.sidebar-logo{width:40px;height:40px;background:linear-gradient(135deg,#22d3ee,#0ea5e9);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:#fff;box-shadow:0 8px 16px #22d3ee4d}.sidebar-nav{display:flex;flex-direction:column;gap:16px;flex:1}.nav-icon{width:40px;height:40px;background:#ffffff0d;border-radius:12px;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.nav-icon:hover{background:#ffffff1a;transform:translate(4px)}.nav-icon.active{background:linear-gradient(135deg,#22d3ee33,#0ea5e926);border-color:#22d3ee66;box-shadow:0 4px 12px #22d3ee33}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.main-header{padding:24px 32px;background:#fff;border-bottom:1px solid rgba(15,23,42,.08);display:flex;justify-content:space-between;align-items:center;gap:24px}.header-title{display:flex;flex-direction:column;gap:8px}.title-line{width:180px;height:16px;background:linear-gradient(90deg,#0f172a,#64748b);border-radius:4px}.subtitle-line{width:120px;height:10px;background:linear-gradient(90deg,#94a3b8,#cbd5e1);border-radius:3px}.header-actions{display:flex;gap:12px}.action-btn{width:100px;height:36px;background:#f1f5f9;border-radius:8px;border:1px solid rgba(15,23,42,.1);transition:all .2s ease}.action-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.action-btn.primary{background:linear-gradient(135deg,#22d3ee,#0ea5e9);border-color:transparent;box-shadow:0 4px 12px #22d3ee4d}.main-content{flex:1;padding:24px 32px;overflow-y:auto;background:#f8fafc}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;height:100%}.grid-card{background:#fff;border-radius:16px;padding:20px;border:1px solid rgba(15,23,42,.08);box-shadow:0 4px 12px #0f172a0a;transition:all .3s ease;display:flex;flex-direction:column}.grid-card:hover{box-shadow:0 12px 24px #0f172a14;transform:translateY(-2px)}.grid-card.large{grid-column:span 2;grid-row:span 2}.grid-card.wide{grid-column:span 3}.card-chart{flex:1;display:flex;align-items:flex-end;justify-content:space-around;gap:12px;padding:20px 0}.chart-bar{flex:1;background:linear-gradient(180deg,#22d3ee,#0ea5e9);border-radius:6px 6px 0 0;min-height:20px;animation:chartGrow 1s ease-out;box-shadow:0 -4px 12px #22d3ee33}.card-metric{display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:center;height:100%}.metric-value{width:60px;height:32px;background:linear-gradient(90deg,#0f172a,#475569);border-radius:6px}.metric-label{width:80px;height:12px;background:linear-gradient(90deg,#cbd5e1,#e2e8f0);border-radius:4px}.card-list{display:flex;flex-direction:column;gap:12px}.list-item{height:48px;background:linear-gradient(90deg,#f8fafc,#f1f5f9);border-radius:8px;border:1px solid rgba(15,23,42,.06)}.system-mockup{animation:floatDevice 10s ease-in-out infinite;animation-delay:.5s;will-change:transform}.integration-flow{width:380px;height:400px;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:24px;padding:32px;box-shadow:0 25px 50px #0f172a66;border:1px solid rgba(34,211,238,.2);box-sizing:border-box;display:flex;flex-direction:column}.flow-header{margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.flow-title{color:#fff;font-size:18px;font-weight:600;text-align:center}.flow-diagram{flex:1;display:flex;align-items:center;justify-content:space-between;position:relative;padding:20px 0}.flow-node{width:80px;height:80px;border-radius:16px;background:linear-gradient(135deg,#22d3ee33,#0ea5e926);border:2px solid rgba(34,211,238,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative;z-index:2;transition:transform .3s ease,box-shadow .3s ease}.flow-node:hover{transform:scale(1.1);box-shadow:0 8px 24px #22d3ee66}.flow-node.center{background:linear-gradient(135deg,#22d3ee4d,#0ea5e940);border-color:#22d3ee99;width:90px;height:90px}.node-icon{font-size:32px}.node-label{font-size:10px;color:#fffc;font-weight:600;text-align:center}.node-pulse{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:16px;border:2px solid rgba(34,211,238,.5);animation:pulseRing 2s ease-in-out infinite}.flow-arrow{flex:1;height:20px;color:#22d3ee99;position:relative;z-index:1}.flow-arrow svg{width:100%;height:100%}.flow-stats{display:flex;justify-content:space-around;gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.stat-item{text-align:center;flex:1}.stat-value{font-size:20px;font-weight:700;color:#22d3ee;margin-bottom:4px}.stat-desc{font-size:10px;color:#fff9;text-transform:uppercase;letter-spacing:.5px}@keyframes pulseRing{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.smart-home-mockup{animation:floatDevice 10s ease-in-out infinite;animation-delay:.3s;width:fit-content;max-width:100%;perspective:1200px;transform-style:preserve-3d;will-change:transform}.control-panel-device{display:flex;flex-direction:column;align-items:center;gap:12px;transform:rotateY(-10deg) rotateX(5deg);transform-style:preserve-3d}.panel-frame{width:560px;height:315px;max-width:100%;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:28px;padding:16px;box-shadow:0 40px 80px #0006,inset 0 1px #ffffff1a;border:2px solid rgba(255,255,255,.08);position:relative;display:flex;flex-direction:column}.panel-frame:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,transparent 100%);border-radius:28px 28px 0 0;pointer-events:none}.panel-display{background:linear-gradient(135deg,#f8fafc,#e0e7ff);border-radius:20px;padding:20px;box-shadow:inset 0 0 0 1px #0f172a14;position:relative;z-index:1;display:flex;flex-direction:column;flex:1;overflow:hidden}.control-panel-device .panel-display{background:#fff;padding:0;overflow:hidden}.control-panel-device .browser-chrome{background:linear-gradient(180deg,#f8fafc,#f1f5f9);padding:10px 14px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(15,23,42,.08);flex-shrink:0}.control-panel-device .browser-viewport{flex:1;background:#f8fafc;overflow-y:auto;display:flex}.display-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid rgba(15,23,42,.08)}.header-icon{width:48px;height:48px;background:linear-gradient(135deg,#22d3ee,#0ea5e9);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 8px 16px #22d3ee4d}.header-info{flex:1;display:flex;flex-direction:column;gap:2px}.header-title{font-size:16px;font-weight:700;color:#0f172a}.header-subtitle{font-size:12px;color:#64748b}.header-status{display:flex;align-items:center;gap:6px}.status-dot{width:10px;height:10px;background:#94a3b8;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-dot.active{background:#22c55e;box-shadow:0 0 12px #22c55e80}.display-content{display:flex;flex-direction:column;gap:16px}.control-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.control-tile{background:#fff;border-radius:16px;padding:16px;border:1px solid rgba(15,23,42,.08);display:flex;flex-direction:column;gap:8px;transition:all .3s ease;cursor:pointer}.control-tile:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a1f}.control-tile.active{background:linear-gradient(135deg,#22d3ee1a,#0ea5e90d);border-color:#22d3ee4d}.tile-icon{font-size:28px;line-height:1}.tile-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.tile-value{font-size:18px;font-weight:700;color:#0f172a}.scene-controls{display:flex;gap:10px;padding:12px 0}.scene-btn{flex:1;background:#fff;border-radius:12px;padding:12px 8px;border:1px solid rgba(15,23,42,.08);display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all .3s ease}.scene-btn:hover{background:#f8fafc;transform:scale(1.05)}.scene-btn.active{background:linear-gradient(135deg,#22d3ee,#0ea5e9);border-color:transparent;box-shadow:0 4px 12px #22d3ee4d}.scene-icon{font-size:20px;line-height:1}.scene-name{font-size:11px;font-weight:600;color:#64748b}.scene-btn.active .scene-name{color:#fff}.status-bar{display:flex;justify-content:space-around;gap:16px;padding-top:12px;border-top:1px solid rgba(15,23,42,.08)}.status-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.status-label{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.status-value{font-size:14px;font-weight:700;color:#0f172a}.panel-stand{width:140px;height:12px;background:linear-gradient(135deg,#334155,#1e293b);border-radius:999px;box-shadow:0 8px 16px #0003;transform:translateZ(-10px)}.home-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px}.summary-card{background:#fff;border-radius:16px;padding:14px;border:1px solid rgba(15,23,42,.08);display:flex;flex-direction:column;gap:4px;box-shadow:0 10px 25px #0f172a1f}.summary-label{font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#94a3b8}.summary-value{font-size:20px;font-weight:700;color:#0f172a}.summary-meta{font-size:11px;color:#22d3ee;display:flex;align-items:center;gap:4px}.summary-card.climate .summary-value{color:#ea580c}.summary-card.security .summary-value{color:#16a34a}.home-title{font-size:20px;font-weight:600;color:#0f172a}.panel-time{font-size:14px;color:#64748b;font-weight:500}.room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px}.room-card{background:#fff;border-radius:16px;padding:16px;border:1px solid rgba(15,23,42,.08);transition:all .3s ease;cursor:pointer}.room-card.active{border-color:#22d3ee;box-shadow:0 8px 20px #22d3ee33}.room-icon{font-size:32px;margin-bottom:8px}.room-name{font-size:13px;color:#64748b;margin-bottom:4px}.room-status{font-size:12px;font-weight:600;color:#0f172a}.room-status.on{color:#22d3ee}.room-status.locked{color:#ef4444}.quick-actions{display:flex;gap:8px;margin-bottom:12px}.action-btn{flex:1;padding:12px;background:linear-gradient(135deg,#22d3ee,#0ea5e9);border:none;border-radius:12px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:transform .2s ease}.action-btn:hover{transform:translateY(-2px)}.automation-list{background:#0f172a08;border-radius:16px;padding:12px;border:1px dashed rgba(15,23,42,.08);display:flex;flex-direction:column;gap:10px}.automation-item{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#0f172a;font-weight:600}.automation-status{font-size:11px;padding:4px 8px;border-radius:999px;background:#22d3ee26;color:#0ea5e9}.case-studies{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.case-studies article{background:linear-gradient(135deg,#0f172a,#1e293b);color:#e2e8f0;border-radius:24px;padding:40px 32px;position:relative;overflow:hidden;border:1px solid rgba(34,211,238,.2);transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 20px 40px #0f172a4d}.case-studies article:hover{transform:translateY(-8px);box-shadow:0 30px 60px #22d3ee33}.case-studies article:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,255,255,.05);border-radius:inherit;pointer-events:none}.scenario-icon{font-size:56px;margin-bottom:20px;animation:pulse 3s ease-in-out infinite}.case-studies ul{color:#ffffffb3;padding-left:18px}.journey{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;position:relative}.journey:before{content:"";position:absolute;top:30px;left:40px;right:40px;height:2px;background:linear-gradient(90deg,#22d3ee33,#0ea5e980,#22d3ee33);z-index:0}.journey-card{background:#fff;border-radius:24px;padding:32px;border:1px solid rgba(15,23,42,.08);box-shadow:0 20px 40px #0f172a14;position:relative;z-index:1;transition:transform .3s ease,box-shadow .3s ease}.journey-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px #0f172a26}.journey-step{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#22d3ee,#0ea5e9);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:18px;box-shadow:0 10px 20px #22d3ee4d;font-size:1.2rem}.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.testimonials figure{margin:0;padding:32px;background:var(--card);border-radius:24px;border:1px solid var(--border);box-shadow:0 25px 50px #0f172a14}.testimonials blockquote{margin:0 0 16px;font-size:1.05rem;font-weight:500}.about-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;align-items:center}.about-text ul{padding-left:20px;color:var(--muted)}.about-visual-new{position:relative;border-radius:32px;background:linear-gradient(135deg,#0f172a,#1e293b);min-height:400px;padding:48px;overflow:hidden;box-shadow:0 25px 60px #0f172a59;border:1px solid rgba(34,211,238,.2)}.team-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;z-index:2}.team-member{display:flex;flex-direction:column;align-items:center;gap:12px;animation:teamFadeIn .6s ease-out forwards;opacity:0}.team-member.member-1{animation-delay:.1s}.team-member.member-2{animation-delay:.2s}.team-member.member-3{animation-delay:.3s}.team-member.member-4{animation-delay:.4s}.team-member.member-5{animation-delay:.5s}.team-member.member-6{animation-delay:.6s}.member-avatar{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #22d3ee66;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.member-avatar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;padding:2px;background:linear-gradient(135deg,rgba(255,255,255,.3),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.avatar-initial{font-size:18px;font-weight:700;color:#fff;letter-spacing:1px}.gradient-1{background:linear-gradient(135deg,#22d3ee,#0ea5e9)}.gradient-2{background:linear-gradient(135deg,#0ea5e9,#3b82f6)}.gradient-3{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.gradient-4{background:linear-gradient(135deg,#8b5cf6,#a855f7)}.gradient-5{background:linear-gradient(135deg,#a855f7,#d946ef)}.gradient-6{background:linear-gradient(135deg,#d946ef,#ec4899)}.team-member:hover .member-avatar{transform:scale(1.15) translateY(-4px);box-shadow:0 12px 32px #22d3ee99}.member-role{font-size:12px;color:#fffc;font-weight:600;text-align:center}.team-ring{position:absolute;top:24px;right:24px;bottom:24px;left:24px;border-radius:50%;border:1px dashed rgba(34,211,238,.4);z-index:1;pointer-events:none;animation:ringSpin 40s linear infinite;will-change:transform}.team-ring .ring{position:absolute;border-radius:50%;border:1px solid rgba(34,211,238,.3);top:32px;right:32px;bottom:32px;left:32px}.team-ring .inner-ring{top:60px;right:60px;bottom:60px;left:60px;border-color:#22d3ee26}.team-ring:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:1px solid rgba(14,165,233,.15)}.team-label{position:absolute;bottom:32px;left:50%;transform:translate(-50%);color:#fff9;font-size:14px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;z-index:3;padding:12px 24px;background:#0f172a4d;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes teamFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ringSpin{to{transform:rotate(360deg)}}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.contact-box{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:28px;padding:32px;color:#e2e8f0;box-shadow:0 30px 80px #0f172a59;border:1px solid rgba(34,211,238,.25);display:flex;flex-direction:column;gap:20px}.contact-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.contact-company{margin:0;font-size:1.2rem;font-weight:700;color:#fff}.contact-tagline{margin:4px 0 0;color:#e2e8f0a6;font-size:.95rem}.contact-badge{font-size:.8rem;padding:8px 16px;border-radius:999px;background:#22d3ee33;color:#e0f2fe;font-weight:600;border:1px solid rgba(224,242,254,.3);white-space:nowrap;flex-shrink:0;align-self:flex-start}.contact-card-body{display:flex;flex-direction:column;gap:14px}.contact-row{display:flex;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid rgba(226,232,240,.15);font-size:.95rem;flex-wrap:wrap}.contact-row>span:first-child{font-weight:600;color:#22d3ee;text-transform:uppercase;letter-spacing:.04em}.contact-row a{color:#bae6fd;text-decoration:none;font-weight:600}.contact-row div{color:#f8fafc;word-wrap:break-word;overflow-wrap:break-word;text-align:right;flex:1;min-width:0}.contact-row div span[itemprop=streetAddress],.contact-row div span[itemprop=addressLocality]{color:#bae6fd;font-weight:600;text-transform:none}.contact-card-footer{font-size:.85rem;color:#e2e8f0bf;line-height:1.5}.contact-form{display:flex;flex-direction:column;gap:12px}.contact-form input,.contact-form textarea{border-radius:16px;border:1px solid var(--border);padding:14px 16px;font-family:inherit;font-size:1rem;background:#fff}.form-feedback{margin-top:12px;font-size:.9rem}.form-feedback.success{color:#0f9d7e}.form-feedback.error{color:#f87171}footer{padding:40px 8vw;background:#0f172a;color:#ffffffb3;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}footer a{color:var(--accent);text-decoration:none}[data-animate]{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,transform}[data-animate=fade-in]{transform:translateY(30px)}[data-animate=slide-up]{transform:translateY(25px)}.is-visible{opacity:1;transform:translateY(0);will-change:auto}@keyframes float{0%,to{transform:translateY(0) translate(0) rotate(0)}33%{transform:translateY(-20px) translate(15px) rotate(5deg)}66%{transform:translateY(-10px) translate(-10px) rotate(-5deg)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes typeIn{to{opacity:1}}@keyframes floatDevice{0%,to{transform:translateY(0) rotateY(-15deg) rotateX(5deg)}50%{transform:translateY(-20px) rotateY(-15deg) rotateX(5deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%,to{opacity:.6}50%{opacity:1}}@keyframes flowLine{0%{opacity:.3;transform:translateY(-50%) scaleX(.8)}50%{opacity:1;transform:translateY(-50%) scaleX(1)}to{opacity:.3;transform:translateY(-50%) scaleX(.8)}}@media (max-width: 960px){.nav-toggle{display:flex}.nav-links{position:absolute;top:70px;right:8vw;background:#0f172a;flex-direction:column;padding:20px;border-radius:20px;display:none}.nav-links.open{display:flex}.has-sub:hover .subnav{position:static;display:block;margin-top:8px}.hero{padding-top:120px}.service-card-visual{grid-template-columns:1fr!important;padding:32px;gap:40px;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important}.service-card-visual:nth-child(2n){grid-template-columns:1fr!important}.service-card-visual .service-content{order:1!important}.service-card-visual .service-mockup{order:2!important}.service-mockup{min-height:300px;max-height:none;overflow:hidden;padding-bottom:30px;margin-bottom:-30px;display:flex;align-items:flex-start;justify-content:center;width:100%;max-width:100%;background:transparent!important}.iphone-frame{width:220px;height:440px;transform:rotateY(0) rotateX(0)}.desktop-frame{width:100%;transform:rotateY(0) rotateX(0)}.control-panel-device{transform:rotateY(0) rotateX(0)}.panel-frame{width:100%;max-width:480px;height:270px}.browser-window{height:100%}.desktop-frame .browser-window{min-height:360px}.app-sidebar{width:60px;padding:16px 8px;gap:16px}.sidebar-logo{width:36px;height:36px;font-size:18px}.nav-icon{width:36px;height:36px}.main-header,.main-content{padding:16px 20px}.content-grid{grid-template-columns:1fr;gap:16px}.grid-card.large{grid-column:span 1;grid-row:span 1}.grid-card.wide{grid-column:span 1}.system-diagram{width:260px;height:260px}.diagram-node{width:60px;height:60px}.node-icon{font-size:24px}.hero-visual-3d{min-height:360px}.glass-card{padding:24px}.code-window{min-width:300px;height:180px;box-sizing:border-box;overflow:hidden}}@media (max-width: 640px){nav{padding:12px 6vw}.hero{padding:80px 6vw 60px}.hero-cta{flex-direction:column}footer{flex-direction:column;gap:16px;text-align:center}.contact-badge{display:none}.contact-card-header{flex-direction:column;align-items:flex-start}.contact-row{flex-direction:column;gap:8px}.contact-row div{text-align:left}.service-card-visual{padding:20px;gap:24px;overflow:hidden;min-height:auto;box-sizing:border-box;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important}.service-content{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;min-width:0;flex:1;max-width:100%;overflow:visible;box-sizing:border-box;width:100%;white-space:normal}.service-content h3{word-wrap:break-word;overflow-wrap:break-word;font-size:1.25rem;line-height:1.3;max-width:100%;box-sizing:border-box;word-break:break-word;white-space:normal;overflow:visible;margin-bottom:12px}.service-content p{word-wrap:break-word;overflow-wrap:break-word;font-size:.875rem;line-height:1.6;max-width:100%;box-sizing:border-box;word-break:break-word;white-space:normal;overflow:visible;margin-bottom:12px}.service-content ul{word-wrap:break-word;overflow-wrap:break-word;font-size:.8rem;padding-left:18px;padding-right:0;max-width:100%;box-sizing:border-box;word-break:break-word;white-space:normal;overflow:visible;margin:0}.service-content li{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:normal;margin-bottom:8px}.iphone-frame{width:200px;height:400px;padding:8px;transform:rotateY(0) rotateX(0);margin:0 auto;box-shadow:none!important;background:#050b16!important;border:2px solid rgba(255,255,255,.1)!important}.iphone-notch{width:80px;height:20px}.iphone-screen{border-radius:28px;overflow:hidden}.app-demo{padding:10px 8px;gap:10px;height:100%;overflow-y:auto;box-sizing:border-box}.demo-header{font-size:9px;margin-bottom:12px;padding-top:8px;flex-shrink:0}.demo-icons{font-size:7px}.demo-app-screen{gap:10px;flex:1;min-height:0;overflow:hidden}.app-top-bar{padding:6px 8px;gap:6px;border-radius:10px;flex-shrink:0}.app-avatar{width:28px;height:28px;font-size:14px;flex-shrink:0}.app-greeting{min-width:0;flex:1}.greeting-text{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.greeting-sub{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-menu{grid-template-columns:repeat(4,1fr);gap:3px;padding:0 2px;flex-shrink:0}.menu-item{padding:6px 2px;gap:3px;border-radius:6px}.menu-icon{font-size:14px}.menu-label{font-size:6px;line-height:1.2}.app-cards{gap:6px;padding:0 4px;flex:1;min-height:0;overflow-y:auto}.app-card{padding:8px;gap:6px;border-radius:10px;flex-shrink:0}.card-left{gap:6px;min-width:0;flex:1}.card-icon{width:24px;height:24px;font-size:12px;border-radius:6px;flex-shrink:0}.card-info{min-width:0;flex:1}.card-title{font-size:8px;line-height:1.3}.card-time{font-size:7px;line-height:1.2}.control-panel-device{transform:rotateY(0) rotateX(0);width:100%;max-width:100%;max-height:none;margin:0 auto;padding:0}.panel-frame{width:100%;height:260px;max-height:260px;padding:12px;border-radius:24px;overflow:hidden;border:4px solid #1e293b;box-shadow:0 10px 30px #0003;background:#0f172a}.tablet-screen{padding:12px;border-radius:16px;height:100%;max-height:100%;overflow:hidden;box-sizing:border-box;background:#f8fafc}.tablet-camera{display:none}.home-panel{gap:8px;height:100%;max-height:100%;justify-content:flex-start;overflow:hidden;display:flex;flex-direction:column}.panel-header{margin-bottom:8px;padding-bottom:6px}.home-title{font-size:16px;margin-bottom:8px;line-height:1.2}.summary-value{font-size:14px}.summary-label{font-size:8px}.home-summary{gap:8px;margin-bottom:8px;grid-template-columns:repeat(3,1fr)}.summary-card{padding:8px;gap:2px;border-radius:12px}.room-grid{gap:6px;margin-bottom:8px;grid-template-columns:repeat(3,1fr)}.room-card{padding:10px}.room-name{font-size:11px}.quick-actions{gap:8px;margin-bottom:8px}.action-btn{padding:10px;font-size:11px}.control-panel-device{transform:rotateY(0) rotateX(0);width:100%;max-width:100%;max-height:none;margin:0 auto}.panel-frame{width:100%;height:240px;max-height:240px;padding:8px;border-radius:20px;overflow:hidden}.control-panel-device .panel-display{padding:0;border-radius:14px}.control-panel-device .browser-chrome{padding:6px 10px}.control-panel-device .chrome-dots{gap:5px}.control-panel-device .dot{width:8px;height:8px}.control-panel-device .chrome-address{padding:4px 8px}.control-panel-device .url{font-size:10px}.control-grid{grid-template-columns:repeat(2,1fr);gap:8px}.control-tile{padding:10px;border-radius:12px;gap:6px}.tile-icon{font-size:20px}.tile-label{font-size:8px}.tile-value{font-size:14px}.scene-controls{gap:6px;padding:10px 0}.scene-btn{padding:8px 4px;border-radius:10px;gap:4px}.scene-icon{font-size:16px}.scene-name{font-size:9px}.status-bar{gap:10px;padding-top:10px}.status-label{font-size:8px}.status-value{font-size:11px}.panel-stand{width:100px;height:10px}.iphone-mockup,.web-app-showcase,.smart-home-mockup{width:100%;justify-content:center}.iphone-frame,.desktop-frame,.control-panel-device{margin:0 auto}.desktop-frame{transform:rotateY(0) rotateX(0) scale(.75);transform-origin:center top;margin:0 auto;padding-bottom:20px}.web-app-showcase{overflow:hidden;width:100%;max-width:100%;padding-bottom:20px;margin-bottom:-20px;display:flex;justify-content:center;align-items:flex-start;background:transparent!important}.screen-container{overflow:hidden;max-width:100%;width:100%;background:transparent!important;box-shadow:none!important;border:none!important;padding:0!important}.screen-container:before{display:none!important}.browser-window{height:auto;max-height:280px}.desktop-frame .browser-window{min-height:280px;max-height:280px;padding:10px;gap:6px;overflow-y:auto}.desktop-frame .display-header{padding-bottom:10px;gap:10px}.desktop-frame .header-icon{width:36px;height:36px;font-size:18px}.desktop-frame .header-title{font-size:13px}.desktop-frame .header-subtitle{font-size:10px}.desktop-frame .display-content{gap:10px}.desktop-frame .control-grid{gap:8px}.desktop-frame .control-tile{padding:12px;gap:6px}.desktop-frame .tile-icon{font-size:22px}.desktop-frame .tile-label{font-size:9px}.desktop-frame .tile-value{font-size:15px}.desktop-frame .scene-controls{gap:8px;padding:10px 0}.desktop-frame .scene-btn{padding:10px 6px;gap:5px}.desktop-frame .scene-icon{font-size:18px}.desktop-frame .scene-name{font-size:10px}.desktop-frame .status-bar{gap:12px;padding-top:10px}.desktop-frame .status-label{font-size:9px}.desktop-frame .status-value{font-size:12px}.app-sidebar{width:50px;padding:12px 6px;gap:12px}.sidebar-logo{width:32px;height:32px;font-size:16px}.nav-icon{width:32px;height:32px}.main-header{padding:12px 16px;gap:12px}.title-line{width:120px;height:14px}.subtitle-line{width:80px;height:8px}.action-btn{width:70px;height:28px}.main-content{padding:12px 16px}.content-grid{grid-template-columns:1fr;gap:12px}.grid-card{padding:16px}.grid-card.large{grid-column:span 1;grid-row:span 1}.grid-card.wide{grid-column:span 1}.card-chart{padding:12px 0;gap:8px}.metric-value{width:50px;height:28px}.metric-label{width:70px;height:10px}.list-item{height:40px}.code-window{min-width:260px;height:170px;box-sizing:border-box;overflow:hidden}.code-lines{font-size:12px}.glass-card{padding:20px}.floating-shape{display:none}.hero-visual-3d{min-height:300px}.journey:before{display:none}.scenario-icon{font-size:42px}.integration-flow{width:100%;max-width:320px;height:auto;min-height:320px;padding:20px;margin:0 auto}.flow-header{margin-bottom:20px;padding-bottom:12px}.flow-title{font-size:16px}.flow-diagram{padding:16px 0;flex-direction:row;justify-content:space-between;align-items:center;gap:4px}.flow-node{width:50px;height:50px;border-radius:12px;gap:4px;flex-shrink:0}.flow-node.center{width:55px;height:55px}.node-icon{font-size:18px}.node-label{font-size:7px}.flow-arrow{height:12px;min-width:20px;flex:1 1 auto;max-width:40px}.flow-arrow svg{width:100%}.flow-stats{gap:12px;margin-top:16px;padding-top:16px;flex-wrap:wrap}.stat-item{min-width:70px}.stat-value{font-size:14px}.stat-desc{font-size:8px}.room-grid{gap:8px}.room-card{padding:12px}.room-icon{font-size:24px}.about-visual-new{padding:24px 16px;min-height:auto;height:auto}.team-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:0}.member-avatar{width:56px;height:56px}.avatar-initial{font-size:14px}.member-role{font-size:10px}.team-ring{display:block;top:12px;right:12px;bottom:12px;left:12px;opacity:.6}.team-label{display:none}}