:root{color-scheme:dark;--bg:#08192e;--bg-deep:#061326;--panel:#10243b;--panel2:#102942;--text:#f3f6f6;--muted:#a6bbc9;--teal:#55d1c3;--teal-soft:#86e5da;--stroke:rgba(152,196,207,.17);--stroke2:rgba(152,196,207,.28);font-synthesis:none}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}svg{display:block}.container{width:min(1172px,calc(100% - 64px));margin-inline:auto}.page-texture{position:absolute;z-index:-1;inset:0 0 auto;height:850px;pointer-events:none;background:radial-gradient(ellipse 47% 52% at 75% 20%,rgba(22,91,102,.16),transparent 85%),radial-gradient(ellipse 38% 40% at 14% 5%,rgba(19,69,111,.20),transparent 86%)}.skip-link{position:fixed;z-index:30;top:-70px;left:15px;padding:8px 13px;background:var(--teal);color:var(--bg);border-radius:8px}.skip-link:focus{top:15px}:focus-visible{outline:2px solid var(--teal);outline-offset:4px}
.site-header{border-bottom:1px solid rgba(180,208,218,.11)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:99px;gap:24px}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:48px;height:48px;border-radius:11px;object-fit:cover}.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy strong{font-size:14px;line-height:1.1;font-weight:760;letter-spacing:-.025em}.brand-copy small{font-size:8px;letter-spacing:.16em;color:var(--teal);font-weight:750}.primary-nav{display:flex;gap:34px;margin-left:auto;margin-right:24px}.primary-nav a{font-size:13px;color:#bdccd5;transition:color .15s}.primary-nav a:hover{color:var(--teal)}.header-action{display:flex;align-items:center;gap:10px;border:1px solid var(--stroke2);padding:10px 16px;border-radius:10px;color:var(--text);font-size:13px;font-weight:700;transition:border .2s,background .2s}.header-action:hover{border-color:var(--teal);background:rgba(85,209,195,.065)}.header-action svg{width:16px;height:16px;fill:none;stroke:var(--teal);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero{display:grid;grid-template-columns:1.01fr .99fr;min-height:680px;gap:54px;align-items:center;padding-top:84px;padding-bottom:89px}.hero-copy{max-width:570px}.eyebrow,.section-kicker{color:var(--teal);font-size:11px;font-weight:780;letter-spacing:.17em}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px rgba(85,209,195,.09)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em}h1{font-size:clamp(53px,5.3vw,81px);line-height:1.055;margin:23px 0 21px;font-weight:790}h1 span{color:var(--teal)}.hero-tagline{color:var(--text);font-size:19px;font-weight:630;margin-bottom:13px;letter-spacing:-.02em}.hero-desc{max-width:515px;font-size:16px;line-height:1.75;color:var(--muted);margin-bottom:30px}.hero-actions{display:flex;flex-wrap:wrap;gap:11px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:49px;padding:12px 18px;border-radius:10px;font-size:13px;font-weight:730;transition:transform .15s,background .15s,border-color .15s}.btn:hover{transform:translateY(-2px)}.btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.btn span{font-size:19px;font-weight:450}.btn-primary{background:var(--teal);color:#062034}.btn-primary:hover{background:#79e5d6}.btn-secondary{border:1px solid var(--stroke2);color:var(--text);background:rgba(255,255,255,.025)}.btn-secondary:hover{border-color:var(--teal);background:rgba(85,209,195,.065)}.tech-line{display:flex;align-items:center;gap:10px;margin-top:43px;color:#829eaf;font-size:9px;letter-spacing:.08em;font-weight:740;flex-wrap:wrap}.tech-line i{width:3px;height:3px;border-radius:50%;background:#6babb2}
.hero-visual{position:relative;min-width:0}.visual-accent{position:absolute;pointer-events:none;opacity:.55;border:1px solid rgba(85,209,195,.20);width:170px;height:170px;transform:rotate(-12deg)}.visual-accent-one{top:-39px;right:-36px}.visual-accent-two{bottom:-21px;left:-30px;width:90px;height:90px;transform:rotate(20deg)}.dashboard{position:relative;border:1px solid rgba(136,182,202,.25);background:linear-gradient(151deg,#112d45 0%,#0b243b 50%,#0a2036 100%);border-radius:20px;padding:25px 26px 0;box-shadow:0 30px 85px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.03);overflow:hidden}.dashboard::after{content:"";position:absolute;top:-42px;right:-90px;width:290px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(44,119,124,.13),transparent 72%);pointer-events:none}.dashboard-head,.dashboard-title-row,.dashboard-metric-row,.graph-head,.graph-axis,.dashboard-footer{display:flex;align-items:center;justify-content:space-between}.dashboard-head{margin-bottom:28px;gap:12px}.dashboard-eyebrow{display:flex;align-items:center;gap:8px;color:#c9e8e7;font-weight:700;font-size:10px;letter-spacing:.085em}.teal-pixel{width:6px;height:6px;background:var(--teal);border-radius:2px}.demo-label{font-size:9px;color:#82a2b6;font-weight:700;letter-spacing:.07em;white-space:nowrap}.dashboard-title-row{align-items:flex-end;gap:14px}.micro{color:#86a9ba;font-size:10px;letter-spacing:.12em;font-weight:740}.dashboard-title-row h2{font-size:26px;line-height:1.18;margin:7px 0 5px;font-weight:740;letter-spacing:-.035em}.dashboard-title-row p{font-size:12px;color:#9eb8c8;margin:0}.fan-chip{display:flex;align-items:center;gap:8px;border:1px solid rgba(135,175,189,.26);background:rgba(0,0,0,.10);padding:10px 12px;border-radius:10px;color:#9bb5c7;white-space:nowrap}.fan-chip svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.6;fill:none}.fan-chip span{font-size:10px;font-weight:700;letter-spacing:.07em}.fan-chip b{color:#c2cad0}.fan-chip.on{color:var(--teal);border-color:rgba(85,209,195,.52);background:rgba(85,209,195,.075)}.fan-chip.on b{color:var(--teal)}.fan-chip.on svg{animation:fan-rotate 1.8s linear infinite}@keyframes fan-rotate{to{transform:rotate(360deg)}}.dashboard-metric-row{align-items:flex-end;gap:16px;margin-top:36px;margin-bottom:21px}.humidity-number{display:flex;align-items:baseline;color:#f7f9fa;font-size:63px;font-weight:710;line-height:1.1;letter-spacing:-.05em}.humidity-number>span:last-child{font-size:38px;color:#cbdadf;margin-left:2px}.metric-status{display:flex;align-items:center;gap:9px;color:#acc2ce;font-size:12px;padding-bottom:12px}.metric-status-dot{width:8px;height:8px;border-radius:50%;background:#819cac}.metric-status.triggered{color:var(--teal)}.metric-status.triggered .metric-status-dot{background:var(--teal);box-shadow:0 0 0 4px rgba(85,209,195,.14)}.graph-wrap{border:1px solid rgba(137,188,208,.13);border-radius:12px;padding:15px 16px 10px;background:rgba(2,14,28,.27)}.graph-head{color:#a5c2d1;font-size:10px;gap:10px}.graph-head span:last-child{color:#7194a8}.graph{width:100%;height:auto;margin-top:8px;overflow:visible}.gridlines{fill:none;stroke:rgba(105,155,176,.22);stroke-width:1;stroke-dasharray:3 5}.trigger-line{fill:none;stroke:#caad68;stroke-width:1;stroke-dasharray:5 6;opacity:.7}.trigger-text{font:700 9px system-ui,sans-serif;letter-spacing:.07em;fill:#cbad75}.data-line{stroke:var(--teal);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.data-point{fill:var(--teal);stroke:#0b2239;stroke-width:2}.graph-axis{color:#7193a9;font-size:9px;letter-spacing:.1em;font-weight:700;margin-top:-2px}.dashboard-footer{margin:17px -26px 0;padding:13px 26px;border-top:1px solid rgba(133,183,198,.15);gap:8px;font-size:11px;color:#9db6c6}.activity-dot{width:6px;height:6px;border-radius:50%;background:#8ca4b1;flex:none}.activity-dot.on{background:var(--teal)}#activity-text{flex:1}.replay-button{border:0;background:transparent;color:#c9e3df;display:flex;align-items:center;gap:5px;padding:6px 0 6px 6px;font-size:10px;font-weight:700;cursor:pointer}.replay-button:hover{color:var(--teal)}.replay-button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.visual-annotation{display:block;text-align:center;margin-top:17px;color:#64869b;font-size:9px;letter-spacing:.11em;font-weight:680}
.content-section{scroll-margin-top:28px}.about-section{background:#0b2036;border-top:1px solid rgba(159,201,212,.10);border-bottom:1px solid rgba(159,201,212,.10);padding:95px 0 101px}.section-intro{max-width:770px}.section-intro h2,.section-row h2,.follow-copy h2{font-size:clamp(34px,4.15vw,54px);line-height:1.14;margin:17px 0 18px;font-weight:750}.section-intro h2 em,.section-row h2 em{color:var(--teal);font-style:normal}.section-intro p{max-width:620px;color:var(--muted);font-size:16px;line-height:1.7;margin-bottom:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:44px}.feature-card{position:relative;padding:28px 28px 30px;border:1px solid var(--stroke);border-radius:15px;background:linear-gradient(155deg,rgba(27,61,87,.63),rgba(15,41,66,.40));min-height:252px}.feature-number{position:absolute;right:25px;top:28px;color:#62899b;font-size:12px;font-weight:700}.feature-icon{width:45px;height:45px;display:grid;place-items:center;background:rgba(85,209,195,.08);border:1px solid rgba(85,209,195,.18);border-radius:11px;color:var(--teal)}.feature-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.feature-card h3{font-size:21px;font-weight:715;margin:30px 0 9px;line-height:1.2}.feature-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}
.projects-section{padding:100px 0 93px}.section-row{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:37px}.section-row h2{margin-bottom:0}.section-row>p{max-width:320px;margin:0 0 7px;color:var(--muted);font-size:14px;line-height:1.7}.project-grid{display:grid;grid-template-columns:1.38fr 1fr 1fr;gap:15px}.project-card{min-height:346px;position:relative;display:flex;flex-direction:column;border:1px solid var(--stroke);border-radius:16px;padding:25px;background:#0d253e;overflow:hidden}.project-featured{background:radial-gradient(ellipse at 8% 10%,rgba(48,122,128,.24),transparent 54%),linear-gradient(145deg,#12344a,#0a263d)}.project-card::after{content:"";position:absolute;right:-70px;bottom:-80px;width:190px;height:190px;border:1px solid rgba(85,209,195,.10);border-radius:50%;pointer-events:none}.project-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.project-tag,.project-index{font-size:10px;letter-spacing:.12em;font-weight:740;color:#81cbbf}.project-index{color:#81a2b0}.project-content{margin:auto 0;display:flex;align-items:center;gap:21px}.project-symbol{width:86px;height:86px;flex:none;display:grid;place-items:center;border:1px solid rgba(85,209,195,.16);border-radius:18px;background:rgba(85,209,195,.08);color:var(--teal)}.project-symbol svg{width:50px;height:50px;stroke:currentColor;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.project-card h3{font-weight:740;font-size:23px;line-height:1.24;margin:0 0 12px}.project-card p{font-size:13px;line-height:1.68;color:var(--muted);margin:0}.project-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid rgba(143,198,202,.15);padding-top:17px}.project-bottom span{color:#7ea5b1;font-size:9px;letter-spacing:.08em;font-weight:700}.project-bottom .project-note{color:var(--teal);text-align:right;letter-spacing:0;text-transform:none;font-size:10px}.mini-symbol{color:var(--teal);margin:37px 0 24px;max-width:50px}.mini-symbol svg{width:41px;height:41px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.project-small h3{font-size:19px;margin-bottom:10px}.project-bottomline{font-size:10px;color:#7da9ae;letter-spacing:.08em;font-weight:730;margin-top:auto;padding-top:22px}.project-disclaimer{margin-top:18px;color:#758da0;font-size:11px}
.follow-section{padding:18px 0 108px}.follow-panel{background:linear-gradient(135deg,#12324a,#0c263d 70%);border:1px solid rgba(120,184,190,.28);border-radius:22px;padding:49px 52px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:46px}.follow-copy h2{margin:16px 0 13px}.follow-copy p{max-width:315px;color:var(--muted);line-height:1.7;font-size:14px;margin-bottom:0}.social-list{display:grid;gap:9px}.social-link{display:flex;align-items:center;gap:14px;min-height:71px;border:1px solid rgba(155,197,211,.18);border-radius:11px;background:rgba(4,21,39,.35);padding:13px 17px;transition:border-color .15s,background .15s,transform .15s}.social-link:hover{background:rgba(31,86,105,.40);border-color:rgba(85,209,195,.5);transform:translateX(3px)}.social-icon{width:39px;height:39px;border:1px solid rgba(85,209,195,.19);border-radius:9px;background:rgba(85,209,195,.07);display:grid;place-items:center;color:var(--teal);flex-shrink:0}.social-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.social-link>span:nth-child(2){display:flex;flex-direction:column;gap:2px;flex:1}.social-link strong{font-size:14px}.social-link small{font-size:11px;color:#92afbf}.social-arrow{font-size:24px;color:#8acac3;font-weight:350}
.site-footer{border-top:1px solid rgba(160,198,212,.13)}.footer-inner{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#708c9e;font-size:11px}.footer-brand{display:flex;align-items:center;gap:12px;color:#c9d7dc;font-weight:650}.footer-brand img{width:31px;height:31px;border-radius:6px}.footer-inner>span{font-size:9px;letter-spacing:.17em}.footer-inner>a:hover{color:var(--teal)}
@media (max-width:1080px){.hero{gap:24px}.hero-copy h1{font-size:clamp(48px,5vw,70px)}.feature-card{padding:24px 20px}.project-grid{grid-template-columns:1.2fr 1fr 1fr}.project-card{padding:22px}.project-content{display:block}.project-symbol{width:64px;height:64px;margin-bottom:18px}.project-symbol svg{width:36px;height:36px}.project-card h3{font-size:21px}.project-small h3{font-size:19px}}@media (max-width:820px){.container{width:min(680px,calc(100% - 40px))}.nav-wrap{min-height:79px}.primary-nav{display:none}.hero{grid-template-columns:1fr;min-height:0;gap:51px;padding-top:73px;padding-bottom:86px}.hero-copy{max-width:610px}.hero h1{font-size:clamp(50px,9vw,74px)}.hero-desc{max-width:550px}.hero-visual{width:min(100%,540px);margin:auto}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-card{min-height:0;padding:23px 25px}.feature-card h3{margin-top:20px}.project-grid{grid-template-columns:1fr 1fr}.project-featured{grid-column:span 2}.project-content{display:flex}.project-small{min-height:300px}.follow-panel{grid-template-columns:1fr;gap:26px;padding:36px}.follow-copy p{max-width:500px}.footer-inner>span{display:none}}@media (max-width:540px){.container{width:calc(100% - 34px)}.nav-wrap{min-height:76px}.brand-mark{width:41px;height:41px}.brand-copy strong{font-size:12px}.brand-copy small{font-size:7px}.header-action{font-size:12px;padding:9px 11px}.header-action svg{width:13px}.hero{padding-top:55px;padding-bottom:75px;gap:42px}.eyebrow{font-size:9px;letter-spacing:.11em}.hero h1{font-size:clamp(45px,11vw,61px);margin:22px 0 22px}.hero-desc{font-size:14px;line-height:1.75}.hero-tagline{font-size:17px}.hero-actions{flex-direction:column;align-items:stretch}.btn{justify-content:center}.tech-line{margin-top:26px;gap:7px;font-size:8px;line-height:1.8}.dashboard{padding:19px 17px 0;border-radius:16px}.dashboard-head{margin-bottom:24px}.dashboard-eyebrow{font-size:8px}.demo-label{font-size:7px}.dashboard-title-row h2{font-size:22px}.dashboard-title-row p{font-size:11px}.fan-chip{padding:8px;font-size:10px}.fan-chip svg{width:14px;height:14px}.fan-chip span{font-size:9px}.dashboard-metric-row{margin-top:28px}.humidity-number{font-size:54px}.humidity-number>span:last-child{font-size:34px}.graph-wrap{padding:11px 10px 8px}.graph-head{font-size:9px}.dashboard-footer{margin-left:-17px;margin-right:-17px;padding:10px 17px}.visual-annotation{font-size:8px}.about-section{padding:70px 0 75px}.projects-section{padding:74px 0}.section-intro h2,.section-row h2,.follow-copy h2{font-size:37px}.section-intro p{font-size:14px}.feature-grid{margin-top:34px}.section-row{display:block}.section-row>p{max-width:500px;margin:22px 0 0}.project-grid{grid-template-columns:1fr}.project-featured{grid-column:span 1}.project-card{min-height:286px}.project-content{display:block;margin:26px 0}.project-symbol{width:62px;height:62px;margin-bottom:18px}.project-small{min-height:270px}.mini-symbol{margin:26px 0 19px}.project-card h3{font-size:21px}.project-disclaimer{font-size:10px}.follow-section{padding-bottom:76px}.follow-panel{padding:27px 21px;gap:27px}.follow-copy h2{font-size:38px}.footer-inner{min-height:75px}.footer-brand{font-size:11px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}