/* mercedlifeinsurance.vip
   White and gray planes, black frame lines, red / yellow / blue only on the edge that moves. */
@font-face{font-family:"Urbanist";src:url(/assets/font-b2utvspu-urbanist-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Urbanist";src:url(/assets/font-b2utvspu-urbanist-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Urbanist";src:url(/assets/font-b2utvspu-urbanist-800.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}
:root{--paper:#F6F6F2;--plane:#E4E4DF;--plane-d:#CFCFC9;--ink:#131313;--ink-2:#3B3B38;--red:#C21F1B;--yellow:#F3C316;--blue:#1B3A9B;--blue-pale:#C9D3F3;
--frame:5px;--thin:2px;--font:"Urbanist","Avenir Next","Century Gothic","Trebuchet MS",system-ui,sans-serif;--measure:40rem;--slide:.45s cubic-bezier(.7,0,.2,1)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:1.125rem;line-height:1.6;font-weight:500}
::selection{background:var(--yellow);color:var(--ink)}
img{display:block;max-width:100%;height:auto}
a{color:var(--blue);text-underline-offset:.2em;text-decoration-thickness:2px}
a:not([class]):hover{color:var(--ink);background:var(--yellow);text-decoration-color:var(--ink)}
:focus-visible{outline:4px solid var(--blue);outline-offset:3px}
h1,h2,h3{font-family:var(--font);font-weight:800;line-height:1.05;margin:0 0 .5em;text-transform:lowercase;letter-spacing:-.025em;text-wrap:balance;color:var(--ink)}
h1{font-size:clamp(2.7rem,6.4vw,5.4rem);letter-spacing:-.035em}
h2{font-size:clamp(2rem,4vw,3.3rem)}
h3{font-size:1.4rem;line-height:1.15}
p{margin:0 0 1em;max-width:var(--measure)}
strong{font-weight:800}
.s6vg6-wrap{width:min(100% - 2.5rem,78rem);margin-inline:auto}
@media (max-width:600px){.s6vg6-wrap{width:min(100% - 2rem,78rem)}}
.s6vg6-skip{position:absolute;left:-999px;top:0;background:var(--yellow);color:var(--ink);padding:.8rem 1.1rem;font-weight:800;z-index:99;border:var(--frame) solid var(--ink)}
.s6vg6-skip:focus{left:1rem;top:1rem}

/* header: one white plane under a black frame line; the call to action is a black plane with a red sliding edge */
.s6vg6-head{position:relative;z-index:20;background:var(--paper);border-bottom:var(--frame) solid var(--ink);backdrop-filter:none}
.s6vg6-nav{display:flex;align-items:stretch;justify-content:space-between;gap:1rem;min-height:72px;flex-wrap:wrap}
.s6vg6-brand{display:inline-flex;align-items:center;gap:.7rem;min-height:56px;font-weight:800;font-size:1.5rem;letter-spacing:-.025em;text-transform:lowercase;color:var(--ink);text-decoration:none;background:none}
.s6vg6-brand img{display:none}
.s6vg6-brand::before{content:"";flex:none;width:26px;height:26px;border:var(--frame) solid var(--ink);background:linear-gradient(var(--red),var(--red)) left bottom/100% 45% no-repeat,var(--paper);transition:background-size var(--slide)}
.s6vg6-brand:hover{background:none;color:var(--ink)}
.s6vg6-brand:hover::before{background-size:100% 100%,auto}
.s6vg6-links{display:flex;align-items:stretch;flex-wrap:wrap;gap:0}
.s6vg6-links a{display:inline-flex;align-items:center;min-height:56px;padding:0 1.1rem;color:var(--ink);text-decoration:none;font-weight:700;font-size:1.0625rem;text-transform:lowercase;background:linear-gradient(var(--yellow),var(--yellow)) left bottom/0 100% no-repeat;transition:background-size var(--slide)}
.s6vg6-links a:not(.s6vg6-cta):hover{background-size:100% 100%;color:var(--ink)}
.s6vg6-links a.s6vg6-cta{align-self:center;margin-left:.8rem;min-height:48px;padding:0 1.4rem 0 1.5rem;background:linear-gradient(var(--red),var(--red)) left top/10px 100% no-repeat,var(--ink);color:#fff!important;font-weight:800;transition:background-size var(--slide)}
.s6vg6-links a.s6vg6-cta:hover{background:linear-gradient(var(--red),var(--red)) left top/100% 100% no-repeat,var(--ink);color:#fff!important}
.s6vg6-menu{display:none;align-self:center;min-width:48px;min-height:48px;justify-content:center;align-items:center;background:var(--paper);border:var(--frame) solid var(--ink);border-radius:0;padding:0;color:var(--ink);cursor:pointer}
.s6vg6-menu[aria-expanded=true]{background:var(--yellow)}
@media (max-width:760px){
.s6vg6-menu{display:inline-flex}
.s6vg6-links{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;border-bottom:var(--frame) solid var(--ink);padding-inline:1rem;background:var(--paper)}
.s6vg6-links[data-open]{display:flex}
.s6vg6-links a{min-height:56px;border-bottom:var(--thin) solid var(--ink)}
.s6vg6-links a.s6vg6-cta{margin:.8rem 0;align-self:stretch;justify-content:flex-start}
}

/* weather: a gray plane ruled top and bottom */
.s6vg6-wx{background:var(--plane);color:var(--ink);border-bottom:var(--frame) solid var(--ink)}
.s6vg6-wx-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.8rem;padding:.8rem 0}
.s6vg6-wx-photo{display:inline-flex;align-items:center;gap:.7rem;min-height:48px;background:none;border:0;padding:0;color:var(--ink);font:inherit;cursor:pointer}
.s6vg6-wx-photo img{width:48px;height:48px;border-radius:0;object-fit:cover;border:var(--thin) solid var(--ink);filter:grayscale(.35)}
.s6vg6-wx-photo span{font-size:1rem;font-weight:800;letter-spacing:0;text-transform:lowercase;border:var(--thin) solid var(--ink);border-radius:0;padding:.55rem .9rem;min-height:44px;display:inline-flex;align-items:center;background:var(--paper);transition:background var(--slide)}
.s6vg6-wx-photo:hover span,.s6vg6-wx-photo[aria-expanded=true] span{background:var(--yellow);border-color:var(--ink);color:var(--ink)}
.s6vg6-wx-now{display:flex;align-items:center;gap:.7rem}
.s6vg6-wx-now strong{font-size:2.1rem;line-height:1;font-weight:800;letter-spacing:-.03em;margin-right:.3rem}
.s6vg6-wx-now span{font-size:1.0625rem}
.s6vg6-wx-now small{display:inline;font-size:1rem;opacity:1;margin-left:.5rem}
.s6vg6-wx-icon{display:inline-flex;color:var(--ink)}
.s6vg6-wx-icon svg{width:30px;height:30px}
.s6vg6-wx-days{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.s6vg6-wx-days li{display:grid;grid-template-columns:auto auto;column-gap:.6rem;align-items:center;background:var(--paper);border:var(--thin) solid var(--ink);border-radius:0;padding:.35rem .7rem;min-width:132px;font-size:1rem}
.s6vg6-wx-day{font-weight:800}
.s6vg6-wx-glyph{color:var(--ink)}.s6vg6-wx-glyph svg{width:24px;height:24px}
.s6vg6-wx-hl strong{font-size:1.0625rem}.s6vg6-wx-hl em{font-style:normal;opacity:1;margin-left:.3rem;color:var(--ink-2)}
.s6vg6-wx-cond{font-size:1rem;opacity:1;max-width:160px}
.s6vg6-wx-source{margin-left:auto;font-size:1rem;opacity:1;color:var(--ink-2)}
.s6vg6-wx-panel{padding:0 0 1rem}.s6vg6-wx-panel img{border:var(--thin) solid var(--ink);border-radius:0;max-width:600px;width:100%;background:var(--paper)}.s6vg6-wx-panel p{font-size:1rem;opacity:1;color:var(--ink-2);margin:.5rem 0 0}
@media (max-width:700px){.s6vg6-wx-source{margin-left:0;width:100%}.s6vg6-wx-days li{min-width:calc(50% - .25rem);flex:1 1 calc(50% - .25rem)}}

/* hero: a wide white plane and a narrow gray plane joined by a black frame line; a red edge on the left plane */
.s6vg6-hero{background:var(--paper);padding:0;border-bottom:var(--frame) solid var(--ink)}
.s6vg6-hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0;width:min(100% - 2.5rem,78rem)}
.s6vg6-hero-main{display:flex;flex-direction:column;border-inline:var(--frame) solid var(--ink);position:relative}
.s6vg6-hero-main::before{content:"";position:absolute;left:0;top:0;bottom:0;width:14px;background:var(--red);transition:width var(--slide)}
.s6vg6-hero-main:hover::before{width:22px}
.s6vg6-hero-text{padding:clamp(1.8rem,4vw,3.4rem) clamp(1.4rem,3.6vw,3.2rem) 1.8rem calc(clamp(1.4rem,3.6vw,3.2rem) + 14px)}
.s6vg6-hero-text h1{max-width:12ch;margin-bottom:.45em}
.s6vg6-lead{font-size:1.3rem;line-height:1.5;font-weight:500;color:var(--ink);max-width:36rem}
.s6vg6-trust{display:grid;gap:0;margin:1.4rem 0 0;padding:0;list-style:none;font-size:1.0625rem;font-weight:700;max-width:36rem;border-top:var(--thin) solid var(--ink)}
.s6vg6-trust li{display:flex;align-items:center;gap:.8rem;min-height:44px;border-bottom:var(--thin) solid var(--ink);padding:.3rem 0}
.s6vg6-trust li::before{content:"";flex:none;width:16px;height:16px;background:linear-gradient(var(--yellow),var(--yellow)) left top/50% 100% no-repeat,var(--paper);border:3px solid var(--ink)}
.s6vg6-acts{display:flex;flex-wrap:wrap;gap:.9rem;margin:1.8rem 0 0;max-width:none}
.s6vg6-hero-foot{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:1.4rem;border-top:var(--frame) solid var(--ink);background:var(--plane);padding:1.2rem clamp(1.4rem,3.6vw,3.2rem) 0 calc(clamp(1.4rem,3.6vw,3.2rem) + 14px)}
.s6vg6-hero-foot svg{flex:none;width:clamp(110px,16vw,168px);height:auto;margin-bottom:-4px}
.s6vg6-hero-cap{padding-bottom:1.2rem;text-align:right}
.s6vg6-hero-cap .s6vg6-eyebrow{margin:0;font-size:1.25rem;color:var(--ink);text-transform:lowercase;letter-spacing:-.01em;font-weight:800}
.s6vg6-hero-cap .s6vg6-eyebrow::after{content:"";display:block;width:100%;min-width:90px;height:8px;margin-top:.5rem;background:linear-gradient(var(--yellow),var(--yellow)) right top/60% 100% no-repeat,var(--paper);border:3px solid var(--ink);box-sizing:content-box;margin-left:auto}
.s6vg6-hero-side{border-right:var(--frame) solid var(--ink);background:var(--plane);display:flex;flex-direction:column}
.s6vg6-eyebrow{margin:0 0 .6rem;font-size:1.0625rem;font-weight:800;color:var(--ink);text-transform:lowercase;letter-spacing:0}
@media (max-width:900px){
.s6vg6-hero-grid{grid-template-columns:minmax(0,1fr)}
.s6vg6-hero-side{border-left:var(--frame) solid var(--ink);border-top:var(--frame) solid var(--ink)}
.s6vg6-hero-text h1{max-width:none}
}

/* mosaic: three photographs as stacked sheets in black frames */
.s6vg6-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;gap:0;flex:1}
.s6vg6-mosaic a{position:relative;display:block;overflow:hidden;background:var(--ink);aspect-ratio:8/5;border-bottom:var(--frame) solid var(--ink);color:#fff;text-decoration:none}
.s6vg6-mosaic a:nth-child(1){grid-column:1/-1;aspect-ratio:auto;min-height:260px}
.s6vg6-mosaic a:nth-child(2){border-right:var(--frame) solid var(--ink)}
.s6vg6-mosaic a:nth-child(3){border-bottom:0}
.s6vg6-mosaic a:nth-child(2),.s6vg6-mosaic a:nth-child(3){aspect-ratio:1/1}
.s6vg6-mosaic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.15) contrast(1.02);transition:transform var(--slide)}
.s6vg6-mosaic a:hover{background:var(--ink);color:#fff}
.s6vg6-mosaic a:hover img{transform:translateX(-4%) scale(1.08)}
.s6vg6-mosaic span{position:absolute;left:0;bottom:0;max-width:86%;padding:.55rem .9rem .55rem 1.1rem;background:var(--paper);color:var(--ink);font-weight:800;font-size:1rem;line-height:1.35;border-top:var(--frame) solid var(--ink);border-right:var(--frame) solid var(--ink);box-shadow:inset 8px 0 0 var(--red);transition:box-shadow var(--slide)}
.s6vg6-mosaic a:nth-child(2) span{box-shadow:inset 8px 0 0 var(--yellow)}
.s6vg6-mosaic a:nth-child(3) span{box-shadow:inset 8px 0 0 var(--blue)}
.s6vg6-mosaic a:hover span{box-shadow:inset 400px 0 0 var(--yellow);color:var(--ink)}
@media (max-width:600px){.s6vg6-mosaic a:nth-child(2),.s6vg6-mosaic a:nth-child(3){aspect-ratio:4/5}.s6vg6-mosaic span{font-size:.95rem;max-width:94%}}

/* divider: the canal drawn flat */
.s6vg6-strip{background:var(--paper);border-bottom:var(--frame) solid var(--ink);overflow:hidden;height:84px}
.s6vg6-strip svg{display:block;width:100%;height:84px}

/* buttons: black or white planes, colour slides in from the left edge */
.s6vg6-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:56px;padding:0 1.6rem;border:var(--frame) solid var(--ink);border-radius:0;font:inherit;font-size:1.125rem;font-weight:800;text-transform:lowercase;cursor:pointer;text-decoration:none;transition:background-size var(--slide),color .2s}
.s6vg6-btn--primary{background:linear-gradient(var(--red),var(--red)) left top/12px 100% no-repeat,var(--ink);color:#fff;padding-left:2rem}
.s6vg6-btn--primary:hover{background:linear-gradient(var(--red),var(--red)) left top/100% 100% no-repeat,var(--ink);color:#fff}
.s6vg6-btn--ghost{background:linear-gradient(var(--yellow),var(--yellow)) left top/0 100% no-repeat,var(--paper);color:var(--ink)}
.s6vg6-btn--ghost:hover{background:linear-gradient(var(--yellow),var(--yellow)) left top/100% 100% no-repeat,var(--paper);color:var(--ink)}
.s6vg6-btn[disabled]{opacity:1;cursor:progress;background:var(--plane-d);color:var(--ink)}

/* rates: heading plane left, ruled schedule right */
.s6vg6-rates{background:var(--paper);border-bottom:var(--frame) solid var(--ink)}
.s6vg6-rates-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:0;border-inline:var(--frame) solid var(--ink);width:min(100% - 2.5rem,78rem)}
.s6vg6-rates-head{padding:clamp(1.6rem,3.6vw,3rem) clamp(1.2rem,3vw,2.4rem);border-right:var(--frame) solid var(--ink);background:var(--plane);position:relative}
.s6vg6-rates-head::after{content:"";position:absolute;right:-5px;top:0;height:34%;width:5px;background:var(--yellow);transition:height var(--slide)}
.s6vg6-rates-head:hover::after{height:100%}
.s6vg6-rates-head p{font-size:1.0625rem}
.s6vg6-rates-head h2{font-size:clamp(1.9rem,3.2vw,2.7rem)}
.s6vg6-rates-body{padding:clamp(1.2rem,3vw,2.4rem);display:flex;align-items:center}
.s6vg6-table-wrap{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}
.s6vg6-table{width:100%;border-collapse:collapse;font-size:1.0625rem;font-variant-numeric:tabular-nums;border-top:var(--frame) solid var(--ink);border-bottom:var(--frame) solid var(--ink)}
.s6vg6-table th,.s6vg6-table td{padding:.8rem .8rem;border-bottom:var(--thin) solid var(--ink);text-align:left;white-space:nowrap}
.s6vg6-table th{font-size:1rem;font-weight:800;text-transform:lowercase;letter-spacing:0;background:var(--plane);border-bottom:var(--frame) solid var(--ink)}
.s6vg6-table td:first-child{font-weight:800}
.s6vg6-table tbody tr{background:linear-gradient(var(--yellow),var(--yellow)) left top/0 100% no-repeat;transition:background-size var(--slide)}
.s6vg6-table tbody tr:hover{background-size:100% 100%}
.s6vg6-table tbody tr:last-child td{border-bottom:0}
@media (max-width:900px){
.s6vg6-rates-grid{grid-template-columns:minmax(0,1fr)}
.s6vg6-rates-head{border-right:0;border-bottom:var(--frame) solid var(--ink)}
.s6vg6-rates-head::after{right:auto;left:0;top:auto;bottom:-5px;height:5px;width:34%;transition:width var(--slide)}
.s6vg6-rates-head:hover::after{width:100%;height:5px}
}

/* how: three planes side by side, each with its own edge colour that slides across when the plane is touched */
.s6vg6-how{background:var(--paper);padding:clamp(2.4rem,5vw,4.4rem) 0 0;border-bottom:var(--frame) solid var(--ink)}
.s6vg6-how-head{padding-bottom:1.6rem}
.s6vg6-how-head h2{max-width:16ch}
.s6vg6-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:var(--frame) solid var(--ink);border-bottom:0;margin-bottom:0}
.s6vg6-card{--edge:var(--red);position:relative;display:block;background:var(--paper);color:var(--ink);padding:1.6rem 1.5rem 1.8rem 2.1rem;text-decoration:none;border:0;border-radius:0;overflow:hidden;isolation:isolate}
.s6vg6-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:12px;background:var(--edge);z-index:2;transition:width var(--slide)}
.s6vg6-card::after{content:"";position:absolute;inset:0;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform var(--slide);z-index:0}
.s6vg6-card>*{position:relative;z-index:1}
.s6vg6-card:hover::after,.s6vg6-card:focus-within::after{transform:scaleX(1)}
.s6vg6-card:hover::before,.s6vg6-card:focus-within::before{width:20px}
.s6vg6-card p{font-size:1.0625rem;max-width:none}
.s6vg6-steps .s6vg6-card{border-right:var(--frame) solid var(--ink)}
.s6vg6-steps .s6vg6-card:last-child{border-right:0}
.s6vg6-steps .s6vg6-card:nth-child(2){--edge:var(--yellow)}
.s6vg6-steps .s6vg6-card:nth-child(3){--edge:var(--blue)}
.s6vg6-steps .s6vg6-card:nth-child(2)::before{border-right:3px solid var(--ink)}
.s6vg6-num{display:inline-grid;place-items:center;width:3rem;height:3rem;background:var(--ink);color:#fff;font-weight:800;font-size:1.5rem;margin-bottom:1rem;border-radius:0}
@media (max-width:900px){
.s6vg6-steps{grid-template-columns:minmax(0,1fr)}
.s6vg6-steps .s6vg6-card{border-right:0;border-bottom:var(--frame) solid var(--ink)}
}

/* quote engine: one gray plane, rectangles only */
.s6vg6-panel{background:var(--plane);padding:clamp(2rem,5vw,4rem) 0;border-bottom:var(--frame) solid var(--ink)}
.s6vg6-quote{background:var(--paper);border:var(--frame) solid var(--ink);border-radius:0;padding:clamp(1.3rem,3vw,2.4rem) clamp(1.3rem,3vw,2.4rem) clamp(1.3rem,3vw,2.4rem) calc(clamp(1.3rem,3vw,2.4rem) + 14px);box-shadow:inset 14px 0 0 var(--blue);position:relative}
.s6vg6-quote h2{font-size:clamp(1.8rem,3.2vw,2.6rem)}
.s6vg6-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 1.4rem}
@media (max-width:620px){.s6vg6-fields{grid-template-columns:1fr}}
.s6vg6-field{display:flex;flex-direction:column;gap:.4rem;min-width:0}
.s6vg6-field>span{font-size:1.0625rem;font-weight:800;text-transform:lowercase}
.s6vg6-field input,.s6vg6-field select,.s6vg6-field textarea{font:inherit;font-weight:500;min-height:52px;padding:.7rem .8rem;border:3px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink);width:100%}
.s6vg6-field textarea{min-height:140px}
.s6vg6-field input:focus,.s6vg6-field select:focus,.s6vg6-field textarea:focus{outline:4px solid var(--yellow);outline-offset:0;border-color:var(--ink);box-shadow:inset 8px 0 0 var(--blue)}
.s6vg6-field--wide{grid-column:1/-1}
.s6vg6-seg{display:flex;flex-wrap:wrap;gap:0;border:3px solid var(--ink);width:fit-content;max-width:100%}
.s6vg6-seg label{position:relative;display:inline-flex;align-items:center;min-height:52px;padding:0;cursor:pointer;font-size:1.0625rem;border:0;border-radius:0;border-right:3px solid var(--ink);background:var(--paper);margin:0}
.s6vg6-seg label:last-child{border-right:0}
.s6vg6-seg input{position:absolute;opacity:0;width:0;height:0}
.s6vg6-seg label>span{display:inline-flex;align-items:center;min-height:52px;padding:0 1.15rem;font-weight:700;border-radius:0;margin:0;transition:background-color var(--slide)}
.s6vg6-seg label:hover input:not(:checked)+span{background-color:var(--yellow)}
.s6vg6-seg input:checked+span{background:linear-gradient(var(--red),var(--red)) left top/10px 100% no-repeat,var(--ink);color:#fff;padding-left:1.5rem;margin:0;border-radius:0;display:inline-flex;font-weight:800}
.s6vg6-seg label:has(input:checked){background:var(--ink);color:#fff;border-color:var(--ink);border-right-color:var(--ink)}
.s6vg6-seg label:last-child:has(input:checked){border-right:0}
.s6vg6-seg input:focus-visible+span{outline:4px solid var(--blue);outline-offset:-4px}
.s6vg6-note{font-size:1rem;color:var(--ink-2);margin-top:1rem;max-width:none}
.s6vg6-status{margin-top:1rem;font-weight:800;min-height:1.5em;font-size:1.0625rem}
.s6vg6-status[data-tone=error]{color:#9A1511}
.s6vg6-results{margin-top:1.8rem}
.s6vg6-summary{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;align-items:baseline;margin-bottom:1.2rem;font-size:1.0625rem;padding-bottom:.8rem;border-bottom:var(--frame) solid var(--ink)}
.s6vg6-result{display:grid;grid-template-columns:1fr auto;gap:.6rem 1.4rem;align-items:center;border:3px solid var(--ink);border-radius:0;padding:1rem 1.2rem 1rem 1.6rem;margin-bottom:.8rem;background:linear-gradient(var(--plane-d),var(--plane-d)) left top/10px 100% no-repeat,var(--paper);transition:background-size var(--slide)}
.s6vg6-result:hover{background:linear-gradient(var(--yellow),var(--yellow)) left top/100% 100% no-repeat,var(--paper)}
.s6vg6-result--best{border-width:var(--frame);background:linear-gradient(var(--red),var(--red)) left top/14px 100% no-repeat,var(--paper);box-shadow:none}
.s6vg6-result--best:hover{background:linear-gradient(var(--yellow),var(--yellow)) left top/100% 100% no-repeat,var(--paper)}
.s6vg6-result strong{font-size:1.15rem}
.s6vg6-result small{display:block;color:var(--ink-2);font-size:1rem;font-weight:500}
.s6vg6-price{font-size:2rem;font-weight:800;text-align:right;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.s6vg6-price small{display:block;font-size:1rem;font-weight:700;text-align:right;margin-top:.3rem;letter-spacing:0}
.s6vg6-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}
.s6vg6-tag{font-size:.9375rem;font-weight:800;padding:.2rem .6rem;border-radius:0;background:var(--plane);border:var(--thin) solid var(--ink);color:var(--ink)}
.s6vg6-tag--now{background:var(--yellow);color:var(--ink);border-color:var(--ink);font-weight:800}
.s6vg6-group{font-size:1.5rem;margin:1.8rem 0 .6rem}
.s6vg6-applicant{margin:.4rem 0 1.2rem;border:var(--frame) solid var(--ink);padding:1.2rem;background:var(--plane)}
.s6vg6-result .s6vg6-btn{grid-column:1/-1;justify-self:start}
@media (min-width:640px){.s6vg6-result{grid-template-columns:1fr auto auto}.s6vg6-result .s6vg6-btn{grid-column:auto}}
.s6vg6-disclosure{font-size:1rem;color:var(--ink-2);border-top:var(--thin) solid var(--ink);padding-top:1rem;margin-top:1.2rem;max-width:none}
details.s6vg6-more{margin-top:.6rem;font-size:1rem}
details.s6vg6-more summary{cursor:pointer;color:var(--blue);font-weight:800;min-height:44px;display:flex;align-items:center}
.s6vg6-noexam{background:var(--paper);border:var(--frame) solid var(--ink);border-radius:0;padding:1.2rem 1.2rem .4rem 1.8rem;margin:0 0 1.6rem;box-shadow:inset 14px 0 0 var(--yellow)}
.s6vg6-group--noexam{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:0;font-size:1.5rem}
.s6vg6-noexam-badge{display:inline-block;background:var(--ink);color:#fff;font-size:.95rem;letter-spacing:0;text-transform:lowercase;padding:.3rem .7rem;border-radius:0}
.s6vg6-noexam-note{margin-bottom:.9rem;color:var(--ink);max-width:none}
.s6vg6-result--noexam{border-color:var(--ink);background:linear-gradient(var(--yellow),var(--yellow)) left top/10px 100% no-repeat,var(--paper)}
.s6vg6-tag--noexam{background:var(--ink);color:#fff;border-color:var(--ink)}
.s6vg6-tag--usually{background:var(--yellow);color:var(--ink);border-color:var(--ink)}
.s6vg6-noexam-note+.s6vg6-noexam-note{margin-top:1rem;padding-top:.9rem;border-top:var(--thin) solid var(--ink)}

/* why: a gray plane with the heading left and the text right, a yellow edge */
.s6vg6-why{background:var(--plane);border-bottom:var(--frame) solid var(--ink);padding:0}
.s6vg6-why-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:0;border-inline:var(--frame) solid var(--ink);width:min(100% - 2.5rem,78rem);background:var(--paper)}
.s6vg6-why-head{padding:clamp(1.8rem,4vw,3.4rem) clamp(1.2rem,3vw,2.4rem);background:var(--yellow);color:var(--ink);border-right:var(--frame) solid var(--ink)}
.s6vg6-why-head h2{margin:0}
.s6vg6-why-head .s6vg6-eyebrow{color:var(--ink)!important;font-size:1.125rem;margin-bottom:.8rem}
.s6vg6-why-body{padding:clamp(1.8rem,4vw,3.4rem) clamp(1.4rem,3.6vw,3.2rem)}
.s6vg6-why-text p{font-size:1.1875rem;line-height:1.65;max-width:42rem}
.s6vg6-hl{margin-top:1.4rem;padding:1rem 0 0;border-top:var(--frame) solid var(--ink)}
.s6vg6-hl p{font-size:1.0625rem;max-width:none;margin:0}
@media (max-width:900px){
.s6vg6-why-grid{grid-template-columns:minmax(0,1fr)}
.s6vg6-why-head{border-right:0;border-bottom:var(--frame) solid var(--ink)}
}
.s6vg6-section{padding:clamp(2.4rem,5vw,4rem) 0}
.s6vg6-section--soft{background:var(--plane);border-bottom:var(--frame) solid var(--ink)}
.s6vg6-section--deep{background:var(--ink);color:#fff}
.s6vg6-section--deep h2,.s6vg6-section--deep h3,.s6vg6-section--deep p{color:#fff}
.s6vg6-section--deep a{color:var(--yellow)}
.s6vg6-section--deep a:hover{color:var(--ink);background:var(--yellow)}

/* learn: four planes, alternating wide and narrow */
.s6vg6-learn{background:var(--paper);padding:clamp(2.4rem,5vw,4.4rem) 0 clamp(2.4rem,5vw,4.4rem)}
.s6vg6-learn-head h2{max-width:18ch}
.s6vg6-learn-list{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));border:var(--frame) solid var(--ink);margin-top:1.4rem}
.s6vg6-learn-list .s6vg6-card{grid-column:span 6;min-height:11rem;border-bottom:var(--frame) solid var(--ink)}
.s6vg6-learn-list .s6vg6-card:nth-child(1){grid-column:span 7;border-right:var(--frame) solid var(--ink);--edge:var(--red)}
.s6vg6-learn-list .s6vg6-card:nth-child(2){grid-column:span 5;--edge:var(--yellow)}
.s6vg6-learn-list .s6vg6-card:nth-child(3){grid-column:span 5;border-right:var(--frame) solid var(--ink);border-bottom:0;--edge:var(--blue)}
.s6vg6-learn-list .s6vg6-card:nth-child(4){grid-column:span 7;border-bottom:0;--edge:var(--red)}
.s6vg6-learn-list .s6vg6-card h3{font-size:1.6rem}
@media (max-width:760px){
.s6vg6-learn-list{display:block}
.s6vg6-learn-list .s6vg6-card{display:block;border-right:0!important;border-bottom:var(--frame) solid var(--ink)!important;min-height:0}
.s6vg6-learn-list .s6vg6-card:last-child{border-bottom:0!important}
}
.s6vg6-cols{display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));border:var(--frame) solid var(--ink)}
.s6vg6-cols .s6vg6-card{border-right:var(--thin) solid var(--ink)}

/* inner pages */
.s6vg6-section>.s6vg6-wrap>.s6vg6-eyebrow{display:inline-block;padding:.2rem 0 .2rem .8rem;border-left:12px solid var(--red);margin-bottom:1rem;font-size:1.125rem}
.s6vg6-section h1{max-width:16ch}
.s6vg6-article{max-width:46rem;margin-inline:auto}
.s6vg6-article h1{max-width:none}
.s6vg6-article h2{margin-top:1.8em;font-size:clamp(1.7rem,3vw,2.3rem)}
.s6vg6-article p,.s6vg6-article li{font-size:1.125rem;line-height:1.7}
.s6vg6-article figure{margin:0 0 1.6rem}
.s6vg6-article figcaption{font-size:1rem;color:var(--ink-2);margin-top:.5rem}
.s6vg6-article img{border:var(--frame) solid var(--ink);border-radius:0}
.s6vg6-card.s6vg6-calc{background:var(--plane);padding:1.4rem 1.5rem 1.6rem 2.1rem;color:var(--ink);margin:1.4rem 0;border:var(--frame) solid var(--ink);overflow:hidden;--edge:var(--yellow)}
.s6vg6-card.s6vg6-calc::after{display:none}
.s6vg6-calc output{font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800;display:block;margin-top:.8rem;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.s6vg6-lead{margin-bottom:1.2em}
.s6vg6-sources{font-size:1rem;border-top:var(--frame) solid var(--ink);padding-top:1rem;margin-top:2.4rem}.s6vg6-sources ol{padding-left:1.4rem}
.s6vg6-faq details{border-bottom:var(--thin) solid var(--ink);padding:0;background:linear-gradient(var(--yellow),var(--yellow)) left top/0 100% no-repeat;transition:background-size var(--slide)}
.s6vg6-faq details:hover{background-size:10px 100%}
.s6vg6-faq details[open]{background-size:10px 100%;background-image:linear-gradient(var(--red),var(--red))}
.s6vg6-faq summary{cursor:pointer;font-weight:800;font-size:1.25rem;min-height:56px;display:flex;align-items:center;padding:.7rem 0 .7rem 1.3rem;text-transform:lowercase;letter-spacing:-.01em}
.s6vg6-faq details>*:not(summary){padding-left:1.3rem}
.s6vg6-apply-shell{background:var(--paper);border:var(--frame) solid var(--ink);border-radius:0;padding:1rem;min-height:600px;box-shadow:inset 14px 0 0 var(--blue);padding-left:calc(1rem + 14px)}
.s6vg6-apply-shell iframe{width:100%;border:0}

/* footer: a black plane, yellow headings */
.s6vg6-foot{background:var(--ink);color:#fff;border-top:0;padding:clamp(2rem,4vw,3.2rem) 0;font-size:1.0625rem}
.s6vg6-foot-grid{display:grid;gap:2rem;grid-template-columns:2fr 1fr 1fr}
@media (max-width:700px){.s6vg6-foot-grid{grid-template-columns:minmax(0,1fr)}}
.s6vg6-foot a{color:#fff;text-decoration-color:var(--yellow)}
.s6vg6-foot a:hover{color:var(--ink);background:var(--yellow)}
.s6vg6-foot nav a{display:flex;align-items:center;min-height:44px;margin:0}
.s6vg6-foot nav strong{display:block;color:var(--yellow);text-transform:lowercase;font-size:1.25rem;margin-bottom:.4rem;padding-bottom:.4rem;border-bottom:3px solid var(--yellow)}
.s6vg6-foot .s6vg6-brand{color:#fff;font-size:1.6rem}
.s6vg6-foot .s6vg6-brand::before{border-color:#fff;background:linear-gradient(var(--red),var(--red)) left bottom/100% 45% no-repeat,var(--ink)}
.s6vg6-foot .s6vg6-brand:hover{color:var(--ink);background:var(--yellow)}
.s6vg6-foot p{max-width:34rem}
.s6vg6-foot [data-copy=legal]{font-size:.9375rem!important;line-height:1.6;color:#E4E4DF;max-width:62rem;border-top:var(--thin) solid #fff;padding-top:1.2rem}

[data-reveal]{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}