:root{--bg: #08101c;--bg-soft: #0c1526;--panel: rgba(255, 255, 255, .05);--panel-strong: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .1);--text: #ffffff;--muted: #9aa7c2;--cyan: #57efff;--cyan-soft: #92f9ff;--blue: #5482ff;--shadow: 0 25px 70px rgba(0, 0, 0, .45);--radius-xl: 34px;--radius-lg: 26px;--radius-md: 22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(87,239,255,.08),transparent 24%),radial-gradient(circle at top right,rgba(84,130,255,.08),transparent 28%),linear-gradient(180deg,#0a1020,#070d18);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-shell{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(180deg,#0c1323,#070c16)}.page-layer{position:relative;z-index:2}.background-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 12%,rgba(87,239,255,.15),transparent 24%),radial-gradient(circle at 82% 10%,rgba(84,130,255,.14),transparent 22%),radial-gradient(circle at 50% 70%,rgba(87,239,255,.08),transparent 34%);pointer-events:none}.background-glow{position:absolute;border-radius:999px;filter:blur(80px);pointer-events:none}.glow-top-left{top:90px;left:-120px;width:340px;height:340px;background:#57efff1f}.glow-top-right{top:160px;right:-100px;width:320px;height:320px;background:#5482ff1c}.glow-bottom-center{bottom:100px;left:50%;transform:translate(-50%);width:420px;height:220px;background:#57efff17}.background-curve{position:absolute;width:720px;height:720px;border:1px solid rgba(87,239,255,.12);border-radius:50%;opacity:.4;pointer-events:none}.curve-left{left:-560px;top:80px}.curve-right{right:-560px;top:80px}.container{width:min(1240px,calc(100% - 40px));margin:0 auto}.glass-card,.glass-panel{border:1px solid var(--border);background:linear-gradient(180deg,#ffffff0f,#ffffff08);box-shadow:var(--shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:28px;padding-bottom:28px}.brand-block{display:flex;align-items:center;gap:14px}.brand-logo{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:18px;border:1px solid rgba(87,239,255,.3);color:var(--cyan);font-weight:800;letter-spacing:.04em;background:#ffffff0f;box-shadow:0 0 30px #57efff24}.brand-name{font-size:1.08rem;font-weight:700}.brand-subtitle{font-size:.83rem;color:var(--muted)}.site-nav{display:flex;align-items:center;gap:26px;padding:16px 22px;border-radius:999px;border:1px solid var(--border);background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.site-nav a{color:#d8e2f7;transition:color .2s ease}.site-nav a:hover{color:var(--cyan)}.hero-section{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding-top:30px;padding-bottom:70px}.badge-pill{display:inline-flex;align-items:center;gap:10px;margin-bottom:26px;padding:12px 18px;border-radius:999px;border:1px solid rgba(87,239,255,.2);background:#57efff14;color:#d8fbff;font-size:.92rem}.live-dot{width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px #57efffe6}.hero-copy h1{max-width:720px;margin:0;line-height:1.02;letter-spacing:-.03em}.hero-text{max-width:720px;margin:24px 0 0;color:var(--muted);font-size:1.1rem;line-height:1.9}.hero-actions{display:flex;gap:16px;margin-top:34px;flex-wrap:wrap}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 28px;border-radius:20px;font-weight:600;transition:transform .18s ease,border-color .18s ease,color .18s ease}.primary-button{border:none;color:#08101c;background:linear-gradient(90deg,var(--cyan) 0%,#62c6ff 100%);box-shadow:0 12px 35px #57efff47}.secondary-button{border:1px solid var(--border);color:#e8f0ff;background:#ffffff0d}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.secondary-button:hover{border-color:#57efff59;color:var(--cyan-soft)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:38px}.metric-card{padding:22px 20px;border-radius:24px}.metric-value{font-size:1.8rem;font-weight:800;color:var(--cyan)}.metric-label{margin-top:10px;color:var(--muted);font-size:.92rem}.hero-visual{position:relative;min-height:710px}.blob{position:absolute;border-radius:999px;filter:blur(70px)}.blob-1{top:70px;left:40px;width:200px;height:200px;background:#57efff2e}.blob-2{top:140px;right:40px;width:210px;height:210px;background:#5482ff2e}.blob-3{bottom:30px;left:50%;width:260px;height:120px;transform:translate(-50%);background:#57efff29}.phone-layout{position:relative;height:100%;display:flex;align-items:center;justify-content:center;gap:16px}.ui-phone{width:225px;min-height:560px;border-radius:38px;padding:24px 20px;background:linear-gradient(180deg,#101729f7,#080d19f7)}.rotate-left{transform:rotate(-8deg)}.rotate-right{transform:rotate(8deg)}.phone-center{position:relative;z-index:3;width:255px;min-height:610px;transform:translateY(10px)}.phone-header-row{display:flex;align-items:center;justify-content:space-between;color:#e9f2ff;font-size:.92rem;margin-bottom:24px}.charge-ring,.climate-ring{width:180px;height:180px;margin:8px auto 24px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(87,239,255,.28);box-shadow:inset 0 0 45px #57efff14,0 0 26px #57efff29}.charge-ring-inner,.climate-ring-inner{width:132px;height:132px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid rgba(87,239,255,.55);background:#57efff0d;box-shadow:0 0 34px #57efff2e}.charge-big,.climate-big{font-size:2.6rem;font-weight:800;line-height:1}.charge-small,.climate-small{margin-top:8px;font-size:.88rem;color:var(--cyan-soft)}.phone-card-stack{display:grid;gap:14px}.mini-card,.mini-dashboard-card{min-height:96px;padding:18px;border-radius:24px;border:1px solid var(--border);background:#ffffff0d}.mini-card strong,.mini-dashboard-card strong{display:block;margin-top:12px;font-size:2.1rem;line-height:1}.mini-label{color:var(--muted);font-size:.9rem}.glow-card{box-shadow:inset 0 0 25px #57efff0f,0 0 25px #57efff24}.avatar-dot-wrap{display:flex;align-items:center;gap:8px}.avatar-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan)}.avatar-circle{width:34px;height:34px;border-radius:50%;border:1px solid rgba(87,239,255,.3);background:linear-gradient(135deg,#57efff59,#5482ff40)}.center-title-block h3{margin:0;font-size:2rem;line-height:1.05}.center-title-block p{margin:8px 0 0;color:var(--cyan-soft)}.map-card{position:relative;margin-top:18px;margin-bottom:16px;min-height:238px;border-radius:28px;border:1px solid var(--border);background:radial-gradient(circle at top center,rgba(87,239,255,.12),transparent 50%),linear-gradient(180deg,#0a101ef2,#12192bf2);overflow:hidden}.map-lines{position:absolute;top:0;right:0;bottom:0;left:0}.line{position:absolute;height:1px;background:#57efffb3;transform-origin:left center}.line-1{width:90px;left:46px;top:72px;transform:rotate(10deg)}.line-2{width:88px;left:112px;top:110px;transform:rotate(24deg)}.line-3{width:94px;right:34px;top:85px;transform:rotate(-16deg)}.line-4{width:110px;left:68px;bottom:66px;transform:rotate(-12deg)}.point{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px #57efffd9}.point-1{left:38px;top:66px}.point-2{left:126px;top:109px}.point-3{right:28px;top:83px}.point-4{left:168px;bottom:61px}.car-visual{position:absolute;left:50%;bottom:24px;transform:translate(-50%);width:190px;height:92px;display:flex;align-items:end;justify-content:center}.car-body{width:160px;height:56px;border-radius:28px 28px 22px 22px;background:linear-gradient(180deg,#eef5ff,#b9c8dd);box-shadow:0 16px 34px #57efff1f;position:relative}.car-body:before,.car-body:after{content:"";position:absolute;top:18px;width:26px;height:8px;border-radius:999px;background:#18253b8c}.car-body:before{left:16px}.car-body:after{right:16px}.dashboard-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.small-strong{font-size:.95rem!important;line-height:1.45!important}.toggle-shell{width:58px;height:32px;margin-top:14px;padding:4px;border-radius:999px;background:#57efff29}.toggle-core{width:24px;height:24px;border-radius:50%;background:linear-gradient(90deg,var(--cyan),#62c6ff);box-shadow:0 0 20px #57efff99}.active-right{display:flex;justify-content:flex-end}.content-section{padding:44px 0 0}.section-title{max-width:720px;margin-bottom:28px}.section-title-center{margin-left:auto;margin-right:auto;text-align:center}.section-eyebrow{margin:0 0 12px;color:var(--cyan);font-size:.88rem;text-transform:uppercase;letter-spacing:.28em}.section-title h2{margin:0;font-size:clamp(2rem,3.2vw,3rem);line-height:1.08}.section-text{margin:16px 0 0;color:var(--muted);line-height:1.9;font-size:1rem}.service-grid,.solution-grid{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.service-card,.solution-card{border-radius:var(--radius-xl);padding:28px;transition:transform .2s ease,border-color .2s ease}.service-card:hover,.solution-card:hover,.why-feature-card:hover{transform:translateY(-4px);border-color:#57efff47}.service-icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:18px;margin-bottom:18px;color:var(--cyan);font-size:1.6rem;background:#57efff14;border:1px solid rgba(87,239,255,.18)}.service-card h3,.solution-card h3,.why-feature-card h3{margin:0;font-size:1.26rem}.service-card p,.solution-card p,.why-feature-card p{margin:14px 0 0;color:var(--muted);line-height:1.8}.why-layout{display:grid;grid-template-columns:.94fr 1.06fr;gap:20px}.why-main-card{border-radius:var(--radius-xl);padding:30px}.benefit-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}.benefit-pill{padding:16px 18px;border-radius:20px;border:1px solid var(--border);background:#0000001f;color:#e4edff}.why-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.why-feature-card{border-radius:var(--radius-xl);padding:28px;transition:transform .2s ease,border-color .2s ease}.solution-index{display:inline-block;margin-bottom:36px;color:var(--muted);font-size:.95rem}.solution-line{margin-top:18px;width:100%;height:1px;background:linear-gradient(90deg,rgba(87,239,255,.7),transparent)}.contact-shell{display:grid;grid-template-columns:.92fr 1.08fr;gap:22px;border-radius:38px;padding:30px;background:linear-gradient(180deg,#0b1222eb,#080c17f5);border-color:#57efff2e}.contact-copy{padding-right:10px}.contact-point-list{display:grid;gap:14px;margin-top:24px}.contact-point{padding:16px 18px;border-radius:20px;border:1px solid var(--border);background:#ffffff0d}.inner-form-card{border-radius:30px;padding:24px}.contact-form,.field-row{display:grid;gap:16px}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.08);background:#070d18d9;color:#fff;border-radius:18px;padding:16px 18px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#67758f}.contact-form input:focus,.contact-form textarea:focus{border-color:#57efff59;box-shadow:0 0 0 3px #57efff14}.contact-form textarea{resize:vertical;min-height:160px}.full-width-button{width:100%}.site-footer{display:flex;justify-content:space-between;gap:18px;padding:32px 0 46px;color:var(--muted);font-size:.95rem}@media (max-width: 1180px){.hero-section,.why-layout,.contact-shell{grid-template-columns:1fr}.hero-visual{min-height:620px}.phone-layout{transform:scale(.9);transform-origin:center top}.service-grid,.solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 920px){.site-header{flex-direction:column;align-items:flex-start}.site-nav{width:100%;justify-content:space-between;gap:14px;overflow-x:auto}.metric-grid,.benefit-pills,.why-feature-grid,.two-columns,.service-grid,.solution-grid{grid-template-columns:1fr 1fr}.hero-visual{min-height:auto}.phone-layout{flex-direction:column;transform:none;gap:20px}.rotate-left,.rotate-right,.phone-center{transform:none}.ui-phone,.phone-center{width:min(100%,360px);min-height:auto}}@media (max-width: 640px){.container{width:min(100% - 24px,1240px)}.hero-section{padding-top:10px}.site-nav{padding:14px 16px;font-size:.94rem}.metric-grid,.benefit-pills,.why-feature-grid,.service-grid,.solution-grid,.two-columns{grid-template-columns:1fr}.hero-actions{flex-direction:column}.primary-button,.secondary-button{width:100%}.contact-shell,.why-main-card,.why-feature-card,.service-card,.solution-card,.inner-form-card{padding:22px}.site-footer{flex-direction:column}}