body{background:radial-gradient(48% 48% at 84% 14%,#2f7f9e33,#0000 70%),radial-gradient(44% 44% at 14% 82%,#4cb7a533,#0000 72%)}.coming-soon{place-items:center;min-height:calc(100vh - 140px);padding:clamp(1.5rem,4vw,3rem);display:grid;position:relative;overflow:hidden}.coming-soon__decor{pointer-events:none;position:absolute;inset:0}.coming-soon__card{z-index:1;text-align:center;width:min(680px,100%);padding:clamp(1.4rem,3.2vw,2.5rem);position:relative}.coming-soon__card h1{color:var(--color-primary-6);margin:0;font-size:clamp(2rem,5vw,3.6rem);font-weight:800;line-height:1.2}.coming-soon__card p{color:var(--color-text-secondary);margin:.9rem 0 0;font-size:clamp(1rem,2.2vw,1.3rem);font-weight:500}.dark .coming-soon__card{background:linear-gradient(160deg,#0c1217e6,#131b23d1);border-color:#a8c9d738;box-shadow:0 26px 44px #00000057,inset 0 1px #ffffff14}.dark .coming-soon__card h1{color:#a8c9d7}.dark .coming-soon__card p{color:#d0e2ea}.hero{margin-top:clamp(16px,4vw,40px);width:100vw;margin-inline:calc(50% - 50vw)}.hero__inner{width:100%;min-height:85vh;position:relative;overflow:hidden}.hero__title{z-index:3;color:#1f2d3a;text-align:center;margin:0;padding:clamp(12px,2.2vw,22px) clamp(16px,4vw,56px) 0;font-family:Cairo,sans-serif;font-size:clamp(1.9rem,4.5vw,56px);font-weight:800;line-height:1.15;position:relative}.hero__title-highlight{color:#2f7f9e}.dark .hero__title{color:#d0e2ea}.dark .hero__title-highlight{color:#7ed1c2}.dark .hero__title-rest{color:#d0e2ea}.hero__title-line{display:block}.hero__visual{z-index:1;pointer-events:none;position:absolute;inset:0}.hero__backdrop{inset-inline:0;background-color:var(--buildingsLight,#1f4e5f);width:100%;height:clamp(360px,62vw,700px);position:absolute;bottom:0;transform:translateZ(0);-webkit-mask-position:bottom;mask-position:bottom;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.dark .hero__backdrop{background-color:var(--CTA-desc,#e4eff3)}.hero__sensor{filter:drop-shadow(0 26px 22px #1f4e5f38);width:min(19vw,190px);height:auto;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero__panel{pointer-events:auto;background:var(--HeroDesBG,#13333f66);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3;top:clamp(150px,22vw,220px);border:1px solid #e4eff380;border-radius:24px;flex-direction:column;align-items:flex-start;gap:16px;width:min(360px,100% - 32px);padding:clamp(14px,2vw,18px);display:flex;position:absolute;inset-inline-start:clamp(32px,15vw,190px);box-shadow:0 18px 34px #1f4e5f24,inset 0 0 0 1px #ffffff14}.dark .hero__panel{background:linear-gradient(158deg,#091920eb,#131b23d1);border-color:#7ed1c22e;box-shadow:0 18px 30px #0000005c,inset 0 0 0 1px #7ed1c214}.hero__description{color:#e4eff3;text-align:start;margin:0;font-family:Cairo,sans-serif;font-size:clamp(.92rem,1.6vw,1.05rem);font-weight:400;line-height:1.6}.dark .hero__description{color:#cfe0ea}.hero__cta{color:#f8fbfd;cursor:pointer;background:0 0;border:1px solid #f8fbfde6;border-radius:40px;justify-content:center;align-items:center;min-height:44px;padding:.625rem 1rem;font-family:Cairo,sans-serif;font-size:clamp(.95rem,1.6vw,1.125rem);font-weight:700;line-height:1.2;text-decoration:none;transition:transform .2s,background-color .2s;display:inline-flex}.dark .hero__cta{color:#7ed1c2;border-color:#7ed1c2b8}.hero__cta:hover{background:#f8fbfd14;transform:translateY(-1px)}.dark .hero__cta:hover{background:#7ed1c214}.hero__cta:focus-visible{outline-offset:2px;outline:2px solid #f8fbfd}.dark .hero__cta:focus-visible{outline-color:#7ed1c2}@media (width<=1080px){.hero__title{font-size:clamp(1.7rem,6vw,46px)}.hero__description,.hero__cta{font-size:16px}.hero__inner{min-height:auto}.hero__visual{flex-direction:column;align-items:center;gap:0;display:flex;position:relative}.hero__backdrop{inset-inline:auto;width:100%;height:clamp(240px,58vw,360px);margin-top:clamp(10px,2vw,18px);position:relative;bottom:auto}.hero__sensor{width:min(26vw,160px);position:absolute;top:clamp(34px,9vw,68px);bottom:auto}.hero__panel{top:auto;width:min(28rem,100% - 24px);margin:64px auto 0;position:relative;inset-inline:auto}.hero__description{color:#eef6f9}.hero__cta{color:#f8fbfd;border-color:#f8fbfd}}@media (width<=560px){.hero{margin-top:16px}.hero__inner{min-height:auto}.hero__title{padding-bottom:8px;font-size:clamp(1.5rem,8.4vw,34px)}.hero__visual{width:100%;margin-top:4px}.hero__backdrop{height:clamp(200px,58vw,300px);margin-top:4px}.hero__sensor{width:min(28vw,136px);position:absolute;top:clamp(28px,8vw,56px);bottom:auto}.hero__panel{gap:12px;width:min(26rem,100% - 20px);margin:62px auto 0;padding:12px}.hero__description{font-size:14px}.hero__cta{min-height:36px;padding:6px 13px;font-size:13px;line-height:1}}.app-main{padding-top:16px;min-height:100vh;padding-inline:clamp(12px,3vw,24px)}.app-shell{max-width:1275px;margin:0 auto}.navbar{z-index:100;isolation:isolate;--nav-backdrop:blur(24px) saturate(1.4);width:100%;-webkit-backdrop-filter:var(--nav-backdrop);backdrop-filter:var(--nav-backdrop);background:linear-gradient(135deg,#ffffff26 0%,#ffffff08 50%,#ffffff1a 100%);border:1px solid #fff6;border-radius:32px;position:sticky;top:20px;overflow:hidden;box-shadow:0 16px 36px #13333f14,0 4px 12px #13333f0a,inset 0 1px 2px #fff9,inset 0 -1px 2px #ffffff26}.dark .navbar{background:linear-gradient(135deg,#11192240 0%,#1119221a 50%,#19243026 100%);border-color:#ffffff14;box-shadow:0 16px 36px #0006,0 4px 12px #0003,inset 0 1px 1px #ffffff1f,inset 0 -1px 1px #ffffff08}.navbar:before,.navbar:after{content:"";border-radius:inherit;pointer-events:none;z-index:0;position:absolute}.navbar:before{background:linear-gradient(#fff3 0%,#ffffff0d 30%,#fff0 100%);inset:1px}.dark .navbar:before{background:linear-gradient(#ffffff0f 0%,#ffffff03 30%,#fff0 100%)}.navbar:after{top:-38%;filter:blur(12px);opacity:.6;background:radial-gradient(circle,#ffffff4d 0%,#ffffff05 58%,#fff0 74%);width:58%;height:185%;animation:12s ease-in-out infinite alternate navbar-liquid-shift;inset-inline-start:-14%;transform:translate(0)rotate(-6deg)}.dark .navbar:after{opacity:.6;background:radial-gradient(circle,#54a1b426 0%,#54a1b40d 40%,#54a1b400 72%)}.navbar__container{z-index:1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px clamp(14px,2.2vw,24px);display:grid;position:relative}.navbar__utility{justify-self:start;align-items:center;gap:10px;display:inline-flex}.navbar__brand{justify-self:end}.navbar__actions{align-items:center;gap:8px;display:flex}.navbar__menu-toggle{color:#1f2d3a;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff8a;border:1px solid #2f7f9e2e;border-radius:9999px;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .2s,border-color .2s,background-color .2s;display:none;box-shadow:inset 0 1px #ffffff73,0 8px 16px #122e3b14}.dark .navbar__menu-toggle{color:#d0e2ea;background:#0c12179e;border-color:#a8c9d72e;box-shadow:inset 0 1px #ffffff14,0 8px 16px #0000002e}.navbar__menu-toggle:hover{border-color:#2f7f9e52;transform:translateY(-1px)}.icon-button{color:#1f2d3a;cursor:pointer;background:linear-gradient(#ffffff7a,#ffffff29);border:1px solid #ffffff73;border-radius:9999px;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .2s,color .2s,background .2s,border-color .2s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff80,0 4px 9px #122e3b1f}.dark .icon-button{color:#d0e2ea;background:linear-gradient(#1f2d3ae6,#131b23d1);border-color:#a8c9d724;box-shadow:inset 0 1px #ffffff14,0 8px 18px #0000003d}.icon-button:hover{color:#1f4e5f;background:linear-gradient(#ffffff9e,#ffffff38);border-color:#2f7f9e59;transform:translateY(-1px)}.dark .icon-button:hover{color:#f8fbfd;background:linear-gradient(#1f2d3afa,#131b23e6);border-color:#a8c9d73d}.icon-button__svg,.icon-button__svg path{fill:currentColor}.icon-button__svg{display:block}.icon-button:focus-visible,.navbar__menu-toggle:focus-visible,.navbar__link:focus-visible,.navbar__brand:focus-visible{outline-offset:3px;outline:2px solid #2f7f9e}.navbar__menu{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(4px,1vw,12px);min-width:0;margin:0;padding:0;list-style:none;display:flex}.navbar__menu li{flex:none}.navbar__link{color:#1f2d3a;text-align:center;white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:0 12px;font-family:Cairo,sans-serif;font-size:clamp(.95rem,1vw,1.125rem);font-weight:600;line-height:1.25;text-decoration:none;transition:color .2s,background-color .2s;display:inline-flex}.dark .navbar__link{color:#d0e2ea}.navbar__link:hover{color:#1f4e5f;background:#2f7f9e14}.dark .navbar__link:hover{color:#f8fbfd;background:#a8c9d71a}.navbar__brand{color:#1f2d3a;align-items:center;gap:8px;min-width:0;text-decoration:none;display:inline-flex}.navbar__brand--compact{background:0 0;border-radius:9999px;justify-content:center;align-items:center;padding:4px;display:inline-flex}.dark .navbar__brand{color:#f8fbfd}.navbar__logo{object-fit:contain;width:47px;height:48px}.navbar__logo--compact{object-fit:cover;border:1px solid #2f7f9e24;border-radius:9999px;width:38px;height:38px;box-shadow:0 6px 16px #1955500f}@keyframes navbar-liquid-shift{0%{transform:translate(-6%)rotate(-6deg)scale(1)}to{transform:translate(14%)rotate(-2deg)scale(1.07)}}@media (prefers-reduced-motion:reduce){.navbar:after{animation:none}}@media (width<=1120px){.navbar__container{gap:12px}.navbar__menu{gap:4px}}@media (width<=960px){.navbar__container{grid-template-rows:auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:18px}.navbar__menu-toggle{grid-column:1;display:inline-flex}.navbar__brand{grid-area:1/3;justify-self:end}.navbar__utility{flex-direction:row-reverse;grid-area:1/1;justify-self:start;align-items:center;gap:8px;display:flex}.navbar__actions{gap:8px;display:flex}.navbar__menu{flex-direction:column;grid-area:2/1/auto/-1;align-items:stretch;width:100%;padding-top:4px;display:none}.navbar__menu.is-open{display:flex}.navbar__menu li{width:100%}.navbar__link{background:#ffffff70;justify-content:center;width:100%}.dark .navbar__link{background:#0c1217c7}.navbar__logo{width:34px;height:34px}}@media (width<=720px){.navbar{border-radius:22px;top:10px}.app-main{padding-top:10px}.navbar__container{grid-template-rows:auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:18px;padding:16px 12px}.navbar__menu-toggle{border-color:#2f7f9e38;justify-self:start;width:40px;height:40px;display:inline-flex}.navbar__brand{grid-area:1/3;justify-self:end;gap:8px}.navbar__link{min-height:42px;padding-inline:16px}.navbar__logo{width:34px;height:34px}.icon-button{width:38px;height:38px}.navbar__utility{flex-direction:row-reverse;grid-area:1/1;justify-self:start;align-items:center;gap:6px;display:flex}.navbar__actions{gap:6px;display:flex}.navbar__menu-toggle svg,.icon-button svg{width:18px;height:18px}}@media (width<=520px){.navbar__container{column-gap:14px;padding:14px 10px}.navbar__brand{gap:6px}.navbar__actions{gap:4px}.icon-button{width:34px;height:34px}.navbar__logo{width:30px;height:30px}.navbar__menu-toggle{width:34px;height:34px}}.navbar .icon-button{width:auto;height:auto;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;border-radius:0;padding:4px}.dark .navbar .icon-button{box-shadow:none;background:0 0;border:none}.navbar .icon-button:hover,.dark .navbar .icon-button:hover{box-shadow:none;opacity:.85;background:0 0;transform:none}:root{--page-max-width:1275px;--page-gutter:clamp(12px, 3vw, 24px);--section-space:clamp(2rem, 5vw, 4rem);--font-primary:"Cairo", ui-sans-serif, system-ui, sans-serif;--font-heading:"Cairo", ui-sans-serif, system-ui, sans-serif;--text-base:1.125rem;--text-lg:1.5rem;--text-2xl:2.5rem;--text-3xl:3rem;--text-4xl:3.5rem;--text-5xl:4rem;--leading-100:1;--leading-150:1.5077;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--color-primary-5:#2f7f9e;--color-primary-6:#26667e;--color-secondary-4:#70c5b7;--color-secondary-5:#4cb7a5;--color-text-15:#8295a5;--color-text-3:#586877;--color-text-5:#1f2d3a;--color-surface-0:#fff;--color-surface-1:#f8fbfd;--color-surface-2:#e4eff3;--color-surface-3:#d0e2ea;--color-border-0:#d0e2ea;--color-bg:#f2faf9;--color-fg:var(--color-text-5);--color-muted:var(--color-text-15);--color-primary:var(--color-primary-5);--color-secondary:var(--color-secondary-5);--color-border:var(--color-border-0);--radius-lg:16px}.dark{--color-text-primary:#d0e2ea;--color-text-secondary:#a8c9d7;--color-text-muted:#8295a5;--color-text-inverse:#0c1217;--color-surface-0:#0c1217;--color-surface-1:#131b23;--color-surface-2:#19242e;--color-surface-3:#1f2d3a;--color-surface-4:#3b4b59;--color-surface-inverse:#f8fbfd;--color-border-0:#3b4b59;--color-border-1:#586877;--color-border-2:#748696;--color-border-3:#8295a5;--color-border-4:#a8c9d7;--color-bg:var(--color-surface-0);--color-fg:var(--color-text-primary);--color-muted:var(--color-text-muted);--color-primary:var(--color-primary-2);--color-secondary:var(--color-secondary-4);--color-border:var(--color-border-0)}:root{--color-text-primary:var(--color-text-5);--color-text-secondary:var(--color-text-3);--color-text-muted:var(--color-text-15);--color-text-inverse:#fff}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background-color:var(--color-bg);min-height:100vh;color:var(--color-fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-primary);font-feature-settings:"rlig" 1, "calt" 1;margin:0;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}h1{font-size:clamp(2rem, 4vw, var(--text-5xl));font-weight:var(--weight-bold);letter-spacing:-.025em;line-height:var(--leading-100)}h2{font-size:clamp(1.9rem, 3.6vw, var(--text-4xl));font-weight:var(--weight-semibold);letter-spacing:-.025em;line-height:var(--leading-100)}h3{font-size:clamp(1.65rem, 3vw, var(--text-3xl));font-weight:var(--weight-semibold);line-height:var(--leading-100)}h4{font-size:clamp(1.4rem, 2.4vw, var(--text-2xl));font-weight:var(--weight-semibold);line-height:var(--leading-100)}h5{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-100)}h6{font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:var(--leading-150)}p{color:var(--color-fg);line-height:1.75}a{color:var(--color-primary);text-underline-offset:4px}a:hover{text-decoration:underline}img,svg,video,canvas{max-width:100%;display:block}.lazy-section{content-visibility:auto;contain-intrinsic-size:1px 600px;width:100%}.lazy-section__placeholder-wrap{box-sizing:border-box;width:100%;display:grid}.lazy-section__placeholder{width:100%;min-height:inherit;background-image:linear-gradient(100deg, #fff0 40%, #fff3 50%, #fff0 60%), linear-gradient(var(--color-surface-2), var(--color-surface-2)), linear-gradient(var(--color-surface-3), var(--color-surface-3)), linear-gradient(var(--color-surface-3), var(--color-surface-3)), linear-gradient(var(--color-surface-3), var(--color-surface-3));background-position:0 0,0 0,10% 28%,10% 40%,10% 56%;background-repeat:no-repeat;background-size:200% 100%,100% 100%,62% 18px,48% 18px,80% 18px;background-color:var(--color-surface-2);border-radius:clamp(22px,3vw,32px)}.section-skeleton{--skeleton-line:#2f7f9e29;--skeleton-line-strong:#2f7f9e3d;--skeleton-highlight:#ffffffc7;width:100%;min-height:inherit;isolation:isolate;position:relative;overflow:hidden}.dark .section-skeleton{--skeleton-line:#a8c9d71a;--skeleton-line-strong:#7ed1c22b;--skeleton-highlight:#e4eff333}.section-skeleton:before{content:"";z-index:1;pointer-events:none;filter:blur(10px);background:linear-gradient(100deg,#fff0 0%,#ffffff38 45%,#7ed1c21a 52%,#fff0 100%);width:min(28rem,42%);animation:2.4s ease-in-out infinite section-skeleton-sweep;position:absolute;inset-block:-35%;inset-inline-start:-45%;transform:skew(-12deg)}.dark .section-skeleton:before{background:linear-gradient(100deg,#fff0 0%,#a8c9d71f 48%,#7ed1c21f 54%,#fff0 100%)}.section-skeleton>*{z-index:2;position:relative}.section-skeleton__bone{color:inherit;background-image:linear-gradient(90deg, color-mix(in srgb, currentColor 14%, transparent) 0%, color-mix(in srgb, currentColor 32%, transparent) 45%, color-mix(in srgb, currentColor 18%, transparent) 60%, color-mix(in srgb, currentColor 14%, transparent) 100%);background-size:260% 100%;border-radius:8px;animation:1.85s ease-in-out infinite section-skeleton-pulse;display:block}@keyframes section-skeleton-pulse{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes section-skeleton-sweep{0%{opacity:0;inset-inline-start:-50%}18%,72%{opacity:1}to{opacity:0;inset-inline-start:118%}}@media (prefers-reduced-motion:reduce){.section-skeleton:before,.section-skeleton__bone{animation:none}}[id]{scroll-margin-top:7rem}@media (width<=720px){:root{--section-space:clamp(1.75rem, 6vw, 3rem)}}