:root{color-scheme:light;--navy:#09283e;--gold:#d7ae55;--gold-pale:#f5ebd6;--ink:#16354a;--muted:#5a6d79;--line:#dce4e7;--wash:#f4f7f7;--warm:#f7f5ef}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:125px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;background:#fff;color:var(--ink);line-height:1.6}a{color:inherit}img{max-width:100%}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--navy);letter-spacing:-.035em;line-height:1.12}h1{font-size:clamp(2.7rem,4.65vw,4.5rem);font-weight:720;margin:0 0 25px}h1 em{font-style:normal;color:#7c6940}h2{font-size:clamp(2rem,3.2vw,3rem);font-weight:680}h3{font-size:1.35rem;line-height:1.3}p{margin-bottom:20px}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.section{padding-block:95px}.eyebrow{font-size:.75rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:#687985;margin-bottom:20px;display:flex;align-items:center;gap:9px}.lead{font-size:1.13rem;line-height:1.8;color:var(--muted);max-width:620px}.lead.small{font-size:1.06rem}.muted,.section-note{color:var(--muted);font-size:.92rem}.section-note{margin:25px 0 0}.status-dot{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #d7ae551c}.gold-text{color:var(--gold)}
a:focus-visible,summary:focus-visible{outline:3px solid #a37823;outline-offset:5px}.skip-link{position:absolute;left:20px;top:-100px;z-index:99;background:var(--navy);color:#fff;padding:12px 20px}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid #e4e9eb;background:#fffffff2;backdrop-filter:blur(16px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:101px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy)}.brand img{width:64px;height:64px;object-fit:contain}.brand>span{font-size:1.5rem;font-weight:750;letter-spacing:-.05em;line-height:1.2}.brand small{display:block;font-size:.55rem;font-weight:700;letter-spacing:.15em;margin-top:5px;color:#827147}.header-inner nav{display:flex;align-items:center;gap:34px}.header-inner nav a{text-decoration:none;font-size:.86rem;font-weight:650;color:#566b78;padding-block:12px}.header-inner nav a:hover,.header-inner nav a[aria-current]{color:var(--navy)}.header-inner nav a[aria-current]{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:9px}.header-inner nav a.nav-login{padding:11px 17px;border:1px solid var(--line);border-radius:9px;color:var(--navy);display:flex;align-items:center;gap:13px}.nav-login svg{width:17px}.button{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:52px;padding:14px 22px;border-radius:9px;font-size:.9rem;font-weight:750;text-decoration:none;transition:transform .2s,background .2s}.button.gold{color:var(--navy);background:var(--gold)}.button.gold:hover{background:#e4bd6d;transform:translateY(-2px)}.button svg,.text-link svg{width:20px;height:20px}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:.9rem;font-weight:700;text-decoration:none;line-height:1.6}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.button-row{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.hero{padding-block:85px 90px;display:grid;grid-template-columns:1.14fr 1fr;align-items:center;gap:65px}.hero-copy .lead{max-width:555px;margin-bottom:29px}.hero h1{font-size:clamp(2.8rem,4.2vw,4.1rem)}.hero-notes{display:flex;gap:24px;flex-wrap:wrap;font-size:.73rem;color:#5d707c;margin-top:25px}.hero-notes svg{width:14px;height:14px;color:#7b6a41;margin-right:4px}.product-scene{position:relative;padding:24px 0 20px;isolation:isolate}.scene-orbit{position:absolute;inset:-35px -30px;background:radial-gradient(ellipse at 75% 35%,#e9ddbe 0,#f4f3ee 37%,#eff4f5 64%,transparent 70%);border-radius:50%;z-index:-1}.product-window{background:#fff;border:1px solid #dfe6e9;border-radius:15px;box-shadow:0 25px 60px #09283e16;transform:rotate(-1deg);overflow:hidden}.window-top{background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:17px 20px}.window-brand{font-size:1.2rem;font-weight:850;letter-spacing:-.08em}.window-brand small{font-size:.55rem;letter-spacing:.16em;font-weight:650;margin-left:8px}.demo-label{font-size:.61rem;color:#bdd0dc;letter-spacing:.03em}.window-body{padding:25px}.mock-heading{display:flex;align-items:center;justify-content:space-between}.micro{font-size:.55rem;font-weight:700;letter-spacing:.1em;color:#718796}.mock-heading h2{font-size:1.5rem;letter-spacing:-.035em;margin:7px 0 9px}.mock-avatar{width:34px;height:34px;background:#ede8da;color:#806631;display:grid;place-items:center;border-radius:50%;font-size:.8rem;font-weight:700}.mock-muted{font-size:.68rem;color:#6f8290;margin-bottom:20px}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mock-stats>div{background:#eff4f6;padding:11px;border:1px solid #e6ebed;border-radius:9px;display:grid;grid-template-columns:1fr 1fr;gap:5px;align-items:center}.mock-stats>div:nth-child(2){background:#f6f1e7}.mock-stats>div:nth-child(3){background:#edf4f0}.mock-stats svg{width:17px;height:17px;color:#678292}.mock-stats strong{font-size:1.4rem;font-weight:650;text-align:right;line-height:1.2}.mock-stats small{grid-column:span 2;font-size:.6rem;color:#667b89}.mock-section-title{display:flex;align-items:center;justify-content:space-between;font-size:.73rem;padding:25px 0 7px}.mock-section-title>span{font-size:.6rem;color:#6c8492}.mock-task{display:flex;align-items:center;gap:11px;border-bottom:1px solid #e8edf0;padding:12px 0}.task-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#edf3f6}.task-icon.amber{background:#f5edda}.task-icon svg{width:17px;height:17px}.mock-task strong,.mock-task small{display:block;font-size:.71rem}.mock-task small{font-size:.6rem;color:#718693;margin-top:3px}.task-arrow{margin-left:auto;font-size:.9rem;color:#647d8c}.mock-ai{display:flex;align-items:center;gap:13px;padding:15px;margin-top:20px;background:#0c2d44;color:#fff;border-radius:10px}.mock-ai strong{font-size:.71rem}.mock-ai p{color:#b9cdd8;font-size:.61rem;margin:5px 0 0;line-height:1.6}.ai-spark{color:var(--gold)}.scene-caption{display:flex;align-items:center;justify-content:center;gap:7px;font-size:.63rem;color:#69808e;margin-top:22px}.scene-caption svg{width:14px;height:14px}
.principle-strip{border-block:1px solid var(--line);background:var(--wash);font-size:.79rem;font-weight:650;color:#617785}.principle-strip .wrap{display:flex;align-items:center;justify-content:space-between;padding-block:24px;gap:18px}.principle-strip i{font-style:normal;color:#b99753;margin-inline:12px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:65px;margin-bottom:45px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:380px;margin:0;color:var(--muted);font-size:.98rem;line-height:1.8}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.benefit-grid article{border-top:1px solid var(--line);padding-top:28px}.feature-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:12px;background:var(--wash);color:#3e647a;margin-bottom:21px}.benefit-grid p{color:var(--muted);font-size:.94rem;line-height:1.8;margin:0}.module-section{background:var(--warm)}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.module-card{background:#fff;padding:28px 23px;text-decoration:none;border:1px solid #e6e4db;border-radius:13px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.module-card:hover{transform:translateY(-4px);border-color:#be9a53}.module-number{font-size:.72rem;color:#a48a52;letter-spacing:.07em;font-weight:700;display:block;margin-bottom:21px}.module-card>svg{color:#51778c;margin-bottom:24px;width:28px;height:28px}.module-card h3{font-size:1.2rem;margin-bottom:14px}.module-card p{font-size:.87rem;line-height:1.8;color:var(--muted);margin-bottom:30px}.module-more{margin-top:auto;font-size:.68rem;font-weight:700;color:#6f7e84;display:flex;justify-content:space-between;gap:10px}.module-more b{font-size:1rem;color:var(--navy)}
.ai-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.ai-art{position:relative;min-height:340px;border-radius:50%;background:radial-gradient(circle,#f1ead8 0,#f6f7f2 45%,transparent 70%);display:grid;place-items:center}.ai-art:before,.ai-art:after{content:"";position:absolute;inset:35px;border:1px solid #d7dfdc;border-radius:50%}.ai-art:after{inset:70px;border-style:dashed}.ai-art-core{width:100px;height:100px;display:grid;place-items:center;background:var(--navy);border-radius:26px;color:#fff;font:italic 65px Georgia,serif;position:relative;box-shadow:0 18px 35px #09283e1a;z-index:1}.ai-art-core span{position:absolute;font:25px Georgia;right:10px;bottom:10px;color:var(--gold)}.ai-art-note{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 22px #09283e08;padding:14px 18px;font-size:.78rem;font-weight:650;z-index:2}.ai-art-note svg{width:20px;height:20px;color:#6a8b9b}.note-one{top:28px;left:15px}.note-two{top:160px;right:0}.note-three{bottom:25px;left:30px}.check-list{list-style:none;padding:0;margin:23px 0 26px;color:#536e7e;font-size:.85rem}.check-list li{display:flex;align-items:center;gap:12px;margin-bottom:13px}.check-list svg{width:17px;height:17px;color:#9c7e3b}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:0}.steps li{border-top:1px solid #bdcbd0;padding-top:24px}.steps li>span{display:grid;place-items:center;background:var(--gold-pale);width:37px;height:37px;border-radius:50%;font-size:.7rem;font-weight:700;color:#8c6f31;margin-bottom:22px}.steps h3{margin-bottom:12px}.steps p{font-size:.9rem;color:var(--muted);line-height:1.8;margin-bottom:0}.closing-cta{background:var(--navy);border-radius:18px;padding:52px;display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:12px;margin-bottom:90px}.closing-cta .eyebrow{color:#d6b972;margin-bottom:14px}.closing-cta h2{color:#fff;font-size:2.2rem;margin-bottom:14px}.closing-cta p:not(.eyebrow){color:#bdd0dc;font-size:.94rem;margin:0}.closing-cta .button{flex-shrink:0}
.site-footer{background:var(--wash);border-top:1px solid var(--line);font-size:.8rem;color:#647b89;padding-top:48px}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;padding-bottom:38px}.footer-brand{font-size:1.8rem;text-decoration:none;letter-spacing:-.06em;color:var(--navy);font-weight:750}.footer-brand>span{color:#b8974c;margin-left:6px}.footer-main p{margin:12px 0 0;line-height:1.8;font-size:.79rem}.footer-main nav{display:grid;gap:12px;justify-content:start}.footer-main nav a,.footer-bottom a{text-decoration:none}.footer-main nav a:hover,.footer-bottom a:hover{text-decoration:underline}.footer-status{padding-top:7px;font-size:.75rem}.footer-status .status-dot{margin-right:10px}.footer-bottom{border-top:1px solid var(--line);padding-block:21px;display:flex;justify-content:space-between;gap:15px;font-size:.72rem}.page-intro{padding-block:85px 70px}.page-intro h1{max-width:940px}.page-intro .lead{max-width:700px}.detail-row{display:grid;grid-template-columns:1fr 1.6fr;gap:100px;padding-block:52px;border-top:1px solid var(--line);scroll-margin-top:30px}.detail-title h2{font-size:2rem;margin-bottom:20px}.detail-row h3{font-size:1.5rem;margin-bottom:18px}.detail-row p{color:var(--muted);line-height:1.8;font-size:.98rem}.pill{display:inline-block;padding:5px 12px;background:#eef4f1;color:#426953;border:1px solid #d7e5dd;border-radius:30px;font-size:.65rem;font-weight:700}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px;padding:0;margin:25px 0;list-style:none;font-size:.84rem}.feature-list li{border-bottom:1px solid #edf0f1;padding-bottom:10px}.detail-row p.muted{font-size:.83rem}.notice-panel{padding:36px;border:1px solid var(--line);border-radius:15px;background:var(--wash);display:flex;gap:30px}.notice-panel .feature-icon{background:#fff;flex-shrink:0}.notice-panel h2{font-size:1.5rem;margin:0 0 16px}.notice-panel p{margin:0;color:var(--muted);font-size:.95rem;max-width:800px}.journey{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.journey h2{font-size:1.2rem;line-height:1.3;letter-spacing:-.03em}.split-panel{background:var(--warm);padding:45px;border-radius:16px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.split-panel p{color:var(--muted);font-size:.95rem}.split-panel .eyebrow{font-size:.7rem}.split-panel p:last-child{margin-bottom:0}.split-panel h2{margin-bottom:0;font-size:2.1rem}.faq-section{padding-top:25px;display:grid;grid-template-columns:1fr 1.65fr;gap:80px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{font-size:.98rem;font-weight:650;color:var(--navy);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-size:1.1rem;font-weight:400;color:#9a834e}.faq-list details[open] summary:after{content:"−"}.faq-list details p{margin:17px 32px 0 0;font-size:.9rem;line-height:1.8;color:var(--muted)}.contact-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;padding-bottom:95px}.contact-card{padding:40px;border:1px solid var(--line);border-radius:15px;background:var(--wash)}.contact-card h2{font-size:1.8rem}.contact-card p{color:var(--muted);font-size:.96rem}.contact-pending{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;margin:25px 0}.contact-pending strong{font-size:.92rem}.contact-pending p{font-size:.85rem;margin:10px 0 0}.contact-guide{padding-top:18px}.contact-guide h2{font-size:2rem}.contact-guide ol{list-style:none;counter-reset:contact;padding:0;margin:30px 0}.contact-guide li{counter-increment:contact;position:relative;padding:0 0 24px 40px}.contact-guide li:before{content:counter(contact,decimal-leading-zero);position:absolute;left:0;top:2px;color:#a38b50;font-size:.75rem}.contact-guide li strong,.contact-guide li span{display:block;font-size:.9rem}.contact-guide li span{color:var(--muted);font-size:.86rem;margin-top:6px}.prose{max-width:790px;padding-top:5px}.prose h2{font-size:1.6rem;margin-top:35px}.prose p{color:var(--muted);font-size:1rem;line-height:1.8}.prose p.muted{font-size:.85rem}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.hero{gap:30px;padding-block:65px}.hero h1{font-size:3rem}.hero-copy .eyebrow{font-size:.62rem}.hero .button-row{gap:16px}.button{padding-inline:18px}.lead{font-size:1.03rem}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit-grid{gap:28px}.ai-section{gap:50px}.section-heading{gap:30px}.detail-row{gap:50px}.journey{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-layout{gap:45px}.header-inner nav{gap:22px}.closing-cta{padding:38px}.closing-cta h2{font-size:1.9rem}}
@media(max-width:760px){html{scroll-padding-top:145px}.wrap{width:calc(100% - 36px)}.section{padding-block:60px}.header-inner{min-height:122px;flex-wrap:wrap;gap:2px;padding-block:10px}.brand img{width:47px;height:47px}.brand>span{font-size:1.25rem}.brand small{font-size:.48rem}.header-inner nav{width:100%;justify-content:space-between;gap:10px}.header-inner nav a{font-size:.76rem;padding-block:8px}.header-inner nav a.nav-login{padding:7px 10px;gap:7px}.nav-login svg{width:15px;height:15px}.hero{grid-template-columns:1fr;gap:35px;padding-block:48px 45px}.hero h1{font-size:clamp(2.3rem,7.5vw,3.4rem);letter-spacing:-.045em}.hero .eyebrow{font-size:.62rem}.hero-copy .lead{font-size:1rem;line-height:1.8}.hero-notes{gap:15px;font-size:.68rem}.product-scene{width:min(100%,480px);margin-inline:auto;padding:10px 9px}.scene-orbit{inset:-12px 0}.window-body{padding:23px}.product-window{transform:none}.principle-strip .wrap{display:grid;justify-content:start;gap:6px;font-size:.7rem;padding-block:19px}.principle-strip i{margin-inline:7px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:22px;max-width:unset;font-size:.94rem}.section-heading>.text-link{margin-top:20px}.benefit-grid{grid-template-columns:1fr;gap:30px}.benefit-grid article{padding-top:23px}.benefit-grid .feature-icon{margin-bottom:16px}.benefit-grid h3{margin-bottom:12px}.module-grid{gap:12px}.module-card{padding:21px 16px}.module-card h3{font-size:1.1rem}.module-card p{font-size:.8rem;margin-bottom:20px}.module-more{font-size:.59rem}.ai-section{grid-template-columns:1fr;gap:35px}.ai-art{min-height:290px;max-width:420px;width:100%;margin-inline:auto;order:2}.ai-art-note{font-size:.7rem;padding:11px 13px}.note-one{top:20px}.note-two{top:125px}.note-three{bottom:17px}.ai-art-core{width:90px;height:90px}.steps{grid-template-columns:1fr;gap:26px}.steps li{padding-top:19px}.steps li>span{margin-bottom:14px}.closing-cta{display:block;padding:29px 24px;border-radius:13px;margin-top:0;margin-bottom:55px}.closing-cta h2{font-size:1.75rem}.closing-cta .button{margin-top:24px}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-status{grid-column:span 2}.footer-bottom{font-size:.65rem}.page-intro{padding-block:48px 42px}.page-intro h1{font-size:2.6rem}.page-intro .lead{font-size:1rem}.detail-row{grid-template-columns:1fr;gap:28px;padding-block:35px}.detail-title h2{margin-bottom:14px}.detail-title .module-number{margin-bottom:15px}.feature-list{grid-template-columns:1fr}.notice-panel{display:block;padding:25px}.journey{grid-template-columns:1fr}.journey li{display:grid;grid-template-columns:40px 1fr;column-gap:17px}.journey li>span{grid-row:span 2}.journey h2{margin-bottom:12px}.split-panel{grid-template-columns:1fr;padding:28px;gap:25px}.split-panel h2{font-size:1.9rem}.faq-section{grid-template-columns:1fr;gap:25px;padding-top:0}.faq-list summary{font-size:.91rem}.contact-layout{grid-template-columns:1fr;gap:30px;padding-bottom:60px}.contact-card{padding:27px}.contact-guide{padding:0}.prose{padding-top:0}.prose h2{font-size:1.5rem}}
@media(max-width:360px){.wrap{width:calc(100% - 28px)}.module-grid{grid-template-columns:1fr}.hero h1,.page-intro h1{font-size:2.2rem}.hero-notes{display:grid}.window-body{padding:17px}.mock-stats{gap:6px}.mock-stats>div{padding:9px}.button-row{align-items:start;flex-direction:column}.scene-caption{font-size:.56rem}.header-inner nav{gap:6px}.header-inner nav a{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.module-card{transition:none}.button.gold:hover,.module-card:hover{transform:none}}
@media(max-width:760px){.header-inner nav a{min-height:44px;display:inline-flex;align-items:center}.header-inner nav a.nav-login{min-height:44px}}

/* Merkverhaal: een krachtige opening, warme accenten en rustige interacties. */
.hero-shell{position:relative;isolation:isolate;overflow:clip;background:#08283b;background-image:radial-gradient(ellipse at 85% 25%,#235c626e,transparent 48%),radial-gradient(ellipse at 18% 105%,#53674848,transparent 55%);color:#fff}
.hero-shell:before{content:"";position:absolute;width:850px;height:850px;right:-170px;top:-330px;border:1px solid #d7ae552e;border-radius:50%;box-shadow:0 0 0 85px #ffffff03,0 0 0 170px #ffffff02;z-index:-1;pointer-events:none}
.hero-shell:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 55%,#ffffff03 55.1%,transparent 55.3%);z-index:-1;pointer-events:none}
.hero-shell .hero{gap:55px;padding-block:84px 88px;min-height:680px;grid-template-columns:1.14fr 1fr}
.hero-shell .hero h1{font-size:clamp(3rem,5.1vw,4.7rem);letter-spacing:-.055em;line-height:1.06;color:#fff;margin-bottom:27px}
.hero-shell .hero h1 em{color:#eacb85;font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.045em}
.hero-shell .hero .eyebrow{color:#d6bd7b;font-size:.68rem;letter-spacing:.12em}
.hero-shell .hero-copy .lead{color:#c8d9df;font-size:1.04rem;line-height:1.85;max-width:530px;margin-bottom:30px}
.hero-shell .hero .text-link{color:#fff;font-size:.84rem}.hero-shell .hero .text-link svg{color:#eacb85}
.hero-shell .hero .button{border-radius:50px;padding-inline:24px;box-shadow:0 8px 25px #020c1626}
.hero-shell .hero-notes{color:#bccfd7;margin-top:27px;font-size:.72rem}.hero-shell .hero-notes svg{color:#b9d1a4}
.product-scene{padding-top:45px;padding-bottom:14px}
.scene-orbit{inset:0 -12px;background:radial-gradient(ellipse,#57aaa330,transparent 66%);border-radius:50%}
.product-window{transform:rotate(-2deg);box-shadow:0 30px 75px #010b1559;border-color:#d5e1df;border-radius:17px}
.window-top{background:#f5f2e9;color:var(--navy);padding-block:16px;border-bottom:1px solid #dce4e7}
.window-top .demo-label{color:#64776f}.window-brand .gold-text{color:#9e7328}
.window-body{color:var(--ink);padding:25px}
.hero-shell .scene-caption{color:#b3cbd4;font-size:.66rem;margin-top:27px}.hero-shell .scene-caption svg{color:#dbbe7b}
.scene-ticket{position:absolute;right:7px;top:-16px;z-index:3;display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid #eadfc4;border-radius:13px;background:#fffcf4;color:var(--navy);box-shadow:0 10px 30px #010b1530;transform:rotate(2deg)}
.scene-ticket>span{color:#946e29;display:grid;place-items:center;background:#f3e7c9;border-radius:50%;width:33px;height:33px}
.scene-ticket svg{width:19px;height:19px}.scene-ticket small,.scene-ticket strong{display:block}.scene-ticket small{font-size:.6rem;color:#806c42}.scene-ticket strong{font-size:.76rem}
.recognition{background:#f8f4eb;border-bottom:1px solid #eae3d4}
.recognition-inner{padding-block:32px 26px}
.recognition .eyebrow{font-size:.67rem;margin-bottom:16px;color:#8b7545}
.recognition-questions{display:grid;grid-template-columns:1fr 1.2fr 1.15fr;gap:25px}
.recognition-questions p{font-family:Georgia,"Times New Roman",serif;font-size:1.12rem;color:#263e49;display:flex;align-items:center;gap:11px;line-height:1.4;margin:0}
.recognition-questions span{color:#957741}.recognition-questions svg{width:20px;height:20px}
.recognition-answer{font-size:.75rem;color:#69736c;margin:21px 0 0}.recognition-answer strong{color:#6e5730;font-weight:650}
.benefit-grid article{padding:28px 24px;border:1px solid #e3e9e7;border-radius:16px;background:linear-gradient(150deg,#fafbf8,#fff)}
.benefit-grid article:nth-child(2){background:linear-gradient(150deg,#f3f8f5,#fff)}
.benefit-grid article:nth-child(3){background:linear-gradient(150deg,#fcf7eb,#fff)}
.benefit-grid .feature-icon{border-radius:50%;background:#e8eff1}.benefit-grid article:nth-child(2) .feature-icon{background:#e0eee6;color:#37695b}.benefit-grid article:nth-child(3) .feature-icon{background:#f3e8c8;color:#896d32}
.work-story{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;padding:0 0 95px;align-items:center}
.story-copy h2{font-size:clamp(2.1rem,3.3vw,3rem)}.story-copy h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:normal;color:#82704a}
.story-copy>p:not(.eyebrow){max-width:450px;color:var(--muted);font-size:.98rem}
.story-track{list-style:none;margin:0;padding:27px 31px;position:relative;border:1px solid #dbe7e3;border-radius:20px;background:#f2f7f4;box-shadow:15px 15px 0 #f9f5ec}
.story-track li{display:flex;gap:17px;position:relative;padding:19px 0}
.story-track li:not(:last-child){border-bottom:1px solid #dce7df}
.story-icon{display:grid;place-items:center;flex-shrink:0;width:41px;height:41px;border-radius:12px;background:#fff;border:1px solid #dbe6de;color:#48776d}
.story-track li:nth-child(2) .story-icon{background:var(--navy);color:#e3c480;border-color:var(--navy)}
.story-track li:last-child .story-icon{background:#e9e0c7;color:#7b632e;border-color:#e9e0c7}
.story-track small,.story-track strong{display:block}.story-track small{font-size:.64rem;text-transform:uppercase;letter-spacing:.09em;color:#73887b;margin-bottom:5px}.story-track strong{font-size:.94rem;line-height:1.4}.story-track p{font-size:.77rem;color:#668074;line-height:1.6;margin:7px 0 0}
.module-section{background:#f7f5ef;border-block:1px solid #ebe7db}.module-card{border-radius:17px;box-shadow:0 7px 22px #0a2a3b04}.module-card:hover{box-shadow:0 13px 28px #0a2a3b0a}
.ai-art{background:radial-gradient(circle,#dfebe3 0,#f4f6ed 44%,transparent 70%)}
.closing-cta{position:relative;overflow:clip;background:radial-gradient(ellipse at 100% 0,#28666088,transparent 60%),#09283e;padding-block:58px;box-shadow:0 22px 50px #09283e13}
.closing-cta h2{font-size:clamp(2rem,3.2vw,2.8rem)}.closing-cta .button{border-radius:50px}.closing-cta>div{max-width:650px}
.site-footer{background:#071f30;border-color:#163c4d;color:#b8cbd4}.footer-brand{color:#fff}.footer-bottom{border-color:#234252}.footer-status{color:#ccd6d6}
.page-intro{background-image:radial-gradient(ellipse at 100% 0,#f2eddc66,transparent 65%)}.page-intro .eyebrow{color:#947a41}
@media(max-width:1050px){.hero-shell .hero{gap:30px;min-height:unset;padding-block:65px}.hero-shell .hero h1{font-size:3.7rem}.hero-shell .hero-copy .lead{font-size:1rem}.hero-shell .hero .eyebrow{font-size:.6rem}.work-story{gap:45px}.recognition-questions{gap:17px}.recognition-questions p{font-size:.97rem}.scene-ticket{padding:12px 15px}}
@media(max-width:760px){.hero-shell .hero{grid-template-columns:1fr;gap:25px;padding-block:45px 37px}.hero-shell .hero h1{font-size:clamp(2.5rem,9.8vw,4.4rem);margin-bottom:23px}.hero-shell .hero .eyebrow{font-size:.57rem;line-height:1.6;max-width:290px}.hero-shell .hero-copy .lead{font-size:1rem;line-height:1.8}.hero-shell .hero .button-row{gap:19px}.hero-shell .hero .text-link{font-size:.78rem}.hero-shell .hero-notes{font-size:.67rem;gap:17px}.hero-shell:before{width:500px;height:500px;right:-250px;top:-100px}.product-scene{padding:45px 8px 9px;margin-top:7px}.scene-ticket{right:12px;top:6px}.window-body{padding:22px}.product-window{transform:none}.hero-shell .scene-caption{font-size:.61rem;margin-top:20px}.recognition-inner{padding-block:26px}.recognition-questions{grid-template-columns:1fr;gap:15px}.recognition-questions p{font-size:1.04rem}.recognition-answer{margin-top:20px}.benefit-grid article{padding:24px}.work-story{grid-template-columns:1fr;gap:30px;padding-bottom:60px}.story-track{padding:16px 21px;box-shadow:7px 7px 0 #f9f5ec}.story-copy h2{font-size:2.2rem}.story-track strong{font-size:.85rem}.story-track li{gap:14px}.story-icon{width:36px;height:36px}.story-icon svg{width:20px;height:20px}.closing-cta{padding:34px 26px}.closing-cta h2{font-size:2rem}}
@media(max-width:360px){.hero-shell .hero h1{font-size:2.55rem}.hero-shell .hero .button-row{gap:17px}.hero-shell .hero-copy .lead{font-size:.95rem}.scene-ticket{padding:11px 13px;right:11px}.scene-ticket strong{font-size:.68rem}.hero-shell .scene-caption{font-size:.55rem}.window-body{padding:18px}.recognition-questions p{font-size:.96rem}.story-track{padding-inline:17px}.story-copy h2{font-size:2rem}}
@media(max-width:760px){.scene-ticket{top:-13px}}
@media(prefers-reduced-motion:reduce){.product-window,.scene-ticket{transform:none}.module-card:hover{transform:none}}
/* Designreview: één typografische familie, scanbare details en contact zonder omweg. */
.marketing-page{--text-gold:#7c6333;--accent-teal:#315f58}
.header-inner{min-height:88px}.brand img{width:58px;height:58px}.header-inner nav a{font-size:.88rem}
.header-inner nav a.nav-contact{border:1px solid #e5d6ae;border-radius:50px;background:#f7f0df;color:#614c25;padding:11px 18px}
.header-inner nav a.nav-contact:hover{background:#eee1c0}.header-inner nav a.nav-contact[aria-current]{text-decoration:none;border-color:#a78942}
.header-inner nav a.nav-login{border-radius:50px;color:#526877}
.page-intro{padding-block:70px 50px;background-image:none}.page-intro h1{font-size:clamp(2.5rem,4.5vw,4rem);line-height:1.11;max-width:1000px}
.page-intro h1 em,.contact-intro h1 em{font-family:Georgia,"Times New Roman",serif;color:var(--text-gold);font-weight:400;letter-spacing:-.045em;font-style:normal}
.eyebrow,.page-intro .eyebrow{color:var(--text-gold)}.page-intro .lead{font-size:1.06rem;line-height:1.8;max-width:690px}
.hero-shell .hero{padding-block:67px 72px;min-height:620px}.hero-shell .hero-copy .lead{max-width:520px}
.mock-muted{font-size:.73rem}.mock-task strong{font-size:.78rem}.mock-task small{font-size:.66rem}.mock-stats small{font-size:.66rem}.mock-ai strong{font-size:.77rem}.mock-ai p{font-size:.66rem}
.module-number{color:var(--text-gold)}.module-more{font-size:.75rem;color:#536871}.scene-caption{line-height:1.6}
.module-jump{padding-bottom:31px}.module-jump>span{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#617367;margin-bottom:13px}
.module-jump>div{display:flex;flex-wrap:wrap;gap:9px}
.module-jump a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 15px;border-radius:50px;border:1px solid #dbe5df;background:#f4f7f3;text-decoration:none;font-size:.81rem;font-weight:600;color:#355e54}
.module-jump a:hover{border-color:#769789;background:#e9f0e9}.module-jump svg{width:17px;height:17px}
.module-symbol{display:grid;place-items:center;width:49px;height:49px;background:#edf3ee;border:1px solid #dce8df;border-radius:15px;color:#477568;margin-bottom:20px}
.module-symbol svg{width:25px;height:25px}.detail-title .module-number{margin-bottom:11px}.detail-title h2{font-size:1.9rem}
.detail-row{gap:80px;grid-template-columns:1fr 1.65fr;padding-block:44px}.detail-row p{font-size:1rem;max-width:680px}.feature-list{font-size:.88rem;color:#35515b}
.journey{margin-top:12px}.journey li{position:relative;border:0;padding-top:0}
.journey li:not(:last-child):before{content:"";position:absolute;left:39px;right:-24px;top:20px;height:1px;background:#d7e1d9}
.journey li>span{position:relative;z-index:1;background:#0b3043;color:#fff;width:41px;height:41px;border:4px solid #fff;box-shadow:0 0 0 1px #cddbd3;font-size:.75rem;margin-bottom:23px}
.journey li:nth-child(4)>span{background:#82682f}.journey li:last-child>span{background:#315f58}
.journey h2{font-size:1.2rem}.journey p{font-size:.92rem}
.split-panel{background:#f1f5ef;border:1px solid #dbe5d9}.split-panel h2{font-size:2.2rem}
.faq-list summary{min-height:44px;align-items:center;font-size:1rem}.faq-list details[open]{background:#f8f9f5;border-radius:10px;padding-inline:16px;margin-inline:-16px}
.faq-list details p{font-size:.96rem}.faq-list summary:after{color:var(--text-gold)}
.footer-contact{padding-top:4px}.footer-contact .eyebrow{font-size:.67rem;color:#ddc78b;margin:0 0 15px}
.footer-contact>a{font-size:1.15rem;font-weight:650;color:#fff;text-decoration-color:#bd9a52;text-underline-offset:6px;overflow-wrap:anywhere}
.footer-contact>a:hover{text-decoration-thickness:2px}.footer-contact p:not(.eyebrow){font-size:.8rem;color:#b4c8cf}
.contact-stage{display:grid;grid-template-columns:1.17fr 1fr;gap:70px;align-items:center;padding-block:65px 75px}
.contact-intro h1{font-size:clamp(2.6rem,4.5vw,4rem);line-height:1.11;letter-spacing:-.04em;margin-bottom:24px}
.contact-intro .lead{font-size:1.06rem;max-width:490px;line-height:1.8}
.contact-assurance{display:flex;align-items:center;gap:14px;margin-top:28px;color:#45695d}.contact-assurance svg{width:30px;height:30px}
.contact-assurance p{font-size:.84rem;line-height:1.7;margin:0}.contact-assurance strong{font-weight:600}
.contact-stage .contact-card{background:radial-gradient(ellipse at 100% 0,#34766b66,transparent 70%),#092d40;color:#fff;border-color:#244952;border-radius:22px;padding:36px;box-shadow:0 18px 40px #09283e12}
.contact-stage .contact-card .feature-icon{background:#ffffff12;color:#ead398;border:1px solid #ffffff20;border-radius:50%;margin-bottom:23px}
.contact-stage .contact-card .eyebrow{color:#ddc78b;font-size:.68rem;margin-bottom:16px}
.contact-stage .contact-card h2{color:#fff;font-size:1.75rem;line-height:1.25;letter-spacing:-.025em;margin-bottom:25px}
.contact-stage .contact-card p:not(.eyebrow){color:#bcd2d8;font-size:.92rem;line-height:1.75;margin-top:16px;margin-bottom:23px}
.contact-address{display:inline-block;font-size:clamp(1.2rem,2.1vw,1.55rem);font-weight:650;letter-spacing:-.02em;text-decoration:underline;text-decoration-color:#d7ae55;text-underline-offset:7px;color:#fff;overflow-wrap:anywhere}
.contact-stage .contact-card .button{width:100%;border-radius:50px}
.contact-login{display:flex;align-items:center;justify-content:center;gap:9px;font-size:.74rem;min-height:44px;margin-top:14px;color:#c6d6dc;text-decoration:none}.contact-login:hover{text-decoration:underline}.contact-login svg{width:16px;height:16px}
.contact-preparation{padding-block:25px 70px;border-top:1px solid #dce6df}
.contact-preparation .section-heading{padding-top:27px;margin-bottom:35px}.contact-preparation h2{font-size:2.1rem}
.contact-preparation ol{list-style:none;margin:0 0 29px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.contact-preparation li{padding-top:23px;border-top:1px solid #dce6df}.contact-preparation li>span{display:block;font-size:.72rem;color:var(--text-gold);font-weight:650;margin-bottom:17px}
.contact-preparation h3{font-size:1.16rem;margin-bottom:12px}.contact-preparation li p{font-size:.91rem;line-height:1.8;color:var(--muted);margin:0}
@media(max-width:1050px){.contact-stage{gap:40px}.contact-stage .contact-card{padding:30px}.detail-row{gap:45px}.journey{grid-template-columns:1fr;gap:24px}
.journey li{display:grid;grid-template-columns:48px 1fr;column-gap:20px;align-items:start}.journey li>span{grid-row:span 2;margin-bottom:0}.journey h2{margin:4px 0 10px}.journey p{max-width:650px;margin:0}
.journey li:not(:last-child):before{left:20px;right:auto;top:45px;bottom:-20px;width:1px;height:auto}.footer-contact>a{font-size:1.05rem}}
@media(max-width:760px){html{scroll-padding-top:115px}.header-inner{position:relative;min-height:100px;padding-block:8px 0;gap:0}.brand img{width:43px;height:43px}.brand>span{font-size:1.2rem}.brand small{font-size:.46rem}.header-inner nav{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:5px}
.header-inner nav a{justify-content:center;min-height:44px;font-size:.8rem;padding-inline:7px}.header-inner nav a.nav-login{position:absolute;right:0;top:10px;min-height:40px;font-size:.75rem;padding:8px 11px;gap:7px}
.header-inner nav a.nav-contact{border:0;background:none;border-radius:0;padding:8px 7px;color:#566b78}.header-inner nav a.nav-contact[aria-current]{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:9px}
.page-intro{padding-block:39px 32px}.page-intro h1{font-size:clamp(2.2rem,8.5vw,3.2rem)}.page-intro .lead{font-size:1rem}
.hero-shell .hero{min-height:unset;padding-block:38px 33px}.hero-shell .hero-copy .lead{font-size:1rem}.mock-task strong{font-size:.77rem}.module-jump{padding-bottom:24px}.module-jump>div{gap:8px}.module-jump a{padding:9px 12px;font-size:.75rem}
.detail-row{grid-template-columns:1fr;gap:24px;padding-block:32px}.module-symbol{width:43px;height:43px;margin-bottom:16px}.module-symbol svg{width:22px;height:22px}.detail-title h2{font-size:1.8rem}.detail-row p{font-size:.97rem}.feature-list{font-size:.86rem}
.journey{margin-top:3px;gap:26px}.journey li{grid-template-columns:42px 1fr;column-gap:17px}.journey p{font-size:.92rem}.split-panel h2{font-size:1.9rem}
.faq-list summary{font-size:.94rem}.faq-list details p{font-size:.92rem;margin-right:0}.footer-main{grid-template-columns:1fr 1fr}.footer-contact{grid-column:span 2;border-top:1px solid #234252;padding-top:24px}.footer-contact>a{font-size:1.25rem}
.contact-stage{grid-template-columns:1fr;gap:30px;padding-block:38px 45px}.contact-intro h1{font-size:clamp(2.35rem,8.7vw,3.4rem)}.contact-intro .lead{font-size:1rem;margin-bottom:0}.contact-assurance{display:none}
.contact-stage .contact-card{padding:27px;border-radius:18px}.contact-stage .contact-card .feature-icon{width:39px;height:39px;margin-bottom:18px}.contact-stage .contact-card h2{font-size:1.6rem;margin-bottom:20px}.contact-address{font-size:1.4rem}
.contact-stage .contact-card p:not(.eyebrow){font-size:.89rem;margin-bottom:19px}.contact-preparation{padding-block:0 50px}.contact-preparation .section-heading{padding-top:29px}
.contact-preparation ol{grid-template-columns:1fr;gap:24px}.contact-preparation li{padding-top:19px}.contact-preparation li>span{margin-bottom:12px}.contact-preparation h2{font-size:1.9rem}}
@media(prefers-reduced-motion:reduce){.module-jump a{transition:none}}