/* Homepage — Codex design 02 (docs/design/homepage-presentation/nieuw.css), production additions at the end. */
:root{--ink:#27352f;--muted:#67716a;--sage:#e9eee3;--paper:#fafbf7;--plum:#725484;--line:#dce2d7;--green:#506947}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #9261ac;outline-offset:5px}button{color:inherit}h1,h2,h3,p,figure{margin:0}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--green)}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.preview-note{background:#26372d;color:#e6eddf;display:flex;justify-content:space-between;padding:10px 35px;font-size:10px;letter-spacing:1px}.preview-note a{letter-spacing:0;opacity:.8}.nav{height:86px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;background:#fafbf7ee;backdrop-filter:blur(18px);z-index:20;border-bottom:1px solid #27352f0c}.brand{display:flex;align-items:center;gap:9px;font-weight:650;font-size:21px;letter-spacing:-.7px}.brand svg{color:#778f5b;width:26px;height:26px}.brand span{font-size:10px;align-self:flex-start;padding-top:4px}.nav nav{display:flex;gap:32px;font-size:13px}.nav nav a:hover{color:var(--plum)}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;padding:18px 25px;border:1px solid transparent;background:var(--plum);color:#fff;border-radius:9px;font-size:14px;font-weight:550;transition:background .2s,transform .2s}.button:hover{background:#604270;transform:translateY(-2px)}.button svg{width:17px;height:17px}.button.small{padding:12px 17px;font-size:12px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.2px;line-height:1.6;color:#627258}.hero{padding-top:74px}.hero>.eyebrow{display:flex;align-items:center;gap:10px}.live-dot{width:6px;height:6px;border-radius:50%;background:#8baf6a}h1{font-size:clamp(72px,8.8vw,125px);line-height:.98;letter-spacing:-7px;font-weight:500;margin-top:32px}.hero h1 em{letter-spacing:-5px}.hero-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:38px;margin-bottom:50px;gap:25px}.hero-bottom>p{font-size:23px;line-height:1.5;letter-spacing:-.5px}.hero-bottom>p span{display:block;font-size:15px;line-height:1.9;color:var(--muted);letter-spacing:0;margin-top:9px}.quiet{display:block;color:var(--muted);font-size:11px;margin-top:13px}.hero-bottom .quiet{text-align:center}.hero-stage{position:relative;background:linear-gradient(125deg,#e5ebdd,#f0f2eb 65%,#e5e4ec);border-radius:20px;padding:25px 32px 22px;overflow:hidden}.stage-caption{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;margin-bottom:42px;gap:20px;color:#677360}.stage-caption span:nth-child(2){font-size:13px;letter-spacing:0;color:var(--ink)}.stage-caption span:last-child{font-size:10px;letter-spacing:0}.hero-laptop{width:88%;margin-bottom:15px}.laptop{display:block;width:100%;border:0;padding:0;background:transparent;cursor:zoom-in}.lid{display:block;position:relative;background:#242627;border:2px solid #5e6061;border-radius:15px 15px 3px 3px;padding:16px 8px 0;margin:0 3%;box-shadow:0 14px 25px #27352f14}.lid img{width:100%;height:auto;display:block;aspect-ratio:1.6}.camera{position:absolute;top:5px;left:50%;width:4px;height:4px;border-radius:50%;background:#607074}.device-label{display:block;color:#bbb;font-size:8px;padding:5px;letter-spacing:.3px}.base{display:block;width:100%;height:17px;background:linear-gradient(#d7dadc,#b0b2b4 40%,#74787b);border-radius:2px 2px 50% 50%/2px 2px 85% 85%;position:relative;box-shadow:0 20px 30px #2335251a}.base:before{content:'';position:absolute;width:16%;left:42%;height:5px;background:#999e9f;border-radius:0 0 10px 10px}.hero-phone{position:absolute;width:18%;right:29px;bottom:86px}.phone{display:block;width:100%;border-radius:35px;background:#1c1e20;border:2px solid #858889;padding:6px;box-shadow:8px 18px 30px #14201726;cursor:zoom-in;overflow:hidden}.phone img{display:block;width:100%;height:auto;aspect-ratio:1170/2532}.phone-top{display:flex;background:#f7f7f9;height:24px;border-radius:26px 26px 0 0;align-items:flex-start;justify-content:center}.phone-top>span{width:35%;height:16px;background:#1c1e20;border-radius:0 0 12px 12px}.phone-bottom{display:block;position:relative;background:#f7f7f9;border-radius:0 0 26px 26px;height:19px}.phone-bottom:after{content:'';position:absolute;bottom:5px;left:35%;width:30%;height:3px;background:#222;border-radius:4px}.stage-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:27px}.text-button{display:inline-flex;gap:10px;align-items:center;border:0;border-bottom:1px solid #7c887255;padding:9px 0;background:none;font-size:12px;font-weight:550;cursor:pointer}.text-button svg{width:15px;height:15px}.text-button:hover{color:var(--plum)}.ribbon{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:30px;padding:43px 20px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:2px;color:#677761}.ribbon b{font-size:15px;font-weight:400;color:#a4b19b}.chapter{padding-top:115px;padding-bottom:110px}.chapter-heading{text-align:center}.chapter-heading h2{margin:22px 0}.chapter-heading>p:last-child{font-size:15px;line-height:1.9;color:var(--muted)}h2{font-size:clamp(38px,4.4vw,62px);font-weight:500;line-height:1.1;letter-spacing:-2.8px}.story-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-bottom:1px solid var(--line);margin-top:46px;margin-bottom:40px}.story-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;text-align:left;padding:21px 20px;display:flex;gap:18px;align-items:center;font-size:15px}.story-tabs button span{font-size:10px;color:#8a9484}.story-tabs button svg{margin-left:auto;width:19px;height:19px}.story-tabs button[aria-selected=true]{background:#eef1e8;border-bottom-color:#789260;border-radius:9px 9px 0 0}.story-intro{display:flex;justify-content:space-between;align-items:start;gap:50px;padding:5px 0 30px}.story-intro h3{font-size:30px;font-weight:500;line-height:1.2;letter-spacing:-1px;max-width:420px}.story-intro p{max-width:500px;font-size:14px;line-height:1.9;color:var(--muted)}.story-screen{background:#edf0e8;border:1px solid #e0e6d9;border-radius:16px;padding:30px;display:grid;grid-template-columns:1fr 250px;gap:40px;align-items:center}.story-screen .phone{max-width:230px;margin:auto}.screen-side p{font-size:11px;line-height:1.7;color:var(--muted);text-align:center;margin-top:16px}.screen-side .phone{width:160px}.story-screen .text-button{display:flex;justify-content:center;margin:16px auto 0;width:fit-content}.story-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}.story-steps>div{border-top:1px solid var(--line);padding:20px 0}.story-steps span{font-size:10px;color:#80926e}.story-steps h4{font-size:15px;font-weight:600;margin:12px 0 8px}.story-steps p{font-size:12px;line-height:1.8;color:var(--muted)}.shop-process{background:#eee8de;border-radius:16px;padding:35px}.shop-process .process-label{font-size:10px;letter-spacing:1.5px;color:#786957}.shop-nodes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:35px 0 15px}.shop-node{border-top:2px solid #a69377;padding-top:24px}.shop-node>svg{width:27px;height:27px;color:#7e6e53;margin-bottom:30px}.shop-node h4{font-size:20px;font-weight:500;letter-spacing:-.5px;margin:0 0 15px}.shop-node p{font-size:12px;line-height:1.9;color:#786f62}.fine{font-size:11px;line-height:1.8;color:#75806e;margin-top:23px}.booking{background:#e7edde;padding:100px 0}.booking-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:95px;align-items:center}.booking h2{margin:25px 0}.intro{font-size:17px;line-height:1.85;color:var(--muted)}.booking-detail{display:flex;gap:20px;border-top:1px solid #cdd8c4;padding-top:30px;margin-top:32px;margin-bottom:18px}.number{font-size:25px;color:#7b9066}.booking-detail h3{font-size:17px;font-weight:550;margin-bottom:12px}.booking-detail p{font-size:14px;color:var(--muted);line-height:1.8}.booking-device{position:relative;display:flex;justify-content:center;padding:25px 0}.booking-device>.phone{width:286px}.label-float{position:absolute;top:-15px;font-family:Georgia,serif;font-size:16px;font-style:italic;color:#647458;transform:rotate(-4deg)}.workshop{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:115px;padding-bottom:115px}.workshop-intro h2{margin:30px 0}.workshop-intro>p:not(.eyebrow){font-size:15px;line-height:1.9;color:var(--muted);max-width:390px;margin-bottom:22px}.chain-item{position:relative;border-bottom:1px solid var(--line);padding:0 0 30px 50px;margin-bottom:30px}.chain-item>span{position:absolute;left:0;top:2px;font-size:10px;color:#8b937f}.chain-item>svg{height:23px;width:23px;color:#859773;margin-bottom:16px}.chain-item h3{font-size:23px;font-weight:500;letter-spacing:-.6px;margin-bottom:12px}.chain-item p{font-size:14px;line-height:1.85;color:var(--muted)}.continuity{background:#293b30;color:#f0f3e9;padding:100px 0}.continuity .eyebrow{color:#afc29b}.continuity h2{margin:25px 0}.continuity em{color:#c9d8b6}.continuity .intro{color:#c3cfc0}.continuity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:65px}.continuity-grid article{border-top:1px solid #ffffff24;padding-top:27px}.continuity-grid svg{color:#b4ca99;width:24px;height:24px;margin-bottom:25px}.continuity-grid h3{font-size:17px;font-weight:500;margin-bottom:14px}.continuity-grid p{font-size:13px;line-height:1.85;color:#bfcbba}.migration{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;padding-top:95px;padding-bottom:100px}.migration h2{font-size:44px;margin-top:23px}.migration>div:last-child{padding-top:34px}.migration p:not(.eyebrow){line-height:1.9;color:var(--muted);margin-bottom:22px}.migration p:not(.intro):not(.eyebrow){font-size:14px}.pricing{background:#edf0e7;padding:85px 0}.pricing-top{display:flex;justify-content:space-between;gap:20px;align-items:end}.pricing h2{font-size:43px;margin-top:20px}.price-switch{border:1px solid #cdd6c4;border-radius:30px;padding:4px;display:flex;flex-shrink:0}.price-switch button{font-size:12px;border:0;background:none;padding:12px 20px;border-radius:25px}.price-switch button[aria-pressed=true]{background:#fff;box-shadow:0 2px 8px #00000009}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px}.price-grid.team{grid-template-columns:repeat(2,1fr)}.plan{border:1px solid #dbe1d3;border-radius:12px;padding:25px;background:#fafbf7;position:relative}.plan.featured{background:#344834;color:white;border-color:#344834}.plan-label{font-size:10px;color:#67765b;letter-spacing:1px;height:15px;margin-bottom:20px}.featured .plan-label{color:#d2e3bb}.plan h3{font-size:19px;font-weight:500}.plan-price{font-size:32px;letter-spacing:-1px;margin:25px 0 20px}.plan-price small{font-size:10px;letter-spacing:0;margin-left:5px;color:#76836b}.featured .plan-price small{color:#becab4}.plan>p:last-child{font-size:12px;line-height:1.9;color:#697362}.featured>p:last-child{color:#d4dfca}.closing{text-align:center;padding:115px 0 105px}.closing h2{margin:25px 0}.closing>p:not(.eyebrow){font-size:15px;color:var(--muted);margin:25px 0 30px}.closing .quiet{margin-top:18px}footer{border-top:1px solid var(--line);padding:28px 0 35px;display:flex;justify-content:space-between;gap:25px;align-items:center}footer span,footer>a:last-child{font-size:10px;color:var(--muted)}dialog{border:1px solid #d9e0d2;border-radius:15px;padding:0;color:var(--ink)}dialog::backdrop{background:#18241dcc;backdrop-filter:blur(7px)}#viewer{width:calc(100vw - 32px);height:calc(100dvh - 32px);max-width:1800px;max-height:none;background:#eaf0e3}.viewer-head{display:flex;justify-content:space-between;align-items:center;gap:18px;height:88px;padding:18px 22px;background:#fff;border-bottom:1px solid var(--line)}.viewer-head h2{font-size:18px;letter-spacing:-.4px}.viewer-head p{font-size:11px;color:var(--muted);margin-top:6px}.viewer-head button{background:#f2f5ee;border:1px solid var(--line);padding:11px 17px;border-radius:7px;font-size:12px}.viewer-head button:last-child{background:var(--ink);color:white}.viewport{height:calc(100% - 88px);overflow:auto;display:flex;align-items:start;justify-content:center;padding:20px}.viewport img{display:block;max-width:100%;max-height:100%;object-fit:contain;height:auto;width:auto}.viewport.zoomed{display:block}.viewport.zoomed img{width:1440px;max-width:none;max-height:none;margin:auto}.viewport.zoomed img.mobile{width:390px}#trial{padding:45px;max-width:min(520px,calc(100% - 30px));background:var(--paper)}#trial h2{font-size:33px;margin:20px 0}#trial>p:not(.eyebrow){font-size:14px;line-height:1.8;margin-bottom:25px;color:var(--muted)}#trial>button:first-child{position:absolute;right:16px;top:12px;border:0;background:none;font-size:26px}.story-panel-enter{animation:appear .25s ease}@keyframes appear{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.hero-stage{padding:30px 42px}.hero-phone{right:40px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.nav{padding:0 28px}.nav nav{gap:18px}.hero{padding-top:55px}h1{font-size:90px}.hero-phone{width:20%;right:20px}.hero-laptop{width:90%}.hero-stage{padding:22px}.stage-caption .desktop-only{display:none}.story-screen{grid-template-columns:1fr 165px;gap:20px;padding:22px}.screen-side .phone{width:145px}.booking-grid{gap:50px}.workshop{gap:55px}.price-grid{grid-template-columns:repeat(2,1fr)}.migration{gap:50px}.pricing-top{align-items:start;flex-direction:column}.continuity-grid{gap:25px}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.preview-note{padding:9px 18px;font-size:8px}.preview-note a{font-size:8px;letter-spacing:0}.nav{height:68px;padding:0 18px}.brand{font-size:18px}.brand svg{width:22px}.nav nav{display:none}.nav>.button{font-size:10px;padding:10px 12px;gap:10px}.hero{padding-top:43px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:65px;letter-spacing:-3.8px;margin-top:25px}.hero h1 em{letter-spacing:-3px}.hero-bottom{flex-direction:column;align-items:start;gap:25px;margin:28px 0 32px}.hero-bottom>p{font-size:20px}.hero-bottom>p span{font-size:13px;line-height:1.8}.hero-bottom>div{width:100%}.hero-bottom .button{width:100%;padding:15px}.hero-stage{padding:17px 12px;border-radius:12px;overflow:visible}.stage-caption{margin-bottom:24px;font-size:8px;gap:8px}.stage-caption span:nth-child(2){font-size:10px}.hero-laptop{width:100%;margin-bottom:0}.lid{padding:8px 4px 0;border-radius:8px 8px 2px 2px;border-width:1px}.camera{width:2px;height:2px;top:3px}.device-label{font-size:5px;padding:3px}.base{height:9px}.hero-phone{position:relative;right:auto;bottom:auto;width:180px;margin:27px auto 0}.stage-bottom{flex-direction:column;gap:10px;font-size:11px;margin-top:20px}.phone{border-radius:30px;padding:5px}.phone-top{height:23px;border-radius:23px 23px 0 0}.phone-bottom{border-radius:0 0 23px 23px}.ribbon{gap:13px;padding:27px 18px;font-size:8px;letter-spacing:1px}.ribbon b{display:none}.chapter{padding-top:60px;padding-bottom:60px}h2{font-size:38px;letter-spacing:-1.7px}.chapter-heading>p:last-child{font-size:13px}.story-tabs{gap:0;margin:30px 0 25px}.story-tabs button{font-size:11px;padding:15px 5px;gap:7px;justify-content:center}.story-tabs button svg{display:none}.story-tabs button span{font-size:8px}.story-intro{flex-direction:column;gap:15px;padding-bottom:24px}.story-intro h3{font-size:27px}.story-intro p{font-size:13px}.story-screen{grid-template-columns:1fr;padding:20px 10px;gap:24px}.screen-side .phone{width:220px}.screen-side p{max-width:230px;margin:15px auto 0}.story-steps{grid-template-columns:1fr;gap:0;margin-top:20px}.story-steps>div{padding:17px 0}.story-steps h4{margin-top:8px}.shop-process{padding:25px}.shop-nodes{grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.shop-node>svg{margin-bottom:20px}.shop-node h4{font-size:18px}.booking{padding:65px 0}.booking-grid{grid-template-columns:1fr;gap:55px}.intro{font-size:15px}.booking-device>.phone{width:275px}.workshop{grid-template-columns:1fr;gap:45px;padding-top:65px;padding-bottom:60px}.workshop-intro h2{margin:23px 0}.chain-item{padding-left:35px}.continuity{padding:65px 0}.continuity-grid{grid-template-columns:1fr;gap:25px;margin-top:35px}.continuity-grid article{padding-top:20px}.continuity-grid svg{margin-bottom:15px}.migration{grid-template-columns:1fr;gap:25px;padding-top:65px;padding-bottom:65px}.migration h2{font-size:36px}.migration>div:last-child{padding-top:0}.pricing{padding:65px 0}.pricing h2{font-size:36px}.price-grid,.price-grid.team{grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.plan{padding:18px 14px}.plan-label{font-size:8px;letter-spacing:.5px;margin-bottom:15px}.plan h3{font-size:16px}.plan-price{font-size:26px;margin:20px 0 15px}.plan-price small{display:block;margin:5px 0 0}.plan>p:last-child{font-size:11px}.closing{padding:70px 0}.closing h2{font-size:37px}.closing>p:not(.eyebrow){font-size:13px}footer{flex-direction:column;align-items:start;gap:18px}#viewer{width:calc(100vw - 12px);height:calc(100dvh - 12px)}.viewer-head{height:120px;flex-direction:column;align-items:start;padding:14px}.viewer-head h2{font-size:16px}.viewer-head button{padding:9px 13px}.viewport{height:calc(100% - 120px);padding:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Customer relationship narrative; editorial content, not an application screen. */
.customer-contact{padding:105px 0 100px}.contact-heading{display:grid;grid-template-columns:1.2fr 1fr;column-gap:80px;align-items:end;margin-bottom:60px}.contact-heading>.eyebrow{grid-column:1/-1;margin-bottom:24px}.contact-heading h2{font-size:clamp(38px,4.3vw,62px);line-height:1.08;letter-spacing:-2.5px}.contact-heading>p:last-child{font-size:16px;line-height:1.85;color:var(--muted);max-width:420px}.contact-moment{display:grid;grid-template-columns:145px 1fr 1.2fr;gap:38px;border-top:1px solid var(--line);padding:40px 0}.contact-number{font-family:Georgia,serif;font-size:34px;color:#859677}.contact-number span{display:block;font-family:Inter,sans-serif;font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-top:14px;line-height:1.6}.contact-need .eyebrow{font-size:9px;letter-spacing:1.4px;color:var(--plum)}.contact-need h3{font-size:32px;line-height:1.17;letter-spacing:-1px;font-weight:500;margin:15px 0}.contact-need>p:last-child{font-size:14px;color:var(--muted);line-height:1.7}.contact-explanation>p,.contact-explanation details p{font-size:14px;line-height:1.9;color:var(--muted)}.contact-explanation details{margin:20px 0}.contact-explanation summary{cursor:pointer;display:flex;justify-content:space-between;gap:15px;font-size:12px;font-weight:600;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);list-style:none}.contact-explanation summary::-webkit-details-marker{display:none}.contact-explanation summary span{font-size:18px;font-weight:400}.contact-explanation details[open] summary span{transform:rotate(45deg)}.contact-explanation details div{padding-top:16px}.contact-explanation details p+p{margin-top:12px}.contact-explanation summary:focus-visible{outline:3px solid var(--plum);outline-offset:5px}.contact-explanation details .fine{font-size:11px}.contact-result{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--green)}.contact-result svg{width:17px;height:17px}.contact-respect{display:flex;align-items:start;gap:25px;background:#e9eee3;padding:35px;border-radius:16px;margin-top:20px}.contact-respect>svg{width:30px;height:30px;flex-shrink:0;color:var(--green)}.contact-respect h3{font-weight:500;font-size:23px;letter-spacing:-.5px}.contact-respect p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:12px;max-width:660px}.contact-respect>a{flex-shrink:0;font-size:11px;margin-left:auto;white-space:nowrap}
@media(max-width:1000px){.contact-moment{grid-template-columns:85px 1fr 1.2fr;gap:22px}.contact-heading{gap:25px}.contact-respect{flex-wrap:wrap}.contact-respect>a{margin-left:55px}.contact-respect>div{flex:1}}
@media(max-width:650px){.customer-contact{padding:65px 0}.contact-heading{grid-template-columns:1fr;margin-bottom:30px;gap:20px}.contact-heading>.eyebrow{margin-bottom:0}.contact-heading h2{font-size:38px;letter-spacing:-1.5px}.contact-heading>p:last-child{font-size:14px}.contact-moment{grid-template-columns:1fr;gap:20px;padding:28px 0}.contact-number{display:flex;align-items:center;gap:15px;font-size:26px}.contact-number span{margin:0;font-size:9px}.contact-need h3{font-size:31px}.contact-explanation>p,.contact-explanation details p{font-size:13px}.contact-respect{padding:25px;gap:16px}.contact-respect h3{font-size:22px}.contact-respect>div{flex-basis:100%}.contact-respect>a{margin:0;white-space:normal}}

.decision-section{background:#edf0e8;padding:100px 0}.decision-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end;margin:24px 0 50px}.decision-heading h2{font-size:clamp(38px,4.3vw,62px);line-height:1.08;letter-spacing:-2.5px}.decision-heading>p{font-size:16px;line-height:1.85;color:var(--muted)}.decision-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.decision-steps article{border-top:1px solid #bec9b4;padding-top:22px}.decision-steps span{font-size:10px;letter-spacing:1.6px;color:var(--green)}.decision-steps h3{font-size:25px;letter-spacing:-.8px;font-weight:500;margin:18px 0 12px}.decision-steps p,.engine-options p{font-size:13px;line-height:1.85;color:var(--muted)}.decision-example{background:var(--paper);border-radius:18px;padding:45px;display:grid;grid-template-columns:1fr 1fr;gap:65px;margin:55px 0}.decision-example h3{font-size:34px;letter-spacing:-1px;font-weight:500;line-height:1.2;margin:18px 0}.decision-example>div>p:last-child{font-size:13px;line-height:1.85;color:var(--muted)}.insertion-example>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.insertion-example strong{white-space:nowrap;font-size:18px;font-weight:500}.insertion-example .insertion-total{align-items:center;border:0;color:var(--green);padding:22px 0}.insertion-total strong{font-size:32px}.insertion-example>p{font-size:10px!important}.engine-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.engine-heading h3{font-size:27px;font-weight:500;letter-spacing:-.8px}.engine-heading p{font-size:12px;color:var(--muted)}.engine-options{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin:25px 0}.engine-options article{border-top:2px solid #a4b194;padding-top:16px}.engine-options h4{font-size:18px;margin:0 0 12px;font-weight:550}.engine-note{font-size:11px;line-height:1.9;color:var(--muted);max-width:970px}.route-contact{display:flex;gap:22px;align-items:start;border-top:1px solid #bec9b4;padding-top:35px;margin-top:40px}.route-contact>svg{width:30px;height:30px;flex-shrink:0;color:var(--green)}.route-contact h3{font-size:22px;font-weight:500;line-height:1.4}.route-contact p{font-size:13px;line-height:1.85;color:var(--muted);margin-top:10px;max-width:720px}.route-contact>a{flex-shrink:0;font-size:11px}
@media(max-width:1000px){.decision-heading{gap:30px}.decision-example{gap:30px;padding:30px}.engine-options{grid-template-columns:1fr 1fr}.route-contact{flex-wrap:wrap}.route-contact>div{flex:1}.route-contact>a{margin-left:52px}}
@media(max-width:650px){.decision-section{padding:65px 0}.decision-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.decision-heading h2{font-size:38px;letter-spacing:-1.5px}.decision-heading>p{font-size:14px}.decision-steps{grid-template-columns:1fr;gap:25px}.decision-steps h3{margin-top:12px}.decision-example{grid-template-columns:1fr;padding:24px;gap:22px;margin:35px 0}.decision-example h3{font-size:29px}.insertion-example>div{font-size:11px}.insertion-example strong{font-size:16px}.insertion-total strong{font-size:27px}.engine-heading{display:block}.engine-heading p{margin-top:12px}.engine-options{gap:22px 18px}.engine-options p{font-size:12px}.route-contact>div{flex-basis:100%}.route-contact>a{margin:0}.nav nav{gap:18px}}

.learning-story{display:grid;grid-template-columns:1.1fr 1fr;gap:40px 65px;margin:48px 0 28px;padding:42px;background:#fafbf7;border-radius:18px}.learning-story h3{font-size:36px;font-weight:500;line-height:1.15;letter-spacing:-1px;margin:18px 0 22px}.learning-story>div>p:not(.eyebrow){font-size:14px;line-height:1.85;color:var(--muted)}.learning-story>div>p+p{margin-top:14px}.habit-example{padding:25px;background:#edf0e8;border-radius:12px}.habit-example ol{list-style:none;padding:0;margin:20px 0}.habit-example li{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #cfd8c5;font-size:12px}.habit-example li span{color:var(--muted)}.habit-example li strong{font-weight:500}.habit-outcome{display:flex;gap:12px;align-items:start;margin:22px 0}.habit-outcome svg{width:20px;height:20px;color:var(--plum);flex-shrink:0}.habit-outcome p{font-size:13px;line-height:1.8}.habit-outcome strong{display:block;font-weight:550;color:var(--green)}.habit-example>p.fine{font-size:10px!important}.learning-boundary{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;gap:65px;border-top:1px solid var(--line);padding-top:28px}.learning-boundary h4{font-weight:500;font-size:23px;line-height:1.4;margin:0}.learning-boundary p{font-size:12px!important}
@media(max-width:1000px){.learning-story{padding:30px;gap:30px}.learning-boundary{gap:30px}.habit-example{padding:20px}}
@media(max-width:650px){.learning-story{grid-template-columns:1fr;padding:24px;gap:25px;margin-top:30px}.learning-story h3{font-size:29px}.learning-story>div>p:not(.eyebrow){font-size:13px}.learning-boundary{grid-template-columns:1fr;gap:15px}.habit-example li{font-size:11px}.learning-boundary h4{font-size:22px}}

.availability-label{display:inline-block;margin-top:13px;padding:7px 10px;border:1px solid #b19554;border-radius:5px;background:#fff3d6;color:#644b16;font-size:10px;font-weight:650;letter-spacing:.8px;line-height:1.5}

/* Review: readable supporting text without changing the visual identity. */
:root{--muted:#525e56}.fine,.quiet,.engine-note,.plan>p:last-child,.learning-boundary p,.contact-explanation details .fine,.habit-example>p.fine,.insertion-example>p{font-size:14px!important;line-height:1.8;color:#525e56}.eyebrow,.plan-label,.contact-need .eyebrow,.contact-number span,.decision-steps span,.contact-result,.engine-heading p{font-size:12px;line-height:1.7}.plan-price small{display:block;margin:9px 0 0;font-size:14px;font-weight:400;color:#525e56}.price-grid.team .plan-price{font-size:30px}.continuity .eyebrow,.continuity .intro,.continuity-grid p{color:#e0e8d8}
@media(max-width:650px){.price-grid,.price-grid.team{grid-template-columns:1fr}.plan{padding:24px}.plan h3{font-size:22px}.plan-label{font-size:12px}.plan-price{font-size:32px}.contact-explanation>p,.contact-explanation details p,.engine-options p,.learning-story>div>p:not(.eyebrow){font-size:14px}.preview-note{font-size:11px}.preview-note a{opacity:1}.nav .button.small{font-size:12px}}
.plan.featured>p:last-child,.plan.featured .plan-price small,.plan.featured .plan-label{color:#edf2e8}

/* Review addendum: readable labels and step numbers, including mobile. */
.ribbon,.stage-caption,.stage-caption span,.story-tabs button span,.story-steps span,.chain-item>span{font-size:11px;color:#525e56}

.stage-caption span:nth-child(n){font-size:11px}

/* European origin and concrete privacy commitments, 2026-10-03. */
.europe-signature{display:flex;align-items:center;gap:12px;width:fit-content;margin:-8px 0 27px;font-size:13px;line-height:1.7;color:var(--green);text-decoration:none}.europe-signature span{font-size:20px}.europe-section{background:#e8ede3;padding:100px 0;scroll-margin-top:90px}.europe-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px}.europe-intro h2{margin:24px 0;font-size:clamp(38px,4vw,60px);line-height:1.1}.europe-intro>p:not(.eyebrow){max-width:440px;font-size:16px;line-height:1.85;color:#425347}.europe-intro>p+p{margin-top:20px}.europe-intro>.text-button{margin-top:24px}.europe-origin{margin-top:42px;border-left:3px solid #7a896c;padding-left:20px}.europe-origin span{display:block;font-size:12px;letter-spacing:.6px;margin-bottom:10px;color:#425347}.europe-origin strong{font-family:Georgia,serif;font-weight:400;font-size:25px;line-height:1.4}.europe-proof article{display:flex;gap:22px;border-top:1px solid #bcc8b3;padding:24px 0}.europe-number{font-size:12px;color:#526449;padding-top:6px}.europe-proof h3{font-size:23px;font-weight:500;line-height:1.3;letter-spacing:-.4px}.europe-proof p{font-size:14px;line-height:1.85;color:#425347;margin-top:12px}.europe-transparency{background:#f9faf6;padding:28px;border-radius:14px;margin-top:10px}.europe-transparency h3{font-size:21px}.europe-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:20px}.europe-links a{font-size:13px;color:#374b39;text-underline-offset:4px}.europe-signature:focus-visible,.europe-links a:focus-visible{outline:3px solid var(--plum);outline-offset:5px}@media(max-width:900px){.europe-layout{gap:35px}}@media(max-width:650px){.europe-section{padding:65px 0}.europe-layout{grid-template-columns:1fr;gap:35px}.europe-intro h2{font-size:38px}.europe-intro>p:not(.eyebrow){font-size:15px}.europe-signature{font-size:12px;margin-top:-10px}.europe-origin{margin-top:28px}.europe-proof article{gap:16px}.europe-transparency{padding:24px}.europe-proof h3{font-size:22px}}

/* Multilingual preview: preserve hierarchy while allowing longer labels to wrap. */
.language-control{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:0;text-transform:none;color:#243a2b}.language-control select{max-width:210px;padding:8px 28px 8px 12px;border:1px solid #9fac98;border-radius:7px;background:#fff;color:#243a2b;font:inherit}.language-control select:focus-visible{outline:3px solid #773c5b;outline-offset:3px}.preview-note{gap:15px;flex-wrap:wrap}.plan-label{text-transform:uppercase;min-height:3em}.screen-language-note{font-size:12px;line-height:1.6;color:#56604f;margin:10px 0 15px;max-width:600px}.screen-language-note:empty{display:none}.ribbon{flex-wrap:wrap}.nav nav{flex-wrap:wrap;justify-content:center}.nav{gap:20px}.story-tabs button{white-space:normal}.engine-options article,.plan,.contact-need,.contact-explanation{min-width:0;overflow-wrap:anywhere}.plan-price{font-variant-numeric:tabular-nums}.hero h1,h2,h3{overflow-wrap:break-word}#viewer-language-note{padding:0 24px}.europe-links{overflow-wrap:anywhere}
@media(max-width:900px){.nav{flex-wrap:wrap}.nav nav{order:3;width:100%}.preview-note>a{display:none}.hero h1{font-size:clamp(48px,10vw,90px)}}
@media(max-width:650px){.preview-note{padding:12px 18px;justify-content:space-between}.preview-note>span{font-size:9px;max-width:100px}.language-control{gap:6px}.language-control select{max-width:170px}.nav nav{display:flex;gap:10px 16px;font-size:12px}.nav .brand{font-size:19px}.nav .small{max-width:48%;white-space:normal;text-align:center}.hero h1{font-size:clamp(44px,12vw,62px)}.price-grid.team .plan-price{font-size:28px}.story-tabs button{padding:14px 8px;font-size:12px}.story-tabs button svg{display:none}.ribbon{gap:10px 14px}.screen-language-note{font-size:12px}.plan-label{min-height:0}}
/* The language label must remain readable against the dark review strip. */
.language-control{color:#edf2e8}
@media(max-width:900px){.nav{height:auto;min-height:80px;padding-top:12px;padding-bottom:12px}}
@media(max-width:650px){.preview-note>span{font-size:11px}.nav{row-gap:14px}.nav nav{padding-bottom:2px}section[id]{scroll-margin-top:145px}}
.preview-note>span{overflow-wrap:anywhere}

/* One public team offer, full width on mobile. */
.price-grid.team{grid-template-columns:minmax(0,560px)}

/* ---- production additions ---- */
a{color:inherit;text-decoration:none}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--ink);color:#fff;padding:10px 14px;border-radius:6px}
.skip-link:focus{left:12px}
.nav-actions{display:flex;align-items:center;gap:18px}
/* only where the header wraps; on desktop the nav stays centred (space-between) */
@media(max-width:900px){.nav-actions{margin-left:auto}}
/* the language picker and log-in link make the header wider than the design's; use the
   design's wrapped header (nav on its own row) up to 1240px instead of only up to 900px */
@media(min-width:901px) and (max-width:1240px){.nav{flex-wrap:wrap;height:auto;min-height:80px;padding-top:12px;padding-bottom:12px}.nav nav{order:3;width:100%;flex-wrap:wrap;justify-content:center}.nav-actions{margin-left:auto}}
.nav-login{white-space:nowrap}
/* the 'screenshot is Dutch' note sits above the phone, not beside it */
.booking-device{flex-wrap:wrap}
.booking-device>.screen-language-note{flex:1 0 100%}
.nav-login{font-size:13px;font-weight:550}
.nav-login:hover{color:var(--plum)}
.lang-picker-placeholder:empty{display:none}
.story-panel{animation:appear .25s ease}
.story-panel[hidden]{display:none}
.price-grid[hidden]{display:none}
.plan-price small{display:block}
.site-footer{display:block;padding:0}
.site-footer .footer-main{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:28px 0 18px}
.site-footer .footer-main span{font-size:12px;color:var(--muted)}
.site-footer .footer-links{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;padding:0 0 32px;font-size:13px;color:var(--muted)}
.site-footer .footer-links .footer-nav{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}
.site-footer .footer-links a:hover{color:var(--plum)}
.footer-install-btn{border:0;background:none;color:inherit;font:inherit;cursor:pointer;display:inline-flex;gap:6px;align-items:center;padding:0}
.footer-install-btn svg{width:14px;height:14px}
.footer-lang{display:flex;flex-wrap:wrap;gap:8px 14px}
.nav-actions .button.small{white-space:nowrap;max-width:none}
@media(max-width:650px){
  .nav-actions{gap:10px}
  .nav-login{font-size:12px}
  .nav-actions .lang-trigger{padding:6px 8px}
  .nav-actions .lang-trigger span:not(.flag){display:none}
  .site-footer .footer-main{flex-direction:column;align-items:flex-start;gap:12px}
}
@media(max-width:480px){
  /* the footer keeps "Log in"; the header keeps the language and the trial button */
  .nav-login{display:none}
  .nav-actions{gap:8px;margin-left:auto}
  .nav-actions .button.small{width:auto;max-width:none;font-size:10px;padding:10px;gap:0}
  .nav-actions .button.small span{display:none}
  /* the language picker moves to the footer on phones */
  .nav-actions .lang-trigger{display:none}
}
.footer-picker .lang-trigger{display:none}
@media(max-width:480px){.footer-picker .lang-trigger{display:inline-flex}}