/* NOIR / ATELIER — personal business assistant, revised customer journey. */
.personal-jr{border-top:1px solid var(--line)}
.product-lines{display:grid;grid-template-columns:1fr 1fr;column-gap:52.64px}
.product-lines article{display:grid;grid-template-columns:36px 1fr;gap:16.92px;padding:28.2px 0;border-top:1px solid var(--line)}
.product-number{color:var(--accent);font-size:15.002px;padding-top:4.7px}
.product-lines h3{font-size:30.005px;line-height:1.2;letter-spacing:-.025em;margin-bottom:15.04px}
.product-lines p{font-size:18.518px;line-height:1.7}
.product-close{display:flex;justify-content:space-between;align-items:center;gap:30.08px;margin-top:23.5px;padding-top:24.44px;border-top:1px solid var(--line)}
.product-close p{max-width:650px}.product-close a{flex-shrink:0}
.atelier .product-lines h3{font-size:38.578px;font-weight:400}
.noir .personal-jr{background:#0c111b}.noir .personal-jr h2{font-size:clamp(36.434px,3.858vw,57.866px)}
.conversation-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:33.84px;text-align:left;margin:43.24px 0}
.conversation-steps li{padding-top:22.56px;border-top:1px solid var(--line)}
.conversation-steps span{display:block;color:var(--accent);font-size:15.002px;margin-bottom:15.04px}
.conversation-steps strong{display:block;font-size:20.36px;line-height:1.4;font-weight:500}
.closing .conversation-steps p{font-size:18.518px;margin:13.16px 0 0;line-height:1.65}
.closing .contact-pending{font-size:15.002px;margin-bottom:0}
.eyebrow,.example-label,.hero-foot{font-size:15.002px}.eyebrow{letter-spacing:.1em}
.noir .hero-copy{margin-right:-23.5px}.noir .hero .intro{max-width:475px}
@media(max-width:900px){.product-lines{column-gap:28.2px}.product-close{align-items:flex-start;flex-direction:column}.conversation-steps{gap:20.68px}.noir .hero-copy{margin-right:0}}
@media(max-width:640px){.product-lines,.conversation-steps{grid-template-columns:1fr}.product-lines article{grid-template-columns:27px 1fr;gap:11.28px;padding:22.56px 0}.conversation-steps{gap:18.8px;margin:30.08px 0}.noir .personal-jr h2{font-size:37.506px}.product-lines h3{font-size:27.862px}.atelier .product-lines h3{font-size:34.291px}.eyebrow{font-size:12.859px;letter-spacing:.08em}.hero-foot{font-size:15.002px}}

/* September 2026 commercial journey */
.plan-tabs{display:flex;flex-wrap:wrap}.plan-tabs button{flex:1;min-width:145px}
.work-tabs{max-height:none}.work-tabs button{font-size:16.074px;min-height:64px}
.contact-routes a{overflow-wrap:anywhere;color:var(--accent)}
.remaining strong{font-size:clamp(27.862px,3.215vw,45.007px)}
.price-card,.payment-story,.calculator,.work-result{min-width:0}
.legal-shell{max-width:1120px;margin:auto;padding:42.3px 5.64vw 84.6px}.legal-shell h1{font-size:clamp(40.721px,6.43vw,77.155px);margin:32.9px 0 22.56px}.legal-shell h2{font-size:30.005px;margin:31.96px 0 11.28px}.legal-shell h3{font-size:24.647px;margin:22.56px 0 9.4px}.legal-shell p,.legal-shell li{font-size:19.674px;line-height:1.75}.legal-shell p{margin:13.16px 0}.legal-shell a{color:var(--accent)}.legal-shell ul{padding-left:23.5px;list-style:disc}.legal-shell nav{display:flex;gap:16.92px;flex-wrap:wrap;padding-bottom:22.56px;border-bottom:1px solid var(--line)}
.draft-note{border:1px solid var(--accent);padding:18.8px 22.56px;margin:23.5px 0;background:var(--surface)}.legal-shell label{display:block;margin:16.92px 0 9.4px}.legal-shell input,.legal-shell select,.legal-shell textarea{display:block;width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:12.22px;font:inherit}.legal-shell textarea{min-height:180px}.legal-shell .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22.56px}.legal-shell pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;padding:22.56px;background:var(--surface);border:1px solid var(--line)}.legal-shell button{cursor:pointer}.legal-shell .button{margin:11.28px 11.28px 11.28px 0}.legal-shell .document-section{border-top:1px solid var(--line);padding-top:5.64px}.legal-shell .language-switch{margin-left:auto;background:none;border:1px solid var(--line);padding:7.52px 13.16px;color:inherit}.legal-shell .form-help{font-size:15.002px}.savings output{display:block;margin-top:23.5px;font-size:27.862px;color:var(--accent)}
@media(max-width:900px){.work-tabs{display:flex;flex-wrap:wrap}.work-tabs button{flex:1 1 45%;white-space:normal}.work-surface{grid-template-columns:1fr}.work-tabs button span:last-child{display:none}}
@media(max-width:640px){.plan-tabs button{flex:1 1 45%;font-size:15.002px}.legal-shell{padding:26.32px 5.64vw 61.1px}.legal-shell .form-grid{grid-template-columns:1fr}.concept-bar{gap:11.28px}.contact-routes article{min-width:0}.savings .fields{grid-template-columns:1fr}.price-value{overflow-wrap:anywhere}}

/* Local review: longer founder story, scoped to this section only. */
.atelier #verhaal h2{font-size:clamp(34.291px,3.858vw,51.437px);line-height:1.12;overflow-wrap:normal}
.atelier #verhaal .founder-copy p{line-height:1.8}

/* Local review: direct referral visibility on business price cards. */
.price-card .referral-on-card{margin:20.68px 0 24.44px;padding:18.8px;border:1px solid var(--accent);background:var(--soft)}
.price-card .referral-on-card .eyebrow{margin-bottom:9.4px;font-size:11.788px;letter-spacing:.07em}
.price-card .referral-on-card strong{display:block;font-size:23.575px;line-height:1.3;color:var(--accent)}
.price-card .referral-on-card p{margin:11.28px 0;font-size:17.362px;line-height:1.65}
.price-card .referral-on-card small{color:var(--muted);font-size:13.931px}

.price-card .private-use-rule{color:var(--accent);border-left:3px solid var(--accent);padding:9.4px 13.16px;margin:14.1px 0 22.56px;font-size:17.146px;line-height:1.5}

.referral #referrals{width:100%;padding:11.28px;background:var(--bg);color:var(--ink);border:1px solid var(--line);margin:9.4px 0}
.referral .ref-results strong,.referral #ref-count{overflow-wrap:anywhere;min-width:0}

/* 18 September: seven account categories, readable at every width. */
#aanbod .plan-tabs {display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;}
#aanbod .plan-tabs button {min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.4;padding:14px 12px;}
#aanbod .plan-tag {white-space:normal;max-width:65%;text-align:end;}
#aanbod .price-value {font-size:clamp(2rem,5vw,4rem);overflow-wrap:anywhere;}
@media(max-width:480px){#aanbod .plan-tabs{grid-template-columns:1fr 1fr;}#aanbod .plan-tabs button{font-size:.85rem;padding:12px 8px;}#aanbod .subscription{flex-wrap:wrap;}}