:root { --ink:#f4efff; --muted:#c9bddf; --quiet:#ab9dc2; --line:rgba(218,202,255,.17); --violet:#b58bff; --violet-bright:#d5c1ff; --night:#11091d; --plum:#29164a; --panel:rgba(39,22,71,.56); --focus:#f0e6ff; }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; background:var(--night); }
    body { min-width:320px; margin:0; color:var(--ink); background:radial-gradient(900px 580px at 82% 0%,#42256f 0%,transparent 64%),radial-gradient(620px 420px at 3% 37%,rgba(125,78,192,.22),transparent 68%),linear-gradient(160deg,#29164a 0%,#181027 42%,#11091d 100%); font:16px/1.6 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
    a { color:inherit; text-decoration:none; }
    a:focus-visible { outline:3px solid var(--focus); outline-offset:4px; border-radius:5px; }
    .skip-link { position:fixed; z-index:20; left:1rem; top:1rem; transform:translateY(-180%); padding:.75rem 1rem; border-radius:.5rem; color:#1a102b; background:#f4efff; font-weight:700; }
    .skip-link:focus { transform:translateY(0); }
    .wrap { width:min(1180px,calc(100% - 48px)); margin:auto; }
    .site-header { position:relative; z-index:3; padding:22px 0; }
    .nav { display:flex; align-items:center; justify-content:space-between; gap:28px; }
    .brand { display:flex; align-items:center; gap:10px; letter-spacing:-.035em; font-size:1.08rem; font-weight:760; }
    .brand-mark { display:grid; place-items:center; width:31px; height:31px; border:1px solid rgba(213,193,255,.55); border-radius:50%; color:var(--violet-bright); font-family:Georgia,serif; font-size:1.1rem; }
    .nav-links { display:flex; align-items:center; gap:22px; margin:0; padding:0; list-style:none; color:var(--muted); font-size:.9rem; }
    .nav-links a { transition:color .2s ease; }
    .nav-links a:hover { color:var(--ink); }
    .locale { padding:.34rem .58rem; border:1px solid var(--line); border-radius:999px; color:var(--violet-bright); }
    .hero { position:relative; isolation:isolate; overflow:hidden; padding:76px 0 74px; }
    .hero-grid { display:grid; grid-template-columns:1.06fr .94fr; align-items:center; gap:40px; }
    .kicker { display:flex; align-items:center; gap:10px; margin:0 0 20px; color:var(--violet-bright); font-size:.73rem; font-weight:750; letter-spacing:.16em; text-transform:uppercase; }
    .kicker::before { width:28px; height:1px; background:currentColor; content:""; }
    h1 { max-width:9ch; margin:0; font-size:clamp(3.5rem,7vw,6.85rem); font-weight:770; letter-spacing:-.074em; line-height:.91; text-wrap:balance; }
    html[lang="nl"] h1 { max-width:100%; }
    h1 em { display:block; color:var(--violet); font-family:Georgia,"Times New Roman",serif; font-size:.92em; font-weight:400; letter-spacing:-.055em; }
    .lede { max-width:49ch; margin:28px 0 0; color:var(--muted); font-size:1.1rem; }
    .actions { display:flex; align-items:center; gap:21px; margin-top:34px; }
    .primary { display:inline-flex; align-items:center; gap:10px; min-height:48px; padding:0 19px; border-radius:8px; color:#1b0e2b; background:var(--violet-bright); box-shadow:0 14px 32px rgba(0,0,0,.23); font-weight:760; transition:transform .2s ease,background .2s ease; }
    .primary:hover { background:#f0e6ff; transform:translateY(-2px); }
    .text-link { color:var(--muted); border-bottom:1px solid var(--line); padding-bottom:3px; transition:color .2s ease; }
    .text-link:hover { color:var(--ink); }
    .reading-card { position:relative; min-height:474px; padding:27px; border:1px solid rgba(213,193,255,.26); border-radius:21px; background:linear-gradient(140deg,rgba(71,43,117,.74),rgba(19,10,33,.82)); box-shadow:0 34px 80px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.06); overflow:hidden; }
    .reading-card::after { position:absolute; width:340px; height:340px; right:-120px; bottom:-170px; border:1px solid rgba(213,193,255,.16); border-radius:50%; box-shadow:0 0 0 34px rgba(213,193,255,.035),0 0 0 68px rgba(213,193,255,.025); content:""; }
    .card-top { position:relative; z-index:1; display:flex; justify-content:space-between; color:#d9cef0; font-size:.76rem; letter-spacing:.08em; text-transform:uppercase; }
    .signal { display:flex; gap:5px; align-items:center; }
    .signal i { width:5px; height:5px; border-radius:50%; background:#c9a8ff; box-shadow:0 0 12px #c9a8ff; }
    .palm { position:relative; z-index:1; display:grid; place-items:center; height:315px; margin:16px 0 4px; }
    .palm svg { width:min(310px,92%); height:auto; filter:drop-shadow(0 22px 28px rgba(0,0,0,.22)); }
    .card-bottom { position:relative; z-index:1; border-top:1px solid var(--line); padding-top:18px; }
    .card-bottom strong { display:block; margin-bottom:2px; color:var(--violet-bright); font-size:.78rem; letter-spacing:.11em; text-transform:uppercase; }
    .card-bottom span { color:var(--muted); font-size:.92rem; }
    .proof { display:grid; grid-template-columns:1fr 1fr 1fr; gap:1px; margin-top:10px; background:var(--line); border:1px solid var(--line); border-radius:12px; overflow:hidden; }
    .proof div { padding:17px; background:rgba(17,9,29,.54); }
    .proof b { display:block; color:var(--violet-bright); font-size:.85rem; }
    .proof span { color:var(--quiet); font-size:.78rem; }
    .story { padding:88px 0 100px; background:linear-gradient(180deg,transparent,rgba(10,5,18,.58)); }
    .section-head { display:grid; grid-template-columns:.9fr 1.1fr; gap:50px; margin-bottom:42px; }
    .section-head h2 { margin:0; font-size:clamp(2rem,4vw,3.4rem); letter-spacing:-.055em; line-height:1.04; text-wrap:balance; }
    .section-head p { max-width:52ch; margin:.5rem 0 0; color:var(--muted); }
    .steps { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
    .step { padding:22px 5px 0; border-top:1px solid var(--line); }
    .step-no { color:var(--violet); font:1.4rem/1 Georgia,serif; }
    .step h3 { margin:25px 0 8px; font-size:1.08rem; letter-spacing:-.025em; }
    .step p { margin:0; color:var(--muted); font-size:.93rem; }
    .quiet-note { display:flex; align-items:flex-start; gap:13px; margin-top:74px; padding:21px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); color:var(--muted); }
    .quiet-note b { color:var(--violet-bright); }
    .footer { padding:30px 0 38px; color:var(--quiet); font-size:.86rem; }
    .footer-row { display:flex; justify-content:space-between; gap:20px; }
    .footer nav { display:flex; gap:17px; }
    .footer a:hover { color:var(--ink); }
    @media (max-width:760px) { .wrap { width:min(100% - 32px,1120px); } .nav-links { gap:13px; font-size:.82rem; } .nav-links li:not(:last-child) { display:none; } .hero { padding:46px 0 54px; } .hero-grid,.section-head { grid-template-columns:1fr; gap:35px; } h1 { max-width:10ch; } .reading-card { min-height:410px; } .palm { height:256px; } .proof { margin-top:0; } .proof div { padding:13px 11px; } .story { padding:65px 0; } .steps { grid-template-columns:1fr; gap:30px; } .quiet-note { margin-top:52px; } .footer-row { flex-direction:column; } }
    @media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition-duration:.01ms!important; animation-duration:.01ms!important; } }