:root { --sv-red:#d51f2b; --sv-red-dark:#ad141e; --sv-ink:#101b24; --sv-slate:#59666f; --sv-line:#dce2e5; --sv-soft:#f2f5f6; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--sv-ink); background:#fff; font-family:Inter,Arial,sans-serif; line-height:1.65; }
img { display:block; max-width:100%; height:auto; }
a { color:inherit; }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { font-family:"Barlow Condensed",Arial,sans-serif; line-height:1.04; }
h1 { max-width:820px; margin-bottom:22px; font-size:clamp(3.5rem,7vw,6.35rem); font-weight:800; letter-spacing:-.025em; }
h2 { margin-bottom:18px; font-size:clamp(2.35rem,4.2vw,4.1rem); font-weight:800; letter-spacing:-.015em; }
h3 { font-size:1.55rem; }
.sv-shell { width:min(1160px,calc(100% - 44px)); margin-inline:auto; }
.sv-kicker { margin:0 0 12px; color:var(--sv-red); font-size:.73rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.sv-button { display:inline-flex; min-height:54px; padding:13px 23px; align-items:center; justify-content:center; color:#fff; background:var(--sv-red); font-weight:800; text-decoration:none; transition:background .2s ease,transform .2s ease; }
.sv-button:hover { background:var(--sv-red-dark); transform:translateY(-2px); }
.sv-arrow-link { display:inline-block; margin-top:18px; color:var(--sv-red); font-weight:800; text-decoration:none; }
.sv-arrow-link:hover { text-decoration:underline; }
.sv-hero { position:relative; overflow:hidden; color:#fff; background:var(--sv-ink); }
.sv-hero::before { position:absolute; inset:0; content:""; background:radial-gradient(circle at 10% 15%,rgba(213,31,43,.31),transparent 33%),linear-gradient(125deg,transparent 60%,rgba(255,255,255,.035)); }
.sv-hero-grid { position:relative; display:grid; grid-template-columns:1.08fr .92fr; gap:76px; min-height:675px; padding-top:72px; padding-bottom:78px; align-items:center; }
.sv-hero .sv-kicker { color:#ff8189; }
.sv-lead { max-width:700px; margin:0; color:#cad5db; font-size:1.13rem; }
.sv-actions { display:flex; flex-wrap:wrap; gap:24px; align-items:center; margin-top:32px; }
.sv-actions > a:not(.sv-button) { color:#fff; font-weight:800; text-underline-offset:5px; }
.sv-hero-visual { position:relative; padding:12px; border:1px solid rgba(255,255,255,.23); }
.sv-hero-visual img { width:100%; min-height:430px; object-fit:cover; }
.sv-hero-visual > span { position:absolute; right:-18px; bottom:22px; padding:15px 18px; color:var(--sv-ink); background:#fff; font-size:.68rem; font-weight:800; letter-spacing:.09em; line-height:1.4; text-transform:uppercase; }
.sv-hero-visual strong { color:var(--sv-red); font-family:"Barlow Condensed",Arial,sans-serif; font-size:1.18rem; }
.sv-spec-strip { color:#fff; background:var(--sv-red); }
.sv-spec-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.sv-spec-grid > div { min-height:130px; padding:28px 26px; border-right:1px solid rgba(255,255,255,.25); }
.sv-spec-grid > div:first-child { border-left:1px solid rgba(255,255,255,.25); }
.sv-spec-grid strong,.sv-spec-grid span { display:block; }
.sv-spec-grid strong { font-family:"Barlow Condensed",Arial,sans-serif; font-size:1.58rem; line-height:1.1; }
.sv-spec-grid span { margin-top:10px; color:#ffd4d7; font-size:.72rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.sv-intro { padding:105px 0; }
.sv-intro-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:95px; align-items:start; }
.sv-intro h2 { margin:0; }
.sv-intro-grid > div:last-child { padding-left:30px; border-left:4px solid var(--sv-red); }
.sv-intro-grid > div:last-child p { color:var(--sv-slate); font-size:1.04rem; }
.sv-intro-grid > div:last-child p:last-child { margin:0; }
.sv-services,.sv-rfq { padding:100px 0; background:var(--sv-soft); }
.sv-section-head { display:grid; grid-template-columns:1.35fr .65fr; gap:80px; align-items:end; margin-bottom:42px; }
.sv-section-head h2 { margin:0; }
.sv-section-head > p { margin-bottom:8px; color:var(--sv-slate); }
.sv-service-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:17px; }
.sv-service-grid article { min-height:280px; padding:27px 24px; border:1px solid var(--sv-line); border-top:4px solid var(--sv-red); background:#fff; }
.sv-service-grid span { display:block; margin-bottom:40px; color:var(--sv-red); font-weight:800; }
.sv-service-grid h3 { margin-bottom:10px; }
.sv-service-grid p { margin:0; color:var(--sv-slate); font-size:.83rem; }
.sv-workflow { padding:105px 0; }
.sv-workflow-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:1px; margin:0; padding:0; background:var(--sv-line); list-style:none; }
.sv-workflow-grid li { min-height:245px; padding:25px 20px; background:#fff; }
.sv-workflow-grid span { display:block; margin-bottom:44px; color:var(--sv-red); font-size:.7rem; font-weight:800; }
.sv-workflow-grid h3 { margin-bottom:9px; font-size:1.35rem; }
.sv-workflow-grid p { margin:0; color:var(--sv-slate); font-size:.76rem; }
.sv-specialities { padding:110px 0; color:#fff; background:var(--sv-ink); }
.sv-speciality-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:85px; align-items:center; }
.sv-speciality-image { padding:16px; border:1px solid rgba(255,255,255,.2); }
.sv-speciality-image img { width:100%; aspect-ratio:1/1; object-fit:contain; background:#fff; }
.sv-speciality-grid > div:last-child > p:not(.sv-kicker) { color:#bdc9cf; }
.sv-speciality-grid ul { margin:26px 0 0; padding:0; border-top:1px solid rgba(255,255,255,.18); list-style:none; }
.sv-speciality-grid li { border-bottom:1px solid rgba(255,255,255,.18); }
.sv-speciality-grid li a { display:grid; grid-template-columns:.85fr 1.15fr; gap:24px; padding:16px 0; text-decoration:none; }
.sv-speciality-grid li strong { font-family:"Barlow Condensed",Arial,sans-serif; font-size:1.18rem; }
.sv-speciality-grid li span { color:#b8c4ca; font-size:.8rem; }
.sv-speciality-grid li a:hover strong { color:#ff8189; }
.sv-specialities .sv-arrow-link { color:#ff8189; }
.sv-conversion { padding:100px 0; background:var(--sv-red); color:#fff; }
.sv-conversion-grid { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; }
.sv-conversion .sv-kicker { color:#ffd4d7; }
.sv-conversion-grid > div:first-child > p:not(.sv-kicker) { color:#ffe1e3; }
.sv-conversion .sv-button { margin-top:14px; color:var(--sv-red); background:#fff; }
.sv-conversion .sv-button:hover { color:#fff; background:var(--sv-ink); }
.sv-comparison { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.sv-comparison div { min-height:115px; padding:21px; border:1px solid rgba(255,255,255,.3); background:rgba(255,255,255,.07); }
.sv-comparison span,.sv-comparison strong { display:block; }
.sv-comparison span { color:#ffd5d8; font-size:.67rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.sv-comparison strong { margin-top:13px; font-family:"Barlow Condensed",Arial,sans-serif; font-size:1.35rem; }
.sv-quality { padding:105px 0; }
.sv-quality-grid { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; }
.sv-quality-grid > div > p:last-child { color:var(--sv-slate); }
.sv-quality ul { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0; padding:0; list-style:none; }
.sv-quality li { position:relative; min-height:82px; padding:18px 17px 17px 41px; border:1px solid var(--sv-line); background:var(--sv-soft); font-size:.81rem; font-weight:700; }
.sv-quality li::before { position:absolute; top:19px; left:17px; color:var(--sv-red); content:"✓"; font-weight:900; }
.sv-rfq-grid { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; }
.sv-rfq-grid > div > p:last-child { color:var(--sv-slate); }
.sv-rfq ul { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0; padding:0; list-style:none; }
.sv-rfq li { position:relative; min-height:92px; padding:18px 17px 17px 41px; border:1px solid var(--sv-line); background:#fff; font-size:.81rem; font-weight:700; }
.sv-rfq li::before { position:absolute; top:19px; left:17px; color:var(--sv-red); content:"✓"; font-weight:900; }
.sv-faq { padding:105px 0; }
.sv-faq-grid { display:grid; grid-template-columns:.7fr 1.3fr; gap:90px; align-items:start; }
.sv-faq-grid > div:first-child > p:last-child { color:var(--sv-slate); }
.sv-accordion { border-top:1px solid var(--sv-line); }
.sv-accordion details { border-bottom:1px solid var(--sv-line); }
.sv-accordion summary { position:relative; padding:23px 45px 23px 0; cursor:pointer; font-family:"Barlow Condensed",Arial,sans-serif; font-size:1.35rem; font-weight:800; list-style:none; }
.sv-accordion summary::-webkit-details-marker { display:none; }
.sv-accordion summary::after { position:absolute; top:22px; right:5px; color:var(--sv-red); content:"+"; font-family:Inter,Arial,sans-serif; }
.sv-accordion details[open] summary::after { content:"−"; }
.sv-accordion details p { max-width:760px; margin:0; padding:0 45px 24px 0; color:var(--sv-slate); font-size:.9rem; }
.sv-cta { padding:82px 0; color:#fff; background:var(--sv-red); }
.sv-cta-grid { display:grid; grid-template-columns:1.28fr .72fr; gap:90px; align-items:center; }
.sv-cta .sv-kicker { color:#ffd3d6; }
.sv-cta h2 { margin-bottom:14px; }
.sv-cta p:last-child { margin:0; color:#ffe1e3; }
.sv-cta-grid > div:last-child { display:flex; flex-direction:column; align-items:flex-start; gap:11px; }
.sv-cta-grid > div:last-child > a:not(.sv-button) { color:#fff; font-size:.82rem; font-weight:700; text-decoration:none; }
.sv-button-light { color:var(--sv-red); background:#fff; }
.sv-button-light:hover { color:#fff; background:var(--sv-ink); }
.sv-footer { padding-top:60px; color:#bdc8ce; background:#0a1117; }
.sv-footer-grid { display:grid; grid-template-columns:1.5fr .85fr .75fr 1fr; gap:50px; padding-bottom:42px; }
.sv-footer img { width:205px; margin-bottom:16px; }
.sv-footer p { max-width:350px; font-size:.82rem; }
.sv-footer h2 { margin-bottom:15px; color:#fff; font-size:1.05rem; letter-spacing:.06em; text-transform:uppercase; }
.sv-footer a { display:block; margin:7px 0; color:#bdc8ce; font-size:.82rem; text-decoration:none; }
.sv-footer a:hover { color:#fff; }
.sv-footer-bottom { padding-top:20px; padding-bottom:20px; border-top:1px solid rgba(255,255,255,.12); font-size:.75rem; }
@media (max-width:1050px) { .sv-workflow-grid { grid-template-columns:repeat(3,1fr); } }
@media (max-width:980px) {
  .sv-hero-grid,.sv-intro-grid,.sv-speciality-grid,.sv-conversion-grid,.sv-quality-grid,.sv-faq-grid,.sv-cta-grid { grid-template-columns:1fr; gap:45px; }
  .sv-spec-grid,.sv-service-grid { grid-template-columns:repeat(2,1fr); }
  .sv-spec-grid > div:nth-child(3) { border-left:1px solid rgba(255,255,255,.25); }
  .sv-section-head,.sv-rfq-grid { grid-template-columns:1fr; gap:35px; }
  .sv-footer-grid { grid-template-columns:1.4fr 1fr 1fr; }
  .sv-footer-grid > div:last-child { grid-column:2/4; }
}
@media (max-width:650px) {
  .sv-shell { width:calc(100% - 28px); }
  h1 { font-size:clamp(3rem,15vw,4.3rem); }
  .sv-hero-grid { min-height:auto; padding-top:55px; padding-bottom:66px; }
  .sv-hero-visual img { min-height:300px; }
  .sv-hero-visual > span { right:0; bottom:8px; }
  .sv-spec-grid,.sv-service-grid,.sv-workflow-grid,.sv-comparison,.sv-quality ul,.sv-rfq ul,.sv-footer-grid { grid-template-columns:1fr; }
  .sv-spec-grid > div { min-height:auto; border-left:1px solid rgba(255,255,255,.25); border-bottom:1px solid rgba(255,255,255,.25); }
  .sv-intro,.sv-services,.sv-workflow,.sv-specialities,.sv-conversion,.sv-quality,.sv-rfq,.sv-faq { padding:72px 0; }
  .sv-intro-grid > div:last-child { padding-left:20px; }
  .sv-speciality-grid li a { grid-template-columns:1fr; gap:3px; }
  .sv-workflow-grid li { min-height:210px; }
  .sv-footer-grid > div:last-child { grid-column:auto; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .sv-button { transition:none; } }