/* Variant A: Classic refined */
.va{font-size:18.5px;line-height:1.58}
.va h1,.va h2{letter-spacing:-.015em}
.va h1{font-weight:600;font-size:clamp(2.3rem,4.4vw,3.4rem)}
.va h2{font-weight:600;margin-top:0}
.va section{padding:54px 0}
.va header.site .wrap{height:64px}
.va .hero .wrap{min-height:470px}
.va .hero .in{max-width:580px}
.va .hero .sub{font-size:1.28rem;line-height:1.5;margin-bottom:1.5em}
.va .eyebrow{color:var(--cta)}
/* banner: light, framed */
.va section.banner3{background:#fff;border:0;padding:0}
.va .banner3 .wrap{padding-top:34px;padding-bottom:30px}
.va .banner3 .b3grid>div{background:#fff;border:2px solid var(--cta);border-radius:10px;min-height:96px;padding:18px 24px;box-shadow:0 4px 14px rgba(16,133,228,.10)}
.va .banner3 b{color:var(--navy);font-family:var(--serif);font-weight:600;font-size:1.3rem;max-width:19ch;text-wrap:balance}
.va .trust{padding:22px 0}
/* main message */
.va .mainmsg{padding:62px 0}
.va .two-col{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:center}
.va .mainmsg h2{font-size:clamp(1.8rem,3vw,2.5rem)}
.va .mainmsg .lead{font-size:1.15rem;margin-bottom:1.4em}
.va .panel{background:var(--soft);border:1px solid var(--line);border-left:5px solid var(--cta);border-radius:12px;padding:26px 28px}
.va .panel h3{font-family:var(--sans);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cta);margin-bottom:.8em}
.proof{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-family:var(--sans)}
.proof li{position:relative;padding-left:30px;font-weight:600;color:var(--navy);font-size:.98rem;line-height:1.4}
.proof li:before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:var(--cta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.va .card{border-radius:12px;padding:26px;box-shadow:0 1px 2px rgba(11,22,38,.04)}
.va .card p{font-size:1.06rem}.va table.cmp td,.va table.spec td{font-size:1.05rem}.va .card .ico{background:var(--cta);color:#fff;border-radius:50%}
.va table.cmp{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.va table.cmp thead th{background:var(--soft);padding:14px}
.va table.cmp thead th:last-child,.va table.cmp td:last-child{background:#F1F8FF;color:var(--navy)}
.va table.cmp thead th:last-child{color:var(--cta)}
.va table.cmp td:first-child{width:22%}
.va .cta{padding:56px 0}
@media(max-width:900px){.va .two-col{grid-template-columns:1fr;gap:28px}.va .banner3 .b3grid>div{min-height:72px}.va .hero .wrap{min-height:0}.va table.cmp{display:block;overflow-x:auto}}

@media(max-width:800px){.banner3 .b3grid{grid-template-columns:1fr!important}.banner3 .b3grid>div{min-height:0!important;padding:16px 20px!important}}

.hero .tagline{color:#8FC2FF;font-size:.85rem;margin-bottom:.9rem}.cta .tagline{color:#CFE3FF;font-size:.85rem}
.tagline{text-transform:none!important;letter-spacing:.02em!important;font-size:1.05rem!important}

.foot-tag{color:#8FC2FF;font-weight:600;font-size:1rem;margin:10px 0 12px;font-family:var(--sans)}

@media(min-width:801px){.va .banner3 .wrap{padding-top:18px;padding-bottom:16px}.va .banner3 .b3grid{gap:16px}.va .banner3 .b3grid>div{min-height:0;padding:9px 16px;border-width:1.5px;border-radius:8px;box-shadow:none}.va .banner3 b{font-size:1.02rem;line-height:1.25}}
@media(min-width:801px){.va .banner3 .b3grid>div{padding:12px 16px}.va .banner3 b{font-size:1.12rem}}

/* banner option */
.bnr{background:#fff;padding:22px 0 20px}.bnr .row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bnr .bx{display:flex;align-items:center;gap:14px;padding:12px 18px;border-radius:999px;background:linear-gradient(180deg,#F3F8FF,#E8F1FF);border:1px solid #CFE0FA}
.bnr .ic{flex:0 0 46px;height:46px;border-radius:50%;background:var(--cta);color:#fff;display:grid;place-items:center;box-shadow:0 4px 12px rgba(16,133,228,.30)}.bnr .ic svg{width:24px;height:24px}
.bnr b{font-family:var(--sans);color:var(--navy);font-size:1rem;line-height:1.3;font-weight:700}@media(max-width:800px){.bnr .row{grid-template-columns:1fr!important}.bnr{margin-top:0!important}.bnr .bx{border-left:0!important}}
.va section.bnr{padding:14px 0 14px!important}.va .bnr .bx{justify-content:center;padding:8px 14px}.va .bnr .ic{flex-basis:40px;height:40px}.va .bnr .ic svg{width:21px;height:21px}

/* Homepage specifications teaser: five rows, two fading rows, link to the full table on the product page */
.va .spec-teaser{margin:20px 0 0}
.va .spec-teaser table.spec{margin:0;table-layout:fixed}
.va .spec-teaser table.spec-top{border-bottom:0}
.va .spec-fade{position:relative;max-height:150px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.6) 22%,transparent 90%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.6) 22%,transparent 90%)}
.va .spec-fade table.spec{border-top:0}
.va .spec-all{margin:4px 0 0;text-align:center}
.va .spec-all .btn{padding:12px 26px}
@media(max-width:600px){.va .spec-fade{max-height:190px}.va .spec-all .btn{display:block;text-align:center}}