/* stocktonlifeinsurance.vip — world: brand-identity-canon-fletcher-wit-poster
   Grounded in the Stockton Asparagus Festival poster: Delta spears bundled like a family, cut paper, crayon overshoot.
   White poster ground; cobalt, leaf green and poppy red; marker headlines, obedient typeset credits. */
@font-face{font-family:"Gochi Hand";src:url(/assets/font-3r3tbunc-gochi-hand-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Libre Franklin";src:url(/assets/font-3r3tbunc-libre-franklin-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Libre Franklin";src:url(/assets/font-3r3tbunc-libre-franklin-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root{--paper:#FFFFFF;--sheet:#FFFFFF;--ink:#162044;--ink-soft:#3A4468;--cobalt:#1B45C4;--cobalt-deep:#12308F;--cobalt-pale:#D6E0FA;--cobalt-light:#C3D2FF;
--green:#3F9A32;--green-deep:#1F6B1C;--green-pale:#DCEFD0;--poppy:#C92A18;--poppy-deep:#A32010;--poppy-pale:#FBE0DA;--rule:#B8BDD0;--alert:#A32010;
--display:"Gochi Hand","Segoe Print","Bradley Hand",cursive;--body:"Libre Franklin","Helvetica Neue",Arial,sans-serif;--measure:40rem;
--scrawl-red:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M2 7C28 2 58 11 96 6S164 3 198 8' fill='none' stroke='%23C92A18' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
--scrawl-green:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M2 6C34 10 62 2 100 7S166 9 198 4' fill='none' stroke='%233F9A32' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
--scrawl-blue:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M2 8C30 3 64 10 98 5S166 4 198 7' fill='none' stroke='%231B45C4' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
--ring:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 70' preserveAspectRatio='none'%3E%3Cpath d='M30 10C70 0 160 2 196 18C222 34 170 62 90 60C26 58-2 42 10 24C22 8 70 4 120 6' fill='none' stroke='%23C92A18' stroke-width='4' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
*{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(--body);font-size:1.0625rem;line-height:1.65;font-weight:400}
::selection{background:var(--cobalt);color:#fff}
img{display:block;max-width:100%;height:auto}
a{color:var(--cobalt-deep);text-underline-offset:.2em;text-decoration-thickness:1.5px}
a:not(.syqhb-cta):not(.syqhb-btn):not(.syqhb-skip):hover{color:var(--poppy-deep);text-decoration-thickness:3px}
:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px;border-radius:2px}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.1;margin:0 0 .5em;text-wrap:balance;letter-spacing:0;color:var(--ink)}
h1{font-size:clamp(2.7rem,6.4vw,5rem);line-height:1.02}
h2{font-size:clamp(2.1rem,4.4vw,3.4rem)}
h3{font-size:1.75rem;line-height:1.15}
p{margin:0 0 1em;max-width:var(--measure)}
strong{font-weight:700}
.syqhb-wrap{width:min(100% - 2.5rem,76rem);margin-inline:auto}
@media (max-width:600px){.syqhb-wrap{width:min(100% - 2rem,76rem)}}
.syqhb-skip{position:absolute;left:-999px;top:0;background:var(--cobalt);color:#fff;padding:.75rem 1rem;z-index:99}
.syqhb-skip:focus{left:1rem;top:1rem}

/* header: a crayon line under the masthead */
.syqhb-head{position:relative;z-index:20;padding:.9rem 0 1.1rem;background:var(--paper) var(--scrawl-blue) left bottom/100% 10px no-repeat;border:0}
.syqhb-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.2rem 2rem;min-height:0}
.syqhb-brand{display:inline-flex;align-items:center;min-height:44px;font-family:var(--display);font-size:1.9rem;line-height:1;color:var(--ink);text-decoration:none;transform:rotate(-1.2deg)}
.syqhb-brand img{display:none}
.syqhb-brand:hover{color:var(--cobalt)}
.syqhb-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 1.5rem}
.syqhb-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:none;font-weight:700;font-size:1.0625rem;background:var(--scrawl-green) left calc(50% + .9rem)/0 8px no-repeat;transition:background-size .25s ease}
.syqhb-links a:not(.syqhb-cta):hover{background-size:100% 8px;color:var(--ink)}
.syqhb-cta{background:var(--poppy)!important;color:#fff!important;padding:0 1.4rem;margin-left:.3rem;transform:rotate(-1.6deg);clip-path:polygon(1% 10%,99% 0,100% 92%,2% 100%);transition:transform .2s ease,background-color .2s ease}
.syqhb-links a.syqhb-cta:hover{background:var(--poppy-deep)!important;color:#fff!important;transform:rotate(1.2deg)}
.syqhb-links a.syqhb-cta:active{transform:rotate(-3.5deg) scale(.97)}
.syqhb-menu{display:none}

/* weather: a cobalt strip of cut paper, ragged along the bottom */
.syqhb-wx{background:var(--cobalt);color:#fff;padding:0 .5rem 1.1rem;clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 14px))}
.syqhb-wx-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 2rem;padding:.8rem 0 .3rem}
.syqhb-wx-photo{display:inline-flex;align-items:center;gap:.7rem;min-height:44px;background:none;border:0;padding:0;color:#fff;font:inherit;cursor:pointer}
.syqhb-wx-photo img{width:44px;height:44px;border:3px solid #fff;border-radius:2px;object-fit:cover;transform:rotate(-4deg)}
.syqhb-wx-photo span{background:#fff;color:var(--cobalt-deep);border:0;border-radius:2px;padding:.2rem .8rem;font-size:1.0625rem;font-weight:700;letter-spacing:0;text-transform:none;transform:rotate(2deg);transition:transform .2s ease}
.syqhb-wx-photo:hover span,.syqhb-wx-photo[aria-expanded=true] span{background:var(--poppy);color:#fff;transform:rotate(-2deg)}
.syqhb-wx-now{display:flex;align-items:center;gap:.6rem}
.syqhb-wx-now strong{font-family:var(--display);font-weight:400;font-size:2.4rem;line-height:1;margin-right:.4rem;color:#fff}
.syqhb-wx-now span{font-size:1.0625rem}
.syqhb-wx-now small{display:inline;font-size:1.0625rem;opacity:1;margin-left:.5rem}
.syqhb-wx-icon{display:inline-flex;color:#fff}
.syqhb-wx-icon svg{width:30px;height:30px}
.syqhb-wx-days{display:flex;flex-wrap:wrap;gap:.5rem 1rem;list-style:none;margin:0;padding:0}
.syqhb-wx-days li{display:flex;align-items:center;flex-wrap:wrap;gap:0 .5rem;background:#fff;color:var(--ink);border:0;border-radius:2px;padding:.3rem .7rem;min-width:0;font-size:1.0625rem}
.syqhb-wx-days li:nth-child(odd){transform:rotate(-1.4deg)}.syqhb-wx-days li:nth-child(even){transform:rotate(1.2deg)}
.syqhb-wx-day{font-weight:700}
.syqhb-wx-glyph{display:inline-flex;color:var(--cobalt)}.syqhb-wx-glyph svg{width:22px;height:22px}
.syqhb-wx-hl strong{font-weight:700;font-size:1.0625rem}.syqhb-wx-hl em{font-style:normal;margin-left:.3rem;opacity:1;color:var(--ink-soft)}
.syqhb-wx-cond{max-width:none;white-space:normal;opacity:1;font-size:1.0625rem;overflow:visible;text-overflow:clip}
.syqhb-wx-source{margin-left:auto;font-size:1rem;opacity:1}
.syqhb-wx-panel{padding:0 0 1rem}.syqhb-wx-panel img{border:4px solid #fff;border-radius:2px;max-width:600px;width:100%;background:var(--cobalt-deep)}.syqhb-wx-panel p{font-size:1rem;color:#fff;opacity:1;margin:.5rem 0 0}
@media (max-width:700px){.syqhb-wx-source{margin-left:0;width:100%}.syqhb-wx-days{flex-direction:column;align-items:flex-start;gap:.5rem}.syqhb-wx-now strong{font-size:2.1rem}}

/* hero: marker headline, one pun image owns the sheet */
.syqhb-hero{position:relative;padding:clamp(2rem,4vw,3.5rem) 0 clamp(2rem,5vw,4rem);background:none}
.syqhb-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:1rem clamp(1.5rem,4vw,4rem);align-items:center}
.syqhb-hero h1{margin:0;max-width:11em;transform:rotate(-1.2deg);transform-origin:left center}
.syqhb-lead{font-size:1.25rem;line-height:1.6;max-width:33rem;margin:1.5rem 0 0;color:var(--ink)}
.syqhb-actions{margin:1.8rem 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.8rem;max-width:none}
.syqhb-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1.4rem;margin:2rem 0 0;padding:0;list-style:none;font-size:1.0625rem;max-width:36rem}
.syqhb-trust li{display:flex;align-items:flex-start;gap:.7rem;color:var(--ink);font-weight:700;line-height:1.35}
.syqhb-trust li::before{content:"";flex:none;width:.85rem;height:.85rem;margin-top:.3rem;background:var(--green);transform:rotate(9deg);clip-path:polygon(0 8%,92% 0,100% 94%,6% 100%)}
.syqhb-trust li:nth-child(2)::before{background:var(--cobalt);transform:rotate(-7deg)}
.syqhb-trust li:nth-child(3)::before{background:var(--poppy);transform:rotate(14deg)}
.syqhb-trust li:nth-child(4)::before{background:var(--green-deep);transform:rotate(-12deg)}
.syqhb-hero-art{justify-self:center;width:min(100%,33rem)}
.syqhb-bundle{display:block;width:100%;height:auto;transform:rotate(1.5deg)}
.syqhb-eyebrow{margin:0 0 .6rem;font-family:var(--body);font-size:1.0625rem;font-weight:700;letter-spacing:0;text-transform:none;color:var(--ink-soft);max-width:none}
.syqhb-hero-art .syqhb-eyebrow{margin:.6rem 0 0;text-align:center}
@media (max-width:900px){.syqhb-hero-grid{grid-template-columns:minmax(0,1fr)}.syqhb-hero-art{width:min(100%,26rem);justify-self:start}}
@media (max-width:600px){.syqhb-trust{grid-template-columns:minmax(0,1fr)}.syqhb-hero h1{font-size:clamp(2.4rem,11vw,3rem)}}

/* controls: cut shapes set a little askew; press nudges the tilt */
.syqhb-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:52px;padding:0 1.8rem;border:0;border-radius:0;background:var(--poppy);color:#fff;font:inherit;font-weight:700;font-size:1.125rem;text-decoration:none;cursor:pointer;transform:rotate(-1.4deg);clip-path:polygon(1% 8%,99% 0,100% 94%,0 100%);transition:transform .2s ease,background-color .2s ease}
.syqhb-btn span{display:inline-block;transition:transform .25s ease}
.syqhb-btn:hover span{transform:translateX(4px)}
.syqhb-btn--primary{background:var(--poppy);color:#fff}
.syqhb-btn--primary:hover{background:var(--poppy-deep);color:#fff;transform:rotate(1deg);filter:none}
.syqhb-btn--primary:active{transform:rotate(-3deg) scale(.97)}
.syqhb-btn--ghost{background:var(--cobalt-pale);color:var(--ink);padding:0 1.5rem;min-height:48px;font-weight:700;transform:rotate(1.3deg);clip-path:polygon(0 4%,98% 0,100% 100%,2% 96%)}
.syqhb-btn--ghost:hover{background:var(--cobalt-light);color:var(--ink);transform:rotate(-1deg)}
.syqhb-btn--ghost:active{transform:rotate(3deg) scale(.97)}
.syqhb-btn[disabled]{opacity:.6;cursor:progress}
.syqhb-btn--primary[disabled]:hover{transform:rotate(-1.4deg)}
a.syqhb-btn:focus-visible,.syqhb-cta:focus-visible{clip-path:none}

/* mosaic: three photos cut out and pinned, each over its own colour block */
.syqhb-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 2.2rem;align-items:start;margin-top:clamp(2.5rem,5vw,4rem)}
.syqhb-mosaic a{position:relative;display:block;background:#fff;padding:10px 10px 0;border-radius:0;overflow:visible;aspect-ratio:auto;color:var(--ink);text-decoration:none;box-shadow:9px 9px 0 var(--cobalt)}
.syqhb-mosaic a:first-child{grid-column:auto;aspect-ratio:auto;transform:rotate(-2deg)}
.syqhb-mosaic a:nth-child(2){transform:rotate(1.4deg) translateY(1.4rem);box-shadow:9px 9px 0 var(--green)}
.syqhb-mosaic a:nth-child(3){transform:rotate(-1deg);box-shadow:9px 9px 0 var(--poppy)}
.syqhb-mosaic img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;clip-path:polygon(0 2%,100% 0,99% 97%,1% 100%)}
.syqhb-mosaic a:hover img{transform:none}
.syqhb-mosaic span{position:static;display:block;padding:.7rem .3rem .9rem;background:none;color:var(--ink);font-weight:700;font-size:1.0625rem;line-height:1.35}
.syqhb-mosaic a:hover span{color:var(--poppy-deep);text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:2px}
.syqhb-mosaic a:hover{transform:rotate(0deg)}
@media (max-width:800px){.syqhb-mosaic{grid-template-columns:minmax(0,1fr);gap:1.8rem;max-width:26rem}.syqhb-mosaic a:nth-child(2){transform:rotate(1.2deg)}}

/* sections: every one leads with its own pun, the caption only confirms it */
.syqhb-section,.syqhb-sec{padding:clamp(3rem,7vw,5.5rem) 0 0;position:relative;background:none;color:var(--ink)}
.syqhb-section--soft{background:none}
.syqhb-section--deep{background:none;color:var(--ink)}
.syqhb-sec h2:not(.syqhb-nope)::after,.syqhb-split h2::after{content:"";display:block;width:6.5rem;height:10px;margin-top:.45rem;background:var(--scrawl-red) left center/100% 100% no-repeat}
.syqhb-sec .syqhb-eyebrow{margin:.9rem 0 0}
.syqhb-split{display:grid;grid-template-columns:minmax(0,17rem) minmax(0,1fr);gap:1.5rem clamp(2rem,6vw,5.5rem);align-items:start}
.syqhb-pun{margin:0}
.syqhb-pun svg{display:block;width:100%;height:auto}
.syqhb-pun .syqhb-eyebrow{margin:.7rem 0 0;text-align:center}
.syqhb-pun--bars svg{transform:rotate(-2deg)}
.syqhb-pun--umb svg{transform:rotate(2deg)}
.syqhb-pun--tag svg{transform:rotate(-5deg);max-width:13rem;margin-inline:auto}
.syqhb-pun--wide{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem 1.5rem;margin-bottom:.8rem}
.syqhb-pun--wide svg{flex:none;width:min(100%,24rem);transform:rotate(-1.5deg)}
.syqhb-pun--wide .syqhb-eyebrow{margin:0 0 1.2rem;text-align:left}
.syqhb-cols{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.syqhb-card{background:var(--sheet);border:2px solid var(--ink);border-radius:0;padding:1.3rem}
@media (max-width:900px){.syqhb-split{grid-template-columns:minmax(0,1fr)}.syqhb-pun{max-width:14rem}.syqhb-pun--tag{display:none}}

/* three steps: a cut-paper sticker each, the number scrawled in red */
.syqhb-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4rem clamp(1.5rem,3vw,2.6rem);margin-top:clamp(2rem,4vw,3rem);align-items:start}
.syqhb-steps>.syqhb-card{position:relative;padding:9.2rem 1.4rem 1.4rem}
.syqhb-steps>.syqhb-card::before{content:"";position:absolute;left:1.2rem;top:1.1rem;width:7.4rem;height:7.4rem;background-repeat:no-repeat;background-position:center;background-size:contain}
.syqhb-steps>.syqhb-card:nth-child(1){transform:rotate(-1.2deg);box-shadow:8px 8px 0 var(--cobalt)}
.syqhb-steps>.syqhb-card:nth-child(2){transform:rotate(.8deg) translateY(1.2rem);box-shadow:8px 8px 0 var(--green)}
.syqhb-steps>.syqhb-card:nth-child(3){transform:rotate(-.6deg);box-shadow:8px 8px 0 var(--poppy)}
.syqhb-steps>.syqhb-card:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20200%20200%22%20width%3D%22200%22%20height%3D%22200%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20points%3D%22181.6%2C100.0%20176.4%2C124.8%20163.5%2C146.2%20148.3%2C166.4%20125.9%2C179.8%20100.0%2C184.1%2073.7%2C181.0%2050.3%2C168.5%2036.2%2C146.4%2023.3%2C124.9%2016.1%2C100.0%2022.7%2C74.9%2031.2%2C50.0%2053.0%2C35.2%2074.4%2C21.2%20100.0%2C19.2%20125.4%2C21.8%20146.9%2C35.5%20163.8%2C53.7%20180.0%2C74.0%22%20fill%3D%22%231B45C4%22%2F%3E%3Cpolygon%20points%3D%22114.0%2C190.4%20114.6%2C164.5%20114.7%2C131.9%20116.6%2C99.4%20115.3%2C86.4%20116.1%2C78.5%20113.2%2C72.0%20112.2%2C66.7%20108.3%2C62.7%20104.0%2C60.0%2098.9%2C62.4%2097.6%2C66.3%2092.8%2C71.4%2091.4%2C77.8%2089.7%2C85.6%2089.3%2C98.6%2088.9%2C131.1%2086.2%2C163.6%2086.0%2C189.6%22%20fill%3D%22%233F9A32%22%2F%3E%3Cpolygon%20points%3D%22108.4%2C190.3%20109.2%2C164.3%20110.0%2C131.8%20110.9%2C99.2%20111.1%2C86.2%20110.6%2C78.4%20109.5%2C71.9%20108.2%2C66.6%20105.0%2C66.5%20105.2%2C71.7%20105.3%2C78.3%20105.3%2C86.1%20104.9%2C99.1%20104.0%2C131.6%20103.0%2C164.1%20102.2%2C190.1%22%20fill%3D%22%238CCB6A%22%20opacity%3D%22.55%22%2F%3E%3Cpolygon%20points%3D%22116.4%2C86.4%20115.3%2C78.6%20113.4%2C72.0%20111.1%2C66.7%20108.1%2C62.7%20104.0%2C60.0%2099.7%2C62.5%2096.5%2C66.3%2093.8%2C71.4%2091.5%2C77.8%2090.0%2C85.6%22%20fill%3D%22%232B7A25%22%2F%3E%3Cpolyline%20points%3D%22115.0%2C82.5%20103.5%2C75.9%2091.6%2C81.7%22%20fill%3D%22none%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.8%22%2F%3E%3Cpolyline%20points%3D%22113.4%2C74.6%20103.7%2C68.1%2093.7%2C74.0%22%20fill%3D%22none%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.8%22%2F%3E%3Cpolyline%20points%3D%22112.0%2C68.1%20103.9%2C61.6%2095.5%2C67.5%22%20fill%3D%22none%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.8%22%2F%3E%3Cline%20x1%3D%2282.7%22%20y1%3D%22199.5%22%20x2%3D%2287.6%22%20y2%3D%2295.9%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%224.5%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.55%22%2F%3E%3Cline%20x1%3D%22116.7%22%20y1%3D%22200.5%22%20x2%3D%22118.2%22%20y2%3D%2296.9%22%20stroke%3D%22%23237022%22%20stroke-width%3D%224.5%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.55%22%2F%3E%3Cline%20x1%3D%2240.0%22%20y1%3D%22194.0%22%20x2%3D%2262.0%22%20y2%3D%22190.0%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.6%22%2F%3E%3Cline%20x1%3D%2266.0%22%20y1%3D%22194.0%22%20x2%3D%2288.0%22%20y2%3D%22190.0%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.6%22%2F%3E%3Cline%20x1%3D%2292.0%22%20y1%3D%22194.0%22%20x2%3D%22114.0%22%20y2%3D%22190.0%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.6%22%2F%3E%3Cline%20x1%3D%22118.0%22%20y1%3D%22194.0%22%20x2%3D%22140.0%22%20y2%3D%22190.0%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.6%22%2F%3E%3Cline%20x1%3D%22144.0%22%20y1%3D%22194.0%22%20x2%3D%22166.0%22%20y2%3D%22190.0%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.6%22%2F%3E%3Cline%20x1%3D%22170.0%22%20y1%3D%22194.0%22%20x2%3D%22192.0%22%20y2%3D%22190.0%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.6%22%2F%3E%3C%2Fsvg%3E")}
.syqhb-steps>.syqhb-card:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20200%20200%22%20width%3D%22200%22%20height%3D%22200%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20points%3D%2224.0%2C26.0%20178.0%2C18.0%20184.0%2C176.0%2018.0%2C184.0%22%20fill%3D%22%23DCEFD0%22%2F%3E%3Cpolygon%20points%3D%2282.9%2C184.3%2079.1%2C162.6%2075.8%2C135.8%2071.8%2C108.7%2071.9%2C98.2%2068.1%2C91.7%2067.3%2C86.6%2063.3%2C82.7%2061.2%2C79.7%2056.0%2C78.0%2051.3%2C80.7%2050.1%2C84.4%2047.6%2C89.0%2045.9%2C94.4%2045.6%2C101.2%2046.9%2C112.0%2050.0%2C139.0%2055.2%2C166.1%2057.1%2C187.7%22%20fill%3D%22%23237022%22%2F%3E%3Cpolygon%20points%3D%2277.7%2C185.0%2074.9%2C163.4%2071.3%2C136.4%2067.6%2C109.4%2066.1%2C98.7%2064.5%2C92.3%2062.7%2C87.0%2060.7%2C82.9%2057.8%2C83.3%2058.7%2C87.5%2059.7%2C92.9%2060.7%2C99.3%2062.2%2C110.1%2065.7%2C137.1%2069.3%2C164.1%2072.1%2C185.7%22%20fill%3D%22%233F9A32%22%20opacity%3D%22.55%22%2F%3E%3Cpolygon%20points%3D%2270.9%2C98.0%2068.9%2C91.7%2066.3%2C86.6%2063.4%2C82.5%2060.1%2C79.7%2056.0%2C78.0%2052.4%2C80.7%2050.0%2C84.3%2048.2%2C88.9%2047.0%2C94.5%2046.7%2C101.2%22%20fill%3D%22%232B7A25%22%2F%3E%3Cpolyline%20points%3D%2269.1%2C95.0%2057.6%2C90.7%2047.6%2C97.8%22%20fill%3D%22none%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.8%22%2F%3E%3Cpolyline%20points%3D%2266.6%2C88.7%2056.8%2C84.2%2048.5%2C91.1%22%20fill%3D%22none%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.8%22%2F%3E%3Cpolyline%20points%3D%2264.5%2C83.5%2056.1%2C78.8%2049.2%2C85.5%22%20fill%3D%22none%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.8%22%2F%3E%3Cline%20x1%3D%2255.4%22%20y1%3D%22198.0%22%20x2%3D%2245.6%22%20y2%3D%22110.1%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%224.5%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.55%22%2F%3E%3Cline%20x1%3D%2287.2%22%20y1%3D%22193.9%22%20x2%3D%2274.2%22%20y2%3D%22106.4%22%20stroke%3D%22%23237022%22%20stroke-width%3D%224.5%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.55%22%2F%3E%3Cpolygon%20points%3D%22118.0%2C186.4%20118.7%2C157.2%20120.5%2C120.7%20119.1%2C84.2%20120.3%2C69.5%20119.4%2C60.7%20118.0%2C53.4%20115.1%2C47.5%20111.2%2C43.0%20108.0%2C40.0%20104.9%2C42.8%2099.7%2C47.1%2097.5%2C52.8%2096.4%2C60.1%2094.4%2C68.8%2093.5%2C83.5%2091.1%2C119.9%2090.4%2C156.4%2090.0%2C185.6%22%20fill%3D%22%233F9A32%22%2F%3E%3Cpolygon%20points%3D%22112.4%2C186.2%20113.2%2C157.0%20114.0%2C120.5%20114.9%2C84.0%20115.1%2C69.4%20114.6%2C60.6%20113.5%2C53.3%20112.2%2C47.4%20109.0%2C47.3%20109.2%2C53.2%20109.3%2C60.5%20109.3%2C69.3%20108.9%2C83.9%20108.0%2C120.4%20107.0%2C156.9%20106.2%2C186.1%22%20fill%3D%22%238CCB6A%22%20opacity%3D%22.55%22%2F%3E%3Cpolygon%20points%3D%22120.4%2C69.6%20119.3%2C60.8%20117.4%2C53.4%20115.1%2C47.5%20112.1%2C43.0%20108.0%2C40.0%20103.7%2C42.8%20100.5%2C47.1%2097.8%2C52.9%2095.5%2C60.1%2094.0%2C68.8%22%20fill%3D%22%232B7A25%22%2F%3E%3Cpolyline%20points%3D%22119.0%2C65.1%20107.5%2C58.7%2095.6%2C64.5%22%20fill%3D%22none%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.8%22%2F%3E%3Cpolyline%20points%3D%22117.4%2C56.3%20107.7%2C49.9%2097.7%2C55.8%22%20fill%3D%22none%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.8%22%2F%3E%3Cpolyline%20points%3D%22116.0%2C49.0%20107.9%2C42.6%2099.5%2C48.5%22%20fill%3D%22none%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.8%22%2F%3E%3Cline%20x1%3D%2286.7%22%20y1%3D%22195.5%22%20x2%3D%2291.6%22%20y2%3D%2280.5%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%224.5%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.55%22%2F%3E%3Cline%20x1%3D%22120.7%22%20y1%3D%22196.5%22%20x2%3D%22122.2%22%20y2%3D%2281.3%22%20stroke%3D%22%23237022%22%20stroke-width%3D%224.5%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.55%22%2F%3E%3Cpolygon%20points%3D%22150.9%2C187.5%20153.1%2C167.2%20155.4%2C141.7%20157.9%2C116.1%20160.5%2C105.8%20158.5%2C99.6%20157.0%2C94.3%20155.4%2C90.0%20153.8%2C86.6%20150.0%2C84.0%20145.4%2C85.6%20142.9%2C88.4%20139.6%2C92.2%20137.1%2C96.8%20136.6%2C103.0%20134.8%2C113.3%20130.0%2C138.5%20128.1%2C164.2%20125.1%2C184.5%22%20fill%3D%22%2355AD3E%22%2F%3E%3Cpolygon%20points%3D%22145.7%2C186.9%20148.1%2C166.5%20151.0%2C141.0%20153.8%2C115.5%20154.9%2C105.3%20154.9%2C99.1%20154.3%2C93.8%20153.4%2C89.6%20150.5%2C89.2%20150.4%2C93.4%20150.1%2C98.5%20149.5%2C104.6%20148.4%2C114.8%20145.4%2C140.3%20142.5%2C165.8%20140.1%2C186.2%22%20fill%3D%22%238CCB6A%22%20opacity%3D%22.55%22%2F%3E%3Cpolygon%20points%3D%22159.7%2C105.8%20159.3%2C99.6%20158.0%2C94.2%20156.1%2C89.9%20153.6%2C86.5%20150.0%2C84.0%20145.9%2C85.6%20142.7%2C88.3%20139.9%2C92.1%20137.3%2C97.0%20135.5%2C103.0%22%20fill%3D%22%232B7A25%22%2F%3E%3Cpolyline%20points%3D%22158.7%2C102.6%20148.6%2C95.7%20137.2%2C100.1%22%20fill%3D%22none%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.8%22%2F%3E%3Cpolyline%20points%3D%22157.7%2C96.3%20149.3%2C89.5%20139.6%2C94.2%22%20fill%3D%22none%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.8%22%2F%3E%3Cpolyline%20points%3D%22156.9%2C91.0%20149.9%2C84.4%20141.6%2C89.2%22%20fill%3D%22none%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.8%22%2F%3E%3Cline%20x1%3D%22120.9%22%20y1%3D%22194.1%22%20x2%3D%22132.3%22%20y2%3D%22110.9%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%224.5%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.55%22%2F%3E%3Cline%20x1%3D%22152.7%22%20y1%3D%22197.8%22%20x2%3D%22160.9%22%20y2%3D%22114.2%22%20stroke%3D%22%23237022%22%20stroke-width%3D%224.5%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.55%22%2F%3E%3Cline%20x1%3D%22168.0%22%20y1%3D%2220.0%22%20x2%3D%22188.0%22%20y2%3D%2212.0%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%225%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.6%22%2F%3E%3Cline%20x1%3D%22171.0%22%20y1%3D%2250.0%22%20x2%3D%22188.0%22%20y2%3D%2244.0%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%225%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.6%22%2F%3E%3Cline%20x1%3D%22174.0%22%20y1%3D%2280.0%22%20x2%3D%22188.0%22%20y2%3D%2276.0%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%225%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.6%22%2F%3E%3Cline%20x1%3D%22177.0%22%20y1%3D%22110.0%22%20x2%3D%22188.0%22%20y2%3D%22108.0%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%225%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.6%22%2F%3E%3Cline%20x1%3D%22180.0%22%20y1%3D%22140.0%22%20x2%3D%22188.0%22%20y2%3D%22140.0%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%225%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.6%22%2F%3E%3C%2Fsvg%3E")}
.syqhb-steps>.syqhb-card:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20200%20200%22%20width%3D%22200%22%20height%3D%22200%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20points%3D%22183.2%2C100.0%20177.8%2C128.3%20162.5%2C152.4%20142.2%2C173.0%20114.6%2C183.0%2085.9%2C180.0%2057.1%2C174.4%2034.6%2C154.9%2019.9%2C129.2%2014.9%2C100.0%2019.6%2C70.7%2039.0%2C48.9%2059.4%2C29.6%2086.1%2C21.4%20113.8%2C22.0%20139.2%2C32.1%20160.8%2C48.9%20176.1%2C72.3%22%20fill%3D%22%23F08A78%22%2F%3E%3Cpolygon%20points%3D%2284.0%2C189.0%2081.2%2C161.4%2077.3%2C126.8%2074.9%2C92.5%2073.8%2C78.6%2071.5%2C70.5%2068.6%2C63.7%2067.4%2C58.3%2064.8%2C54.4%2060.0%2C52.0%2056.2%2C55.0%2053.9%2C59.5%2052.2%2C65.1%2050.5%2C72.2%2050.2%2C80.6%2051.7%2C94.4%2055.1%2C129.0%2057.9%2C163.4%2060.0%2C191.0%22%20fill%3D%22%23237022%22%2F%3E%3Cpolygon%20points%3D%2279.2%2C189.4%2076.8%2C161.8%2073.6%2C127.3%2070.5%2C92.8%2069.1%2C79.0%2067.8%2C70.8%2066.1%2C64.0%2064.3%2C58.6%2061.6%2C58.8%2062.4%2C64.3%2063.3%2C71.2%2064.2%2C79.4%2065.4%2C93.2%2068.5%2C127.7%2071.5%2C162.2%2073.9%2C189.8%22%20fill%3D%22%233F9A32%22%20opacity%3D%22.55%22%2F%3E%3Cpolygon%20points%3D%2273.6%2C78.6%2071.8%2C70.4%2069.4%2C63.7%2066.8%2C58.4%2063.8%2C54.4%2060.0%2C52.0%2056.7%2C55.1%2054.4%2C59.4%2052.7%2C65.1%2051.5%2C72.2%2051.2%2C80.6%22%20fill%3D%22%232B7A25%22%2F%3E%3Cpolyline%20points%3D%2272.0%2C74.6%2061.6%2C70.2%2052.1%2C76.3%22%20fill%3D%22none%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.8%22%2F%3E%3Cpolyline%20points%3D%2269.7%2C66.5%2060.9%2C61.9%2052.9%2C67.9%22%20fill%3D%22none%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.8%22%2F%3E%3Cpolyline%20points%3D%2267.8%2C59.7%2060.3%2C55.0%2053.6%2C60.9%22%20fill%3D%22none%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.8%22%2F%3E%3Cline%20x1%3D%2257.9%22%20y1%3D%22201.3%22%20x2%3D%2249.9%22%20y2%3D%2291.8%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%224.5%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.55%22%2F%3E%3Cline%20x1%3D%2287.8%22%20y1%3D%22198.7%22%20x2%3D%2276.8%22%20y2%3D%2289.5%22%20stroke%3D%22%23237022%22%20stroke-width%3D%224.5%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.55%22%2F%3E%3Cpolygon%20points%3D%22113.0%2C190.0%20112.7%2C158.4%20113.9%2C118.9%20111.7%2C79.4%20112.9%2C63.6%20111.2%2C54.1%20109.8%2C46.2%20106.1%2C39.9%20104.4%2C35.2%20100.0%2C32.0%2095.8%2C35.2%2092.9%2C39.9%2090.5%2C46.2%2089.3%2C54.1%2088.1%2C63.6%2087.5%2C79.4%2086.2%2C118.9%2088.2%2C158.4%2087.0%2C190.0%22%20fill%3D%22%233F9A32%22%2F%3E%3Cpolygon%20points%3D%22107.8%2C190.0%20107.8%2C158.4%20107.6%2C118.9%20107.5%2C79.4%20107.3%2C63.6%20106.6%2C54.1%20105.5%2C46.2%20104.1%2C39.9%20101.1%2C39.9%20101.5%2C46.2%20101.8%2C54.1%20102.0%2C63.6%20102.0%2C79.4%20102.0%2C118.9%20102.1%2C158.4%20102.1%2C190.0%22%20fill%3D%22%238CCB6A%22%20opacity%3D%22.55%22%2F%3E%3Cpolygon%20points%3D%22112.2%2C63.6%20111.0%2C54.1%20109.1%2C46.2%20106.8%2C39.9%20103.9%2C35.2%20100.0%2C32.0%2096.1%2C35.2%2093.2%2C39.9%2090.9%2C46.2%2089.0%2C54.1%2087.8%2C63.6%22%20fill%3D%22%232B7A25%22%2F%3E%3Cpolyline%20points%3D%22110.8%2C58.9%20100.0%2C53.1%2089.2%2C58.9%22%20fill%3D%22none%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.8%22%2F%3E%3Cpolyline%20points%3D%22109.1%2C49.4%20100.0%2C43.7%2090.9%2C49.4%22%20fill%3D%22none%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.8%22%2F%3E%3Cpolyline%20points%3D%22107.7%2C41.5%20100.0%2C35.8%2092.3%2C41.5%22%20fill%3D%22none%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.8%22%2F%3E%3Cline%20x1%3D%2284.0%22%20y1%3D%22200.0%22%20x2%3D%2285.6%22%20y2%3D%2276.2%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%224.5%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.55%22%2F%3E%3Cline%20x1%3D%22116.0%22%20y1%3D%22200.0%22%20x2%3D%22114.4%22%20y2%3D%2276.2%22%20stroke%3D%22%23237022%22%20stroke-width%3D%224.5%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.55%22%2F%3E%3Cpolygon%20points%3D%22139.9%2C191.3%20142.6%2C164.9%20146.0%2C131.9%20150.0%2C98.7%20149.2%2C85.5%20150.5%2C77.5%20149.4%2C70.7%20146.9%2C65.2%20146.3%2C60.9%20142.0%2C58.0%20137.2%2C60.2%20135.8%2C64.0%20131.4%2C69.0%20130.4%2C75.3%20126.8%2C83.2%20125.4%2C96.3%20121.8%2C129.4%20118.3%2C162.3%20116.1%2C188.7%22%20fill%3D%22%2355AD3E%22%2F%3E%3Cpolygon%20points%3D%22135.2%2C190.8%20138.0%2C164.4%20141.3%2C131.3%20144.7%2C98.3%20145.9%2C85.1%20146.1%2C77.1%20145.8%2C70.4%20145.0%2C65.0%20142.3%2C64.7%20142.1%2C70.0%20141.7%2C76.7%20141.0%2C84.6%20139.6%2C97.8%20136.2%2C130.8%20132.7%2C163.8%20129.9%2C190.2%22%20fill%3D%22%238CCB6A%22%20opacity%3D%22.55%22%2F%3E%3Cpolygon%20points%3D%22150.4%2C85.6%20150.2%2C77.6%20149.1%2C70.8%20147.5%2C65.3%20145.3%2C61.0%20142.0%2C58.0%20138.1%2C60.3%20135.1%2C63.9%20132.4%2C69.0%20129.9%2C75.4%20128.0%2C83.2%22%20fill%3D%22%232B7A25%22%2F%3E%3Cpolyline%20points%3D%22149.6%2C81.5%20140.2%2C75.2%20129.7%2C79.4%22%20fill%3D%22none%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.8%22%2F%3E%3Cpolyline%20points%3D%22148.8%2C73.4%20141.0%2C67.3%20132.1%2C71.6%22%20fill%3D%22none%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.8%22%2F%3E%3Cpolyline%20points%3D%22148.2%2C66.7%20141.7%2C60.7%20134.1%2C65.2%22%20fill%3D%22none%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.8%22%2F%3E%3Cline%20x1%3D%22112.0%22%20y1%3D%22198.4%22%20x2%3D%22124.7%22%20y2%3D%2293.5%22%20stroke%3D%22%238CCB6A%22%20stroke-width%3D%224.5%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.55%22%2F%3E%3Cline%20x1%3D%22141.9%22%20y1%3D%22201.5%22%20x2%3D%22151.5%22%20y2%3D%2296.4%22%20stroke%3D%22%23237022%22%20stroke-width%3D%224.5%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.55%22%2F%3E%3Cpolygon%20points%3D%2246.0%2C128.0%20156.0%2C118.0%20158.0%2C148.0%2048.0%2C158.0%22%20fill%3D%22%23D3301C%22%2F%3E%3Cpolygon%20points%3D%22100.0%2C134.0%2074.0%2C112.0%2068.0%2C150.0%22%20fill%3D%22%23D3301C%22%2F%3E%3Cpolygon%20points%3D%22100.0%2C134.0%20128.0%2C108.0%20134.0%2C148.0%22%20fill%3D%22%23D3301C%22%2F%3E%3Cpolygon%20points%3D%22111.0%2C136.0%20107.9%2C142.9%20101.0%2C145.0%2093.7%2C143.3%2092.6%2C136.0%2093.7%2C128.7%20101.0%2C126.6%20106.9%2C130.1%22%20fill%3D%22%23A92212%22%2F%3E%3C%2Fsvg%3E")}
.syqhb-steps .syqhb-num{position:absolute;right:1.3rem;top:.9rem;display:block;width:auto;height:auto;background:none;border-radius:0;margin:0;font-family:var(--display);font-weight:400;font-size:4.6rem;line-height:1;color:var(--poppy)}
.syqhb-steps h3{margin:0 0 .6rem}
.syqhb-steps p{margin:0}
.syqhb-num{display:inline-block;font-family:var(--display);font-weight:400;color:var(--poppy)}
@media (max-width:1000px){.syqhb-steps{grid-template-columns:minmax(0,1fr);max-width:34rem;gap:2.2rem}.syqhb-steps>.syqhb-card:nth-child(2){transform:rotate(.8deg)}}
@media (max-width:600px){.syqhb-steps>.syqhb-card{padding:8.4rem 1.2rem 1.3rem}.syqhb-steps>.syqhb-card::before{width:6.6rem;height:6.6rem}.syqhb-steps .syqhb-num{font-size:3.8rem}}

/* learn: four paper slips, pencil on top */
.syqhb-learn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.2rem clamp(1.6rem,4vw,3rem);margin-top:clamp(2rem,4vw,3rem)}
.syqhb-learn>a.syqhb-card,.syqhb-learn-list>a.syqhb-card{display:block;padding:1.3rem 1.5rem 1.4rem;color:var(--ink);text-decoration:none;box-shadow:7px 7px 0 var(--green);transition:transform .2s ease}
.syqhb-learn>a.syqhb-card:nth-child(1),.syqhb-learn-list>a.syqhb-card:nth-child(1){transform:rotate(-.9deg)}
.syqhb-learn>a.syqhb-card:nth-child(2),.syqhb-learn-list>a.syqhb-card:nth-child(2){transform:rotate(.7deg);box-shadow:7px 7px 0 var(--cobalt)}
.syqhb-learn>a.syqhb-card:nth-child(3),.syqhb-learn-list>a.syqhb-card:nth-child(3){transform:rotate(.6deg);box-shadow:7px 7px 0 var(--poppy)}
.syqhb-learn>a.syqhb-card:nth-child(4),.syqhb-learn-list>a.syqhb-card:nth-child(4){transform:rotate(-.7deg)}
.syqhb-learn-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.2rem clamp(1.6rem,4vw,3rem);margin-top:clamp(2rem,4vw,3rem)}
.syqhb-learn>a.syqhb-card h3,.syqhb-learn-list>a.syqhb-card h3{margin:0 0 .4rem;color:var(--ink)}
.syqhb-learn>a.syqhb-card p,.syqhb-learn-list>a.syqhb-card p{margin:0;color:var(--ink-soft)}
.syqhb-learn>a.syqhb-card:hover,.syqhb-learn-list>a.syqhb-card:hover{transform:rotate(0)}
.syqhb-learn>a.syqhb-card:hover h3,.syqhb-learn-list>a.syqhb-card:hover h3{color:var(--poppy-deep);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.15em}
.syqhb-learn>a.syqhb-card:active,.syqhb-learn-list>a.syqhb-card:active{transform:rotate(1.6deg) scale(.99)}
@media (max-width:700px){.syqhb-learn,.syqhb-learn-list{grid-template-columns:minmax(0,1fr)}}
.syqhb-why{display:block}
.syqhb-why-text{max-width:42rem}
.syqhb-why-text p{max-width:40rem}
.syqhb-hl{margin-top:1.6rem;padding:1rem .75rem .5rem;background:var(--scrawl-green) left top/100% 8px no-repeat}
.syqhb-hl p{margin:0;max-width:40rem}
.syqhb-why-links{margin-top:1.6rem;padding-top:1rem;background:var(--scrawl-green) left top/100% 8px no-repeat}
.syqhb-why-links p{margin:0}
.syqhb-rates-note p{max-width:40rem;margin:1rem 0 0}
.syqhb-section--last{padding-bottom:0}

/* quote form: a white sheet with a green block behind it */
.syqhb-sheet{min-width:0}
.syqhb-quote{margin:0;padding:clamp(1.3rem,3vw,2.2rem);background:var(--sheet);border:2px solid var(--ink);border-radius:0;box-shadow:10px 10px 0 var(--green)}
.syqhb-quote h2{font-size:clamp(2rem,3.6vw,2.8rem)}
.syqhb-wrap>.syqhb-quote,.syqhb-wrap>form.syqhb-quote{margin-top:2.2rem}
.syqhb-sheet .syqhb-quote[data-quote-form]{margin-top:0}
form.syqhb-quote:not([data-quote-form]){max-width:46rem}
.syqhb-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.7rem 2rem}
@media (max-width:600px){.syqhb-fields{grid-template-columns:1fr;gap:1.5rem}}
.syqhb-field{display:flex;flex-direction:column;gap:.4rem;min-width:0}
.syqhb-field--wide{grid-column:1/-1}
.syqhb-field>span{font-weight:700;font-size:1.0625rem;color:var(--ink)}
.syqhb-field input:not([type=radio]),.syqhb-field select,.syqhb-field textarea{font:inherit;color:var(--ink);background:#F3F6FD;border:2px solid var(--ink);border-radius:2px;min-height:48px;padding:.5rem .75rem;width:100%;appearance:none;-webkit-appearance:none}
.syqhb-field textarea{min-height:9rem;resize:vertical}
.syqhb-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M1 1l7 7 7-7' fill='none' stroke='%23C92A18' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;padding-right:2.4rem}
.syqhb-field input:focus,.syqhb-field select:focus,.syqhb-field textarea:focus{outline:3px solid var(--cobalt);outline-offset:2px;border-color:var(--cobalt-deep)}
.syqhb-seg{display:flex;flex-wrap:wrap;gap:.9rem 1.2rem}
.syqhb-seg label{position:relative;display:inline-flex;border:0;border-radius:0;padding:0;background:none;cursor:pointer;font-size:1.0625rem}
.syqhb-seg input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.syqhb-seg label span{position:relative;display:inline-flex;align-items:center;min-height:46px;padding:0 1.1rem;margin:0;color:var(--ink);font-weight:700;background:var(--green-pale);border:2px solid var(--ink);border-radius:0;transform:rotate(-1deg);transition:transform .2s ease,background-color .2s ease}
.syqhb-seg label:nth-child(even) span{transform:rotate(1deg)}
.syqhb-seg label:hover span{background:var(--cobalt-pale)}
.syqhb-seg label:active span{transform:rotate(-3deg)}
.syqhb-seg input:checked+span{background:var(--cobalt);color:#fff;border-color:var(--cobalt-deep);margin:0;padding:0 1.1rem;border-radius:0;transform:rotate(0)}
.syqhb-seg input:checked+span::after{content:"";position:absolute;inset:-8px -10px;background:var(--ring) center/100% 100% no-repeat;pointer-events:none}
.syqhb-seg label:has(input:checked){background:none;border:0}
.syqhb-seg input:focus-visible+span{outline:3px solid var(--cobalt);outline-offset:4px}
.syqhb-note{margin:.9rem 0 0;font-size:1.0625rem;color:var(--ink-soft);max-width:36rem}
.syqhb-quote[data-quote-form]>.syqhb-btn{margin-top:1.3rem}
.syqhb-status{margin-top:.8rem;min-height:1.5em;font-weight:700}
.syqhb-status[data-tone=error]{color:var(--alert)}
.syqhb-results{margin-top:2.4rem}

/* results */
.syqhb-summary{display:flex;flex-wrap:wrap;gap:.3rem 1.6rem;align-items:baseline;margin-bottom:1.2rem;font-size:1.0625rem;padding-bottom:.8rem;background:var(--scrawl-blue) left bottom/100% 8px no-repeat}
.syqhb-result{display:grid;grid-template-columns:1fr auto;gap:.6rem 1.4rem;align-items:center;border:2px solid var(--ink);border-radius:0;padding:1.1rem 1.2rem 1.2rem;margin:0 .6rem 1.1rem 0;background:var(--sheet);box-shadow:6px 6px 0 var(--cobalt-pale)}
.syqhb-result--best{border-color:var(--poppy-deep);box-shadow:6px 6px 0 var(--poppy-pale)}
.syqhb-result strong{font-family:var(--display);font-size:1.5rem;font-weight:400;line-height:1.15}
.syqhb-result small{display:block;color:var(--ink-soft);font-size:1rem}
.syqhb-price{font-family:var(--display);font-size:2.3rem;font-weight:400;text-align:right;line-height:1;color:var(--ink)}
.syqhb-price small{display:block;font-family:var(--body);font-size:1rem;font-weight:700;text-align:right;margin-top:.3rem;color:var(--ink-soft)}
.syqhb-tags{display:flex;flex-wrap:wrap;gap:.4rem .5rem;margin-top:.5rem}
.syqhb-tag{font-size:1rem;font-weight:700;padding:0 .6rem;line-height:1.6;border-radius:0;background:var(--cobalt-pale);border:0;color:var(--ink);transform:rotate(-1deg)}
.syqhb-tag--now{background:var(--poppy);color:#fff;border:0;font-weight:700}
.syqhb-group{font-size:2rem;margin:2.2rem 0 .6rem}
.syqhb-result .syqhb-btn{grid-column:1/-1;justify-self:start}
@media (min-width:640px){.syqhb-result{grid-template-columns:1fr auto auto}.syqhb-result .syqhb-btn{grid-column:auto}}
.syqhb-applicant{margin:1rem 0 1.5rem;padding:.9rem 1.2rem;border:2px solid var(--ink);background:var(--green-pale);max-width:none}
.syqhb-applicant h3{font-size:1.75rem}
.syqhb-disclosure{font-size:1rem;color:var(--ink-soft);border-top:2px dashed var(--rule);padding-top:.9rem;margin-top:1.5rem;max-width:none}
details.syqhb-more{margin-top:.5rem;font-size:1.0625rem}details.syqhb-more summary{cursor:pointer;color:var(--cobalt-deep);font-weight:700;min-height:44px;display:flex;align-items:center}
.syqhb-noexam{background:var(--green-pale);border:2px solid var(--ink);border-radius:0;box-shadow:6px 6px 0 var(--green);padding:1rem 1.2rem .5rem;margin:0 .6rem 2rem 0}
.syqhb-group--noexam{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:0;font-size:2rem}
.syqhb-noexam-badge{display:inline-block;background:var(--green-deep);color:#fff;font-family:var(--body);font-size:1rem;font-weight:700;letter-spacing:0;text-transform:none;padding:.15rem .8rem;border-radius:0;transform:rotate(-2deg)}
.syqhb-noexam-note{margin-bottom:.9rem;color:var(--ink)}
.syqhb-result--noexam{border-color:var(--ink);background:var(--sheet);box-shadow:6px 6px 0 var(--cobalt-pale)}
.syqhb-tag--noexam{background:var(--green-deep);color:#fff;border:0;font-weight:700}
.syqhb-tag--usually{background:var(--green-pale);color:var(--ink);border:2px solid var(--green-deep)}
.syqhb-noexam-note+.syqhb-noexam-note{margin-top:1rem;padding-top:.9rem;border-top:2px dashed var(--green)}

/* rates table */
.syqhb-table-wrap{margin-top:2rem;overflow-x:auto}
.syqhb-table{width:100%;border-collapse:collapse;font-size:1.0625rem;font-variant-numeric:tabular-nums lining-nums;min-width:30rem;background:var(--sheet);border:2px solid var(--ink)}
.syqhb-table th,.syqhb-table td{padding:.9rem 1rem;border-bottom:2px solid var(--cobalt-pale);text-align:left}
.syqhb-table th{font-weight:700;font-size:1.0625rem;color:var(--ink);text-transform:none;letter-spacing:0;background:var(--cobalt-pale);border-bottom:2px solid var(--ink)}
.syqhb-table td:first-child{font-weight:700}
.syqhb-table th:not(:first-child),.syqhb-table td:not(:first-child){text-align:right}
.syqhb-table tbody tr:hover td{background:var(--green-pale)}
.syqhb-table tbody tr:last-child td{border-bottom:0}
@media (max-width:600px){.syqhb-table{min-width:0}.syqhb-table th,.syqhb-table td{padding:.8rem .5rem}.syqhb-table th{line-height:1.3;vertical-align:bottom}}

/* inner pages */
.syqhb-article{max-width:76rem;margin-inline:auto;padding-left:clamp(0rem,6vw,5rem)}
.syqhb-article>*{max-width:44rem}
.syqhb-article h1{max-width:14em;margin-bottom:.5em;font-size:clamp(2.5rem,5.4vw,4rem)}
.syqhb-article h2{margin-top:2em;font-size:clamp(1.9rem,3.4vw,2.6rem)}
.syqhb-article figure{margin:0 0 2rem;max-width:46rem}
.syqhb-article figcaption{font-size:1rem;color:var(--ink-soft);margin-top:.6rem}
.syqhb-article img{border:8px solid #fff;box-shadow:8px 8px 0 var(--cobalt);border-radius:0}
.syqhb-article .syqhb-lead{font-size:1.25rem;margin-bottom:1.4rem}
.syqhb-sources{font-size:1.0625rem;border-top:2px dashed var(--rule);padding-top:1rem;margin-top:2rem}.syqhb-sources ol{padding-left:1.4rem}
.syqhb-faq details{background:var(--sheet);border:2px solid var(--ink);padding:.3rem 1.1rem;margin:0 0 1rem;box-shadow:5px 5px 0 var(--cobalt-pale)}
.syqhb-faq details[open]{background:var(--green-pale);box-shadow:5px 5px 0 var(--green)}
.syqhb-faq summary{cursor:pointer;font-weight:400;font-family:var(--display);font-size:1.55rem;line-height:1.2;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none;padding:.4rem 0}
.syqhb-faq summary::-webkit-details-marker{display:none}
.syqhb-faq summary::after{content:"+";font-family:var(--body);font-weight:700;font-size:1.8rem;color:var(--poppy);flex:none;line-height:1}
.syqhb-faq details[open] summary::after{content:"\2212"}
.syqhb-faq summary:hover{color:var(--poppy-deep)}
.syqhb-calc{border:2px solid var(--ink);border-radius:0;padding:1rem 1.3rem;margin:1.8rem 0;background:var(--sheet);box-shadow:7px 7px 0 var(--green)}
.syqhb-calc h2{margin-top:0}
.syqhb-calc output{display:block;margin-top:1.1rem;font-family:var(--display);font-size:2.6rem;font-weight:400;color:var(--poppy-deep)}
.syqhb-apply-shell{background:var(--sheet);border:2px solid var(--ink);border-radius:0;padding:1rem;min-height:600px;margin-top:2rem;box-shadow:9px 9px 0 var(--cobalt)}
.syqhb-apply-shell iframe{width:100%;border:0}
[data-reveal]{opacity:1;transform:none}[data-reveal].syqhb-in{opacity:1;transform:none}

/* footer: ink-blue paper, torn along the top */
.syqhb-foot{margin:clamp(4rem,9vw,7rem) 0 0;background:var(--ink);color:#E6EAF8;padding:clamp(3.2rem,6vw,4.6rem) 0 2.5rem;border:0;font-size:1.0625rem;clip-path:polygon(0 18px,100% 0,100% 100%,0 100%)}
.syqhb-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:2.5rem}
.syqhb-foot a{color:#C3D2FF}
.syqhb-foot a:hover{color:#fff!important}
.syqhb-foot .syqhb-brand{color:#fff;transform:rotate(-1.2deg)}
.syqhb-foot p{margin:.6rem 0 0;font-size:1.0625rem;max-width:none}
.syqhb-foot nav{display:flex;flex-direction:column;align-items:flex-start}
.syqhb-foot nav strong{font-family:var(--display);font-weight:400;font-size:1.6rem;margin-bottom:.3rem;color:#fff}
.syqhb-foot nav a{display:inline-flex;align-items:center;min-height:44px;margin:0}
.syqhb-foot p[data-copy=legal]{margin-top:2.4rem!important;font-size:1rem!important;line-height:1.7;max-width:46rem;color:#CBD2EA}
@media (max-width:1000px){.syqhb-foot-grid{grid-template-columns:1fr 1fr}.syqhb-foot-grid>div:first-child{grid-column:1/-1}}
@media (max-width:600px){.syqhb-foot-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}[data-reveal]{opacity:1;transform:none}}