html,body,#root {margin:0;min-height:100%;} body {background:#fff;margin:0}.syntra-site {max-width:1040px;margin:auto;padding:24px 36px} .syntra-site {color:#102a37;font-family:Arial,Helvetica,sans-serif;line-height:1.5}.syntra-site * {box-sizing:border-box}.syntra-site a {text-decoration:none}.syntra-site .nav {display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #dce5e5;padding:8px 0 22px}.logo img {display:block;width:154px;height:42px;object-fit:cover;object-position:center;mix-blend-mode:multiply}.nav nav {display:flex;gap:25px}.nav nav a {color:#47616b;font-size:13px}.nav-cta {border:1px solid #a6c7c5;border-radius:32px;padding:8px 18px;color:#005b60;font-size:13px}.hero {position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;min-height:560px;padding:70px 26px;margin:0 -26px;overflow:hidden;background-color:#faf9f6;background-image:linear-gradient(#e8edeb80 1px,transparent 1px),linear-gradient(90deg,#e8edeb80 1px,transparent 1px);background-size:56px 56px}.hero-copy {z-index:1}.eyebrow,.section-label,.section-heading>span {font-size:10px;letter-spacing:.19em;color:#075f62;font-weight:700}.eyebrow {display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #cbdedc;border-radius:30px;background:#ffffffd9}.dot {display:inline-block;width:6px;height:6px;border-radius:50%;background:#0b6969}.hero h1 {font-size:clamp(48px,6.2vw,82px);letter-spacing:-.07em;line-height:1.04;margin:26px 0 20px;font-weight:650}.hero h1 em {font-style:normal;color:#005e61}.hero-copy>p {font-size:17px;max-width:450px;color:#455c68;line-height:1.7}.hero-actions {display:flex;flex-wrap:wrap;gap:11px;margin:30px 0 20px}.hero-actions a {padding:13px 17px;border-radius:30px;background:#005f63;color:white;font-size:13px}.hero-actions a+a {background:white;border:1px solid #d1dfde;color:#123544}.hero-actions span {margin-left:10px}.hero-copy small {font-size:12px;color:#6c8084}.shortlist {z-index:1;border-radius:18px;border:1px solid #dbe5e3;background:#fff;box-shadow:0 22px 55px #193b4120;padding:25px;max-width:420px;margin:auto}.shortlist-head,.mock-row {display:flex;justify-content:space-between;gap:12px}.shortlist-head {font-size:10px;letter-spacing:.16em;color:#536970}.mock-options {display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.mock-options div {border:1px solid #d7e4e2;border-radius:14px;padding:13px;font-size:13px}.mock-options i {display:block;height:6px;width:80%;background:#edf0ed;border-radius:8px;margin-top:8px}.mock-options i:last-child {width:60%}.mock-row {border-bottom:1px solid #e1e8e7;padding:12px 0;font-size:12px}.mock-row b {font-size:9px;letter-spacing:.12em;color:#007575}.decision {background:#e3f2f0;border-radius:10px;padding:12px;margin-top:18px;font-size:13px}.shortlist p {font-size:10px;color:#6b7f83;margin:12px 0 0}.services,.process,.boundaries,.inquire {padding:74px 0}.section-heading h2,.boundaries h2,.inquire h2 {font-size:clamp(32px,4vw,49px);line-height:1.16;letter-spacing:-.045em;margin:12px 0 10px}.section-heading p,.boundaries>div>p,.inquire p {font-size:15px;color:#556971}.section-heading sup {font-size:12px}.service-grid {display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:35px}.service {display:flex;flex-direction:column;padding:33px;border-radius:19px;min-height:520px;transition:transform .25s}.service:hover {transform:translateY(-4px)}.service.dark {background:#092d3a;color:white}.service.light {background:#e7f2ef;color:#103744}.service-top {display:flex;justify-content:space-between;font-size:10px;letter-spacing:.17em}.service h3 {font-size:clamp(32px,4vw,52px);line-height:1.12;letter-spacing:-.05em;margin:45px 0 16px}.service p {font-size:14px;line-height:1.7;opacity:.9}.service ul {padding:0;margin:18px 0 30px;list-style:none}.service li {font-size:13px;padding:10px 0;border-bottom:1px solid #ffffff3d}.service.light li {border-color:#b8d1ca}.service li:before {content:'↗';margin-right:10px}.service-note {margin-top:auto;padding-top:20px;border-top:1px solid #ffffff5c;font-size:12px;opacity:.8}.service.light .service-note {border-color:#b8d1ca}.process {border-top:1px solid #dce8e5}.steps {display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:35px}.step {border-top:2px solid #0d6766;padding-top:20px}.step span {font-size:11px;color:#007575;letter-spacing:.12em}.step h3 {font-size:17px;line-height:1.3;margin:28px 0 10px}.step p {font-size:13px;line-height:1.6;color:#5c7077}.boundaries {display:grid;grid-template-columns:1fr 1fr;gap:44px;background:#f4f8f6;padding:55px 32px;margin:0 -26px}.boundary-list div {padding:10px 0;border-bottom:1px solid #d8e4df}.boundary-list b {font-size:14px}.boundary-list p {font-size:13px;color:#526970}.inquire {display:grid;grid-template-columns:1fr 1fr;gap:45px}.contact {background:#0c3541;color:white;border-radius:18px;padding:30px;align-self:center}.contact>span {font-size:10px;letter-spacing:.17em;color:#a2d4d0}.contact button {display:block;width:100%;text-align:left;border:none;border-radius:7px;background:#dceae7;color:#31535c;padding:16px;margin:23px 0 14px;font-size:15px;cursor:not-allowed}.contact button small {float:right;font-size:9px;letter-spacing:.12em}.contact p {font-size:12px;color:#bed2d1}.syntra-site footer {border-top:1px solid #dce8e5;padding:36px 0}.syntra-site footer img {width:125px;height:38px;object-fit:cover;mix-blend-mode:multiply}.syntra-site footer p {max-width:530px;color:#62757a;font-size:12px}.syntra-site footer small {font-size:10px;letter-spacing:.12em;color:#698083}@media(max-width:700px){.nav {flex-wrap:wrap}.logo img {width:132px;height:38px}.nav nav {order:3;width:100%;justify-content:space-between;gap:9px}.nav nav a {font-size:12px}.hero {grid-template-columns:1fr;gap:36px;padding:53px 24px;margin:0 -24px}.hero h1 {font-size:54px}.hero-copy>p {font-size:16px}.shortlist {width:100%;margin:0}.service-grid,.boundaries,.inquire {grid-template-columns:1fr}.service {min-height:0;padding:27px}.service h3 {margin:30px 0 12px}.steps {grid-template-columns:1fr 1fr}.services,.process,.inquire {padding:58px 0}.boundaries {margin:0 -24px;padding:44px 24px;gap:15px}.contact {padding:25px}}@media(max-width:390px){.hero h1 {font-size:49px}.steps {grid-template-columns:1fr}.nav-cta {padding:7px 13px}}@media(prefers-reduced-motion:reduce){.service {transition:none}.service:hover {transform:none}}

@media(max-width:700px){.syntra-site{padding:24px}}