:root{--navy:#09264b;--blue:#087fe0;--cyan:#28b8ff;--yellow:#ffd52a;--ink:#10213b;--paper:#f5f8fc;--muted:#60718a;--line:#d8e3ef;--max:1160px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.6;font-size:17px}.wrap{max-width:var(--max);margin:auto;padding:0 28px}.narrow{max-width:850px}header.site{position:sticky;top:0;z-index:10;background:rgba(9,38,75,.97);color:#fff;border-bottom:3px solid var(--cyan);backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:82px}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:1.35rem;font-weight:850;letter-spacing:-.04em}.brand img{width:48px;height:48px}.brand small{display:block;color:#b9d7f2;font-size:.62rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}nav.main{display:flex;gap:24px;align-items:center}nav.main a{color:#eaf5ff;text-decoration:none;font-size:.88rem;font-weight:650}nav.main a:hover{color:var(--yellow)}nav.main .nav-cta{background:var(--blue);padding:10px 18px;border-radius:999px}.hero{background:radial-gradient(circle at 80% 45%,#174c83 0,#09264b 44%,#071a35 100%);color:#fff;padding:90px 0 84px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px}.eyebrow{font-size:.72rem;letter-spacing:.16em;font-weight:850;color:var(--blue);margin:0 0 14px}.hero .eyebrow,.promise .eyebrow,.final-cta .eyebrow{color:var(--cyan)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3rem,6vw,5.4rem);line-height:1.02;letter-spacing:-.065em;margin-bottom:24px}h1 em,h2 em{font-family:Georgia,serif;color:var(--cyan);font-weight:500}.hero-copy{font-size:1.22rem;max-width:600px;color:#d6e7f8}.signature{font-weight:850;color:#e9bd16;font-size:1.1rem}.button{display:inline-flex;align-items:center;gap:16px;margin-top:18px;padding:14px 22px;background:var(--cyan);color:#06244a;text-decoration:none;border-radius:999px;font-weight:850}.button:hover{background:var(--yellow)}.hero-art{height:370px;position:relative;display:grid;place-items:center}.hero-art img{width:190px;z-index:2;filter:drop-shadow(0 20px 35px #0008)}.orbit{position:absolute;border:1px solid #64caff77;border-radius:50%;width:310px;height:310px}.orbit-two{width:420px;height:220px;transform:rotate(-28deg)}.orbit-label{position:absolute;background:#fff;color:var(--navy);font-size:.72rem;font-weight:900;letter-spacing:.1em;padding:8px 14px;border-radius:30px;box-shadow:0 6px 20px #0003}.label-tv{top:42px;left:18%}.label-laptop{right:0;top:48%}.label-car{bottom:38px;left:22%}.intro{padding:88px 0;background:#fff;text-align:center}.intro h2,.section-heading h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.05em;line-height:1.12;margin-bottom:20px}.intro p:last-child{color:var(--muted);font-size:1.08rem}.surface-section{padding:82px 0}.section-heading{text-align:center;margin-bottom:42px}.section-heading>p:last-child{color:var(--muted)}.surface-card{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;margin:24px 0;box-shadow:0 14px 40px #0c31540c}.surface-card.reverse .surface-image{order:2}.surface-image{background:#e7f2fc;border-radius:18px;overflow:hidden}.surface-image img{display:block;width:100%;height:320px;object-fit:cover}.surface-copy h3{font-size:2rem;letter-spacing:-.04em;margin-bottom:8px}.benefit{font-weight:750;color:#13599b}.surface-copy ul{padding-left:21px}.surface-copy li{padding:4px 0}.note{font-size:.83rem;color:var(--muted);border-left:3px solid var(--cyan);padding-left:12px;margin:18px 0 0}.promise{background:var(--navy);color:#fff;padding:82px 0}.promise h2{font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.05em;margin-bottom:35px}.promise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.promise-grid>div{padding:22px;border:1px solid #ffffff2c;border-radius:18px;background:#ffffff0a}.promise-grid strong{color:var(--yellow);font-size:1.1rem}.promise-grid p{color:#d4e3f3;margin:8px 0 0;font-size:.93rem}.big-line{font-size:clamp(1.5rem,3vw,2.3rem);font-weight:900;margin:42px 0 8px}.one-job{padding:82px 0;background:#fff}.fail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.fail-card{border:1px solid var(--line);border-radius:18px;padding:22px;background:linear-gradient(160deg,#f8fbff,#edf5fc);position:relative;overflow:hidden}.fail-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#d9edff;color:var(--blue);font-size:1.8rem;margin-bottom:18px}.fail-tag{font-size:.65rem;letter-spacing:.1em;color:var(--blue);font-weight:900;min-height:34px;margin-bottom:8px}.fail-card h3{font-size:1.35rem;line-height:1.15;margin-bottom:10px}.fail-card p:not(.fail-tag){font-size:.9rem;color:var(--muted)}.fail-fix{display:block;border-top:1px solid var(--line);padding-top:13px;font-size:.83rem;font-weight:800;color:#1261a4}.one-job-footer{text-align:center;font-weight:750;margin:34px 0 0}.final-cta{background:linear-gradient(120deg,#087fe0,#09264b);color:#fff;padding:78px 0;text-align:center}.final-cta h2{font-size:clamp(2.6rem,5vw,4.4rem);letter-spacing:-.06em;margin-bottom:12px}.final-cta p:not(.eyebrow){max-width:720px;margin:0 auto;color:#e1effb;font-size:1.1rem}.button-light{background:var(--yellow);color:var(--navy)}footer.site{background:#061a34;color:#c6d8e9;padding:34px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand{font-size:1.15rem}.footer-brand img{width:42px}.footer-slogan{font-weight:850;color:#fff;margin:0}.footer-inner .signature{font-size:.9rem;margin:3px 0 0}.copyright{font-size:.75rem;margin:0;color:#93aac2}@media(max-width:850px){.hero-grid{grid-template-columns:1fr}.hero-art{height:260px}.promise-grid{grid-template-columns:repeat(2,1fr)}.fail-grid{grid-template-columns:repeat(2,1fr)}nav.main{gap:12px}nav.main a{font-size:.78rem}}@media(max-width:620px){.wrap{padding:0 18px}.header-inner{align-items:flex-start;flex-direction:column;padding-top:12px;padding-bottom:12px}.brand img{width:38px;height:38px}nav.main{width:100%;overflow:auto;padding-bottom:3px}nav.main a{white-space:nowrap}.hero{padding:58px 0}.hero-art{height:230px}.orbit{width:230px;height:230px}.orbit-two{width:300px;height:160px}.surface-card{grid-template-columns:1fr;padding:16px;gap:22px}.surface-card.reverse .surface-image{order:0}.surface-image img{height:230px}.promise-grid,.fail-grid{grid-template-columns:1fr}.footer-inner{align-items:flex-start;flex-direction:column}.intro,.surface-section,.promise,.one-job{padding:58px 0}}
/* Image-led service and ecosystem pages */
.service-list{padding:76px 0;background:#f5f8fc}.service-feature,.feature-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(24px,5vw,64px);align-items:center;background:#fff;border:1px solid var(--line);padding:clamp(22px,4vw,48px);margin:24px 0;box-shadow:0 14px 40px #0c31540c}.service-feature.reverse .service-visual{order:2}.service-visual,.feature-image{background:#e7f2fc;border-radius:18px;overflow:hidden;min-height:280px}.service-visual img,.feature-image img{display:block;width:100%;height:100%;min-height:280px;max-height:430px;object-fit:cover}.service-body h2,.feature-split h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.12;letter-spacing:-.045em;margin-bottom:18px}.service-body p,.feature-split p{font-size:1.02rem}.service-body .eyebrow{margin-bottom:10px}.public-fix{padding:80px 0;background:#fff}.feature-split{margin:0;border:0;box-shadow:none;padding:0}.ecosystem-section{padding:76px 0}.ecosystem-card{display:grid;grid-template-columns: minmax(240px,.8fr) minmax(0,1.2fr);gap:34px;align-items:center;background:#fff;border:1px solid var(--line);padding:28px;margin:24px 0}.ecosystem-card:nth-child(even) .ecosystem-art{order:2}.ecosystem-art{background:#e7f2fc;border-radius:18px;overflow:hidden}.ecosystem-art img{display:block;width:100%;height:300px;object-fit:cover}.ecosystem-card h2{font-size:2rem;line-height:1.12}.ecosystem-card p{color:var(--muted)}.ecosystem-card .eyebrow{color:var(--blue);font-size:.72rem;font-weight:850;letter-spacing:.15em}.ecosystem-cta{background:#fff;padding:70px 0;text-align:center}.ecosystem-cta p{max-width:720px;margin:0 auto;color:var(--muted)}.copyright a{color:#c6d8e9;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.service-feature,.feature-split,.ecosystem-card{grid-template-columns:1fr}.service-feature.reverse .service-visual,.ecosystem-card:nth-child(even) .ecosystem-art{order:0}.service-visual,.feature-image,.ecosystem-art{min-height:210px}.service-visual img,.feature-image img,.ecosystem-art img{height:230px;min-height:230px}.service-list,.public-fix,.ecosystem-section{padding:48px 0}}

/* Readiness assessment and enquiry forms */
.assessment{padding:76px 0;background:#fff}.assessment-grid{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:clamp(26px,5vw,64px);align-items:start}
.assessment-art{position:sticky;top:110px;background:#edf5fc;border:1px solid var(--line);border-radius:20px;padding:22px;overflow:hidden}
.assessment-art img{display:block;width:100%;height:230px;object-fit:cover;border-radius:14px;margin-bottom:22px}
.assessment-art h2{font-size:1.8rem;line-height:1.12;letter-spacing:-.04em}
.readiness-form,form[data-contact]{background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(20px,3vw,34px);box-shadow:0 14px 40px #0c31540c}
.readiness-form>label,form[data-contact]>label{display:block;font-weight:800;margin:16px 0 7px}
.readiness-form input[type=url],form[data-contact] input,form[data-contact] select,form[data-contact] textarea{display:block;width:100%;border:1px solid #bdcddd;border-radius:9px;padding:13px 14px;font:inherit;color:var(--ink);background:#fff}
.readiness-form fieldset{border:0;border-top:1px solid var(--line);padding:20px 0 12px;margin:14px 0 0}
.readiness-form legend{font-weight:800;padding:0 0 8px;line-height:1.4}
.readiness-form fieldset label{display:inline-flex;align-items:center;gap:8px;margin:7px 16px 7px 0;color:#33465e;font-size:.94rem}
.readiness-form input[type=radio]{accent-color:var(--blue);width:17px;height:17px}
.assessment-result{margin-top:26px;padding:24px;border-radius:16px;background:#f1f7fc;border:1px solid var(--line)}
.assessment-result h2{font-size:1.8rem}.assessment-result h3{margin:22px 0 8px}.assessment-result li{margin:9px 0}.assessment-result .button{font-size:.9rem}
.button-secondary{border:1px solid #aac0d5;background:#fff;color:var(--navy);cursor:pointer}
form[data-contact] textarea{min-height:130px;resize:vertical}
form[data-contact] button[type=submit]{border:0;cursor:pointer}
form[data-contact] .result{margin-top:14px;font-weight:700;color:#13599b}
@media(max-width:760px){.assessment{padding:48px 0}.assessment-grid{grid-template-columns:1fr}.assessment-art{position:static}.assessment-art img{height:190px}.readiness-form{padding:20px}.readiness-form fieldset label{display:flex}}
/* SYNAL primary identity */
.brand .synal-logo{display:block;width:185px;height:auto;max-height:104px;object-fit:contain;filter:none}
.hero-art .synal-hero-logo{display:block;width:min(100%,540px);height:auto;max-height:310px;object-fit:contain;filter:none;border-radius:10px}
@media(max-width:850px){.brand .synal-logo{width:165px;max-height:92px}}
@media(max-width:620px){.brand .synal-logo{width:150px;max-height:84px}}