@font-face{font-family:Anton;src:url("anton-regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:DM Sans;src:url("dm-sans-regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:DM Sans;src:url("dm-sans-medium.ttf") format("truetype");font-style:normal;font-weight:500 800;font-display:swap}
:root{color-scheme:dark;--bg:#101416;--panel:#161c1f;--text:#f2f4f3;--muted:#b8bfbf;--green:#a5f36c;--line:#ffffff24;--font:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.55 var(--font);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}svg{flex-shrink:0}.icon{width:1.35em;height:1.35em;display:inline-block;vertical-align:middle}h1,h2,h3,p{margin:0}h1,h2{font-family:Anton,Impact,sans-serif;font-weight:400;letter-spacing:-.018em;line-height:1.12}h3{font-weight:600}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:5px}a,button{touch-action:manipulation}::selection{background:var(--green);color:#111}.wrap{width:calc(100% - 7rem);max-width:1380px;margin-inline:auto}[data-lang="en"]{display:none!important}html[lang="en"] [data-lang="de"]{display:none!important}html[lang="en"] [data-lang="en"]{display:revert!important}[hidden]{display:none!important}.skip-link{position:fixed;left:1rem;top:1rem;z-index:20;transform:translateY(-200%);background:var(--green);color:#111;padding:.8rem 1rem}.skip-link:focus{transform:none}
.site-header{position:relative;z-index:5;background:#101416f5;border-bottom:1px solid #ffffff0b}.header-inner{display:flex;align-items:center;gap:2.5rem;min-height:84px}.brand{font-size:1.5rem;font-weight:700;letter-spacing:-.07em;white-space:nowrap}.brand span{color:var(--green)}.desktop-nav{display:flex;align-items:center;gap:1.9rem;font-size:.875rem}.desktop-nav a{display:flex;gap:.3rem;align-items:center;color:#d4d8d8;white-space:nowrap}.desktop-nav a:hover,.site-footer a:hover{color:var(--green)}.desktop-nav .icon{width:1rem;height:1rem}.header-actions{margin-left:auto;display:flex;align-items:center;gap:1.25rem}.language-switch{display:flex;gap:.15rem;align-items:center}.language-switch button{border:0;background:none;display:flex;gap:.4rem;align-items:center;padding:.65rem .5rem;cursor:pointer;color:#929a9d;font-size:.875rem}.language-switch button[aria-pressed="true"]{color:#fff}.language-switch button:hover{color:var(--green)}.language-switch svg{width:21px;height:14px;box-shadow:0 0 0 1px #ffffff17}.download-button{background:var(--green);color:#122012;display:flex;align-items:center;gap:.65rem;padding:.75rem 1.1rem;font-size:.875rem;font-weight:700;border-radius:4px}.download-button:hover{background:#bcff8f}.menu-button{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:4px;background:none;padding:10px;cursor:pointer}.menu-button span{display:block;height:2px;background:currentColor;margin:5px 0}.mobile-nav{padding:0 1.5rem 1.2rem}.mobile-nav a{display:flex;justify-content:space-between;padding:.75rem 0;border-top:1px solid var(--line)}
.hero{position:relative;max-width:1600px;margin:0 auto;isolation:isolate}.hero-picture{display:block;position:relative}.hero-picture img{width:100%;height:auto}.hero-picture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 88%,var(--bg)),linear-gradient(90deg,#1014163d,transparent 44%);pointer-events:none}.hero-content{position:absolute;inset:0;pointer-events:none}.hero-copy{padding-top:clamp(30px,4.2vw,66px);width:46%;pointer-events:auto}.hero h1{font-size:clamp(2.1rem,4.45vw,4.45rem)}.hero-copy>p:not(.free-note){font-size:clamp(1rem,1.4vw,1.35rem);line-height:1.4;margin-top:1.15rem;max-width:32rem;color:#d8dddd}.store-links{display:flex;flex-wrap:wrap;gap:1rem}.hero .store-links{margin-top:1.5rem}.store-link{display:flex;align-items:center;gap:.7rem;background:#070b0de8;padding:.55rem 1rem;border:1px solid #adb6b777;border-radius:6px;box-shadow:0 5px 18px #0002;min-width:158px;transition:border-color .15s,background .15s}.store-link:hover{border-color:var(--green);background:#1a2320}.store-link>.icon{width:29px;height:29px}.store-link small{display:block;font-size:.75rem;line-height:1.1;color:#d2d6d6}.store-link strong{display:block;font-size:1.15rem;line-height:1.3;font-weight:500}.free-note{font-size:.8125rem;color:#aeb6b7;margin-top:.65rem}.protocol-strip{position:relative;margin-top:-10px;display:flex;align-items:center;justify-content:center;gap:1rem;border:1px solid #a5f36c9c;border-radius:6px;padding:.65rem 1rem;line-height:1.4;font-size:.875rem}.protocol-strip>.icon{color:var(--green);width:25px;height:25px}.protocol-strip strong{font-weight:600;white-space:nowrap}.protocol-copy{padding-left:1.25rem;border-left:1px solid #a5f36c8c;color:#d0d7d6}
.feature-section{margin-top:2.5rem;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:3rem}.section-copy{padding:3rem 0}.eyebrow{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.11em;color:var(--green);margin-bottom:1rem}h2{font-size:clamp(2.2rem,3.6vw,3.7rem)}.section-intro{font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.45;color:#c5cccd;margin-top:1.2rem}.audio-section{max-height:620px;overflow:hidden}.audio-details{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;max-width:27rem;color:#cad0d0}.audio-details>div{display:flex;align-items:flex-start;gap:.8rem}.audio-details .icon{color:var(--green);margin-top:.15rem}.platform-note{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:2rem;font-size:.875rem;color:#b1babc}.platform-note .icon{width:19px;height:19px}.quality-note{width:100%;margin-top:.25rem;padding-left:0;color:#839194}.portrait-stage{display:flex;justify-content:center;align-items:flex-start;padding-top:1.5rem;min-width:0}.device-portrait{width:min(100%,370px);padding:9px;border-radius:52px;background:linear-gradient(115deg,#81868a,#252b2f 9%,#15191c 88%,#646a6f);box-shadow:0 20px 50px #0007,0 0 0 1px #8b929278,inset 0 0 0 3px #111518;position:relative;flex-shrink:0}.app-ui{background:#0a0f1a;border-radius:43px;overflow:hidden;border:2px solid #050809;position:relative;font-family:Arial,sans-serif;padding-bottom:17px}.phone-status{height:49px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;font-size:12px;font-weight:600;position:relative}.phone-island{position:absolute;width:92px;height:24px;top:8px;left:50%;transform:translateX(-50%);background:#010306;border-radius:20px}.app-bar{display:flex;justify-content:space-between;align-items:center;padding:5px 18px 15px;font-size:23px;font-weight:700;letter-spacing:-1px}.app-bar b{color:#8cf333}.app-menu{font-size:21px;font-weight:400;color:#b6c0d0}.app-body{padding:0 11px;display:flex;flex-direction:column;gap:8px}.app-card{background:#121927;border:1px solid #ffffff09;border-radius:12px;padding:11px}.app-live{display:flex;align-items:center;gap:8px}.app-live>i{width:11px;height:11px;border-radius:100%;background:#8cf333;box-shadow:0 0 12px #8cf3333b}.app-live strong{display:block;font-size:15px}.app-live small{display:block;color:#97a4b5;font-size:10px;margin-top:2px}.app-live>b{font-size:9px;margin-left:auto;color:#8cf333;border:1px solid #8cf33350;border-radius:4px;padding:3px 5px}.app-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:12px;border-top:1px solid #ffffff10;padding-top:9px}.app-metrics>span{display:flex;flex-direction:column;align-items:center;font-size:9px;color:#9ca9b9;border-right:1px solid #ffffff10}.app-metrics>span:last-child{border:0}.app-metrics b{font-size:13px;color:#f3f6fa;font-weight:500}.app-metrics .green{color:#8cf333}.app-label{font-size:9px;color:#45adff;letter-spacing:1px;text-transform:uppercase;line-height:1.3;margin-bottom:7px}.app-chips{display:flex;gap:5px;flex:1}.app-chip{display:flex;justify-content:center;align-items:center;flex:1;white-space:nowrap;border:1px solid #ffffff09;border-radius:14px;background:#172030;padding:5px 7px;font-size:10px;color:#e8eff8;line-height:1.3}.app-chip.selected{background:#8cf333;color:#122012;font-weight:700;border-color:#8cf333}.app-endpoint{font-size:10px;background:#0c121f;color:#c6cfd8;border-radius:7px;padding:7px;margin-top:7px;white-space:nowrap;overflow:hidden}.app-video{display:flex;gap:14px;align-items:center}.app-video>span{font-size:10px;color:#adb9c7}.app-note{font-size:9px;color:#91a0b2;margin-top:5px}.app-record{display:flex;align-items:center;justify-content:space-between}.app-record .app-label{margin-bottom:0}.app-toggle{width:31px;height:19px;border-radius:20px;background:#8cf333;position:relative}.app-toggle:after{content:"";width:15px;height:15px;border-radius:50%;background:#fff;position:absolute;right:2px;top:2px;box-shadow:0 1px 2px #0004}.app-primary{background:#8cf333;color:#11200b;text-align:center;border-radius:10px;font-size:10px;padding:11px 5px;font-weight:700}.home-indicator{height:4px;width:90px;border-radius:10px;background:#eef2f9;margin:15px auto 0}
.annotation-section{border-block:1px solid var(--line);background:linear-gradient(110deg,#1c2327,#131a1d);position:relative}.annotation-inner{display:grid;grid-template-columns:.85fr 1.35fr;align-items:center;gap:2rem;padding-block:2rem}.annotation-inner .section-copy{padding:1rem 0}.annotation-inner h2{font-size:clamp(2.15rem,3.15vw,3.4rem)}.feature-tags{display:flex;flex-wrap:wrap;gap:.6rem 1rem;margin-top:1.3rem;font-size:.875rem;color:#c7cece}.feature-tags>span{display:flex;align-items:center;gap:.45rem}.feature-tags>span:first-child{color:var(--green)}.feature-tags .icon{width:18px;height:18px}
.feature-rail{display:grid;grid-template-columns:repeat(3,1fr);padding:2rem 0;border-bottom:1px solid var(--line)}.feature-rail>div{display:flex;align-items:center;gap:1.1rem;padding:0 1.5rem;border-right:1px solid var(--line)}.feature-rail>div:first-child{padding-left:0}.feature-rail>div:last-child{border:0;padding-right:0}.feature-rail>.icon,.feature-rail>div>.icon{width:36px;height:36px;color:var(--green)}.feature-rail h3{font-size:1.05rem;margin-bottom:.3rem}.feature-rail p{font-size:.875rem;line-height:1.5;color:#a8b4b6}.setup-section{padding:2.8rem 0;border-bottom:1px solid var(--line)}.setup-section h2{font-size:clamp(1.9rem,2.8vw,2.8rem)}.setup-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:2.2rem;padding:0;margin:1.7rem 0 0}.setup-steps li{display:flex;gap:1rem}.step-number{font:400 1.5rem/1.4 Anton,Impact,sans-serif;color:#7b8f7c}.setup-steps h3{font-size:1rem;margin-bottom:.35rem}.setup-steps p{font-size:1rem;line-height:1.5;color:#a9b5b7}.site-footer{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;padding:1.6rem 0 2rem;color:#95a3a5;font-size:.8125rem}.site-footer nav{display:flex;gap:1.5rem;flex-wrap:wrap}.site-footer .icon{width:12px;height:12px}
@media(min-width:1600px){.hero:before,.hero:after{content:"";position:absolute;inset:0 auto 0 0;width:70px;background:linear-gradient(90deg,var(--bg),transparent);z-index:1;pointer-events:none}.hero:after{left:auto;right:0;transform:rotate(180deg)}}
@media(max-width:1190px){.wrap{width:calc(100% - 4rem)}.header-inner{gap:1.8rem}.desktop-nav{gap:1rem}.header-actions{gap:.7rem}.hero-copy{width:46%}.hero .store-links{gap:.65rem;margin-top:1rem}.store-link{min-width:140px;padding:.5rem .7rem}.hero-copy>p:not(.free-note){margin-top:1rem}.hero .store-link strong{font-size:1rem}.hero .store-link small{font-size:.75rem}.hero .store-link>.icon{width:25px;height:25px}.feature-section{gap:1.5rem}.section-copy{padding-top:2.5rem}.annotation-inner{gap:1.5rem;grid-template-columns:.85fr 1.3fr}.feature-rail>div{padding-inline:1rem;gap:.75rem}}
@media(max-width:950px){.header-inner{min-height:74px;gap:1rem}.desktop-nav{display:none}.menu-button{display:block}.hero h1{font-size:4.4vw}.hero-copy{padding-top:3vw}.hero-copy>p:not(.free-note){font-size:1rem}.hero .store-link{min-width:130px;padding:.45rem .6rem;gap:.5rem}.hero .store-links{gap:.5rem}.hero .free-note{font-size:.75rem;margin-top:.5rem}.audio-details{margin-top:1.5rem;font-size:1rem}.platform-note{margin-top:1.5rem}.annotation-inner{grid-template-columns:1fr;padding-block:2rem;gap:1.5rem}.annotation-inner .section-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem;padding:0}.annotation-inner .eyebrow{grid-column:1/-1}.annotation-inner h2{grid-row:2/4}.annotation-inner .section-intro{margin-top:0}.annotation-inner .feature-tags{margin-top:1rem}.feature-rail{gap:1rem}.feature-rail>div{display:block}.feature-rail>div>.icon{margin-bottom:.5rem;width:30px;height:30px}.setup-steps{gap:1.3rem}.setup-steps li{display:block}.step-number{display:block;margin-bottom:.5rem}}
@media(max-width:700px){.wrap{width:calc(100% - 2.5rem)}.header-inner{min-height:70px;gap:.5rem}.brand{font-size:1.3rem}.header-actions{gap:.4rem}.language-switch button{padding:.65rem .3rem;gap:.25rem;font-size:.75rem}.language-switch svg{width:18px;height:12px}.download-button{display:none}.menu-button{margin-left:.25rem;width:37px;height:37px;padding:8px}.hero{display:flex;flex-direction:column}.hero-content{position:relative;order:-1;inset:auto}.hero-copy{width:100%;padding:2rem 0 0}.hero h1{font-size:clamp(2.45rem,8.9vw,3.7rem)}.hero-copy>p:not(.free-note){font-size:1.05rem;line-height:1.5;margin-top:1rem}.hero .store-links{margin-top:1.2rem;gap:.8rem}.hero .store-link{padding:.6rem .8rem;min-width:144px}.hero .store-link strong{font-size:1.1rem}.hero .free-note{font-size:.8125rem;margin-top:.6rem}.hero-picture{margin-top:.4rem}.hero-picture:after{background:linear-gradient(180deg,var(--bg),transparent 18%,transparent 86%,var(--bg))}.protocol-strip{margin-top:0;gap:.6rem;padding:.85rem .7rem;flex-wrap:wrap;font-size:.8125rem}.protocol-strip>.icon{width:22px;height:22px}.protocol-copy{flex-basis:100%;text-align:center;border:0;padding:0}.feature-section{margin-top:1.75rem;grid-template-columns:1fr;gap:0}.audio-section{max-height:none;overflow:visible}.section-copy{padding:2rem 0 1.5rem}h2{font-size:2.6rem}.section-intro{font-size:1.125rem}.audio-details{margin-top:1.5rem;gap:.75rem}.platform-note{margin-top:1.5rem}.quality-note{width:auto;margin:0 0 0 .5rem}.portrait-stage{padding-top:.75rem;max-height:470px;overflow:hidden}.device-portrait{width:326px;max-width:100%;border-radius:46px}.app-ui{border-radius:37px}.annotation-inner{padding-block:2rem;gap:1.5rem}.annotation-inner .section-copy{display:block}.annotation-inner h2{font-size:2.5rem}.annotation-inner .section-intro{margin-top:1rem}.annotation-inner .feature-tags{margin-top:1.2rem}.feature-rail{grid-template-columns:1fr;gap:0;padding:.3rem 0}.feature-rail>div{display:flex;padding:1.25rem 0!important;border:0;border-bottom:1px solid var(--line);gap:1rem}.feature-rail>div>.icon{margin:0}.feature-rail h3{font-size:1.1rem}.feature-rail p{font-size:1rem}.setup-section{padding:2rem 0}.setup-section h2{font-size:2.1rem}.setup-steps{grid-template-columns:1fr;gap:1.25rem;margin-top:1.5rem}.setup-steps li{display:flex;gap:1rem}.step-number{margin:0;font-size:1.7rem}.setup-steps h3{font-size:1.1rem}.site-footer{align-items:flex-start;flex-direction:column;gap:1rem;font-size:.875rem}.site-footer nav{gap:1rem 1.5rem}.site-footer>a:last-child{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(min-width:701px) and (max-width:850px){.hero{display:flex;flex-direction:column}.hero-content{position:relative;order:-1;inset:auto}.hero-copy{width:100%;padding:2rem 0 0}.hero h1{font-size:3.5rem}.hero-picture{margin-top:.75rem}.hero-picture:after{background:linear-gradient(180deg,var(--bg),transparent 18%,transparent 86%,var(--bg))}}

/* Fixed landscape phone proportions keep the example screen compact at every width. */
.landscape-stage { width: 100%; max-width: 660px; min-width: 0; justify-self: end; margin-inline: auto; container-type: inline-size; }
.device-landscape { position: relative; width: 100%; aspect-ratio: 2.32; padding: 1.1%; border: 2px solid #727b80; border-radius: 5.5% / 12.8%; background: linear-gradient(145deg, #41494f, #080c0e 28%, #222a2f); box-shadow: 0 12px 35px #0007, inset 0 0 0 2px #070b0e; }
.device-landscape::before { content: ""; position: absolute; z-index: 2; left: 2%; top: 48%; width: 1.4%; aspect-ratio: 1; border-radius: 50%; border: 1px solid #303b44; background: #05090c; box-shadow: inset 0 0 0 2px #10191e; }
.capture-screen { position: relative; width: 100%; height: 100%; border-radius: 4.4% / 10.2%; background: #0b1218; overflow: hidden; font-family: Arial, sans-serif; }
.capture-status { position: absolute; top: 1.5%; left: 10%; right: 7%; display: flex; justify-content: space-between; color: #dde5ea; font-size: 1.45cqi; line-height: 1.4; }
.capture-bar { position: absolute; top: 8%; left: 8%; right: 7%; height: 9%; display: flex; align-items: center; gap: 2%; padding-inline: 2%; border-radius: 5px; background: #20272d; color: #b9c5d0; font-size: 1.65cqi; }
.capture-bar > span:nth-child(2) { flex: 1; }
.capture-content { position: absolute; inset: 19% 3% 5% 4%; overflow: hidden; border-radius: 3px; }
.facecam { position: absolute; right: 2%; bottom: 5%; width: 18%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: 50% 30%; border-radius: 9% / 12%; border: 1px solid #ffffff28; box-shadow: 0 2px 8px #0006; }
.annotation-tools { position: absolute; left: 4%; top: 24%; bottom: 9%; width: 5.3%; display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; border: 1px solid #ffffff0a; border-radius: 1.8cqi; background: #20282d; color: #d9e6f0; }
.annotation-tools > span { width: 3cqi; height: 3cqi; display: flex; align-items: center; justify-content: center; }
.annotation-tools .icon { width: 2.45cqi; height: 2.45cqi; }
.annotation-tools .tool-color { width: 2.65cqi; height: 2.65cqi; border-radius: 50%; border: 1px solid #ffffff80; }
.yellow { background: #ffd166; }
.red { background: #ff6b6b; }
.green-dot { background: #4cff8b; }
@media (max-width: 950px) { .landscape-stage { max-width: 620px; } }

.map-preview { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.map-annotation { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.map-annotation path { fill: none; stroke: #4cff8b; stroke-width: 2; vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-linejoin: round; }
.route-start { fill: #4cff8b; }
.map-meeting-label { position: absolute; left: 24%; top: 35%; padding: .35cqi .8cqi; color: #d4ffe2; background: #102820ef; border-radius: 3px; font: 500 1.8cqi/1.3 var(--font); transform: rotate(-3deg); }

/* Callouts share the image's coordinate system, including the stacked mobile hero. */
.hero-scene { position: relative; width: 100%; }
.hero-scene .hero-picture { margin-top: 0; }
.scene-labels { position: absolute; inset: 0; pointer-events: none; }
.scene-connectors { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.scene-connectors path { stroke: var(--green); stroke-width: 1.5; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.scene-connectors circle { fill: var(--green); }
.scene-label { position: absolute; color: #edf4ee; font: 400 clamp(12px, 1.05vw, 16px)/1.3 Anton, Impact, sans-serif; text-transform: uppercase; letter-spacing: .06em; text-shadow: 0 1px 5px #000; }
.scene-label-phone { left: 24%; top: 55.3%; transform: translate(-100%, -50%); white-space: nowrap; }
.scene-label-stream { left: 78.6%; top: 18.9%; max-width: 17%; }
@media (max-width: 850px) { .hero-scene { margin-top: .75rem; } }