/* Reference-inspired header and hero. Existing site background is preserved. */
.header{height:112px;border-bottom:0;background:var(--bg);backdrop-filter:none}
.header-inner,.hero-grid{max-width:1176px}
.header-inner{gap:16px}
.header .brand{margin-right:auto}
.header .brand strong{font-size:32px}
.header .brand-mark{width:32px;height:32px}
.header .brand-label{display:none}
.desktop-nav{gap:32px;white-space:nowrap;margin-inline:20px 34px;font-size:14px;color:#aaa}
.language-label{border:1px solid #292e2d;border-radius:7px;padding:13px 15px;white-space:nowrap;font-size:12px;color:#eee}
.header-cta,.header-download{min-height:52px;padding:14px 22px;font-size:15px;color:#fff;background:transparent;border:1px solid #343838}
.header-cta:hover,.header-download:hover{background:#242727;color:#fff}
.hero-grid{grid-template-columns:1fr 1fr;gap:80px;min-height:calc(100svh - 112px);padding-block:60px 84px}
.hero-copy{max-width:550px}
.hero h1{font-size:46px;line-height:1.24;font-weight:750;letter-spacing:-1.6px;margin-bottom:12px;color:#fff}
.hero-description{font-size:16px;line-height:1.8;color:#939b97;max-width:510px;margin-bottom:40px}
.hero .actions{gap:20px}
.hero .button{min-width:130px;min-height:60px;padding:17px 24px;font-size:16px;border-radius:8px;background:#fff;color:#090b0b}
.hero .button:hover{background:#ddd}
.hero .button-outline{background:transparent;color:#fff;border-color:#383d3b}
.hero .button-outline:hover{background:#202423;border-color:#747b77}
.hero-media{height:620px;width:100%;margin:0;background:transparent;border:0;border-radius:0;justify-self:center}
.hero-media:before{display:none}
.hero-media video{height:590px;width:100%;max-width:310px;object-fit:contain}.hero-fixed-image{height:590px;width:auto;max-width:100%;object-fit:contain}
.video-caption{position:static;width:310px;max-width:100%;margin-top:10px;font-size:9px;color:#7e8782}
.video-caption .status-dot{background:#969e99;box-shadow:none}
.video-caption button{background:transparent;border-color:#303633;color:#a8aeaa;font-size:9px;padding:4px 8px}
@media(min-width:1600px){.hero-grid{min-height:788px;padding-block:74px 92px}.hero-media{height:640px}.hero-media video{height:600px}.hero-fixed-image{height:600px}}
@media(max-width:1200px){.desktop-nav{gap:20px;margin-inline:10px;font-size:13px}.language-label{display:none}.header-inner{gap:14px}.hero-grid{gap:45px}.hero h1{font-size:42px}.hero-media{height:570px}.hero-media video{height:535px}.hero-fixed-image{height:535px}}
@media(max-width:900px) and (min-width:761px){.desktop-nav{gap:16px}.desktop-nav a:nth-child(3),.desktop-nav a:nth-child(4){display:none}.header-cta,.header-download{padding-inline:15px}.hero-grid{gap:25px}.hero h1{font-size:35px}.hero-description{font-size:14px}.hero-media{height:525px}.hero-media video{height:490px}.hero-fixed-image{height:490px}}
@media(max-width:760px){.header{height:76px}.header .brand strong{font-size:26px}.header .brand-mark{width:26px;height:26px}.header-inner{gap:13px}.header-cta{min-height:38px;padding:9px 15px;font-size:12px;margin-left:auto}.header-download{display:none}.hero-grid{grid-template-columns:1fr;min-height:0;gap:48px;padding-top:65px;padding-bottom:55px}.hero-copy{max-width:540px}.hero h1{font-size:clamp(29px,7.9vw,43px);line-height:1.3;letter-spacing:-1px;margin-bottom:16px}.hero-description{font-size:14px;margin-bottom:28px;line-height:1.9}.hero .actions{gap:15px}.hero .button{min-height:52px;min-width:122px;padding:14px 20px;font-size:14px}.hero-media{height:auto;max-width:340px;margin-top:0}.hero-media video{height:530px;max-width:275px}.hero-fixed-image{height:530px;max-width:275px}.video-caption{width:275px;font-size:8px}.video-caption button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero .button{transition:none}}

.brand-logo{display:block;width:108px;height:auto;object-fit:contain}.footer .brand-logo{width:100px}@media(max-width:760px){.header .brand-logo{width:100px}}
/* Monochrome visual system */
:root{--accent:#f5f5f5;--ink:#0a0a0a;--surface:#151515;--line:#303030;--muted:#a6a6a6}
body{background:#090909;color:#f5f5f5}
.accent,.title-dot,.eyebrow,.text-link,.feature-link b,.small-check{color:#fff}
.status-dot{background:#fff;box-shadow:none}
.button,.hero .button{background:#fff;color:#080808;border-color:#fff}
.button:hover,.hero .button:hover{background:#d9d9d9;color:#000}
.button-outline,.hero .button-outline{background:transparent;color:#fff;border-color:#555}
.button-outline:hover,.hero .button-outline:hover{background:#242424;border-color:#aaa}
.explore,.start-section{background:#111}
.feature:hover{background:#202020}
.feature svg{stroke:#fff}
.download-banner{background:#f2f2f2;color:#0a0a0a;background-image:none}
.download-banner .eyebrow{color:#555}
.button-dark{background:#0a0a0a;color:#fff}.button-dark:hover{background:#292929}
.button-transparent{color:#0a0a0a;border-color:#777}.button-transparent:hover{background:#ddd}
.small-check{background:#292929}
.start-section{background:#111;color:#f5f5f5}
.start-section .eyebrow,.start-section .text-link{color:#fff}
.start-section .section-intro,.start-section .steps p{color:#aaa}
.start-section .steps{border-top-color:#444}
.start-section .steps article{border-bottom-color:#444}
.start-section .step-number{color:#ddd}
.start-section .step-number span{color:#999;border-color:#777}
.app-section{background:#0d0d0d;color:#f5f5f5}
.app-section .muted,.app-section .preview-note{color:#aaa}
.app-tabs button{color:#aaa;border-color:#444}
.app-tabs button[aria-selected="true"]{color:#fff;border-color:#aaa}
#app-panel{border-color:#444}
.app-preview{background:#101010;border-color:#444}
.app-preview #app-screen{filter:none}
.phone{width:min(300px,85%);height:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.phone-camera{display:none}
.phone img{width:100%;height:auto;object-fit:contain;border-radius:0;background:transparent}
.app-preview .phone{height:auto}
@media(max-width:760px){.mobile-nav:not([hidden]){background:#111;border-color:#3a3a3a}}