/* OMNISYS · shared responsive brand system */
:root{--accent:#ffa54b;--ink:#0b0c0e;--line:#2b2d30;--muted:#b0b1b5;color-scheme:dark}
body{background:#0b0c0e;font-size:16px}h1,h2,h3{font-weight:600;text-wrap:balance}p{line-height:1.75}img,video{max-width:100%}main{min-width:0}button,a{touch-action:manipulation}button,input,select{font-size:16px}a,button{transition:background .2s,color .2s,border-color .2s}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #ffc78d;outline-offset:5px}header{height:92px;padding-inline:max(24px,calc((100vw - 1320px)/2));background:#0b0c0ef2;border-bottom:1px solid #ffffff12;gap:24px}header .brand{font-size:21px;letter-spacing:1px;gap:12px;flex-shrink:0}.official-logo,header .brand-logo{object-fit:contain;border-radius:50%;width:52px;height:52px}header nav{gap:22px;font-size:14px}.header-actions{gap:10px}.account-link,header .login{border-radius:9px;border-color:#ffffff28;padding:12px 15px;font-size:14px}.header-actions button{min-width:44px;min-height:44px}.primary{background:#ffa54b;color:#17110b;border-radius:9px;font-size:15px;padding:17px 24px;box-shadow:0 4px 20px #0003}.primary:hover{background:#ffb96c;transform:translateY(-2px)}.text-link{font-size:15px;min-height:44px;display:inline-flex;align-items:center}.eyebrow{font-size:12px;color:#b7b8bc;letter-spacing:1.6px}.intro{color:#b0b1b5}.video-hero{max-width:1440px;margin:auto;padding:30px 60px 0;display:grid;grid-template-columns:1fr 1fr;gap:42px 60px;align-items:center;overflow:visible}.section-index{grid-column:1/-1;display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:1.4px;color:#8b8d93}.video-heading{text-align:left;margin:22px 0 0;max-width:none}.video-heading .eyebrow,.video-heading .hero-actions{justify-content:flex-start}.video-heading h1{font-size:clamp(46px,4.8vw,72px);line-height:1.06;margin:24px 0;letter-spacing:-.055em}.video-heading h1 em{color:#ffa54b}.video-heading .intro{margin:26px 0;max-width:530px;font-size:17px;line-height:1.8}.video-heading .hero-actions{flex-wrap:wrap;gap:12px 24px;margin:28px 0 12px}.cinema-stage{margin:0;width:100%;max-width:none;min-width:0}.cinema-ring{display:none}.cinema-frame{transform:none;border:1px solid #575047;border-radius:14px;background:#131416;box-shadow:0 30px 70px #0006;animation:cinema-enter .7s ease-out}.cinema-top{font-size:10px;letter-spacing:.5px;padding:17px 14px;background:#19191a}.cinema-top>span:first-child{color:#ffbd79}.video-caption{text-align:left;font-size:12px;color:#999ca2;line-height:1.6;margin:16px 0 0}.video-links{justify-content:flex-start;gap:20px;font-size:13px}.hero-baseline{grid-column:1/-1;display:flex;justify-content:space-between;padding:28px 0;border-block:1px solid var(--line);font-size:13px;letter-spacing:.7px;color:#b7b8bc;margin-top:18px}.hero-baseline span:before{content:'+';color:#ffa54b;margin-right:12px}.brand-story{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;align-items:center;max-width:1320px;margin:0 auto;padding:96px 0}.brand-story h2{font-size:clamp(34px,4vw,52px);line-height:1.15;margin:20px 0;white-space:pre-line}.brand-story p:not(.eyebrow){color:#b0b1b5;max-width:570px;font-size:17px;line-height:1.9}.brand-story .primary{margin-top:14px}.brand-signature{text-align:center}.brand-signature img{width:280px;height:280px;object-fit:contain;filter:drop-shadow(0 0 36px #ff8b1720)}.brand-signature p{font-size:10px!important;letter-spacing:2px;color:#888!important;margin:25px auto 0}.home-paths{max-width:1320px;margin:auto;gap:40px;padding:44px 0 70px}.home-paths>a{position:relative;padding:8px 24px 8px 0;border-right:1px solid var(--line)}.home-paths>a:last-child{border-right:0}.home-paths span{font-size:12px;color:#ffb368}.home-paths h2{font-size:24px;margin:22px 0 12px}.home-paths p{font-size:15px;color:#a4a6ad}footer{padding:32px max(24px,calc((100vw - 1320px)/2));background:#101113;border-top:1px solid var(--line);gap:30px;align-items:center}footer .brand{font-size:18px;letter-spacing:1px}footer .official-logo{width:38px;height:38px}footer p{font-size:13px;line-height:1.7;max-width:540px}.app-card{background:#131416;border-color:#343537;border-radius:14px}.app-card h3{font-size:28px}.app-card .state{font-size:13px}.availability{font-size:14px}.download-row,.subscription-summary{font-size:16px}.team-preview,.demo-panel{min-width:0}.demo-row{overflow-wrap:anywhere}.catalog-filters button,.duration-options button{border-radius:8px;font-size:14px}.tenant-logo{overflow:hidden}.vendor img{object-fit:contain;border-radius:50%}
@media(min-width:851px) and (max-width:1150px){header{gap:14px;padding-inline:24px}header nav{gap:13px;font-size:13px}header .brand{font-size:18px}.header-actions{gap:4px}.account-link{font-size:12px;padding:10px}.video-hero{padding-inline:32px;gap:34px}.brand-story,.home-paths{margin-inline:32px}.brand-story{gap:40px}.video-heading h1{font-size:52px}}
@media(max-width:850px){header{height:76px;padding-inline:20px;gap:10px}header .brand{font-size:19px;letter-spacing:.7px;gap:8px}header .brand-logo{width:43px;height:43px}header nav{top:100%;padding:12px 20px 20px;border-bottom:1px solid #56504a;background:#141517;box-shadow:0 20px 35px #0008}header nav a{font-size:16px;min-height:52px}header .account-link{display:none}.header-actions{gap:4px}.video-hero{padding:22px 24px 0;grid-template-columns:1fr;gap:28px}.section-index{font-size:10px;letter-spacing:.6px}.video-heading{margin:4px 0 0;max-width:630px}.video-heading h1{font-size:clamp(42px,8vw,64px)}.video-heading .intro{font-size:16px;margin:20px 0}.video-heading .eyebrow{font-size:11px;letter-spacing:1px;justify-content:flex-start}.video-heading .hero-actions{margin:24px 0 0}.cinema-stage{margin:6px 0 0}.cinema-top{font-size:11px}.hero-baseline{margin-top:0;padding:22px 0;gap:15px;flex-wrap:wrap;font-size:12px}.brand-story{margin-inline:24px;padding:62px 0;gap:35px;grid-template-columns:1.5fr 1fr}.brand-signature img{width:200px;height:200px}.brand-story p:not(.eyebrow){font-size:16px}.home-paths{margin-inline:24px;gap:20px}.home-paths h2{font-size:21px}.home-paths>a{padding-right:15px}footer{padding:28px 24px;flex-wrap:wrap}.hero .motion-stage{overflow:hidden}.section-heading p{font-size:16px}}
@media(max-width:540px){header{padding-inline:16px}.header-actions .login{display:none}.video-hero{padding-inline:20px}.section-index span:last-child{font-size:9px}.video-heading h1{font-size:46px}.video-heading .hero-actions{align-items:stretch;flex-direction:column;gap:8px}.video-heading .hero-actions .text-link{justify-content:center}.cinema-top{font-size:9px;gap:8px;padding:13px 10px}.video-caption{font-size:12px}.video-links{flex-wrap:wrap;gap:4px 20px}.hero-baseline{display:grid;grid-template-columns:1fr;gap:15px;font-size:13px}.brand-story{grid-template-columns:1fr;margin-inline:20px;padding:56px 0;gap:30px}.brand-story h2{font-size:37px}.brand-signature{border-top:1px solid var(--line);padding-top:35px}.brand-signature img{width:180px;height:180px}.home-paths{grid-template-columns:1fr;margin-inline:20px;padding:24px 0 45px;gap:0}.home-paths>a{border-right:0;border-bottom:1px solid var(--line);padding:24px 0}.home-paths h2{margin:12px 0;font-size:23px}.home-paths p{margin:10px 0 0}footer{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:28px 20px}footer p{margin:0}.hero-actions{flex-wrap:wrap}.section-heading h2{font-size:34px}.duration-options{grid-template-columns:repeat(2,1fr)}.demo-tabs button{font-size:14px;padding:12px 9px}.walkthrough-steps h3{font-size:24px}.subscription-summary{padding:22px}.catalog-filters button{padding:10px 12px}.platform-hero{padding-inline:20px}.story-steps{gap:2px}.story-step{font-size:11px}}
@media(max-width:360px){header .brand{font-size:16px}.video-heading h1{font-size:40px}.video-hero{padding-inline:16px}.section-index{letter-spacing:0}.cinema-top{flex-wrap:wrap}.brand-story,.home-paths{margin-inline:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.cinema-frame{transform:none!important}}
header nav .mobile-panel-link{display:none}@media(max-width:850px){header nav.is-open .mobile-panel-link{display:flex}}