@font-face{font-family:Manrope;src:url('/seo-design/fonts/manrope-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url('/seo-design/fonts/manrope-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url('/seo-design/fonts/manrope-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url('/seo-design/fonts/manrope-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{--red:#ba1828;--ink:#181818;--muted:#666;--paper:#fff;--surface:#f5f5f5;--line:#ddd;--curve:cubic-bezier(.22,1,.36,1);--spacing-0:0;--spacing-25:2px;--spacing-50:4px;--spacing-75:8px;--spacing-100:12px;--spacing-200:16px;--spacing-300:24px;--spacing-400:32px;--spacing-500:40px;--spacing-600:48px;--spacing-700:64px;--spacing-800:80px;--spacing-900:96px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:var(--spacing-0);color:var(--ink);background:var(--paper);font-family:Manrope,sans-serif}button,input,select,textarea{font:inherit}a{color:var(--red);text-underline-offset:4px}p,li{overflow-wrap:anywhere;text-wrap:pretty}p{max-width:65ch;margin:var(--spacing-200) 0}h1,h2,h3{margin:0;text-wrap:balance}img{max-width:100%;height:auto;display:block}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}a,button{transition:background-color .3s var(--curve),color .3s var(--curve),opacity .3s var(--curve),transform .5s var(--curve)}a:hover{color:#7e0e1a}a:active,button:active{transform:translateY(1px)}:focus-visible{outline:3px solid var(--red);outline-offset:4px}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}
.heading-1{font-size:60px;line-height:60px;font-weight:600}.heading-2{font-size:48px;line-height:48px;font-weight:600}.heading-3{font-size:36px;line-height:40px;font-weight:600}.heading-4{font-size:30px;line-height:36px;font-weight:600}.heading-5{font-size:24px;line-height:32px;font-weight:600}.heading-6,.title-1{font-size:20px;line-height:28px;font-weight:600}.title-2{font-size:18px;line-height:28px;font-weight:500}.title-3,.body-2{font-size:16px;line-height:24px;font-weight:500}.body-3{font-size:16px;line-height:24px;font-weight:400}.body-7{font-size:18px;line-height:28px;font-weight:400}.button-md{font-size:16px;line-height:24px;font-weight:600}.button-sm{font-size:14px;line-height:20px;font-weight:600}.caption-1{font-size:14px;line-height:20px;font-weight:500}.caption-2{font-size:14px;line-height:20px;font-weight:400}
.wrap{width:100%;max-width:1200px;padding-inline:var(--spacing-300);margin-inline:auto}.skip{position:absolute;transform:translateY(-200%);padding:var(--spacing-200);background:white;z-index:30}.skip:focus{transform:translateY(0)}.site-header{background:var(--ink);color:#fff}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-300);padding-block:var(--spacing-200)}.brand{color:#fff;text-decoration:none}.brand:hover{color:#fff}.brand small{display:block;color:#ccc}.desktop-nav{display:flex;gap:var(--spacing-300);align-items:center}.desktop-nav a{color:#fff;text-decoration:none}.desktop-nav a:hover{color:#ddd}.desktop-nav a[aria-current]{text-decoration:underline;text-decoration-color:#fff}.menu-toggle{display:none;background:transparent;border:1px solid #666;border-radius:8px;color:white;padding:var(--spacing-75) var(--spacing-100)}.menu-lines{display:inline-flex;flex-direction:column;gap:var(--spacing-50);width:24px;margin-right:var(--spacing-75)}.menu-lines i{display:block;height:2px;background:currentColor;transition:transform .5s var(--curve)}.menu-toggle[aria-expanded=true] .menu-lines i:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-lines i:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-panel[hidden]{display:none}.mobile-panel{position:fixed;inset:0;z-index:20;background:#181818f5;backdrop-filter:blur(16px);padding:var(--spacing-300);color:white;overflow:auto}.mobile-panel .close-menu{display:block;margin-left:auto;border:1px solid #888;background:transparent;color:#fff;border-radius:8px;padding:var(--spacing-75) var(--spacing-100)}.mobile-panel nav{display:flex;flex-direction:column;gap:var(--spacing-300);padding-block:var(--spacing-600)}.mobile-panel a{color:white;text-decoration:none}.menu-open{overflow:hidden}.breadcrumb{padding-block:var(--spacing-300);display:flex;gap:var(--spacing-75);flex-wrap:wrap;color:var(--muted)}.hero{padding-block:var(--spacing-400) var(--spacing-700);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:var(--spacing-600);align-items:center}.hero h1{max-width:680px;background:linear-gradient(to right,#000,#666);background-clip:text;-webkit-background-clip:text;color:transparent}.hero .intro{max-width:680px}.eyebrow{color:var(--red);margin-top:0;margin-bottom:var(--spacing-200)}.primary{display:inline-flex;align-items:center;justify-content:center;text-align:center;background:var(--red);color:white;border:1px solid var(--red);border-radius:8px;padding:var(--spacing-75) var(--spacing-100);text-decoration:none;max-width:100%;min-height:48px}.primary:hover{color:white;background:#8e1020}.hero .primary{margin-top:var(--spacing-200)}.quiet{color:var(--muted)}.proof{display:flex;flex-wrap:wrap;gap:var(--spacing-75) var(--spacing-200);padding:0;list-style:none;margin:var(--spacing-300) 0 0}.proof li{display:flex;gap:var(--spacing-75);align-items:center}.proof li::before{content:'';width:4px;height:4px;background:var(--red);border-radius:2px;flex:none}.visual{background:var(--surface);border-radius:16px;padding:var(--spacing-300)}.visual-frame{background:white;border-radius:8px;aspect-ratio:1;display:grid;place-items:center;padding:var(--spacing-300);overflow:hidden}.visual img{width:100%;height:100%;object-fit:contain}.visual figcaption{margin-top:var(--spacing-200)}figure{margin:0}.spec-visual{display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-300);aspect-ratio:1;background:#fff;border-radius:8px;padding:var(--spacing-300)}.spec-visual span{display:block}.spec-visual p{margin:0}.section{padding-block:var(--spacing-700)}.surface{background:var(--surface)}.section-head{max-width:680px;margin-bottom:var(--spacing-400)}.split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--spacing-600);align-items:start}.benefits{display:grid;gap:var(--spacing-400)}.benefit{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--spacing-200)}.number{font-variant-numeric:tabular-nums;color:var(--red)}.benefit p{margin-bottom:0}.technical{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:var(--spacing-700)}.technical article section+section{margin-top:var(--spacing-500)}.technical aside{background:var(--surface);border-radius:16px;padding:var(--spacing-300)}.technical aside ul{padding-left:var(--spacing-200)}.technical aside li+li{margin-top:var(--spacing-100)}.tagline{max-width:680px}.word{transition:color .5s var(--curve)}.word-reveal .word{color:#1818184d}.word-reveal .word.active{color:var(--ink)}.steps{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--spacing-600)}.steps ol{list-style:none;margin:0;padding:0;display:grid;gap:var(--spacing-300)}.steps li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--spacing-200)}.steps p{margin:var(--spacing-75) 0 0}.product-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-200);list-style:none;padding:0;margin:0}.product-links a{display:block;padding:var(--spacing-200);border:1px solid var(--line);border-radius:8px;text-decoration:none;background:white;height:100%}.product-links a:hover{background:var(--surface)}.faq{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:var(--spacing-600)}.faq dl{margin:0}.faq dt{margin-top:var(--spacing-300)}.faq dt:first-child{margin-top:0}.faq dd{margin:var(--spacing-75) 0 0;max-width:65ch}.enquiry{background:var(--ink);color:#fff}.enquiry .split{align-items:start}.enquiry p{color:#ddd}.enquiry form{background:#272727;padding:var(--spacing-300);border-radius:16px}.field{margin-bottom:var(--spacing-200)}.field label{display:block;margin-bottom:var(--spacing-75)}input,textarea,select{width:100%;min-width:0;background:#fff;color:var(--ink);padding:var(--spacing-100);border:1px solid #aaa;border-radius:8px;font-size:16px;line-height:24px}textarea{resize:vertical}input[aria-invalid=true],textarea[aria-invalid=true]{border:2px solid #ffb7be}.error{color:#ffb7be!important}.enquiry .primary{width:100%}.draft-link{color:white;display:block;margin-top:var(--spacing-200)}.related-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-100) var(--spacing-300);list-style:none;padding:0}.related-list [aria-current]{color:var(--ink);font-weight:600}.footer{background:var(--ink);color:#ddd;padding-block:var(--spacing-400)}.footer a{color:#fff}.footer nav{display:flex;gap:var(--spacing-200);flex-wrap:wrap;margin-top:var(--spacing-200)}.footer p{margin:var(--spacing-75) 0}.copyright{color:#ccc}.legal{margin-top:var(--spacing-300)}.reveal{transition:opacity .7s var(--curve),transform .7s var(--curve)}
@media(min-width:769px){.hero .body-7{margin-top:var(--spacing-300)}}
@media(max-width:1000px){.heading-1{font-size:48px;line-height:48px}.hero{gap:var(--spacing-400)}.technical{grid-template-columns:minmax(0,1fr) 240px;gap:var(--spacing-400)}}
@media(max-width:768px){.heading-1{font-size:36px;line-height:40px}.heading-2{font-size:30px;line-height:36px}.heading-3,.heading-4{font-size:24px;line-height:32px}.wrap{padding-inline:var(--spacing-200)}.desktop-nav{display:none}.menu-toggle{display:inline-flex;align-items:center}.hero,.split,.technical,.steps,.faq{grid-template-columns:minmax(0,1fr);gap:var(--spacing-400)}.hero{padding-block:var(--spacing-200) var(--spacing-600)}.hero .intro{font-size:16px;line-height:24px}.hero .primary{margin-top:var(--spacing-75)}.section{padding-block:var(--spacing-600)}.visual{max-width:100%}.visual-frame,.spec-visual{max-height:320px;aspect-ratio:auto;min-height:240px}.visual-frame img{max-height:272px}.related-list,.product-links{grid-template-columns:minmax(0,1fr)}.breadcrumb{padding-block:var(--spacing-200)}.brand small{display:none}.proof{margin-top:var(--spacing-200)}.enquiry form{padding:var(--spacing-200)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.word-reveal .word{color:var(--ink)}}
[hidden]{display:none!important}
