@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700&display=swap";:root{--bg-primary:#f0f4f8;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-glass:#ffffffd9;--accent-cyan:#0891b2;--accent-green:#059669;--accent-yellow:#d97706;--accent-orange:#ea580c;--accent-red:#dc2626;--accent-purple:#7c3aed;--accent-blue:#2563eb;--accent-pink:#db2777;--accent-teal:#0d9488;--accent-indigo:#4f46e5;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-accent:#0891b2;--status-safe:#059669;--status-safe-bg:#ecfdf5;--status-safe-border:#a7f3d0;--status-warning:#d97706;--status-warning-bg:#fffbeb;--status-warning-border:#fde68a;--status-danger:#dc2626;--status-danger-bg:#fef2f2;--status-danger-border:#fecaca;--status-info:#2563eb;--status-info-bg:#eff6ff;--status-info-border:#bfdbfe;--border-subtle:#e2e8f0;--border-highlight:#0891b24d;--shadow-card:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-card-hover:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-elevated:0 10px 25px #00000014, 0 4px 10px #0000000a;--shadow-glow-cyan:0 0 0 3px #0891b21a;--shadow-glow-green:0 0 0 3px #0596691a;--shadow-glow-red:0 0 0 3px #dc26261a;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--gap-xs:4px;--gap-sm:8px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}body:before{content:"";opacity:.4;pointer-events:none;z-index:0;background-image:radial-gradient(circle,#cbd5e1 .8px,#0000 .8px);background-size:24px 24px;position:fixed;inset:0}#root{z-index:1;min-height:100vh;position:relative}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-shell{min-height:100vh;display:flex}.app{padding:var(--gap-lg);height:100vh;transition:margin-left var(--transition-base);flex:1;margin-left:240px;overflow-y:auto}.app-shell--collapsed .app{margin-left:64px}.header{padding:var(--gap-md) var(--gap-lg);margin-bottom:var(--gap-lg);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);justify-content:space-between;align-items:center;display:flex}.header__title{align-items:center;gap:var(--gap-md);display:flex}.header__logo{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-teal));border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.header__name{letter-spacing:-.5px;color:var(--text-primary);font-size:1.4rem;font-weight:800}.header__subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:500}.header__status{align-items:center;gap:var(--gap-sm);color:var(--text-secondary);font-size:.8rem;font-weight:500;display:flex}.header__live-dot{border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #05966966}50%{opacity:.8;box-shadow:0 0 0 6px #05966900}}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-subtle);width:240px;height:100vh;transition:width var(--transition-base);z-index:100;flex-direction:column;flex-shrink:0;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar--collapsed{width:64px}.sidebar__brand{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:20px 16px;display:flex}.sidebar__brand-icon{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-teal));border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar__brand-name{color:var(--text-primary);letter-spacing:-.5px;font-size:1.1rem;font-weight:800;line-height:1}.sidebar__brand-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:.65rem;font-weight:500}.sidebar__nav{flex:1;padding:12px 8px;overflow-y:auto}.sidebar__section{margin-bottom:8px}.sidebar__section-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);padding:8px 12px 4px;font-size:.6rem;font-weight:700}.sidebar__item{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:9px 12px;font-size:.82rem;font-weight:500;display:flex}.sidebar__item:hover{background:var(--bg-primary);color:var(--text-primary)}.sidebar__item--active{color:var(--accent-cyan);background:#0891b21a;font-weight:600}.sidebar__item--active .sidebar__item-icon{color:var(--accent-cyan)}.sidebar__item-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative}.sidebar__item-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar__badge{background:var(--accent-red);color:#fff;border-radius:50px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.55rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-6px;right:-8px}.sidebar__footer{border-top:1px solid var(--border-subtle);padding:12px 8px}.sidebar__info-card{background:var(--status-safe-bg);border:1px solid var(--status-safe-border);border-radius:var(--radius-sm);color:var(--status-safe);align-items:center;gap:8px;margin-bottom:8px;padding:10px 12px;display:flex}.sidebar__info-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.65rem;font-weight:600}.sidebar__info-value{color:var(--status-safe);font-size:.8rem;font-weight:600}.sidebar__collapse-btn{color:var(--text-muted)!important}.sidebar--collapsed .sidebar__brand{justify-content:center;padding:20px 8px}.sidebar--collapsed .sidebar__item{justify-content:center;padding:10px;position:relative}.sidebar--collapsed .sidebar__item:after{content:attr(data-tooltip);background:var(--text-primary);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:200;border-radius:6px;padding:4px 10px;font-size:.72rem;font-weight:500;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.sidebar--collapsed .sidebar__item:hover:after{opacity:1}.sidebar--collapsed .sidebar__section-title{display:none}.sidebar--collapsed .sidebar__nav{padding:12px 4px}.dash-section{gap:var(--gap-md);margin-bottom:var(--gap-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.dash-section--3col{gap:var(--gap-md);margin-bottom:var(--gap-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.dashboard{gap:var(--gap-md);grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.dashboard__row-full{grid-column:1/-1}.dashboard__row-2{grid-column:span 2}.dashboard__row-3{grid-column:span 3}.vent-bar{flex-wrap:wrap;align-items:center;gap:32px;display:flex}.vent-bar__stats{gap:24px;font-size:.8rem;display:flex}.vent-bar__stat-label{color:var(--text-muted);align-items:center;gap:4px;font-size:.75rem;display:flex}.vent-bar__stat-value{font-family:var(--font-mono);font-weight:600}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--gap-lg);transition:all var(--transition-base);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.card:before{content:"";border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;transition:background var(--transition-base);background:0 0;position:absolute;top:0;left:0;right:0}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.card--safe:before{background:var(--status-safe)}.card--warning:before{background:var(--status-warning)}.card--danger:before{background:var(--status-danger)}.card--info:before{background:var(--status-info)}.card--danger{border-color:var(--status-danger-border);background:var(--status-danger-bg)}.card--warning{border-color:var(--status-warning-border)}.card__header{margin-bottom:var(--gap-md);justify-content:space-between;align-items:center;display:flex}.card__label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);align-items:center;gap:6px;font-size:.7rem;font-weight:600;display:flex}.card__label svg{stroke-width:2px;width:16px;height:16px}.card__badge{text-transform:uppercase;letter-spacing:.5px;border-radius:50px;padding:3px 10px;font-size:.65rem;font-weight:600}.card__badge--safe{background:var(--status-safe-bg);color:var(--status-safe);border:1px solid var(--status-safe-border)}.card__badge--warning{background:var(--status-warning-bg);color:var(--status-warning);border:1px solid var(--status-warning-border)}.card__badge--danger{background:var(--status-danger-bg);color:var(--status-danger);border:1px solid var(--status-danger-border)}.card__badge--info{background:var(--status-info-bg);color:var(--status-info);border:1px solid var(--status-info-border)}.card__value{font-family:var(--font-mono);color:var(--text-primary);margin-bottom:var(--gap-xs);font-size:2.2rem;font-weight:700;line-height:1}.card__value--large{font-size:3rem}.card__unit{color:var(--text-muted);margin-left:4px;font-size:.9rem;font-weight:400}.card__sublabel{color:var(--text-secondary);margin-top:var(--gap-xs);font-size:.75rem}.card__trend{margin-top:var(--gap-xs);align-items:center;gap:3px;font-size:.75rem;font-weight:500;display:inline-flex}.card__trend--up{color:var(--accent-red)}.card__trend--down{color:var(--accent-green)}.card__trend--stable{color:var(--text-muted)}.gauge{align-items:center;gap:var(--gap-sm);flex-direction:column;display:flex;position:relative}.gauge__svg{transform:rotate(-90deg)}.gauge__track{fill:none;stroke:#e2e8f0;stroke-linecap:round}.gauge__fill{fill:none;stroke:var(--gauge-color,var(--accent-cyan));stroke-linecap:round;filter:drop-shadow(0 0 4px color-mix(in srgb, var(--gauge-color,var(--accent-cyan)) 30%, transparent));transition:stroke-dashoffset 1s,stroke .5s}.gauge__center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}.gauge__value{font-family:var(--font-mono);color:var(--text-primary);font-size:1.6rem;font-weight:700;line-height:1}.gauge__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:.65rem}.alert-panel{max-height:300px;overflow-y:auto}.alert-item{align-items:flex-start;gap:var(--gap-sm);padding:var(--gap-sm) var(--gap-md);border-radius:var(--radius-sm);margin-bottom:var(--gap-xs);transition:background var(--transition-fast);cursor:pointer;border:1px solid #0000;font-size:.8rem;display:flex}.alert-item:hover{background:var(--bg-primary);border-color:var(--border-subtle)}.alert-item__icon{flex-shrink:0;width:18px;height:18px;margin-top:2px}.alert-item__icon--critical{color:var(--status-danger)}.alert-item__icon--warning{color:var(--status-warning)}.alert-item__icon--info{color:var(--status-info)}.alert-item__message{color:var(--text-secondary);line-height:1.4}.alert-item__time{color:var(--text-muted);font-size:.65rem;font-family:var(--font-mono);margin-top:2px}.alert-item--critical .alert-item__message{color:var(--status-danger);font-weight:500}.alert-item--warning .alert-item__message{color:var(--status-warning)}.alert-item--info .alert-item__message{color:var(--text-secondary)}.chart-section{padding:var(--gap-lg)}.chart-section__tabs{gap:var(--gap-sm);margin-bottom:var(--gap-md);flex-wrap:wrap;display:flex}.chart-tab{font-family:var(--font-sans);border:1px solid var(--border-subtle);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:50px;padding:6px 14px;font-size:.75rem;font-weight:500}.chart-tab:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#0891b20d}.chart-tab--active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#0891b21a;font-weight:600}.chart-duration-tabs{gap:var(--gap-xs);margin-left:auto;display:flex}.chart-duration-tab{font-family:var(--font-mono);border:1px solid var(--border-subtle);background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:500}.chart-duration-tab:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.chart-duration-tab--active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#0891b21a;font-weight:600}.progress-bar{width:100%;height:8px;margin-top:var(--gap-sm);background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-bar__fill{border-radius:4px;height:100%;transition:width 1s,background .5s}.progress-bar__fill--safe{background:linear-gradient(90deg,#34d399,#059669)}.progress-bar__fill--warning{background:linear-gradient(90deg,#fbbf24,#d97706)}.progress-bar__fill--danger{background:linear-gradient(90deg,#f87171,#dc2626)}.mini-grid{gap:var(--gap-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.mini-grid--3{grid-template-columns:repeat(3,1fr)}.metric-row{padding:var(--gap-sm) 0;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.metric-row:last-child{border-bottom:none}.metric-row__label{color:var(--text-secondary);font-size:.8rem}.metric-row__value{font-family:var(--font-mono);font-size:.9rem;font-weight:600}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot--safe{background:var(--status-safe);box-shadow:0 0 4px #05966966}.status-dot--warning{background:var(--status-warning);box-shadow:0 0 4px #d9770666}.status-dot--danger{background:var(--status-danger);animation:1.5s infinite pulse-danger;box-shadow:0 0 4px #dc262666}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.5}}.icon-wrap{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.icon-wrap svg{width:20px;height:20px}.icon-wrap--cyan{color:var(--accent-cyan);background:#0891b21a}.icon-wrap--green{color:var(--accent-green);background:#0596691a}.icon-wrap--red{color:var(--accent-red);background:#dc26261a}.icon-wrap--yellow{color:var(--accent-yellow);background:#d977061a}.icon-wrap--purple{color:var(--accent-purple);background:#7c3aed1a}.icon-wrap--blue{color:var(--accent-blue);background:#2563eb1a}.icon-wrap--pink{color:var(--accent-pink);background:#db27771a}.icon-wrap--teal{color:var(--accent-teal);background:#0d94881a}.icon-wrap--orange{color:var(--accent-orange);background:#ea580c1a}.icon-wrap--indigo{color:var(--accent-indigo);background:#4f46e51a}@media (width<=1400px){.dashboard__row-2,.dashboard__row-3{grid-column:span 1}}@media (width<=1200px){.dash-section{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.dash-section--3col{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.dashboard{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.mini-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dashboard__row-2,.dashboard__row-3{grid-column:span 1}}@media (width<=900px){.dash-section{grid-template-columns:repeat(2,1fr)}.dash-section--3col{grid-template-columns:1fr}.dashboard{grid-template-columns:repeat(2,1fr)}.dashboard__row-2,.dashboard__row-3{grid-column:span 1}.mini-grid{grid-template-columns:repeat(2,1fr)}.header__name{font-size:1.1rem}.card__value{font-size:1.8rem}.vent-bar{gap:16px}.vent-bar__stats{flex-wrap:wrap;gap:16px}}@media (width<=768px){.sidebar{width:64px!important}.sidebar .sidebar__brand-text,.sidebar .sidebar__item-label,.sidebar .sidebar__section-title,.sidebar .sidebar__info-card{display:none}.sidebar .sidebar__brand{justify-content:center;padding:16px 8px}.sidebar .sidebar__item{justify-content:center;padding:10px;position:relative}.sidebar .sidebar__nav{padding:8px 4px}.sidebar .sidebar__footer .sidebar__collapse-btn{display:none}.app{padding:var(--gap-md);margin-left:64px!important}.dash-section,.dash-section--3col,.dashboard{grid-template-columns:1fr}.dashboard__row-2,.dashboard__row-3{grid-column:span 1}.header{gap:var(--gap-sm);text-align:center;flex-direction:column}.header__status{justify-content:center}.mini-grid{grid-template-columns:1fr}.card__value{font-size:1.6rem}.card__value--large{font-size:2rem}.card{padding:var(--gap-md)}.vent-bar{flex-direction:column;align-items:stretch;gap:12px}.vent-bar__stats{justify-content:space-between}}@media (width<=480px){.app{padding:var(--gap-sm)}.header{padding:var(--gap-sm) var(--gap-md)}.card__value{font-size:1.4rem}.chart-section__tabs{gap:4px}.chart-tab{padding:4px 10px;font-size:.65rem}.vent-bar__stats{flex-direction:column;gap:8px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.4s forwards fadeInUp}.animate-in-delay-1{opacity:0;animation-delay:80ms}.animate-in-delay-2{opacity:0;animation-delay:.16s}.animate-in-delay-3{opacity:0;animation-delay:.24s}.animate-in-delay-4{opacity:0;animation-delay:.32s}.animate-in-delay-5{opacity:0;animation-delay:.4s}.landing{--landing-forest:#0f4f6d;--landing-earth:#0a7ea4;--landing-cream:#f2f8fb;--landing-mint:#dff3fa;--landing-ink:#17313e;--landing-card:#fff;min-height:100vh;color:var(--landing-ink);background:radial-gradient(circle at 5% 10%, #0f4f6d2e 0, #0f4f6d00 36%), radial-gradient(circle at 95% 0%, #0a7ea433 0, #0a7ea400 40%), linear-gradient(180deg, #f8fcff 0%, var(--landing-cream) 45%, #edf6fb 100%);font-family:Manrope,sans-serif;position:relative;overflow:hidden}.landing>*{z-index:1;position:relative}.air-bg,.air-pattern,.air-flow,.air-orb{pointer-events:none;z-index:0;position:absolute}.air-pattern{opacity:.42;background-image:repeating-radial-gradient(circle at 18% 22%,#0f4f6d1c 0 2px,#0000 2px 36px),repeating-linear-gradient(173deg,#0a7ea414 0 1px,#0000 1px 18px),repeating-linear-gradient(7deg,#ffffff3d 0 1px,#0000 1px 22px);inset:0;-webkit-mask-image:radial-gradient(circle,#000000f2 0%,#00000080 70%,#0000001a 100%);mask-image:radial-gradient(circle,#000000f2 0%,#00000080 70%,#0000001a 100%)}.air-bg{filter:blur(1px)}.air-bg--one{background:radial-gradient(circle,#0a7ea43d 0%,#0a7ea400 72%);width:42vw;min-width:300px;height:42vw;min-height:300px;animation:18s ease-in-out infinite driftSlow;top:-8vh;left:-14vw}.air-bg--two{background:radial-gradient(circle,#0f4f6d33 0%,#0f4f6d00 70%);width:50vw;min-width:340px;height:50vw;min-height:340px;animation:20s ease-in-out infinite reverse driftSlow;top:18vh;right:-18vw}.air-flow{opacity:.5;background-image:radial-gradient(100% 60% at -10% 28%,#0a7ea41f 0%,#0a7ea400 62%),radial-gradient(100% 65% at 112% 40%,#0f4f6d1a 0%,#0f4f6d00 64%),repeating-linear-gradient(166deg,#0a7ea40f 0 2px,#0000 2px 30px);inset:0;-webkit-mask-image:linear-gradient(#000000e6 0%,#00000040 74%,#0000 100%);mask-image:linear-gradient(#000000e6 0%,#00000040 74%,#0000 100%)}.air-orb{background:radial-gradient(circle at 30% 30%,#fffffff2,#0a7ea44d);border-radius:50%;width:10px;height:10px;box-shadow:0 0 14px #0a7ea459}.air-orb--one{animation:6s ease-in-out infinite floatY;top:30%;left:20%}.air-orb--two{width:14px;height:14px;animation:7.5s ease-in-out infinite reverse floatY;top:58%;right:18%}.landing-header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f2f8fbe6;border-bottom:1px solid #17313e24;justify-content:space-between;align-items:center;padding:16px 5%;display:flex;position:sticky;top:0}.landing-brand{color:var(--landing-forest);align-items:center;gap:10px;font-family:Sora,sans-serif;font-size:1.15rem;font-weight:700;display:flex}.landing-nav{align-items:center;gap:8px;display:flex}.landing-nav button{color:var(--landing-ink);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 12px;font-weight:600}.landing-nav button:hover{background:#0f4f6d1a}.landing-nav .landing-nav-cta{background:var(--landing-forest);color:#fff}.landing main{width:min(1120px,92%);margin:0 auto;padding-bottom:56px}.hero{text-align:center;padding:88px 0 70px;animation:.7s heroRise}.hero-chip{color:var(--landing-forest);letter-spacing:.08em;border:1px solid #0f4f6d40;border-radius:999px;padding:7px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-.03em;margin-top:20px;font-family:Sora,sans-serif;font-size:clamp(2.2rem,4.8vw,4rem);line-height:1.08}.hero h1 span{color:var(--landing-forest)}.hero-copy{color:#17313ed6;width:min(760px,100%);margin:18px auto 0;font-size:1.05rem;line-height:1.7}.hero-actions{justify-content:center;gap:12px;margin-top:30px;display:flex}.hero-actions button{cursor:pointer;border:0;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-weight:700;display:inline-flex}.hero-primary{background:var(--landing-forest);color:#fff}.hero-secondary{color:var(--landing-forest);background:#0f4f6d1c}.section-block{background:#ffffff9e;border:1px solid #17313e1a;border-radius:22px;margin-top:26px;padding:26px}.section-block h2{margin-bottom:16px;font-family:Sora,sans-serif;font-size:1.6rem}.features-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.feature-card{background:var(--landing-card);border:1px solid #0f4f6d1f;border-radius:16px;padding:18px;transition:transform .22s,box-shadow .22s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #17313e1f}.feature-icon{background:var(--landing-mint);width:38px;height:38px;color:var(--landing-forest);border-radius:10px;place-items:center;margin-bottom:10px;display:grid}.feature-card h3{margin-bottom:8px;font-family:Sora,sans-serif;font-size:1rem}.feature-card p{color:#17313ed1;font-size:.9rem;line-height:1.55}.team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.team-card{text-align:center;background:var(--landing-card);border:1px solid #17313e1a;border-radius:16px;padding:16px}.team-card h3{margin-top:2px;font-family:Sora,sans-serif;font-size:1rem}.team-card p{color:#17313ebd;margin-top:6px;font-size:.9rem}.stack-icon{background:var(--landing-mint);width:42px;height:42px;color:var(--landing-forest);border-radius:12px;place-items:center;margin:0 auto;display:grid}.team-card--stack{text-align:left}.team-card--stack .stack-icon{margin:0 0 10px}.guidance-block p{color:#17313ed1;margin-top:8px;line-height:1.7}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.value-card{background:linear-gradient(150deg,#fff 0%,#f3fbff 100%);border:1px solid #17313e1f;border-radius:14px;align-items:center;min-height:130px;padding:18px;display:flex}.value-card p{margin:0;font-family:Sora,sans-serif;line-height:1.4}.auth-wrap{background:#fff;border:1px solid #17313e1f;border-radius:24px;grid-template-columns:1.1fr 1fr;margin-top:26px;display:grid;overflow:hidden}.auth-highlight{color:#fff;background:linear-gradient(155deg,#0f4f6d 0%,#0a7ea4 100%);padding:34px}.auth-highlight h2{font-family:Sora,sans-serif;font-size:1.6rem;line-height:1.3}.auth-highlight p{opacity:.92;margin-top:10px;line-height:1.7}.auth-highlight ul{flex-direction:column;gap:10px;margin-top:18px;list-style:none;display:flex}.auth-highlight li{align-items:center;gap:8px;display:flex}.auth-form-panel{padding:34px}.auth-form-panel h3{font-family:Sora,sans-serif;font-size:1.6rem}.auth-form-panel p{color:#17313ebd;margin-top:6px}.auth-form{flex-direction:column;gap:12px;margin-top:18px;display:flex}.auth-input-wrap{border:1px solid #17313e29;border-radius:10px;align-items:center;gap:10px;padding:11px 12px;display:flex}.auth-input-wrap input{width:100%;color:var(--landing-ink);background:0 0;border:0;outline:none;font-size:.95rem}.auth-submit{background:var(--landing-earth);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:12px 14px;font-weight:700;display:inline-flex}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-switch{color:var(--landing-forest);cursor:pointer;background:0 0;border:0;margin-top:14px;font-weight:700}.landing-footer{color:#f7f9f4;background:#122a36;justify-content:space-between;gap:24px;margin-top:34px;padding:30px 5%;display:flex}.landing-footer h3{font-family:Sora,sans-serif}.landing-footer p{color:#f7f9f4cc;margin-top:6px}.footer-contact p{align-items:center;gap:8px;display:flex}@keyframes heroRise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes driftSlow{0%,to{transform:translate(0,0)scale(1)}50%{transform:translateY(14px)scale(1.03)}}@keyframes floatY{0%,to{opacity:.75;transform:translateY(0)}50%{opacity:1;transform:translateY(-16px)}}@media (width<=1024px){.features-grid,.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-wrap{grid-template-columns:1fr}}@media (width<=720px){.landing-header{flex-wrap:wrap;justify-content:center;gap:12px}.landing-nav{flex-wrap:wrap;justify-content:center;width:100%}.hero{padding-top:52px}.air-orb{display:none}.air-pattern{opacity:.26}.hero-actions{flex-direction:column}.features-grid,.team-grid,.gallery-grid{grid-template-columns:1fr}.landing-footer{flex-direction:column}}