:root{--bk-ink:#10243f;--bk-blue:#1467ed;--bk-muted:#526782}html{scroll-behavior:smooth;scroll-padding-top:100px}body{overflow-wrap:break-word}main{min-height:60vh}p{line-height:1.8}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f2ae40;outline-offset:4px}img{max-width:100%}.container{max-width:1180px}.section-head p,.bk-project-heading p{color:var(--bk-muted)!important}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px;align-items:center}.split.reverse>div{order:2}.split.reverse>figure{order:1}.split h2{font-size:clamp(28px,3vw,42px);line-height:1.2;letter-spacing:-1px}.split p{color:var(--bk-muted);font-size:17px}.split h1{font-size:clamp(34px,4.4vw,60px);line-height:1.12;letter-spacing:-1.8px}.product-hero{background:linear-gradient(125deg,#eaf2ff,#f6fbf8);padding:86px 0 70px}.eyebrow{display:inline-block;letter-spacing:1.6px;font-size:11px;font-weight:800;color:#2862a6;margin-bottom:18px}.screen-card{display:block;margin:0;background:white;border:1px solid #dbe4ef;border-radius:18px;overflow:hidden;box-shadow:0 16px 48px #19324e0c}.screen-card img{width:100%;height:auto;display:block}.screen-card figcaption{padding:18px 22px;color:var(--bk-muted);font-size:13px}.screen-card figcaption h3{color:var(--bk-ink);font-size:21px;margin:0 0 10px}.screen-card figcaption p{margin:0}.cards-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.panel-gallery{padding-top:24px;padding-bottom:68px}.panel-gallery img{aspect-ratio:1.45;object-fit:contain;background:#f4f5f0}.flow-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding:0;list-style:none}.flow-steps li{padding:22px 18px;background:#f0f5fc;border-radius:14px;font-size:14px;font-weight:700}.flow-steps b{display:block;font-size:25px;color:#2766d2;margin-bottom:10px}.feature-story:nth-of-type(even){background:#f0f5fb}.feature-story{padding:62px 0}.text-link{display:inline-block;color:#175bd1;font-weight:750;margin-top:12px}.cafe-teaser{background:#eaf3ef;padding:68px 0}.pill-row{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.pill-row span{border:1px solid #c7d9d2;background:#fff9;border-radius:999px;padding:9px 13px;font-size:12px;color:#285c4c}.small-note{font-size:13px!important}.bk-projects{margin-top:32px!important}.bk-project-cover{height:auto!important;aspect-ratio:1.55}.bk-project-cover img{object-fit:cover!important;object-position:top}.bk-project-copy small{font-size:12px!important;color:#41648c!important}.bk-project-copy p{color:#526782!important;font-size:14px!important}.bk-project-copy h3{font-size:23px!important}.bk-project-copy>a{font-size:14px!important}.bk-project-copy .project-detail{border:0;text-align:left;padding:14px 0 0;background:none}.bk-project-copy .project-detail:hover{background:none;text-decoration:underline}.bk-project-heading h2{font-size:36px!important;letter-spacing:-1px}.bk-project-heading p{font-size:16px!important;max-width:750px}.nav-links{gap:18px}.nav-links a{white-space:nowrap}.page-hero h1{line-height:1.13}.page-hero p{max-width:780px;margin-left:auto;margin-right:auto}.faq-item summary{cursor:pointer;min-height:44px}.cta-actions{flex-wrap:wrap}.case-study img{object-position:top}.showcase:has(>article:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.menu-toggle{min-width:44px;min-height:44px}.price-card p{color:#526782}.contact-form textarea{resize:vertical}section[id]{scroll-margin-top:100px}
.page-hero .eyebrow{color:#c9dcff}.page-hero .sub{max-width:780px;margin:0 auto 16px;line-height:1.7;color:#d8e6fa}.demo-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.demo-filters button{border:1px solid #cfdbec;border-radius:999px;padding:12px 18px;background:white;color:#294c79;font:600 14px system-ui;cursor:pointer;min-height:44px}.demo-filters button.active{background:#1467ed;border-color:#1467ed;color:white}.demo-label{display:block;color:#627c9a;letter-spacing:1px;font-size:10px;margin-bottom:12px}.showcase-card h2{font-size:23px;line-height:1.25}.showcase-card .cta-actions{margin-top:22px}.showcase-card .cta-actions a{font-size:13px;padding:10px 13px}.project-features{padding-left:20px;margin:24px 0;line-height:2;color:#526782}.project-features li::marker{color:#1467ed}.form label{display:block;font-weight:700;font-size:14px;margin:14px 0 6px}
@media(max-width:1150px){.navbar .phone{display:none}.nav-links{gap:13px}.navbar .brand{max-width:180px}}@media(max-width:900px){.split{grid-template-columns:1fr;gap:30px}.split.reverse>div,.split.reverse>figure{order:initial}.flow-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.product-hero{padding:48px 0}.feature-story{padding:40px 0}}@media(max-width:600px){.cards-2{grid-template-columns:1fr}.flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-steps li:last-child{grid-column:1/-1}.bk-project-heading h2{font-size:29px!important}.split p{font-size:16px}.split h1{letter-spacing:-1px}.navbar .btn{display:none}.cta-actions .btn{width:100%;text-align:center}.showcase:has(>article:nth-child(2):last-child){grid-template-columns:1fr}.cafe-teaser{padding:44px 0}.screen-card{border-radius:12px}.section-head h2{line-height:1.2}.demo-filters{gap:8px}.demo-filters button{font-size:12px;padding:10px 14px}}

.about-brand-card{padding:46px 36px;border:1px solid #d8e5f6;border-radius:24px;background:linear-gradient(140deg,#fff,#eaf2ff);box-shadow:0 20px 60px #173e7710}.about-brand-card img{width:100%;height:auto;object-fit:contain;margin:26px 0 32px}.about-brand-card p{font-size:22px;color:#243e60}.about-brand-card .pill-row{margin-bottom:0}@media(max-width:600px){.about-brand-card{padding:28px 22px}.about-brand-card p{font-size:19px}}

.project-work-heading{font-size:15px;color:#183b63;margin:24px 0 12px}.project-work-list{padding-left:20px;color:#526782;font-size:14px;line-height:1.65;margin:0 0 24px}.project-work-list li{margin-bottom:12px}.project-work-list li::marker{color:#1467ed}.bk-project-cover[href]{cursor:pointer;overflow:hidden}.bk-project-cover[href] img{transition:transform .2s ease}.bk-project-cover[href]:hover img{transform:scale(1.03)}

header .nav-actions>.auth-link{white-space:nowrap;font-size:13px;padding:14px 15px}
@media(max-width:1150px){.navbar .phone{display:none}.nav-links{gap:10px;font-size:12px}.navbar .brand img{max-width:145px}}
@media(max-width:700px){header .nav-actions>.auth-link{display:inline-flex;align-items:center;font-size:11px;padding:11px 10px}.navbar .brand img{max-width:125px}header .navbar{gap:10px}header .nav-actions{gap:8px}}