:root{--navy:#081525;--ink:#142740;--muted:#5f7086;--paper:#f3f6fa;--blue:#2367e8;--line:#dce4ee}body{font-weight:400}header{position:sticky;top:0;z-index:40;background:#081525f5;backdrop-filter:blur(18px);height:88px;box-shadow:0 1px 0 #ffffff0c}html{scroll-padding-top:115px}.brand-sub{letter-spacing:2.6px}nav a{font-weight:500}.header-cta{background:#ffffff0a;border-color:#ffffff40;border-radius:4px}.button{border-radius:4px;min-height:52px;padding:15px 26px;font-weight:600;box-shadow:0 6px 16px #08152508}.blue{background:linear-gradient(135deg,#327af3,#205bd8);border-color:#4788ef;box-shadow:0 8px 24px #2367e829}.blue:hover{background:#1d5fd8}.hero{height:calc(100svh - 88px);min-height:660px;max-height:830px}.hero-content{padding-top:90px}.hero h1{font-weight:600;letter-spacing:-3.4px;line-height:1.09}.hero-copy{max-width:500px;font-size:19px;color:#c0cde0}.hero .eyebrow{display:flex;align-items:center;gap:15px;letter-spacing:2.5px;font-size:12px}.hero .eyebrow:before{content:'';width:30px;height:1px;background:#8cb7ff}.hero-shade{background:linear-gradient(90deg,#081525fa,#081525e8 30%,#08152591 60%,#08152521),linear-gradient(0deg,#081525dd,transparent 65%)}.section{padding-top:110px;padding-bottom:110px}.eyebrow{letter-spacing:2.2px}h2{font-weight:600;letter-spacing:-1.5px}.section-heading{margin-bottom:54px}.section-heading>p{font-size:16px;max-width:370px}.section-heading h2{line-height:1.25}.service-card{border-color:#dce4ed;box-shadow:0 6px 20px #152c4804;border-radius:6px}.service-card:hover{border-color:#8eadde;box-shadow:0 20px 44px #152c4810;transform:translateY(-5px)}.service-card-content{padding:27px}.service-card h3{font-weight:650}.service-card .service-more{border-top:1px solid #e8edf4;padding-top:18px}.about-image{border-radius:6px}.about-copy>p:not(.eyebrow){font-size:17px;line-height:1.85}.principles>div{padding:23px 0}.principles h3{font-size:18px}.page-intro{padding-top:40px;padding-bottom:80px}.page-intro h1{font-weight:600}.page-cta{background:#eaf1fb;border-top:1px solid #d9e4f4}.site-footer{padding-top:65px;padding-bottom:35px}.footer-top p{color:#a0afc5}.project-photo{height:250px}.project-content{padding:32px}.home-project-grid>article{border-radius:6px}.project-content h3{font-weight:600}.brand-showcase{background:white}.brand-showcase-grid{display:grid;grid-template-columns:1fr 1.18fr;gap:28px;align-items:stretch}.hardware-feature{background:var(--navy);color:white;border-radius:7px;overflow:hidden}.hardware-photo{height:265px;overflow:hidden}.hardware-photo img{display:block;object-fit:cover}.hardware-copy{padding:35px}.hardware-copy .eyebrow{color:#8ab5ff;font-size:11px}.hardware-copy h3,.licence-heading h3{font-size:32px;line-height:1.25;letter-spacing:-1px;font-weight:600}.hardware-copy>p:not(.eyebrow){font-size:16px;color:#b0bfd3;line-height:1.85;margin-top:19px}.hardware-brands{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;padding:24px 0;margin:28px 0 5px}.hardware-brands span{font-family:Manrope,Arial,sans-serif;font-size:23px;font-weight:750;letter-spacing:-.8px}.hardware-copy .inline-link{color:#a9caff;border-color:#587fad;font-size:14px}.licence-feature{border:1px solid var(--line);border-radius:7px;padding:35px;background:#f8fafc}.licence-heading .eyebrow{font-size:11px}.licence-heading>p:not(.eyebrow){font-size:16px;color:var(--muted);line-height:1.85;margin-top:20px;max-width:470px}.licence-rows{margin-top:27px}.licence-rows>div{display:grid;grid-template-columns:22px 1fr;gap:14px;padding:21px 0;border-top:1px solid var(--line);position:relative}.licence-number{font-size:12px;color:#8191a7;padding-top:5px}.licence-rows h4{font-family:Manrope,Arial,sans-serif;font-size:20px;font-weight:650;margin:0;line-height:1.4;letter-spacing:-.4px}.licence-rows p{font-size:15px;color:var(--muted);margin-top:8px;line-height:1.75;max-width:400px}.licence-tag{grid-column:2;font-size:10px;letter-spacing:1.5px;color:#637e9e;font-weight:600;margin-top:0}.licence-feature>.inline-link{font-size:14px;margin-top:15px}.brand-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}.brand-category-grid>div{border:1px solid var(--line);border-radius:6px;padding:27px 30px;display:flex;gap:15px 26px;flex-wrap:wrap;align-items:center}.brand-category-grid p{flex-basis:100%;font-size:10px;letter-spacing:1.7px;color:#6a7f99;margin-bottom:6px}.brand-category-grid span{font-family:Manrope,Arial,sans-serif;font-size:19px;font-weight:650;color:#3b506e}.brand-section-bottom{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:30px}.brand-section-bottom p{font-size:14px;color:var(--muted);max-width:570px}.brand-section-bottom .inline-link{margin:0;font-size:14px;flex-shrink:0}
@media(min-width:1600px){.brand-showcase{padding-left:max(6%,calc((100vw - 1440px)/2));padding-right:max(6%,calc((100vw - 1440px)/2))}}
@media(max-width:1100px){.section{padding-top:80px;padding-bottom:80px}.brand-showcase-grid{gap:20px}.hardware-copy,.licence-feature{padding:28px}.hardware-brands span{font-size:20px}.project-content{padding:25px}.project-photo{height:210px}}
@media(max-width:900px){nav{top:88px}.brand-showcase-grid{grid-template-columns:1fr}.hardware-feature{display:grid;grid-template-columns:1fr 1fr}.hardware-photo{height:100%;min-height:330px}.brand-category-grid{gap:20px}.brand-section-bottom{align-items:flex-start}.brand-section-bottom .inline-link{flex-shrink:1}}
@media(max-width:760px){header{height:80px}nav{top:80px}.hero{height:auto;min-height:640px}.hero-content{padding-top:65px}.hero h1{font-size:53px;letter-spacing:-2.5px}.hero-copy{font-size:17px}.hero .eyebrow{font-size:10px;letter-spacing:1.7px}.section{padding-top:65px;padding-bottom:65px}.section-heading{margin-bottom:35px}.page-intro{padding-top:28px;padding-bottom:52px}.hardware-feature{display:block}.hardware-photo{height:225px;min-height:0}.hardware-copy,.licence-feature{padding:26px}.hardware-copy h3,.licence-heading h3{font-size:29px}.brand-category-grid{grid-template-columns:1fr}.brand-category-grid>div{padding:24px}.brand-section-bottom{display:block}.brand-section-bottom .inline-link{margin-top:20px}.service-card-content{padding:19px}.service-card .service-more{padding-top:14px}.project-photo{height:230px}}
@media(max-width:380px){.hero h1{font-size:46px}.hardware-brands{gap:10px}.hardware-brands span{font-size:18px}}
