:root{--navy:#071a3a;--blue:#0877e8;--cyan:#13b8e8;--purple:#7438ef;--ink:#14263d;--muted:#60758e;--line:#dce7f2;--soft:#f5f8fc;--white:#fff;--shadow:0 18px 48px rgba(7,26,58,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.topbar{font-size:12px;background:var(--navy);color:#dcecff;text-align:center;padding:8px}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--navy);letter-spacing:.02em}.brand img{width:48px;height:48px;object-fit:cover;border-radius:10px}.menu{display:flex;gap:27px;align-items:center;font-size:14px;font-weight:700}.menu a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:9px;background:var(--blue);color:#fff;font-weight:800;border:1px solid var(--blue);transition:.2s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(8,119,232,.22)}.button.secondary{background:#fff;color:var(--navy);border-color:var(--line)}.hero{min-height:650px;background:linear-gradient(90deg,rgba(4,18,43,.96) 0%,rgba(4,18,43,.82) 48%,rgba(4,18,43,.35)),url('assets/hero.jpg?v=2') center/cover;display:flex;align-items:center;color:white}.hero-content{max-width:690px;padding:90px 0}.eyebrow{color:var(--cyan);text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.16em}.hero h1,.page-hero h1{font-size:clamp(42px,6vw,72px);line-height:1.06;margin:18px 0 22px;letter-spacing:-.045em}.hero p{font-size:19px;color:#d7e6f3;max-width:620px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}.actions .secondary{background:transparent;color:white;border-color:rgba(255,255,255,.5)}section{padding:92px 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.intro h2,.section-head h2{font-size:clamp(32px,4vw,50px);line-height:1.15;color:var(--navy);letter-spacing:-.035em;margin:12px 0 20px}.intro p,.section-head p{color:var(--muted)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat{padding:25px;border:1px solid var(--line);border-radius:14px;background:#fff}.stat strong{display:block;color:var(--blue);font-size:25px}.services{background:var(--soft)}.section-head{max-width:720px;margin-bottom:42px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 28px rgba(7,26,58,.05)}.card img{width:100%;height:220px;object-fit:cover}.card-body{padding:28px}.card h3{font-size:23px;color:var(--navy);margin:0 0 10px}.text-link{display:inline-block;color:var(--blue);font-weight:800;margin-top:10px}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{padding:27px;border-top:3px solid var(--blue);background:var(--soft);border-radius:0 0 12px 12px}.step b{color:var(--blue);font-size:12px}.cta{background:linear-gradient(135deg,var(--navy),#122e5f);color:white;border-radius:24px;padding:55px;display:flex;justify-content:space-between;align-items:center;gap:35px}.cta h2{font-size:36px;line-height:1.2;margin:0 0 12px}.cta p{color:#c8dced;margin:0}.page-hero{background:linear-gradient(135deg,var(--navy),#16376d);color:#fff;padding:88px 0}.page-hero h1{font-size:54px;margin-bottom:14px}.page-hero p{font-size:18px;color:#d3e4f1;max-width:700px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.content-grid img{border-radius:18px;box-shadow:var(--shadow)}.list{padding:0;list-style:none}.list li{padding:12px 0 12px 26px;border-bottom:1px solid var(--line);position:relative}.list li:before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:900}.form{display:grid;gap:15px;background:#fff;padding:32px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}label{font-size:13px;font-weight:800;color:var(--navy)}input,select,textarea{width:100%;padding:13px;border:1px solid #c9d7e6;border-radius:8px;font:inherit}textarea{min-height:130px;resize:vertical}.notice{display:none;background:#e9f8ef;color:#12663e;padding:13px;border-radius:8px;font-weight:700}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.question-box{background:var(--soft);padding:28px;border-radius:14px;margin-top:25px}footer{background:#04142f;color:#c6d7e9;padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.footer-grid h4{color:#fff}.footer-grid a{display:block;margin:8px 0}.legal{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;margin-top:40px;font-size:12px}.mobile-toggle{display:none}.policy{max-width:850px}.policy h2{color:var(--navy);margin-top:38px}.policy p,.policy li{color:var(--muted)}.questionnaire-panel{background:linear-gradient(145deg,#f7faff,#eef5ff);padding:34px;border:1px solid var(--line);border-radius:20px;margin-top:28px;box-shadow:0 16px 42px rgba(7,26,58,.08);scroll-margin-top:105px}.questionnaire-panel>h2{color:var(--navy);font-size:32px;line-height:1.15;margin:10px 0}.questionnaire-panel>p{color:var(--muted)}.questionnaire-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.questionnaire-card{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:16px;padding:26px;min-height:100%;box-shadow:0 8px 24px rgba(7,26,58,.06)}.questionnaire-card.app-card{border-top-color:var(--purple)}.questionnaire-icon{width:46px;height:46px;border-radius:12px;background:#eaf4ff;color:var(--blue);display:grid;place-items:center;font-size:24px;font-weight:900;margin-bottom:18px}.app-card .questionnaire-icon{background:#f0eaff;color:var(--purple)}.questionnaire-label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:var(--blue)}.app-card .questionnaire-label{color:var(--purple)}.questionnaire-card h3{color:var(--navy);font-size:22px;line-height:1.25;margin:8px 0 10px}.questionnaire-card p{color:var(--muted);margin-top:0}.questionnaire-card ul{padding-left:20px;color:var(--muted);margin:3px 0 24px}.questionnaire-card .button{margin-top:auto;width:100%}.app-card .button{background:var(--purple);border-color:var(--purple)}.questionnaire-note{margin:20px 0 0!important;padding:14px 16px;background:#fff;border-radius:10px;border:1px solid var(--line)}@media(max-width:800px){.mobile-toggle{display:block;background:none;border:0;font-size:25px}.menu{display:none;position:absolute;top:110px;left:20px;right:20px;background:white;padding:25px;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;align-items:flex-start;z-index:5}.menu.open{display:flex}.hero{min-height:580px}.hero-content{padding:65px 0}.intro,.content-grid,.contact-layout,.questionnaire-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.cta{padding:35px;display:block}.cta .actions{margin-top:24px}.footer-grid{grid-template-columns:1fr}.page-hero h1{font-size:42px}}@media(max-width:500px){.process,.stats{grid-template-columns:1fr}.wrap{width:min(100% - 28px,1160px)}section{padding:68px 0}.topbar{font-size:10px}.brand span{font-size:13px}}

.brand img{object-fit:contain;background:#fff;padding:2px}.brand{gap:10px}
/* Larger brand mark so the full logo wording remains visible */
.nav{height:96px}
.brand img{width:82px;height:68px;object-fit:contain;padding:0}
footer .brand img{width:96px;height:78px}
@media(max-width:500px){.nav{height:88px}.brand img{width:72px;height:60px}.brand span{font-size:12px}}
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.notice.success{display:block;background:#e9f8ef;color:#12663e}.notice.error{display:block;background:#fff0f0;color:#9b1c1c}.form button:disabled{opacity:.65;cursor:wait;transform:none}

.contact-details{margin:1.25rem 0 2rem;padding:1.35rem 1.5rem;border:1px solid #d5e3f0;border-radius:16px;background:#f7fbff}.contact-details h3{margin-top:0}.contact-details p{margin:.55rem 0}.contact-details a,.footer-contact a{color:inherit;text-decoration:none}.contact-details a:hover,.footer-contact a:hover{text-decoration:underline}.footer-contact{display:grid;gap:.4rem;margin-top:1rem;font-size:.92rem}.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:50;background:#25D366;color:#07203f!important;padding:.75rem 1rem;border-radius:999px;font-weight:800;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.22)}.whatsapp-float:hover{transform:translateY(-2px)}

/* Website-design campaign page */
.campaign-page{background:#fff}.campaign-page header{background:#fff;position:relative;z-index:4}.campaign-hero{padding:82px 0;background:radial-gradient(circle at 78% 18%,rgba(19,184,232,.23),transparent 30%),linear-gradient(135deg,#04142f 0%,#0b2855 58%,#113a75 100%);color:#fff}.campaign-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.campaign-hero h1{font-size:clamp(42px,5.4vw,68px);line-height:1.04;letter-spacing:-.05em;margin:18px 0 22px;max-width:790px}.campaign-lead{font-size:19px;color:#d8e7f5;max-width:680px}.hero-proof{display:flex;gap:24px;flex-wrap:wrap;list-style:none;padding:0;margin:28px 0 0;color:#dceaf6;font-size:13px;font-weight:800}.hero-proof li:before{content:'✓';color:#4ce0b3;margin-right:8px}.campaign-panel{background:rgba(255,255,255,.98);color:var(--ink);border-radius:22px;padding:34px;box-shadow:0 28px 80px rgba(0,0,0,.24)}.campaign-panel h2{font-size:32px;line-height:1.12;color:var(--navy);margin:8px 0 13px}.campaign-panel>p{color:var(--muted)}.panel-kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);font-weight:900}.mini-benefit{display:flex;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.mini-benefit>b{width:30px;height:30px;border-radius:50%;background:#eaf4ff;color:var(--blue);display:grid;place-items:center;font-size:12px;flex:none}.mini-benefit span,.mini-benefit strong,.mini-benefit small{display:block}.mini-benefit small{color:var(--muted);margin-top:2px}.trust-strip{padding:0;background:#fff;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid div{padding:25px 20px;border-right:1px solid var(--line)}.trust-grid div:last-child{border-right:0}.trust-grid strong,.trust-grid span{display:block}.trust-grid strong{color:var(--navy)}.trust-grid span{font-size:13px;color:var(--muted)}.centred{text-align:center;margin-left:auto;margin-right:auto}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.benefit-card{padding:30px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(7,26,58,.05)}.benefit-card span{font-size:11px;color:var(--blue);font-weight:900;letter-spacing:.12em}.benefit-card h3{color:var(--navy);font-size:21px;line-height:1.25;margin:12px 0 9px}.benefit-card p{color:var(--muted);margin:0}.ideal-section{background:linear-gradient(145deg,#f4f8fd,#eaf4ff)}.ideal-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.ideal-grid h2{font-size:44px;line-height:1.14;color:var(--navy);margin:12px 0 18px}.ideal-grid p{color:var(--muted)}.ideal-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;padding:0}.ideal-list li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px 17px 17px 43px;position:relative;font-weight:700}.ideal-list li:before{content:'✓';position:absolute;left:17px;color:var(--blue);font-weight:900}.campaign-process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.campaign-process article{padding:28px;border-radius:16px;background:var(--navy);color:#fff;min-height:220px}.campaign-process b{font-size:12px;color:var(--cyan)}.campaign-process h3{font-size:22px;margin:34px 0 10px}.campaign-process p{color:#c8dced;margin:0}.quote-section{background:#061a3b}.quote-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:start}.quote-copy h2{font-size:46px;line-height:1.1;color:#fff;margin:14px 0 18px}.quote-copy>p{color:#c8dced;font-size:17px}.contact-choices{display:grid;gap:12px;margin-top:30px}.contact-choices a{padding:17px;border:1px solid rgba(255,255,255,.16);border-radius:12px;color:#fff}.contact-choices small,.contact-choices strong{display:block}.contact-choices small{color:#8fb4d6}.campaign-form{box-shadow:0 25px 65px rgba(0,0,0,.24)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.campaign-form small a{color:var(--blue);font-weight:700}.faq-section{background:#f6f9fd}.faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}.faq-layout h2{font-size:42px;line-height:1.15;color:var(--navy)}.faq-list{display:grid;gap:12px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px 22px}.faq-list summary{cursor:pointer;font-weight:800;color:var(--navy)}.faq-list p{color:var(--muted);margin:13px 0 0}.campaign-page section{scroll-margin-top:90px}
@media(max-width:900px){.campaign-hero-grid,.ideal-grid,.quote-layout,.faq-layout{grid-template-columns:1fr}.campaign-hero-grid{gap:38px}.benefit-grid{grid-template-columns:1fr 1fr}.campaign-process{grid-template-columns:1fr 1fr}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid div:nth-child(2){border-right:0}.ideal-grid,.quote-layout,.faq-layout{gap:38px}}
@media(max-width:600px){.campaign-hero{padding:60px 0}.campaign-hero h1{font-size:40px}.campaign-panel{padding:25px}.benefit-grid,.campaign-process,.ideal-list,.form-row{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr}.trust-grid div{border-right:0;border-bottom:1px solid var(--line)}.quote-copy h2,.ideal-grid h2,.faq-layout h2{font-size:36px}.hero-proof{display:grid;gap:8px}}
.app-hero{background:radial-gradient(circle at 80% 15%,rgba(116,56,239,.3),transparent 30%),linear-gradient(135deg,#071633,#162a5e 58%,#4f2aaa 130%)}.ai-hero{background:radial-gradient(circle at 80% 15%,rgba(19,184,232,.28),transparent 30%),linear-gradient(135deg,#041a2d,#073c4f 62%,#0877e8 145%)}.visual-panel{padding:0;overflow:hidden}.visual-panel>img{width:100%;height:230px;object-fit:cover}.visual-panel-copy{padding:28px 32px 32px}.visual-panel-copy h2{font-size:29px}.other-solutions{padding:65px 0;background:#fff;border-top:1px solid var(--line)}.other-solutions>.wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:center}.other-solutions h2{color:var(--navy);font-size:35px;line-height:1.14;margin:10px 0}.solution-links{display:grid;grid-template-columns:1fr 1fr;gap:16px}.solution-links a{padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--soft);transition:.2s}.solution-links a:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.solution-links strong,.solution-links span{display:block}.solution-links strong{color:var(--navy);font-size:18px}.solution-links span{color:var(--muted);font-size:14px;margin-top:6px}@media(max-width:800px){.other-solutions>.wrap,.solution-links{grid-template-columns:1fr}}

/* Outcome-led homepage preview */
.outcome-hero .hero-content{max-width:830px}.outcome-hero h1{max-width:820px}.hero-note{font-size:13px!important;color:#afc8de!important;margin-top:24px}.problem-section{background:#fff}.problem-section .section-head{max-width:880px}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.problem-card{padding:28px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 8px 25px rgba(7,26,58,.04)}.problem-card span{display:inline-grid;width:34px;height:34px;place-items:center;border-radius:9px;background:#eaf4ff;color:var(--blue);font-size:11px;font-weight:900}.problem-card h3{color:var(--navy);font-size:20px;line-height:1.25;margin:16px 0 9px}.problem-card p{color:var(--muted);margin:0}.outcome-note{margin:28px 0 0;padding:17px 20px;border-left:4px solid var(--cyan);background:var(--soft);color:var(--muted)}.solution-grid{grid-template-columns:repeat(3,1fr)}.solution-grid .card{display:flex;flex-direction:column}.solution-grid .card-body{flex:1;display:flex;flex-direction:column}.solution-grid .text-link{margin-top:auto}.automation-visual{height:220px;background:linear-gradient(135deg,#06204a,#0877e8);display:flex;align-items:center;justify-content:center;gap:11px;padding:20px;color:#fff}.automation-visual span{padding:11px 13px;border:1px solid rgba(255,255,255,.4);border-radius:9px;font-size:11px;font-weight:900;letter-spacing:.08em}.automation-visual b{color:var(--cyan)}.guidance-card{background:linear-gradient(145deg,#071a3a,#123d78);color:#fff;border:0}.guidance-card .card-body h3,.guidance-card .text-link{color:#fff}.guidance-card .card-body p{color:#c8dced}.guidance-icon{height:220px;display:grid;place-items:center;font-size:86px;font-weight:900;color:rgba(255,255,255,.22);background:radial-gradient(circle,rgba(19,184,232,.25),transparent 60%)}.support-section{background:linear-gradient(135deg,#eef7ff,#f8fbff)}.support-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.support-layout h2{font-size:clamp(34px,4vw,50px);line-height:1.12;color:var(--navy);margin:12px 0 18px}.support-layout p{color:var(--muted)}.support-disclaimer{font-size:13px;padding-top:15px;border-top:1px solid var(--line)}.support-list{background:#fff;padding:12px 28px;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.support-list>div{display:flex;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.support-list>div:last-child{border-bottom:0}.support-list b{display:grid;width:36px;height:36px;place-items:center;flex:none;border-radius:10px;background:#eaf4ff;color:var(--blue);font-size:11px}.support-list span,.support-list strong,.support-list small{display:block}.support-list strong{color:var(--navy)}.support-list small{color:var(--muted);margin-top:3px;line-height:1.5}
@media(max-width:950px){.problem-grid,.solution-grid{grid-template-columns:1fr 1fr}.support-layout{grid-template-columns:1fr;gap:38px}}
@media(max-width:600px){.problem-grid,.solution-grid{grid-template-columns:1fr}.problem-card{padding:23px}.automation-visual,.guidance-icon{height:180px}.support-list{padding:8px 20px}}

/* Portfolio and case studies */
.featured-work{background:#fff}.featured-work .section-head{max-width:850px}.featured-case{display:grid;grid-template-columns:.82fr 1.18fr;background:linear-gradient(145deg,#071a3a,#0e3267);border-radius:26px;overflow:hidden;box-shadow:0 28px 70px rgba(7,26,58,.18)}.featured-case-image{position:relative;min-height:590px}.featured-case-image img{width:100%;height:100%;object-fit:cover;object-position:center}.case-badge{position:absolute;top:22px;left:22px;padding:8px 12px;border-radius:999px;background:#fff;color:var(--navy);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 8px 20px rgba(0,0,0,.12)}.featured-case-copy{padding:58px;color:#fff;display:flex;flex-direction:column;justify-content:center}.featured-case-copy h3{font-size:clamp(34px,4vw,52px);line-height:1.08;margin:18px 0;color:#fff}.case-lead{font-size:18px;color:#cbdff0;margin:0 0 26px}.case-tags{display:flex;gap:8px;flex-wrap:wrap}.case-tags span{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eaf4ff;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.04em}.case-tags.light span{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.18)}.case-outcomes{display:grid;gap:4px}.case-outcomes>div{display:flex;gap:14px;padding:15px 0;border-top:1px solid rgba(255,255,255,.13)}.case-outcomes b{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:9px;background:rgba(19,184,232,.16);color:var(--cyan);font-size:11px}.case-outcomes span,.case-outcomes strong,.case-outcomes small{display:block}.case-outcomes small{color:#a9c5dc;margin-top:3px}.featured-case-copy .actions{align-items:center;margin-top:27px}.case-live-link{color:#fff;margin:0}.work-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 5px 0;color:var(--muted)}.work-footer p{margin:0}.work-hero{background:radial-gradient(circle at 78% 20%,rgba(19,184,232,.24),transparent 26%),linear-gradient(135deg,#061733,#0b3268)}.work-index{background:var(--soft)}.portfolio-card{display:grid;grid-template-columns:.85fr 1.15fr;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.portfolio-card-image{position:relative;min-height:560px}.portfolio-card-image img{width:100%;height:100%;object-fit:cover}.portfolio-card-body{padding:52px;display:flex;flex-direction:column;justify-content:center}.portfolio-card-body h3{font-size:36px;line-height:1.13;color:var(--navy);margin:20px 0 14px}.portfolio-card-body p{color:var(--muted);font-size:17px}.portfolio-card-body .secondary{color:var(--navy)}.next-project{margin-top:28px;padding:32px;border:1px dashed #b7cadf;border-radius:18px;background:rgba(255,255,255,.65)}.next-project span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:var(--blue)}.next-project h3{color:var(--navy);font-size:24px;margin:8px 0}.next-project p{margin:0;color:var(--muted)}.case-hero{padding:80px 0;background:radial-gradient(circle at 72% 20%,rgba(19,184,232,.18),transparent 25%),linear-gradient(135deg,#04142f,#0a3267);color:#fff}.case-hero-grid{display:grid;grid-template-columns:1.1fr .65fr;gap:70px;align-items:center}.case-hero h1{font-size:clamp(44px,5.5vw,70px);line-height:1.04;letter-spacing:-.045em;margin:18px 0 20px}.case-hero p{font-size:19px;color:#cfe1ef;max-width:720px}.case-back{display:inline-block;color:#a8c6de;font-weight:800;font-size:13px;margin-bottom:28px}.case-portrait{position:relative}.case-portrait img{width:100%;height:590px;object-fit:cover;border-radius:26px;box-shadow:0 30px 70px rgba(0,0,0,.28)}.case-portrait>div{position:absolute;left:20px;right:20px;bottom:20px;padding:16px 18px;border-radius:14px;background:rgba(4,20,47,.9);backdrop-filter:blur(8px)}.case-portrait strong,.case-portrait span{display:block}.case-portrait span{color:#a9c5dc;font-size:13px}.case-summary{padding:0;background:#fff}.case-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);transform:translateY(-24px);position:relative;z-index:2;box-shadow:var(--shadow)}.case-summary article{padding:32px;background:#fff;border-right:1px solid var(--line)}.case-summary article:first-child{border-radius:18px 0 0 18px}.case-summary article:last-child{border:0;border-radius:0 18px 18px 0}.case-summary span{font-size:11px;color:var(--blue);font-weight:900}.case-summary h2{font-size:22px;color:var(--navy);margin:10px 0 8px}.case-summary p{color:var(--muted);margin:0}.case-story{display:grid;grid-template-columns:1.1fr .7fr;gap:80px;align-items:start}.case-story-copy h2,.responsible-grid h2{font-size:clamp(34px,4vw,50px);line-height:1.13;color:var(--navy);margin:12px 0 18px}.case-story-copy p,.responsible-grid p{color:var(--muted);font-size:17px}.case-facts{padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--soft)}.case-facts h3{color:var(--navy);margin-top:0}.case-facts dl{margin:0}.case-facts dl>div{display:grid;grid-template-columns:90px 1fr;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.case-facts dl>div:last-child{border:0}.case-facts dt{color:var(--muted);font-size:12px;font-weight:800}.case-facts dd{margin:0;color:var(--navy);font-weight:800}.status-live{color:#16845d}.case-delivery{background:var(--soft)}.delivery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.delivery-grid article{padding:32px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px rgba(7,26,58,.05)}.delivery-grid b{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:#eaf4ff;color:var(--blue);font-size:11px}.delivery-grid h3{font-size:22px;line-height:1.25;color:var(--navy);margin:20px 0 10px}.delivery-grid p{color:var(--muted);margin:0}.responsible-grid{display:grid;grid-template-columns:1.05fr .7fr;gap:80px;align-items:center}.responsible-note{padding:38px;border-radius:20px;background:linear-gradient(145deg,#071a3a,#123d78);color:#fff}.responsible-note span{text-transform:uppercase;letter-spacing:.14em;color:var(--cyan);font-size:11px;font-weight:900}.responsible-note p{color:#d3e4f1;font-size:18px;margin:14px 0 0}.technology-section{background:linear-gradient(145deg,#edf6ff,#f8fbff)}.technology-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.technology-grid>div{padding:24px;border:1px solid var(--line);border-radius:14px;background:#fff}.technology-grid strong,.technology-grid span{display:block}.technology-grid strong{color:var(--navy)}.technology-grid span{color:var(--muted);font-size:14px;margin-top:5px}
@media(max-width:900px){.featured-case,.portfolio-card,.case-hero-grid,.case-story,.responsible-grid{grid-template-columns:1fr}.featured-case-image,.portfolio-card-image{min-height:460px}.case-portrait{max-width:520px}.delivery-grid,.technology-grid{grid-template-columns:1fr 1fr}.case-summary-grid{transform:none;margin:24px auto}.featured-case-copy,.portfolio-card-body{padding:38px}.case-story,.responsible-grid,.case-hero-grid{gap:42px}}
@media(max-width:600px){.featured-case-image,.portfolio-card-image{min-height:390px}.featured-case-copy,.portfolio-card-body{padding:28px}.work-footer{display:block}.work-footer .text-link{margin-top:12px}.delivery-grid,.technology-grid,.case-summary-grid{grid-template-columns:1fr}.case-summary article,.case-summary article:first-child,.case-summary article:last-child{border-right:0;border-bottom:1px solid var(--line);border-radius:0}.case-summary article:first-child{border-radius:16px 16px 0 0}.case-summary article:last-child{border:0;border-radius:0 0 16px 16px}.case-portrait img{height:480px}.case-hero{padding:60px 0}.case-hero h1{font-size:42px}.case-facts dl>div{grid-template-columns:1fr;gap:2px}}

/* Compact portfolio grid: designed to grow as new client projects are added. */
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}.portfolio-card-compact{display:flex;flex-direction:column;height:100%}.portfolio-card-compact .portfolio-card-image{min-height:280px;height:280px}.portfolio-card-compact .portfolio-card-body{padding:32px;display:flex;flex:1;justify-content:flex-start}.portfolio-card-compact .portfolio-card-body h3{font-size:29px;margin:17px 0 10px}.portfolio-card-compact .portfolio-card-body p{font-size:16px;margin-top:0}.portfolio-card-compact .actions{margin-top:auto;padding-top:12px;align-items:center}.case-badge-progress{background:#fff3d6;color:#8a5600}.project-note{margin-top:auto;padding:16px 18px;border-radius:13px;background:#f1f7fd;border:1px solid #d8e7f5}.project-note strong,.project-note span{display:block}.project-note strong{color:var(--navy);font-size:13px;margin-bottom:4px}.project-note span{color:var(--muted);font-size:14px;line-height:1.45}
@media(max-width:900px){.portfolio-grid{grid-template-columns:1fr}.portfolio-card-compact .portfolio-card-image{height:340px;min-height:340px}}
@media(max-width:600px){.portfolio-card-compact .portfolio-card-image{height:250px;min-height:250px}.portfolio-card-compact .portfolio-card-body{padding:26px}}

/* Website analytics service */
.analytics-hero{padding:82px 0;background:radial-gradient(circle at 79% 16%,rgba(35,220,186,.2),transparent 30%),linear-gradient(135deg,#04142f,#082c55 62%,#075e68 130%);color:#fff}.analytics-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.analytics-hero h1{font-size:clamp(42px,5vw,66px);line-height:1.04;letter-spacing:-.045em;margin:18px 0 22px}.analytics-dashboard{background:#fff;color:var(--ink);border-radius:22px;padding:28px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.dashboard-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}.dashboard-top span{font-weight:900;color:var(--navy)}.dashboard-top b{font-size:11px;padding:7px 9px;border-radius:8px;background:var(--soft);color:var(--muted)}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.metric-row>div{padding:13px;border-radius:12px;background:#f5f9fd}.metric-row small,.metric-row strong,.metric-row em{display:block}.metric-row small{color:var(--muted)}.metric-row strong{font-size:23px;color:var(--navy);margin:4px 0}.metric-row em{font-size:11px;color:#14805a;font-style:normal;font-weight:800}.chart{height:165px;display:flex;align-items:end;gap:10px;padding:20px 14px 0;border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,#fff 0,#fff 39px,#eef3f8 40px)}.chart span{flex:1;min-height:20px;border-radius:7px 7px 0 0;background:linear-gradient(#20c9b0,#0877e8)}.dashboard-note{display:flex;gap:12px;margin-top:18px;padding:14px;border-radius:11px;background:#eaf8f5}.dashboard-note b,.dashboard-note span{font-size:12px}.dashboard-note span{color:var(--muted)}.analytics-options{background:linear-gradient(145deg,#eef7ff,#f8fbff)}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:950px;margin:auto}.option-grid article{padding:36px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(7,26,58,.06)}.option-grid article.featured{border:2px solid var(--blue);position:relative}.option-grid article>span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-weight:900}.option-grid h3{font-size:30px;color:var(--navy);margin:10px 0}.option-grid p{color:var(--muted)}.analytics-disclaimer{max-width:900px;margin:28px auto 0;padding:16px 20px;border-left:4px solid var(--cyan);background:#fff;color:var(--muted)}
@media(max-width:900px){.analytics-hero-grid{grid-template-columns:1fr}.analytics-dashboard{max-width:650px}.option-grid{grid-template-columns:1fr}}
@media(max-width:560px){.analytics-hero{padding:58px 0}.analytics-hero h1{font-size:40px}.analytics-dashboard{padding:19px}.metric-row{grid-template-columns:1fr}.chart{height:130px}.dashboard-note{display:block}.dashboard-note span{display:block;margin-top:4px}.option-grid article{padding:27px}}
.analytics-card-visual{height:220px;display:flex;align-items:end;justify-content:center;gap:14px;padding:35px;background:linear-gradient(145deg,#06234c,#087b83)}.analytics-card-visual span{width:13%;border-radius:8px 8px 0 0;background:linear-gradient(#34e0ba,#42a5ff)}.analytics-card-visual span:nth-child(1){height:34%}.analytics-card-visual span:nth-child(2){height:55%}.analytics-card-visual span:nth-child(3){height:45%}.analytics-card-visual span:nth-child(4){height:78%}.analytics-card-visual span:nth-child(5){height:92%}.service-analytics-visual{min-height:390px;border-radius:20px;background:linear-gradient(135deg,#041b3d,#087b83);display:flex;align-items:center;justify-content:center;gap:14px;color:#fff;padding:35px}.service-analytics-visual b{padding:14px;border:1px solid rgba(255,255,255,.35);border-radius:10px;font-size:11px;letter-spacing:.08em}.service-analytics-visual span{color:var(--cyan);font-weight:900}@media(max-width:600px){.service-analytics-visual{min-height:240px;flex-direction:column}}
/* Consistent navigation: collapse before the menu becomes crowded. */
@media (max-width:1180px){
  .nav{position:relative}
  .mobile-toggle{display:block;background:none;border:0;font-size:25px;cursor:pointer}
  .menu{display:none;position:absolute;top:calc(100% + 12px);left:20px;right:20px;background:#fff;padding:22px;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;align-items:stretch;gap:4px;z-index:100}
  .menu.open{display:flex}
  .menu a{width:100%;padding:11px 12px;border-radius:8px}
  .menu .button{text-align:center;margin-top:6px}
}

/* Refined site motion: calm, purposeful and lightweight. */
.motion-ready .motion-reveal{
  opacity:0;
  transform:translate3d(0,24px,0);
  transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);
  transition-delay:var(--motion-delay,0ms);
  will-change:opacity,transform;
}
.motion-ready .motion-reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
.card,.price-card,.problem-card,.benefit-card,.questionnaire-card,.portfolio-card,.solution-links a{
  transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,border-color .3s ease;
}
.card:hover,.price-card:hover,.problem-card:hover,.benefit-card:hover,.questionnaire-card:hover,.portfolio-card:hover{
  transform:translateY(-7px);
  box-shadow:0 22px 48px rgba(7,26,58,.13);
  border-color:#bdd7ef;
}
.text-link{position:relative;transition:color .25s ease}
.text-link:after{content:'';position:absolute;left:0;right:100%;bottom:-3px;height:2px;background:currentColor;transition:right .3s ease}
.text-link:hover:after{right:0}
.button{transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}
.faq-list details,.faq-group details{transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.faq-list details:hover,.faq-group details:hover{border-color:#bdd7ef;transform:translateY(-2px)}
.faq-list details p,.faq-group details[open] p{animation:faq-answer-in .3s ease both}
@keyframes faq-answer-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .motion-ready .motion-reveal{opacity:1;transform:none}
}
@media (hover:none){
  .card:hover,.price-card:hover,.problem-card:hover,.benefit-card:hover,.questionnaire-card:hover,.portfolio-card:hover{transform:none;box-shadow:inherit}
}