:root{--ink:#101827;--ink-2:#101827;--blue:#1e6de8;--blue-2:#135bc8;--paper:#fff;--white:#fff;--muted:#5f6b7a;--line:#d8e0ea;--radius:2px;--shadow:none}
body{background:#fff;color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif;line-height:1.45}
.shell{width:min(1180px,calc(100% - 64px))}
.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid #dbe5f0;backdrop-filter:blur(10px)}
.nav-wrap{height:92px}
.brand img{display:block;width:126px;height:84px;object-fit:contain}
.nav-links{gap:34px}
.nav-links>a:not(.button){color:#172033;font:600 12px Arial;text-transform:none}
.button{min-height:42px;padding:0 21px;border-radius:2px;box-shadow:none;font:700 12px Arial}
.button:hover{transform:none}
.button-small{background:transparent;color:#aeb6c1;border-color:transparent;padding:0}
.button-small:hover{background:transparent;color:var(--blue)}
.hero{min-height:720px;grid-template-columns:1.12fr .88fr;gap:78px;padding-block:100px}
.eyebrow{font:700 10px Arial;letter-spacing:.22em;color:#3d536d;margin-bottom:26px}
.hero h1{font-family:Arial,"Helvetica Neue",sans-serif;font-size:clamp(50px,5.7vw,74px);line-height:.98;letter-spacing:-.055em;font-weight:800;max-width:720px}
.hero h1 span{color:inherit}
.hero-lead{max-width:650px;color:#445064;font-size:14px;line-height:1.7;margin:30px 0 34px}
.hero-actions{gap:35px}
.text-link{font-size:12px}
.trust-row{margin-top:42px;color:#536075;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.trust-row span:before{width:5px;height:5px}
.hero-visual{min-height:530px;border-radius:4px;background:#d7d7d7;box-shadow:none}
.hero-visual::after{display:none}
.hero-visual>img{object-position:center}
.proof-strip{background:#fff;color:var(--ink);border-top:1px solid #d6e4f2;border-bottom:1px solid #d6e4f2}
.proof-strip .shell{min-height:92px}
.proof-strip p{border-right:1px solid #d6e4f2;font:600 11px Arial;color:#536075;text-transform:uppercase;letter-spacing:.1em}
.section{padding-block:128px}
.section-heading{max-width:760px;margin-bottom:72px}
.section-heading h2,.about-copy h2,.contact-copy h2{font-family:Arial,"Helvetica Neue",sans-serif;font-size:clamp(40px,4.5vw,62px);line-height:1.02;letter-spacing:-.05em;font-weight:800}
.section-heading>p:last-child{color:#59677a;font-size:14px;line-height:1.6}
.work-grid{grid-template-columns:1.2fr .8fr;gap:0;border-top:1px solid #d6e4f2;border-bottom:1px solid #d6e4f2}
.work-card{min-height:290px;padding:44px 38px;background:#fff;border:0;border-radius:0;border-left:1px solid #d6e4f2}
.work-card-large{min-height:680px;background:#fff;color:var(--ink);border-left:0;border-right:1px solid #d6e4f2}
.work-card .card-number{top:28px;right:30px;color:#8fa2b8;font:700 10px Arial}
.work-card h3{font-family:Arial,"Helvetica Neue",sans-serif;font-size:clamp(27px,3vw,42px);letter-spacing:-.045em}
.work-card ul{color:#647286;font-size:11px}
.tag{font:700 9px Arial;letter-spacing:.17em;color:#55799f}
.work-device{position:relative;height:360px;margin:0;background:linear-gradient(145deg,#eef4fb,#fff);border:1px solid #d6e4f2;border-radius:3px;overflow:hidden;display:grid;grid-template-columns:1fr .8fr;align-items:center}
.work-device img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.work-device figcaption{padding:34px 28px}
.work-device figcaption strong{display:block;color:#101827;font:800 24px/1.12 Arial,"Helvetica Neue",sans-serif;letter-spacing:-.035em}
.work-device figcaption span{display:block;margin-top:14px;color:#647286;font:400 13px/1.5 Arial}
.metric strong{color:#1e6de8}
.work-card.blue{background:#fff;color:var(--ink);border-top:1px solid #d6e4f2}
.work-card.blue .tag,.work-card.blue .card-number{color:#55799f}
.line-art i{background:#1e6de8;border-radius:0}
.dark-section{background:#fff;color:var(--ink);border-top:1px solid #d6e4f2;border-bottom:1px solid #d6e4f2}
.dark-section .eyebrow{color:#55799f}
.steps{gap:0;border-top:1px solid #d6e4f2}
.steps article{border-top:0;border-right:1px solid #d6e4f2;padding:36px 30px 12px}
.steps article:last-child{border-right:0}
.steps span{color:#1e6de8;font:700 10px Arial;letter-spacing:.12em}
.steps h3{font:800 20px/1.25 Arial;margin-top:32px}
.steps p{color:#59677a;font-size:13px}
.pricing-grid{gap:0;border-top:1px solid #d6e4f2;border-bottom:1px solid #d6e4f2}
.price-card{padding:44px 34px;border:0;border-right:1px solid #d6e4f2;border-radius:0}
.price-card:last-child{border-right:0}
.price-card.featured{border:0;border-right:1px solid #d6e4f2;box-shadow:none}
.popular{top:28px;right:25px;transform:none;border-radius:0;padding:5px 8px;font-size:8px}
.price strong{font-family:Arial,"Helvetica Neue",sans-serif;font-size:42px}
.price-card>p:not(.tag){color:#59677a;font-size:13px}
.price-card li{font-size:12px;border-bottom:0;padding:6px 0}
.price-card .button{background:transparent;color:#6e7c8e;border:0;justify-content:flex-start;padding:0;margin-top:20px}
.price-card .button:hover{background:transparent;color:var(--blue)}
.about-section{background:#fff;border-bottom:1px solid #d6e4f2}
.about-grid{grid-template-columns:.58fr 1.42fr;gap:110px}
.about-mark{min-height:410px;border:1px solid #d6e4f2;border-radius:3px;background:linear-gradient(145deg,#fff 0%,#f2f7fd 100%);padding:48px;display:grid;place-items:center;overflow:hidden}
.about-mark img{display:block;width:min(100%,430px);height:auto;object-fit:contain;filter:drop-shadow(0 16px 28px rgba(16,24,39,.12))}
.about-copy p:not(.eyebrow){color:#59677a;font-size:15px}
.about-values span{border-top:1px solid #93bff1;color:#647286;font-size:11px}
.faq-list details{border-color:#d6e4f2;padding:28px 0}
.faq-list summary{font:500 16px Arial}
.faq-list p{font-size:13px}
.contact-section{background:#fff;color:var(--ink);border-top:1px solid #d6e4f2}
.contact-copy .eyebrow{color:#55799f}
.contact-copy>p:not(.eyebrow){color:#59677a;font-size:14px}
.contact-copy>a{color:var(--ink)}
.availability{color:#536075}
.quote-form{padding:0;background:#fff;box-shadow:none;border-radius:0}
.quote-form label{font-size:11px;color:#25344a}
.quote-form input,.quote-form select,.quote-form textarea{border:1px solid #b8c8da;border-radius:3px;font-size:13px;background:#fff}
.quote-form .button{width:auto;min-width:230px}
.form-note{text-align:left}
footer{background:#fff;color:var(--ink);border-top:1px solid #d6e4f2;padding:44px 0}
.footer-grid .brand img{width:148px;height:126px}
.footer-grid p{color:#657386;font-size:10px}
@media(max-width:900px){.shell{width:min(100% - 40px,1180px)}.nav-wrap{height:76px}.brand img{width:102px;height:68px}.nav-links{top:76px;height:calc(100vh - 76px)}.button-small{background:var(--blue);color:#fff;padding:0 18px}.hero{grid-template-columns:1fr;gap:45px}.hero-visual{min-height:480px}.steps{grid-template-columns:1fr 1fr}.steps article:nth-child(2){border-right:0}.steps article:nth-child(n+3){border-top:1px solid #d6e4f2}.pricing-grid{grid-template-columns:1fr}.price-card,.price-card.featured{border-right:0;border-bottom:1px solid #d6e4f2}.price-card:last-child{border-bottom:0}}
@media(max-width:600px){.shell{width:min(100% - 28px,1180px)}.hero{padding-block:58px}.hero h1{font-size:46px}.hero-visual{min-height:430px}.proof-strip p{font-size:9px}.section{padding-block:86px}.work-grid{grid-template-columns:1fr}.work-card,.work-card-large{border:0;border-bottom:1px solid #d6e4f2}.work-card:last-child{border-bottom:0}.work-card-large{min-height:680px}.work-device{height:370px;grid-template-columns:1fr}.work-device img{height:250px;object-position:center 42%}.work-device figcaption{padding:20px 22px}.work-device figcaption strong{font-size:20px}.steps{grid-template-columns:1fr}.steps article{border-right:0;border-top:1px solid #d6e4f2}.steps article:first-child{border-top:0}.about-grid{gap:52px}.footer-grid .brand img{margin:auto}}
@media(max-width:700px){
  .about-section.section{padding-block:64px}
  .about-grid{display:block}
  .about-mark{display:none}
  .about-copy{width:100%;max-width:none}
  .about-copy .eyebrow{margin-bottom:14px}
  .about-copy h2{max-width:100%;margin-bottom:24px;font-size:clamp(32px,9vw,38px);line-height:1.08;letter-spacing:-.045em}
  .about-copy p:not(.eyebrow){margin:0 0 18px;font-size:16px;line-height:1.65}
  .about-copy p:not(.eyebrow)+p:not(.eyebrow){margin-top:4px}
  .about-values{display:grid;grid-template-columns:1fr;gap:10px;margin-top:28px}
  .about-values span{width:100%;padding:15px 16px;border:1px solid #d6e4f2;background:#fff;color:#647286;font-size:14px;line-height:1.45}
  .about-values b{display:block;margin-bottom:2px;color:#101827;font-size:15px}
}