:root{--bg:#071922;--bg-soft:#0b2530;--panel:#0e303b;--text:#eef9f7;--muted:#9db9b8;--line:rgba(176,235,226,.17);--accent:#31d4c9;--accent-2:#50a9ff;--warm:#e9fbf8;--ink:#0b2a32;--shadow:0 24px 70px rgba(0,0,0,.28);--radius:24px;color-scheme:dark}
:root[data-theme="light"]{--bg:#eef8f6;--bg-soft:#dff2ef;--panel:#fff;--text:#0a2830;--muted:#526e70;--line:rgba(10,70,76,.15);--accent:#008f8b;--accent-2:#167fd5;--warm:#fff;--ink:#092931;--shadow:0 24px 60px rgba(15,73,77,.14);color-scheme:light}
*{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",sans-serif;line-height:1.55;overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--accent);color:#052229;padding:.7rem 1rem;border-radius:12px;z-index:100}.skip-link:focus{top:1rem}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem clamp(1rem,4vw,4rem);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.65rem;min-width:max-content}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--accent),var(--accent-2));box-shadow:0 8px 24px rgba(49,212,201,.22)}.brand-mark img{width:24px;height:24px;filter:brightness(0) invert(1)}.brand span:last-child{display:grid;line-height:1.05}.brand strong{letter-spacing:.02em}.brand small{font-size:.69rem;color:var(--muted);margin-top:.18rem;text-transform:uppercase;letter-spacing:.16em}.site-header nav{display:flex;gap:clamp(.5rem,2vw,1.6rem);font-size:.9rem;color:var(--muted)}.site-header nav a{padding:.55rem .25rem}.site-header nav a:hover{color:var(--text)}.theme-toggle{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer}.hero{min-height:88vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);align-items:center;gap:clamp(2rem,6vw,7rem);padding:clamp(4rem,8vw,8rem) clamp(1rem,6vw,7rem);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:55vw;height:55vw;right:-22vw;top:-18vw;border-radius:50%;background:radial-gradient(circle,rgba(49,212,201,.2),transparent 66%);pointer-events:none}.eyebrow{display:inline-block;color:var(--accent);font-weight:750;font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;margin-bottom:1rem}.hero h1,.product-heading h2,.section-heading h2,.closing h2{margin:0;line-height:.98;letter-spacing:-.055em}.hero h1{font-size:clamp(3.2rem,7.2vw,7.5rem);max-width:10ch}.hero h1 span{color:var(--accent)}.hero-lead{font-size:clamp(1.05rem,1.8vw,1.3rem);color:var(--muted);max-width:58ch;margin:1.7rem 0 2rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem}.button{padding:.82rem 1.1rem;border-radius:14px;font-weight:750;border:1px solid var(--line)}.button.primary{background:var(--accent);color:#05272b;border-color:transparent}.button.secondary{background:var(--panel)}.hero-badges{list-style:none;padding:0;margin:1.5rem 0 0;display:flex;flex-wrap:wrap;gap:.55rem}.hero-badges li{border:1px solid var(--line);border-radius:999px;padding:.4rem .7rem;color:var(--muted);font-size:.8rem;background:color-mix(in srgb,var(--panel) 65%,transparent)}.phone-stage{position:relative;height:min(73vh,720px);min-height:580px;perspective:1400px}.phone{position:absolute;top:50%;left:50%;width:min(310px,43vw);aspect-ratio:1080/2352;padding:0;border:8px solid #152f37;border-radius:34px;background:#152f37;box-shadow:var(--shadow);overflow:hidden;cursor:zoom-in;transition:transform .35s ease}.phone img{width:100%;height:100%;object-fit:cover}.phone-main{z-index:3;transform:translate(-50%,-50%) rotate(-1deg)}.phone-left{z-index:1;transform:translate(-105%,-48%) rotate(-8deg) scale(.84)}.phone-right{z-index:2;transform:translate(5%,-47%) rotate(8deg) scale(.86)}.phone:hover{z-index:5}.phone-main:hover{transform:translate(-50%,-52%) rotate(0deg) scale(1.02)}.phone-left:hover{transform:translate(-105%,-51%) rotate(-3deg) scale(.88)}.phone-right:hover{transform:translate(5%,-50%) rotate(3deg) scale(.9)}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);background:var(--bg-soft)}.stat-strip div{padding:1.3rem clamp(1rem,4vw,4rem);border-right:1px solid var(--line)}.stat-strip div:last-child{border:0}.stat-strip strong{display:block;font-size:clamp(1.5rem,3vw,2.8rem);letter-spacing:-.04em}.stat-strip span{color:var(--muted);font-size:.84rem}.section,.product-section{padding:clamp(5rem,9vw,9rem) clamp(1rem,6vw,7rem)}.section-heading{max-width:800px;margin-bottom:2.5rem}.section-heading h2,.closing h2{font-size:clamp(2.5rem,5vw,5rem)}.section-heading p{color:var(--muted);font-size:1.08rem;max-width:66ch}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.module-card{min-height:320px;padding:1.7rem;border-radius:var(--radius);display:flex;flex-direction:column;border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .25s ease}.module-card:hover{transform:translateY(-6px)}.module-card span{font-size:.8rem;letter-spacing:.16em;opacity:.7}.module-card h3{font-size:clamp(1.8rem,3vw,3rem);line-height:1;margin:3rem 0 1rem;letter-spacing:-.04em}.module-card p{margin:0;max-width:30ch}.module-card b{margin-top:auto}.module-card.light{background:#f5fbfa;color:#0a3037}.module-card.dark{background:#0a2631;color:#eef9f7}.module-card.cyan{background:linear-gradient(145deg,#23c7bd,#2e8fd3);color:#03272e}.product-section{border-top:1px solid var(--line)}.meshcore-section{background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--bg) 70%,#eaf8f5 30%))}.update-section{background:#06141e}.hardware-section{background:linear-gradient(180deg,#071922,#082832)}:root[data-theme="light"] .update-section{background:#d9eeed}:root[data-theme="light"] .hardware-section{background:#e9f7f4}.product-heading{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.5rem;align-items:start;max-width:950px;margin-bottom:3rem}.product-number{font-size:clamp(3.5rem,8vw,8rem);line-height:.75;color:color-mix(in srgb,var(--accent) 38%,transparent);font-weight:900;letter-spacing:-.08em}.product-heading h2{font-size:clamp(3rem,6vw,6rem)}.product-heading p{font-size:1.12rem;color:var(--muted);max-width:66ch}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.feature-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card{display:grid;grid-template-columns:minmax(0,1fr) 180px;min-height:335px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:color-mix(in srgb,var(--panel) 94%,transparent)}.feature-grid.compact .feature-card{grid-template-columns:1fr;grid-template-rows:auto 250px}.feature-copy{padding:1.5rem}.feature-icon{font-size:1.8rem}.feature-card h3{font-size:1.5rem;margin:.8rem 0 .55rem;letter-spacing:-.03em}.feature-card p{color:var(--muted);margin:0}.shot-button{border:0;padding:0;background:none;color:inherit;cursor:zoom-in}.feature-card .shot-button{overflow:hidden;background:#0c222b}.feature-card .shot-button img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .35s ease}.feature-card:hover .shot-button img{transform:scale(1.035)}.full-gallery{margin-top:2rem;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 88%,transparent);overflow:hidden}.full-gallery summary{cursor:pointer;list-style:none;padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;font-weight:800}.full-gallery summary::-webkit-details-marker{display:none}.full-gallery summary small{color:var(--accent);font-weight:700}.full-gallery[open] summary{border-bottom:1px solid var(--line)}.gallery-toolbar{display:flex;gap:.5rem;overflow:auto;padding:1rem 1.2rem;border-bottom:1px solid var(--line);scrollbar-width:thin}.filter-chip{white-space:nowrap;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:.48rem .75rem;cursor:pointer;font-size:.8rem}.filter-chip.is-active{background:var(--accent);border-color:transparent;color:#05272b;font-weight:800}.gallery-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.7rem;padding:1rem}.gallery-card{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--bg);text-align:left}.gallery-card[hidden]{display:none}.gallery-card img{width:100%;aspect-ratio:1080/1700;object-fit:cover;object-position:top}.gallery-number{position:absolute;z-index:2;top:.45rem;left:.45rem;padding:.2rem .4rem;border-radius:8px;background:rgba(0,18,24,.76);color:#fff;font-size:.7rem}.gallery-caption{display:grid;gap:.25rem;padding:.65rem}.gallery-caption strong{font-size:.78rem;line-height:1.25}.gallery-caption small{font-size:.68rem;color:var(--muted)}.workflow{background:var(--bg-soft)}.workflow-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.workflow-list li{display:flex;gap:1rem;padding:1.4rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.workflow-list li>span{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:50%;background:var(--accent);color:#05272b;font-weight:900}.workflow-list h3{margin:0 0 .4rem}.workflow-list p{margin:0;color:var(--muted)}.closing{padding:clamp(6rem,12vw,12rem) clamp(1rem,6vw,7rem);background:radial-gradient(circle at 80% 25%,rgba(49,212,201,.22),transparent 35%),var(--bg)}.closing>div{max-width:1050px}.closing p{max-width:72ch;color:var(--muted);font-size:1.05rem}footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:2rem clamp(1rem,6vw,7rem);border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}.lightbox{width:min(96vw,1180px);height:min(94vh,1000px);padding:0;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:rgba(4,19,26,.96);color:#fff;box-shadow:0 40px 100px rgba(0,0,0,.6);overflow:hidden}.lightbox::backdrop{background:rgba(0,8,12,.82);backdrop-filter:blur(8px)}.lightbox figure{height:100%;margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;padding:1.5rem 4rem}.lightbox img{max-height:calc(94vh - 90px);max-width:100%;border-radius:16px}.lightbox figcaption{padding:.8rem;text-align:center;color:#c7dfdc}.lightbox-close,.lightbox-nav{position:absolute;z-index:4;border:1px solid rgba(255,255,255,.18);background:rgba(5,27,34,.85);color:#fff;cursor:pointer}.lightbox-close{right:1rem;top:1rem;width:42px;height:42px;border-radius:50%;font-size:1.5rem}.lightbox-nav{top:50%;transform:translateY(-50%);width:46px;height:64px;border-radius:14px;font-size:2rem}.lightbox-nav.prev{left:.7rem}.lightbox-nav.next{right:.7rem}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media (max-width:1100px){.hero{grid-template-columns:1fr;min-height:auto}.phone-stage{margin-top:-1rem}.feature-grid.compact{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:760px){.site-header nav{display:none}.hero{padding-top:4rem}.hero h1{font-size:clamp(3rem,14vw,5rem)}.phone-stage{height:510px;min-height:510px}.phone{width:220px}.phone-left{transform:translate(-93%,-46%) rotate(-8deg) scale(.75)}.phone-right{transform:translate(-7%,-45%) rotate(8deg) scale(.76)}.stat-strip{grid-template-columns:repeat(2,1fr)}.stat-strip div:nth-child(2){border-right:0}.stat-strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}.module-grid,.workflow-list,.feature-grid,.feature-grid.compact{grid-template-columns:1fr}.product-heading{grid-template-columns:1fr}.product-number{font-size:4rem}.feature-card{grid-template-columns:minmax(0,1fr) 145px}.gallery-grid{grid-template-columns:repeat(2,1fr)}footer{align-items:flex-start;flex-direction:column}.lightbox figure{padding:3.5rem .75rem 1rem}.lightbox-nav{top:auto;bottom:1rem;height:44px}.lightbox-nav.prev{left:1rem}.lightbox-nav.next{right:1rem}}
@media (max-width:430px){.feature-card{grid-template-columns:1fr;grid-template-rows:auto 280px}.phone-stage{height:460px;min-height:460px}.phone{width:190px}.gallery-grid{gap:.45rem;padding:.65rem}.gallery-caption strong{font-size:.72rem}}