body.brand-home{background:#fff;color:#153d42;background-attachment:initial;font-family:"Avenir Next",Helvetica,Arial,sans-serif;letter-spacing:0}
body.brand-home::before{display:none}.brand-home .page{width:100%;padding:0;margin:0}.brand-home h1,.brand-home h2,.brand-home h3{font-family:inherit;letter-spacing:0}
.brand-home .topbar{border:0;border-bottom:1px solid #e2e8e6;border-radius:0;box-shadow:none;background:#fff;color:#153d42;padding:20px max(24px,calc((100% - 1200px)/2));backdrop-filter:none}
.brand-home .brand strong{font-size:22px}.brand-home .brand p{color:#58696c}.brand-home .brand-mark{width:44px;height:44px;border-radius:10px;border:0}
.brand-home .nav a{color:#153d42;border-radius:6px;padding:8px;opacity:1;font-size:14px}.brand-home .nav .nav-login{background:#153d42;color:white;padding:9px 16px}.brand-home .nav a:hover{background:#e7f2ef;transform:none}.brand-home .nav .nav-login:hover{background:#245d60}
.brand-hero{position:relative;overflow:hidden;text-align:center;padding:42px 24px 0;background:#e7f2ee;border-bottom:1px solid #d5e5df;perspective:1600px}
.brand-category{font-size:13px;line-height:1.5;font-weight:700;margin:0 0 14px;letter-spacing:0;color:#53666a}
.brand-hero h1{font-size:76px;line-height:1.05;margin:0 0 18px;font-weight:750;overflow-wrap:anywhere}.brand-intro{font-size:20px;line-height:1.45;margin:0 auto 24px;max-width:680px;color:#34585c}
.brand-actions{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}.brand-home .btn{border-radius:6px;box-shadow:none;padding:13px 20px;font-size:15px;line-height:1.3;letter-spacing:0;transform:none}.brand-home .btn-primary{background:#174897;color:white;border:1px solid #174897}.brand-home .btn-secondary{background:transparent;border:1px solid #729294;color:#153d42}.brand-home .btn:hover{transform:none;filter:brightness(.96)}
.brand-disclosure{font-size:12px;line-height:1.5;color:#53666a;margin:16px 0 0}.app-gallery{display:flex;justify-content:center;align-items:flex-start;gap:32px;max-width:940px;margin:38px auto 0;height:390px;perspective:1600px;transform-style:preserve-3d}
.app-gallery img{width:205px;height:auto;display:block;border:6px solid #193a3e;border-radius:24px;box-shadow:0 25px 45px #173c4221;background:#fff;transform-origin:center top}
.app-gallery .gallery-left{transform:translateY(38px) rotateY(11deg) rotateZ(-3deg)}.app-gallery .gallery-center{width:225px;z-index:1;transform:translateZ(28px)}.app-gallery .gallery-right{transform:translateY(38px) rotateY(-11deg) rotateZ(3deg)}
.brand-band{padding:66px 24px;max-width:1200px;margin:0 auto}.brand-band h2{font-size:40px;line-height:1.15;font-weight:700;margin:0 0 24px}.brand-band h3{font-size:20px;margin:0 0 12px}.brand-band p:not(.brand-category):not(.brand-disclosure){font-size:16px;line-height:1.65;color:#4b6468;margin:0;max-width:620px}
.brand-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;border-top:1px solid #e0e9e6;padding-top:28px}.brand-features article{padding:0;border:0;background:none;box-shadow:none}
.brand-demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,430px);gap:48px;align-items:center;border-top:1px solid #e0e9e6}.brand-demo video{display:block;width:100%;aspect-ratio:9/16;background:#e7f2ee;border-radius:8px;box-shadow:0 22px 50px #173c421f}
.brand-demo:target{scroll-margin-top:24px}
@media(max-width:1000px){.brand-demo{grid-template-columns:1fr;gap:28px}.brand-demo video{width:min(430px,100%);justify-self:center}}
.demo-chapters{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.demo-chapters button{font:inherit;font-size:14px;line-height:1.4;color:#153d42;background:#f0f6f3;border:1px solid #d5e5df;border-radius:6px;padding:10px 14px;min-height:44px;cursor:pointer}.demo-chapters button:hover{background:#dcece5}.demo-chapters button:focus-visible{outline:3px solid #174897;outline-offset:3px}
.brand-start{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:50px;border-top:1px solid #e0e9e6}.brand-start .brand-actions{justify-content:flex-start}.brand-home .footer{margin:0;padding:28px 24px;background:#f4f7f6;color:#586b6d;text-align:center;line-height:2;font-size:12px}.brand-home .footer a{color:#345b60}
@media(prefers-reduced-motion:no-preference){.app-gallery .gallery-center{animation:brand-enter .6s ease-out both}.app-gallery .gallery-left,.app-gallery .gallery-right{animation:brand-side-enter .8s ease-out both}@keyframes brand-enter{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}@keyframes brand-side-enter{from{opacity:0;translate:0 38px}to{opacity:1;translate:0 0}}}
@media(max-width:760px){.brand-home .topbar{padding:14px 20px;gap:12px;flex-wrap:wrap}.brand-home .nav{gap:5px}.brand-home .brand p{display:none}.brand-home .nav a{font-size:12px}.brand-hero{padding-top:32px}.brand-hero h1{font-size:48px}.brand-intro{font-size:17px;max-width:340px}.app-gallery{gap:14px;height:320px;margin-top:28px}.app-gallery img{width:142px;flex:none;border-width:4px;border-radius:16px}.app-gallery .gallery-center{width:178px}.brand-band{padding:42px 24px}.brand-band h2{font-size:30px}.brand-features{grid-template-columns:1fr;gap:28px}.brand-demo,.brand-start{grid-template-columns:1fr;gap:28px}.brand-demo video{width:min(430px,100%);justify-self:center}.brand-home .brand strong{font-size:19px}}
@media(max-width:380px){.brand-home .topbar{padding:12px 16px}.brand-home .nav{gap:3px;width:100%;justify-content:space-between}.brand-home .nav a{padding:6px}.brand-home .nav .nav-login{padding:7px 10px}.brand-hero{padding-inline:16px;padding-top:24px}.brand-hero h1{font-size:42px}.brand-actions{gap:8px}.brand-home .btn{padding:12px;font-size:13px}.app-gallery{gap:8px;height:240px;margin-top:22px}.app-gallery .gallery-center{width:160px}.app-gallery img{width:130px}.brand-intro br{display:none}}