/* Approved editorial reference, using the site's DM Sans. Mobile first. */
.site-main:has(.free-messaging){padding:0}
.free-messaging{--fm-bg:#faf7f2;--fm-ink:#3d2032;--fm-muted:#62565c;--fm-line:#dcd2c9;--fm-paper:#fffcf8;--fm-gold:#987037;--fm-column:#f0e8db;background:var(--fm-bg);color:var(--fm-ink);font-family:var(--tl-font)}
.free-messaging *{box-sizing:border-box}
.fm-wrap{width:min(1440px,calc(100% - 40px));margin-inline:auto}
.free-messaging h1,.free-messaging h2{font-family:var(--tl-font);color:inherit;letter-spacing:normal;margin:0;font-weight:600;line-height:1.08}
.free-messaging h1{font-size:clamp(32px,8.6vw,46px)}
.free-messaging h2{font-size:clamp(28px,3.8vw,50px)}
.free-messaging p{font-size:16px;line-height:1.6;color:var(--fm-muted);margin:0}
.free-messaging a{color:inherit;text-underline-offset:4px}
.free-messaging a:focus-visible,.free-messaging summary:focus-visible,.fm-footer a:focus-visible{outline:3px solid #b08a46;outline-offset:5px}
.free-messaging .fm-eyebrow{font-size:12px;font-weight:500;color:var(--fm-ink);margin-bottom:14px}
.fm-hero{position:relative;isolation:isolate;overflow:hidden;display:grid}
.fm-hero-image{grid-area:1/1;z-index:-2;display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:60% center}
.fm-hero::before{content:'';grid-area:1/1;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#faf7f2 0%,#faf7f2f2 35%,#faf7f2c9 62%,#faf7f22b),linear-gradient(0deg,#faf7f2 0%,#faf7f282 28%,transparent 75%)}
.fm-hero-inner{display:contents}
.fm-hero-copy{grid-area:1/1;width:calc(100% - 40px);margin-inline:auto;padding-block:24px 32px}
.fm-hero h1 span{display:block}
.free-messaging .fm-intro{font-size:16px;line-height:1.5;margin:16px 0 20px;max-width:35ch;color:var(--fm-ink)}
.free-messaging .fm-button{display:inline-flex;justify-content:center;align-items:center;gap:20px;max-width:100%;min-height:52px;background:#482139;color:#fffaf3;border-radius:40px;padding:14px 30px;font-size:17px;font-weight:650;line-height:1.4;text-decoration:none}
.free-messaging .fm-button:hover{background:#68334f}
.fm-button svg,.fm-table-links svg,.fm-review-context svg{width:22px;height:22px;flex-shrink:0}
.free-messaging .fm-small{font-size:12px;margin-top:12px}
.fm-conversation{grid-row:2;position:relative;z-index:1;width:min(350px,calc(100% - 40px));justify-self:center;margin-top:12px;padding:20px 18px;background:var(--fm-paper);border:1px solid #e7e0d8;border-radius:16px;box-shadow:0 9px 26px #32172412}
.fm-conversation>strong{font-size:14px;line-height:1.35;display:block;color:var(--fm-ink)}
.fm-example-label{display:block;font-size:10px;color:var(--fm-muted);margin:5px 0 18px}
.fm-chat-row{display:flex;align-items:flex-start;gap:10px;margin-top:14px}
.fm-chat-avatar{display:block;width:28px;height:28px;flex-shrink:0;border-radius:50%;object-fit:cover;object-position:32% center}
.fm-chat-row--reply .fm-chat-avatar{object-position:85% center}
.fm-chat-row p{padding:11px 12px;font-size:12px;line-height:1.5;border-radius:12px 12px 12px 3px;background:#eee9e2;color:#342c30}
.fm-chat-row--reply p{background:#f3e5e5;border-radius:12px 12px 3px 12px}
.fm-assurances{grid-row:3;width:calc(100% - 40px);list-style:none;margin:24px auto;padding:0;display:flex;flex-wrap:wrap;gap:14px 22px}
.fm-assurances li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--fm-ink)}
.fm-assurances svg{width:24px;height:24px;color:var(--fm-gold);flex-shrink:0}
.fm-doodle{display:block;background-image:url('/assets/landing/free-messaging-doodles-v1.webp');background-size:300% 100%;background-repeat:no-repeat;aspect-ratio:1;width:150px;pointer-events:none}
.fm-doodle--hero{display:none;background-position:0 0}
.fm-doodle--allowance{display:none;background-position:50% 0;width:150px}
.fm-doodle--faq{background-position:100% 0;width:150px;justify-self:center}
.fm-comparison{display:grid;gap:20px;padding-block:32px}
.fm-allowance{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.fm-allowance h2>span:last-child{max-width:8ch}
.fm-allowance h2{display:flex;gap:16px;align-items:center;font-size:20px;font-weight:500;line-height:1.15}
.fm-big-three{font-size:110px;font-weight:400;color:var(--fm-gold);line-height:.9}
.fm-table-area{min-width:0}
.fm-comparison table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:12px;line-height:1.45}
.fm-comparison th,.fm-comparison td{padding:12px 8px;border-bottom:1px solid var(--fm-line);vertical-align:middle;overflow-wrap:break-word;text-transform:none;font-size:inherit;letter-spacing:normal;text-align:center;color:var(--fm-ink)}
.fm-comparison th:first-child{width:52%;text-align:left;padding-left:0;font-weight:400}
.fm-comparison thead th{font-size:15px;font-weight:600}
.fm-comparison thead th:first-child{font-size:15px;padding-right:15px}
.fm-comparison th small{display:block;font-size:12px;font-weight:400}
.fm-comparison td{font-weight:600}
.fm-comparison tr>:nth-child(2){background:var(--fm-column)}
.fm-comparison thead th:nth-child(2){border-radius:14px 14px 0 0}
.fm-comparison tbody tr:last-child td:nth-child(2){border-radius:0 0 14px 14px}
.fm-comparison tbody tr:last-child>*{border-bottom:0}
.fm-check{display:inline-block;width:25px;height:25px;vertical-align:middle;color:var(--fm-gold)}
.fm-table-links{display:flex;gap:24px;flex-wrap:wrap;justify-content:flex-end;margin-top:12px}
.fm-table-links a,.fm-review-context a{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:13px}
.fm-review-strip{display:grid;position:relative;background:var(--fm-paper)}
.fm-review-photo{position:relative;margin:0;min-width:0}
.fm-review-photo img{display:block;width:100%;height:220px;object-fit:cover;object-position:left center}
.fm-member-quote{margin:0;padding:28px 24px 16px;align-self:center}
.fm-member-quote blockquote{margin:0 0 16px;font-size:clamp(24px,2.45vw,34px);line-height:1.25;font-weight:500}
.fm-member-quote figcaption{display:flex;align-items:center;gap:16px;font-size:14px}
.fm-rating{display:inline-flex;gap:3px;color:var(--fm-gold)}
.fm-rating svg{width:15px;height:15px;fill:currentColor;stroke:currentColor;stroke-width:1.5}
.fm-rating .fm-star-empty{fill:none}
.fm-review-context{align-self:center;padding:12px 24px 28px}
.fm-review-context p{font-size:14px;line-height:1.6}
.fm-faq-section{display:grid;gap:22px;padding-block:36px}
.free-messaging .fm-faq-section .lp-tail{width:100%;max-width:none;margin:0;padding:0;min-width:0}
.fm-faq-section .lp-faq>h2{display:none}
.free-messaging .lp-faq details{padding:13px 0;border-color:var(--fm-line)}
.free-messaging .lp-faq summary{font-family:var(--tl-font);font-size:14px;font-weight:450;color:var(--fm-ink);line-height:1.5;gap:16px;min-height:22px}
.free-messaging .lp-faq p{font-size:14px;color:var(--fm-muted);line-height:1.6}
.free-messaging .lp-faq summary::after{content:'';width:8px;height:8px;border:solid currentColor;border-width:0 1.3px 1.3px 0;transform:rotate(45deg);flex-shrink:0;margin:0 6px 5px;font-size:0}
.free-messaging .lp-faq details[open] summary::after{content:'';transform:rotate(225deg);margin-top:7px}
.fm-closing{position:relative;isolation:isolate;overflow:hidden;background:#412033;color:#fff8ef}
.fm-closing>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% center;z-index:-2}
.fm-closing::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#412033f5,#412033be 60%,#41203325);z-index:-1}
.fm-closing .fm-wrap{padding-block:42px}
.free-messaging .fm-closing .fm-eyebrow{color:#f1e6df}
.fm-closing h2{font-size:clamp(30px,3.5vw,48px);line-height:1.15;max-width:23ch;margin-bottom:28px}
.free-messaging .fm-button-cream{background:#f4e8cf;color:#3e2031}
.free-messaging .fm-button-cream:hover{background:#fff4de}
.fm-footer{background:#3b1d30;color:#f2e7e7;padding:24px 0;font-family:var(--tl-font)}
.fm-footer .fm-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap}
.fm-wordmark{font-size:30px;font-weight:350;letter-spacing:-1px;text-decoration:none;color:inherit}
.fm-wordmark b{font-weight:700}
.fm-footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px}
.fm-footer nav a{display:inline-flex;align-items:center;min-height:38px;font-size:12px;color:inherit;text-decoration:none}
.fm-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.fm-footer small{font-size:11px;color:#e0cfd8}
.fm-footer .fm-related{gap:4px 20px}
.fm-footer .fm-related a{font-size:11px;color:#e0cfd8}
.fm-footer .market-switcher{width:100%;justify-content:flex-start;color:#e0cfd8;margin:0;font-size:11px}
.fm-footer .market-switcher .market-switcher__current,.fm-footer .market-switcher a{border-color:#79576b;color:#f5e7ee;min-height:32px;padding:4px 10px;background:transparent}
.site-main:has(.free-messaging)+.site-footer{display:none}
.fm-sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
[data-theme=dark] .free-messaging{--fm-bg:#211b20;--fm-ink:#f5eaf0;--fm-muted:#cbbdc5;--fm-line:#51414b;--fm-paper:#2b2229;--fm-gold:#d8b777;--fm-column:#362c30}
[data-theme=dark] .fm-hero-image{filter:brightness(.75)}
[data-theme=dark] .fm-hero::before{background:linear-gradient(90deg,#211b20 0%,#211b20f2 35%,#211b20c9 62%,#211b2040),linear-gradient(0deg,#211b20 0%,#211b2082 28%,transparent 75%)}
[data-theme=dark] .fm-doodle{filter:brightness(0) invert(.85) sepia(.25)}
[data-theme=dark] .fm-conversation{border-color:#62515c;box-shadow:0 9px 26px #10081140}
[data-theme=dark] .fm-chat-row p{background:#463c41;color:#f5eaf0}
[data-theme=dark] .fm-chat-row--reply p{background:#5c3b4e;color:#fff2f8}
[data-theme=dark] .free-messaging .fm-button:not(.fm-button-cream){background:#dbc18b;color:#2e1e22}
[data-theme=dark] .fm-review-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,var(--fm-paper))}
[data-theme=dark] .free-messaging .lp-faq details{background:transparent}
html[data-theme=dark] .free-messaging .fm-faq-section .lp-tail{background:transparent}
@media(min-width:420px){.fm-wrap{width:min(1440px,calc(100% - 48px))}.fm-hero-copy,.fm-assurances{width:calc(100% - 48px)}.free-messaging .fm-intro{font-size:18px}.fm-comparison table{font-size:13px}.fm-allowance h2{font-size:23px}.fm-big-three{font-size:130px}}
@media(min-width:576px){.fm-hero-copy{max-width:580px}.fm-hero-inner{position:relative}.fm-assurances{max-width:580px}.fm-allowance{justify-content:center;gap:40px}.fm-doodle--allowance{display:block}.fm-comparison table{font-size:14px}.fm-comparison th,.fm-comparison td{padding:14px 12px}.fm-review-strip{grid-template-columns:45% 55%}.fm-review-photo{grid-row:span 2}.fm-review-photo img{height:100%;min-height:270px}.fm-review-context{padding-top:0}.fm-faq-section{grid-template-columns:1fr 160px}.fm-faq-heading{grid-column:1/-1}.fm-doodle--faq{align-self:center}.fm-closing .fm-wrap{padding-block:50px}}
@media(min-width:768px){.fm-wrap{width:min(1440px,calc(100% - 88px))}.fm-comparison{grid-template-columns:27% 1fr;gap:26px;padding-block:36px}.fm-allowance{display:block;align-self:center}.fm-allowance h2{gap:12px;font-size:20px}.fm-big-three{font-size:145px}.fm-doodle--allowance{width:160px;margin:0 auto}.fm-comparison th:first-child{width:55%}.fm-comparison thead th:first-child{font-size:17px}.fm-faq-section{grid-template-columns:25% 1fr 16%;gap:28px;padding-block:40px}.fm-faq-heading{grid-column:auto;padding-top:12px}.fm-faq-heading h2{font-size:34px}.fm-doodle--faq{width:100%}.fm-closing::after{background:linear-gradient(90deg,#412033e0,#41203380 48%,transparent 75%)}.fm-footer .market-switcher{width:auto;margin-left:auto}}
@media(min-width:960px){
 .fm-hero{display:block}
 .fm-hero::before{display:none}
 body.surface--public:has(.free-messaging) .site-header{position:absolute;inset-inline:0;top:var(--gift-bar-height,0px);background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
 body.surface--public:has(.free-messaging) .site-header__inner{height:90px;width:min(1440px,calc(100% - 88px));max-width:1440px;padding-inline:0}
 body.surface--public:has(.free-messaging) .site-nav{flex:1;margin-left:8vw;gap:26px}
 body.surface--public:has(.free-messaging) .site-nav>a[href='/inloggen'],body.surface--public:has(.free-messaging) .site-nav>a[href='/ontdek']{margin-left:auto}
 body.surface--public:has(.free-messaging) .brand__mark{display:none}
 body.surface--public:has(.free-messaging) .brand__name{font-size:38px;font-weight:350;color:#3d2032}
 body.surface--public:has(.free-messaging) .site-nav__link{font-size:14px;color:#3d2032}
 body.surface--public:has(.free-messaging) .site-nav>.btn{background:#482139;color:#fffaf3;border-radius:40px;font-size:14px;box-shadow:none;padding:13px 24px}
 .fm-hero-inner{min-height:clamp(650px,50vw,810px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;padding-block:130px 60px}
 .fm-hero-image{position:absolute;inset:0;width:100%;height:100%;object-position:center;z-index:-2}
 .fm-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--fm-bg) 1%,transparent 62%)}
 .fm-hero-copy{width:40%;max-width:565px;margin:0;padding:0}
 .free-messaging h1{font-size:clamp(44px,4.6vw,70px)}
 .fm-hero h1 span{display:block;white-space:nowrap}
 .free-messaging .fm-intro{font-size:clamp(18px,1.85vw,25px);line-height:1.45;margin-block:24px 28px}
 .fm-conversation{position:absolute;width:27%;max-width:350px;left:40%;right:auto;top:40%;bottom:auto;margin:0;padding:20px 18px}
 .fm-doodle--hero{display:block;position:absolute;right:-2%;top:20%;width:14%}
 .fm-assurances{width:auto;margin:34px 0 0;gap:16px 22px;max-width:70%}
 .fm-assurances li{font-size:12px}
 .fm-allowance h2{font-size:clamp(20px,2.4vw,34px);gap:14px}
 .fm-big-three{font-size:clamp(160px,18vw,250px)}
 .fm-doodle--allowance{width:145px;margin-top:-4px;margin-left:0}
 .fm-comparison{padding-block:28px 20px;gap:36px;grid-template-columns:27% 1fr}
 .fm-comparison table{font-size:15px}
 .fm-comparison th,.fm-comparison td{padding-block:15px}
 .fm-comparison thead th{font-size:20px}
 .fm-comparison thead th:first-child{font-size:19px}
 .fm-review-strip{grid-template-columns:36% 31% 33%;min-height:230px}
 .fm-review-photo{grid-row:auto}
 .fm-review-photo img{min-height:230px;max-height:280px}
 .fm-member-quote{padding:25px 25px 25px 0}
 .fm-review-context{padding:25px 44px 25px 10px}
 .fm-review-context p{font-size:15px}
 .fm-faq-section{padding-block:32px;min-height:310px}
 .fm-faq-heading h2{font-size:clamp(36px,4vw,52px)}
 .free-messaging .lp-faq summary{font-size:15px}
 .free-messaging .lp-faq details{padding-block:10px}
 .fm-closing .fm-wrap{padding-block:50px;min-height:330px}
 .fm-closing h2{font-size:clamp(32px,2.8vw,42px);max-width:62%}
 [data-theme=dark] .fm-hero::after{background:linear-gradient(180deg,#211b20d9,transparent 25%),linear-gradient(90deg,#211b20 26%,#211b20bd 44%,transparent 72%)}
 [data-theme=dark] body.surface--public:has(.free-messaging) .site-header{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 [data-theme=dark] body.surface--public:has(.free-messaging) .brand__name,[data-theme=dark] body.surface--public:has(.free-messaging) .site-nav__link{color:#fff4ed;text-shadow:0 1px 8px #211b20}
}
@media(min-width:1200px){.fm-wrap,body.surface--public:has(.free-messaging) .site-header__inner{width:min(1440px,calc(100% - 120px))}.fm-conversation{padding:24px}.fm-conversation>strong{font-size:16px}.fm-chat-row p{font-size:13px}.fm-assurances{margin-top:38px;gap:24px}.fm-assurances li{font-size:13px}.fm-assurances svg{width:28px;height:28px}.fm-hero-inner{padding-top:140px}.fm-review-context p{font-size:16px}.fm-comparison th,.fm-comparison td{padding-block:12px}}
