/* Aanbod page: brand colours come from style.css. No external fonts or assets. */
[hidden] { display:none !important; }
.offer-page .mono { font-family:Consolas,'Courier New',monospace; font-size:.72rem; font-weight:700; letter-spacing:.07em; }
.offer-hero { display:grid; grid-template-columns:1.4fr .8fr; gap:70px; align-items:center; padding-block:66px 52px; }
.offer-hero h1 { font-size:clamp(3.4rem,6.3vw,5.6rem); margin-bottom:24px; }
.offer-lead { font-size:1.35rem; line-height:1.45; margin-bottom:18px; }
.offer-intro { max-width:590px; color:var(--muted); margin-bottom:0; }
.start-screen { background:var(--ink); color:white; padding:28px 32px; border-radius:var(--radius); box-shadow:10px 10px 0 #e7ecfa; }
.screen-top,.summary-top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.screen-top { font:700 .7rem/1.4 Consolas,'Courier New',monospace; letter-spacing:.06em; color:#b6c7ff; }
.screen-top>span:last-child { font-size:1.8rem; color:#ffad8c; }
.screen-title { font-size:2.15rem; line-height:1.2; letter-spacing:-.04em; margin:24px 0; }
.screen-steps { list-style:none; padding:0; margin:0 0 24px; font-size:.9rem; }
.screen-steps li { border-top:1px solid #354666; padding:10px 0; }
.screen-steps span { color:#ffad8c; font-family:Consolas,'Courier New',monospace; margin-right:15px; }
.screen-link { display:flex; justify-content:space-between; color:#fff; font-size:.85rem; }
.mode-selection { padding-bottom:48px; }
.selection-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:20px; }
.selection-heading h2 { font-size:1.45rem; margin:0; font-weight:600; }
.selection-heading>.mono { color:var(--muted); }
.mode-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.mode-card { min-width:0; display:flex; flex-direction:column; text-decoration:none; border:1px solid var(--line); padding:25px 26px 22px; border-radius:var(--radius); position:relative; transition:transform .15s,border-color .15s; }
.mode-card:hover { transform:translateY(-4px); }
.mode-card.is-selected { outline:3px solid var(--orange); outline-offset:3px; }
.mode-open { background:var(--blue); color:white; border-color:var(--blue); }
.mode-linear { background:var(--wash); color:var(--ink); }
.mode-classic { background:white; color:var(--ink); }
.mode-tag { font-size:.65rem; font-weight:700; letter-spacing:.07em; line-height:1.4; }
.mode-open .mode-tag { color:#fff; }
.mode-art { width:100%; height:95px; margin:15px 0 22px; }
.mode-card h3 { font-size:1.65rem; margin-bottom:13px; }
.mode-card p { font-size:.97rem; line-height:1.6; margin-bottom:20px; }
.mode-meta { display:block; margin-top:auto; font-size:.77rem; line-height:1.6; opacity:.9; padding-bottom:22px; }
.mode-cta { display:flex; justify-content:space-between; gap:12px; align-items:center; font-size:.9rem; font-weight:700; padding-top:15px; border-top:1px solid var(--line); }
.mode-open .mode-cta { border-color:#6881e0; }
.development-note { font-size:.8rem; color:var(--muted); margin:24px 0 0; }
.status-dot { display:inline-block; width:7px; height:7px; background:#ba4c0f; border-radius:50%; margin-right:8px; }
.product-zone { background:var(--wash); border-block:1px solid var(--line); }
.product-panel { padding-block:58px; scroll-margin-top:30px; }
.product-panel+.product-panel { border-top:1px solid var(--line); }
.product-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:40px; margin-bottom:24px; }
.product-heading .eyebrow { margin-bottom:15px; }
.product-heading h2 { margin:0; font-size:clamp(2rem,3.5vw,3rem); }
.product-heading h2 em { font-family:Georgia,serif; font-weight:400; color:var(--blue); }
.product-facts { display:flex; flex-direction:column; gap:8px; min-width:225px; font-size:.82rem; padding-top:5px; }
.product-facts span { border-bottom:1px solid var(--line); padding-bottom:8px; }
.product-intro { font-size:1.1rem; max-width:850px; color:var(--muted); }
.play-loop { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; margin:32px 0 40px; }
.play-loop article { border-top:1px solid #bbc6df; padding-top:18px; }
.play-loop .mono { color:var(--blue); display:block; margin-bottom:13px; }
.play-loop h3 { font-size:1.25rem; margin-bottom:10px; }
.play-loop p { color:var(--muted); font-size:.94rem; margin:0; }
.world-heading { margin-bottom:20px; }
.world-heading h3 { margin-bottom:8px; }
.world-heading p { margin:0; color:var(--muted); font-size:.9rem; }
.world-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.world-card { border:1px solid var(--line); border-top:4px solid var(--blue); background:white; border-radius:var(--radius); padding:23px; display:flex; flex-direction:column; }
.world-card:nth-child(2) { border-top-color:var(--orange); }
.world-card:nth-child(3) { border-top-color:var(--ink); }
.world-top { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:8px; color:var(--blue); font-size:.9rem; font-weight:700; }
.world-card h4 { font-size:1.1rem; line-height:1.4; margin:18px 0 20px; }
.world-card ol { list-style:none; padding:0; margin:0 0 22px; counter-reset:level; }
.world-card li { position:relative; padding:0 0 14px 24px; counter-increment:level; }
.world-card li::before { content:counter(level,decimal-leading-zero); position:absolute; top:3px; left:0; font:.65rem/1.6 Consolas,'Courier New',monospace; color:var(--blue); }
.world-card li strong { display:block; font-size:.9rem; }
.world-card li span { display:block; font-size:.82rem; line-height:1.6; color:var(--muted); margin-top:3px; }
.world-mission { border-top:1px solid var(--line); padding-top:15px; font-size:.84rem; color:var(--muted); margin:auto 0 0; }
.world-mission>span { font:700 .64rem/1.6 Consolas,'Courier New',monospace; display:block; color:var(--blue); margin-bottom:7px; letter-spacing:.06em; }
.route-note { font-size:.83rem; color:var(--muted); max-width:930px; margin:24px 0; }
.linear-route { display:flex; gap:16px; align-items:center; flex-wrap:wrap; padding:26px; background:white; border:1px solid var(--line); border-radius:var(--radius); margin-top:28px; }
.linear-route span { font-weight:700; }
.linear-route b { color:var(--blue); }
.product-callout { border-left:3px solid var(--orange); padding:0 0 0 24px; margin:30px 0; max-width:740px; }
.product-callout h3 { font-size:1.2rem; margin-bottom:10px; }
.product-callout p { color:var(--muted); }
.price-block { display:flex; flex-direction:column; align-items:flex-end; min-width:160px; line-height:1.3; color:var(--blue); }
.price-block>span { font-size:.8rem; }
.price-block strong { font-size:3.4rem; letter-spacing:-.06em; line-height:1.2; }
.classic-layout { display:grid; grid-template-columns:1.2fr .8fr; gap:50px; margin-top:32px; }
.classic-layout h3 { font-size:1.3rem; }
.quality-list { list-style:none; padding:0; margin:0; }
.quality-list li { padding:0 0 18px 24px; position:relative; color:var(--muted); }
.quality-list li::before { content:'+'; position:absolute; left:0; color:var(--blue); font-weight:700; }
.quality-list strong { color:var(--ink); }
.classic-side { background:white; border:1px solid var(--line); padding:28px; align-self:start; border-radius:var(--radius); }
.classic-side>.mono { color:var(--blue); }
.classic-side h3 { margin-top:18px; }
.classic-side p { font-size:.9rem; color:var(--muted); }
.classic-side p:last-child { margin:0; font-size:.8rem; }
.config-layout { display:grid; grid-template-columns:1.25fr .85fr; gap:48px; align-items:start; }
.config-form { min-width:0; }
.config-form fieldset { border:0; padding:0; margin:0 0 30px; min-width:0; }
.config-form legend { font-size:1.2rem; font-weight:700; margin-bottom:20px; padding:0; line-height:1.4; }
.config-form legend>span { display:block; color:var(--muted); font-size:.82rem; font-weight:400; margin-top:5px; }
.field-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.field { min-width:0; }
.field label { display:block; margin-bottom:6px; font-size:.82rem; font-weight:700; }
.field select { width:100%; min-height:46px; color:var(--ink); background:#fff; border:1px solid #9eabc3; border-radius:var(--radius); padding:11px 28px 11px 10px; font:inherit; font-size:.87rem; }
.field select:disabled { background:var(--wash); opacity:1; color:var(--muted); }
.mods-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.mod-option { display:flex; align-items:flex-start; gap:10px; padding:13px; border:1px solid var(--line); border-radius:var(--radius); cursor:pointer; }
.mod-option:has(input:checked) { border-color:var(--blue); background:var(--wash); }
.mod-option input { accent-color:var(--blue); width:18px; height:18px; flex-shrink:0; margin:3px 0 0; }
.mod-option strong { display:block; font-size:.9rem; line-height:1.5; }
.mod-option small { display:block; font-size:.75rem; line-height:1.5; color:var(--muted); }
.reset-settings,.copy-setup { font:inherit; font-size:.82rem; color:var(--ink); background:none; border:0; padding:8px 0; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.config-summary { position:sticky; top:24px; background:var(--ink); color:white; padding:30px; border-radius:var(--radius); min-width:0; }
.summary-top { color:#c1d0ff; margin-bottom:20px; }
.summary-top>span:last-child { font:700 .65rem/1.6 Consolas,'Courier New',monospace; border:1px solid #637393; padding:3px 8px; }
.config-summary h3 { font-size:1.9rem; margin-bottom:22px; }
.config-summary dl { margin:0; }
.config-summary dl>div { display:grid; grid-template-columns:90px 1fr; gap:14px; font-size:.82rem; border-top:1px solid #354666; padding:9px 0; }
.config-summary dt { color:#bdc9e2; }
.config-summary dd { margin:0; }
.summary-mods { border-top:1px solid #354666; margin-top:8px; padding-top:16px; }
.summary-mods .mono { color:#bdc9e2; }
.summary-mods p { margin:8px 0 15px; font-size:.83rem; }
.summary-scope { background:#223b60; padding:14px; color:#e1e8f7; border-left:2px solid #ffad8c; font-size:.79rem; line-height:1.6; }
.config-summary .button { display:flex; width:100%; gap:10px; font-size:.92rem; }
.copy-setup { display:block; color:white; margin:10px auto 0; }
.summary-footnote { color:#bdc9e2; font-size:.73rem; line-height:1.7; margin:18px 0 0; overflow-wrap:anywhere; }
.config-summary .copy-status { color:white; font-size:.78rem; }
#copy-fallback { width:100%; font:inherit; font-size:.8rem; padding:10px; margin-top:10px; }
.no-script { background:var(--wash); padding:20px; }
.practical-section { background:var(--wash); padding-block:60px; }
.practical-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:75px; }
.practical-layout h2 { font-size:2rem; }
.practical-layout>div>p:not(.eyebrow) { color:var(--muted); }
.offer-faq details { border-top:1px solid #c6cfe1; }
.offer-faq details:last-child { border-bottom:1px solid #c6cfe1; }
.offer-faq summary { cursor:pointer; font-size:.97rem; font-weight:700; padding:18px 24px 18px 0; }
.offer-faq details p { font-size:.9rem; color:var(--muted); margin:0 0 20px; }
.offer-page :is(input,select,summary,textarea):focus-visible { outline:3px solid var(--blue); outline-offset:3px; }
.config-summary :is(a,button):focus-visible,.start-screen a:focus-visible { outline-color:#ffad8c; box-shadow:none; }
@media(max-width:1080px) {
  .offer-hero { gap:40px; }
  .start-screen { padding:25px; }
  .mode-card { padding:22px 20px; }
  .mode-card h3 { font-size:1.4rem; }
  .world-card { padding:20px; }
  .config-layout { gap:28px; }
  .practical-layout { gap:40px; }
}
@media(max-width:900px) {
  .offer-hero { grid-template-columns:1.2fr 1fr; gap:30px; }
  .screen-title { font-size:1.8rem; }
  .config-layout { grid-template-columns:1fr; }
  .config-summary { position:static; }
  .world-grid { grid-template-columns:1fr; }
  .world-card { display:grid; grid-template-columns:1fr 1.4fr; column-gap:30px; }
  .world-card ol { grid-column:2; grid-row:1 / 4; margin:0; }
  .world-card h4 { margin:15px 0; }
  .world-top { justify-content:flex-start; gap:18px; }
  .world-mission { margin:0; }
  .classic-layout { gap:30px; }
}
@media(max-width:760px) {
  .offer-hero { grid-template-columns:1fr; padding-block:40px; gap:30px; }
  .offer-hero h1 { font-size:clamp(3.3rem,11vw,4.5rem); }
  .offer-lead { font-size:1.2rem; }
  .start-screen { box-shadow:6px 6px 0 #e7ecfa; }
  .screen-title { font-size:1.9rem; }
  .mode-grid { grid-template-columns:1fr; gap:18px; }
  .mode-card { padding:22px; }
  .mode-art { height:62px; width:180px; margin:12px 0 16px; }
  .mode-card h3 { font-size:1.7rem; }
  .mode-card p { margin-bottom:12px; }
  .mode-meta { padding-bottom:14px; }
  .selection-heading>.mono { display:none; }
  .product-panel { padding-block:38px; }
  .product-heading { flex-direction:column; gap:24px; }
  .product-facts { width:100%; min-width:0; }
  .product-intro { font-size:1rem; }
  .play-loop { grid-template-columns:1fr; gap:22px; }
  .world-card { display:block; }
  .world-card ol { margin:0 0 15px; }
  .world-card h4 { margin:18px 0; }
  .world-top { justify-content:space-between; }
  .price-block { align-items:flex-start; }
  .classic-layout,.practical-layout { grid-template-columns:1fr; }
  .practical-layout { gap:30px; }
  .classic-side { padding:23px; }
  .linear-route { gap:12px; padding:20px; font-size:.9rem; }
  .config-summary { padding:24px; }
  .practical-section { padding-block:40px; }
}
@media(max-width:440px) {
  .field-grid { grid-template-columns:1fr; gap:16px; }
  .mods-grid { grid-template-columns:1fr; }
  .config-summary dl>div { grid-template-columns:75px 1fr; gap:10px; }
  .config-summary { padding:22px; }
  .configure-link { width:100%; justify-content:space-between; gap:12px; }
}
@media print {
  .start-screen,.mode-grid,.configure-link,.config-form,.summary-footnote,.copy-setup,#send-setup { display:none !important; }
  .offer-hero { display:block; padding-block:20px; }
  .offer-hero h1 { font-size:34pt; }
  .product-zone,.practical-section { background:white; }
  .product-panel,.section { padding-block:20px; }
  .config-layout { display:block; }
  .config-summary { position:static; background:white; color:black; border:1px solid #ccc; }
  .config-summary dt,.summary-top,.summary-mods .mono,.summary-scope { color:black; }
  .world-card { break-inside:avoid; }
}