:root{--ink:#1f2937;--paper:#f8fafc;--lime:#0ea5e9;--muted:#64748b;--line:rgba(15,23,42,.11);color-scheme:light}
html{background:#f8fafc}body{background:#f8fafc;color:#1f2937}
::selection{background:#dbeef8;color:#0f172a}
.topline{color:#64748b;border-color:rgba(15,23,42,.1)}
header{background:rgba(248,250,252,.94);border-color:rgba(15,23,42,.09);box-shadow:0 1px 8px rgba(15,23,42,.025)}
.navlinks{color:#475569}.navlinks a:hover,.text-link:hover{color:#0284c7}
.nav-cta{border:1px solid #1e293b;color:#1e293b;background:transparent;transition:background-color .22s ease,color .22s ease,border-color .22s ease}
.nav-cta:hover{background:#1e293b;color:#fff;border-color:#1e293b}
.menu-btn{color:#1e293b}.eyebrow,.hero-kicker{color:#0e7490}.hero-kicker:before{background:#0ea5e9}
.hero{background:#f8fafc}.hero:before{display:none}.hero h1,.intro h2,.section-head h2,.home-intro h2,.home-feature-copy h2,.page-hero h1,.about-statement h2,.case-insight-copy h2,.calc-intro h2,.faq-title h2{color:#1f2937}
.hero h1 em,.intro h2 em,.home-intro h2 em,.page-hero h1 em,.home-link-card small,.home-feature-copy .eyebrow,.case-insight-copy h2 em,.calc-intro h2 em{color:#0e7490}
.hero-desc,.intro-bottom p,.home-feature-copy p,.home-intro p,.page-hero p,.case-insight-copy p,.calc-intro p,.faq-title p,.case-detail-copy>p{color:#475569}
.hero-note,.scroll-hint{color:#64748b}.scroll-hint:after{background:#0ea5e9}
.art-grid,.experience-grid,.experience-halo,.experience-halo:after,.orbit,.orbit-label,.orb-core{display:none}
.hero-experience{isolation:auto}.browser-window{background:#fff;border:1px solid #dbe3eb;box-shadow:0 22px 55px rgba(15,23,42,.1);transform:rotate(-1.5deg)}
.browser-chrome{color:#64748b}.browser-chrome i{background:#cbd5e1}.mock-page{background:#f8fafc;color:#1f2937}.mock-nav{border-color:#e2e8f0}.mock-copy small{color:#0e7490}.mock-copy strong{color:#1f2937}.mock-copy p{color:#475569}.mock-copy>span{background:#dbeef8;color:#0f172a}.mock-art{background:#e2e8f0}.mock-art:after{background:linear-gradient(transparent,rgba(15,23,42,.56))}.mock-art small{text-shadow:0 1px 6px rgba(15,23,42,.3)}
.floating-note{background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 24px rgba(15,23,42,.08);color:#334155}.floating-note b,.experience-caption:before{color:#0e7490}.floating-note small,.experience-caption{color:#64748b}.qr-note{background:#fff;color:#1f2937}.qr-note b{color:#0e7490}
.ticker{background:#f1f5f9;border-color:#e2e8f0}.ticker-track{color:#64748b;animation:none}.ticker-track b{color:#0e7490}
.intro,.work-section,.home-reference,.home-feature,.faq-section,.about-statement,.about-steps,.page-hero,.service-steps,.case-insight,.potential-calc,.contact-standalone{background:#f8fafc}
.section-head p,.project-info small,.service-step p,.service-page-card p,.case-card p,.case-detail-copy ul,.metric-list span,.calc-disclaimer,.menu-demo-note{color:#64748b}
.round-arrow{border-color:#94a3b8;color:#0e7490}.round-arrow:hover{background:#e0f2fe;color:#075985;transform:rotate(-45deg)}
.home-link-card,.case-card,.service-page-card,.service-step,.project-modal,.calc-result{background:#fff;color:#1f2937;border-color:#e2e8f0;box-shadow:0 6px 22px rgba(15,23,42,.035)}
.home-link-card:hover,.case-card:hover{border-color:#7dd3fc;box-shadow:0 12px 28px rgba(15,23,42,.07)}
.home-link-card strong,.case-card h2,.service-page-card h2,.service-step h2,.metric-list strong,.calc-form label{color:#1f2937}
.home-link-card span,.case-card span,.project-info small,.project-info h3{color:#334155}
.home-link-light{background:#eff6fa;color:#1f2937}.home-link-light small{color:#0e7490}.home-link-light span{color:#475569}
.case-card img{background:#e2e8f0}.case-card small,.service-page-card>span,.service-page-card>b,.service-step>small,.metric-list small{color:#0e7490}
.project{border-color:rgba(255,255,255,.35)}.project:after{background:transparent}.project-info{padding:14px 15px;background:rgba(248,250,252,.94);border:1px solid rgba(255,255,255,.7)}.project-info .tag{color:#0e7490;border-color:#bae6fd;background:#f0f9ff}
.page-hero{border-bottom:1px solid #e2e8f0}.service-page-list,.metric-list,.faq-list,.page-end{border-color:#dbe3eb}.service-page-card{border-color:#e2e8f0}.service-page-card:hover{padding-left:12px;background:#f1f7fb}.service-page-card>b{color:#0ea5e9}
.quality-section{background:#eff4f7;color:#1f2937}.quality-head p,.quality-card p{color:#475569}.quality-grid,.quality-card+.quality-card{border-color:#dbe3eb}.quality-card small{color:#0e7490}
.faq-title p,.faq-answer{color:#64748b}.faq-question{color:#1f2937}.faq-question span:last-child{color:#0e7490}
.about-statement h2{color:#1f2937}.about-steps .step h3,.about-steps .step p{color:#334155}
.case-insight{border-color:#e2e8f0}.metric-list{border-color:#dbe3eb}.metric-list article{border-color:#e2e8f0}
.potential-calc{border-color:#e2e8f0}.calc-form input,.form input,.form textarea,.form select{background:#fff;color:#1f2937;border-color:#cbd5e1;border-radius:8px}.calc-form input:focus,.form input:focus,.form textarea:focus,.form select:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px rgba(14,165,233,.12)}.form select option{background:#fff;color:#1f2937}.calc-result{border-color:#bae6fd;background:#f0f9ff}
.btn-primary{background:#1e293b;color:#fff;border:1px solid #1e293b;border-radius:8px;transition:background-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease}.btn-primary:hover{background:#334155;color:#fff;box-shadow:0 8px 18px rgba(15,23,42,.12)}.btn-primary span{color:#7dd3fc}
.text-link{color:#334155;border-color:#94a3b8}.btn-dark{background:#1e293b;color:#fff;border-radius:8px}.btn-dark:hover{background:#334155}
.statement{background:#eff6fa;color:#1f2937}.statement h2,.statement h2 em{color:#1f2937}.statement h2 em{color:#0e7490}
.contact-grid,.contact-standalone .contact-grid{color:#1f2937}.contact-grid h1,.contact-grid h2,.contact-grid h3{color:#1f2937}.contact-grid p,.contact-grid small{color:#64748b}
.footer,.footer-row,footer{background:#f1f5f9;color:#64748b;border-color:#e2e8f0}.back-top{color:#475569}
.qr-sample{background:#fff;color:#1f2937;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 28px rgba(15,23,42,.06)}.qr-sample p{color:#475569}.qr-sample .text-link{color:#334155}.menu-demo-brand p{color:#64748b}
.menu-demo-tabs{background:rgba(248,250,252,.96);border-color:#e2e8f0}.menu-demo-tabs a{border-color:#cbd5e1;color:#334155;background:#fff}.menu-demo-tabs a:hover{border-color:#0ea5e9;color:#0369a1;background:#f0f9ff}.menu-demo-group>small{color:#0e7490}.menu-demo-group article{border-color:#e2e8f0}.menu-demo-group article p{color:#64748b}
.project-open{border-color:#94a3b8;color:#0e7490}.project-modal{border-color:#dbe3eb;background:#fff;color:#1f2937;box-shadow:0 24px 70px rgba(15,23,42,.18)}.project-modal::backdrop{background:rgba(15,23,42,.38);backdrop-filter:blur(3px)}.modal-top small{color:#0e7490}.modal-close{border-color:#cbd5e1;background:#fff;color:#334155;border-radius:8px}.modal-inner p{color:#475569}.modal-note{border-color:#0ea5e9;background:#f1f7fb;color:#475569}
.skip-link{background:#1e293b;color:#fff;border-radius:6px}.site-header a:focus-visible,.site-header button:focus-visible,.project-open:focus-visible,.faq-question:focus-visible,.nav a:focus-visible,.nav button:focus-visible{outline:2px solid #0ea5e9;outline-offset:4px}
.mobile-cta a{background:#1e293b;color:#fff;border-radius:9px;box-shadow:0 8px 24px rgba(15,23,42,.18)}
@media(max-width:620px){.home-link-card,.case-card{box-shadow:0 5px 18px rgba(15,23,42,.045)}.project-info{padding:11px 12px}.statement{padding-block:54px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

:root{--paper:#f3eee4}html,body,.hero,.intro,.work-section,.home-reference,.home-feature,.faq-section,.about-statement,.about-steps,.page-hero,.service-steps,.case-insight,.potential-calc,.contact-standalone{background-color:#f3eee4}
header{background:rgba(243,238,228,.96)}.ticker,.quality-section,.statement,.home-link-light{background-color:#eee8de}.browser-window,.mock-page,.qr-sample,.project-modal{background-color:#fbf9f4}.menu-demo-tabs{background-color:rgba(243,238,228,.97)}
/* Warm surface alignment across pages */
.home-link-card,.case-card,.service-page-card,.service-step,.project-modal,.qr-sample{background:#fbf9f4}
.calc-result{background:#f8f5ef}.project-info{background:rgba(251,249,244,.96)}
footer,.footer,.footer-row{background:#eee8de;color:#64748b}
.contact-details a{color:#1e293b;border-color:#94a3b8;transition:color .2s ease,border-color .2s ease}.contact-details a:hover{color:#0ea5e9;border-color:#0ea5e9}
/* Clear offer, customer journey and direct contact paths */
.journey-section,.offer-section{padding:58px 0 72px;background:#eee8de}.journey-section .section-head,.offer-section .section-head{margin-bottom:28px}.journey-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fbf9f4;border:1px solid #e2dccc}.journey-grid article{padding:23px 20px;min-height:175px}.journey-grid article+article{border-left:1px solid #e2dccc}.journey-grid small,.offer-card>small{color:#0e7490;font:10px var(--mono);letter-spacing:.08em}.journey-grid h3,.offer-card h3{margin:21px 0 8px;color:#1f2937;font-size:19px;letter-spacing:-.03em}.journey-grid p,.offer-card li{color:#475569;font-size:14px;line-height:1.65}.journey-grid p{margin:0}.journey-note,.offer-note{margin:16px 0 0;color:#64748b;font-size:12px;line-height:1.65}.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.offer-card{padding:24px 22px;background:#fbf9f4;border:1px solid #e2dccc;border-radius:10px}.offer-card h3{font-size:24px;margin:18px 0 12px}.offer-card ul{padding-left:18px;margin:0;display:grid;gap:8px}.offer-card li{font-size:13px}.offer-featured{border-color:#9bcfe2;box-shadow:0 10px 28px rgba(15,23,42,.055)}.measurement-note{padding:13px 15px;border-left:2px solid #0ea5e9;background:#fbf9f4;color:#475569!important}.contact-details{gap:11px}.contact-details a.contact-channel{display:grid;gap:5px;min-width:min(100%,320px);padding:14px 16px;border:1px solid #d8d2c6;border-radius:9px;background:#fbf9f4;text-decoration:none;color:#1e293b;font-family:var(--sans);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.contact-details a.contact-channel:hover{border-color:#0ea5e9;transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,23,42,.06)}.contact-channel span{font:10px var(--mono);letter-spacing:.1em;color:#0e7490}.contact-channel strong{font-size:15px;font-weight:600}.contact-channel small{font-size:12px;color:#64748b}.form-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.form-actions .text-link{font-size:14px}.whatsapp-form-button{border:0;background:none;padding:0;cursor:pointer;font:inherit}.contact .form-note{color:#64748b}
@media(max-width:900px){.journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-grid article:nth-child(3){border-left:0;border-top:1px solid #e2dccc}.journey-grid article:nth-child(4){border-top:1px solid #e2dccc}.offer-grid{grid-template-columns:1fr 1fr}.offer-card:last-child{grid-column:1/-1}}
@media(max-width:620px){.journey-section,.offer-section{padding:34px 0 48px}.journey-grid,.offer-grid{grid-template-columns:1fr}.journey-grid article{min-height:0;padding:18px}.journey-grid article+article{border-left:0;border-top:1px solid #e2dccc}.offer-card:last-child{grid-column:auto}.offer-card{padding:20px}.contact-details a.contact-channel{width:100%}.form-actions{align-items:flex-start;flex-direction:column;gap:14px}}

.service-support{padding:20px 0 58px}.service-support-note{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center;padding:28px;background:#fbf9f4;border:1px solid #e2dccc;border-radius:10px}.service-support-note h2{margin:12px 0 0;color:#1f2937;font-size:clamp(28px,3.8vw,42px);line-height:1.08;letter-spacing:-.05em}.service-support-note h2 em{color:#0e7490;font-style:normal}.service-support-copy p{margin:0 0 12px;color:#475569;font-size:14px;line-height:1.7}.service-support-copy .text-link{display:inline-block;margin-top:4px}@media(max-width:620px){.service-support{padding:10px 0 40px}.service-support-note{grid-template-columns:1fr;gap:17px;padding:20px}.service-support-copy p{font-size:13px}}

/* Final visual consistency and interaction pass */
.case-card{border-radius:12px;border-color:#e2dccc;background:#fbf9f4;box-shadow:0 8px 24px rgba(15,23,42,.045);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.case-card:hover{border-color:#a9d7e8;box-shadow:0 14px 32px rgba(15,23,42,.09);transform:translateY(-3px)}.case-card img{object-position:top center;background:#e8e2d8}.case-detail-image{border:1px solid #e2dccc;border-radius:14px;box-shadow:0 14px 34px rgba(15,23,42,.075)}.case-detail-image img{object-position:top center}.case-detail-image.project-screen img{object-position:top center}.case-detail-image figcaption{left:12px;bottom:12px;border:1px solid rgba(255,255,255,.55);border-radius:6px;backdrop-filter:blur(8px)}.service-page-card{border-color:#e2dccc}.service-page-card:hover{padding-left:12px;background:#fbf9f4}.service-step{padding:18px;border:1px solid #e2dccc;border-radius:10px;background:#fbf9f4}.service-steps-grid{gap:14px}.btn-primary,.btn-dark,.nav-cta,.contact-channel,.home-link-card,.case-card{transition-duration:.22s}.btn-primary:hover,.btn-dark:hover{transform:translateY(-1px)}.home-link-card{border-radius:12px}.home-link-card:hover{transform:translateY(-2px)}
@media(max-width:620px){.case-detail-image{border-radius:12px}.case-detail-image figcaption{font-size:10px}.service-step{padding:16px}.home-case-grid .case-card img{height:220px}}
@media(prefers-reduced-motion:reduce){.btn-primary:hover,.btn-dark:hover,.home-link-card:hover,.case-card:hover{transform:none}}

a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #0ea5e9;outline-offset:3px}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:620px){.hero h1{font-size:clamp(44px,12vw,52px);line-height:1.06;max-width:100%}.hero-copy{min-width:0}.hero-kicker,.hero-note{max-width:100%;white-space:normal;line-height:1.65}.hero-kicker{flex-wrap:wrap;min-width:0;font-size:9px;letter-spacing:.07em}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px 16px}.hero-actions .btn-primary{font-size:15px;gap:15px;padding:14px 15px}.hero-actions .text-link{font-size:14px}.note-one{right:0}.note-two{left:0}.experience-caption{right:6px}.hero-experience{width:100%;min-width:0}}

.case-detail-copy .case-need{margin:0 0 25px;padding:14px 16px;border-left:2px solid #0ea5e9;background:#fbf9f4;color:#475569;font-size:14px;line-height:1.65}.case-need strong{display:inline-block;margin-bottom:4px;color:#0e7490;font-size:11px;letter-spacing:.04em}

.case-grid:not(.home-case-grid){grid-template-columns:repeat(3,minmax(0,1fr))}.case-grid:not(.home-case-grid) .case-card img{height:210px}@media(max-width:900px){.case-grid:not(.home-case-grid){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.case-grid:not(.home-case-grid){grid-template-columns:1fr}.case-grid:not(.home-case-grid) .case-card img{height:220px}}

.case-mobile-cover{height:210px;display:flex;align-items:center;justify-content:center;gap:22px;overflow:hidden;padding:14px;background:linear-gradient(135deg,#f2e9d8,#e9d9c3);border-bottom:1px solid #e2dccc}.case-mobile-device{flex:none;width:82px;height:180px;padding:4px;border:1px solid #34302b;border-radius:17px;background:#171514;box-shadow:0 10px 22px rgba(40,28,18,.2);overflow:hidden}.case-mobile-device img{width:100%;height:100%;display:block;object-fit:cover;object-position:top center;border-radius:12px}.case-mobile-cover-copy{display:grid;gap:9px;max-width:210px}.case-mobile-cover-copy small{color:#9a4827;font:9px var(--mono);letter-spacing:.1em}.case-mobile-cover-copy strong{color:#1f2937;font-size:20px;line-height:1.18;letter-spacing:-.04em}.case-mobile-cover-copy>span{color:#475569;font-size:12px;font-weight:600}.case-detail-image.case-mobile-screen{display:grid;place-items:center;background:#eee8de}.case-detail-image.case-mobile-screen .phone-frame{position:relative;box-sizing:border-box;width:250px;height:520px;padding:7px;border:1px solid #35312d;border-radius:36px;background:#171514;box-shadow:0 18px 42px rgba(40,28,18,.24)}.case-detail-image.case-mobile-screen .phone-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:28px}.phone-notch{position:absolute;z-index:2;top:9px;left:50%;width:62px;height:17px;transform:translateX(-50%);border-radius:12px;background:#171514}.case-detail-image.case-mobile-screen figcaption{bottom:12px}
@media(max-width:620px){.case-mobile-cover{gap:14px}.case-mobile-cover-copy strong{font-size:18px}.case-detail-image.case-mobile-screen{height:570px;min-height:570px}.case-detail-image.case-mobile-screen .phone-frame{height:520px;width:250px}}

/* Unified project presentation: desktop browser + real mobile device */
.project-preview-pair{height:210px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#f1ede5,#e5e1d7);border-bottom:1px solid #e2dccc}.preview-browser{position:absolute;inset:20px 68px 15px 17px;overflow:hidden;border:1px solid #d4d8dc;border-radius:8px;background:#fff;box-shadow:0 12px 26px rgba(15,23,42,.14)}.preview-browser-bar,.site-browser-bar{height:17px;display:flex;align-items:center;gap:4px;padding:0 8px;background:#fff;border-bottom:1px solid #e5e7eb}.preview-browser-bar i,.site-browser-bar i{width:5px;height:5px;border-radius:50%;background:#cbd5e1}.preview-browser-bar small,.site-browser-bar small{margin:auto;color:#64748b;font:7px var(--mono);letter-spacing:.08em}.preview-browser img{display:block!important;width:100%;height:calc(100% - 17px)!important;object-fit:cover;object-position:top center}.preview-phone{position:absolute;z-index:2;right:18px;bottom:7px;width:76px;height:164px;padding:4px;border:1px solid #34302b;border-radius:17px;background:#171514;box-shadow:0 12px 24px rgba(15,23,42,.25);overflow:hidden}.preview-phone img{display:block!important;width:100%;height:100%!important;object-fit:cover;object-position:top center;border-radius:12px}.case-card:hover .preview-phone img{transform:none}.case-card:hover .preview-browser img{transform:scale(1.02)}
@media(max-width:620px){.project-preview-pair{height:210px}.preview-browser{inset:20px 64px 14px 12px}.preview-phone{right:14px;width:72px;height:158px}}

/* Interactive device preview on the homepage */
.experience-mode-switch{position:absolute;z-index:5;top:2%;left:50%;transform:translateX(-50%);display:flex;gap:3px;padding:4px;border:1px solid #dbe3eb;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 5px 18px rgba(15,23,42,.08)}.experience-mode-switch button,.device-toggle button{border:0;border-radius:999px;background:transparent;color:#475569;padding:8px 13px;font:600 12px var(--sans);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.experience-mode-switch button[aria-pressed="true"],.device-toggle button[aria-pressed="true"]{background:#1e293b;color:#fff;box-shadow:0 3px 9px rgba(15,23,42,.14)}.hero-experience .browser-window{transition:width .35s ease,height .35s ease,transform .35s ease,border-radius .35s ease}.hero-experience.showcase-mobile .browser-window{width:245px;padding:8px;border-radius:32px;transform:none}.hero-experience.showcase-mobile .browser-chrome{height:17px;justify-content:center}.hero-experience.showcase-mobile .browser-chrome i{display:none}.hero-experience.showcase-mobile .browser-chrome span{font-size:7px}.hero-experience.showcase-mobile .mock-page{height:410px;overflow:hidden;border-radius:25px}.hero-experience.showcase-mobile .mock-nav{height:38px;padding:0 14px}.hero-experience.showcase-mobile .mock-nav span{display:none}.hero-experience.showcase-mobile .mock-content{inset:38px 0 0;display:block}.hero-experience.showcase-mobile .mock-art{position:absolute;inset:0;opacity:.18}.hero-experience.showcase-mobile .mock-copy{padding:48px 20px;position:relative}.hero-experience.showcase-mobile .mock-copy strong{font-size:34px}.hero-experience.showcase-mobile .mock-copy p{width:auto;max-width:170px;font-size:11px}.hero-experience.showcase-mobile .note-two{display:none}.hero-experience.showcase-mobile .qr-note{right:-5px;top:19%}.experience-mode-switch button:focus-visible,.device-toggle button:focus-visible{outline:2px solid #0ea5e9;outline-offset:2px}
@media(max-width:620px){.experience-mode-switch{top:0}.hero-experience.showcase-mobile .browser-window{width:176px;padding:6px;border-radius:27px}.hero-experience.showcase-mobile .mock-page{height:263px;border-radius:21px}.hero-experience.showcase-mobile .mock-nav{height:31px;padding:0 10px}.hero-experience.showcase-mobile .mock-content{inset:31px 0 0}.hero-experience.showcase-mobile .mock-copy{padding:35px 14px}.hero-experience.showcase-mobile .mock-copy strong{font-size:28px}.hero-experience.showcase-mobile .mock-copy p{font-size:9px;max-width:125px}.hero-experience.showcase-mobile .qr-note{top:16%;right:-3px}}

/* Desktop / mobile gallery controls on project pages */
.case-detail-image.case-device-gallery{position:sticky;top:105px;display:flex;align-items:center;justify-content:center;height:min(62vw,570px);min-height:500px;padding:50px 18px 36px;background:radial-gradient(circle at 50% 45%,#faf8f2 0,#eee8de 75%);border-radius:15px;overflow:hidden}.device-toggle{position:absolute;z-index:4;top:14px;left:50%;transform:translateX(-50%);display:flex;gap:3px;padding:4px;border:1px solid #d9dedf;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 5px 18px rgba(15,23,42,.07)}.device-toggle button{padding:7px 12px;font-size:11px;white-space:nowrap}.device-stage{width:100%;height:100%;display:grid;place-items:center}.desktop-device{width:min(100%,540px);height:390px;overflow:hidden;border:1px solid #d6d9dd;border-radius:11px;background:#fff;box-shadow:0 18px 40px rgba(15,23,42,.14)}.site-browser-bar{height:25px;padding:0 10px}.site-browser-bar i{width:6px;height:6px}.site-browser-bar small{font-size:8px}.desktop-device img{display:block;width:100%;height:calc(100% - 25px);object-fit:cover;object-position:top center}.case-detail-image.case-device-gallery .phone-frame{position:relative;box-sizing:border-box;width:244px;height:500px;padding:7px;border:1px solid #35312d;border-radius:36px;background:#171514;box-shadow:0 18px 42px rgba(40,28,18,.24);overflow:hidden}.case-detail-image.case-device-gallery .phone-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:28px}.case-detail-image.case-device-gallery .phone-notch{top:9px;width:62px;height:17px}.case-device-gallery figcaption{left:12px;bottom:11px}.case-device-gallery [hidden]{display:none!important}
@media(max-width:900px){.case-detail-image.case-device-gallery{position:relative;top:auto;height:570px;min-height:570px}.desktop-device{height:350px}}@media(max-width:620px){.case-detail-image.case-device-gallery{height:610px;min-height:610px;padding:50px 14px 38px}.case-detail-image.case-device-gallery .phone-frame{width:234px;height:500px}.desktop-device{height:320px}.device-toggle{top:12px}.case-device-gallery figcaption{font-size:9px}}

/* Bespoke line illustrations and a connected customer journey */
.service-index{display:flex;align-items:center;gap:13px;min-width:0;color:#0e7490!important;font:10px var(--mono)!important}.service-index svg{width:25px;height:25px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s ease}.service-page-card:hover .service-index svg{transform:translateY(-2px)}.journey-grid article{position:relative}.journey-step-icon{width:38px;height:38px;margin-bottom:14px;display:grid;place-items:center;border:1px solid #dbe7e8;border-radius:11px;background:#f5f9f8;color:#0e7490}.journey-step-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.journey-grid article:not(:last-child)::after{content:'→';position:absolute;z-index:2;right:-11px;top:28px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#fbf9f4;color:#0e7490;font:16px var(--sans)}.journey-grid article+article{border-left:1px solid #e2dccc}
@media(max-width:900px){.journey-grid article:nth-child(2)::after{display:none}}@media(max-width:620px){.journey-grid article:not(:last-child)::after{content:'↓';display:grid;right:18px;top:auto;bottom:-11px}.journey-grid article:nth-child(2)::after{display:grid}}
@media(prefers-reduced-motion:reduce){.hero-experience .browser-window,.service-index svg{transition:none}}

.scope-clarity{padding:24px 0 68px}.scope-clarity .section-head{margin-bottom:24px}.scope-clarity .section-head h2{margin-top:10px;font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-.05em}.scope-clarity .section-head p{max-width:360px}.scope-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #ddd6c9;border-bottom:1px solid #ddd6c9}.scope-grid article{padding:20px 18px 22px;border-right:1px solid #ddd6c9}.scope-grid article:first-child{border-left:1px solid #ddd6c9}.scope-grid small{font:9px var(--mono);letter-spacing:.1em;color:#0e7490}.scope-grid h3{margin:12px 0 7px;font-size:17px;color:#1f2937}.scope-grid p{margin:0;color:#536273;font-size:14px;line-height:1.6}.scope-footnote{margin:16px 0 0;color:#536273;font-size:13px;line-height:1.65}.form-actions .text-link{padding:12px 0}.form-note{max-width:540px}@media(max-width:900px){.scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scope-grid article:nth-child(3){border-left:1px solid #ddd6c9}.scope-grid article:nth-child(n+3){border-top:1px solid #ddd6c9}}@media(max-width:620px){.scope-clarity{padding:10px 0 46px}.scope-clarity .section-head{align-items:flex-start;flex-direction:column;gap:8px}.scope-grid{grid-template-columns:1fr}.scope-grid article,.scope-grid article:first-child,.scope-grid article:nth-child(3){padding:16px 12px;border:0;border-top:1px solid #ddd6c9}.scope-grid article:last-child{border-bottom:1px solid #ddd6c9}.scope-grid h3{margin:8px 0 5px}.scope-grid p{font-size:14px}.form-actions{align-items:flex-start;flex-direction:column;gap:8px}.form-actions .text-link{padding:4px 0}}

.project-preview-mobile{height:210px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#faf8f2 0,#eae4da 78%);border-bottom:1px solid #e2dccc}.project-preview-mobile .preview-phone{position:relative;inset:auto;width:94px;height:194px;padding:4px;border-radius:20px}.project-preview-mobile>span{position:absolute;top:15px;left:16px;color:#0e7490;font:9px var(--mono);letter-spacing:.12em}.project-preview-mobile .preview-phone img{border-radius:15px}.case-detail-image.case-mustafa-mobile{min-height:570px;background:radial-gradient(circle at 50% 46%,#fbf9f4 0,#eee8de 76%)}.case-mustafa-mobile .mobile-feature-label{position:absolute;top:20px;left:0;right:0;text-align:center;color:#0e7490;font:10px var(--mono);letter-spacing:.14em}.case-detail-image.case-mustafa-mobile .phone-frame{width:274px;height:548px}.case-detail-image.case-mustafa-mobile figcaption{left:50%;transform:translateX(-50%);white-space:nowrap}@media(max-width:620px){.project-preview-mobile{height:220px}.project-preview-mobile .preview-phone{width:100px;height:204px}.case-detail-image.case-mustafa-mobile{height:610px;min-height:610px}.case-detail-image.case-mustafa-mobile .phone-frame{width:250px;height:520px}.case-detail-image.case-mustafa-mobile figcaption{font-size:9px}}
.not-found{min-height:min(70svh,760px);display:grid;place-items:center;padding:64px 0}.not-found-card{width:min(100%,760px);padding:clamp(28px,6vw,64px);border:1px solid #e2dccc;border-radius:16px;background:#fbf9f4;box-shadow:0 16px 42px rgba(15,23,42,.06)}.not-found-code{display:inline-flex;align-items:center;gap:10px;color:#0e7490;font:600 12px var(--mono);letter-spacing:.14em}.not-found-code::before{content:"";width:28px;height:1px;background:#0ea5e9}.not-found-card h1{margin:20px 0 14px;color:#1f2937;font-size:clamp(42px,8vw,76px);font-weight:650;line-height:1.03;letter-spacing:-.06em}.not-found-card p{max-width:500px;margin:0;color:#536273;font-size:16px;line-height:1.7}.not-found-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:28px}@media(max-width:620px){.not-found{min-height:65svh;padding:34px 0}.not-found-card{padding:25px 21px}.not-found-actions{align-items:flex-start;flex-direction:column;gap:14px}}

/* Resilient content reveal and accessible mobile navigation */
html:not(.supports-reveal) .reveal{opacity:1;transform:none;transition:none}
@media(max-width:620px){.menu-btn{width:44px;height:44px;display:grid;place-items:center;flex:none;border-radius:8px}.navlinks{gap:10px;padding:14px 20px}.navlinks a{display:flex;min-height:44px;align-items:center}}