/* Mabsat brand colors and typography from the investor pitch. */
:root{--navy:#10583e;--blue:#0e2e49;--green:#10583e;--ink:#334653;--muted:#687a86;--bg:#fff;--line:#dfe7e4}
body{background:#fff;color:var(--ink);font-family:Arial,'Noto Sans Arabic',sans-serif}
h1,h2,h3{color:#0e2e49}.topline{background:#10583e;color:#fff}.header{background:#fff;padding-block:12px}.brand{gap:13px}.brand-name{font-family:Arial,sans-serif;letter-spacing:-1px;color:#10583e;font-size:32px;font-weight:700}.brand-logo{display:block;position:relative;width:64px;height:82px;overflow:hidden;flex-shrink:0}.brand-logo img{position:absolute;width:120px;height:220px;max-width:none;left:-28px;top:-69px;transform:rotate(-90deg)}
.store-hero{background:#fff;grid-template-columns:1.5fr 1fr;border-radius:0;min-height:460px;border-bottom:1px solid var(--line)}.hero-copy{padding:44px 22px 44px 0}.hero-copy h1{font-family:Arial,'Noto Sans Arabic',sans-serif;font-weight:700;font-size:60px;color:#10583e;line-height:1.06;letter-spacing:-2px}.hero-copy h1 em{font-style:normal;color:#0e2e49}.hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.65;max-width:610px}.hero-copy .eyebrow{color:#10583e}.hero-note{display:block;color:#0e2e49;font-size:15px;line-height:1.6;margin-top:23px}.hero-note small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.brand-hero{display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fff;gap:14px;padding:25px}.brand-hero p{text-align:center;font-size:15px;line-height:1.6;color:var(--muted)}.hero-logo{display:block;width:240px;height:300px;overflow:hidden;position:relative}.hero-logo img{position:absolute;width:450px;height:825px;max-width:none;left:-105px;top:-262.5px;transform:rotate(-90deg)}
.primary{background:#10583e;color:#fff}.primary:hover{background:#0b432f}.secondary{border-color:#10583e;color:#10583e}.customer-nav button.active{border-color:#10583e;color:#10583e}.customer-nav button{font-size:15px}.discovery-search{background:#f4f7f5;border-color:#dce7e1}.collection-tile{background:#f4f7f5}.collection-tile:hover{background:#e7f1eb}.collection-tile strong{color:#0e2e49}.chip.active{background:#e7f1eb;color:#10583e}.service-card{background:#f4f7f5}.service-card .card-title{color:#0e2e49}.maker-feature,.used-guide{background:#f4f7f5}.maker-feature h2,.browse-heading h1,.used-hero h1,.used-home-banner h2{font-family:Arial,'Noto Sans Arabic',sans-serif;font-weight:700;color:#0e2e49}.used-hero,.used-home-banner{background:#f4f7f5;border-color:var(--line)}.used-hero h1 em{color:#10583e;font-style:normal}.benefit-icon{color:#10583e}.footer-brand>strong{color:#10583e;letter-spacing:0}.custom-requests{margin-top:32px;padding:22px 0;border-top:1px solid var(--line)}.custom-requests summary{font-weight:700;color:#0e2e49;cursor:pointer}.custom-requests>p{margin-block:15px}.dialog-pad>h3{margin-top:25px}.dialog-pad>p{line-height:1.75;margin-top:12px}
@media(max-width:760px){.brand-name{font-size:27px}.brand-logo{width:48px;height:60px}.brand-logo img{width:90px;height:165px;left:-21px;top:-52.5px}.hero-copy h1{font-size:43px;letter-spacing:-1.3px}.hero-copy{padding:30px 0}.store-hero{grid-template-columns:1.3fr 1fr;min-height:360px}.brand-hero{padding:15px}.hero-logo{width:144px;height:180px}.hero-logo img{width:270px;height:495px;left:-63px;top:-157.5px}.brand-hero p{font-size:13px}.hero-copy>p:not(.eyebrow){font-size:16px}.customer-nav nav{justify-content:flex-start;gap:22px}.customer-nav button{white-space:nowrap;font-size:14px}.header-right{gap:16px}.hero-note{display:block;font-size:13px}.hero-actions{flex-wrap:wrap}.hero-actions .secondary{font-size:14px;padding:10px 15px}}
@media(max-width:520px){.store-hero{grid-template-columns:1fr}.hero-copy{padding:32px 0 15px}.hero-copy h1{font-size:44px}.brand-hero{height:auto;flex-direction:row;padding:12px 0 28px;justify-content:flex-start;gap:22px}.brand-hero p{font-size:13px;text-align:start}.hero-logo{width:112px;height:140px;flex-shrink:0}.hero-logo img{width:210px;height:385px;left:-49px;top:-122.5px}.hero-copy .eyebrow{font-size:11px}.hero-note small{font-size:12px}.customer-nav nav{gap:21px}.header{gap:12px}.header-right .text-btn{font-size:13px}.brand-name{font-size:25px}}
[dir=rtl] .hero-copy{padding-inline:0 22px}[dir=rtl] .hero-copy h1{font-family:Arial,'Noto Sans Arabic',sans-serif;line-height:1.35;font-size:47px;letter-spacing:0}@media(max-width:760px){[dir=rtl] .hero-copy h1{font-size:36px}[dir=rtl] .hero-copy{padding-inline:0}}