/* One identity across the website and app. The ribbon stays the primary logo. */
.brand-arrived .brand-dot{animation:none!important}
.brand-dot{position:relative!important;display:inline-block!important;width:.3em;height:.3em;color:transparent!important;flex:none}
.brand-dot:after{content:'';position:absolute;inset:.03em;border-radius:50%;background:radial-gradient(circle at 30% 24%,#fff9d9 0%,#f7e4a6 24%,#dfb660 62%,#b58a39 100%);box-shadow:inset 0 0 0 .5px #b9965166,0 1px 2px #35231538}
.personal-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center;padding-block:80px;scroll-margin-top:110px}
.personal-intro h2{margin-bottom:28px}.personal-intro p:not(.eyebrow){max-width:480px}
.personal-preview{min-width:0;background:var(--fien-paper);border:1px solid var(--fien-line);border-radius:28px;box-shadow:0 7px 0 var(--fien-champagne);overflow:hidden}
.personal-preview iframe{display:block;width:100%;height:760px;border:0;background:var(--fien-paper)}
.board-preview-grid img{width:42px;height:42px}.child-story .text-link{margin-top:12px}
@media(max-width:850px){.personal-story{grid-template-columns:1fr;gap:30px;padding-block:50px}.personal-intro p:not(.eyebrow){max-width:650px}}
@media(max-width:500px){.personal-preview iframe{height:850px}.personal-story{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.brand-dot{transform:none!important}}
@media(forced-colors:active){.brand-dot:after{background:CanvasText;box-shadow:none}.personal-preview{border:1px solid CanvasText;box-shadow:none}}
@media print{.personal-preview{display:none}.personal-story{display:block}}
.brand>span{position:relative;padding-right:.31em}.brand>span>.brand-dot{position:absolute!important;right:0;bottom:.08em}
.personal-preview iframe{height:760px}.child-story .button{margin-bottom:22px}
@media(prefers-contrast:more),(forced-colors:active){.brand-dot{transform:none!important}}

/* Sales information uses the same quiet paper and champagne details. */
.legal-page{max-width:1080px}.legal-page .info-hero{grid-template-columns:1fr}
.legal-page h1{font-size:clamp(2.3rem,6vw,4.5rem);overflow-wrap:anywhere}
.legal-notice{padding:24px 28px;background:#f5ecda;border:1px solid #d9c6a3;border-radius:20px;margin-bottom:32px;color:#423443}
.legal-notice p{margin:8px 0 0;font-size:1rem;line-height:1.6}
.legal-page .info-block p{max-width:76ch}.legal-page a{overflow-wrap:anywhere}
.payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.payment-grid article{padding:24px;background:#faf8f4;border:1px solid #e4dcd3;border-radius:18px;min-width:0}
.payment-grid article:nth-child(2){background:#f1edf5}.payment-grid .info-block{margin:0}
.payment-tag{font-size:.95rem;font-weight:600;color:#4b3652;line-height:1.6}
.payment-explanation,.child-privacy{padding:22px;border-radius:18px;background:#f0eaf5;color:#423443}
.pending-policy{padding-left:14px;border-left:3px solid #bda064;font-size:.95rem}
.legal-facts{display:grid;gap:0}.legal-facts>div{padding:20px 0;border-bottom:1px solid #e4dcd3}
.legal-facts dt{font-weight:700;margin-bottom:8px}.legal-facts dd{margin:0;line-height:1.7;max-width:76ch}
.withdrawal-model{padding:24px;border:1px solid #d9c6a3;border-radius:18px;background:#fffdf8;overflow-wrap:anywhere}
.legal-open{border-left:3px solid #bda064}.legal-page :focus-visible{outline:3px solid #6a5071;outline-offset:4px}
@media(max-width:650px){.payment-grid{grid-template-columns:1fr}.legal-notice,.payment-grid article,.withdrawal-model{padding:20px}.legal-page .info-nav{display:flex;flex-wrap:wrap;gap:12px}}
@media print{.legal-page~.site-footer,.legal-page .info-nav{display:none}.legal-page{max-width:none}.legal-page .info-block{break-inside:avoid}.legal-notice{background:none;color:#000}.payment-grid{display:block}}

/* Phone installation help: native disclosures also work without JavaScript. */
.phone-install{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;padding-block:64px;scroll-margin-top:110px;border-top:1px solid var(--fien-line,#e4dcd3)}
.phone-intro h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.1;margin:16px 0 24px}.phone-intro p{line-height:1.65}.phone-mark{display:flex;align-items:center;gap:18px;padding:24px;margin:28px 0;border-radius:22px;background:#f3ebda;color:#4b3652;font-weight:650}.phone-mark img{width:64px;height:64px}.phone-note{font-size:1rem}.phone-guide{border:1px solid #ded5df;border-radius:18px;margin:12px 0;background:#fffdf9;overflow:hidden}.phone-guide summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;min-height:84px;padding:20px 24px;color:#49364f}.phone-guide summary::-webkit-details-marker{display:none}.phone-guide summary strong,.phone-guide summary small{display:block}.phone-guide summary strong{font-size:1.15rem}.phone-guide summary small{font-size:.9rem;font-weight:400;margin-top:5px;color:#6e626f}.phone-guide summary:hover{background:#f6f0f8}.phone-guide[open] summary{background:#eee6f3}.phone-chevron{font-size:1.5rem;flex:none}.phone-guide[open] .phone-chevron{transform:rotate(180deg)}.phone-steps{padding:4px 24px 24px;font-size:1rem;line-height:1.7}.phone-steps ol,.phone-steps ul{padding-left:24px}.phone-steps li{padding:6px 0 6px 5px}.phone-steps a{font-size:.95rem}.phone-install :focus-visible,.phone-teaser :focus-visible{outline:3px solid #6a5071;outline-offset:4px}.phone-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.phone-teaser{display:flex;align-items:center;gap:24px;background:#f0eaf5;border:1px solid #ded5df;border-radius:24px;padding:32px;margin-block:40px 64px}.phone-teaser>img{width:56px;height:56px;flex:none}.phone-teaser h2{font-size:1.5rem;margin:0 0 8px}.phone-teaser p{font-size:1rem;margin:0}.phone-teaser>a{margin-left:auto;flex-shrink:0}.phone-trouble summary{background:#f5f1e9}
@media(max-width:850px){.phone-install{grid-template-columns:1fr;gap:28px;padding-block:40px}.phone-teaser{flex-wrap:wrap}.phone-teaser>a{margin-left:0;flex-shrink:1}.phone-intro{max-width:640px}}
@media(max-width:450px){.phone-guide summary{padding:18px}.phone-steps{padding:2px 18px 20px}.phone-teaser{padding:24px}.phone-teaser>img{width:44px;height:44px}.phone-intro .button{white-space:normal;text-align:center}.phone-mark{margin:20px 0}}
@media print{.phone-install{display:block}.phone-guides details::details-content{content-visibility:visible}.phone-teaser{display:none}}

.contact-single{max-width:780px}.contact-single .contact-person{display:flex;align-items:center;gap:20px;max-width:680px;padding:26px;margin-block:24px;background:#eee6f3;border:1px solid #d8c8df}.contact-single .contact-person>span:nth-child(2){display:grid;gap:7px;min-width:0}.contact-single .contact-person strong{font-size:1.3rem}.contact-single .contact-person>span:last-child{margin-left:auto}.contact-single .contact-person span{overflow-wrap:anywhere}.contact-avatar{display:grid!important;place-items:center;flex:none;width:58px;height:58px;border-radius:18px;background:#f2deac;color:#49344e;font-weight:700;font-size:1.5rem}.contact-single .contact-person:hover{background:#e7dcef}.contact-single .contact-person:focus-visible{outline:3px solid #6a5071;outline-offset:4px}.cookie-choices{display:grid;gap:12px;margin-block:24px}.cookie-choices>div{padding:20px 24px;background:#f3efe6;border:1px solid #e0d7c6;border-radius:16px}.cookie-choices dt{font-weight:700;color:#49344e}.cookie-choices dd{margin:8px 0 0;line-height:1.6}.legal-page #instellingen{scroll-margin-top:110px}.contact-single+.contact-topics{margin-top:32px}
@media(max-width:450px){.contact-single .contact-person{padding:18px;gap:12px}.contact-avatar{width:44px;height:44px}.contact-single .contact-person strong{font-size:1.1rem}.contact-single .contact-person span{font-size:.95rem}}
.contact-single .contact-person{flex-direction:row;text-align:left}.contact-single .contact-person>span:nth-child(2)>span{align-self:auto;font-size:1rem}.contact-single .contact-person>span:last-child{align-self:center;font-size:1.5rem}.contact-single .contact-avatar{font-size:1.5rem}.contact-single address{font-style:normal}
@media(max-width:450px){.contact-single .contact-person>span:nth-child(2)>span{font-size:.9rem}}

.footer-business{padding-block:22px;border-top:1px solid var(--fien-line,#ded5df);color:#665c6a;font-size:.875rem;line-height:1.65;scroll-margin-top:110px}.footer-business p{font-size:inherit;line-height:inherit;margin:0 0 4px}.footer-business address{font-style:normal;margin-bottom:4px}.footer-business strong{color:#49344e}.footer-business p:last-child{margin-bottom:0}.footer-business span{padding-inline:6px}

/* Compact purchase drawer. Native dialog supplies focus trapping and Escape. */
html.order-open{overflow:hidden}
.sale-drawer{position:fixed;inset:0 0 0 auto;margin:0;padding:0;border:0;border-left:1px solid #ded5df;width:min(510px,100%);max-width:100%;height:100dvh;max-height:100dvh;background:#faf8f4;color:#332c38;box-shadow:-20px 0 80px #30203524;overflow:hidden}
.sale-drawer::backdrop{background:#24172966;backdrop-filter:blur(3px)}
.drawer-shell{display:flex;flex-direction:column;height:100%;min-height:0}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 28px 14px}.drawer-header .eyebrow{margin:0 0 6px}.drawer-header h2{font-size:29px;letter-spacing:-.025em}.drawer-close{display:grid;place-items:center;border:1px solid #ded5df;border-radius:50%;background:#fffdf9;font-size:28px;width:44px;height:44px;flex:none}.drawer-close:hover{background:#eee5f2}.drawer-progress{font-size:12px;line-height:1.6;color:#756a79;margin:0;padding:12px 28px;border-bottom:1px solid #e7e0e8;white-space:normal}.drawer-progress span{margin-left:8px}.drawer-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px 28px}.drawer-switch{display:flex;background:#eee8ef;padding:4px;border-radius:13px;gap:4px;margin-bottom:24px}.drawer-switch button{flex:1;min-height:44px;border:0;border-radius:10px;background:transparent;font-weight:600;font-size:15px}.drawer-switch button[aria-pressed=true]{background:#fffdf9;box-shadow:0 2px 6px #49355014}.drawer-plan{font-size:14px;margin:0 0 4px;color:#685d70}.drawer-price{font-size:50px;font-weight:650;letter-spacing:-.04em;line-height:1.15;margin:0 0 14px}.drawer-price small{font-size:16px;font-weight:400;letter-spacing:0}.drawer-essential{font-size:17px;line-height:1.55;margin-bottom:12px}.drawer-includes{font-size:13px!important;color:#716478;line-height:1.6;margin-bottom:20px}.drawer-details{border-top:1px solid #e0d8e3;padding:0;margin:0}.drawer-details summary{font-size:15px;font-weight:600;cursor:pointer;padding:15px 0;min-height:48px}.drawer-details p{font-size:14px;line-height:1.65;margin:0 0 12px}.drawer-legal{font-size:13px;line-height:1.7;margin:16px 0 0}.drawer-legal a{text-decoration:underline;text-underline-offset:3px}.drawer-footer{flex:none;border-top:1px solid #e2d9e6;background:#fffdfa;padding:16px 28px max(14px,env(safe-area-inset-bottom));box-shadow:0 -5px 20px #34213905}.drawer-total{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:14px}.drawer-total strong{font-size:24px}.drawer-footer>.button{width:100%;justify-content:center;min-height:50px;box-shadow:none;background:#493550;border-color:#493550;color:#fff}.drawer-footer>.button:hover{background:#664a70;transform:none}.drawer-footer>p{font-size:12px;line-height:1.5;color:#756a79;margin:10px 0 0}.drawer-back{font-size:13px;min-height:38px;border:0;background:none;text-decoration:underline;padding:6px 0;margin-top:4px}.drawer-scroll h3{font-size:24px;line-height:1.2;margin:0 0 14px}.drawer-scroll p{overflow-wrap:anywhere}.sale-drawer :focus-visible{outline:3px solid #9b7c47;outline-offset:3px}
@media(prefers-reduced-motion:no-preference){.sale-drawer[open]{animation:sale-slide-in .24s ease-out}@keyframes sale-slide-in{from{transform:translateX(100%)}to{transform:translateX(0)}}}
@media(max-width:550px){.sale-drawer{width:100%;border:0}.drawer-header{padding:18px 20px 12px}.drawer-header h2{font-size:26px}.drawer-progress{padding:10px 20px}.drawer-scroll{padding:20px}.drawer-footer{padding-inline:20px}.drawer-price{font-size:44px}}
@media(max-height:600px){.drawer-header{padding-block:10px}.drawer-header .eyebrow{display:none}.drawer-progress{padding-block:6px}.drawer-footer{padding-top:10px;padding-bottom:6px}.drawer-footer>p{margin-top:6px}.drawer-total{margin-bottom:6px}.drawer-scroll{padding-top:16px}.drawer-back{min-height:32px}}
.sale-drawer #order-title:focus{outline:none}
/* Keep the purchase entry visible on phones; login remains in the menu. */
@media(max-width:700px){.site-header{gap:12px}.site-header>.compact{display:inline-flex;font-size:12px;padding:10px 12px;white-space:nowrap}.site-header>.compact>span{display:none}}
@media(max-width:480px){.site-header>.header-login{display:none}.site-header .brand{font-size:28px}.site-header .brand img{width:27px;height:31px}}