*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b1020;color:#f5f7ff;font:16px/1.65 Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:1120px;margin:auto;padding:0 24px}header{border-bottom:1px solid #ffffff1c;background:#0b1020ed;position:sticky;top:0;z-index:3}.nav{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:18px}.logo{font-weight:800;letter-spacing:.04em}.navlinks{display:flex;gap:22px;flex-wrap:wrap;font-size:14px}.navlinks a:hover,.card a:hover{color:#a7c9ff}.hero{padding:110px 0 95px;background:radial-gradient(circle at 85% 20%,#214a76 0,transparent 42%),linear-gradient(135deg,#101c35,#0b1020)}.eyebrow{color:#89bfff;text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:700}h1{font-size:clamp(42px,7vw,82px);line-height:1.07;letter-spacing:-.055em;max-width:950px;margin:20px 0}h2{font-size:clamp(30px,4vw,45px);line-height:1.15;letter-spacing:-.04em}h3{font-size:21px;line-height:1.3}.lead{font-size:clamp(18px,2vw,22px);color:#c5d0e3;max-width:760px}.button{display:inline-block;background:#83b9ff;color:#071326;padding:13px 22px;border-radius:9px;font-weight:700;border:0;cursor:pointer;margin-top:20px}.button:hover{background:#b3d5ff}.section{padding:78px 0}.muted{color:#b6c3d6}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}.card{padding:28px;border:1px solid #ffffff24;background:#ffffff09;border-radius:16px}.card a{color:#8fbeff;font-weight:700}.steps{display:flex;gap:12px;flex-wrap:wrap}.step{padding:13px 19px;border:1px solid #ffffff30;border-radius:40px;color:#cbd8e8}.cta{background:#14223c;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16}footer{padding:28px 0;color:#a6b5ca;font-size:14px}.detail{min-height:58vh}.contact-form{display:grid;gap:15px;max-width:660px}.contact-form label{display:grid;gap:6px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:13px;border-radius:8px;border:1px solid #50617a;background:#111d32;color:white;font:inherit}.contact-form textarea{min-height:145px}.note{font-size:13px;color:#b6c3d6}@media(max-width:760px){.grid{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column;padding:18px 24px}.navlinks{gap:12px}.hero{padding:76px 0}.section{padding:55px 0}}
.logo{display:flex;align-items:center;gap:12px;font-size:18px;letter-spacing:-.025em}.logo-mark{width:43px;height:43px;flex:none}.logo-name{display:flex;flex-direction:column;line-height:1.08}.logo-name small{font-size:11px;letter-spacing:.12em;color:#9bb8e3;font-weight:600;margin-top:5px}.hero-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center;gap:38px}.hero-visual{display:block;width:100%;border-radius:22px;border:1px solid #ffffff30;box-shadow:0 30px 90px #0005;aspect-ratio:10/7;object-fit:cover}.hero-layout h1{font-size:clamp(38px,5vw,65px)}.feature-panel{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:34px}.feature-panel article{padding:26px;border:1px solid #ffffff24;border-radius:15px;background:#ffffff08}.feature-panel h3{margin-top:0}.footer-inner{display:grid;grid-template-columns:1fr 2fr;gap:26px;align-items:start}.footer-addresses{display:grid;gap:9px}.footer-addresses p{margin:0}.backlink{color:#99c5ff;text-decoration:underline;text-underline-offset:4px}.navlinks a:focus-visible,.button:focus-visible{outline:2px solid #fff;outline-offset:4px}@media(max-width:760px){.hero-layout{grid-template-columns:1fr}.hero-visual{aspect-ratio:16/9}.feature-panel,.footer-inner{grid-template-columns:1fr}.logo-mark{width:38px;height:38px}}
/* V3: edge-to-edge visual hero with readable overlay */
.hero-cover{min-height:calc(100svh - 76px);display:flex;align-items:center;padding:95px 0;background-color:#12233b;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}
.hero-cover::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,13,29,.92) 0%,rgba(7,17,35,.76) 48%,rgba(7,17,35,.3) 100%)}
.hero-cover>.container{position:relative;z-index:1;width:100%}
.hero-cover .hero-layout{display:block;max-width:850px;margin:0}
.hero-cover h1{font-size:clamp(42px,6.3vw,86px);max-width:900px}
.hero-cover .lead{max-width:720px;color:#e0e8f6}
.logo-name{display:block;line-height:1.2}
.hero-home{background-image:url('assets/hero-home.jpg')}
.hero-business-strategy{background-image:url('assets/hero-business-strategy.jpg')}
.hero-software-development{background-image:url('assets/hero-software-development.jpg')}
.hero-ai-automation{background-image:url('assets/hero-ai-automation.jpg')}
.hero-crm-solutions{background-image:url('assets/hero-crm-solutions.jpg')}
.hero-digital-marketing{background-image:url('assets/hero-digital-marketing.jpg')}
.hero-growth-hacking{background-image:url('assets/hero-growth-hacking.jpg')}
.hero-contact{background-image:url('assets/hero-contact.jpg')}
@media(max-width:760px){.hero-cover{min-height:calc(100svh - 120px);padding:70px 0}.hero-cover::before{background:linear-gradient(90deg,rgba(6,13,29,.89),rgba(6,13,29,.56))}}

/* V4: shared horizontal alignment and supplied photographic hero */
.hero-home{background-image:url('assets/homepage-fppfa.webp')}
.hero-cover .hero-layout{max-width:none;width:100%;margin:0;display:block}
.hero-cover .hero-layout>div{max-width:850px}
.hero-cover>.container{max-width:1120px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}
.hero-cover::before{background:linear-gradient(90deg,rgba(6,13,29,.88) 0%,rgba(7,17,35,.72) 52%,rgba(7,17,35,.38) 100%)}
.hero-cover{background-position:center center}
@media(max-width:760px){.hero-cover::before{background:linear-gradient(90deg,rgba(6,13,29,.88),rgba(6,13,29,.58))}}

/* V5: standardized photographic hero crops for all services */
.hero-cover{background-size:cover;background-position:center center}
.hero-business-strategy{background-image:url('assets/hero-business-strategy.jpg')}
.hero-software-development{background-image:url('assets/hero-software-development.jpg')}
.hero-ai-automation{background-image:url('assets/hero-ai-automation.jpg')}
.hero-crm-solutions{background-image:url('assets/hero-crm-solutions.jpg')}
.hero-digital-marketing{background-image:url('assets/hero-digital-marketing.jpg')}
.hero-growth-hacking{background-image:url('assets/hero-growth-hacking.jpg')}
.hero-contact{background-image:url('assets/hero-contact.jpg')}