:root{font-family:system-ui,sans-serif;color:#102a32;background:#f3f7f6;font-synthesis:none;--ink:#102a32;--muted:#708684;--line:#dfe8e6;--teal:#078477;--deep:#071d24;--green:#168b68;--amber:#c88927;--red:#c44c46;--blue:#3586a0}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}button,a{outline-color:#149c8e}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:var(--deep);color:#d6e5e3;padding:28px 18px 18px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 30px;font:700 16px/1 system-ui,sans-serif;letter-spacing:.16em;color:#fff}.brand small{display:block;font:500 8px/1.8 system-ui,sans-serif;letter-spacing:.22em;color:#8fa7a5}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#13a99a,#057568);box-shadow:0 7px 20px #0005}.nav-label,.eyebrow{font-size:10px;line-height:1.2;font-weight:700;letter-spacing:.16em;color:#8ca09e;margin:0 0 11px}.primary-nav{flex:1}.nav-item{height:45px;padding:0 12px;border-radius:9px;color:#9fb4b1;text-decoration:none;display:flex;gap:13px;align-items:center;font-size:14px;font-weight:500;margin:2px 0;transition:.2s}.nav-item span{height:19px}.nav-item svg{width:19px;height:19px}.nav-item:hover{color:#fff;background:#ffffff0a}.nav-item.active{background:#10353a;color:#fff;box-shadow:inset 3px 0 #11a595}.nav-item b{margin-left:auto;background:#d85a4e;color:#fff;width:19px;height:19px;border-radius:20px;font-size:10px;display:grid;place-items:center}.sidebar-bottom{border-top:1px solid #ffffff10;padding-top:12px}.account{display:grid;grid-template-columns:37px 1fr auto;gap:10px;align-items:center;padding:17px 8px 0;margin-top:8px;border-top:1px solid #ffffff10}.account .avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#1c5758;color:#fff;font-size:11px;font-weight:700}.account strong,.account small{display:block}.account strong{font-size:12px;color:#ecf5f4}.account small{font-size:10px;color:#7f9996;margin-top:3px}.account svg{color:#75908d}.nav-close{display:none}.main-content{margin-left:244px;min-height:100vh}.topbar{height:73px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:20}.boat-selector{display:flex;align-items:center;gap:10px}.mini-boat{width:34px;height:34px;border-radius:9px;background:#e8f4f2;color:var(--teal);display:grid;place-items:center}.boat-selector strong,.boat-selector small{display:block}.boat-selector strong{font:700 13px system-ui,sans-serif}.boat-selector small{font-size:10px;color:#879997;margin-top:2px}.boat-selector>svg{margin-left:6px;color:#819391}.top-actions{display:flex;align-items:center;gap:22px}.weather{font-size:12px;color:#617674;display:flex;gap:8px;align-items:center}.icon-button,.mobile-menu{border:0;background:transparent;color:#516866;position:relative;padding:8px}.icon-button i{position:absolute;width:6px;height:6px;border-radius:50%;background:#d85a4e;right:7px;top:7px;border:1px solid white}.mobile-menu{display:none}.page-wrap{padding:38px 38px 24px;max-width:1480px;margin:auto;animation:page-in .35s ease}@keyframes page-in{0%{opacity:0;transform:translateY(4px)}}.hero-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:27px}.hero-row h1,.page-title h1{font:700 29px/1.2 system-ui,sans-serif;letter-spacing:-.035em;margin:0;color:#102a32}.hero-copy,.page-title>p:last-child{margin:8px 0 0;color:#6f8381;font-size:13px}.sleep-status{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);padding:11px 15px;border-radius:11px;box-shadow:0 4px 16px #193f3d08}.sleep-status strong,.sleep-status small{display:block}.sleep-status strong{font-size:12px}.sleep-status small{font-size:10px;color:#7a8e8c;margin-top:3px}.pulse-ring{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#e7f5f1;color:var(--teal);position:relative}.pulse-ring:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:1px solid #5bb8aa;border-radius:50%;opacity:.3}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric-card,.panel{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 5px 20px #163c3a07}.metric-card{padding:17px 17px 16px;min-height:175px}.metric-top{display:flex;justify-content:space-between;align-items:center}.metric-icon{width:33px;height:33px;border-radius:9px;display:grid;place-items:center}.metric-icon svg{width:18px}.metric-icon.green{background:#e7f5f0;color:#168966}.metric-icon.amber{background:#fff2dc;color:#b77719}.metric-icon.red{background:#fde9e7;color:#b8413c}.status-dot{font-size:9px;font-weight:600;color:#5f7471;display:flex;align-items:center;gap:6px}.status-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-dot.green{color:#228566}.status-dot.amber{color:#b5771d}.status-dot.red{color:#c44944}.metric-label{font-size:9px;letter-spacing:.15em;font-weight:700;color:#879997;margin:18px 0 6px}.metric-content{display:flex;align-items:flex-end;justify-content:space-between}.metric-content h2{font:700 24px/1 system-ui,sans-serif;letter-spacing:-.04em;margin:0;color:#142e35}.metric-content h2 small{font-size:12px;margin-left:2px;color:#526c69}.metric-content p{font-size:10px;color:#889a98;margin:8px 0 0}.battery{width:30px;height:49px;border:2px solid #aec2bf;border-radius:5px;padding:3px;position:relative;display:flex;align-items:end}.battery:before{content:"";position:absolute;top:-6px;left:8px;width:10px;height:4px;background:#aec2bf;border-radius:2px}.battery span{display:block;width:100%;background:linear-gradient(#37ae8c,#138065);border-radius:2px}.battery b{position:absolute;right:39px;bottom:2px;font-size:9px;color:#33806e}.round-visual{width:46px;height:46px;border-radius:50%;display:grid;place-items:center}.round-visual.green{background:#eaf6f1;color:#178968}.round-visual.blue{background:#e8f4f7;color:#3486a0}.thermo{width:13px;height:45px;border:2px solid #a8bfbc;border-radius:9px;position:relative;padding:2px;display:flex;align-items:end}.thermo i{display:block;width:100%;background:#ed9a42;border-radius:5px}.thermo span{position:absolute;width:19px;height:19px;background:#ed9a42;border:3px solid white;box-shadow:0 0 0 2px #a8bfbc;border-radius:50%;bottom:-7px;left:-5px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(285px,.85fr);gap:15px;margin-top:15px}.panel{padding:20px}.panel-header{display:flex;justify-content:space-between;align-items:start}.panel-header h3{font:700 15px system-ui,sans-serif;margin:0}.panel-header .eyebrow{margin-bottom:5px}.time-pills{display:flex;background:#f0f4f3;padding:3px;border-radius:7px}.time-pills button{border:0;background:transparent;border-radius:5px;padding:5px 8px;font-size:8px;font-weight:700;color:#829391}.time-pills button.active{background:#fff;color:#0b786e;box-shadow:0 1px 5px #193a3820}.chart-summary{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.chart-summary strong{font:700 24px system-ui,sans-serif}.chart-summary strong small{font-size:12px}.chart-summary span{font-size:9px;color:#2f886f}.chart-summary span i,.chart-footer i{display:inline-block;width:6px;height:6px;background:#2e9a79;border-radius:50%;margin-right:5px}.chart-footer{display:flex;justify-content:space-between;color:#849694;font-size:9px;border-top:1px solid #edf2f1;padding-top:10px}.chart-footer .safe-line{width:15px;height:5px;border-radius:2px;background:#e0f1e9}.text-button{border:0;background:transparent;color:#0a8277;font-size:10px;font-weight:700;padding:4px}.location-panel{min-height:327px}.map-visual{height:245px;margin:15px -20px -20px;position:relative;overflow:hidden;background:linear-gradient(145deg,#d7edf0,#c4e1e5);border-radius:0 0 13px 13px}.water-lines{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.55;background-image:repeating-radial-gradient(ellipse at 80% 40%,transparent 0 17px,#9ecbd0 18px 19px,transparent 20px 34px)}.land-shape{position:absolute;width:65%;height:150%;background:#d9e3d5;right:-28%;top:-24%;border-radius:48%;transform:rotate(-14deg);box-shadow:-4px 0 #b6d1ca}.map-pin{position:absolute;left:48%;top:42%;width:42px;height:42px;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);background:#0b887b;display:grid;place-items:center;box-shadow:0 8px 20px #075f5750}.map-pin span{transform:rotate(45deg);color:#fff}.map-label{position:absolute;left:15px;right:15px;bottom:15px;background:#fffffff2;border:1px solid white;border-radius:9px;padding:10px 12px;display:flex;gap:9px;align-items:center;box-shadow:0 4px 18px #16373620}.map-label svg{color:#118578}.map-label strong,.map-label small{display:block}.map-label strong{font-size:10px}.map-label small{font-size:9px;color:#819391;margin-top:2px}.activity-panel{padding-bottom:9px}.activity-item{display:grid;grid-template-columns:32px 1fr auto;gap:11px;align-items:center;padding:14px 0;border-bottom:1px solid #edf1f0}.activity-item:last-child{border-bottom:0}.activity-icon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center}.activity-icon svg{width:14px}.activity-icon.green{color:#168866;background:#e9f5f0}.activity-icon.blue{color:#32849d;background:#e9f4f6}.activity-icon.amber{color:#ba7a1e;background:#fff2dd}.activity-item strong,.activity-item small{display:block}.activity-item strong{font-size:10px}.activity-item small{font-size:9px;color:#849694;margin-top:4px}.activity-item time{font-size:8px;color:#96a5a3}.attention-panel{display:grid;grid-template-columns:1fr auto;column-gap:10px;background:linear-gradient(145deg,#fffaf0,#fff);border-color:#efe2c9}.attention-panel .eyebrow,.attention-panel h3,.attention-panel p{grid-column:1}.attention-panel h3{font:700 15px/1.35 system-ui,sans-serif;margin:10px 0 6px}.attention-panel p{font-size:10px;line-height:1.55;color:#728582;margin:0 0 15px}.attention-icon{grid-column:2;grid-row:1/4;width:38px;height:38px;border-radius:10px;background:#fff0d4;color:#bc7c1d;display:grid;place-items:center}.attention-icon svg{width:19px}.primary-button,.quiet-button,.outline-button{border-radius:8px;padding:9px 13px;font-size:10px;font-weight:700}.primary-button{border:0;background:#0a8276;color:#fff}.quiet-button{border:0;background:transparent;color:#778b88}.page-footer{height:60px;display:flex;justify-content:center;align-items:center;gap:7px;color:#7f9290;font-size:10px}.page-footer svg{color:#198668}.page-title{margin-bottom:27px}.page-title h1{font-size:30px}.history-toolbar{display:flex;justify-content:space-between;margin-bottom:15px}.time-pills.large button{font-size:10px;padding:7px 13px}.outline-button{background:#fff;border:1px solid #d7e3e1;color:#375552}.full-chart{margin-bottom:15px}.full-chart>div:last-child{height:340px!important}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:15px}.trend-card h3{font:700 14px system-ui,sans-serif;margin:0}.trend-card>strong{font:700 25px system-ui,sans-serif;display:block;margin:15px 0}.trend-card>strong small{font-size:11px;margin-left:2px}.spark-bars{height:90px;display:flex;gap:4px;align-items:end}.spark-bars i{flex:1;background:#9cd2ca;border-radius:2px 2px 0 0;min-width:2px}.alert-tabs{display:flex;gap:6px;margin-bottom:15px}.alert-tabs button{border:0;background:transparent;padding:8px 13px;border-radius:8px;color:#718481;font-size:11px}.alert-tabs button.active{background:#dfeeea;color:#08776d;font-weight:700}.alert-tabs b{font-size:9px;margin-left:4px}.alert-list{display:flex;flex-direction:column;gap:10px}.alert-row{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:start}.alert-row-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;background:#f3f6f5;color:#69817e}.alert-row.warning .alert-row-icon{background:#fff2db;color:#b6761c}.alert-main h3{font:700 14px system-ui,sans-serif;margin:8px 0 5px}.alert-main p{font-size:11px;color:#718582;margin:0 0 8px}.alert-main small{font-size:9px;color:#93a3a1}.severity,.alert-state{font-size:8px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.severity{color:#b77419}.alert-state{margin-left:8px;color:#879794}.systems-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.system-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px;display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center}.system-card>span{width:42px;height:42px;border-radius:11px;background:#e8f3f1;color:#0a8175;display:grid;place-items:center}.system-card>span svg{width:20px}.system-card h3{font:700 13px system-ui,sans-serif;margin:0}.system-card p{font-size:10px;color:#829391;margin:5px 0 8px}.system-card small{font-size:9px;color:#4d6c68}.system-card small i{display:inline-block;width:6px;height:6px;background:#22a27b;border-radius:50%;margin-right:6px}.system-card>svg{color:#8da09d;width:18px}.empty-state{text-align:center;padding:70px 20px}.empty-state>span{margin:auto;width:54px;height:54px;border-radius:15px;background:#e5f2ef;color:#0c8377;display:grid;place-items:center}.empty-state h3{font:700 17px system-ui,sans-serif;margin:18px 0 8px}.empty-state p{font-size:11px;color:#819391}.page-skeleton>i,.page-skeleton div i{display:block;background:linear-gradient(90deg,#e5ecea,#f6f8f7,#e5ecea);background-size:200%;animation:shimmer 1.5s infinite;border-radius:10px}.page-skeleton>i:first-child{width:280px;height:32px}.page-skeleton>i:nth-child(2){width:420px;height:13px;margin-top:12px}.page-skeleton div{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:35px}.page-skeleton div i{height:175px}.page-skeleton>i:last-child{height:320px;margin-top:15px}@keyframes shimmer{to{background-position:-200%}}.nav-backdrop{display:none}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.location-panel{min-height:320px}.page-wrap{padding:32px 27px}.systems-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:.25s}.sidebar-open{transform:none;box-shadow:20px 0 50px #001a1a55}.nav-close{display:block;position:absolute;right:14px;top:20px;border:0;background:transparent;color:#b9cac8}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#061b1f99;z-index:25}.main-content{margin-left:0}.topbar{height:64px;padding:0 14px}.mobile-menu{display:block}.weather{display:none}.boat-selector{margin-right:auto;margin-left:5px}.page-wrap{padding:26px 16px}.hero-row{align-items:start;gap:20px}.hero-row h1{font-size:25px}.sleep-status{padding:9px 11px}.sleep-status small{max-width:160px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:165px}.two-column,.systems-grid{grid-template-columns:1fr}.page-skeleton div{grid-template-columns:1fr 1fr}.alert-row{grid-template-columns:40px 1fr}.alert-row>.outline-button{grid-column:2;width:max-content}.top-actions{gap:2px}}@media(max-width:520px){.hero-row{display:block}.sleep-status{margin-top:18px;width:100%}.metric-grid{grid-template-columns:1fr}.dashboard-grid{gap:10px;margin-top:10px}.panel,.metric-card{border-radius:11px}.page-wrap{padding:22px 12px}.page-title h1{font-size:26px}.activity-item{grid-template-columns:31px 1fr}.activity-item time{grid-column:2}.history-toolbar{align-items:center}.full-chart{padding:14px 9px}.alert-row{padding:14px}.weather{display:none}.page-footer{text-align:center;line-height:1.5}.page-footer span{display:none}}.public-site{background:#f7faf9;color:#102a32;min-height:100vh}.public-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,90px);background:#f7faf9;position:relative;z-index:10}.public-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#0d3037;font:700 15px/1 system-ui,sans-serif;letter-spacing:.14em}.public-brand span{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#0b8a7d;color:#fff}.public-brand svg{width:18px}.public-brand small{font:600 7px/1.7 system-ui,sans-serif;letter-spacing:.2em;color:#79908d;display:block}.public-header nav{display:flex;align-items:center;gap:31px}.public-header nav>a{color:#526a68;text-decoration:none;font-size:12px;font-weight:600}.public-header nav>a.active{color:#087d72}.public-header .nav-login{margin-left:14px}.public-header .nav-cta,.marketing-primary{background:#0b8377!important;color:#fff!important;padding:11px 16px;border-radius:7px;display:flex;gap:8px;align-items:center}.nav-cta svg,.marketing-primary svg{width:14px}.public-menu{display:none;border:0;background:transparent}.marketing-hero{min-height:650px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:4vw;padding:45px 0 80px clamp(24px,7vw,110px);overflow:hidden;background:linear-gradient(120deg,#f7faf9 50%,#e4f1ef 50%)}.hero-text{max-width:570px;position:relative;z-index:2}.hero-kicker{font-size:10px;letter-spacing:.16em;font-weight:700;color:#55726e}.hero-kicker i{display:inline-block;width:20px;height:1px;background:#0a887b;vertical-align:middle;margin-right:8px}.hero-text h1{font:700 clamp(42px,5.5vw,75px)/1.02 system-ui,sans-serif;letter-spacing:-.055em;margin:21px 0;color:#0d2e35}.hero-text h1 em{font-style:normal;color:#0a887b}.hero-text>p:not(.hero-kicker){max-width:520px;color:#627b77;font-size:15px;line-height:1.7}.hero-buttons{display:flex;gap:11px;margin-top:28px}.marketing-primary,.marketing-secondary{text-decoration:none;font-size:12px;font-weight:700}.marketing-secondary{padding:11px 16px;color:#284e4b;border:1px solid #cadaD7;border-radius:7px;background:#fff}.trust-line{display:flex;gap:24px;margin-top:28px;font-size:10px;color:#6b817e}.trust-line span{display:flex;gap:5px;align-items:center}.trust-line svg{width:13px;color:#0a8a79}.boat-visual{height:540px;position:relative;overflow:hidden;background:linear-gradient(#d9eeeb 0,#d9eeeb 45%,#8abfc1 46%,#4d9b9d);border-radius:220px 0 0 220px;box-shadow:inset 0 0 90px #fff5}.sun{position:absolute;width:90px;height:90px;background:#fff9d7;border-radius:50%;right:15%;top:13%;box-shadow:0 0 60px #fff}.horizon{position:absolute;left:0;right:0;top:45%;height:3px;background:#fff7}.sailboat{position:absolute;left:40%;top:24%;width:210px;height:240px}.mast{position:absolute;width:3px;height:190px;background:#263f43;left:101px;top:0}.sail{position:absolute;top:10px;border-style:solid}.sail-left{left:1px;border-width:0 92px 160px 0;border-color:transparent #f7f2de transparent transparent}.sail-right{left:108px;border-width:0 0 135px 75px;border-color:transparent transparent #e8dfc2 transparent}.hull{position:absolute;top:164px;left:20px;width:170px;height:42px;background:#f8f4e9;border-radius:3px 3px 80px 80px;transform:skew(-13deg);box-shadow:0 8px 12px #144e5540}.water-ripples{position:absolute;top:46%;right:0;bottom:0;left:0;background:repeating-radial-gradient(ellipse at 48% 30%,transparent 0 25px,#ffffff25 26px 28px,transparent 29px 49px)}.floating-status{position:absolute;background:#fffe;box-shadow:0 8px 30px #153f4025;border:1px solid #fff;border-radius:11px;padding:10px 12px;display:grid;grid-template-columns:31px 1fr auto;gap:9px;align-items:center;min-width:210px}.floating-status>svg{padding:7px;width:31px;height:31px;border-radius:8px;background:#e7f4f0;color:#0a887b}.floating-status small,.floating-status strong{display:block}.floating-status small{font-size:7px;letter-spacing:.12em;color:#829692}.floating-status strong{font:700 13px system-ui,sans-serif;margin-top:2px}.floating-status>i{font-style:normal;font-size:8px;color:#158264}.status-one{left:7%;top:19%}.status-two{right:6%;bottom:16%}.connection-line{position:absolute;left:20%;bottom:12%;display:flex;gap:7px;align-items:center;color:#e9ffff;font-size:9px;letter-spacing:.08em}.connection-line svg{width:15px}.proof-strip{text-align:center;padding:85px 20px;background:#fff}.proof-strip>span{font-size:9px;letter-spacing:.2em;color:#0b887c;font-weight:700}.proof-strip strong{display:block;font:700 clamp(25px,3vw,38px) system-ui,sans-serif;letter-spacing:-.035em;margin:15px 0}.proof-strip p{max-width:600px;margin:auto;color:#718582;font-size:13px;line-height:1.6}.feature-showcase{padding:90px clamp(22px,7vw,110px);background:#f0f6f4}.section-heading h2{font:700 clamp(27px,3.3vw,44px)/1.2 system-ui,sans-serif;letter-spacing:-.04em;margin:0}.marketing-features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:46px}.marketing-features article{background:#fff;border:1px solid #dfe8e6;border-radius:12px;padding:22px}.marketing-features article>div{display:flex;justify-content:space-between}.marketing-features article>div span{width:40px;height:40px;border-radius:10px;background:#e7f3f0;color:#0b887b;display:grid;place-items:center}.marketing-features article>div svg{width:20px}.marketing-features article>div small{color:#a2b1af}.marketing-features h3{font:700 17px system-ui,sans-serif;margin:24px 0 9px}.marketing-features p{font-size:11px;line-height:1.6;color:#718481;min-height:54px}.marketing-features a{display:flex;align-items:center;gap:6px;text-decoration:none;color:#087c72;font-size:10px;font-weight:700}.marketing-features a svg{width:13px}.marketing-cta{padding:100px 20px;text-align:center;background:#09262d;color:#fff}.marketing-cta>svg{color:#4bd1bc}.marketing-cta .eyebrow{margin:15px}.marketing-cta h2{font:700 clamp(27px,3.8vw,48px)/1.2 system-ui,sans-serif;max-width:720px;margin:0 auto 28px;letter-spacing:-.04em}.marketing-cta .marketing-primary{display:inline-flex;background:#fff!important;color:#0a5e57!important}.public-footer{background:#061a20;color:#829c99;padding:55px clamp(22px,7vw,110px) 25px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px;position:relative}.public-brand.inverse{color:#fff}.public-footer>div p{font-size:11px;margin-top:16px}.public-footer>div:not(:first-child){display:flex;flex-direction:column;gap:10px}.public-footer strong{color:#e1ecea;font-size:11px}.public-footer a:not(.public-brand){color:#829c99;text-decoration:none;font-size:10px}.public-footer>small{grid-column:1/-1;border-top:1px solid #ffffff12;padding-top:18px;font-size:8px}.content-page{min-height:70vh}.content-hero{padding:100px clamp(22px,9vw,140px);background:#e7f2ef;text-align:center}.content-hero h1{font:700 clamp(35px,5vw,64px)/1.1 system-ui,sans-serif;letter-spacing:-.055em;margin:16px 0}.content-hero>p:last-child{color:#617b77;font-size:14px}.content-hero.about{background:#d9ece8}.how-grid,.values{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:80px clamp(22px,8vw,130px)}.how-grid article{position:relative;border-top:1px solid #bccfcb;padding-top:25px}.how-grid article>span{color:#0b897b}.how-grid article>small{position:absolute;right:0;top:26px;color:#9aa9a7}.how-grid h3,.values strong{font:700 18px system-ui,sans-serif;display:block;margin:22px 0 9px}.how-grid p,.values p,.about-story p{font-size:12px;color:#718481;line-height:1.7}.product-band,.about-story{padding:85px clamp(22px,8vw,130px);background:#0b2930;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.product-band h2,.about-story h2{font:700 clamp(28px,3vw,43px)/1.2 system-ui,sans-serif;letter-spacing:-.04em;margin:0}.product-band>p{font-size:13px;line-height:1.8;color:#a8bfbc}.about-story{background:#fff;color:#102a32}.values{background:#edf5f3}.values article{padding:22px;background:#fff;border-radius:10px}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(340px,42%) 1fr;background:#f7faf9}.auth-page>aside{background:linear-gradient(155deg,#08272e,#0b4143);padding:38px clamp(28px,4vw,65px);color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-page>aside:after{content:"";position:absolute;width:420px;height:420px;border:1px solid #ffffff12;border-radius:50%;right:-170px;bottom:-90px;box-shadow:0 0 0 65px #ffffff08,0 0 0 130px #ffffff05}.auth-page>aside>div{position:relative;z-index:1}.auth-page>aside h2{font:700 clamp(28px,3.5vw,46px)/1.2 system-ui,sans-serif;letter-spacing:-.045em;max-width:470px}.auth-page>aside ul{list-style:none;padding:0;margin:30px 0}.auth-page>aside li{display:flex;align-items:center;gap:10px;font-size:11px;color:#b9ccca;margin:13px 0}.auth-page>aside li svg{width:15px;color:#57c6b5}.auth-page>aside>small{position:relative;z-index:1;font-size:8px;color:#6f908d}.auth-page>main{display:flex;align-items:center;justify-content:center;padding:55px 25px;position:relative}.back-home{position:absolute;top:30px;left:35px;display:flex;align-items:center;gap:6px;text-decoration:none;color:#708481;font-size:10px}.back-home svg{width:14px}.auth-card{width:100%;max-width:390px}.auth-card.compact{max-width:380px}.auth-heading .eyebrow{color:#0a887b}.auth-heading h1{font:700 30px system-ui,sans-serif;letter-spacing:-.04em;margin:8px 0}.auth-heading>p:last-child{color:#718481;font-size:12px;margin:0 0 27px}.auth-field{display:block;margin:15px 0}.auth-field>span{font-size:10px;font-weight:700;color:#455f5c;display:block;margin-bottom:7px}.auth-field>div{height:46px;border:1px solid #d5e1df;background:#fff;border-radius:8px;display:flex;align-items:center;padding:0 12px;gap:9px}.auth-field>div:focus-within{border-color:#0b8b7e;box-shadow:0 0 0 3px #0b8b7e12}.auth-field svg{width:16px;color:#879997}.auth-field input{border:0;outline:0;flex:1;min-width:0;font:12px system-ui,sans-serif}.auth-field button{border:0;background:transparent;padding:5px;display:grid}.field-row{display:flex;justify-content:space-between;align-items:center;margin:12px 0 18px;font-size:10px;color:#708481}.field-row label{display:flex;gap:6px}.field-row a,.auth-switch a{color:#087e73;text-decoration:none;font-weight:700}.auth-submit,.demo-button{width:100%;height:45px;border-radius:8px;font-size:11px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:8px}.auth-submit{border:0;background:#0a8377;color:#fff}.auth-submit svg{width:15px}.auth-submit:disabled{opacity:.6}.demo-button{border:1px solid #cddbd8;background:#fff;color:#365451;margin-top:10px}.auth-switch{text-align:center;color:#718481;font-size:10px;margin-top:22px}.legal-copy{text-align:center;color:#91a19f;font-size:8px;line-height:1.5}.form-error,.form-message{padding:10px 12px;border-radius:7px;font-size:10px}.form-error{background:#fceae8;color:#a93e38}.form-message{background:#e8f4f0;color:#18745e}.auth-loading{min-height:100vh;display:grid;place-items:center;background:#f5f9f8;color:#0b8075;font-weight:700}@media(max-width:900px){.marketing-hero{grid-template-columns:1fr;padding-right:24px;background:#f7faf9}.boat-visual{height:420px;border-radius:40px}.marketing-features{grid-template-columns:1fr 1fr}.auth-page{grid-template-columns:1fr}.auth-page>aside{display:none}.how-grid,.values{grid-template-columns:1fr}.product-band,.about-story{grid-template-columns:1fr;gap:30px}.public-header nav{display:none}.public-header nav.open{display:flex;position:absolute;left:14px;right:14px;top:67px;flex-direction:column;align-items:stretch;background:#fff;padding:18px;border-radius:10px;box-shadow:0 15px 40px #123e3b25}.public-header nav.open a{padding:8px}.public-menu{display:block}.public-footer{grid-template-columns:1fr 1fr}.public-footer>div:first-child{grid-column:1/-1}}@media(max-width:560px){.marketing-hero{padding:45px 14px}.hero-text h1{font-size:42px}.hero-buttons,.trust-line{flex-direction:column;align-items:flex-start}.boat-visual{height:350px;border-radius:26px}.sailboat{transform:scale(.7);left:25%}.floating-status{transform:scale(.85)}.status-one{left:1%}.status-two{right:-4%}.marketing-features{grid-template-columns:1fr}.feature-showcase{padding:65px 14px}.public-footer{grid-template-columns:1fr}.public-footer>div:first-child{grid-column:auto}.auth-page>main{padding:80px 18px 35px}.back-home{left:18px}.content-hero{padding:75px 18px}.how-grid,.values,.product-band,.about-story{padding:60px 18px}}.quick-systems{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:15px;border:1px solid var(--line);background:var(--line);border-radius:12px;overflow:hidden}.quick-systems>div{background:#fff;min-height:75px;padding:14px 16px;display:flex;align-items:center;gap:11px}.tank-icon{width:35px;height:35px;border-radius:9px;background:#e7f3f7;color:#32849d;display:grid;place-items:center}.tank-icon svg{width:17px}.tank-icon.fuel{background:#fff3dd;color:#bd7b1c}.tank-icon.pump{background:#e8f4f0;color:#188869}.quick-systems p{margin:0;min-width:82px}.quick-systems small,.camera-summary small{font-size:8px;letter-spacing:.12em;color:#879997;display:block}.quick-systems strong,.camera-summary strong{font:700 12px system-ui,sans-serif;display:block;margin-top:4px}.level-bar{height:5px;flex:1;background:#e8f0ef;border-radius:5px;overflow:hidden}.level-bar i{height:100%;display:block;background:#388fa4;border-radius:5px}.level-bar.fuel i{background:#d39134}.last-cycle{margin-left:auto;font-size:8px;color:#879997}.camera-title{display:flex;justify-content:space-between;align-items:start}.capture-button{display:flex;align-items:center;gap:8px;padding:11px 15px}.capture-button svg{width:16px}.capture-button:disabled{opacity:.6}.queued-banner{background:#e8f4f1;border:1px solid #cfe4df;border-radius:10px;padding:12px 15px;display:flex;gap:11px;align-items:center;margin-bottom:14px;color:#146e61}.queued-banner>svg{width:19px}.queued-banner strong,.queued-banner small{display:block}.queued-banner strong{font-size:11px}.queued-banner small{font-size:9px;margin-top:3px;color:#60807b}.camera-summary{display:grid;grid-template-columns:1.2fr 1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:11px;margin-bottom:15px}.camera-summary>div{padding:15px 18px;border-right:1px solid var(--line);display:flex;align-items:center;gap:10px}.camera-summary>div:last-child{border-right:0}.capture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.capture-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;transition:.2s}.capture-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #163c3a13}.capture-card img,.capture-pending{width:100%;aspect-ratio:16/10;display:block;object-fit:cover}.capture-pending{background:#e9f1ef;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#718a87;gap:8px}.capture-pending svg{width:24px}.capture-pending span{font-size:9px}.capture-card>div:last-child{padding:13px 14px}.capture-reason{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#0a8276;font-weight:700}.capture-card h3{font:700 13px system-ui,sans-serif;margin:5px 0}.capture-card p{font-size:9px;color:#879997;margin:0}.image-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;border:0;background:#061719ef;display:grid;place-items:center;padding:5vw;cursor:zoom-out}.image-viewer>svg{position:absolute;right:25px;top:25px;color:#fff}.image-viewer img{max-width:100%;max-height:88vh;border-radius:10px;box-shadow:0 20px 70px #0008}.onboarding{max-width:720px;margin:35px auto}.onboarding-progress{display:flex;align-items:center;justify-content:center;margin-bottom:25px}.onboarding-progress span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#dfe8e6;color:#7b908d;font-size:10px;font-weight:700}.onboarding-progress span.active{background:#0a8477;color:#fff}.onboarding-progress i{width:80px;height:1px;background:#d5e1df}.setup-card{padding:38px;max-width:620px;margin:auto}.setup-card h1{font:700 27px system-ui,sans-serif;letter-spacing:-.04em;margin:8px 0}.setup-card>p:not(.eyebrow){font-size:11px;color:#718481;margin-bottom:25px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.setup-grid label:first-child{grid-column:1/-1}.setup-card label{display:block;font-size:10px;font-weight:700;color:#4b6461;margin:12px 0}.setup-card input{display:block;width:100%;height:44px;border:1px solid #d5e1df;border-radius:8px;margin-top:7px;padding:0 12px;font:12px system-ui,sans-serif;outline:0}.setup-card input:focus{border-color:#0b897c;box-shadow:0 0 0 3px #0b897c12}.setup-card .primary-button{margin-top:15px;display:inline-flex;align-items:center;gap:7px;text-decoration:none}.setup-card .primary-button svg{width:15px;transform:rotate(-90deg)}.setup-card.complete{text-align:center}.setup-card.complete>span{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin:0 auto 17px;background:#e4f3ee;color:#128263}.demo-hint{display:block;color:#8da09d;font-size:8px;margin-top:11px}@media(max-width:760px){.quick-systems{grid-template-columns:1fr}.capture-grid{grid-template-columns:1fr 1fr}.camera-summary{grid-template-columns:1fr}.camera-summary>div{border-right:0;border-bottom:1px solid var(--line)}.camera-title{display:block}.capture-button{margin-bottom:18px}.setup-card{padding:25px}}@media(max-width:500px){.capture-grid,.setup-grid{grid-template-columns:1fr}.setup-grid label:first-child{grid-column:auto}}.account{width:100%;border-left:0;border-right:0;border-bottom:0;background:transparent;text-align:left;color:inherit;cursor:pointer}.svg-chart{height:210px;margin-top:3px;overflow:hidden}.svg-chart svg{display:block;width:100%;height:188px;overflow:hidden}.svg-chart-labels{display:flex;justify-content:space-between;color:#839694;font-size:9px;padding:0 8px 0 35px}.sim-page{min-height:100vh;background:#f3f7f6;color:#123b3b;padding-bottom:70px}.sim-header{height:74px;padding:0 clamp(22px,5vw,72px);background:#fff;border-bottom:1px solid #dce7e4;display:flex;align-items:center;justify-content:space-between}.sim-header>div{display:flex;align-items:center;gap:22px;font-size:10px}.sim-header>div>span{display:flex;align-items:center;gap:7px;color:#829592}.sim-header>div>span svg{width:15px}.sim-header>div>span.sim-live{color:#0a8877;font-weight:700}.sim-header>div>a{color:#0a7e73;text-decoration:none;font-weight:700}.sim-hero{padding:55px clamp(22px,6vw,88px) 38px;background:linear-gradient(145deg,#082e35,#0b4d4b);color:#fff;display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.sim-hero h1{font:700 clamp(34px,4.8vw,62px)/1.04 system-ui,sans-serif;letter-spacing:-.055em;margin:10px 0 15px}.sim-hero>div>p:last-child{font-size:12px;line-height:1.7;color:#b8cdca;max-width:570px}.sim-flow{display:flex;align-items:center;gap:10px;padding:14px 18px;border:1px solid #ffffff25;border-radius:10px;background:#ffffff0a;white-space:nowrap}.sim-flow span{font-size:8px;letter-spacing:.08em;color:#d8e7e4}.sim-flow i{font-style:normal;color:#47c3af}.sim-layout{max-width:1420px;margin:28px auto;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;padding:0 24px}.sim-main{display:flex;flex-direction:column;gap:17px}.sim-panel,.sim-sidebar>div{background:#fff;border:1px solid #dbe6e3;border-radius:13px}.sim-panel{padding:23px}.sim-panel-title{display:flex;gap:15px;align-items:flex-start;margin-bottom:20px}.sim-panel-title>span{width:31px;height:31px;border-radius:8px;background:#e2f2ee;color:#078172;display:grid;place-items:center;font:700 10px system-ui,sans-serif}.sim-panel-title h2{font:700 16px system-ui,sans-serif;margin:0 0 4px}.sim-panel-title p{font-size:10px;color:#718682;margin:0}.sim-fields{display:grid;grid-template-columns:1fr 1.2fr auto;gap:12px;align-items:end}.sim-fields label,.mode-grid>label{font-size:9px;font-weight:700;color:#607773}.sim-fields input,.mode-grid input,.mode-grid select,.add-sensor select{display:block;width:100%;height:42px;border:1px solid #d5e1de;border-radius:8px;background:#fff;margin-top:6px;padding:0 11px;font:11px system-ui,sans-serif;outline:0}.sim-fields input:focus,.mode-grid input:focus,.mode-grid select:focus,.add-sensor select:focus{border-color:#0b8b7d;box-shadow:0 0 0 3px #0b8b7d12}.sim-fields button,.add-sensor button{height:42px;border:0;border-radius:8px;background:#0a8275;color:#fff;padding:0 16px;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700}.sim-fields button svg,.add-sensor button svg{width:15px}.sim-fields button:disabled{background:#8a9d9a}.sensor-list{border:1px solid #dce6e4;border-radius:10px;overflow:hidden}.sensor-row{min-height:61px;display:grid;grid-template-columns:36px minmax(180px,1fr) minmax(120px,190px) 30px;align-items:center;gap:11px;padding:9px 12px;border-bottom:1px solid #e4ecea}.sensor-row:last-child{border-bottom:0}.sensor-dot{width:34px;height:34px;border-radius:8px;background:#e5f2ef;color:#168675;display:grid;place-items:center}.sensor-dot svg{width:16px}.sensor-row>div strong,.sensor-row>div small{display:block}.sensor-row>div strong{font-size:10px}.sensor-row>div small{font:8px ui-monospace,SFMono-Regular,monospace;color:#8a9b98;margin-top:3px}.sensor-value{height:36px;border:1px solid #d8e3e0;border-radius:7px;display:flex;align-items:center;background:#fbfdfc}.sensor-value input{width:100%;min-width:0;border:0;outline:0;background:transparent;padding:0 9px;text-align:right;font:700 12px system-ui,sans-serif}.sensor-value span{font-size:9px;color:#829591;padding-right:9px}.boolean-toggle{height:34px;border:0;border-radius:7px;background:#edf2f1;color:#80928f;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px}.boolean-toggle i{width:20px;height:11px;border-radius:10px;background:#b8c5c3;position:relative}.boolean-toggle i:after{content:"";width:7px;height:7px;position:absolute;left:2px;top:2px;background:#fff;border-radius:50%}.boolean-toggle.on{background:#e3f2ed;color:#087968}.boolean-toggle.on i{background:#1a9a83}.boolean-toggle.on i:after{left:11px}.sensor-delete{border:0;background:transparent;color:#a3b1af;padding:5px}.sensor-delete:hover{color:#c1514a}.sensor-delete svg{width:14px}.add-sensor{display:flex;gap:9px;margin-top:12px}.add-sensor select{margin:0;max-width:300px}.mode-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:15px;align-items:end}.mode-grid>label:nth-child(2){position:relative}.mode-grid>label:nth-child(2)>span{position:absolute;right:9px;bottom:13px;font-size:8px;color:#8a9c98}.auto-switch{height:42px;display:flex;align-items:center!important;gap:9px;border:1px solid #d8e3e0;border-radius:8px;padding:0 12px}.auto-switch input{display:none}.auto-switch i{width:28px;height:15px;border-radius:15px;background:#bdc9c7;position:relative}.auto-switch i:after{content:"";width:11px;height:11px;left:2px;top:2px;position:absolute;border-radius:50%;background:#fff;transition:.2s}.auto-switch input:checked+i{background:#15917e}.auto-switch input:checked+i:after{left:15px}.sim-actions{display:flex;gap:10px;flex-wrap:wrap}.sim-actions button{height:46px;border-radius:9px;padding:0 17px;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700}.sim-actions button svg{width:16px}.sim-actions button:disabled{opacity:.5}.sim-publish{border:0;background:#078274;color:#fff}.sim-alert{border:1px solid #e3c0bd;background:#fff6f5;color:#a83d36}.sim-alert.warning{border-color:#ead7b5;background:#fffaf0;color:#a36a17}.sim-sidebar{display:flex;flex-direction:column;gap:15px}.sim-sidebar>div{padding:20px}.sim-status>span{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#edf2f1;color:#80938f;margin-bottom:20px}.sim-status>span.ready{background:#e3f3ed;color:#108064}.sim-status>span.working{background:#e2f1f3;color:#247f8c}.sim-status>span svg{width:20px}.sim-status h3{font:700 13px/1.5 system-ui,sans-serif;margin:8px 0 0}.sim-log>h3,.sim-note strong{font:700 12px system-ui,sans-serif}.sim-log>div{display:grid;grid-template-columns:58px 1fr;gap:8px;padding:11px 0;border-bottom:1px solid #e7eeec}.sim-log time{font:8px ui-monospace,monospace;color:#879996}.sim-log p{font-size:9px;line-height:1.4;margin:0}.sim-log .error p{color:#a6443e}.sim-empty{font-size:9px;color:#899b98}.sim-note{background:#0b3a3d!important;color:#fff}.sim-note p{font-size:9px;line-height:1.7;color:#b9cdca;margin-bottom:0}@media(max-width:900px){.sim-hero{display:block}.sim-flow{margin-top:25px;overflow:auto}.sim-layout{grid-template-columns:1fr}.sim-sidebar{grid-row:1}.sim-fields,.mode-grid{grid-template-columns:1fr}.sensor-row{grid-template-columns:34px 1fr 120px 25px}}@media(max-width:560px){.sim-header{padding:0 16px}.sim-header>div>span{display:none}.sim-hero{padding:38px 20px 28px}.sim-layout{padding:0 12px}.sensor-row{grid-template-columns:34px 1fr 25px}.sensor-row>.sensor-value,.sensor-row>.boolean-toggle{grid-column:2/3}.sensor-row>.sensor-delete{grid-column:3;grid-row:1}.sim-actions{display:grid}.sim-actions button{justify-content:center}}.boat-switcher{position:relative}.boat-selector{border:0;background:transparent;cursor:pointer;text-align:left;padding:4px;display:flex}.boat-menu{position:absolute;top:52px;left:0;width:290px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 50px #102f2d25;padding:10px;z-index:50}.boat-menu>p{font-size:8px;letter-spacing:.14em;font-weight:700;color:#879997;margin:4px 7px 8px}.boat-menu button{width:100%;border:0;background:transparent;border-radius:9px;padding:10px;display:grid;grid-template-columns:30px 1fr 18px;gap:9px;align-items:center;text-align:left;color:#53706c}.boat-menu button:hover,.boat-menu button.active{background:#edf6f3;color:#08796e}.boat-menu button>svg{width:17px}.boat-menu button span strong,.boat-menu button span small{display:block}.boat-menu button span strong{font-size:11px;color:#183a3c}.boat-menu button span small{font-size:8px;color:#879997;margin-top:3px}.boat-menu>a{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);margin-top:6px;padding:11px 9px 5px;color:#08796e;text-decoration:none;font-size:10px;font-weight:700}.boat-menu>a svg{width:15px}.overview-actions{display:flex;align-items:center;gap:10px}.edit-dashboard{display:flex;align-items:center;gap:7px;height:48px;cursor:pointer}.edit-dashboard svg{width:14px}.edit-dashboard.active{background:#e2f2ee;color:#08796e}.layout-editor{background:#0b3438;color:#fff;border-radius:14px;padding:18px;margin-bottom:16px;box-shadow:0 10px 30px #062d2c20}.layout-editor>div:first-child{display:flex;align-items:center;gap:11px}.layout-editor>div:first-child>svg{color:#45c2af}.layout-editor strong,.layout-editor small{display:block}.layout-editor strong{font:700 13px system-ui,sans-serif}.layout-editor small{font-size:9px;color:#a9c1be;margin-top:3px}.layout-editor-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:14px}.layout-editor-list article{height:42px;border:1px solid #ffffff17;border-radius:8px;background:#ffffff08;display:grid;grid-template-columns:24px 1fr 76px repeat(3,28px);align-items:center;padding:0 7px;gap:4px}.layout-editor-list article.hidden{opacity:.48}.layout-editor-list article>svg{width:14px;color:#7da19d}.layout-editor-list article>span{font-size:9px;font-weight:600}.layout-editor-list select,.layout-editor-list button{height:27px;border:1px solid #ffffff18;border-radius:6px;background:#123f42;color:#d7e7e5;font-size:8px}.layout-editor-list button{display:grid;place-items:center}.layout-editor-list button:disabled{opacity:.25}.layout-editor-list button svg{width:12px}.save-layout{margin-top:13px;background:#17a492}.widget-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row dense;gap:15px}.widget-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 5px 20px #163c3a07;padding:19px;min-height:190px;overflow:hidden}.widget-card.size-small{grid-column:span 1}.widget-card.size-medium{grid-column:span 2}.widget-card.size-wide{grid-column:span 4}.widget-card.size-large{grid-column:span 2;grid-row:span 2;min-height:395px}.widget-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.widget-title h2{font:700 15px system-ui,sans-serif;margin:0;color:#17363a}.widget-title .eyebrow{margin-bottom:5px}.widget-title>span{width:35px;height:35px;border-radius:9px;background:#e7f3f0;color:#0a8276;display:grid;place-items:center}.widget-title>span svg{width:18px}.widget-move{position:absolute;top:7px;right:7px;display:flex;gap:3px;z-index:4}.widget-move button{border:1px solid var(--line);background:#fff;width:26px;height:26px;border-radius:6px;color:#6d8581}.widget-move svg{width:12px}.widget-value{display:flex;justify-content:space-between;align-items:end;min-height:65px}.widget-value>strong,.paired-values strong,.entity-detail>strong{font:700 29px system-ui,sans-serif;letter-spacing:-.04em}.widget-value strong small,.paired-values strong small,.entity-detail strong small{font-size:11px;margin-left:3px;color:#617875}.widget-secondary,.widget-copy{font-size:10px;line-height:1.55;color:#728582}.metric-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;border-top:1px solid #edf2f1;padding-top:11px;margin-top:13px;color:#869895;font-size:8px;text-transform:capitalize}.metric-meta span+span:before{content:"·";margin-right:7px}.freshness{display:inline-flex;padding:4px 7px;border-radius:12px;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.freshness.current{background:#e3f2ed;color:#128064}.freshness.stale{background:#fff1d8;color:#a96e18}.freshness.invalid{background:#fde6e4;color:#af403a}.freshness.unknown{background:#edf1f0;color:#718481}.paired-values{display:grid;grid-template-columns:1fr 1fr;gap:12px}.paired-values>div{background:#f5f8f7;border-radius:10px;padding:14px}.paired-values strong,.paired-values span{display:block}.paired-values span{font-size:8px;color:#849794;margin-top:5px}.boolean-state{border-radius:11px;padding:17px}.boolean-state.on{background:#e6f4ef;color:#11795f}.boolean-state.off{background:#fff2dd;color:#9b6618}.boolean-state strong,.boolean-state small{display:block}.boolean-state strong{font:700 22px system-ui,sans-serif}.boolean-state small{font-size:9px;margin-top:5px}.bilge-state{padding:15px;border-radius:10px}.bilge-state.clear{background:#e8f4f6;color:#287c93}.bilge-state.danger{background:#fde9e7;color:#ad3e38}.bilge-state strong,.bilge-state span{display:block}.bilge-state strong{font:700 23px system-ui,sans-serif}.bilge-state span{font-size:9px;margin-top:5px}.tank-row{display:grid;grid-template-columns:1fr auto;gap:6px;margin:12px 0}.tank-row>span,.tank-row>strong{font-size:9px}.tank-row>strong{font-size:11px}.tank-row>div{grid-column:1/-1;height:6px;border-radius:5px;background:#e8f0ef;overflow:hidden}.tank-row>div i{display:block;height:100%;background:#328ca0;border-radius:5px}.tank-row:nth-of-type(3)>div i{background:#d18d2d}.widget-attention{background:linear-gradient(145deg,#fffaf0,#fff);border-color:#eadcc1}.widget-attention p{font-size:10px;line-height:1.65;color:#70837f;max-width:760px}.widget-attention .primary-button{display:inline-block;text-decoration:none}.widget-location{padding-bottom:0}.widget-map{height:235px;margin:0 -19px}.widget-trend .svg-chart{height:188px}.widget-trend .svg-chart svg{height:180px}.compact-events{margin-bottom:10px}.event-line{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center;border-bottom:1px solid #edf2f1;padding:10px 0}.event-line>span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#e8f4f1;color:#16836c}.event-line.critical>span{background:#fde8e6;color:#b4413c}.event-line svg{width:13px}.event-line strong,.event-line small{display:block}.event-line strong{font-size:9px}.event-line small{font-size:8px;color:#879996;margin-top:3px}.empty-inline{font-size:9px;color:#849794;line-height:1.5}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.action-buttons button{height:42px;border:1px solid #d7e4e1;border-radius:8px;background:#f8fbfa;color:#176f66;display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;font-weight:700}.action-buttons button svg{width:14px}.action-buttons button:disabled{opacity:.5}.command-result{display:flex;gap:7px;align-items:center;background:#e6f4ef;color:#107861;border-radius:7px;padding:8px 10px;font-size:8px;margin-top:9px}.command-result svg{width:13px}.action-note{display:block;color:#899a97;font-size:8px;margin-top:10px}.edge-health{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:9px;overflow:hidden}.edge-health>div{background:#f9fbfa;padding:11px}.edge-health span,.edge-health strong{display:block}.edge-health span{font-size:7px;letter-spacing:.08em;text-transform:uppercase;color:#879996}.edge-health strong{font-size:9px;margin-top:5px;text-transform:capitalize}.explore-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:15px}.entity-browser{padding:12px;max-height:680px;overflow:auto}.search-box{height:40px;border:1px solid #d8e3e0;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 10px;position:sticky;top:0;background:#fff;z-index:2}.search-box svg{width:15px;color:#79908c}.search-box input{border:0;outline:0;width:100%;font-size:10px}.entity-list{margin-top:9px}.entity-list>button{width:100%;border:0;background:transparent;border-radius:9px;padding:10px 8px;display:grid;grid-template-columns:23px 1fr auto;gap:8px;align-items:center;text-align:left}.entity-list>button:hover,.entity-list>button.selected{background:#edf6f3}.entity-check{width:18px;height:18px;border:1px solid #cddbd8;border-radius:5px;display:grid;place-items:center}.entity-check.on{background:#0b887b;color:#fff;border-color:#0b887b}.entity-check svg{width:11px}.entity-list strong,.entity-list small{display:block}.entity-list strong{font-size:9px}.entity-list small{font-size:7px;color:#879996;margin-top:3px}.entity-list b{font:700 10px system-ui,sans-serif;color:#315450}.explore-main{min-width:0}.explore-chart{min-height:300px}.entity-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.entity-detail{background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px}.entity-detail h3{font:700 11px system-ui,sans-serif;margin:11px 0 8px}.entity-detail>strong{font-size:20px}.entity-detail p{font:8px ui-monospace,monospace;color:#778b88}.entity-detail>small{font-size:7px;color:#8d9d9a}.event-table{padding:5px 18px}.event-table>div{min-height:61px;border-bottom:1px solid #e9efee;display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:12px}.event-table>div:last-child{border-bottom:0}.event-severity{font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:5px 7px;border-radius:9px;text-align:center;background:#e7f3ef;color:#187b66}.event-severity.warning{background:#fff1d8;color:#a76a16}.event-severity.critical{background:#fde7e5;color:#ad3e38}.event-table strong,.event-table small{display:block}.event-table strong{font-size:10px}.event-table small{font-size:8px;color:#879996;margin-top:4px}.event-table code{font-size:8px;color:#728582}.device-tree{display:flex;flex-direction:column;gap:11px}.device-node{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.device-summary{width:100%;border:0;background:#fff;padding:17px;display:grid;grid-template-columns:44px 1fr auto 22px;gap:13px;align-items:center;text-align:left}.device-icon{width:42px;height:42px;border-radius:11px;background:#e6f3ef;color:#0a8276;display:grid;place-items:center}.device-icon svg{width:20px}.device-summary .eyebrow{margin-bottom:4px}.device-summary h2{font:700 13px system-ui,sans-serif;margin:0}.device-summary>div>small{font:8px ui-monospace,monospace;color:#879996}.device-status{text-align:right}.device-status small{display:block;font-size:8px;color:#8a9b98;margin-top:4px}.availability{font-size:8px;font-weight:700;text-transform:uppercase;padding:5px 8px;border-radius:9px;background:#edf1f0;color:#718481}.availability.available{background:#e4f3ed;color:#107a62}.availability.unavailable{background:#fde8e6;color:#ad403a}.device-summary>svg{width:16px;color:#879996;transition:.2s}.device-summary>svg.open{transform:rotate(90deg)}.device-entities{border-top:1px solid var(--line);padding:5px 18px 10px 74px}.device-entities>div{display:grid;grid-template-columns:30px 1fr auto 70px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #edf2f1}.device-entities>div:last-child{border-bottom:0}.entity-kind{width:28px;height:28px;border-radius:8px;background:#edf3f1;color:#67817d;display:grid;place-items:center}.entity-kind.write{background:#fff0d7;color:#ad711c}.entity-kind svg{width:13px}.device-entities strong,.device-entities small{display:block}.device-entities strong{font-size:9px}.device-entities small{font-size:7px;color:#899a97;margin-top:3px}.device-entities b{font:700 11px system-ui,sans-serif}.device-entities b small{display:inline;margin-left:2px}.more-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.more-grid>a{background:#fff;border:1px solid var(--line);border-radius:13px;padding:19px;display:grid;grid-template-columns:42px 1fr 20px;gap:13px;align-items:center;text-decoration:none;color:inherit;transition:.2s}.more-grid>a:hover{transform:translateY(-2px);box-shadow:0 9px 25px #153b3912}.more-grid>a>span{width:42px;height:42px;border-radius:10px;background:#e6f3ef;color:#0a8276;display:grid;place-items:center}.more-grid>a>span svg{width:20px}.more-grid h2{font:700 13px system-ui,sans-serif;margin:0}.more-grid p{font-size:9px;color:#718582;line-height:1.5;margin:5px 0 0}.more-grid>a>svg{width:15px;color:#899a97}.location-page-map{padding:0;overflow:hidden}.location-page-map .map-visual{height:520px;margin:0;border-radius:13px 13px 0 0}.location-facts{display:grid;grid-template-columns:repeat(3,1fr)}.location-facts>div{padding:17px;border-right:1px solid var(--line)}.location-facts>div:last-child{border:0}.location-facts span,.location-facts strong{display:block}.location-facts span{font-size:8px;color:#879996;text-transform:uppercase;letter-spacing:.08em}.location-facts strong{font-size:11px;margin-top:5px}.system-overview{display:grid;grid-template-columns:1fr 1.4fr;gap:14px}.sync-flow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:35px}.sync-flow span{flex:1;background:#f2f7f5;border-radius:10px;padding:16px;text-align:center;font:700 10px system-ui,sans-serif}.sync-flow span small{display:block;font:8px system-ui,sans-serif;color:#7f9290;margin-top:5px}.sync-flow i{font-style:normal;color:#16a18e}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.service-grid article>svg{color:#0a8276}.service-grid h2{font:700 13px system-ui,sans-serif}.service-grid p{font-size:9px;line-height:1.6;color:#718582;min-height:44px}.service-grid a{display:inline-block;text-decoration:none}@media(max-width:1150px){.widget-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.widget-card.size-wide{grid-column:span 2}.widget-card.size-small{grid-column:span 1}.layout-editor-list,.system-overview{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.overview-actions{align-items:stretch;flex-direction:column}.hero-row{align-items:stretch}.widget-grid{grid-template-columns:1fr}.widget-card.size-small,.widget-card.size-medium,.widget-card.size-wide,.widget-card.size-large{grid-column:span 1;grid-row:auto;min-height:0}.layout-editor-list article{grid-template-columns:20px 1fr 62px repeat(3,25px)}.explore-layout{grid-template-columns:1fr}.entity-browser{max-height:340px}.entity-detail-grid{grid-template-columns:1fr 1fr}.more-grid,.service-grid{grid-template-columns:1fr}.device-summary{grid-template-columns:40px 1fr 20px}.device-status{display:none}.device-entities{padding-left:18px}.device-entities>div{grid-template-columns:28px 1fr auto}.device-entities .freshness{display:none}.system-overview{grid-template-columns:1fr}.sync-flow{flex-direction:column}.sync-flow i{transform:rotate(90deg)}.location-facts{grid-template-columns:1fr}.location-facts>div{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:500px){.weather{display:none}.boat-menu{position:fixed;top:68px;left:12px;right:12px;width:auto}.entity-detail-grid,.paired-values,.action-buttons{grid-template-columns:1fr}.event-table>div{grid-template-columns:60px 1fr}.event-table code{display:none}.layout-editor{margin-left:-10px;margin-right:-10px}.layout-editor-list article{grid-template-columns:18px 1fr repeat(3,25px)}.layout-editor-list select{display:none}}.widget-card.is-editing{border:1px dashed #27a896;cursor:grab;padding-top:48px;overflow:visible;transition:opacity .16s,transform .16s,box-shadow .16s}.widget-card.is-editing:active{cursor:grabbing}.widget-card.is-dragging{opacity:.42;transform:scale(.985);box-shadow:0 18px 45px #0a3a3526}.widget-drag-handle{position:absolute;top:10px;left:12px;height:27px;border:0;background:transparent;padding:0;display:flex;align-items:center;gap:4px;color:#39776f;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:grab;touch-action:none;z-index:6}.widget-drag-handle:active{cursor:grabbing}.widget-drag-handle svg{width:14px}.widget-resize-handle{position:absolute;right:5px;bottom:5px;width:24px;height:24px;border:0;background:transparent;cursor:nwse-resize;z-index:5}.widget-resize-handle span,.widget-resize-handle span:before,.widget-resize-handle span:after{content:"";position:absolute;width:9px;height:1px;background:#278f82;transform:rotate(-45deg);right:3px;bottom:5px}.widget-resize-handle span:before{right:3px;bottom:3px;width:6px}.widget-resize-handle span:after{right:6px;bottom:6px;width:4px}.hidden-widget-shelf{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:13px;padding-top:12px;border-top:1px solid #ffffff18}.hidden-widget-shelf>span{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#8fb0ac;margin-right:3px}.hidden-widget-shelf button{height:29px;border:1px solid #ffffff1f;border-radius:7px;background:#17464a;color:#d9e9e7;padding:0 10px;display:flex;align-items:center;gap:5px;font-size:8px}.hidden-widget-shelf button svg{width:12px}.hidden-widget-shelf>small{margin:0;color:#8fb0ac}.explore-history-list{display:flex;flex-direction:column;gap:12px}.entity-history-card{padding:18px;min-width:0}.entity-history-card>header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.entity-history-card>header h2{font:700 14px system-ui,sans-serif;margin:0 0 4px}.entity-history-card>header>div>small{font-size:8px;color:#829591}.history-current{text-align:right;display:flex;align-items:center;gap:12px}.history-current>strong{font:700 24px system-ui,sans-serif;white-space:nowrap}.history-current>strong small{font-size:10px;margin-left:3px;color:#718582}.entity-history-card .svg-chart{height:205px;margin-top:10px}.entity-history-card .svg-chart svg{height:195px}.history-statistics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-top:8px}.history-statistics>span{padding:10px 12px;border-right:1px solid var(--line);background:#fafcfb}.history-statistics>span:last-child{border:0}.history-statistics small,.history-statistics strong{display:block}.history-statistics small{font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:#8a9b98}.history-statistics strong{font:700 10px system-ui,sans-serif;margin-top:4px}.device-contents{border-top:1px solid var(--line);padding:14px 16px 16px 72px;background:#fbfcfc}.device-entity-group{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden;margin-bottom:9px}.device-entity-group>header{display:flex;align-items:center;gap:10px;padding:11px 13px;background:#f5f9f8;border-bottom:1px solid var(--line)}.device-entity-group>header>span{width:27px;height:27px;border-radius:8px;background:#e3f2ed;color:#0c8174;display:grid;place-items:center}.device-entity-group>header svg{width:13px}.device-entity-group>header strong,.device-entity-group>header small{display:block}.device-entity-group>header strong{font-size:10px}.device-entity-group>header small{font-size:7px;color:#879996;margin-top:2px}.device-entity-group .device-entities{border:0;padding:0 13px}.position-entity-row{display:grid;grid-template-columns:30px 1fr auto 90px;gap:10px;align-items:center;padding:12px 13px;border-bottom:1px solid #edf2f1}.position-entity-row strong,.position-entity-row small{display:block}.position-entity-row strong{font-size:9px}.position-entity-row small{font-size:7px;color:#899a97;margin-top:3px}.position-entity-row>b{font:700 10px system-ui,sans-serif}.child-devices{margin-top:14px}.device-section-label{font-size:7px;font-weight:700;letter-spacing:.11em;color:#7e918e;margin:0 0 7px}.child-devices>.device-node{margin-top:8px;box-shadow:0 4px 15px #163c3a08}.child-devices .device-contents{padding-left:58px}.freshness.stale{text-transform:none}@media(max-width:760px){.widget-card.is-editing{padding-top:48px}.entity-history-card>header{flex-direction:column}.history-current{width:100%;justify-content:space-between;text-align:left}.history-statistics{grid-template-columns:1fr 1fr}.history-statistics>span:nth-child(2){border-right:0}.history-statistics>span:nth-child(-n+2){border-bottom:1px solid var(--line)}.device-contents,.child-devices .device-contents{padding:10px}.position-entity-row{grid-template-columns:28px 1fr;align-items:start}.position-entity-row>b{grid-column:2}.position-entity-row>.freshness{grid-column:2;width:max-content}}.primary-nav{overflow-y:auto;padding-right:2px}.nav-section-label{margin-top:20px;padding-top:15px;border-top:1px solid #ffffff10}.widget-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row dense}.layout-editor{position:sticky;top:86px;z-index:12}.layout-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.layout-editor-heading>div:first-child{display:flex;align-items:center;gap:11px}.layout-editor-heading>div:first-child>svg{color:#45c2af}.layout-editor-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.layout-editor-actions button{height:34px;border-radius:7px;padding:0 11px;display:flex;align-items:center;gap:6px;font-size:8px;font-weight:700}.layout-editor-actions button svg{width:13px}.outline-dark-button{border:1px solid #ffffff25;background:#ffffff0a;color:#e2eeec}.quiet-dark-button{border:0;background:transparent;color:#aac2be}.layout-editor-actions .save-layout{margin:0}.layout-editor-actions .save-layout:disabled{opacity:.4}.widget-library{margin-top:14px;background:#fff;color:#183a3c;border-radius:11px;padding:14px;box-shadow:0 16px 40px #001b1b40;max-height:430px;overflow:auto}.widget-library>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:11px;margin-bottom:11px}.widget-library>header strong,.widget-library>header small{display:block}.widget-library>header strong{font-size:12px}.widget-library>header small{font-size:8px;color:#829591;margin-top:3px}.widget-library>header button{border:0;background:transparent;color:#6e8581}.widget-library>header button svg{width:16px}.widget-library>section>p{font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#819390;margin:13px 0 6px}.widget-library>section>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.widget-library>section>div>button{border:1px solid var(--line);background:#f9fbfa;border-radius:9px;padding:10px;display:grid;grid-template-columns:31px 1fr 16px;align-items:center;gap:9px;text-align:left;color:#294b48}.widget-library>section>div>button:hover{border-color:#65b9ad;background:#eff8f5}.widget-library>section>div>button>span{width:30px;height:30px;border-radius:8px;background:#e5f2ef;color:#0a8276;display:grid;place-items:center}.widget-library>section>div>button svg{width:13px}.widget-library>section>div>button strong,.widget-library>section>div>button small{display:block}.widget-library>section>div>button strong{font-size:9px}.widget-library>section>div>button small{font-size:7px;color:#879996;text-transform:capitalize;margin-top:3px}.widget-resize-handle{width:46px;height:30px;border-radius:7px;background:#e5f3ef;border:1px solid #b8dcd5;display:flex;align-items:center;justify-content:flex-start;padding-left:7px;color:#17796e}.widget-resize-handle b{font-size:8px;font-weight:700}.widget-resize-handle span,.widget-resize-handle span:before,.widget-resize-handle span:after{background:#17796e}@media(max-width:1050px){.widget-library>section>div{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-editor{position:relative;top:auto}.layout-editor-heading{align-items:flex-start;flex-direction:column}}@media(max-width:760px){.widget-card{grid-column:1/-1!important;grid-row:auto!important;min-height:0!important}.widget-library>section>div{grid-template-columns:1fr}.layout-editor-actions{justify-content:flex-start}}:root{--font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-data: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-md: .9375rem;--text-lg: 1.125rem;--text-xl: 1.75rem}html,body,button,input,select,textarea,h1,h2,h3,p,small,strong,a{font-family:var(--font-ui)}code,.entity-detail p,.device-summary>div>small{font-family:var(--font-data)}.eyebrow,.nav-label{letter-spacing:.12em}.dashboard-notice{min-height:44px;margin:-10px 0 15px;padding:10px 12px;border:1px solid #b9ddd5;border-radius:9px;background:#edf8f5;color:#116f64;display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:650}.dashboard-notice.error{border-color:#ecc9c6;background:#fff1f0;color:#a13f39}.dashboard-notice>svg,.dashboard-notice button svg{width:15px;height:15px}.dashboard-notice button{margin-left:auto;border:0;background:transparent;color:inherit;padding:4px;display:grid;place-items:center}.widget-library>section>p,.widget-title .eyebrow{text-transform:uppercase}