/* Alleen secties met ttm-klassen worden aangepast. */
#top .ttm-hero,#top .ttm-section{--ttm-ink:#142c24;--ttm-muted:#405064;--ttm-paper:#faf8f4;--ttm-gold:#ab8053;color:var(--ttm-ink);border:0}
#top .ttm-hero{position:relative;isolation:isolate;overflow:hidden;background:#f4f1ec;min-height:760px}
#top .ttm-hero>.container{position:relative;z-index:2;padding-top:85px;padding-bottom:115px}
#top .ttm-media{position:absolute;inset:0;z-index:0;pointer-events:none}
#top .ttm-media video{width:100%;height:100%;object-fit:cover;object-position:65% center}
#top .ttm-hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#faf8f4 0%,rgba(250,248,244,.97) 27%,rgba(250,248,244,.5) 48%,transparent 66%)}
#top .ttm-eyebrow{font:600 11px/1.6 Arial,sans-serif;letter-spacing:.28em;text-transform:uppercase;color:#405064;margin-bottom:25px}
#top .ttm-hero h1{font-family:Georgia,serif;font-size:clamp(56px,6.8vw,105px);font-weight:400;line-height:.98;letter-spacing:-.055em;color:#142c24;margin:0 0 25px;max-width:650px}
#top .ttm-hero h1 span{color:#ab8053}
#top .ttm-intro{font:400 20px/1.45 Arial,sans-serif;max-width:540px;color:#405064}
#top .ttm-open .avia-button,#top .ttm-primary .avia-button{border-radius:50px;background:#142c24;color:#fff;border:0;padding:19px 35px;font-size:18px;box-shadow:none}
#top .ttm-secondary .avia-button{background:transparent;color:#142c24;border:0;text-decoration:underline;padding:19px 0}
#top .ttm-trust p{font:14px/1.5 Arial,sans-serif;color:#405064;margin-top:38px}
#top .ttm-trust strong{color:#142c24;font-weight:500}
#top .ttm-section{background:#faf8f4}
#top .ttm-section .content{padding-top:85px;padding-bottom:85px}
#top .ttm-section h2{font:400 clamp(32px,4vw,54px)/1.12 Georgia,serif;letter-spacing:-.025em;color:#142c24}
#top .ttm-section h3{font:400 27px/1.2 Georgia,serif;color:#142c24}
#top .ttm-section p,#top .ttm-section li{font:17px/1.65 Arial,sans-serif;color:#405064}
#top .ttm-card{padding:30px;background:#fff;border:1px solid #e4e1d9;border-radius:16px}
#top .ttm-dark{background:#142c24;color:#faf8f4}
#top .ttm-dark h2,#top .ttm-dark p{color:#faf8f4}
#top .ttm-dark .avia-button{background:#faf8f4;color:#142c24}
#top .ttm-motion{position:absolute;right:24px;bottom:20px;z-index:3;border:1px solid #c7c8c0;border-radius:30px;padding:9px 16px;background:#faf8f4;color:#142c24;cursor:pointer}
#top .ttm-hero a:focus-visible,#top .ttm-section a:focus-visible,#top .ttm-motion:focus-visible{outline:3px solid #ab8053;outline-offset:4px}
@media(max-width:767px){
#top .ttm-hero{min-height:0}
#top .ttm-hero>.container{padding-top:340px;padding-bottom:65px}
#top .ttm-media{height:430px}
#top .ttm-media video{object-position:68% 35%}
#top .ttm-hero:after{background:linear-gradient(0deg,#faf8f4 0%,#faf8f4 40%,rgba(250,248,244,.2) 70%,transparent 85%)}
#top .ttm-hero h1{font-size:58px;max-width:440px}
#top .ttm-intro{font-size:18px}
#top .ttm-hero .flex_column{width:100%;margin-left:0}
#top .ttm-trust p{margin-top:22px;font-size:13px}
#top .ttm-section .content{padding-top:48px;padding-bottom:48px}
#top .ttm-card{margin-bottom:18px!important}
#top .ttm-motion{top:20px;bottom:auto;font-size:12px}
}
@media(prefers-reduced-motion:reduce){#top .ttm-hero *{animation:none!important;transition:none!important}}

/* Enfold heeft eigen stijlen met hoge prioriteit en videoregels. */
html #top #wrap_all .ttm-hero .ttm-media video{position:absolute!important;inset:0!important;transform:none!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:70% center!important;margin:0!important}
html #top #wrap_all .ttm-hero h1{font-family:Georgia,serif!important;font-size:clamp(62px,6.8vw,105px)!important;font-weight:400!important;line-height:.98!important;letter-spacing:-.055em!important;color:#142c24!important}
html #top #wrap_all .ttm-section h2{font:400 clamp(32px,4vw,54px)/1.12 Georgia,serif!important;color:#142c24!important}
html #top #wrap_all .ttm-section h3{font:400 27px/1.2 Georgia,serif!important;color:#142c24!important}
html #top #wrap_all .ttm-dark h2{color:#faf8f4!important}
html #top #wrap_all .ttm-secondary .avia-button{background:transparent!important;background-color:transparent!important;color:#142c24!important;border:0!important;box-shadow:none!important;padding:19px 12px!important}
html #top #wrap_all .ttm-hero:after{background:linear-gradient(90deg,#faf8f4 0%,rgba(250,248,244,.98) 28%,rgba(250,248,244,.7) 43%,rgba(250,248,244,.1) 60%,transparent 70%)}
html #top #wrap_all .ttm-hero .avia-button-wrap{margin-right:12px}
@media(max-width:767px){
html #top #wrap_all .ttm-hero h1{font-size:58px!important}
html #top #wrap_all .ttm-hero:after{background:linear-gradient(0deg,#faf8f4 0%,#faf8f4 40%,rgba(250,248,244,.2) 70%,transparent 85%)}
}

/* Lijn de hero-inhoud uit met de linkerzijde van het SQZI-logo. */
@media(min-width:768px){
html #top #wrap_all .ttm-hero>.container{width:auto!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:3.2vw!important;padding-right:3.2vw!important}
}

/* De video speelt na vijf seconden eenmaal af; een bedieningsknop is niet nodig. */
#top .ttm-motion{display:none!important}

/* Schermbrede video; tekst volgt exact de linkerzijde van het headerlogo. */
html #top #wrap_all .ttm-hero .ttm-media{left:50%!important;right:auto!important;width:100vw!important;max-width:none!important;transform:translateX(-50%)!important}
@media(min-width:768px){
html #top #wrap_all .ttm-hero>.container{padding-left:var(--ttm-logo-left,3.2vw)!important;padding-right:3.2vw!important}
html #top #wrap_all .ttm-hero .flex_column:first-of-type{margin-left:0!important}
}

/* Sluit de hero aan op de header en lijn alle pagina-inhoud uit met het logo. */
html body.ttm-landing-page #main{padding-top:0!important}
@media(min-width:768px){
html #top #wrap_all .ttm-section>.container{width:auto!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:var(--ttm-logo-left,3.2vw)!important;padding-right:3.2vw!important}
html #top #wrap_all .ttm-section>.container>.content{margin-left:0!important}
html #top #wrap_all .ttm-section .flex_column:first-child{margin-left:0!important}
}

/* Vertrouwenspunten met duidelijke, rustige iconen. */
#top .ttm-trust p{display:flex;gap:28px;align-items:flex-start;flex-wrap:wrap}
#top .ttm-trust-item{position:relative;display:block;padding-left:35px;min-height:28px}
#top .ttm-trust-item:before{position:absolute;left:0;top:-3px;display:grid;place-items:center;width:25px;height:25px;border:1px solid #142c24;border-radius:50%;color:#142c24;font:600 14px/1 Arial,sans-serif}
#top .ttm-trust-item--1:before{content:"✓"}
#top .ttm-trust-item--2:before{content:"●";font-size:9px}
#top .ttm-trust-item--3:before{content:"✦"}
@media(max-width:767px){#top .ttm-trust p{display:grid;gap:12px}}

/* Merkiconen en teksten volgens het aangeleverde Shirley-ontwerp. */
html #top #wrap_all .ttm-trust p{display:flex!important;align-items:center!important;gap:0!important;flex-wrap:nowrap!important;margin-top:38px!important}
html #top #wrap_all .ttm-trust-item{display:flex!important;align-items:center!important;gap:13px!important;padding:0 28px!important;min-height:48px!important;border-right:1px solid rgba(20,44,36,.22)!important}
html #top #wrap_all .ttm-trust-item:first-child{padding-left:0!important}
html #top #wrap_all .ttm-trust-item:last-child{border-right:0!important}
html #top #wrap_all .ttm-trust-item:before{display:none!important}
html #top #wrap_all .ttm-trust-item svg{display:block;width:38px;height:38px;flex:0 0 38px;fill:none;stroke:#142c24;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
html #top #wrap_all .ttm-trust-copy{display:flex;flex-direction:column;white-space:nowrap}
html #top #wrap_all .ttm-trust-copy strong{font:500 17px/1.15 Georgia,serif;color:#142c24}
html #top #wrap_all .ttm-trust-copy small{font:400 13px/1.25 Georgia,serif;color:#142c24}
@media(max-width:900px){html #top #wrap_all .ttm-trust p{display:grid!important;gap:14px!important}html #top #wrap_all .ttm-trust-item{padding:0!important;border-right:0!important}}

/* Mobiele optimalisatie voor de Shirley-landingspagina. */
@media(max-width:767px){
html body.ttm-landing-page #main{padding-top:0!important}
html #top #wrap_all .ttm-hero{min-height:auto!important;overflow:hidden!important}
html #top #wrap_all .ttm-hero .ttm-media{top:0!important;height:330px!important;width:100vw!important}
html #top #wrap_all .ttm-hero .ttm-media video{object-position:62% center!important}
html #top #wrap_all .ttm-hero:after{height:500px!important;bottom:auto!important;background:linear-gradient(0deg,#faf8f4 0%,rgba(250,248,244,.94) 30%,rgba(250,248,244,.18) 72%,transparent 90%)!important}
html #top #wrap_all .ttm-hero>.container{padding:285px 24px 48px!important;width:100%!important;max-width:none!important}
html #top #wrap_all .ttm-hero h1{font-size:clamp(48px,15vw,64px)!important;line-height:.94!important;letter-spacing:-.05em!important;margin-bottom:22px!important}
html #top #wrap_all .ttm-eyebrow{font-size:10px!important;line-height:1.5!important;letter-spacing:.22em!important;margin-bottom:18px!important}
html #top #wrap_all .ttm-intro{font-size:17px!important;line-height:1.5!important;max-width:none!important}
html #top #wrap_all .ttm-hero .avia-button-wrap{display:block!important;margin:0 0 10px!important}
html #top #wrap_all .ttm-open .avia-button{display:inline-flex!important;justify-content:center!important;width:auto!important;min-width:210px!important;padding:16px 25px!important;font-size:17px!important}
html #top #wrap_all .ttm-secondary .avia-button{padding:10px 0!important;font-size:16px!important}
html #top #wrap_all .ttm-trust p{margin-top:24px!important}
html #top #wrap_all .ttm-trust-item{min-height:40px!important;gap:12px!important}
html #top #wrap_all .ttm-trust-item svg{width:32px!important;height:32px!important;flex-basis:32px!important}
html #top #wrap_all .ttm-section>.container{width:100%!important;padding-left:24px!important;padding-right:24px!important}
html #top #wrap_all .ttm-section h2{font-size:38px!important;line-height:1.05!important}
html #top #wrap_all .ttm-section h3{font-size:25px!important}
html #top #wrap_all .ttm-section p,html #top #wrap_all .ttm-section li{font-size:16px!important;line-height:1.55!important}
html #top #wrap_all .ttm-card{width:100%!important;margin:0 0 16px!important;padding:24px!important}
html #top #sqzi-talk.sqzi-talk{right:12px!important;bottom:12px!important;max-width:calc(100vw - 24px)!important}
html #top #sqzi-talk .sqzi-talk__launcher{transform:scale(1)!important;transform-origin:bottom right!important;padding:12px 16px!important;font-size:15px!important;max-width:calc(100vw - 24px)!important}
}

/* Mobiele hero als heldere verticale compositie: beeld, daarna inhoud. */
@media(max-width:767px){
html #top #wrap_all .ttm-hero .ttm-media{position:relative!important;inset:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:100vw!important;height:270px!important;margin:0!important}
html #top #wrap_all .ttm-hero .ttm-media video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:62% center!important}
html #top #wrap_all .ttm-hero:after{display:none!important}
html #top #wrap_all .ttm-hero>.container{padding:28px 24px 46px!important;min-height:0!important}
html #top #wrap_all .ttm-hero h1{font-size:clamp(45px,13.5vw,56px)!important;line-height:.96!important;max-width:100%!important}
html #top #wrap_all .ttm-eyebrow{white-space:normal!important}
html body.ttm-mobile-hero-visible #sqzi-talk.sqzi-talk{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
}

/* Eerste contentsectie direct laten aansluiten op de hero. */
html #top #wrap_all .ttm-hero + .ttm-section .content,
html #top #wrap_all .ttm-hero + .container_wrap .content{padding-top:32px!important}
html #top #wrap_all .ttm-hero + .ttm-section h2,
html #top #wrap_all .ttm-hero + .container_wrap h2{margin-top:0!important}
@media(max-width:767px){
html #top #wrap_all .ttm-hero + .ttm-section .content,
html #top #wrap_all .ttm-hero + .container_wrap .content{padding-top:24px!important}
}

/* Enfold-onafhankelijke markering van de eerste sectie. */
html #top #wrap_all .ttm-first-section>.container>.content,
html #top #wrap_all .ttm-first-section .content{padding-top:0!important}
@media(min-width:768px){
html #top #wrap_all .ttm-first-section>.container>.content,
html #top #wrap_all .ttm-first-section .content{padding-top:76px!important}
}
html #top #wrap_all .ttm-first-section h2{margin-top:0!important}

/* Effen overgang tussen hero en eerste contentsectie. */
html #top #wrap_all .ttm-first-section,
html #top #wrap_all .ttm-first-section>.container,
html #top #wrap_all .ttm-first-section>.container>.content{background:#faf8f4!important;background-color:#faf8f4!important;background-image:none!important}

/* Deze tekstsectie bevat geen afbeelding; verberg Enfolds lege afbeeldingsplaceholder. */
html #top #wrap_all .ttm-first-section img{display:none!important}

/* Eén doorlopende achtergrondkleur onder de video. */
html body.ttm-landing-page #main,
html #top #wrap_all .ttm-hero,
html #top #wrap_all .ttm-first-section,
html #top #wrap_all .ttm-first-section>.container,
html #top #wrap_all .ttm-first-section .content{background:#faf8f4!important;background-color:#faf8f4!important;background-image:none!important}

/* Visual van zoeken naar één helder antwoord. */
html #top #wrap_all .ttm-first-section .content{position:relative!important}
html #top #wrap_all .ttm-first-section .ttm-answer-visual{position:absolute;right:3.2vw;top:24px;width:clamp(300px,29vw,560px);margin:0;pointer-events:none}
html #top #wrap_all .ttm-first-section .ttm-answer-visual img{display:block!important;width:100%!important;height:auto!important;opacity:.92}
@media(max-width:900px){
html #top #wrap_all .ttm-first-section .ttm-answer-visual{position:relative;right:auto;top:auto;width:min(100%,520px);margin:24px auto 0}
}

/* Het fotografische touw krijgt iets meer ruimte dan de lijnillustratie. */
html #top #wrap_all .ttm-first-section .ttm-answer-visual{width:clamp(330px,32vw,620px)}

/* Zichtbare draad boven uitlijnen met de kop en rechts met de content. */
@media(min-width:901px){
html #top #wrap_all .ttm-first-section .ttm-answer-visual{top:-72px!important;right:1vw!important;width:clamp(400px,36vw,740px)!important}
}

/* Pijlpunt uitlijnen met de derde kaart en visual 15 graden draaien. */
@media(min-width:901px){
html #top #wrap_all .ttm-first-section .ttm-answer-visual{right:1vw!important;transform:translateX(22%) rotate(15deg)!important;transform-origin:95% 50%!important}
}

/* Definitieve uitlijning: bovenkant kop en rechterrand derde kaart. */
@media(min-width:901px){
html #top #wrap_all .ttm-first-section .ttm-answer-visual{top:24px!important;right:0!important;transform:rotate(15deg)!important;transform-origin:95% 50%!important}
}

/* De gemeten mobiele headerruimte wordt via JavaScript exact gecompenseerd. */
@media(max-width:767px){html #top #wrap_all .ttm-hero{transition:none!important}}

/* Mobiele CTA's compact, met rustige tussenruimte en één verticale lijn. */
@media(max-width:767px){
html #top #wrap_all .ttm-hero .ttm-open.avia-button-wrap,
html #top #wrap_all .ttm-hero .ttm-secondary.avia-button-wrap{display:inline-flex!important;align-items:center!important;vertical-align:middle!important;margin-bottom:10px!important}
html #top #wrap_all .ttm-hero .ttm-open.avia-button-wrap{margin-right:14px!important}
html #top #wrap_all .ttm-hero .ttm-secondary.avia-button-wrap{margin-right:0!important}
html #top #wrap_all .ttm-hero .ttm-open .avia-button{min-width:165px!important;min-height:52px!important;padding:14px 18px!important;font-size:15px!important;line-height:22px!important;align-items:center!important;white-space:nowrap!important}
html #top #wrap_all .ttm-hero .ttm-secondary .avia-button{display:inline-flex!important;align-items:center!important;min-height:52px!important;padding:14px 0!important;font-size:15px!important;line-height:22px!important;white-space:nowrap!important}
}

/* Mobiel alleen Toegankelijk en Slim, in twee gelijke kolommen. */
@media(max-width:767px){
html #top #wrap_all .ttm-trust p{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:16px!important;row-gap:0!important;width:100%!important}
html #top #wrap_all .ttm-trust-item--1{display:none!important}
html #top #wrap_all .ttm-trust-item--2,
html #top #wrap_all .ttm-trust-item--3{display:flex!important;min-width:0!important;gap:9px!important;padding:0!important}
html #top #wrap_all .ttm-trust-item svg{width:29px!important;height:29px!important;flex:0 0 29px!important}
html #top #wrap_all .ttm-trust-copy{min-width:0!important;white-space:normal!important}
html #top #wrap_all .ttm-trust-copy strong{font-size:15px!important}
html #top #wrap_all .ttm-trust-copy small{font-size:11px!important;white-space:nowrap!important}
}

/* Alle mobiele content volgt dezelfde 24px-kantlijn als de hero. */
@media(max-width:767px){
html #top #wrap_all .ttm-section>.container{width:100%!important;max-width:none!important;margin:0!important;padding-left:24px!important;padding-right:24px!important}
html #top #wrap_all .ttm-section .content,
html #top #wrap_all .ttm-section .entry-content-wrapper{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
html #top #wrap_all .ttm-section .flex_column,
html #top #wrap_all .ttm-section .flex_column:first-child{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
html #top #wrap_all .ttm-section .avia_textblock,
html #top #wrap_all .ttm-section h2,
html #top #wrap_all .ttm-section h3,
html #top #wrap_all .ttm-section p{margin-left:0!important;margin-right:0!important}
}

/* Op mobiel staat de ontknoping vóór de tekst. */
@media(max-width:900px){
html #top #wrap_all .ttm-first-section .content{display:flex!important;flex-direction:column!important}
html #top #wrap_all .ttm-first-section .ttm-answer-visual{order:-1!important;position:relative!important;inset:auto!important;width:100%!important;max-width:520px!important;margin:0 auto 28px!important;transform:none!important}
}

/* Op mobiel krijgt de illustratie boven en onder evenveel ademruimte. */
@media(max-width:767px){
html #top #wrap_all .ttm-first-section .content{justify-content:flex-start!important}
html #top #wrap_all .ttm-first-section .ttm-answer-visual{margin:clamp(-150px,-35vw,-120px) auto 28px!important}
}

/* CTA in de donkere sectie: een rustige, licht warmgrijze knop. */
html #top #wrap_all .ttm-dark .ttm-open .avia-button{
display:inline-flex!important;align-items:center!important;justify-content:center!important;
width:auto!important;min-height:52px!important;padding:14px 26px!important;
border:0!important;border-radius:999px!important;background:#e9e4dc!important;background-color:#e9e4dc!important;
color:#142c24!important;box-shadow:none!important;text-decoration:none!important
}
html #top #wrap_all .ttm-dark .ttm-open .avia-button:hover,
html #top #wrap_all .ttm-dark .ttm-open .avia-button:focus{background:#f2eee7!important;background-color:#f2eee7!important;color:#142c24!important}

/* Wachtlijst voor de plugin. */
html #top #wrap_all .ttm-waitlist{max-width:760px;margin-top:28px}
html #top #wrap_all .ttm-waitlist__row{display:flex;gap:12px;align-items:stretch}
html #top #wrap_all .ttm-waitlist input{min-width:0;flex:1;height:58px!important;margin:0!important;padding:0 20px!important;border:1px solid rgba(20,44,36,.18)!important;border-radius:999px!important;background:#fff!important;color:#142c24!important;font:16px/1.2 Arial,sans-serif!important;box-shadow:none!important}
html #top #wrap_all .ttm-waitlist button{min-height:58px;padding:0 26px;border:0;border-radius:999px;background:#e9e4dc!important;background-color:#e9e4dc!important;color:#142c24!important;font:600 16px/1.2 Arial,sans-serif;white-space:nowrap;cursor:pointer}
html #top #wrap_all .ttm-waitlist button:hover,html #top #wrap_all .ttm-waitlist button:focus{background:#f7f3ed!important;background-color:#f7f3ed!important;color:#142c24!important}
html #top #wrap_all .ttm-waitlist button:disabled{opacity:.65;cursor:wait}
html #top #wrap_all .ttm-waitlist__privacy{margin:10px 0 0!important;font-size:13px!important;line-height:1.45!important;color:#66717d!important}
html #top #wrap_all .ttm-waitlist__status{min-height:1.5em;margin:8px 0 0!important;font-size:15px!important;font-weight:600!important;color:#faf8f4!important}
@media(max-width:600px){
html #top #wrap_all .ttm-waitlist__row{display:grid}
html #top #wrap_all .ttm-waitlist button{width:100%}
}

/* Laatste informatierubriek: licht warmgrijs uit het thema en direct gevolgd door de footer. */
html #top #wrap_all .ttm-facts-final{
min-height:0!important;height:auto!important;margin:0!important;padding:0!important;
background:#e9e4dc!important;background-color:#e9e4dc!important;background-image:none!important;color:#142c24!important
}
html #top #wrap_all .ttm-facts-final>.container{min-height:0!important;height:auto!important}
html #top #wrap_all .ttm-facts-final .content{min-height:0!important;height:auto!important;padding-top:85px!important;padding-bottom:85px!important}
html #top #wrap_all .ttm-facts-final h2,
html #top #wrap_all .ttm-facts-final h3{color:#142c24!important}
html #top #wrap_all .ttm-facts-final p{color:#405064!important}
html body.ttm-landing-page #footer,
html body.ttm-landing-page #socket{margin-top:0!important}
@media(max-width:767px){
html #top #wrap_all .ttm-facts-final .content{padding-top:58px!important;padding-bottom:58px!important}
}

/* Mobiel: dezelfde 28px ruimte tussen lopende tekst en kaarten als tussen illustratie en kop. */
@media(max-width:767px){
html #top #wrap_all .ttm-first-section .content{padding-bottom:0!important}
html #top #wrap_all #mogelijkheden .content{padding-top:28px!important}
}

/* Mobiel: compenseer de ondermarge van de lopende tekst, zodat de zichtbare ruimte boven en onder het kaartenblok gelijk is. */
@media(max-width:767px){
html #top #wrap_all #mogelijkheden .content{padding-top:40px!important}
}

/* Interactief contentblok: van zoekbalk naar vraagbalk. */
html #top #wrap_all .ttm-question-demo{background:#e9e4dc!important;background-image:none!important}
html #top #wrap_all .ttm-question-demo .content{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(420px,1.28fr);column-gap:clamp(42px,6vw,110px);align-items:center;padding-top:96px!important;padding-bottom:96px!important}
html #top #wrap_all .ttm-question-demo__intro{max-width:560px}
html #top #wrap_all .ttm-question-demo__eyebrow{margin:0 0 14px!important;color:#ab8053!important;font:700 11px/1.4 Arial,sans-serif!important;letter-spacing:.2em;text-transform:uppercase}
html #top #wrap_all .ttm-question-demo h2{margin:0 0 24px!important;font-size:clamp(46px,5vw,76px)!important;line-height:.96!important}
html #top #wrap_all .ttm-question-demo__intro>p:last-child{margin:0!important;max-width:520px}
html #top #wrap_all .ttm-question-demo__window{overflow:hidden;background:#faf8f4;border:1px solid rgba(20,44,36,.16);border-radius:24px;box-shadow:0 24px 70px rgba(47,42,37,.13)}
html #top #wrap_all .ttm-question-demo__bar{display:flex;align-items:center;gap:8px;padding:15px 20px;background:#4a4540;color:#fff;font:600 13px/1.2 Arial,sans-serif}
html #top #wrap_all .ttm-question-demo__bar span{width:8px;height:8px;border-radius:50%;background:#c4bbb1}
html #top #wrap_all .ttm-question-demo__bar strong{margin-left:auto;color:#fff;font:600 13px/1.2 Arial,sans-serif}
html #top #wrap_all .ttm-question-demo__form{padding:32px 32px 20px}
html #top #wrap_all .ttm-question-demo__form label{display:block;margin-bottom:12px;color:#142c24;font:400 24px/1.2 Georgia,serif}
html #top #wrap_all .ttm-question-demo__field{display:flex;align-items:center;gap:10px}
html #top #wrap_all .ttm-question-demo__field input{width:100%;height:58px;margin:0!important;padding:0 20px!important;border:1px solid #cfc8be!important;border-radius:999px!important;background:#fff!important;color:#142c24!important;font:17px/1.2 Arial,sans-serif!important;box-shadow:none!important}
html #top #wrap_all .ttm-question-demo__field input:focus{border-color:#ab8053!important;outline:3px solid rgba(171,128,83,.18)!important}
html #top #wrap_all .ttm-question-demo__field button{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;padding:0;border:0;border-radius:50%;background:#142c24;color:#fff;font:28px/1 Arial,sans-serif;cursor:pointer}
html #top #wrap_all .ttm-question-demo__suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
html #top #wrap_all .ttm-question-demo__suggestions button{padding:8px 11px;border:1px solid #d8d1c8;border-radius:999px;background:transparent;color:#405064;font:12px/1.2 Arial,sans-serif;cursor:pointer}
html #top #wrap_all .ttm-question-demo__suggestions button:hover{background:#fff;color:#142c24}
html #top #wrap_all .ttm-question-demo__answer{display:flex;gap:12px;align-items:flex-start;margin:0 32px 30px;padding:19px;border-radius:16px;background:#fff;border:1px solid #e2ddd5;opacity:0;transform:translateY(7px);transition:opacity .25s ease,transform .25s ease}
html #top #wrap_all .ttm-question-demo__answer.is-visible{opacity:1;transform:none}
html #top #wrap_all .ttm-question-demo__answer[hidden]{display:none!important}
html #top #wrap_all .ttm-question-demo__avatar{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#ab8053;color:#fff;font:700 14px/1 Arial,sans-serif}
html #top #wrap_all .ttm-question-demo__answer strong{display:block;color:#142c24;font:700 13px/1.2 Arial,sans-serif}
html #top #wrap_all .ttm-question-demo__answer p{margin:5px 0 0!important;font-size:15px!important;line-height:1.5!important}
html #top #wrap_all .ttm-question-demo__answer-copy{min-width:0;flex:1}
html #top #wrap_all .ttm-question-demo__speak{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;margin:0;padding:0;border:1px solid #d8d1c8;border-radius:50%;background:#faf8f4;color:#142c24;font:16px/1 Arial,sans-serif;cursor:pointer}
html #top #wrap_all .ttm-question-demo__speak:hover{background:#e9e4dc}
html #top #wrap_all .ttm-question-demo__speak:focus-visible{outline:3px solid rgba(171,128,83,.35);outline-offset:2px}
html #top #wrap_all .ttm-question-demo__speak.is-speaking{background:#142c24;color:#fff;border-color:#142c24;font-size:12px}
html #top #wrap_all .ttm-question-demo__speak[hidden]{display:none!important}
html #top #wrap_all .ttm-question-demo__options{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:48px}
html #top #wrap_all .ttm-question-demo__options span{padding-top:13px;border-top:1px solid rgba(20,44,36,.28);color:#142c24;font:600 13px/1.35 Arial,sans-serif}
@media(max-width:900px){
html #top #wrap_all .ttm-question-demo .content{grid-template-columns:1fr;row-gap:38px}
html #top #wrap_all .ttm-question-demo__options{grid-template-columns:repeat(2,1fr);margin-top:4px}
}
@media(max-width:767px){
html #top #wrap_all .ttm-question-demo .content{padding-top:58px!important;padding-bottom:58px!important;row-gap:28px}
html #top #wrap_all .ttm-question-demo h2{font-size:43px!important}
html #top #wrap_all .ttm-question-demo__form{padding:24px 18px 16px}
html #top #wrap_all .ttm-question-demo__form label{font-size:21px}
html #top #wrap_all .ttm-question-demo__field input{height:52px!important;padding:0 16px!important;font-size:15px!important}
html #top #wrap_all .ttm-question-demo__field button{flex-basis:52px;width:52px;height:52px}
html #top #wrap_all .ttm-question-demo__answer{margin:0 18px 22px;padding:16px}
html #top #wrap_all .ttm-question-demo__suggestions{display:grid}
html #top #wrap_all .ttm-question-demo__suggestions button{text-align:left}
html #top #wrap_all .ttm-question-demo__options{grid-template-columns:1fr 1fr;gap:14px 16px}
}