.overview-page{--soft:var(--surface2)}.overview-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:38px;align-items:center;padding:30px 0 42px}.hero-copy h2,.insight-copy h2,.section-heading h2{font-size:clamp(28px,3.2vw,48px);line-height:1.12;letter-spacing:-1.8px;font-weight:750}.hero-copy h2 span,.insight-copy h2 span{color:var(--muted)}.hero-copy>p:not(.eyebrow),.insight-copy>p:not(.eyebrow){max-width:480px;color:var(--muted);font-size:15px;line-height:1.75}.hero-copy .actions{gap:10px;margin-top:26px}.hero-note{display:block;font-size:11px;color:var(--muted);margin-top:21px;line-height:1.7}.hero-visual{border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,var(--surface),var(--surface2));padding:30px 24px 20px;min-width:0}.connected-visual{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 18px;max-width:460px;margin:auto;position:relative;padding:14px 0}.tool-pill{padding:14px 12px;display:flex;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:19px;box-shadow:0 7px 18px #22331e06}.tool-pill b{font-size:12px;font-weight:600;min-width:0;overflow-wrap:anywhere}.center-node{grid-column:1/-1;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%;padding:24px 16px;background:#171d19;color:white;border-radius:17px;box-shadow:0 18px 32px #1722191c;position:relative}.center-node:before,.center-node:after{content:"";position:absolute;width:1px;height:22px;background:#c5cec3;left:50%}.center-node:before{bottom:100%}.center-node:after{top:100%}.center-node>span{background:var(--accent-text);width:42px;height:42px;display:grid;place-items:center;font-weight:900;font-size:24px;border-radius:10px;margin-bottom:14px}.center-node strong{font-size:14px;letter-spacing:1px}.center-node small{font-size:10px;color:#a4afa6;margin-top:6px;text-align:center}.visual-caption{display:block;text-align:center;font-size:10px;color:var(--muted);margin-top:20px;line-height:1.6}.value-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;gap:26px}.value-strip article{min-width:0}.value-strip article+article{border-left:1px solid var(--line);padding-left:26px}.value-strip article>span{display:block;color:var(--muted);font-size:10px;margin-bottom:14px}.value-strip h3{font-size:15px;letter-spacing:-.3px}.value-strip p{font-size:12px;line-height:1.8;margin:0;color:var(--muted);max-width:290px}.insight-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center;padding:54px 0}.insight-copy h2{font-size:clamp(25px,2.5vw,36px)}.insight-points{display:flex;gap:10px 18px;flex-wrap:wrap;margin:25px 0;color:var(--muted);font-size:12px}.overview-page details{font-size:12px;color:var(--muted);line-height:1.8}.overview-page summary{cursor:pointer;font-size:12px;color:var(--muted);padding:8px 0;min-height:40px}.money-visual{border:1px solid var(--line);border-radius:20px;padding:25px;background:var(--surface);box-shadow:0 12px 35px #1e351408;min-width:0;color:var(--ink)}.visual-label{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1.1px;font-weight:700;color:var(--muted)}.visual-label>span:last-child{font-size:9px;letter-spacing:0;font-weight:400}.period-switch{display:flex;gap:3px;background:var(--surface2);border-radius:8px;padding:3px;width:max-content;max-width:100%;margin:20px 0}.period-switch button{border:0;background:transparent;color:var(--muted);padding:8px 12px;border-radius:6px;font-size:10px;min-height:36px}.period-switch button[aria-pressed=true]{background:var(--surface);box-shadow:0 2px 5px #0001;color:var(--ink);font-weight:700}.profit-total small,.profit-total strong,.profit-total>span{display:block}.profit-total small{font-size:12px;color:var(--muted)}.profit-total strong{font-size:44px;line-height:1.2;letter-spacing:-2px;margin:6px 0}.profit-total>span{font-size:10px;color:#47875a}.money-bars{display:grid;gap:17px;margin:24px 0}.money-bars>div{display:grid;grid-template-columns:1fr auto;gap:7px;font-size:11px}.money-bars b{font-weight:600}.money-bars i{grid-column:1/-1;height:5px;background:linear-gradient(to right,var(--bar-color) var(--bar),var(--surface2) var(--bar));border-radius:6px}.payroll-line{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;border-top:1px solid var(--line);font-size:11px}.payroll-line small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.section-heading{display:flex;align-items:end;gap:30px;justify-content:space-between;margin-bottom:22px}.section-heading h2{font-size:29px;max-width:540px}.section-heading>p{font-size:12px;color:var(--muted);max-width:240px}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.package-card{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:23px;display:flex;flex-direction:column;min-width:0}.package-card>small{font-size:10px;font-weight:750;letter-spacing:1.5px;color:var(--muted);display:flex;justify-content:space-between;gap:10px}.package-card>small>span{font-weight:400;letter-spacing:0;color:var(--accent-text)}.package-card h3{font-size:19px;margin:22px 0 4px;letter-spacing:-.6px;line-height:1.3}.package-card p{font-size:11px;color:var(--muted)}.package-card ul{list-style:none;margin:14px 0 28px;padding:0;font-size:11px;line-height:1.65;color:var(--muted);flex:1}.package-card li{margin:10px 0;padding-left:15px;position:relative}.package-card li:before{content:'·';position:absolute;left:0;color:var(--accent-text)}.package-card .primary,.package-card .secondary{width:100%;text-align:center;font-size:12px}.package-card.elite{border-color:var(--accent-text);box-shadow:0 8px 26px #df303709;background:linear-gradient(150deg,var(--surface),var(--surface))}.scope-note{margin:16px 0}.overview-faq{margin:32px 0 12px;max-width:100%}.overview-faq details{border-top:1px solid var(--line);padding:6px 0}.overview-faq summary{font-weight:600}.overview-faq p{max-width:850px;font-size:12px}.presentation-open{overflow:hidden!important}.presentation[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#101512;color:#f0f4ef;box-shadow:none;overflow:hidden;overscroll-behavior:contain}.presentation::backdrop{background:#101512}.presentation-header{display:flex;align-items:center;justify-content:space-between;padding:22px 32px;gap:16px}.presentation-brand{display:flex;gap:12px;align-items:center;font-size:12px;letter-spacing:1.4px;font-weight:750}.presentation-brand>b{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#df3037;color:#fff;font-size:20px}.presentation-header .secondary,.presentation-footer .secondary{background:#1a231d;border-color:#334035;color:#ecf1ea}.presentation-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:60px;align-items:center;padding:24px 7vw;overflow-y:auto;min-width:0;min-height:0}.presentation-copy h2{font-size:clamp(31px,4.6vw,66px);letter-spacing:-2.2px;line-height:1.05;margin:15px 0 22px}.presentation-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;color:#a4b2a7;max-width:510px}.presentation-copy .eyebrow{color:#ff6264}.presentation-visual{min-width:0}.presentation .connected-visual{max-width:440px}.presentation .tool-pill{background:#202b24;border-color:#334638;color:#c5d1c6;box-shadow:none}.presentation .center-node{background:#e8eee3;color:#18251b;box-shadow:0 20px 70px #0003}.presentation .center-node small{color:#6a7d6b}.presentation .center-node:before,.presentation .center-node:after{background:#3c5141}.presentation .center-node>span{color:white}.presentation-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 32px max(20px,env(safe-area-inset-bottom));border-top:1px solid #27352b;min-width:0}.presentation-progress{display:flex;gap:7px;align-items:center;font-size:12px;color:#a2b0a5}.presentation-progress span{display:block;width:24px;height:3px;background:#334137;border-radius:3px}.presentation-progress span.active{background:#ef4a4f}.presentation-progress b{font-weight:400;margin-right:12px;white-space:nowrap}.presentation-controls{display:flex;gap:10px}.presentation-note{color:#6f8675;font-size:9px;letter-spacing:.2px;margin:0 0 10px}.handoff-visual{max-width:420px;margin:auto}.handoff-visual article{display:flex;align-items:center;gap:18px;background:#1e2a22;border:1px solid #304336;border-radius:16px;padding:24px}.flow-icon{flex:none;width:46px;height:46px;display:grid;place-items:center;background:#2b3e31;color:#a6cbb0;border-radius:12px;font-size:25px}.handoff-visual small,.opportunity-visual small{font-size:9px;letter-spacing:1.3px;color:#819b88;display:block;margin-bottom:7px}.handoff-visual b{font-size:17px}.handoff-visual p{font-size:11px;color:#91a897;margin:7px 0 0}.handoff-visual>i{display:block;text-align:center;font-style:normal;color:#5a7862;font-size:20px;padding:5px}.presentation .money-visual{max-width:440px;margin:auto;background:#e8eee3;border:0}.presentation .money-visual .period-switch{display:none}.presentation .money-visual .profit-total{margin-top:26px}.opportunity-visual{max-width:440px;margin:auto}.opportunity-orbit{border:1px solid #34543d;border-radius:20px;background:radial-gradient(ellipse at 10% 0,#264632,#17281d);padding:35px 24px;margin-bottom:18px}.opportunity-orbit>span{font-size:10px;letter-spacing:2px;color:#c6ddbd}.opportunity-orbit>strong{display:block;font-size:30px;letter-spacing:-1px;margin-top:12px}.opportunity-visual article{display:flex;gap:15px;align-items:center;padding:18px 8px;border-bottom:1px solid #2a3b30}.opportunity-visual article>span{color:#ff6264;font-size:25px;width:30px}.opportunity-visual b{font-size:14px}.presentation-copy .primary{margin-top:20px}
@media(max-width:1050px){.overview-hero{gap:24px}.hero-copy h2{font-size:36px}.package-card{padding:18px}.package-card h3{font-size:17px}.insight-section{gap:24px}.presentation-body{gap:30px;padding:24px 5vw}}
@media(max-width:700px){.overview-hero{grid-template-columns:minmax(0,1fr);gap:28px;padding:15px 0 30px}.hero-copy h2{font-size:34px;letter-spacing:-1.4px}.hero-copy>p:not(.eyebrow){font-size:14px}.hero-copy .actions{align-items:stretch;display:grid;grid-template-columns:minmax(0,1fr)}.hero-copy .actions button{width:100%}.hero-note{font-size:10px;margin-top:14px}.hero-visual{padding:20px;border-radius:18px}.connected-visual{gap:18px 12px;padding:6px 0}.tool-pill{padding:12px;font-size:18px}.center-node{padding:20px 12px}.value-strip{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px 0}.value-strip article{display:grid;grid-template-columns:24px minmax(0,1fr);gap:0 12px}.value-strip article+article{border-left:0;padding-left:0}.value-strip article>span{grid-row:1/3;margin-top:3px}.value-strip h3{margin-bottom:5px}.value-strip p{max-width:none;font-size:12px}.insight-section{grid-template-columns:minmax(0,1fr);padding:32px 0;gap:20px}.insight-copy h2{font-size:28px;letter-spacing:-1px}.insight-copy>p:not(.eyebrow){font-size:13px}.insight-points{font-size:11px;margin:18px 0;gap:12px}.money-visual{padding:22px}.section-heading{display:block;margin-bottom:20px}.section-heading h2{font-size:27px;letter-spacing:-1px}.section-heading>p{max-width:none}.package-grid{grid-template-columns:minmax(0,1fr)}.package-card{padding:22px}.package-card h3{font-size:22px;margin-top:15px}.package-card ul{margin:8px 0 18px;font-size:12px}.package-card p{font-size:12px}.package-card>small{font-size:11px}.presentation-header{padding:14px 18px;gap:10px}.presentation-header .secondary{font-size:12px;padding:10px 12px}.presentation-body{grid-template-columns:minmax(0,1fr);gap:24px;padding:18px 22px 28px;align-content:start}.presentation-copy h2{font-size:34px;line-height:1.08;letter-spacing:-1.3px;margin:10px 0 14px}.presentation-copy>p:not(.eyebrow){font-size:13px;margin:0}.presentation-brand{font-size:10px}.presentation-brand>b{width:28px;height:28px;font-size:18px}.presentation-visual{width:100%;max-width:420px;margin:auto}.presentation .connected-visual{gap:14px 12px}.presentation .center-node{padding:18px 10px}.presentation .center-node>span{width:34px;height:34px;margin-bottom:10px}.presentation .tool-pill{padding:11px 12px}.presentation .money-visual{padding:20px}.presentation .money-visual .profit-total{margin-top:18px}.presentation .profit-total strong{font-size:39px}.presentation .money-bars{gap:12px;margin:18px 0}.presentation-footer{padding:12px 18px max(12px,env(safe-area-inset-bottom));gap:10px}.presentation-progress{gap:4px}.presentation-progress span{width:14px}.presentation-progress b{font-size:10px;margin-right:6px}.presentation-controls{gap:7px}.presentation-controls button{font-size:11px;padding:11px 12px;min-height:44px}.handoff-visual article{padding:15px;gap:14px}.handoff-visual b{font-size:15px}.handoff-visual p{font-size:10px}.flow-icon{width:36px;height:36px;font-size:22px}.handoff-visual>i{padding:2px}.opportunity-orbit{padding:23px 20px}.opportunity-orbit>strong{font-size:26px}.opportunity-visual article{padding:14px 6px}.presentation-copy .primary{margin-top:18px;min-height:44px}.presentation-note{font-size:8px}}
@media(max-width:360px){.hero-copy h2{font-size:30px}.presentation-body{padding:16px;gap:18px}.presentation-copy h2{font-size:29px}.presentation-progress span{width:10px}.presentation-header,.presentation-footer{padding-left:14px;padding-right:14px}.presentation .tool-pill b{font-size:11px}.presentation .center-node small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.overview-page *,.presentation *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:360px){.tool-pill{flex-direction:column;gap:6px;text-align:center}.tool-pill b{font-size:11px}}


/* Reference-led editorial overview. Branch workspaces keep their existing shell. */
.reference-top-nav{display:none}
body[data-work-center-view=overview]{background:var(--surface);--bg:var(--surface)}
body[data-work-center-view=overview] .sidebar{display:none}
body[data-work-center-view=overview] .main{margin-left:0}
body[data-work-center-view=overview] .main>header{min-height:80px;padding:16px clamp(20px,4vw,72px);background:color-mix(in srgb,var(--surface) 94%,transparent)}
body[data-work-center-view=overview] .main>header h1{font-size:19px;font-weight:600;letter-spacing:-.8px}
body[data-work-center-view=overview] .main>header .eyebrow{font-size:9px;font-weight:500;letter-spacing:.1em}
body[data-work-center-view=overview] .reference-top-nav{display:flex;align-items:center;gap:28px;margin-left:auto;margin-right:28px}
.reference-top-nav a,.reference-top-nav button{font-size:14px;text-decoration:none;border:0;background:none;color:var(--muted);font-weight:400;min-height:44px;display:inline-flex;align-items:center;padding:0}
.reference-top-nav a:hover,.reference-top-nav button:hover{color:var(--ink)}
body[data-work-center-view=overview] .header-actions button{border-radius:999px;font-weight:500;background:none;font-size:12px}
body[data-work-center-view=overview] #connect{background:var(--ink);color:var(--surface);border-color:var(--ink)}
body[data-work-center-view=overview] .main main{max-width:1680px;padding:12px clamp(20px,4vw,72px) 0}
body[data-work-center-view=overview] #mode{border:0;background:transparent;padding:6px 0;margin:0 0 12px;font-size:12px;color:var(--muted);border-radius:0}
.reference-overview{--reference-line:color-mix(in srgb,var(--ink) 14%,var(--surface));font-weight:400}
.reference-overview h2,.reference-overview h3{font-weight:400;letter-spacing:-.045em}
.reference-overview p{font-size:16px;line-height:1.7;color:var(--muted)}
.reference-overview .reference-label{font-size:12px;letter-spacing:.08em;line-height:1.6;font-weight:500;color:var(--muted);margin:0}
.reference-overview .primary,.reference-overview .secondary{border-radius:999px;font-weight:500;font-size:14px;box-shadow:none;padding:13px 22px;min-height:46px}
.reference-overview .primary{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.reference-overview .secondary{background:transparent;color:var(--ink);border-color:var(--reference-line)}
.reference-overview [id]{scroll-margin-top:105px}
.reference-panorama{position:relative;min-height:410px;height:min(45vw,550px);border:1px solid var(--reference-line);border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,#a8d8d0 32%,var(--surface)),transparent 60%),var(--surface2);perspective:1100px;isolation:isolate}
.reference-panorama:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--reference-line) 1px,transparent 1px),linear-gradient(90deg,var(--reference-line) 1px,transparent 1px);background-size:78px 78px;opacity:.24;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent);z-index:-1}
.panorama-caption{display:flex;justify-content:space-between;align-items:start;gap:16px;position:absolute;inset:25px 28px auto;color:var(--muted);font-size:12px;z-index:2}
.panorama-caption .reference-label{color:var(--ink)}
.panorama-system{position:absolute;inset:45px 25% 35px;display:flex;align-items:center;justify-content:center;transform:rotateX(18deg) rotateZ(-8deg) scale(.96);transition:transform 1.2s cubic-bezier(.2,.65,.25,1)}
.reference-panorama:hover .panorama-system{transform:rotateX(4deg) rotateZ(-3deg) scale(1)}
.panorama-system .connected-visual{width:100%;max-width:530px;gap:20px 22px;padding:0}
.panorama-system .tool-pill{min-height:61px;padding:15px 20px;font-size:24px;border-radius:7px;box-shadow:8px 12px 0 color-mix(in srgb,var(--ink) 6%,transparent),0 22px 35px #1429240a}
.panorama-system .tool-pill b{font-size:16px;font-weight:400}
.panorama-system .center-node{width:89%;padding:22px;background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--reference-line);border-radius:9px;box-shadow:14px 18px 0 color-mix(in srgb,var(--ink) 6%,transparent),0 35px 50px #183f3217}
.panorama-system .center-node>span{background:var(--ink);color:var(--surface);font-size:23px;border-radius:5px;width:40px;height:40px;margin-bottom:12px}
.panorama-system .center-node strong{font-weight:500;font-size:17px;letter-spacing:2px}
.panorama-system .center-node small{font-size:13px;color:var(--muted)!important}
.panorama-system .center-node:before,.panorama-system .center-node:after{background:var(--muted);height:20px}
.panorama-note{position:absolute;left:28px;bottom:26px;display:flex;align-items:start;gap:14px;max-width:210px}
.reference-cross{font-size:27px;font-weight:300;line-height:1.2}
.panorama-note p{font-size:13px;line-height:1.5;margin:0}
.panorama-play{position:absolute;right:28px;bottom:29px;display:flex;align-items:center;gap:10px;border:1px solid var(--reference-line);border-radius:999px;background:var(--surface);color:var(--ink);padding:8px 15px 8px 8px;font-size:13px;min-height:44px}
.panorama-play>span{width:29px;height:29px;border:1px solid var(--reference-line);border-radius:50%;display:grid;place-items:center;font-size:17px}
.panorama-index{position:absolute;right:28px;top:48%;font-size:12px;letter-spacing:.12em;writing-mode:vertical-rl;color:var(--muted)}
.reference-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);gap:6vw;padding:44px 0 35px}
.reference-intro-main h2{font-size:clamp(38px,4.5vw,72px);line-height:1.06;letter-spacing:-.055em;margin:23px 0 29px}
.reference-intro-main h2 span{color:var(--muted)}
.reference-intro-bottom{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.reference-intro-bottom p{margin:0;font-size:14px;max-width:355px}
.reference-sidecards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.reference-sidecard{text-align:left;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;gap:20px;border:1px solid var(--reference-line);border-radius:7px;background:var(--surface2);color:var(--ink);padding:20px;transition:background .3s,color .3s,transform .3s}
.reference-sidecard strong{font-size:20px;font-weight:400;line-height:1.3;letter-spacing:-.04em}
.reference-sidecard>span:last-child{display:flex;justify-content:space-between;gap:14px;font-size:12px;align-items:center}
.reference-sidecard b{font-weight:400;font-size:22px}
.reference-rail{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--reference-line);border-bottom:1px solid var(--reference-line);padding:20px 0;color:var(--muted);font-size:13px}
.reference-rail span+span:before{content:"+";font-size:15px;margin-right:clamp(16px,5vw,70px);color:var(--ink)}
.reference-section-title{text-align:center;max-width:700px;margin:0 auto 50px}
.reference-section-title h2{font-size:clamp(32px,3.4vw,53px);line-height:1.12;margin:20px 0}
.reference-section-title h2 span{color:var(--muted)}
.reference-section-title>p:last-child:not(.reference-label){font-size:14px;margin:0}
.reference-modules,.reference-process,.reference-packages{padding:95px 0 0}
.reference-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1080px;margin:auto;border-top:1px solid var(--reference-line);border-left:1px solid var(--reference-line)}
.reference-module{display:flex;flex-direction:column;align-items:start;text-align:left;text-decoration:none;border:0;border-right:1px solid var(--reference-line);border-bottom:1px solid var(--reference-line);border-radius:0;background:var(--surface);color:var(--ink);padding:33px;min-width:0;transition:background .3s,color .3s}
.reference-module-icon{font-size:30px;height:51px;font-weight:400;line-height:1}
.reference-module h3{font-size:24px;margin:8px 0}
.reference-module p{font-size:14px;max-width:280px;margin:0 0 24px}
.reference-module-link{display:flex;align-items:center;justify-content:space-between;gap:25px;width:100%;font-size:12px;margin-top:auto}
.reference-module-link b{font-size:23px;font-weight:400;transition:transform .3s}
.reference-module:focus-visible{outline-offset:-4px;position:relative;z-index:1}
.reference-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1080px;margin:auto}
.reference-process-grid article{padding:31px;border:1px solid var(--reference-line);border-radius:7px}
.reference-process-grid article:first-child{background:var(--ink);color:var(--surface)}
.reference-process-grid article:first-child .reference-label,.reference-process-grid article:first-child p{color:color-mix(in srgb,var(--surface) 78%,var(--ink))}
.reference-process-grid h3{font-size:25px;line-height:1.2;margin:36px 0 12px}
.reference-process-grid p{font-size:14px;margin:0}
.reference-role-line{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 27px;margin-top:32px;font-size:13px;color:var(--muted)}
.reference-role-line b{font-weight:500;color:var(--ink)}
.reference-insight{padding:50px;gap:7vw;margin:105px 0 0;background:var(--surface2);border-radius:12px;position:relative;overflow:hidden}
.reference-insight .insight-copy h2{font-size:clamp(32px,3.3vw,50px);font-weight:400;line-height:1.12;margin-top:22px}
.reference-insight .insight-copy>p:not(.reference-label){font-size:16px}
.reference-overview details,.reference-overview details p,.reference-overview summary{font-size:14px}
.reference-overview summary{min-height:44px;padding:12px 0}
.reference-insight .money-visual{border-radius:8px;box-shadow:0 16px 40px #12251a06;padding:30px}
.reference-insight .visual-label,.reference-insight .visual-label>span:last-child{font-size:12px;letter-spacing:0}
.reference-insight .period-switch button{font-size:14px;min-height:44px}
.reference-insight .profit-total small,.reference-insight .profit-total>span{font-size:14px}
.reference-insight .profit-total strong{font-size:54px;font-weight:400}
.reference-insight .money-bars>div,.reference-insight .payroll-line{font-size:14px}
.reference-insight .payroll-line small{font-size:12px}
.reference-packages .package-grid{gap:0;border-top:1px solid var(--reference-line);border-left:1px solid var(--reference-line)}
.reference-packages .package-card{border-radius:0;padding:33px;border:0;border-right:1px solid var(--reference-line);border-bottom:1px solid var(--reference-line);box-shadow:none;background:transparent}
.reference-packages .package-card>small{font-size:13px;font-weight:400}
.reference-packages .package-card h3{font-size:29px;font-weight:400;margin:38px 0 12px;line-height:1.16}
.reference-packages .package-card p,.reference-packages .package-card ul{font-size:14px}
.reference-packages .package-card.elite{background:var(--surface2)}
.reference-packages .scope-note{margin-top:18px}
.reference-questions{padding:85px 0;display:grid;grid-template-columns:1fr 1.5fr;gap:8vw}
.reference-questions h2{font-size:clamp(32px,3.3vw,49px);line-height:1.15;margin-top:22px}
.reference-questions .overview-faq{margin:0}
.reference-questions .overview-faq summary{font-size:16px;font-weight:400;padding:18px 0}
.reference-questions .overview-faq details:last-child{border-bottom:1px solid var(--reference-line)}
.reference-footer{margin:0;padding:60px 0 0;border-top:1px solid var(--reference-line);color:var(--ink)}
.reference-footer h2{font-size:clamp(30px,3.4vw,50px);line-height:1.14;margin:20px 0 26px}
.reference-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:60px;padding-top:20px;border-top:1px solid var(--reference-line);font-size:13px;color:var(--muted)}
.reference-text-button{padding:12px 0;border:0;background:none;color:inherit;font-size:13px;min-height:44px}
.reference-footer-bottom a{text-decoration:none}
.reference-wordmark{font-size:clamp(36px,11.9vw,177px);line-height:1.22;font-weight:400;letter-spacing:-.065em;white-space:nowrap;color:color-mix(in srgb,var(--ink) 13%,var(--surface));text-align:center;margin:25px 0 0;overflow:hidden;user-select:none}
.reference-overview [data-reveal]{opacity:1;transform:translateY(0);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.65,.25,1)}
.reference-overview .reference-pending{opacity:0;transform:translateY(24px)}
@media(hover:hover) and (pointer:fine){.reference-module:hover,.reference-sidecard:hover{background:var(--ink);color:var(--surface)}.reference-module:hover p,.reference-sidecard:hover .reference-label{color:color-mix(in srgb,var(--surface) 78%,var(--ink))}.reference-module:hover .reference-module-link b{transform:rotate(90deg)}.reference-sidecard:hover{transform:translateY(-3px)}}
@media(min-width:1600px){.reference-wordmark{font-size:172px}}
@media(max-width:1100px){body[data-work-center-view=overview] .reference-top-nav{gap:16px;margin-right:15px}.reference-intro{grid-template-columns:1fr;gap:30px}.reference-sidecards{grid-template-columns:1fr 1fr}.reference-sidecard{min-height:180px}.panorama-system{inset:50px 20% 60px}.reference-insight{gap:30px;padding:32px}.reference-module{padding:25px}.reference-process-grid article{padding:23px}}
@media(max-width:900px){body[data-work-center-view=overview] .main main{padding-bottom:100px}.reference-panorama{height:430px}.panorama-system{inset:65px 18% 65px}.panorama-note{display:none}.reference-insight{grid-template-columns:1fr 1fr}.reference-insight .profit-total strong{font-size:44px}.reference-insight .money-visual{padding:22px}.reference-packages .package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-packages .package-card{padding:24px}.reference-packages .package-card h3{font-size:24px}.reference-wordmark{font-size:11.8vw}}
@media(max-width:760px){body[data-work-center-view=overview] .main>header{padding:13px 20px;gap:12px;flex-wrap:wrap}body[data-work-center-view=overview] .main>header>div:first-child{flex:1 1 110px}body[data-work-center-view=overview] .reference-top-nav{order:3;flex-basis:100%;justify-content:space-between;margin:0;border-top:1px solid var(--reference-line,var(--line));padding-top:3px}body[data-work-center-view=overview] .main>header h1{font-size:18px}body[data-work-center-view=overview] .header-actions{gap:6px}body[data-work-center-view=overview] .header-actions #connect{max-width:none;font-size:12px;padding:10px 13px}body[data-work-center-view=overview] #themeToggle{font-size:12px;padding:10px}body[data-work-center-view=overview] .main main{padding-left:20px;padding-right:20px}.reference-overview [id]{scroll-margin-top:145px}.reference-panorama{min-height:330px;height:390px}.panorama-caption{inset:18px 18px auto;flex-direction:column;gap:4px}.panorama-caption>span:last-child{font-size:11px}.panorama-system{inset:85px 12% 80px}.panorama-system .tool-pill{padding:10px 12px;min-height:45px;font-size:18px;gap:7px}.panorama-system .tool-pill b{font-size:13px}.panorama-system .connected-visual{gap:13px}.panorama-system .center-node{padding:16px}.panorama-system .center-node>span{width:30px;height:30px;font-size:19px;margin-bottom:7px}.panorama-system .center-node strong{font-size:14px}.panorama-system .center-node small{font-size:11px}.panorama-system .center-node:before,.panorama-system .center-node:after{height:13px}.panorama-play{bottom:18px;right:18px;font-size:12px}.panorama-index{right:15px}.reference-intro{padding:32px 0 25px}.reference-intro-main h2{font-size:clamp(36px,6.6vw,52px);margin:18px 0 24px}.reference-intro-bottom{gap:18px}.reference-sidecard{padding:19px;min-height:180px}.reference-sidecard strong{font-size:22px}.reference-rail{display:grid;grid-template-columns:1fr 1fr;font-size:12px;gap:13px}.reference-rail span+span:before{content:none}.reference-modules,.reference-process,.reference-packages{padding-top:65px}.reference-section-title{margin-bottom:32px}.reference-section-title h2{font-size:35px}.reference-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-module{padding:24px}.reference-module h3{font-size:22px}.reference-module p{font-size:14px}.reference-process-grid{grid-template-columns:1fr}.reference-process-grid article{padding:25px}.reference-process-grid h3{margin-top:24px;font-size:27px}.reference-role-line{gap:12px 20px;justify-content:flex-start}.reference-role-line>span{flex-basis:100%}.reference-insight{grid-template-columns:1fr;margin-top:65px;padding:26px;gap:26px}.reference-insight .insight-copy h2{font-size:35px}.reference-insight .money-visual{padding:24px}.reference-packages .package-grid{grid-template-columns:1fr}.reference-packages .package-card{padding:30px}.reference-packages .package-card h3{font-size:30px;margin-top:26px}.reference-questions{grid-template-columns:1fr;gap:22px;padding:65px 0}.reference-questions h2{font-size:35px}.reference-footer{padding-top:42px}.reference-footer-bottom{flex-wrap:wrap;justify-content:flex-start;gap:8px 25px;margin-top:40px}.reference-footer-bottom>span{flex-basis:100%}.reference-wordmark{font-size:11.4vw}}
@media(max-width:440px){body[data-work-center-view=overview] .main>header{padding:12px 15px;gap:10px}body[data-work-center-view=overview] .main>header>div:first-child{flex-basis:100%;display:block}body[data-work-center-view=overview] .header-actions{width:100%;justify-content:space-between}body[data-work-center-view=overview] .reference-top-nav{gap:12px}body[data-work-center-view=overview] .reference-top-nav a,body[data-work-center-view=overview] .reference-top-nav button{font-size:13px}body[data-work-center-view=overview] .main main{padding-left:15px;padding-right:15px}.reference-overview [id]{scroll-margin-top:195px}.reference-intro-main h2{font-size:36px}.reference-panorama{height:405px}.panorama-system{inset:100px 12% 105px}.panorama-system .tool-pill{padding:8px;font-size:17px;flex-direction:row;text-align:left}.panorama-system .tool-pill b{font-size:11px}.panorama-system .center-node{width:100%;padding:15px 10px}.panorama-system .center-node small{font-size:10px}.reference-sidecards{grid-template-columns:1fr}.reference-sidecard{min-height:155px}.reference-sidecard strong br{display:none}.reference-module-grid{grid-template-columns:1fr}.reference-module{padding:26px}.reference-module p{max-width:none}.reference-section-title h2{font-size:31px}.reference-insight{padding:21px}.reference-insight .insight-copy h2{font-size:31px}.reference-insight .money-visual{padding:20px}.reference-insight .profit-total strong{font-size:42px}.reference-insight .visual-label{flex-direction:column;gap:5px}.reference-insight .payroll-line{flex-wrap:wrap}.reference-role-line{font-size:12px}}
@media(prefers-reduced-motion:reduce){.reference-overview *,.reference-overview *:before,.reference-overview *:after{animation:none!important;transition:none!important}.reference-overview .reference-pending{opacity:1;transform:none}.reference-panorama:hover .panorama-system{transform:rotateX(18deg) rotateZ(-8deg) scale(.96)}}


/* Public company website (/platform/) only. Every rule is scoped to body.site-public; the native Work Center preview keeps its own presentation. */
body.site-public{--pub-max:1216px;--pub-gutter:clamp(20px,4vw,32px);--pub-radius:18px;--c1:#2f6fd0;--c2:#e8693a;--c3:#1aa37a;--c4:#e0a100;--c5:#a463c9;--c6:#0fa39a;--t-start:#2f6fd0;--t-pro:#0fa39a;--t-elite:#a463c9;--pc:var(--ink);--pub-hand:"Caveat","Segoe Print","Bradley Hand",cursive;font-family:"Schibsted Grotesk","Poppins",Arial,sans-serif;background:#fff;color:var(--ink);font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.site-public .is-c1,body.site-public .is-f1,body.site-public .is-start{--pc:var(--c1)}
body.site-public .is-c2,body.site-public .is-f2{--pc:var(--c2)}
body.site-public .is-c3,body.site-public .is-f3{--pc:var(--c3)}
body.site-public .is-c4,body.site-public .is-f4{--pc:var(--c4)}
body.site-public .is-c5,body.site-public .is-f5,body.site-public .is-elite{--pc:var(--c5)}
body.site-public .is-c6,body.site-public .is-pro{--pc:var(--c6)}
body.site-public :is(a,button,summary):focus-visible{outline:2px solid var(--c1);outline-offset:3px;border-radius:8px}
body.site-public ::selection{background:color-mix(in srgb,var(--c1) 18%,#fff);color:var(--ink)}

/* Header: brand, three pages, the existing login. */
body.site-public .main>header{max-width:none;margin:0;min-height:72px;padding:12px max(var(--pub-gutter),calc((100% - var(--pub-max))/2));background:color-mix(in srgb,#fff 86%,transparent);backdrop-filter:saturate(1.4) blur(14px)}
body.site-public .pub-brand{display:flex;align-items:center;gap:12px;padding:0;color:var(--ink)}
body.site-public .pub-brand-mark{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--ink);color:#fff;font-size:19px;font-weight:700;letter-spacing:0;transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
body.site-public .pub-brand-mark i{position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:var(--c2);box-shadow:0 0 0 2px #fff}
body.site-public .pub-brand>.pub-brand-name{font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.1}
body.site-public .pub-brand-name small{display:block;margin-top:3px;font-size:11px;font-weight:400;letter-spacing:.01em;color:var(--muted)}
body.site-public .pub-nav{display:flex;align-items:center;gap:6px;margin-left:auto;margin-right:20px;padding:5px;border:1px solid var(--line);border-radius:999px;background:#fff}
body.site-public .pub-nav a{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 16px;border-radius:999px;font-size:15px;font-weight:500;color:var(--muted);text-decoration:none;transition:background-color .2s,color .2s}
body.site-public .pub-nav a:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--pc);opacity:.0;transform:scale(.4);transition:opacity .2s,transform .25s}
body.site-public [data-page-link=product]{--pc:var(--c1)}
body.site-public [data-page-link=voorbeelden]{--pc:var(--c2)}
body.site-public [data-page-link=vertrouwen]{--pc:var(--c3)}
body.site-public .pub-nav a:hover{color:var(--ink);background:var(--surface2)}
body.site-public .pub-nav a:hover:before{opacity:1;transform:none}
body.site-public .main>header>.header-actions{width:auto;margin-left:auto}
body.site-public #siteAccount>button{border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;min-height:44px}
body.site-public .main main{max-width:calc(var(--pub-max) + 2 * var(--pub-gutter));padding:12px var(--pub-gutter) 40px}
body.site-public .main main [id]{scroll-margin-top:96px}
body.site-public #siteAccountStatus{font-size:13px;margin:0 auto 8px;text-align:center}
body.site-public .pub-mobile-nav{display:none}

/* Opening: a soft colour field, one promise, two actions. */
body.site-public .pub-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(40px,6vw,88px) 0 clamp(40px,5vw,64px)}
body.site-public .pub-aurora{position:absolute;inset:0 calc(-1 * var(--pub-gutter));z-index:-1;overflow:hidden;pointer-events:none;mask-image:radial-gradient(ellipse 70% 75% at 50% 45%,#000 30%,transparent 75%)}
body.site-public .pub-aurora i{position:absolute;width:42%;aspect-ratio:1;border-radius:50%;filter:blur(64px);opacity:.22;animation:pubDrift 18s ease-in-out infinite alternate}
body.site-public .pub-aurora i:nth-child(1){left:8%;top:6%;background:var(--c1)}
body.site-public .pub-aurora i:nth-child(2){right:6%;top:0;background:var(--c5);animation-delay:-6s}
body.site-public .pub-aurora i:nth-child(3){left:30%;bottom:-18%;background:var(--c4);opacity:.18;animation-delay:-12s}
body.site-public .pub-aurora i:nth-child(4){right:24%;bottom:-6%;width:30%;background:var(--c3);opacity:.16;animation-delay:-3s}
body.site-public .pub-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 24px;font-size:15px;font-weight:500;color:var(--muted)}
body.site-public .pub-pill{padding:7px 16px 7px 12px;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);border-radius:999px;background:#ffffffd9;color:var(--ink);box-shadow:0 6px 20px -14px #14201a59}
body.site-public .pub-kicker-dot{position:relative;width:8px;height:8px;border-radius:50%;background:var(--c3)}
body.site-public .pub-kicker-dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--c3);opacity:0;animation:pubPing 2.4s cubic-bezier(0,0,.2,1) infinite}
body.site-public .pub-hero h1{margin:0;max-width:12ch;font-size:clamp(48px,7.6vw,108px);line-height:.95;font-weight:600;letter-spacing:-.045em;text-wrap:balance}
body.site-public .pub-mark{position:relative;white-space:nowrap}
body.site-public .pub-mark:after{content:"";position:absolute;left:-1%;right:3%;bottom:.02em;height:.2em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 24' preserveAspectRatio='none'%3E%3Cpath d='M4 17C60 6 120 5 170 9s90 8 126-3' fill='none' stroke='%23e8693a' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;animation:pubDraw 1.1s .5s cubic-bezier(.6,0,.2,1) both}
body.site-public .pub-lead{max-width:34em;margin:28px 0 0;font-size:clamp(17px,1.6vw,20px);line-height:1.55;color:var(--muted);text-wrap:balance}
body.site-public .pub-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px}
body.site-public .pub-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 26px;border-radius:999px;background:var(--ink);border:1px solid var(--ink);color:#fff;font-size:16px;font-weight:600;text-decoration:none;box-shadow:0 10px 24px -14px #14201a99;transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s}
body.site-public .pub-button:not(.pub-button-quiet):after{content:"\2192";transition:transform .25s}
body.site-public .pub-button:hover{background:#000;transform:translateY(-1px);box-shadow:0 16px 30px -16px #14201ab3}
body.site-public .pub-button:hover:after{transform:translateX(3px)}
body.site-public .pub-button-quiet{background:#fffc;color:var(--ink);border-color:var(--line);box-shadow:none}
body.site-public .pub-button-quiet:hover{background:#fff;border-color:var(--ink);box-shadow:none}
body.site-public .pub-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:36px 0 0;padding:0;list-style:none}
body.site-public .pub-trust li{display:inline-flex;align-items:center;gap:9px;padding:6px 14px 6px 6px;border:1px solid var(--line);border-radius:999px;background:#ffffffe6;font-size:13px;color:var(--ink)}
body.site-public .pub-trust .pub-icon{width:26px;height:26px;padding:5px;border-radius:50%;background:color-mix(in srgb,var(--pc) 14%,#fff);color:var(--pc)}
body.site-public .pub-icon{display:block;width:24px;height:24px;flex:none}

/* Signature product picture with handwritten notes. */
body.site-public .pub-stage{position:relative;margin:0;padding:clamp(40px,5vw,76px) clamp(16px,4vw,64px) 0;border:1px solid var(--line);border-radius:30px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse 60% 70% at 15% 0%,color-mix(in srgb,var(--c1) 10%,transparent),transparent 70%),radial-gradient(ellipse 55% 65% at 90% 10%,color-mix(in srgb,var(--c5) 10%,transparent),transparent 70%),radial-gradient(ellipse 60% 50% at 60% 100%,color-mix(in srgb,var(--c4) 10%,transparent),transparent 70%),#fafbfa}
body.site-public .pub-stage:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(color-mix(in srgb,var(--ink) 16%,transparent) 1px,transparent 1.2px);background-size:22px 22px;mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 30%,transparent 80%)}
body.site-public .pub-stage figcaption{position:absolute;left:24px;bottom:16px;z-index:3;padding:6px 10px;border-radius:999px;background:#fffd;border:1px solid var(--line);font-size:12px;color:var(--muted)}
body.site-public .pub-stage-art{position:relative;max-width:1080px;margin:0 auto;padding-right:184px}
body.site-public .pub-scribble{margin:0;font-family:var(--pub-hand);font-size:25px;font-weight:600;line-height:1;color:var(--c2)}
body.site-public .pub-scribble svg{display:inline-block;width:92px;height:46px;vertical-align:middle}
body.site-public .pub-scribble-ai{position:absolute;left:-12px;top:-30px;z-index:4;transform:rotate(-4deg);color:var(--c5)}
body.site-public .pub-scribble-ai svg{margin:0 0 -26px 4px}
body.site-public .pub-scribble-you{position:absolute;right:-6px;top:-34px;z-index:4;display:flex;flex-direction:column;align-items:flex-end;width:190px;text-align:right;transform:rotate(-3deg);color:var(--c2)}
body.site-public .pub-scribble-you svg{order:2;width:44px;height:52px;margin:2px 92px 0 0}
body.site-public .pub-window{border:1px solid var(--line);border-bottom:0;border-radius:16px 16px 0 0;background:#fff;overflow:hidden;box-shadow:0 50px 90px -50px #14201a73,0 1px 0 #fff inset}
body.site-public .pub-window-bar{display:flex;align-items:center;gap:7px;height:40px;padding:0 16px;border-bottom:1px solid var(--line);background:#fbfbfa}
body.site-public .pub-window-bar i{width:10px;height:10px;border-radius:50%;background:#ec6b5e}
body.site-public .pub-window-bar i:nth-child(2){background:#f4bf4f}
body.site-public .pub-window-bar i:nth-child(3){background:#61c554}
body.site-public .pub-window-bar span{flex:1;margin-right:44px;text-align:center;font-size:12px;color:var(--muted)}
body.site-public .pub-window-body{display:grid;grid-template-columns:176px minmax(0,1fr);min-height:420px;text-align:left}
body.site-public .pub-ui-side{display:flex;flex-direction:column;gap:2px;padding:18px 12px;border-right:1px solid var(--line);background:#fbfbfa}
body.site-public .pub-ui-logo{display:grid;place-items:center;width:28px;height:28px;margin:0 0 16px 8px;border-radius:8px;background:var(--ink);color:#fff;font-size:15px;font-weight:700}
body.site-public .pub-ui-nav{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:8px;font-size:13px;color:var(--muted)}
body.site-public .pub-ui-nav.is-active{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 0 0 1px var(--line)}
body.site-public .pub-ui-nav em{min-width:18px;padding:1px 6px;border-radius:999px;background:var(--c2);color:#fff;font-size:11px;font-style:normal;font-weight:600;text-align:center}
body.site-public .pub-ui-main{padding:22px 80px 22px 24px;min-width:0}
body.site-public .pub-ui-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
body.site-public .pub-ui-head small{display:block;font-size:12px;color:var(--muted)}
body.site-public .pub-ui-head b{font-size:21px;font-weight:600;letter-spacing:-.02em}
body.site-public .pub-ui-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:500;white-space:nowrap}
body.site-public .pub-ui-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#ff8a5c;animation:pubBlink 1.6s ease-in-out infinite}
body.site-public .pub-ui-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
body.site-public .pub-ui-kpis span{position:relative;padding:10px 12px 12px;border-radius:12px;background:color-mix(in srgb,var(--pc) 8%,#fff);overflow:hidden}
body.site-public .pub-ui-kpis small{display:block;font-size:11px;color:var(--muted)}
body.site-public .pub-ui-kpis b{display:block;margin-top:2px;font-size:22px;font-weight:600;letter-spacing:-.02em}
body.site-public .pub-ui-kpis i{position:absolute;right:12px;bottom:12px;width:44%;height:22px}
body.site-public .pub-ui-kpis i:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 55%,transparent),color-mix(in srgb,var(--pc) 8%,transparent));clip-path:polygon(0 70%,14% 52%,28% 62%,42% 34%,56% 46%,70% 22%,84% 30%,100% 4%,100% 100%,0 100%)}
body.site-public .pub-ui-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:14px}
body.site-public .pub-ui-card{padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff;min-width:0}
body.site-public .pub-ui-title{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:13px;font-weight:600;color:var(--ink)}
body.site-public .pub-ui-row{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 10px;align-items:center;gap:10px;padding:10px 0 10px 10px;border-top:1px solid var(--line)}
body.site-public .pub-ui-row:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--pc)}
body.site-public .pub-ui-row:first-of-type{border-top:0}
body.site-public .pub-ui-row time{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
body.site-public .pub-ui-row b,body.site-public .pub-ui-item b{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.site-public .pub-ui-row small,body.site-public .pub-ui-item small{display:block;margin-top:2px;font-size:12px;color:var(--muted)}
body.site-public .pub-ui-row i{width:8px;height:8px;border-radius:50%;background:var(--line)}
body.site-public .pub-ui-row i.is-done{background:#3c8a5c}
body.site-public .pub-ui-row i.is-busy{background:#d8961c}
body.site-public .pub-ui-approve{background:linear-gradient(180deg,color-mix(in srgb,var(--c5) 6%,#fff),#fff 60%);border-color:color-mix(in srgb,var(--c5) 22%,var(--line))}
body.site-public .pub-ui-spark{width:12px;height:12px;background:var(--c5);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:pubTwinkle 2.8s ease-in-out infinite}
body.site-public .pub-ui-item{padding:12px 0 2px;border-top:1px solid var(--line)}
body.site-public .pub-ui-item:first-of-type{border-top:0}
body.site-public .pub-ui-actions{display:flex;gap:6px;margin-top:10px}
body.site-public .pub-ui-btn{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:600}
body.site-public .pub-ui-btn.is-quiet{background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line)}
body.site-public .pub-phone{position:absolute;right:0;bottom:-36px;width:240px;padding:10px;border-radius:40px;background:#18201b;box-shadow:0 40px 70px -30px #14201a8c,0 0 0 1px #0000000d;animation:pubFloat 7s ease-in-out infinite}
body.site-public .pub-phone-screen{height:450px;padding:22px 12px;border-radius:31px;background:linear-gradient(170deg,color-mix(in srgb,var(--c1) 14%,#f4f5f2),color-mix(in srgb,var(--c5) 12%,#eef0ec));overflow:hidden;text-align:left}
body.site-public .pub-phone-time{margin:6px 0 18px;text-align:center;font-size:42px;font-weight:500;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
body.site-public .pub-note{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;border-radius:16px;background:#ffffffeb;box-shadow:0 8px 20px -14px #14201a59;animation:pubNoteIn .6s cubic-bezier(.2,.8,.2,1) both}
body.site-public .pub-note b{display:block;font-size:12.5px;font-weight:600}
body.site-public .pub-note small{display:block;margin-top:1px;font-size:11px;color:var(--muted)}
body.site-public .pub-note-icon{position:relative;flex:none;width:28px;height:28px;border-radius:8px;background:var(--c3)}
body.site-public .pub-note-icon:after{content:"";position:absolute;inset:8px 7px 9px;border-radius:4px 4px 4px 1px;background:#fff}
body.site-public .pub-note-icon.is-spark{background:var(--c5)}
body.site-public .pub-note-icon.is-spark:after{inset:7px;border-radius:0;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
body.site-public .pub-note-icon.is-photo{background:var(--c1)}
body.site-public .pub-note-icon.is-photo:after{inset:8px;border-radius:50%;background:none;border:2px solid #fff}
body.site-public .pub-note.is-ask{flex-direction:column;align-items:stretch;gap:10px;background:var(--ink);color:#fff}
body.site-public .pub-note.is-ask small{color:#c9d1cb}
body.site-public .pub-note.is-ask .pub-ui-btn{justify-content:center;padding:9px;background:#fff;color:var(--ink);font-size:13px}
body.site-public .pub-note-1{animation-delay:.3s}
body.site-public .pub-note-2{animation-delay:.9s}
body.site-public .pub-note-3{animation-delay:1.5s}
body.site-public .pub-note-4{animation-delay:2.2s}

/* Numbers with a small picture each. */
body.site-public .pub-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:clamp(48px,6vw,72px) 0 0;padding:0;list-style:none}
body.site-public .pub-stat{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:6px 18px;padding:22px 24px;border:1px solid var(--line);border-radius:var(--pub-radius);background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s}
body.site-public .pub-stat>b{font-size:clamp(40px,4.2vw,56px);font-weight:600;letter-spacing:-.04em;line-height:1}
body.site-public .pub-stat>span:last-child{grid-column:1/-1;font-size:14px;line-height:1.45;color:var(--muted)}
body.site-public .pub-stat-art{grid-row:1;grid-column:2;justify-self:end;display:grid}
body.site-public .pub-mini-waffle{grid-template-columns:repeat(5,9px);gap:3px}
body.site-public .pub-mini-waffle i{width:9px;height:9px;border-radius:3px;background:var(--pc);animation:pubPop .4s cubic-bezier(.3,1.6,.5,1) both}
body.site-public .pub-mini-waffle i:nth-child(5n+2){animation-delay:.05s}
body.site-public .pub-mini-waffle i:nth-child(5n+3){animation-delay:.1s}
body.site-public .pub-mini-waffle i:nth-child(5n+4){animation-delay:.15s}
body.site-public .pub-mini-waffle i:nth-child(5n){animation-delay:.2s}
body.site-public .pub-mini-stack{gap:4px;width:64px}
body.site-public .pub-mini-stack i{height:9px;border-radius:5px;background:var(--t-start);transform-origin:left;animation:pubGrowX .7s cubic-bezier(.2,.7,.2,1) both}
body.site-public .pub-mini-stack i:nth-child(2){background:var(--t-pro);animation-delay:.1s}
body.site-public .pub-mini-stack i:nth-child(3){background:var(--t-elite);animation-delay:.2s}
body.site-public .pub-mini-bars{grid-auto-flow:column;align-items:end;gap:4px;height:46px}
body.site-public .pub-mini-bars i{width:12px;height:50%;border-radius:4px 4px 2px 2px;background:var(--t-start);transform-origin:bottom;animation:pubGrowY .7s cubic-bezier(.2,.7,.2,1) both}
body.site-public .pub-mini-bars i:nth-child(2){height:68.75%;background:var(--t-pro);animation-delay:.1s}
body.site-public .pub-mini-bars i:nth-child(3){height:100%;background:var(--t-elite);animation-delay:.2s}
body.site-public .pub-mini-checks{grid-auto-flow:column;gap:4px}
body.site-public .pub-mini-checks i{position:relative;width:14px;height:14px;border-radius:50%;background:var(--c3);animation:pubPop .4s cubic-bezier(.3,1.6,.5,1) both}
body.site-public .pub-mini-checks i:after{content:"";position:absolute;left:4px;top:3.5px;width:5px;height:3px;border-left:1.6px solid #fff;border-bottom:1.6px solid #fff;transform:rotate(-45deg)}
body.site-public .pub-mini-checks i:nth-child(2){animation-delay:.08s}
body.site-public .pub-mini-checks i:nth-child(3){animation-delay:.16s}
body.site-public .pub-mini-checks i:nth-child(4){animation-delay:.24s}
body.site-public .pub-mini-checks i:nth-child(5){animation-delay:.32s}

/* Section heads and blocks. */
body.site-public .pub-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:24px 64px;align-items:end;margin-bottom:clamp(32px,4vw,48px)}
body.site-public .pub-section-head h2{margin:0;max-width:18ch;font-size:clamp(36px,4.6vw,64px);line-height:1;font-weight:600;letter-spacing:-.04em;text-wrap:balance}
body.site-public .pub-section-head p{margin:0;max-width:34em;font-size:17px;line-height:1.6;color:var(--muted)}
body.site-public .pub-block{padding-top:clamp(64px,8vw,112px)}
body.site-public .pub-h2{margin:0 0 28px;font-size:clamp(28px,2.8vw,40px);font-weight:600;letter-spacing:-.03em;line-height:1.1}
body.site-public .pub-h3{display:flex;align-items:center;gap:10px;margin:clamp(48px,6vw,72px) 0 24px;font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
body.site-public .pub-h3:after{content:"";flex:1;height:1px;background:var(--line)}
body.site-public .pub-sub{margin:-12px 0 32px;max-width:44em;font-size:16px;line-height:1.6;color:var(--muted)}
body.site-public .pub-caption,body.site-public figure figcaption{margin:14px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}
body.site-public .pub-note-line{margin:24px 0 0;max-width:46em;font-size:14px;line-height:1.6;color:var(--muted)}
body.site-public .pub-page a:not([class]){color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}
body.site-public .pub-page a:not([class]):hover{text-decoration-color:var(--ink)}

/* A working day as a timeline, 06:00 to 22:00. */
body.site-public .pub-timeline{margin:0 0 20px;padding:28px 28px 20px;border:1px solid var(--line);border-radius:var(--pub-radius);background:#fff}
body.site-public .pub-tl-axis{position:relative;height:18px;margin-left:84px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
body.site-public .pub-tl-axis span{position:absolute;top:0;transform:translateX(-50%)}
body.site-public .pub-tl-axis span:nth-child(1){left:0;transform:none}
body.site-public .pub-tl-axis span:nth-child(2){left:12.5%}
body.site-public .pub-tl-axis span:nth-child(3){left:25%}
body.site-public .pub-tl-axis span:nth-child(4){left:37.5%}
body.site-public .pub-tl-axis span:nth-child(5){left:50%}
body.site-public .pub-tl-axis span:nth-child(6){left:62.5%}
body.site-public .pub-tl-axis span:nth-child(7){left:75%}
body.site-public .pub-tl-axis span:nth-child(8){left:87.5%}
body.site-public .pub-tl-axis span:nth-child(9){left:auto;right:0;transform:none}
body.site-public .pub-tl-row{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;margin-top:14px}
body.site-public .pub-tl-row p{margin:0;font-size:14px;font-weight:600}
body.site-public .pub-tl-track{position:relative;height:40px;border-radius:12px;background:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 12.5%),var(--surface2)}
body.site-public .pub-tl-bar{position:absolute;top:8px;bottom:8px;border-radius:999px;transform-origin:left;animation:pubGrowX 1.1s cubic-bezier(.2,.7,.2,1) .2s both}
body.site-public .is-without .pub-tl-bar{left:4.6875%;width:89.0625%;background:color-mix(in srgb,var(--c2) 26%,#fff)}
body.site-public .is-with .pub-tl-bar{left:6.25%;width:65.625%;background:color-mix(in srgb,var(--c3) 30%,#fff)}
body.site-public .pub-tl-track i{position:absolute;top:50%;display:grid;place-items:center;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#fff;border:2px solid var(--c2);font-size:11px;font-style:normal;font-weight:700;animation:pubPop .4s cubic-bezier(.3,1.6,.5,1) both}
body.site-public .is-with .pub-tl-track i{border-color:var(--c3)}
body.site-public .is-without i:nth-of-type(1){left:4.6875%;animation-delay:.3s}
body.site-public .is-without i:nth-of-type(2){left:26.5625%;animation-delay:.45s}
body.site-public .is-without i:nth-of-type(3){left:40.625%;animation-delay:.6s}
body.site-public .is-without i:nth-of-type(4){left:71.875%;animation-delay:.75s}
body.site-public .is-without i:nth-of-type(5){left:93.75%;animation-delay:.9s;background:var(--c2);color:#fff}
body.site-public .is-with i:nth-of-type(1){left:6.25%;animation-delay:.3s}
body.site-public .is-with i:nth-of-type(2){left:26.5625%;animation-delay:.45s}
body.site-public .is-with i:nth-of-type(3){left:40.625%;animation-delay:.6s}
body.site-public .is-with i:nth-of-type(4){left:68.75%;animation-delay:.75s}
body.site-public .is-with i:nth-of-type(5){left:71.875%;animation-delay:.9s;background:var(--c3);color:#fff}
body.site-public .pub-tl-free{position:absolute;left:76%;right:2%;top:5px;bottom:5px;display:grid;place-items:center;border:1.5px dashed color-mix(in srgb,var(--c3) 55%,transparent);border-radius:999px;font-family:var(--pub-hand);font-size:22px;font-style:normal;font-weight:600;color:var(--c3);animation:pubFade .6s 1.1s both}
body.site-public .pub-day{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.site-public .pub-day-col{padding:26px 28px;border:1px solid var(--line);border-radius:var(--pub-radius);background:#fff}
body.site-public .pub-day-col.is-with{background:color-mix(in srgb,var(--c3) 7%,#fff);border-color:color-mix(in srgb,var(--c3) 26%,var(--line))}
body.site-public .pub-day-label{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:600;color:var(--ink)}
body.site-public .pub-day-label:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c2)}
body.site-public .pub-day-col.is-with .pub-day-label:before{background:var(--c3)}
body.site-public .pub-day ol{margin:0;padding:0;list-style:none;counter-reset:pubday}
body.site-public .pub-day li{display:grid;grid-template-columns:22px 52px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:15.5px;line-height:1.45;counter-increment:pubday}
body.site-public .pub-day li:before{content:counter(pubday);display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--c2);font-size:11px;font-weight:700}
body.site-public .pub-day-col.is-with li:before{border-color:var(--c3)}
body.site-public .pub-day-col.is-with li{border-color:color-mix(in srgb,var(--c3) 18%,var(--line))}
body.site-public .pub-day time{font-size:14px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums;padding-top:1px}
body.site-public .pub-day-col:not(.is-with) span{color:var(--muted)}
body.site-public .pub-day-col.is-with li:last-child span{font-weight:600}

/* 25 trades, gently moving. */
body.site-public .pub-vakken-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px 24px;margin-top:clamp(56px,7vw,88px);padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body.site-public .pub-vakken-row>p{margin:0;font-size:15px;color:var(--muted);white-space:nowrap}
body.site-public .pub-vakken-row b{color:var(--ink)}
body.site-public .pub-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
body.site-public .pub-marquee-track{display:flex;width:max-content;animation:pubMarquee 70s linear infinite}
body.site-public .pub-marquee:hover .pub-marquee-track,body.site-public .pub-marquee:focus-within .pub-marquee-track{animation-play-state:paused}
body.site-public .pub-marquee-set{display:flex;gap:8px;padding-right:8px}
body.site-public .pub-marquee a,body.site-public .pub-chips a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 14px 8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:14px;white-space:nowrap;text-decoration:none;transition:border-color .2s,background-color .2s}
body.site-public .pub-marquee a:before,body.site-public .pub-chips a:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pc)}
body.site-public .pub-marquee a:hover,body.site-public .pub-chips a:hover{border-color:var(--pc);background:color-mix(in srgb,var(--pc) 8%,#fff)}
body.site-public .pub-chip-more{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 16px;border-radius:999px;background:var(--ink);color:#fff;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
body.site-public .pub-chip-more:after{content:"\2192"}

/* Three ways we help. */
body.site-public .pub-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.site-public .pub-pillar{display:flex;flex-direction:column;padding:12px 12px 28px;border:1px solid var(--line);border-radius:22px;background:#fff;color:var(--ink);text-decoration:none;transition:border-color .25s,box-shadow .25s,transform .25s}
body.site-public .pub-pillar h3,body.site-public .pub-pillar p,body.site-public .pub-pillar .pub-more{margin-left:16px;margin-right:16px}
body.site-public .pub-pillar h3{margin-top:24px;margin-bottom:10px;font-size:22px;font-weight:600;letter-spacing:-.025em;line-height:1.2}
body.site-public .pub-pillar p{margin-top:0;margin-bottom:28px;font-size:15px;line-height:1.6;color:var(--muted)}
body.site-public .pub-more{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600}
body.site-public .pub-more:after{content:"\2192";display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--pc) 14%,#fff);color:var(--ink);font-size:14px;transition:transform .25s,background-color .25s,color .25s}
body.site-public .pub-pillar-art{position:relative;display:grid;place-content:center;height:150px;border-radius:14px;background:radial-gradient(circle at 30% 20%,#fff9,transparent 60%),color-mix(in srgb,var(--pc) 12%,#fff);overflow:hidden}
body.site-public .pub-pillar.is-c1 .pub-pillar-art{grid-template-columns:repeat(3,44px);gap:8px}
body.site-public .pub-pillar.is-c1 i{height:34px;border-radius:9px;background:#fff;box-shadow:0 6px 14px -10px #14201a66}
body.site-public .pub-pillar.is-c1 i:nth-child(2){background:var(--pc)}
body.site-public .pub-pillar.is-c1 i:nth-child(6){background:color-mix(in srgb,var(--pc) 40%,#fff)}
body.site-public .pub-pillar.is-c2 .pub-pillar-art{gap:8px;justify-items:start}
body.site-public .pub-pillar.is-c2 i{display:block;height:14px;border-radius:8px 8px 8px 3px;background:#fff;box-shadow:0 6px 14px -10px #14201a66}
body.site-public .pub-pillar.is-c2 i:nth-child(1){width:120px}
body.site-public .pub-pillar.is-c2 i:nth-child(2){width:90px}
body.site-public .pub-pillar.is-c2 i:nth-child(3){width:140px;justify-self:end;background:var(--pc);border-radius:8px 8px 3px 8px}
body.site-public .pub-pillar.is-c2 i:nth-child(4){width:30px;height:30px;justify-self:end;margin-top:-4px;background:var(--ink);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);box-shadow:none;animation:pubTwinkle 2.8s ease-in-out infinite}
body.site-public .pub-pillar.is-c3 .pub-pillar-art{place-items:center}
body.site-public .pub-pillar.is-c3 i{grid-area:1/1;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--pc) 45%,transparent)}
body.site-public .pub-pillar.is-c3 i:nth-child(1){width:120px;height:120px;animation:pubBreathe 4s ease-in-out infinite}
body.site-public .pub-pillar.is-c3 i:nth-child(2){width:84px;height:84px;animation:pubBreathe 4s ease-in-out .4s infinite}
body.site-public .pub-pillar.is-c3 i:nth-child(3){width:48px;height:48px;border:0;background:var(--pc) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/24px no-repeat}

/* One platform: a picture of updates reaching every customer. */
body.site-public .pub-band{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,400px);align-items:center;gap:32px 64px;margin-top:clamp(64px,8vw,112px);padding:clamp(32px,5vw,56px);border-radius:28px;background:radial-gradient(ellipse 60% 90% at 100% 50%,color-mix(in srgb,var(--c1) 12%,transparent),transparent 70%),radial-gradient(ellipse 50% 80% at 0% 100%,color-mix(in srgb,var(--c4) 12%,transparent),transparent 70%),var(--surface2);border:1px solid var(--line);color:var(--ink);overflow:hidden}
body.site-public .pub-band h2{margin:0 0 14px;max-width:18ch;font-size:clamp(30px,3.4vw,48px);font-weight:600;letter-spacing:-.035em;line-height:1.02}
body.site-public .pub-band p{margin:0 0 28px;max-width:40em;font-size:16px;line-height:1.6;color:var(--muted)}
body.site-public .pub-band .pub-button-light{background:var(--ink);border-color:var(--ink);color:#fff}
body.site-public .pub-hub{display:block;width:100%;height:auto;overflow:visible}
body.site-public .pub-hub-lines path{fill:none;stroke:color-mix(in srgb,var(--ink) 30%,transparent);stroke-width:1.6;stroke-dasharray:3 7;stroke-linecap:round;animation:pubDash 1.6s linear infinite}
body.site-public .pub-hub-tiles rect{fill:#fff;stroke:var(--line);stroke-width:1.2}
body.site-public .pub-hub-tiles path{stroke:var(--line);stroke-width:5;stroke-linecap:round}
body.site-public .pub-hub-tiles rect{animation:pubTileGlow 4.8s ease-in-out infinite}
body.site-public .pub-hub-tiles .h1{--pc:var(--c1)}
body.site-public .pub-hub-tiles .h2{--pc:var(--c2)}
body.site-public .pub-hub-tiles .h2 rect{animation-delay:.8s}
body.site-public .pub-hub-tiles .h3{--pc:var(--c3)}
body.site-public .pub-hub-tiles .h3 rect{animation-delay:1.6s}
body.site-public .pub-hub-tiles .h4{--pc:var(--c4)}
body.site-public .pub-hub-tiles .h4 rect{animation-delay:2.4s}
body.site-public .pub-hub-tiles .h5{--pc:var(--c5)}
body.site-public .pub-hub-tiles .h5 rect{animation-delay:3.2s}
body.site-public .pub-hub-tiles .h6{--pc:var(--c6)}
body.site-public .pub-hub-tiles .h6 rect{animation-delay:4s}
body.site-public .pub-hub-tiles circle{fill:var(--pc)}
body.site-public .pub-hub-ring{fill:none;stroke:color-mix(in srgb,var(--ink) 25%,transparent);stroke-width:1.5;transform-origin:180px 125px;animation:pubRing 2.4s cubic-bezier(0,0,.2,1) infinite}
body.site-public .pub-hub-core{fill:var(--ink)}
body.site-public .pub-hub-w{fill:#fff}

/* Closing call to action with a little confetti. */
body.site-public .pub-cta{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(88px,11vw,144px) 0 clamp(24px,3vw,40px)}
body.site-public .pub-cta h2{margin:0 0 14px;font-size:clamp(36px,4.8vw,68px);font-weight:600;letter-spacing:-.04em;line-height:1}
body.site-public .pub-cta p{margin:0 0 28px;max-width:34em;font-size:17px;line-height:1.6;color:var(--muted)}
body.site-public .pub-confetti{position:absolute;inset:40px 0 0;pointer-events:none}
body.site-public .pub-confetti i{position:absolute;width:12px;height:12px;border-radius:3px;animation:pubBob 6s ease-in-out infinite}
body.site-public .pub-confetti i:nth-child(1){left:12%;top:30%;background:var(--c1);transform:rotate(18deg)}
body.site-public .pub-confetti i:nth-child(2){left:22%;top:62%;width:9px;height:9px;border-radius:50%;background:var(--c4);animation-delay:-1s}
body.site-public .pub-confetti i:nth-child(3){left:30%;top:16%;width:16px;height:6px;background:var(--c3);animation-delay:-2s}
body.site-public .pub-confetti i:nth-child(4){right:30%;top:20%;width:10px;height:10px;border-radius:50%;background:var(--c2);animation-delay:-3s}
body.site-public .pub-confetti i:nth-child(5){right:20%;top:56%;background:var(--c5);transform:rotate(-24deg);animation-delay:-4s}
body.site-public .pub-confetti i:nth-child(6){right:11%;top:28%;width:18px;height:6px;background:var(--c6);animation-delay:-5s}
body.site-public .pub-confetti i:nth-child(7){left:6%;top:70%;width:8px;height:8px;border-radius:50%;background:var(--c5);animation-delay:-2.5s}
body.site-public .pub-confetti i:nth-child(8){right:6%;top:74%;width:10px;height:10px;background:var(--c1);transform:rotate(40deg);animation-delay:-3.5s}

/* Page heads: a quiet colour wash per page and quick links. */
body.site-public .pub-page-head{position:relative;isolation:isolate;padding:clamp(56px,8vw,112px) 0 clamp(36px,4vw,56px);border-bottom:1px solid var(--line)}
body.site-public .pub-page-head:before{content:"";position:absolute;z-index:-1;right:0;top:-10%;width:min(560px,60%);aspect-ratio:1.4;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--pc) 16%,transparent),transparent);filter:blur(10px)}
body.site-public .pub-page-head:after{content:"";position:absolute;z-index:-1;right:6%;top:22%;width:180px;height:180px;background-image:radial-gradient(color-mix(in srgb,var(--pc) 45%,transparent) 1.4px,transparent 1.6px);background-size:16px 16px;mask-image:radial-gradient(circle,#000 30%,transparent 70%)}
body.site-public .pub-page-head .pub-kicker{margin-bottom:20px;color:var(--ink)}
body.site-public .pub-page-head .pub-kicker:before{content:"";width:10px;height:10px;border-radius:3px;background:var(--pc);transform:rotate(45deg)}
body.site-public .pub-page-head .pub-kicker a{color:var(--muted);text-decoration:none}
body.site-public .pub-page-head h1{margin:0;max-width:17ch;font-size:clamp(42px,6.2vw,88px);line-height:.98;font-weight:600;letter-spacing:-.042em;text-wrap:balance}
body.site-public .pub-page-head .pub-lead{max-width:38em;margin:24px 0 0;text-wrap:pretty}
body.site-public .pub-subnav{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
body.site-public .pub-subnav a{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:#fffc;color:var(--ink);font-size:14px;font-weight:500;text-decoration:none;transition:border-color .2s,background-color .2s}
body.site-public .pub-subnav a:hover{border-color:var(--pc);background:color-mix(in srgb,var(--pc) 7%,#fff)}

/* Feature grids with coloured icon tiles. */
body.site-public .pub-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.site-public .pub-features article{padding:24px 24px 26px;border:1px solid var(--line);border-radius:var(--pub-radius);background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s}
body.site-public .pub-features article>.pub-icon{width:44px;height:44px;margin-bottom:18px;padding:10px;border-radius:13px;background:color-mix(in srgb,var(--pc) 13%,#fff);color:var(--pc);transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
body.site-public .pub-features h3,body.site-public .pub-modules h3,body.site-public .pub-steps h3,body.site-public .pub-rules h3,body.site-public .pub-split h3,body.site-public .pub-guarantee h3,body.site-public .pub-plans h3,body.site-public .pub-cycle h3{margin:0 0 8px;font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:1.3}
body.site-public .pub-features p,body.site-public .pub-steps p,body.site-public .pub-rules p,body.site-public .pub-guarantee p,body.site-public .pub-plans p:not(.pub-plan-name),body.site-public .pub-cycle p{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}

/* AI: a coloured route with the moments you decide. */
body.site-public .pub-ai-zone{margin-top:clamp(64px,8vw,112px);padding:clamp(32px,5vw,64px);border-radius:32px;background:radial-gradient(ellipse 50% 60% at 0% 0%,color-mix(in srgb,var(--c5) 10%,transparent),transparent 70%),radial-gradient(ellipse 50% 60% at 100% 100%,color-mix(in srgb,var(--c2) 9%,transparent),transparent 70%),#fbfbfa;border:1px solid var(--line)}
body.site-public .pub-ai-zone .pub-h3:first-of-type{margin-top:8px}
body.site-public .pub-flow{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 16px;margin:0;padding:0;list-style:none;counter-reset:pubstep}
body.site-public .pub-flow:before{content:"";position:absolute;left:18px;right:18px;top:17px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--c1),var(--c2),var(--c3),var(--c4),var(--c5));opacity:.35}
body.site-public .pub-flow:after{content:"";position:absolute;top:13px;left:18px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--ink),0 0 18px 4px #fff;animation:pubTravel 6s cubic-bezier(.6,0,.4,1) infinite}
body.site-public .pub-flow li{position:relative;z-index:1;display:flex;flex-direction:column;padding:56px 18px 18px;border-radius:var(--pub-radius);counter-increment:pubstep;transition:background-color .25s}
body.site-public .pub-flow li:before{content:counter(pubstep);position:absolute;top:0;left:18px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;border:3px solid var(--pc);font-size:15px;font-weight:700;box-shadow:0 0 0 5px #fbfbfa}
body.site-public .pub-flow li:hover{background:color-mix(in srgb,var(--pc) 7%,#fff)}
body.site-public .pub-flow-step{margin:0 0 10px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
body.site-public .pub-flow h3{margin:0 0 8px;font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
body.site-public .pub-flow li>p:not([class]){margin:0 0 16px;font-size:15px;line-height:1.55;color:var(--muted)}
body.site-public .pub-approve{display:inline-flex;align-self:flex-start;align-items:center;gap:7px;margin:0 0 12px;padding:6px 12px;border-radius:999px;background:var(--ink);color:#fff;font-size:12.5px;font-weight:600;box-shadow:0 8px 18px -10px #14201aa6}
body.site-public .pub-approve:before{content:"";width:8px;height:5px;margin-top:-2px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
body.site-public .pub-status{display:flex;align-items:center;gap:7px;margin:auto 0 0;font-size:12.5px;color:var(--muted)}
body.site-public .pub-status:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:#d8961c;box-shadow:0 0 0 3px color-mix(in srgb,#d8961c 18%,transparent)}
body.site-public .pub-status.is-live:before{background:#3c8a5c;box-shadow:0 0 0 3px color-mix(in srgb,#3c8a5c 18%,transparent)}
body.site-public .pub-scribble-flow{margin:14px 0 0 calc(20% + 20px);transform:rotate(-2deg);color:var(--ink)}
body.site-public .pub-scribble-flow:before{content:"\2191";margin-right:8px;font-family:inherit}
body.site-public .pub-rules{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;counter-reset:pubrule}
body.site-public .pub-rules li{position:relative;padding:22px 20px 24px;border-radius:var(--pub-radius);background:#fff;border:1px solid var(--line);counter-increment:pubrule;overflow:hidden}
body.site-public .pub-rules li:before{content:counter(pubrule);display:block;margin-bottom:14px;font-size:52px;font-weight:700;line-height:.9;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px var(--pc)}
body.site-public .pub-rules li:nth-child(1){--pc:var(--c1)}
body.site-public .pub-rules li:nth-child(2){--pc:var(--c2)}
body.site-public .pub-rules li:nth-child(3){--pc:var(--c3)}
body.site-public .pub-rules li:nth-child(4){--pc:var(--c4)}
body.site-public .pub-rules li:nth-child(5){--pc:var(--c5)}
body.site-public .pub-rules li:after{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:color-mix(in srgb,var(--pc) 10%,transparent)}
body.site-public .pub-next{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px 40px;margin-top:clamp(40px,5vw,56px);padding:26px 28px;border:1.5px dashed color-mix(in srgb,var(--ink) 20%,var(--line));border-radius:var(--pub-radius);background:#fffb}
body.site-public .pub-next-label{display:flex;align-items:center;gap:10px;margin:0;font-size:15px;font-weight:600}
body.site-public .pub-next-label:before{content:"";width:14px;height:14px;border-radius:4px;background:repeating-linear-gradient(45deg,#d8961c 0 3px,color-mix(in srgb,#d8961c 30%,#fff) 3px 6px)}
body.site-public .pub-next ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 28px;margin:0;padding:0;list-style:none}
body.site-public .pub-next li{display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:1.5;color:var(--muted)}
body.site-public .pub-next li b{color:var(--ink);font-weight:600}
body.site-public .pub-next .pub-status{margin-top:4px}

/* Packages: one block per part, stacked from Start to Elite. */
body.site-public .pub-units{margin:0 0 20px;padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff}
body.site-public .pub-legend{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:18px;font-size:13px;color:var(--ink)}
body.site-public .pub-legend span{display:inline-flex;align-items:center;gap:8px}
body.site-public .pub-legend span:before{content:"";width:12px;height:12px;border-radius:4px;background:var(--pc)}
body.site-public .pub-units-row{display:grid;grid-template-columns:64px minmax(0,1fr) 128px;align-items:center;gap:16px;padding:10px 0}
body.site-public .pub-units-row+.pub-units-row{border-top:1px solid var(--line)}
body.site-public .pub-units-name{margin:0;font-size:15px;font-weight:600}
body.site-public .pub-units-cells{display:grid;grid-template-columns:repeat(32,minmax(0,1fr));gap:3px;animation:pubWipe 1s cubic-bezier(.2,.7,.2,1) both}
body.site-public .pub-units-row:nth-of-type(3) .pub-units-cells{animation-delay:.15s}
body.site-public .pub-units-row:nth-of-type(4) .pub-units-cells{animation-delay:.3s}
body.site-public .pub-units-cells i{display:block;aspect-ratio:1;max-height:26px;border-radius:5px;transition:transform .15s}
body.site-public .pub-units-cells i:hover{transform:scale(1.3);box-shadow:0 4px 10px -4px #14201a80}
body.site-public .pub-units-cells .u-s{background:var(--t-start)}
body.site-public .pub-units-cells .u-p{background:var(--t-pro)}
body.site-public .pub-units-cells .u-e{background:var(--t-elite)}
body.site-public .pub-units-total{margin:0;font-size:14px;color:var(--muted);white-space:nowrap}
body.site-public .pub-units-total b{margin-right:4px;font-size:26px;font-weight:600;letter-spacing:-.03em;color:var(--ink)}
body.site-public .pub-units figcaption{margin-top:10px}
body.site-public .pub-table-toggle{margin-top:12px;font-size:14px}
body.site-public .pub-table-toggle summary{display:inline-flex;align-items:center;gap:8px;min-height:40px;cursor:pointer;font-weight:600;color:var(--ink);list-style:none}
body.site-public .pub-table-toggle summary::-webkit-details-marker{display:none}
body.site-public .pub-table-toggle summary:before{content:"+";display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);font-weight:500}
body.site-public .pub-table-toggle[open] summary:before{content:"\2212"}
body.site-public .pub-units-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:12px}
body.site-public .pub-units-list p{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-weight:600}
body.site-public .pub-units-list p:before{content:"";width:10px;height:10px;border-radius:3px;background:var(--pc)}
body.site-public .pub-units-list ul{margin:0;padding:0;list-style:none;columns:1}
body.site-public .pub-units-list li{padding:5px 0;border-top:1px solid var(--line);color:var(--muted)}
body.site-public .pub-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.site-public .pub-plans article{position:relative;padding:26px;border:1px solid var(--line);border-radius:var(--pub-radius);background:#fff;overflow:hidden}
body.site-public .pub-plans article:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--pc)}
body.site-public .pub-plans article.is-elite{background:linear-gradient(160deg,color-mix(in srgb,var(--pc) 8%,#fff),#fff 60%)}
body.site-public .pub-plan-name{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;padding:4px 12px 4px 8px;border-radius:999px;background:color-mix(in srgb,var(--pc) 12%,#fff);font-size:14px;font-weight:600;color:var(--ink)}
body.site-public .pub-plan-name:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pc)}
body.site-public .pub-more-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:16px;color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:5px}
body.site-public .pub-more-link:after{content:"\2192";text-decoration:none}
body.site-public .pub-more-link:hover{text-decoration-color:var(--ink)}

/* What is inside. */
body.site-public .pub-modules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.site-public .pub-modules>div{padding:22px 22px 12px;border-radius:var(--pub-radius);background:color-mix(in srgb,var(--pc) 6%,#fff);border:1px solid color-mix(in srgb,var(--pc) 18%,var(--line))}
body.site-public .pub-modules h3{display:flex;align-items:center;gap:10px}
body.site-public .pub-modules h3:before{content:"";width:12px;height:12px;border-radius:4px;background:var(--pc)}
body.site-public .pub-modules ul,body.site-public .pub-split ul{margin:0;padding:0;list-style:none}
body.site-public .pub-modules li{padding:9px 0;border-top:1px solid color-mix(in srgb,var(--pc) 14%,var(--line));font-size:15px;color:var(--muted)}

/* 25 trades as a table of elements: row length is the number of trades per kind of work. */
body.site-public .pub-ptable{display:grid;gap:10px}
body.site-public .pub-ptable-row{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:center;gap:20px;animation:pubWipe .9s cubic-bezier(.2,.7,.2,1) both}
body.site-public .pub-ptable-row:nth-child(2){animation-delay:.08s}
body.site-public .pub-ptable-row:nth-child(3){animation-delay:.16s}
body.site-public .pub-ptable-row:nth-child(4){animation-delay:.24s}
body.site-public .pub-ptable-row:nth-child(5){animation-delay:.32s}
body.site-public .pub-ptable-label{display:flex;align-items:center;gap:10px;margin:0;font-size:15px;font-weight:500;line-height:1.3}
body.site-public .pub-ptable-label b{font-size:28px;font-weight:600;letter-spacing:-.03em;min-width:1.2em}
body.site-public .pub-swatch{flex:none;width:12px;height:12px;border-radius:4px;background:var(--pc)}
body.site-public .pub-ptable-cells{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}
body.site-public .pub-el{position:relative;display:flex;flex-direction:column;min-width:0;height:104px;padding:8px 10px 9px;border-radius:12px;background:color-mix(in srgb,var(--pc) 11%,#fff);border:1px solid color-mix(in srgb,var(--pc) 28%,transparent);color:var(--ink);text-decoration:none;transition:transform .2s cubic-bezier(.3,1.6,.5,1),box-shadow .2s,background-color .2s}
body.site-public .pub-el small{font-size:11px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}
body.site-public .pub-el b{margin:auto 0 2px;font-size:28px;font-weight:600;letter-spacing:-.03em;line-height:1}
body.site-public .pub-el span{display:-webkit-box;overflow:hidden;min-height:2.4em;font-size:11.5px;line-height:1.2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--ink)}
body.site-public .pub-el:after{content:"";position:absolute;top:9px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--pc)}
body.site-public .pub-el:hover{transform:translateY(-3px) rotate(-1.5deg);background:color-mix(in srgb,var(--pc) 20%,#fff);box-shadow:0 14px 24px -16px color-mix(in srgb,var(--pc) 80%,#000)}

/* Getting started as a short journey. */
body.site-public .pub-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;counter-reset:pubs}
body.site-public .pub-steps li{position:relative;counter-increment:pubs;padding:0}
body.site-public .pub-steps li:before{content:counter(pubs);position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;margin-bottom:18px;border-radius:50%;background:var(--pc);color:#fff;font-size:16px;font-weight:700;box-shadow:0 0 0 6px #fff}
body.site-public .pub-steps li:after{content:"";position:absolute;top:21px;left:44px;right:-24px;height:2px;background:linear-gradient(90deg,var(--pc),color-mix(in srgb,var(--pc) 15%,var(--line)))}
body.site-public .pub-steps li:last-child:after{display:none}
body.site-public .pub-steps li:nth-child(1){--pc:var(--c1)}
body.site-public .pub-steps li:nth-child(2){--pc:var(--c6)}
body.site-public .pub-steps li:nth-child(3){--pc:var(--c3)}
body.site-public .pub-steps li:nth-child(4){--pc:var(--c4)}

/* Next page. */
body.site-public .pub-next-page{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:clamp(72px,9vw,120px);padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
body.site-public .pub-next-page small{display:block;margin-bottom:6px;font-size:14px;color:var(--muted)}
body.site-public .pub-next-page b{font-size:clamp(26px,3vw,42px);font-weight:600;letter-spacing:-.03em}
body.site-public .pub-next-page:after{content:"\2192";flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--ink);color:#fff;font-size:20px;transition:transform .3s cubic-bezier(.3,1.6,.5,1)}

/* Shared walkthrough, kept intact and given the same voice. */
body.site-public .reference-overview h2,body.site-public .reference-overview h3,body.site-public .reference-sidecard strong{font-weight:500;letter-spacing:-.035em}
body.site-public .reference-overview .reference-intro-main h2{font-weight:600}
body.site-public .reference-wordmark{display:none}
body.site-public .reference-panorama{display:none}
body.site-public .reference-intro{padding-top:0}
body.site-public .reference-footer{padding-bottom:8px}

/* Examples, grouped by audience, each with its own colour. */
body.site-public .pub-group{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:24px clamp(32px,5vw,72px);padding:40px 0;border-top:1px solid var(--line)}
body.site-public .pub-page-head+.pub-group{border-top:0}
body.site-public .pub-group-head h3{margin:0 0 10px;font-size:22px;font-weight:600;letter-spacing:-.02em}
body.site-public .pub-group-head p{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}
body.site-public .pub-group-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:16px}
body.site-public .pub-example{display:flex;flex-direction:column;min-width:0;padding:26px;border:1px solid var(--line);border-radius:20px;background:#fff;transition:border-color .25s,box-shadow .25s,transform .25s}
body.site-public .pub-tag{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:13px;font-weight:600;color:var(--ink)}
body.site-public .pub-tag:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pc);box-shadow:0 0 0 3px color-mix(in srgb,var(--pc) 18%,transparent)}
body.site-public .pub-example h4{margin:0 0 10px;font-size:24px;font-weight:600;letter-spacing:-.025em;line-height:1.15}
body.site-public .pub-example>p:not(.pub-tag){margin:0 0 24px;font-size:15px;line-height:1.6;color:var(--muted)}
body.site-public .pub-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:auto}
body.site-public .pub-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 20px;border-radius:999px;background:var(--ink);color:#fff;font-size:15px;font-weight:600;text-decoration:none;transition:background-color .2s}
body.site-public .pub-link:not(.pub-link-quiet):after{content:"\2197";font-size:14px}
body.site-public .pub-link-quiet{padding:10px 2px;background:none;color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:5px;text-decoration-thickness:1px}
body.site-public .pub-link-quiet:hover{text-decoration-color:var(--ink)}
body.site-public .pub-packages{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
body.site-public .pub-packages span{margin-right:6px}
body.site-public .pub-packages a{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 16px 8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--ink);font-weight:500;text-decoration:none;transition:border-color .2s,background-color .2s}
body.site-public .pub-packages a:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pc)}
body.site-public .pub-packages a:hover{border-color:var(--pc);background:color-mix(in srgb,var(--pc) 8%,#fff)}
body.site-public .pub-thumb{position:relative;height:124px;margin:-26px -26px 22px;padding:20px 22px;border-bottom:1px solid color-mix(in srgb,var(--pc) 20%,var(--line));border-radius:20px 20px 0 0;background-color:color-mix(in srgb,var(--pc) 9%,#fff);background-image:radial-gradient(color-mix(in srgb,var(--pc) 30%,transparent) 1px,transparent 1.2px);background-size:14px 14px;overflow:hidden}
body.site-public .pub-thumb i{display:block;background:#fff;border:1px solid color-mix(in srgb,var(--pc) 22%,var(--line));border-radius:6px;box-shadow:0 4px 10px -8px #14201a66}
body.site-public .pub-thumb-branches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:32px;gap:8px;align-content:center}
body.site-public .pub-thumb-branches i:nth-child(3n+1){background:color-mix(in srgb,var(--c1) 30%,#fff)}
body.site-public .pub-thumb-branches i:nth-child(4n+2){background:color-mix(in srgb,var(--c3) 30%,#fff)}
body.site-public .pub-thumb-branches i:nth-child(5n+3){background:color-mix(in srgb,var(--c4) 35%,#fff)}
body.site-public .pub-thumb-branches i:nth-child(8){background:var(--pc);border-color:var(--pc)}
body.site-public .pub-thumb-list{display:grid;gap:8px;align-content:center}
body.site-public .pub-thumb-list i{height:17px;background:linear-gradient(90deg,var(--line) 0 18px,#fff 18px)}
body.site-public .pub-thumb-list i:nth-child(-n+2){background:linear-gradient(90deg,var(--pc) 0 18px,#fff 18px)}
body.site-public .pub-thumb-list i:nth-child(2){width:78%}
body.site-public .pub-thumb-list i:nth-child(4){width:64%}
body.site-public .pub-thumb-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
body.site-public .pub-thumb-week i{position:relative}
body.site-public .pub-thumb-week i:after{content:"";position:absolute;left:3px;right:3px;top:var(--y,20%);height:var(--h,28%);border-radius:4px;background:var(--pc)}
body.site-public .pub-thumb-week i:nth-child(2){--y:46%;--h:34%}
body.site-public .pub-thumb-week i:nth-child(3){--y:10%;--h:22%}
body.site-public .pub-thumb-week i:nth-child(4){--y:58%;--h:30%}
body.site-public .pub-thumb-week i:nth-child(5){--y:28%;--h:40%}
body.site-public .pub-thumb-week i:nth-child(6):after,body.site-public .pub-thumb-week i:nth-child(7):after{display:none}
body.site-public .pub-thumb-bars{display:flex;align-items:flex-end;gap:10px}
body.site-public .pub-thumb-bars i{flex:1;height:var(--h,50%);border-radius:6px 6px 0 0;border-bottom:0}
body.site-public .pub-thumb-bars i:nth-child(1){--h:38%}
body.site-public .pub-thumb-bars i:nth-child(2){--h:56%}
body.site-public .pub-thumb-bars i:nth-child(3){--h:48%}
body.site-public .pub-thumb-bars i:nth-child(4){--h:72%}
body.site-public .pub-thumb-bars i:nth-child(5){--h:64%}
body.site-public .pub-thumb-bars i:nth-child(6){--h:88%;background:var(--pc);border-color:var(--pc)}
body.site-public .pub-thumb-handover{display:grid;gap:9px;align-content:center}
body.site-public .pub-thumb-handover i{position:relative;height:20px}
body.site-public .pub-thumb-handover i:after{content:"";position:absolute;right:6px;top:5px;width:30px;height:8px;border-radius:999px;background:var(--line)}
body.site-public .pub-thumb-handover i:nth-child(1):after{background:#3c8a5c}
body.site-public .pub-thumb-handover i:nth-child(2):after{background:var(--pc)}
body.site-public .pub-thumb-handover i:nth-child(2){width:86%}
body.site-public .pub-thumb-checks{display:grid;gap:6px;align-content:center}
body.site-public .pub-thumb-checks i{height:13px;background:linear-gradient(90deg,var(--pc) 0 13px,#fff 13px)}
body.site-public .pub-thumb-checks i:nth-child(3){background:linear-gradient(90deg,#d8961c 0 13px,#fff 13px)}
body.site-public .pub-toegang{display:grid;grid-template-columns:auto minmax(0,300px) minmax(0,1fr);gap:16px clamp(24px,4vw,56px);align-items:center;margin-top:clamp(40px,6vw,72px);padding:clamp(24px,4vw,40px);border-radius:22px;background:linear-gradient(120deg,color-mix(in srgb,var(--c1) 8%,#fff),color-mix(in srgb,var(--c5) 8%,#fff));border:1px solid var(--line)}
body.site-public .pub-toegang-art .pub-icon{width:56px;height:56px;padding:14px;border-radius:16px;background:var(--ink);color:#fff;transform:rotate(-8deg)}
body.site-public .pub-toegang h2{margin:0;font-size:clamp(24px,2.4vw,32px);font-weight:600;letter-spacing:-.03em}
body.site-public .pub-toegang p{margin:0;max-width:40em;font-size:16px;line-height:1.6;color:var(--muted)}

/* Trust: separated environments, the update cycle, responsibilities and promises. */
body.site-public .pub-isolation{position:relative;margin-bottom:24px;padding:28px clamp(16px,4vw,48px);border:1px solid var(--line);border-radius:24px;background:radial-gradient(ellipse 50% 70% at 10% 20%,color-mix(in srgb,var(--c1) 8%,transparent),transparent 70%),#fbfbfa}
body.site-public .pub-iso{display:block;width:100%;max-width:620px;height:auto;margin:0 auto;font-family:inherit}
body.site-public .pub-iso-rooms rect{fill:#fff;stroke:var(--line);stroke-width:1.3}
body.site-public .pub-iso-rooms .hd{fill:#f3f5f3;stroke:none}
body.site-public .pub-iso-rooms circle{fill:#c9cfc9}
body.site-public .pub-iso-rooms .ln{stroke:#e8ece8;stroke-width:8;stroke-linecap:round}
body.site-public .pub-iso-rooms text{font-size:13px;font-weight:600;fill:var(--muted)}
body.site-public .pub-iso-rooms .r1 rect{stroke:var(--c1);stroke-width:2}
body.site-public .pub-iso-rooms .r1 .hd{fill:color-mix(in srgb,var(--c1) 14%,#fff)}
body.site-public .pub-iso-rooms .r1 circle{fill:var(--c1)}
body.site-public .pub-iso-rooms .r1 .ln{stroke:color-mix(in srgb,var(--c1) 22%,#fff)}
body.site-public .pub-iso-rooms .r1 text{fill:var(--ink)}
body.site-public .pub-iso-locks rect{fill:var(--ink)}
body.site-public .pub-iso-locks path{fill:none;stroke:var(--ink);stroke-width:2.4}
body.site-public .pub-iso-wall{stroke:color-mix(in srgb,var(--ink) 30%,transparent);stroke-width:2;stroke-dasharray:2 6;stroke-linecap:round}
body.site-public .pub-iso-team circle,body.site-public .pub-iso-team path{fill:#dfe4df}
body.site-public .pub-iso-team text{font-size:13px;font-weight:600;fill:var(--muted);text-anchor:middle}
body.site-public .pub-iso-block circle{fill:var(--c2)}
body.site-public .pub-iso-block path{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
body.site-public .pub-scribble-iso{position:absolute;right:clamp(16px,4vw,48px);bottom:18px;max-width:15em;text-align:right;transform:rotate(-2deg);font-size:21px;color:var(--c2)}
body.site-public .pub-cycle{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 40px;padding:0;list-style:none}
body.site-public .pub-cycle li{position:relative;padding:24px;border:1px solid var(--line);border-radius:var(--pub-radius);background:#fff}
body.site-public .pub-cycle li:not(:last-child):after{content:"\2192";position:absolute;z-index:1;right:-20px;top:36px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid var(--line);font-size:13px}
body.site-public .pub-cycle:after{content:"";position:absolute;left:12.5%;right:12.5%;bottom:-30px;height:30px;border:2px dashed color-mix(in srgb,var(--c2) 50%,transparent);border-top:0;border-radius:0 0 28px 28px}
body.site-public .pub-cycle-icon .pub-icon{width:44px;height:44px;margin-bottom:16px;padding:10px;border-radius:50%;background:color-mix(in srgb,var(--pc) 13%,#fff);color:var(--pc)}
body.site-public .pub-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.site-public .pub-split>div{padding:30px;border:1px solid var(--line);border-radius:22px}
body.site-public .pub-split>div:first-child{background:var(--ink);border-color:var(--ink);color:#fff}
body.site-public .pub-split>div:first-child li{color:#d3dad5;border-color:#ffffff24}
body.site-public .pub-split>div:first-child li:before{color:#7fd8b2}
body.site-public .pub-split>div:last-child{background:color-mix(in srgb,var(--c3) 7%,#fff);border-color:color-mix(in srgb,var(--c3) 24%,var(--line))}
body.site-public .pub-split>div:last-child li:before{color:var(--c3)}
body.site-public .pub-split h3{margin-bottom:14px}
body.site-public .pub-split li{display:flex;gap:12px;padding:11px 0;border-top:1px solid var(--line);font-size:15px;color:var(--muted)}
body.site-public .pub-split li:before{content:"";flex:none;width:9px;height:5px;margin-top:6px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}
body.site-public .pub-guarantee{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.site-public .pub-guarantee article{padding:28px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 1px 0 #fff inset}
body.site-public .pub-seal{display:grid;place-items:center;width:64px;height:64px;margin-bottom:20px;border-radius:50%;background:conic-gradient(from 20deg,var(--pc),color-mix(in srgb,var(--pc) 40%,#fff),var(--pc));padding:3px}
body.site-public .pub-seal .pub-icon{width:58px;height:58px;padding:15px;border-radius:50%;background:#fff;color:var(--pc)}
body.site-public .pub-honest{max-width:46em;margin:0;padding:22px 24px;border-left:4px solid var(--c4);border-radius:0 14px 14px 0;background:color-mix(in srgb,var(--c4) 8%,#fff);font-size:16px;line-height:1.65;color:var(--ink)}

/* What is new: activity per day, timeline and roadmap. */
body.site-public .pub-activity{margin:0;padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff}
body.site-public .pub-activity-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-bottom:20px}
body.site-public .pub-activity-head p{margin:0;font-size:16px;color:var(--muted)}
body.site-public .pub-activity-head b{margin-right:6px;font-size:44px;font-weight:600;letter-spacing:-.04em;color:var(--ink)}
body.site-public .pub-live{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
body.site-public .pub-live:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c3);box-shadow:0 0 0 0 color-mix(in srgb,var(--c3) 50%,transparent);animation:pubPulse 2s infinite}
body.site-public .pub-activity-bars{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));align-items:end;gap:6px;height:160px;margin:24px 0 30px;padding:0;list-style:none;border-bottom:1px solid var(--line);position:relative}
body.site-public .pub-activity-bars li{position:relative;display:flex;align-items:flex-end;justify-content:center;height:100%}
body.site-public .pub-activity-bars span{position:relative;display:block;width:min(100%,26px);height:3px;border-radius:4px 4px 0 0;background:var(--line);transform-origin:bottom;animation:pubGrowY .8s cubic-bezier(.2,.7,.2,1) both}
body.site-public .pub-activity-bars .v2 span{height:25%;background:var(--c3);animation-delay:.1s}
body.site-public .pub-activity-bars .v5 span{height:62.5%;background:var(--c3);animation-delay:.2s}
body.site-public .pub-activity-bars .v8 span{height:100%;background:var(--c3);animation-delay:.3s}
body.site-public .pub-activity-bars .v4 span{height:50%;background:var(--c3);animation-delay:.4s}
body.site-public .pub-activity-bars em{position:absolute;left:0;right:0;top:-22px;text-align:center;font-size:13px;font-style:normal;font-weight:600;color:var(--ink)}
body.site-public .pub-activity-bars small{position:absolute;left:0;right:0;bottom:-24px;text-align:center;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
body.site-public .pub-activity-bars li:hover span{filter:brightness(.9)}
body.site-public .pub-activity-months{display:grid;grid-template-columns:3fr 11fr;gap:6px;margin-top:0;font-size:12px;color:var(--muted)}
body.site-public .pub-activity-months span{padding-top:6px;border-top:2px solid var(--line)}
body.site-public .pub-activity figcaption{max-width:60em}
body.site-public .pub-log{margin:0;padding:0;list-style:none}
body.site-public .pub-log li{position:relative;display:grid;grid-template-columns:140px minmax(0,1fr);gap:8px 32px;padding:0 0 30px 32px}
body.site-public .pub-log li:after{content:"";position:absolute;left:5px;top:20px;bottom:0;width:2px;background:var(--line)}
body.site-public .pub-log li:last-child:after{display:none}
body.site-public .pub-log li:before{content:"";position:absolute;left:0;top:4px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--pc)}
body.site-public .pub-log li:first-child:before{background:var(--pc);box-shadow:0 0 0 5px color-mix(in srgb,var(--pc) 18%,transparent)}
body.site-public .pub-log time{font-size:14px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}
body.site-public .pub-log h3{margin:0 0 6px;font-size:19px;font-weight:600;letter-spacing:-.015em}
body.site-public .pub-log p{margin:0;max-width:40em;font-size:15px;line-height:1.6;color:var(--muted)}
body.site-public .pub-roadmap{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:30px}
body.site-public .pub-roadmap:before{content:"";position:absolute;left:14px;right:14px;top:8px;height:4px;border-radius:4px;background:linear-gradient(90deg,#3c8a5c 0 33%,#d8961c 33% 66%,var(--line) 66%)}
body.site-public .pub-roadmap>div{position:relative;padding:26px;border:1px solid var(--line);border-radius:var(--pub-radius);background:#fff}
body.site-public .pub-roadmap>div:before{content:"";position:absolute;left:14px;top:-28px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--line)}
body.site-public .pub-roadmap>.is-now{background:color-mix(in srgb,#3c8a5c 6%,#fff)}
body.site-public .pub-roadmap>.is-now:before{border-color:#3c8a5c;background:#3c8a5c;box-shadow:0 0 0 5px color-mix(in srgb,#3c8a5c 20%,transparent)}
body.site-public .pub-roadmap>.is-next:before{border-color:#d8961c}
body.site-public .pub-roadmap-label{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:600}
body.site-public .pub-roadmap-label:before{content:"";width:8px;height:8px;border-radius:50%;background:#d8961c}
body.site-public .pub-roadmap-label.is-live:before{background:#3c8a5c}
body.site-public .pub-roadmap-label.is-later:before{background:#c9cfc9}
body.site-public .pub-roadmap ul{margin:0;padding:0;list-style:none}
body.site-public .pub-roadmap li{padding:10px 0;border-top:1px solid var(--line);font-size:15px;line-height:1.5;color:var(--muted)}

/* Footer: a last smile, then the routes. */
body.site-public .pub-footer{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,.8fr));gap:28px 48px;margin:72px 0 0;padding-top:48px;border-top:1px solid var(--line);font-size:13px;line-height:1.6}
body.site-public .pub-footer p{margin:0;max-width:62em}
body.site-public .pub-footer b{color:var(--ink);font-weight:600}
body.site-public .pub-footer-hero{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:32px;border-bottom:1px solid var(--line)}
body.site-public .pub-footer-hero p{font-size:clamp(36px,5.6vw,80px);font-weight:600;line-height:.95;letter-spacing:-.045em;color:var(--ink)}
body.site-public .pub-footer-hero p span{color:transparent;-webkit-text-stroke:1.5px var(--ink)}
body.site-public .pub-footer-dots{display:flex;gap:8px;padding-bottom:10px}
body.site-public .pub-footer-dots i{width:14px;height:14px;border-radius:50%;background:var(--c1);animation:pubBob 3.6s ease-in-out infinite}
body.site-public .pub-footer-dots i:nth-child(2){background:var(--c2);animation-delay:.2s}
body.site-public .pub-footer-dots i:nth-child(3){background:var(--c3);animation-delay:.4s}
body.site-public .pub-footer-dots i:nth-child(4){background:var(--c4);animation-delay:.6s}
body.site-public .pub-footer-dots i:nth-child(5){background:var(--c5);animation-delay:.8s}
body.site-public .pub-brand-line{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:16px}
body.site-public .pub-footer .pub-brand-mark{width:28px;height:28px;font-size:15px;border-radius:8px}
body.site-public .pub-footer .pub-brand-mark i{width:8px;height:8px}
body.site-public .pub-footer-brand p:last-child{max-width:28em;color:var(--muted)}
body.site-public .pub-footer-nav{display:flex;flex-direction:column;gap:4px}
body.site-public .pub-footer-nav p{margin:0 0 6px;font-weight:600;color:var(--ink)}
body.site-public .pub-footer-nav a{display:inline-flex;align-items:center;min-height:32px;color:var(--muted);text-decoration:none;transition:color .2s,transform .2s}
body.site-public .pub-footer-nav a:hover{color:var(--ink);transform:translateX(3px)}
body.site-public .pub-footer-made{grid-column:1/-1;margin:0;font-size:13px;color:var(--ink)}
body.site-public .pub-footer-note{grid-column:1/-1;max-width:none!important;padding-top:20px;border-top:1px solid var(--line);color:var(--muted)}

/* Pages: each top-level section is its own page with its own address (/platform/#product). Without a hash the start page shows. */
body.site-public main:has(.pub-page:target,.pub-page :target) .pub-page:not(:target):not(:has(:target)){display:none}
body.site-public main:not(:has(.pub-page:target,.pub-page :target)) .pub-page:not(.pub-page-start){display:none}
body.site-public .main main .pub-page[id]{scroll-margin-top:100vh}
body.site-public .pub-page{animation:pubPageIn .5s cubic-bezier(.2,.7,.2,1) both}
body.site-public:has(#product:target,#product :target,#werkwijze:target,#werkwijze :target) [data-page-link=product],
body.site-public:has(#voorbeelden:target,#voorbeelden :target) [data-page-link=voorbeelden],
body.site-public:has(#vertrouwen:target,#vertrouwen :target) [data-page-link=vertrouwen]{color:var(--ink);background:color-mix(in srgb,var(--pc) 11%,#fff);font-weight:600}
body.site-public:has(#product:target,#product :target,#werkwijze:target,#werkwijze :target) .pub-nav [data-page-link=product]:before,
body.site-public:has(#voorbeelden:target,#voorbeelden :target) .pub-nav [data-page-link=voorbeelden]:before,
body.site-public:has(#vertrouwen:target,#vertrouwen :target) .pub-nav [data-page-link=vertrouwen]:before{opacity:1;transform:none}

@media(hover:hover) and (pointer:fine){
  body.site-public .pub-brand:hover .pub-brand-mark{transform:rotate(-8deg) scale(1.05)}
  body.site-public .pub-stat:hover,body.site-public .pub-features article:hover,body.site-public .pub-pillar:hover,body.site-public .pub-example:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--pc) 45%,var(--line));box-shadow:0 22px 40px -28px color-mix(in srgb,var(--pc) 70%,#14201a)}
  body.site-public .pub-features article:hover>.pub-icon{transform:rotate(-8deg) scale(1.08)}
  body.site-public .pub-pillar:hover .pub-more:after{transform:translateX(4px);background:var(--ink);color:#fff}
  body.site-public .pub-next-page:hover:after{transform:translateX(6px) rotate(-8deg)}
  body.site-public .pub-link:hover{background:#000}
}

@media(max-width:1050px){
  body.site-public .pub-stage-art{padding-right:150px}
  body.site-public .pub-ui-main{padding-right:64px}
  body.site-public .pub-window-body{grid-template-columns:minmax(0,1fr)}
  body.site-public .pub-ui-side{display:none}
  body.site-public .pub-phone{right:-24px;width:210px}
  body.site-public .pub-phone-screen{height:400px}
  body.site-public .pub-scribble-you{right:190px}
  body.site-public .pub-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.site-public .pub-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 16px}
  body.site-public .pub-flow:before,body.site-public .pub-flow:after{display:none}
  body.site-public .pub-scribble-flow{display:none}
  body.site-public .pub-rules{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.site-public .pub-next{grid-template-columns:minmax(0,1fr)}
  body.site-public .pub-features{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.site-public .pub-modules{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.site-public .pub-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}
  body.site-public .pub-steps li:nth-child(2):after{display:none}
  body.site-public .pub-band{grid-template-columns:minmax(0,1fr)}
  body.site-public .pub-hub{max-width:420px;justify-self:center}
  body.site-public .pub-group{grid-template-columns:minmax(0,1fr);gap:20px}
  body.site-public .pub-ptable-row{grid-template-columns:minmax(0,1fr);gap:10px}
  body.site-public .pub-ptable-row+.pub-ptable-row{margin-top:10px}
  body.site-public .pub-roadmap{grid-template-columns:minmax(0,1fr);padding-top:0;padding-left:30px}
  body.site-public .pub-roadmap:before{left:8px;right:auto;top:14px;bottom:14px;width:4px;height:auto;background:linear-gradient(180deg,#3c8a5c 0 33%,#d8961c 33% 66%,var(--line) 66%)}
  body.site-public .pub-roadmap>div:before{left:-28px;top:26px}
  body.site-public .pub-cycle{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.site-public .pub-cycle li:nth-child(2):after{display:none}
  body.site-public .pub-cycle:after{display:none}
}
@media(max-width:900px){
  body.site-public .pub-section-head{grid-template-columns:minmax(0,1fr)}
  body.site-public .pub-toegang{grid-template-columns:auto minmax(0,1fr)}
  body.site-public .pub-toegang p{grid-column:1/-1}
  body.site-public .pub-pillars,body.site-public .pub-plans,body.site-public .pub-guarantee{grid-template-columns:minmax(0,1fr)}
  body.site-public .pub-units-list{grid-template-columns:minmax(0,1fr)}
  body.site-public .pub-vakken-row{grid-template-columns:minmax(0,1fr) auto}
  body.site-public .pub-vakken-row .pub-marquee{grid-column:1/-1;grid-row:2}
  body.site-public .pub-ptable-cells{grid-template-columns:repeat(auto-fill,minmax(86px,1fr))}
}
@media(max-width:760px){
  body.site-public .pub-nav{display:none}
  body.site-public .pub-mobile-nav{position:sticky;top:64px;z-index:15;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0 calc(-1 * var(--pub-gutter)) 8px;padding:8px var(--pub-gutter);background:color-mix(in srgb,#fff 90%,transparent);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
  body.site-public .pub-mobile-nav a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px 6px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:14px;font-weight:500;color:var(--muted);text-decoration:none;white-space:nowrap}
  body.site-public .pub-mobile-nav a:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--pc)}
  body.site-public:has(#product:target,#product :target,#werkwijze:target,#werkwijze :target) .pub-mobile-nav [data-page-link=product],
  body.site-public:has(#voorbeelden:target,#voorbeelden :target) .pub-mobile-nav [data-page-link=voorbeelden],
  body.site-public:has(#vertrouwen:target,#vertrouwen :target) .pub-mobile-nav [data-page-link=vertrouwen]{border-color:var(--pc)}
  body.site-public .pub-stage{padding:56px 16px 0;border-radius:24px}
  body.site-public .pub-window,body.site-public .pub-scribble-ai{display:none}
  body.site-public .pub-stage-art{display:flex;justify-content:center;padding-right:0}
  body.site-public .pub-phone{position:relative;right:auto;bottom:-24px;width:min(280px,82vw)}
  body.site-public .pub-phone-screen{height:440px}
  body.site-public .pub-scribble-you{display:none}
  body.site-public .pub-stage figcaption{left:50%;top:14px;bottom:auto;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);text-align:center;font-size:11px}
  body.site-public .pub-flow{grid-template-columns:minmax(0,1fr);gap:0}
  body.site-public .pub-flow li{padding:0 0 28px 58px}
  body.site-public .pub-flow li:before{left:0}
  body.site-public .pub-flow li:not(:last-child):after{content:"";position:absolute;left:18px;top:40px;bottom:2px;width:3px;border-radius:3px;background:color-mix(in srgb,var(--pc) 35%,transparent)}
  body.site-public .pub-flow li:hover{background:none}
  body.site-public .pub-rules{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.site-public .pub-next ul{grid-template-columns:minmax(0,1fr)}
  body.site-public .pub-day{grid-template-columns:minmax(0,1fr)}
  body.site-public .pub-log li{grid-template-columns:minmax(0,1fr);gap:4px}
  body.site-public .pub-units-row{grid-template-columns:52px minmax(0,1fr);gap:4px 12px}
  body.site-public .pub-units-total{grid-column:2;font-size:13px}
  body.site-public .pub-units-total b{font-size:20px}
  body.site-public .pub-units-cells{grid-template-columns:repeat(16,minmax(0,1fr))}
  body.site-public .pub-footer{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.site-public .pub-footer-brand{grid-column:1/-1}
  body.site-public .pub-isolation{padding:20px 12px 64px}
  body.site-public .pub-scribble-iso{left:16px;right:16px;max-width:none;text-align:center;font-size:19px}
}
@media(max-width:600px){
  body.site-public .main>header{min-height:64px;padding-top:10px;padding-bottom:10px}
  body.site-public .pub-brand-mark{width:30px;height:30px;font-size:17px}
  body.site-public .pub-brand>.pub-brand-name{font-size:16px}
  body.site-public #siteAccount>button{padding:9px 16px}
  body.site-public .pub-hero{padding-top:32px}
  body.site-public .pub-kicker{font-size:13px;margin-bottom:18px}
  body.site-public .pub-pill{padding:6px 12px 6px 10px}
  body.site-public .pub-hero h1{max-width:none;font-size:clamp(38px,11.4vw,58px);letter-spacing:-.04em}
  body.site-public .pub-lead{font-size:17px;margin-top:20px}
  body.site-public .pub-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%;margin-top:28px}
  body.site-public .pub-trust{gap:8px;margin-top:28px}
  body.site-public .pub-trust li{font-size:12.5px}
  body.site-public .pub-stats{grid-template-columns:minmax(0,1fr);gap:10px}
  body.site-public .pub-stat{padding:18px 20px}
  body.site-public .pub-timeline{padding:18px 14px 14px}
  body.site-public .pub-tl-axis{margin-left:58px;font-size:11px}
  body.site-public .pub-tl-axis span:nth-child(even){display:none}
  body.site-public .pub-tl-row{grid-template-columns:50px minmax(0,1fr);gap:8px}
  body.site-public .pub-tl-row p{font-size:12px}
  body.site-public .pub-tl-track i{width:12px;height:12px;margin:-6px 0 0 -6px;font-size:0}
  body.site-public .pub-tl-free{font-size:15px;left:74%;right:1%}
  body.site-public .pub-day-col{padding:20px}
  body.site-public .pub-day li{grid-template-columns:22px 46px minmax(0,1fr);gap:10px;font-size:15px}
  body.site-public .pub-features,body.site-public .pub-modules,body.site-public .pub-steps,body.site-public .pub-split,body.site-public .pub-cycle,body.site-public .pub-rules{grid-template-columns:minmax(0,1fr)}
  body.site-public .pub-steps li:after,body.site-public .pub-cycle li:after{display:none}
  body.site-public .pub-ai-zone{padding:24px 18px;border-radius:24px}
  body.site-public .pub-units{padding:20px 16px}
  body.site-public .pub-activity{padding:20px 14px}
  body.site-public .pub-activity-bars{gap:3px;height:150px}
  body.site-public .pub-activity-bars small{font-size:10px}
  body.site-public .pub-example{padding:22px}
  body.site-public .pub-thumb{margin:-22px -22px 20px}
  body.site-public .pub-toegang{padding:22px}
  body.site-public .pub-page-head{padding-top:36px}
  body.site-public .pub-page-head h1{font-size:clamp(36px,10.4vw,50px)}
  body.site-public .pub-split>div,body.site-public .pub-pillar,body.site-public .pub-plans article,body.site-public .pub-guarantee article,body.site-public .pub-roadmap>div{padding:22px}
  body.site-public .pub-pillar{padding:10px 10px 22px}
  body.site-public .pub-pillar h3,body.site-public .pub-pillar p,body.site-public .pub-pillar .pub-more{margin-left:12px;margin-right:12px}
  body.site-public .pub-next{padding:22px}
  body.site-public .pub-next-page:after{width:46px;height:46px}
  body.site-public .pub-footer-hero{flex-direction:column;align-items:flex-start}
  body.site-public .pub-confetti{display:none}
  body.site-public .pub-mobile-nav a{gap:5px;padding:8px 4px;font-size:13px}
  body.site-public .pub-tl-free{display:none}
}
@media(prefers-reduced-motion:reduce){
  body.site-public *,body.site-public *:before,body.site-public *:after{animation:none!important;transition:none!important}
  body.site-public .pub-marquee-track{width:auto}
  body.site-public .pub-marquee-set{flex-wrap:wrap}
  body.site-public .pub-marquee-set[aria-hidden]{display:none}
  body.site-public .pub-marquee{mask-image:none}
}
@media print{
  body.site-public .main>header,body.site-public .pub-mobile-nav,body.site-public #siteAccountStatus,body.site-public .pub-stage,body.site-public .pub-next-page,body.site-public .pub-actions,body.site-public .skip-link,body.site-public .pub-aurora,body.site-public .pub-confetti,body.site-public .pub-marquee{display:none!important}
  body.site-public .pub-page{display:block!important;animation:none;break-before:page}
  body.site-public .pub-page-start{break-before:auto}
  body.site-public .pub-split>div:first-child{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important}
  body.site-public .pub-split>div:first-child li{color:var(--ink)!important}
  body.site-public *{animation:none!important}
}
@keyframes pubNoteIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@keyframes pubPageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes pubDrift{from{transform:translate(0,0) scale(1)}to{transform:translate(6%,8%) scale(1.15)}}
@keyframes pubPing{0%{transform:scale(.6);opacity:.8}80%,100%{transform:scale(2.2);opacity:0}}
@keyframes pubDraw{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes pubBlink{50%{opacity:.35}}
@keyframes pubTwinkle{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(20deg)}}
@keyframes pubFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes pubPop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
@keyframes pubGrowX{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes pubGrowY{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes pubFade{from{opacity:0}to{opacity:1}}
@keyframes pubWipe{from{clip-path:inset(-20px 100% -20px -20px)}to{clip-path:inset(-20px -20px -20px -20px)}}
@keyframes pubMarquee{to{transform:translateX(-50%)}}
@keyframes pubBreathe{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.6}}
@keyframes pubDash{to{stroke-dashoffset:-20}}
@keyframes pubTileGlow{0%,60%,100%{fill:#fff;stroke:var(--line)}75%{fill:color-mix(in srgb,var(--pc) 16%,#fff);stroke:var(--pc)}}
@keyframes pubRing{0%{transform:scale(.75);opacity:.9}100%{transform:scale(1.35);opacity:0}}
@keyframes pubBob{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes pubTravel{0%{left:18px;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:calc(100% - 30px);opacity:0}}
@keyframes pubPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--c3) 50%,transparent)}70%,100%{box-shadow:0 0 0 8px transparent}}