/* AnnTac editorial system: warm practice, precise information and a visible route. */
:root{--story-ink:#172437;--story-purple:#4938f3;--story-teal:#1e8f89;--story-muted:#536174;--story-paper:#f6f6fc}
[hidden]{display:none!important}
.story-home,.story-products,.story-pricing{color:var(--story-ink)}
.story-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 12% 5%,#eeebff 0,transparent 50%),linear-gradient(130deg,#faf9ff,#f5faf9);padding:72px 0 64px}
.story-hero:before{content:"";position:absolute;width:450px;height:450px;right:-230px;top:-200px;border:1px solid #d8d0ff;border-radius:50%;pointer-events:none}
.story-hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:54px;align-items:center}
.story-hero-copy{position:relative;z-index:1}
.story-hero h1{font-size:clamp(36px,4.35vw,64px);line-height:1.12;letter-spacing:-.045em;font-weight:700;margin:16px 0 24px;max-width:650px}
.story-intro{font-size:18px;line-height:1.8;max-width:650px;color:var(--story-muted)}
.story-hero .cta-row{margin-top:28px;gap:12px;align-items:center}
.story-hero .btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center}
.story-hero-promise{font-size:13px;color:var(--story-teal);font-weight:600;margin-top:20px}
.story-hero-image{position:relative;min-width:0;padding-bottom:20px}
.story-photo{margin:0;position:relative;min-width:0}
.story-photo img{width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;display:block;border-radius:22px}
.story-photo figcaption{color:var(--story-muted);font-size:10px;line-height:1.5;margin:7px 4px 0;letter-spacing:.02em}
.story-hero-image .story-photo img{aspect-ratio:1/1.05;object-position:43% center;border-radius:90px 22px 22px 22px;box-shadow:0 20px 60px #222b401b}
.story-photo-tag{position:absolute;left:-24px;bottom:55px;display:flex;align-items:center;gap:12px;background:#fff;padding:16px 21px;border:1px solid #e8e7f6;border-radius:14px;font-size:13px;font-weight:600;box-shadow:0 12px 35px #24314e12}
.story-photo-tag>span{font-size:28px;color:var(--story-purple)}
.story-value{padding:35px 0;border-block:1px solid #e8eaf2;background:#fff}
.story-value>.container{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.story-value article{display:flex;align-items:flex-start;gap:14px}
.story-glyph{display:inline-grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:14px;background:#eeebff;color:var(--story-purple);font-size:28px}
.story-value h2{font-size:17px;letter-spacing:-.02em;margin:1px 0 7px}
.story-value p{font-size:13px;line-height:1.7;color:var(--story-muted);margin:0}
.story-section{padding:84px 0}
.story-heading{max-width:780px;margin-bottom:34px}
.story-heading h2,.story-orbit h2{font-size:clamp(27px,3vw,42px);letter-spacing:-.035em;line-height:1.22;margin:0 0 16px}
.story-heading p{font-size:16px;line-height:1.8;color:var(--story-muted);margin:0}
.story-flow{padding:84px 0;background:linear-gradient(#fff,#fafaff)}
.story-flow>.container>.story-heading{text-align:center;margin:0 auto 42px}
.story-lanes{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.story-lane{position:relative;min-width:0;border:1px solid #e3e5ee;border-top:4px solid var(--story-purple);background:#fff;border-radius:19px;padding:26px 28px;box-shadow:0 9px 28px #1a204408}
.story-lane-orbit{border-top-color:var(--story-teal)}
.story-lane-heading{display:flex;align-items:center;gap:12px;min-height:50px;margin-bottom:16px}
.story-lane-heading img{object-fit:contain;max-width:48px}
.story-lane-heading h3{font-size:16px;letter-spacing:-.02em;margin:0}
.story-lane-icon{font-size:34px;color:var(--story-purple);padding:0 8px}
.story-lane ol{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.story-lane li{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.65}
.story-lane li>span{display:inline-grid;place-items:center;flex:0 0 24px;height:24px;background:var(--story-purple);color:#fff;border-radius:50%;font-size:12px;font-weight:600}
.story-lane-orbit li>span{background:var(--story-teal)}
.story-pilot{display:inline-block;font-size:11px;font-weight:600;background:#def6eb;color:#186052;border-radius:100px;padding:5px 10px;margin-bottom:12px}
.story-lane .story-pilot{margin:-4px 0 16px 60px}
.story-join{display:block;width:100%;height:58px}
.story-destination{padding:32px 44px 28px;background:linear-gradient(125deg,#eeedff,#eaf8f4);border:1px solid #e8e8f3;border-radius:22px}
.story-destination-heading{display:flex;gap:16px;justify-content:center;align-items:center;margin-bottom:24px}
.story-destination-heading h3{font-size:24px;line-height:1.25;letter-spacing:-.025em;margin:0 0 8px}
.story-destination-heading p{color:var(--story-muted);font-size:14px;margin:0}
.story-dossier{max-width:670px;background:#fff;margin:0 auto;padding:20px 24px 14px;box-shadow:0 12px 30px #1c36520a;border:1px solid #e3e8ef;border-radius:16px}
.story-dossier-bar{display:flex;gap:9px;align-items:center;font-size:14px;margin-bottom:18px;flex-wrap:wrap}
.story-dossier-bar>span:first-child{font-size:23px;color:var(--story-purple)}
.story-example-badge{font-size:10px;color:#556272;border:1px solid #dfe3ee;border-radius:6px;padding:3px 7px;margin-left:auto}
.story-dossier [role=tablist]{display:flex;gap:5px;border-bottom:1px solid #e5e8ef}
.story-dossier [role=tab]{min-height:44px;flex:1;border:0;border-bottom:3px solid transparent;border-radius:8px 8px 0 0;background:transparent;color:var(--story-muted);font:inherit;font-size:12px;padding:10px 6px;cursor:pointer}
.story-dossier [role=tab][aria-selected=true]{background:#f3f1ff;border-bottom-color:var(--story-purple);color:#3826c8;font-weight:600}
.story-dossier [role=tab] span{display:inline-block;padding:1px 5px;margin-left:3px;background:#e8e9f1;color:#3b465b;border-radius:5px;font-size:10px}
.story-dossier [role=tabpanel]{padding:13px 0 7px;min-height:142px}
.story-dossier ul{padding:0;margin:0;list-style:none}
.story-dossier li{padding:8px 5px;display:flex;gap:10px;font-size:13px;align-items:center}
.story-dossier li span{color:var(--story-teal);font-size:18px}
.story-dossier figcaption{border-top:1px solid #edf0f5;padding-top:12px;font-size:10px;line-height:1.65;color:var(--story-muted)}
.story-flow-note{font-size:12px;line-height:1.8;color:var(--story-muted);max-width:780px;margin:20px auto 0;text-align:center}
.story-text-link{display:block;text-align:center;margin-top:12px;color:#3826c8;font-size:13px;font-weight:600}
.story-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.story-split>*,.story-hero-grid>*{min-width:0}
.story-numbered{padding:0;list-style:none;display:grid;gap:20px;margin:0 0 28px}
.story-numbered li{display:flex;gap:15px;align-items:flex-start}
.story-numbered li>span{font-size:12px;font-weight:600;color:var(--story-purple);border:1px solid #ded8ff;border-radius:10px;padding:9px}
.story-numbered h3{font-size:15px;margin:0 0 5px}
.story-numbered p{font-size:13px;line-height:1.65;color:var(--story-muted);margin:0}
.story-scanner-strip{margin-top:48px;background:#f4f5fa;border-radius:20px;display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:28px 36px;align-items:center}
.story-scanner-strip h3{font-size:21px;letter-spacing:-.02em;margin:0 0 12px}
.story-scanner-strip p:not(.experience-eyebrow){font-size:13px;color:var(--story-muted);line-height:1.75;margin:0}
.story-scanner-models{display:flex;gap:18px;align-items:center;justify-content:space-evenly}
.story-scanner-models figure{margin:0;text-align:center;flex:1;min-width:0}
.story-scanner-models img{display:block;object-fit:contain;width:100%;height:130px}
.story-scanner-models figcaption{font-size:11px;font-weight:600;margin-top:8px}
.story-orbit{padding:76px 0;background:radial-gradient(ellipse at 10% 100%,#123b47,transparent 80%),#171e37;color:#fff}
.story-orbit .experience-eyebrow{color:#aabaff}
.story-orbit h2{color:#fff}
.story-orbit p:not(.experience-eyebrow){font-size:16px;line-height:1.85;color:#d4dbea}
.story-orbit ul{padding:0;list-style:none;margin:24px 0}
.story-orbit li{font-size:13px;line-height:1.7;margin:10px 0;display:flex;gap:9px}
.story-orbit li:before{content:"✓";color:#8cddc4}
.story-orbit .story-photo figcaption{color:#bbc7db}
.story-orbit .story-photo img{aspect-ratio:1.06;object-position:48% center}
.story-orbit .btn-primary{background:#7465ff;border-color:#7465ff}
.story-plan-benefits{list-style:none;padding:16px 0 4px;border-top:1px solid #e8e9f1;margin:6px 0 22px}
.story-plan-benefits li{font-size:13px;line-height:1.7;margin:8px 0;display:flex;gap:9px;color:var(--story-muted)}
.story-plan-benefits li:before{content:"✓";color:var(--story-teal)}
.experience-plan{transition:transform .18s ease,box-shadow .18s ease}
.experience-plan:hover{transform:translateY(-4px);box-shadow:0 16px 38px #24244713}
.story-compare{background:#f7f7fd}
.story-comparison{min-width:650px;width:100%;border-collapse:collapse;background:#fff}
.story-comparison caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.story-comparison th,.story-comparison td{text-align:left;border-bottom:1px solid #e5e7f0;padding:18px;font-size:13px;line-height:1.7;vertical-align:top;width:25%}
.story-comparison thead th{background:#eeebff;color:#30216c;font-size:16px}
.story-comparison th[scope=row]{font-weight:600}
.story-comparison tbody tr:nth-child(even){background:#fafaff}
.story-compare .btn{margin-top:22px}
.story-real-screen{margin:0}
.story-real-screen img{width:100%;height:auto;border:1px solid #e7e7f2;border-radius:14px;box-shadow:0 15px 45px #26304b12}
.story-real-screen figcaption{font-size:11px;color:var(--story-muted);line-height:1.7;margin-top:8px}
.story-dossier button:focus-visible,.story-dossier [tabindex]:focus-visible{outline:3px solid #5f4cfb;outline-offset:3px}
@media(min-width:1500px){.story-hero{padding-top:90px;padding-bottom:80px}}
@media(max-width:1000px){.story-hero-grid{gap:30px}.story-split{gap:34px}.story-hero h1{font-size:45px}.story-photo-tag{left:-12px;padding:12px;font-size:11px}.story-value>.container{gap:18px}.story-value article{gap:10px}.story-glyph{width:36px;height:36px;flex-basis:36px;font-size:23px}.story-value h2{font-size:15px}.story-scanner-strip{gap:20px}}
@media(max-width:760px){.story-hero{padding:42px 0 30px}.story-hero-grid,.story-split{grid-template-columns:1fr;gap:30px}.story-hero h1{font-size:clamp(35px,8.4vw,52px);margin-top:12px}.story-intro{font-size:16px;line-height:1.8}.story-hero .cta-row{flex-direction:column;align-items:stretch}.story-hero .btn{width:100%;text-align:center}.story-hero-image{padding-top:8px;padding-bottom:12px}.story-hero-image .story-photo img{aspect-ratio:1.5;border-radius:45px 18px 18px 18px}.story-photo-tag{left:12px;bottom:50px;background:#fffffff2;padding:10px 12px}.story-hero-promise{margin-bottom:0}.story-value{padding:26px 0}.story-value>.container{grid-template-columns:1fr;gap:22px}.story-value article{gap:14px}.story-value p{font-size:12px}.story-section,.story-flow{padding:50px 0}.story-heading h2,.story-orbit h2{font-size:29px}.story-heading p{font-size:14px}.story-lanes{grid-template-columns:1fr;gap:16px}.story-lane{padding:22px}.story-lane-heading h3{font-size:14px}.story-lane li{font-size:13px}.story-lane .story-pilot{margin-left:60px}.story-join{height:34px}.story-destination{padding:24px 14px}.story-destination-heading{gap:10px;align-items:flex-start}.story-destination-heading h3{font-size:20px}.story-destination-heading p{font-size:12px;line-height:1.7}.story-destination-heading .story-glyph{display:none}.story-dossier{padding:16px 12px 12px}.story-dossier-bar{font-size:12px;gap:6px}.story-example-badge{margin-left:0}.story-dossier [role=tab]{font-size:11px;padding:9px 3px}.story-dossier [role=tab] span{padding:0 3px;margin-left:0}.story-dossier li{font-size:12px;overflow-wrap:anywhere}.story-flow-note{font-size:11px;text-align:left}.story-scanner-strip{grid-template-columns:1fr;padding:24px 20px;gap:24px;width:calc(100% - 32px)}.story-scanner-models img{height:110px}.story-orbit{padding:48px 0}.story-orbit .story-photo img{aspect-ratio:1.5}.story-orbit p:not(.experience-eyebrow){font-size:14px}.story-comparison th,.story-comparison td{padding:14px}.story-real-screen{max-width:100%}}
@media(prefers-reduced-motion:reduce){.experience-plan{transition:none}.experience-plan:hover{transform:none}}

/* Keep linked sections and keyboard focus clear of the sticky site header. */
.story-flow,.story-orbit,#producten{scroll-margin-top:90px}.story-photo figcaption a{color:inherit;text-underline-offset:2px}

/* Original designer artwork, without recolouring, cropping or replacement. */
.story-product-visual{display:block;width:160px;height:128px;object-fit:contain;object-position:left center;flex:none;margin:0 0 14px}
.story-product-visual-hero{width:190px;height:150px;margin:0 0 18px}
.story-product-visual-comparison{width:86px;height:70px;margin:0 0 12px}
.experience-private-plans article .story-product-visual{width:116px;height:92px}
@media(max-width:760px){.story-product-visual{width:140px;height:112px}.story-product-visual-hero{width:156px;height:124px}.story-product-visual-comparison{width:76px;height:62px}.experience-private-plans article .story-product-visual{width:100px;height:80px}}