/* Existing Get Attendances brand: Default.aspx and css/app-theme.css. */
:root{--brand-blue:#386abb;--brand-teal:#0f766e;--brand-navy:#082b48;--brand-bg:#f3f6fb;--brand-border:#dce4ef}
body{background:var(--brand-bg);color:#24334d;font-family:'Open Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{color:var(--brand-navy)}.header{height:92px;background:var(--brand-blue);border-bottom:0;box-shadow:0 2px 16px #0000001f}.nav{gap:27px}.brand{display:inline-flex;flex-shrink:0}.brand-logo-frame{display:block;position:relative;width:224px;height:60px;overflow:hidden;background:#fff;border-radius:10px}.brand-logo{display:block;position:absolute;width:218px;height:109px;max-width:none;left:3px;top:-24px;object-fit:contain}.navlinks{gap:26px}.navlinks a,.nav-actions>a:not(.btn){color:#fff}.navlinks a:hover,.navlinks a[aria-current=page]{color:#fff;text-decoration:underline;text-underline-offset:7px}.header .btn{border-radius:999px;box-shadow:0 4px 12px #163e7333;background:var(--brand-teal)}.header .btn:hover{background:#095e58}.menu-button{color:#fff}.hero{background:linear-gradient(180deg,#386abb0b,#f3f6fb 90%)}.hero:before{background:radial-gradient(circle,#386abb18,transparent 68%)}.hero h1 em{color:var(--brand-teal)}.eyebrow,.text-link,.feature-card a{color:var(--brand-teal)}.btn{background:var(--brand-teal);border-radius:10px;min-height:48px;box-shadow:0 4px 14px #14233c0b}.btn:hover{background:#095e58}.btn.dark{background:var(--brand-blue)}.btn.dark:hover{background:#285593}.btn.light{background:#fff;border-color:var(--brand-border);color:var(--brand-blue);box-shadow:none}.feature-card,.form-card,.contact-card,.price-card{border-color:var(--brand-border);border-radius:14px;box-shadow:0 4px 14px #14233c07}.feature-icon{background:#e8effa;border-color:#d6e2f4;color:var(--brand-blue)}.proof-strip{background:#fff;border-color:var(--brand-border)}.sector,.proof-inner p{color:#64748b}.sector span{color:#386abb99}.app-window{border-color:#dce4ef;box-shadow:0 28px 80px -35px #386abb44}.app-side{background:#f0f4fa;border-color:#e0e8f3}.app-side b{background:#e0eafa;color:var(--brand-blue)}.mini-stat strong,.dashboard-head strong{color:var(--brand-navy)}.clock-float,.clock-panel,.chat-header{background:var(--brand-navy)}.clock-section{background:#eaf0f8;border-color:var(--brand-border)}.clock-top select{background:#173f5c;border-color:#476986;color:#e5f0fa}.clock-panel,.clock-panel h2{color:#fff}.clock-float small,.clock-date,.punch-note{color:#bbd2e5}.punch-btn{background:#e4f4f0;color:var(--brand-teal)}.format-btn{color:#d3e8f8}.clock-bottom{border-color:#ffffff22}.cta{background:linear-gradient(120deg,#e2ebfa,#e7f3f3);border-color:#cfddf0;border-radius:14px}.cta p{color:#64748b}.footer{background:#fff;border-color:var(--brand-border)}.footer .brand-logo-frame{background:transparent}.footer h4{color:var(--brand-navy)}.footer a:not(.brand),.footer p{color:#64748b}.footer-bottom{border-color:var(--brand-border);color:#64748b}.page-hero{background:radial-gradient(ellipse at top left,#386abb08,transparent 75%)}input,select,textarea{background:#fff;border-color:var(--brand-border);color:#24334d;border-radius:10px}label{color:#24334d}.price-card.featured{border-color:var(--brand-blue)}.badge{background:#e4edf9;color:var(--brand-blue)}.price-card .price{color:var(--brand-navy)}.about-panel{background:#e2ebfa}.chat-toggle{background:var(--brand-teal)}.brand-float{padding:9px 15px 9px 8px;gap:8px;bottom:-8px;border-color:var(--brand-border)}.brand-mascot-small{display:block;object-fit:contain;width:92px;height:66px}.login-mascot{display:block;width:174px;height:116px;object-fit:contain;margin-bottom:20px}.login-card{border-top:4px solid var(--brand-blue)}.step-number{color:var(--brand-teal)}.step-number:after{background:var(--brand-border)}.faq details{border-color:var(--brand-border)}
@media(max-width:1000px){.nav{gap:20px}.brand-logo-frame{width:194px;height:56px}.brand-logo{width:190px;height:95px;left:2px;top:-19px}.navlinks{gap:17px}.nav-actions{gap:17px}}
@media(max-width:760px){.header{height:78px}.nav{gap:13px}.brand-logo-frame{width:177px;height:52px}.brand-logo{width:173px;height:86.5px;left:2px;top:-17px}.navlinks{top:77px;background:var(--brand-blue);border-color:#ffffff33}.navlinks a{padding:3px 0}.nav-actions{gap:12px}.nav-actions>a{font-size:12px}.hero{padding-top:45px}.brand-mascot-small{width:75px;height:52px}.brand-float{right:-7px;bottom:-4px;padding:8px}.brand-float strong{font-size:11px}.brand-float small{font-size:9px}.footer .brand-logo-frame{width:210px;height:60px}.footer .brand-logo{width:206px;height:103px;top:-21px}.clock-digits{letter-spacing:-2px}}
@media(max-width:360px){.brand-logo-frame{width:150px;height:46px}.brand-logo{width:146px;height:73px;top:-13px}.nav-actions>a{font-size:11px}.wrap{padding-left:17px;padding-right:17px}}
/* Original site mainlogo.png: show the complete artwork without cropping. */
.header .brand-logo-frame{width:150px;height:80px;background:transparent;overflow:visible;border-radius:0}.header .brand-logo{position:static;width:120px;height:80px;max-width:100%;object-fit:contain;margin:0 auto}.footer .brand-logo-frame{width:174px;height:116px;background:transparent;overflow:visible;border-radius:0}.footer .brand-logo{position:static;width:174px;height:116px;max-width:100%;object-fit:contain;margin:0}
@media(max-width:1000px){.header .brand-logo-frame{width:130px;height:78px}.header .brand-logo{width:117px;height:78px}}
@media(max-width:760px){.header .brand-logo-frame{width:108px;height:72px}.header .brand-logo{width:108px;height:72px}.footer .brand-logo-frame{width:150px;height:100px}.footer .brand-logo{width:150px;height:100px}}