:root{--ink:#142e42;--muted:#4d6578;--blue:#285a7a;--ground:#f6f8fa;--field:#e7eef3;--paper:#fff;--dark:#17354a;--max:1280px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--ground);font-synthesis:none;color-scheme:light}
[hidden]{display:none!important}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}img{display:block;max-width:100%;height:auto}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #347eac;outline-offset:6px}::selection{background:#cedee9}p{line-height:1.65;text-wrap:pretty;margin:0 0 1.25rem}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.045em;text-wrap:balance}h1{font-size:clamp(3.3rem,5.2vw,5rem);line-height:1.06}h2{font-size:clamp(2.4rem,3.5vw,3.6rem);line-height:1.1}h3{font-size:1.5rem;line-height:1.25}button{border:0}section{scroll-margin-top:30px}.wrap{max-width:var(--max);margin:auto;padding-inline:48px}.skip{position:absolute;left:16px;top:12px;transform:translateY(-150%);background:var(--paper);padding:12px;z-index:20}.skip:focus{transform:none}.site-header{height:96px;display:flex;align-items:center;gap:36px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:28px;font-weight:650;letter-spacing:-1px;flex-shrink:0}.brand svg{width:22px;height:32px}.nav{margin-left:auto;display:flex;gap:28px;align-items:center}.nav a{text-decoration:none;font-size:15px;padding:12px 0}.nav a:hover{text-decoration:underline;text-underline-offset:5px}.language{position:relative}.language summary{cursor:pointer;padding:12px;font-size:14px;list-style:none}.language summary::after{content:'⌄';margin-left:8px}.language summary::-webkit-details-marker{display:none}.language nav{position:absolute;right:0;top:46px;background:var(--paper);padding:12px;z-index:10;min-width:160px;border-radius:12px;}.language nav a{display:block;padding:10px 14px;text-decoration:none;border-radius:6px}.language nav a:hover,.language nav a[aria-current]{background:var(--field)}.menu-button{display:none;background:transparent;color:var(--ink);padding:12px}.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:calc(100svh - 96px);gap:28px;padding-bottom:42px}.hero-copy{padding-block:24px}.hero h1 span{display:block;white-space:nowrap}.hero-lead{font-size:clamp(1.25rem,1.65vw,1.6rem);line-height:1.5;max-width:520px;margin:30px 0 18px}.audience{font-size:17px;color:var(--muted);margin-bottom:28px}.store-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--dark);color:white;padding:17px 24px;border-radius:100px;font-size:17px;text-decoration:none;min-height:58px;font-weight:500;transition:transform .2s}.store-button svg{width:24px;height:26px;fill:currentColor}.store-button:hover{transform:translateY(-2px)}.store-button:active{transform:scale(.98)}.platform{font-size:14px;color:var(--muted);margin:14px 0 0}.hero-media{background:var(--field);min-height:620px;display:grid;place-items:center;align-self:stretch;border-radius:4px;padding:34px 24px;overflow:hidden}.device{position:relative;width:280px;padding:7px;background:#18242c;border-radius:43px;flex-shrink:0}.device img{border-radius:36px;width:100%;height:auto}.device::before{content:'';position:absolute;left:-2px;top:110px;height:42px;width:3px;background:#18242c;border-radius:3px}.hero .device{width:min(310px,calc((100svh - 190px)*.46));min-width:245px}.intro{padding-block:90px 110px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.intro h2{font-size:38px;max-width:430px}.intro p{max-width:490px;font-size:20px;margin:0}.feature{padding-block:110px}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.feature-copy{max-width:470px}.feature-copy h2{margin-bottom:28px}.feature-copy p{font-size:18px}.feature-copy ul{list-style:none;padding:0;margin:28px 0}.feature-copy li{padding:8px 0;display:flex;gap:12px;line-height:1.5;font-size:17px}.feature-copy li::before{content:'✓';color:var(--blue)}.note{font-size:14px!important;color:var(--muted);line-height:1.55!important}.water{background:var(--paper)}.media-stage{background:var(--field);min-height:650px;display:flex;align-items:center;justify-content:center;padding:36px;border-radius:4px}.media-stage .device{width:265px}.water .media-stage{order:2}.quick{padding-block:75px;background:var(--dark);color:white}.quick-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center}.quick h2{font-size:44px;margin-bottom:20px}.quick p{max-width:460px;font-size:18px}.island-shot{height:270px;overflow:hidden;border-radius:30px;background:#111a24;max-width:460px}.island-shot img{width:100%;height:auto}.food .split{grid-template-columns:1.1fr 1fr}.screen-picker{background:var(--field);padding:30px;display:flex;flex-direction:column;align-items:center;border-radius:4px}.screen-picker .device{width:252px}.screen-tabs{display:flex;gap:4px;background:#d6e2eb;padding:5px;border-radius:100px;margin-top:28px}.screen-tabs button{border-radius:100px;padding:12px 18px;background:transparent;color:var(--ink);font-size:14px;min-height:44px}.screen-tabs button[aria-selected=true]{background:white}.screen-tabs button:hover{color:#0a2538}.screen-panel[hidden]{display:none}.logs{background:var(--paper)}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:64px}.section-heading p{max-width:490px;font-size:18px}.log-composition{display:grid;grid-template-columns:1fr 1fr;gap:32px}.log-figure{margin:0;background:var(--field);padding:36px 36px 0;border-radius:4px;overflow:hidden;display:flex;align-items:center;flex-direction:column;height:590px}.log-composition>div:nth-child(2) .log-figure{background:#edf0f2}.log-figure .device{width:264px}.log-caption{padding:32px 0 0;max-width:510px}.log-caption h3{margin-bottom:14px}.log-caption p{font-size:17px}.trends{margin-top:56px;display:grid;grid-template-columns:1fr 1fr;gap:60px;background:var(--ground);padding:32px 36px;align-items:start}.trends h3{font-size:27px}.trends p{font-size:17px;margin:0}.privacy{padding-block:95px;background:var(--field)}.privacy .split{gap:80px}.privacy h2{font-size:48px}.privacy p{font-size:18px}.text-link{text-underline-offset:5px;font-size:16px;display:inline-block;padding-block:8px}.pro{padding-block:110px}.pro-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.pro h2{margin-bottom:28px}.pro p{font-size:18px;max-width:470px}.pro-list{list-style:none;padding:24px 32px;margin:0;background:var(--paper);border-radius:4px}.pro-list li{padding:16px 0;display:flex;align-items:baseline;gap:14px;line-height:1.5;font-size:18px}.pro-list li::before{content:'+';font-size:22px;color:var(--blue)}.faq{padding-block:100px;background:var(--paper)}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.faq details{padding:20px 24px;background:var(--ground);margin-bottom:10px;border-radius:4px}.faq summary{font-size:18px;font-weight:550;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;line-height:1.45}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';font-size:24px;font-weight:400}.faq details[open] summary::after{content:'−'}.faq details p{font-size:16px;margin:18px 28px 2px 0}.final{background:var(--dark);color:white;padding-block:95px}.final .wrap{display:flex;justify-content:space-between;align-items:center;gap:50px}.final h2{margin-bottom:22px}.final p{font-size:18px;margin:0}.final .store-button{background:white;color:var(--ink);flex-shrink:0}.site-footer{padding-top:60px;padding-bottom:32px}.footer-top{display:flex;align-items:start;justify-content:space-between;gap:48px}.footer-top p{max-width:520px;font-size:14px;color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;gap:14px 25px;margin:32px 0}.footer-links a{font-size:14px;text-underline-offset:5px;min-height:30px}.copyright{font-size:13px;color:var(--muted)}.legal{max-width:850px;padding-block:60px 100px;min-height:65vh}.legal h1{font-size:48px;margin:30px 0}.legal h2{font-size:26px;letter-spacing:-.025em;margin:40px 0 18px}.legal p,.legal li{font-size:17px;line-height:1.7}.legal a{text-underline-offset:4px}.legal .back{font-size:15px}.hero-copy>*{animation:arrive .65s both}.hero-copy>*:nth-child(2){animation-delay:.08s}.hero-copy>*:nth-child(3){animation-delay:.16s}.hero-copy>*:nth-child(4){animation-delay:.24s}.hero-media .device{animation:device-in .9s both}.revealed{animation:arrive .65s both}.revealed:nth-child(2){animation-delay:.08s}@keyframes arrive{from{opacity:.2;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes device-in{from{opacity:.2;transform:translateY(28px) rotate(2deg)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero{min-height:760px}.hero .device{width:310px}}
@media(max-width:1100px){.wrap{padding-inline:32px}.nav{gap:18px}.site-header{gap:20px}.brand{font-size:25px}.hero h1{font-size:clamp(44px,5.5vw,66px)}.hero-media{min-height:590px}.split{gap:50px}.section-heading{gap:40px}.intro{gap:50px}.quick-grid{gap:50px}.pro-layout,.faq-layout{gap:45px}}
@media(max-width:800px){.wrap{padding-inline:24px}.site-header{height:82px}.menu-button{display:block;margin-left:auto}.nav{display:none;position:absolute;left:24px;right:24px;top:78px;background:var(--paper);padding:20px;z-index:10;flex-direction:column;align-items:stretch;}.nav[data-open=true]{display:flex}.nav a{font-size:18px;padding:10px}.site-header .language{margin-left:0}.hero{gap:28px;min-height:auto;padding-top:25px;padding-bottom:50px}.hero h1{font-size:41px}.hero-lead{font-size:19px;margin-top:24px}.audience{font-size:15px}.hero-media{min-height:500px;padding:24px 12px}.hero .device{min-width:0;width:210px;border-radius:34px;padding:6px}.hero .device img{border-radius:29px}.store-button{padding:15px 20px;font-size:15px;min-height:54px}.platform{font-size:13px}.intro{padding-block:48px 70px;gap:36px}.intro h2{font-size:30px}.intro p{font-size:17px}.feature{padding-block:75px}.split{gap:36px}.feature-copy h2{font-size:34px}.feature-copy p{font-size:17px}.media-stage{min-height:530px;padding:24px 12px}.media-stage .device,.screen-picker .device{width:218px}.screen-picker{padding:26px 12px}.screen-tabs button{padding:10px 12px;font-size:12px}.quick{padding-block:55px}.quick h2{font-size:34px}.quick p{font-size:16px}.quick-grid{gap:35px}.island-shot{height:220px}.log-figure{padding:24px 12px 0;height:460px}.log-figure .device{width:220px}.log-caption h3{font-size:26px}.section-heading{gap:36px}.section-heading h2{font-size:36px}.section-heading p{font-size:17px}.privacy{padding-block:65px}.privacy h2{font-size:36px}.privacy .split{gap:36px}.privacy p{font-size:17px}.pro{padding-block:75px}.pro-layout{gap:35px}.pro h2{font-size:36px}.pro-list{padding:16px 24px}.pro-list li{font-size:16px}.faq{padding-block:75px}.faq-layout{grid-template-columns:1fr;gap:36px}.faq h2{font-size:36px}.final{padding-block:70px}.final .wrap{gap:32px}.final h2{font-size:36px}.trends{gap:36px;padding:28px}.footer-top{gap:36px}}
@media(max-width:600px){.wrap{padding-inline:22px}.brand{font-size:25px}.site-header{gap:10px}.hero{grid-template-columns:1fr;gap:30px;padding-top:18px;padding-bottom:0}.hero-copy{padding:10px 0 0}.hero h1{font-size:clamp(37px,10.1vw,60px);letter-spacing:-.05em;line-height:1.08}.hero-lead{font-size:20px;max-width:380px;margin:23px 0 14px}.audience{font-size:16px;margin-bottom:23px}.hero-media{min-height:0;padding:30px 20px 0;max-height:515px;overflow:hidden;margin-inline:-22px;border-radius:0}.hero .device{width:250px;min-width:250px;border-radius:40px;padding:7px}.hero .device img{border-radius:33px}.store-button{font-size:16px;padding:16px 23px}.platform{font-size:13px}.intro{grid-template-columns:1fr;padding-block:54px 62px;gap:22px}.intro h2{font-size:34px;max-width:350px}.intro p{font-size:18px}.feature{padding-block:65px}.split,.food .split{grid-template-columns:1fr;gap:34px}.feature-copy h2{font-size:36px}.feature-copy p{font-size:18px}.feature-copy{max-width:none}.water .media-stage{order:2}.media-stage{min-height:0;padding:30px 20px;max-height:595px;overflow:hidden}.media-stage .device{width:255px}.feature-copy ul{margin:20px 0}.quick{padding-block:60px}.quick-grid{grid-template-columns:1fr;gap:30px}.quick h2{font-size:36px}.quick p{font-size:18px}.island-shot{height:230px;order:2;max-width:400px}.food .feature-copy{order:-1}.screen-picker{padding:28px 15px}.screen-picker .device{width:245px}.screen-tabs button{font-size:14px;padding:12px 16px}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:36px;margin-bottom:25px}.section-heading p{font-size:18px}.log-composition{grid-template-columns:1fr;gap:45px}.log-figure{height:510px;padding:28px 20px 0}.log-figure .device{width:255px}.log-caption{padding-top:25px}.log-caption h3{font-size:29px}.log-caption p{font-size:18px}.trends{grid-template-columns:1fr;padding:28px 24px;gap:18px;margin-top:40px}.privacy h2{font-size:36px}.privacy p{font-size:18px}.pro-layout{grid-template-columns:1fr;gap:28px}.pro h2{font-size:36px}.pro p{font-size:18px}.pro-list{padding:16px 24px}.pro-list li{font-size:17px}.faq{padding-block:65px}.faq-layout{gap:30px}.faq details{padding:20px}.faq summary{font-size:17px}.faq details p{margin-right:0;line-height:1.65}.final .wrap{display:block}.final h2{font-size:36px}.final p{font-size:18px;margin-bottom:28px}.footer-top{display:block}.footer-top .brand{margin-bottom:24px}.footer-links{gap:12px 24px}.legal{padding-block:30px 65px}.legal h1{font-size:37px;overflow-wrap:anywhere}.legal h2{font-size:25px}.note{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:360px){#main h2{font-size:29px}.hero h1{font-size:34px}.screen-tabs{width:100%}.screen-tabs button{flex:1;min-width:0;padding:10px 8px;font-size:12px}.site-header{gap:4px}.brand{font-size:23px}.language summary{padding:12px 8px}.menu-button{padding:12px 8px}}
/* Real, user-started recordings. Native controls remain usable without script. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.device video{display:block;width:100%;height:auto;aspect-ratio:660/1434;border-radius:36px;background:var(--paper)}
.demo{margin:0;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:100%}.demo figcaption{text-align:center;max-width:100%}.demo-trigger{display:inline-flex;align-items:center;gap:10px;justify-content:center;padding:12px 20px;min-height:46px;border-radius:100px;background:var(--dark);color:white;font-size:15px}.demo-trigger:hover{background:var(--blue)}.demo-trigger:active{transform:scale(.98)}.demo-trigger span[aria-hidden]{font-size:12px}.demo-label{font-size:14px;color:var(--muted);margin:10px 0 0}.demo-error{font-size:14px;color:var(--ink);margin:10px 0 0;max-width:260px}.demo-error:empty{display:none}.media-stage.video-stage{max-height:none;padding-block:32px}.screen-panel{max-width:100%}
@media(max-width:600px){.video-stage .device{width:245px}.demo-trigger{font-size:14px}.demo-label{font-size:13px}}
@media(max-width:360px){.video-stage .device,.screen-picker .demo .device{width:230px}}

.footer-links [data-privacy-settings]{background:none;padding:0;color:inherit;font-size:14px;min-height:30px;text-decoration:underline;text-underline-offset:5px;text-align:left}
.consent-panel{position:fixed;bottom:20px;left:20px;right:20px;z-index:30;max-width:1080px;margin:auto;display:flex;align-items:center;gap:28px;padding:22px 26px;background:var(--paper);color:var(--ink);border:1px solid #b7c8d5;border-radius:8px;box-shadow:0 6px 28px #142e4220;max-height:80svh;overflow:auto}.consent-panel strong{font-size:17px}.consent-panel p{font-size:14px;line-height:1.55;margin:6px 0 0}.consent-panel a{text-underline-offset:3px}.consent-actions{display:flex;flex-wrap:wrap;gap:10px;flex-shrink:0;max-width:360px}.consent-actions button{background:var(--field);color:var(--ink);border:1px solid #8da5b6;border-radius:6px;padding:12px 16px;min-height:44px;font-size:14px;font-weight:550}.consent-actions button:hover{background:#d5e1ea}.consent-actions [data-close]{background:transparent;border-color:transparent;font-weight:400}
@media(max-width:800px){.consent-panel{flex-direction:column;align-items:stretch;gap:16px;padding:20px;bottom:12px;left:12px;right:12px}.consent-actions{max-width:none}.consent-actions button{flex:1}.consent-actions [data-close]{flex-basis:100%}}