/*
Theme Name: Rosa
Theme URI: https://meet-rosa.ai
Author: Rosa AI B.V.
Description: Marketingsite voor Rosa, de persoonlijke AI-assistent. Volledig in code, geen pagebuilder.
Version: 2.0.0
Requires PHP: 8.1
Text Domain: rosa
*/

/* ---------- Tokens ---------- */
:root{
  --white:#fdfdfe;--tint:#ececf8;--canvas:#e4e7f5;
  --a100:#f5f4ff;--a200:#e7e5fe;--a300:#d2cefd;--a400:#b5abfc;--a500:#968ae0;--a600:#796cbf;--a700:#5d5294;--a800:#423a6a;--a900:#2b2741;
  --n100:#f3f5fe;--n200:#e4e7f5;--n300:#cfd3e5;--n400:#b2b6ca;--n500:#9397ab;--n600:#75798c;--n700:#595d6c;--n800:#3f424d;--n900:#292b31;
  --e200:#f7dcc0;--e300:#f0c395;--e400:#e8a06a;--e600:#c9743f;
  --bg:#161826;--bg-deep:#0b0c14;--surface:#232532;--section:#262a60;--section-glow:#353b80;
  --grad-cta:linear-gradient(130deg,#796cbf 20%,#968ae0 62%,#c9743f);
  --grad-line:linear-gradient(90deg,#968ae0,#e8a06a 70%,transparent);
  --grad-dark:linear-gradient(155deg,#262a60,#161826 72%);
  --scan:repeating-linear-gradient(0deg,rgba(243,245,254,.05) 0 1px,transparent 1px 5px);
  --font:'Inter',system-ui,-apple-system,sans-serif;
  --pad-x:56px;--max:1320px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--n900);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:var(--a700);text-decoration:none}a:hover{color:var(--a600)}
button,input,textarea{font:inherit;color:inherit}
::selection{background:var(--a200);color:var(--n900)}
:focus-visible{outline:2px solid var(--a500);outline-offset:2px}
h1,h2,h3,h4{margin:0;font-weight:500;line-height:1.1;letter-spacing:-.035em;text-wrap:balance}
p{margin:0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Keyframes ---------- */
@keyframes rosaPulse{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes rosaFadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes rosaShimmer{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes rosaDrift{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,-24px) scale(1.12)}66%{transform:translate(-28px,18px) scale(.94)}}
@keyframes rosaBloom{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.78;transform:scale(1.08)}}
@keyframes rosaMorphA{0%,100%{border-radius:72% 28% 24% 76%/58% 34% 66% 42%;transform:rotate(-8deg) scale(1)}33%{border-radius:34% 66% 74% 26%/28% 68% 32% 72%;transform:rotate(11deg) scale(1.06,.94) translate(3%,-4%)}66%{border-radius:66% 34% 30% 70%/72% 26% 74% 28%;transform:rotate(-2deg) scale(.95,1.07) translate(-3%,2%)}}
@keyframes rosaMorphB{0%,100%{border-radius:30% 70% 64% 36%/68% 26% 74% 32%;transform:rotate(16deg) scale(1)}40%{border-radius:74% 26% 32% 68%/36% 70% 30% 64%;transform:rotate(-14deg) scale(1.1,.92) translate(-4%,4%)}72%{border-radius:28% 72% 68% 32%/62% 30% 70% 38%;transform:rotate(6deg) scale(.93,1.08) translate(4%,-2%)}}
@keyframes rosaMorphC{0%,100%{border-radius:26% 74% 70% 30%/44% 66% 34% 56%;transform:rotate(-24deg) scale(1) translate(2%,2%)}50%{border-radius:70% 30% 28% 72%/66% 30% 70% 34%;transform:rotate(18deg) scale(1.14,.9) translate(-4%,-4%)}}
@keyframes rosaTypeDot{0%,60%,100%{opacity:.25;transform:none}30%{opacity:1;transform:translateY(-3px)}}

/* ---------- Primitives ---------- */
.container{max-width:var(--max);margin:0 auto;padding:0 var(--pad-x)}
.kicker{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--n600)}
.kicker--accent{color:var(--a700)}.kicker--light{color:var(--a200)}.kicker--ember{color:var(--e400)}
.h1{font-size:clamp(38px,4.6vw,60px);line-height:.98;letter-spacing:-.045em}
.h2{font-size:clamp(30px,3.4vw,44px);line-height:1.04;letter-spacing:-.04em}
.h3{font-size:clamp(26px,2.8vw,34px);line-height:1.1}
.h4{font-size:21px;letter-spacing:-.025em;line-height:1.2}
.lede{font-size:16.5px;line-height:1.7;color:var(--n700);max-width:52ch}
.body{font-size:15px;line-height:1.7;color:var(--n700)}
.fade-up{animation:rosaFadeUp .8s ease both}
.accent-line{height:2px;width:180px;background:var(--grad-line)}
.accent-line--shimmer{background:linear-gradient(90deg,#968ae0,#e8a06a,#968ae0);background-size:200% 100%;animation:rosaShimmer 5s linear infinite}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:999px;font-size:14.5px;cursor:pointer;border:1px solid transparent;transition:transform .15s,box-shadow .15s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn--primary,.nav a.btn--primary{color:#f3f5fe;background:var(--grad-cta);box-shadow:0 10px 26px rgba(93,82,148,.28)}
.btn--primary:hover,.nav a.btn--primary:hover{color:#fff}
.btn--outline,.nav a.btn--outline{border-color:var(--a600);color:var(--a700);background:transparent}
.btn--outline:hover,.nav a.btn--outline:hover{background:var(--a100)}
.btn--light{border-color:rgba(243,245,254,.4);color:#f3f5fe;background:transparent}
.btn--light:hover{background:rgba(243,245,254,.08)}
.btn--sm{padding:8px 16px;font-size:13.5px}
.btn--block{width:100%}
.section{padding:88px 0}
.section--tight{padding:64px 0}
.section--light{background:var(--white)}
.section--tint{background:var(--tint)}
.section-head{display:flex;flex-direction:column;gap:12px;max-width:700px;margin-bottom:36px}
.grid{display:grid;gap:16px}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid--auto{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.split{display:grid;grid-template-columns:minmax(340px,1fr) minmax(280px,460px);gap:56px;align-items:center}
.split--start{align-items:start}
.split--wide{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.card{background:var(--tint);padding:28px 26px;display:flex;flex-direction:column;gap:12px}
.card__icon{font-size:24px;color:var(--a700)}
.card__meta{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--n600)}
.card__title{font-size:19px;letter-spacing:-.02em;line-height:1.25;font-weight:500}
.card__body{font-size:14px;line-height:1.65;color:var(--n700)}
.card__foot{margin-top:auto;padding-top:10px;border-top:1px solid rgba(117,121,140,.22);font-size:12px;line-height:1.6;color:var(--a700)}
.card--dark{background:var(--bg);color:#f3f5fe;position:relative;overflow:hidden}
.card--dark .card__title{color:#f3f5fe}.card--dark .card__body{color:var(--n400)}
.card--dark::before{content:"";position:absolute;top:-60px;right:-40px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(150,138,224,.3),transparent 65%);filter:blur(10px)}
.card--dark>*{position:relative}
.dark-panel{position:relative;overflow:hidden;background:var(--grad-dark);color:#f3f5fe}
.dark-panel::before{content:"";position:absolute;inset:0;background:var(--scan);pointer-events:none}
.dark-panel::after{content:"";position:absolute;top:-70px;right:-50px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(150,138,224,.24),transparent 65%);filter:blur(10px);animation:rosaDrift 14s ease-in-out infinite;pointer-events:none}
.dark-panel>*{position:relative;z-index:1}
.photo{position:relative}
.photo img{width:100%;height:100%;object-fit:cover}
.photo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--grad-line)}
.rule-list{display:flex;flex-direction:column}
.rule-list__row{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid rgba(117,121,140,.2);font-size:14px}
.rule-list__row:last-child{border-bottom:1px solid rgba(117,121,140,.2)}
.rule-list__row span:first-child{color:var(--n700)}
.rule-list__row span:last-child{color:var(--n900);text-align:right}
.rule-list--light .rule-list__row{border-color:rgba(243,245,254,.16)}
.rule-list--light .rule-list__row span:first-child{color:rgba(243,245,254,.75)}
.rule-list--light .rule-list__row span:last-child{color:var(--a100)}
.check-list{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--n700)}
.pill-row{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:7px 13px;border-radius:999px;font-size:12.5px;cursor:pointer;border:1px solid rgba(117,121,140,.26);color:var(--n700);background:transparent;transition:all .15s}
.chip.is-on{border-color:var(--a500);color:var(--a700);background:rgba(150,138,224,.12)}
.mono{font-variant-numeric:tabular-nums}

/* ---------- Header / nav ---------- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(253,253,254,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(117,121,140,.12)}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:80px}
.brand{display:inline-flex;align-items:baseline;gap:2px;font-size:21px;font-weight:500;letter-spacing:-.035em;color:var(--n900)}
.brand__dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(120deg,var(--a500),var(--a700));animation:rosaPulse 3.2s ease-in-out infinite}
.brand--light{color:#f3f5fe}
.nav{display:flex;align-items:center;gap:10px}
.nav ul{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0}
.nav li a{display:inline-block;padding:8px 14px;border-radius:999px;font-size:13.5px;color:var(--n700);transition:color .15s,background .15s}
.nav li a:hover{color:var(--a700)}
.nav li.current-menu-item>a,.nav li.current_page_item>a,.nav li.is-active>a{color:var(--a700);background:var(--tint)}
.nav__actions{display:flex;align-items:center;gap:10px}
.lang{display:inline-flex;border:1px solid rgba(117,121,140,.26);border-radius:999px;overflow:hidden}
.lang a,.lang span{padding:7px 12px;font-size:10.5px;letter-spacing:.12em;color:var(--n600);text-transform:uppercase}
.lang .is-on{background:var(--tint);color:var(--a700)}
.nav-toggle{display:none;width:44px;height:44px;border:1px solid rgba(117,121,140,.26);border-radius:999px;background:transparent;cursor:pointer;align-items:center;justify-content:center;font-size:20px;color:var(--n800)}

/* ---------- Footer ---------- */
.site-footer{background:var(--white);border-top:1px solid rgba(117,121,140,.14);padding:56px 0 36px}
.site-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.site-footer__tag{font-size:14px;line-height:1.65;color:var(--n700);max-width:34ch;margin-top:14px}
.site-footer h4{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--n600);margin-bottom:14px}
.site-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.site-footer li a{font-size:14px;color:var(--n700)}
.site-footer li a:hover{color:var(--a700)}
.site-footer__bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:20px;border-top:1px solid rgba(117,121,140,.14);font-size:12px;color:var(--n600)}

/* ---------- Orb ---------- */
.orb{position:relative;width:280px;height:250px}
.orb__bloom{position:absolute;left:6%;top:20%;width:70%;height:56%;filter:blur(40px);background:radial-gradient(50% 46% at 40% 55%,rgba(181,171,252,.55),transparent 72%);animation:rosaBloom 5.6s ease-in-out infinite}
.orb__a{position:absolute;left:2%;top:26%;width:78%;height:44%;border-radius:72% 28% 24% 76%/58% 34% 66% 42%;background:linear-gradient(132deg,rgba(38,42,96,.88),rgba(150,138,224,.8) 48%,rgba(110,168,232,.72));box-shadow:inset 0 0 34px rgba(243,245,254,.45),0 18px 50px rgba(93,82,148,.28);animation:rosaMorphA 19s ease-in-out infinite}
.orb__b{position:absolute;left:34%;top:8%;width:42%;height:74%;border-radius:30% 70% 64% 36%/68% 26% 74% 32%;background:linear-gradient(210deg,rgba(210,206,253,.82),rgba(143,212,232,.7) 55%,rgba(53,59,128,.78));box-shadow:inset 0 0 26px rgba(243,245,254,.55);filter:blur(1px);animation:rosaMorphB 27s ease-in-out infinite}
.orb__c{position:absolute;left:18%;top:44%;width:52%;height:34%;border-radius:26% 74% 70% 30%/44% 66% 34% 56%;background:linear-gradient(160deg,rgba(243,245,254,.85),rgba(231,229,254,.75) 45%,rgba(232,184,221,.55));filter:blur(5px);opacity:.85;animation:rosaMorphC 33s ease-in-out infinite}
.orb--sm{width:110px;height:88px}.orb--sm .orb__bloom{filter:blur(22px)}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;background:var(--bg-deep);color:#fdfdfe;min-height:720px;display:flex;align-items:center}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--grad-line);z-index:3}
.hero__bg{position:absolute;inset:0;z-index:0}
.hero__bg img{position:relative;z-index:0;width:100%;height:100%;object-fit:cover;object-position:78% 40%;filter:saturate(.55) contrast(1.05)}
.hero__bg::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(94deg,rgba(0,0,0,.88) 0%,rgba(11,12,20,.82) 34%,rgba(22,24,38,.6) 58%,rgba(38,42,96,.32) 80%,rgba(0,0,0,.2) 100%)}
.hero__bg::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(11,12,20,.35),transparent 30%,transparent 70%,rgba(11,12,20,.55)),var(--scan)}
.hero__inner{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center;padding:96px var(--pad-x);width:100%;max-width:var(--max);margin:0 auto}
.hero__copy{display:flex;flex-direction:column;gap:22px}
.hero__title{color:#fdfdfe;max-width:17ch}
.hero__lede{font-size:17px;line-height:1.65;color:rgba(226,228,240,.86);max-width:50ch}
.hero__lock{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;color:var(--a300)}
.hero__lock i{font-size:18px;color:var(--e400);flex-shrink:0;margin-top:2px}
.hero__cta{display:flex;gap:12px;flex-wrap:wrap;padding-top:4px}
.hero__meta{font-size:11px;color:var(--n400);letter-spacing:.04em;display:flex;gap:14px;flex-wrap:wrap}
.hero__meter{display:flex;gap:3px}
.hero__meter span{width:9px;height:9px;background:rgba(147,151,171,.3)}
.hero__meter span.is-on{background:linear-gradient(130deg,var(--a500),var(--e400))}
.hero__stage{position:relative;display:flex;justify-content:flex-end;align-items:center;min-height:520px}
.hero__orb{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none}
.hero__orb .orb{width:460px;height:400px}.hero__orb .orb__bloom{filter:blur(44px)}
.chat{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;width:100%;max-width:400px;height:520px;overflow:hidden;mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 100%)}
.chat__day{align-self:center;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgba(210,206,253,.7)}
.chat__src{display:block;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--n600);margin-bottom:6px}
.chat__msg{align-self:flex-start;max-width:92%;padding:14px 18px;border-radius:20px 20px 20px 5px;background:rgba(253,253,254,.94);backdrop-filter:blur(8px);font-size:14px;line-height:1.55;color:var(--n800);box-shadow:0 18px 50px rgba(8,9,16,.35)}
.chat__msg--list{border-radius:20px;display:flex;flex-direction:column;gap:7px}
.chat__msg--list span{font-size:13.5px;line-height:1.5}
.chat__msg--me{align-self:flex-end;max-width:80%;border-radius:20px 20px 5px 20px;background:var(--grad-cta);color:#f3f5fe}
.chat__msg--alert{border-left:3px solid var(--e400)}
.chat__list{display:flex;flex-direction:column;gap:4px;margin-top:8px;font-size:13px;color:var(--n700)}
.chat__typing{display:none;gap:5px;padding:13px 16px;border-radius:20px 20px 20px 5px;background:rgba(253,253,254,.94);align-self:flex-start;box-shadow:0 18px 50px rgba(8,9,16,.35)}
.chat__typing span{width:6px;height:6px;border-radius:50%;background:var(--n600);animation:rosaTypeDot 1.3s ease-in-out infinite}
.chat__typing span:nth-child(2){animation-delay:.18s}.chat__typing span:nth-child(3){animation-delay:.36s}
.chat__stage{display:none}
.chat__stage.is-on{display:flex;flex-direction:column;gap:12px;animation:rosaFadeUp .8s ease both}
.chat__stage--0.is-on .chat__msg{animation:rosaFadeUp .8s ease both}
.chat__stage--0.is-on .chat__msg:nth-child(2){animation-delay:.2s}.chat__stage--0.is-on .chat__msg:nth-child(3){animation-delay:.55s}.chat__stage--0.is-on .chat__msg:nth-child(4){animation-delay:1s}
.chat__typing.is-on{display:inline-flex}
.chat__action{display:flex;align-items:center;gap:6px;margin-top:9px;padding-top:9px;border-top:1px solid rgba(117,121,140,.2);font-size:13px;color:var(--a700)}
.chat__src--ember{color:var(--e600);display:inline-flex;align-items:center;gap:7px}
.chat__dot{width:5px;height:5px;border-radius:50%;background:var(--e400);animation:rosaPulse 2.4s ease-in-out infinite}

/* ---------- Wat Rosa doet ---------- */
.what__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:end;margin-bottom:32px}
.what .card__meta{color:var(--a700);font-size:11px;letter-spacing:.08em}
.what .card--dark .card__meta{color:var(--e400)}

/* ---------- Dag met Rosa ---------- */
.day{position:relative;background:var(--bg-deep);color:#fdfdfe}
.day__bg{position:sticky;top:0;height:100vh;overflow:hidden;z-index:0}
.day__bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:saturate(.55) contrast(1.05);opacity:0;transform:scale(1);transition:opacity 1.1s ease,transform 9s linear}
.day__bg img.is-on{opacity:1;transform:scale(1.08)}
.day__bg::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(94deg,rgba(0,0,0,.88) 0%,rgba(11,12,20,.82) 34%,rgba(22,24,38,.6) 58%,rgba(38,42,96,.32) 80%,rgba(0,0,0,.2) 100%)}
.day__bg::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(11,12,20,.7) 0%,transparent 30%,transparent 70%,rgba(11,12,20,.8) 100%),var(--scan)}
.day__glow{position:absolute;left:-140px;bottom:-160px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(150,138,224,.35),transparent 62%);filter:blur(24px);animation:rosaDrift 18s ease-in-out infinite;z-index:1}
.day__content{position:relative;z-index:1;margin-top:-100vh}
.day__top{position:sticky;top:80px;z-index:2;padding:26px var(--pad-x) 0;pointer-events:none;background:rgba(11,12,20,.95)}
.day__top::after{content:"";position:absolute;left:50%;top:0;bottom:0;z-index:-1;transform:translateX(-50%);width:100vw;background:linear-gradient(180deg,rgba(22,24,38,.98) 0%,rgba(38,42,96,.9) 25%,rgba(38,42,96,.7) 45%,rgba(22,24,38,.4) 65%,transparent 100%);pointer-events:none}
.day__top-inner{max-width:var(--max);margin:0 auto}
.day__fade{position:sticky;bottom:0;z-index:2;height:160px;margin-top:-160px;background:linear-gradient(0deg,rgba(11,12,20,.92),rgba(11,12,20,0));pointer-events:none}
.day__top>*{pointer-events:auto}
.day__intro{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:22px}
.day__intro .h4{color:#fdfdfe}
.day__counter{font-size:11px;color:var(--n400);letter-spacing:.04em}
.rail{position:relative;height:52px}
.rail__track{position:absolute;left:0;right:0;top:11px;height:1px;background:rgba(243,245,254,.22)}
.rail__fill{position:absolute;left:0;top:10px;height:3px;background:linear-gradient(90deg,#5d5294,#968ae0 60%,#e8a06a);transition:width .7s cubic-bezier(.2,.7,.2,1);width:0}
.rail__tick{position:absolute;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;background:none;border:0;padding:0}
.rail__dot{display:block;width:10px;height:10px;margin-top:6px;border-radius:50%;border:1px solid rgba(243,245,254,.45);background:transparent;transition:all .4s ease}
.rail__tick.is-past .rail__dot{background:var(--a500);border-color:var(--a500)}
.rail__tick.is-on .rail__dot{width:22px;height:22px;margin-top:0;border:0;background:var(--grad-cta);box-shadow:0 0 0 6px rgba(150,138,224,.18)}
.rail__label{font-size:10.5px;white-space:nowrap;color:rgba(226,228,240,.55);transition:color .3s}
.rail__tick.is-on .rail__label{color:#fdfdfe}
.moment{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:center;padding:260px var(--pad-x) 80px;max-width:var(--max);margin:0 auto;opacity:.18;transform:translateY(18px);transition:opacity .5s ease,transform .6s ease}
.moment.is-on{opacity:1;transform:none}
.moment.is-past{transform:translateY(-18px)}
.moment__clock{font-size:clamp(64px,9vw,128px);line-height:.9;letter-spacing:-.05em;color:#fdfdfe;font-weight:500}
.moment__kicker{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--e300);margin-top:22px}
.moment__title{font-size:clamp(30px,3.6vw,50px);line-height:1.02;letter-spacing:-.04em;color:#fdfdfe;margin-top:12px;max-width:16ch}
.moment__body{font-size:16px;line-height:1.7;color:rgba(226,228,240,.82);max-width:48ch;margin-top:18px}
.moment__side{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.bubble{max-width:520px;padding:18px 22px;border-radius:22px 22px 22px 6px;background:var(--white);color:var(--n800);font-size:15px;line-height:1.6;box-shadow:0 24px 60px rgba(11,12,20,.4)}
.bubble__src{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--n600);margin-bottom:8px}
.bubble--me{border-radius:22px 22px 6px 22px;background:var(--grad-cta);color:#f3f5fe}
.bubble--me .bubble__src{color:rgba(243,245,254,.7)}
.moment__idle{display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--n400);font-size:12px;letter-spacing:.06em;text-transform:uppercase}

/* ---------- Founder (home) ---------- */
.founder{display:grid;grid-template-columns:minmax(340px,1fr) minmax(300px,440px);gap:56px;align-items:start}
.founder__copy{display:flex;flex-direction:column;gap:18px}
.founder__title{max-width:24ch}
.founder__list{display:flex;flex-direction:column;max-width:56ch;padding-top:4px}
.founder__list .kicker{padding-bottom:8px}
.founder__item{display:flex;gap:14px;padding:11px 0;border-top:1px solid rgba(117,121,140,.18);font-size:14.5px;line-height:1.6;color:var(--n800)}
.founder__item i{font-size:20px;color:var(--a700);flex-shrink:0;padding-top:1px}
.founder__item strong{font-weight:500;color:var(--n900)}
.founder__link{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--a700);border-bottom:1px solid rgba(121,108,191,.45);padding-bottom:2px;align-self:flex-start}
.perks{display:flex;flex-direction:column;gap:18px;padding:44px 40px}
.perks__row{display:flex;gap:14px;padding:14px 0;border-top:1px solid rgba(243,245,254,.14)}
.perks__n{font-size:11px;color:var(--e300);padding-top:3px}
.perks__row strong{display:block;font-size:14.5px;font-weight:500;color:var(--n100)}
.perks__row span{font-size:13px;line-height:1.6;color:var(--n400)}
.badge-row{display:flex;align-items:center;gap:18px;padding:18px 0 4px;border-top:1px solid rgba(243,245,254,.14)}
.ring{position:relative;width:72px;height:72px;flex-shrink:0}
.ring::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 214deg,#5d5294,#968ae0 26%,#b5abfc 44%,#e8a06a 66%,#c9743f 82%,#5d5294 100%)}
.ring__in{position:absolute;inset:3px;border-radius:50%;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}
.ring__in small{font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:var(--a300)}
.ring__in b{font-size:21px;font-weight:500;letter-spacing:-.03em;color:#fdfdfe}
.ring__in img{position:absolute;inset:1px;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:50%;object-fit:cover;filter:saturate(.75)}
.badge-row strong{display:block;font-size:14.5px;font-weight:500;color:var(--n100)}
.badge-row span{font-size:13px;line-height:1.6;color:var(--n400)}
.perks__foot{font-size:10.5px;color:var(--a200);padding-top:4px}
.person{display:flex;align-items:center;gap:14px}
.person__name{font-size:16px;font-weight:500;color:#f3f5fe}
.person__meta{font-size:11px;color:var(--a300)}

/* ---------- Anonimisering ---------- */
.privacy__inner{display:flex;flex-direction:column;gap:40px;padding-top:96px;padding-bottom:96px}
.privacy__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:end}
.privacy__lede{font-size:15.5px;line-height:1.7;color:var(--n400);max-width:50ch}
.anon{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:stretch}
.anon__pane{background:rgba(243,245,254,.06);border:1px solid rgba(243,245,254,.12);padding:26px 28px;display:flex;flex-direction:column;gap:14px}
.anon__pane--out{background:var(--bg-deep)}
.anon__bar{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--n500)}
.anon__text{font-size:14px;line-height:1.85;color:var(--n200)}
.anon__text--out{font-size:13px;color:var(--n400)}
.anon__term{padding:1px 5px;border-radius:4px;transition:all .4s;background:rgba(232,160,106,.18);color:var(--e300)}
.anon__term.is-hot{background:rgba(232,160,106,.5);color:#fff}
.anon__term.is-done,.anon__term--out{background:rgba(150,138,224,.16);color:var(--a300)}
.anon__map{margin-top:auto;padding-top:14px;border-top:1px solid rgba(243,245,254,.12);display:flex;flex-direction:column;gap:6px}
.anon__map .kicker{color:var(--n500)}
.anon__map-row{display:flex;justify-content:space-between;gap:12px;font-size:11px;font-variant-numeric:tabular-nums}
.anon__map-row span{color:var(--e300)}.anon__map-row b{font-weight:400;color:var(--a300)}
.anon__note{font-size:13px;line-height:1.6;color:var(--n500)}
.anon__arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.anon__line{width:1px;flex:1}
.anon__line--in{background:linear-gradient(180deg,transparent,rgba(150,138,224,.6))}
.anon__line--out{background:linear-gradient(180deg,rgba(150,138,224,.6),transparent)}
.anon__go{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(130deg,#796cbf,#968ae0 60%,#c9743f);color:#f3f5fe;font-size:14px}
.privacy__facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(243,245,254,.12)}
.privacy__fact{background:var(--bg);padding:20px 22px;display:flex;flex-direction:column;gap:5px}
.privacy__fact strong{font-size:14.5px;font-weight:500;color:var(--n100)}
.privacy__fact span{font-size:13px;line-height:1.6;color:var(--n500)}

/* ---------- Aanbod + formulier ---------- */
.offer{display:grid;grid-template-columns:minmax(0,1fr) 470px;gap:56px;align-items:start;padding:72px 0}
.offer__copy{display:flex;flex-direction:column;gap:22px;max-width:560px}
.offer__copy .h2{color:var(--n100)}
.offer__lede{font-size:15.5px;line-height:1.7;color:rgba(243,245,254,.78);max-width:46ch}
.offer__mail{font-size:11.5px;color:var(--a200)}
.form{background:rgba(253,253,254,.96);padding:32px;display:flex;flex-direction:column;gap:18px;box-shadow:0 24px 60px rgba(22,24,38,.32);color:var(--n900)}
.form__head{display:flex;flex-direction:column;gap:5px}
.form__head .h4{color:var(--n900)}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--n600)}
.field input,.field textarea{width:100%;padding:11px 13px;border:1px solid rgba(117,121,140,.28);background:var(--white);font-size:14px;color:var(--n900);border-radius:0}
.field textarea{min-height:74px;resize:vertical;line-height:1.55}
.field input::placeholder,.field textarea::placeholder{color:var(--n400)}
.form__hosting{display:flex;gap:8px}
.form__hosting .chip{flex:1;text-align:center;padding:9px 13px}
.form__consent{display:flex;gap:10px;font-size:11.5px;line-height:1.55;color:var(--n600)}
.form__consent input{margin-top:3px}
.form__note{font-size:11.5px;line-height:1.55;color:var(--n600);text-align:center}
.form .btn--primary{border:0}
.hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}

/* ---------- Page hero / CTA strook ---------- */
.page-hero{display:grid;grid-template-columns:minmax(340px,1fr) minmax(260px,400px);gap:48px;align-items:center;padding:68px 0 44px}
.page-hero__copy{display:flex;flex-direction:column;gap:14px}
.page-hero .h1{font-size:clamp(36px,4vw,54px);line-height:1}
.page-hero .photo{height:300px}
.cta-strip{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:34px var(--pad-x);background:var(--tint)}
.cta-strip__inner{display:flex;align-items:center;justify-content:space-between;gap:32px;max-width:var(--max);margin:0 auto;width:100%}
.cta-strip__title{font-size:24px;letter-spacing:-.03em;font-weight:500}
.cta-strip__sub{font-size:14px;color:var(--n700);margin-top:4px}

/* ---------- Meet Rosa ---------- */
.layers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mock{background:var(--white);border:1px solid rgba(117,121,140,.16);padding:22px;display:flex;flex-direction:column;gap:12px;font-size:13.5px}
.mock__head{display:flex;justify-content:space-between;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--n600)}
.mock__group{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--a700);margin-top:8px}
.mock__row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid rgba(117,121,140,.14)}
.mock__row b{font-weight:500}.mock__row span{color:var(--n600);font-size:12.5px}
.mock__draft{background:var(--tint);padding:14px;font-size:13.5px;line-height:1.55;color:var(--n800)}
.mock__actions{display:flex;gap:8px}
.mock__actions .chip{cursor:default}
.where{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}

/* ---------- Founder pagina ---------- */
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(243,245,254,.14)}
.stat{background:var(--bg);padding:26px 22px;display:flex;flex-direction:column;gap:7px}
.stat b{font-size:38px;font-weight:500;letter-spacing:-.04em;color:#f3f5fe}
.stat strong{font-size:13.5px;font-weight:500;color:var(--a300)}
.stat span{font-size:12.5px;line-height:1.55;color:var(--n500)}
.audit{background:var(--tint);padding:28px}
.audit .kicker{display:block;padding-bottom:10px}
.letter{width:300px;min-height:580px;background:var(--bg-deep);border-radius:40px;padding:12px;box-shadow:0 30px 70px rgba(11,12,20,.35);margin:0 auto;display:flex;flex-direction:column}
.letter__screen{background:var(--white);border-radius:30px;padding:22px 20px 26px;display:flex;flex-direction:column;gap:12px;flex:1}
.letter__bar{display:flex;justify-content:space-between;font-size:12px;color:var(--n700)}
.letter__line{height:3px;background:var(--a400)}
.letter__row{display:flex;flex-direction:column;gap:3px;padding:8px 0;border-top:1px solid rgba(117,121,140,.14);font-size:12.5px;color:var(--n700)}
.letter__row b{font-weight:500;color:var(--n900);font-size:13px}
.letter__tag{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--a700)}
.prose{display:flex;flex-direction:column;gap:14px;max-width:60ch;font-size:15px;line-height:1.7;color:var(--n700)}

/* ---------- FAQ ---------- */
.faq-group{display:grid;grid-template-columns:220px 1fr;gap:40px;padding:0 0 24px}
.faq-group__title{padding-top:6px}
.faq-item{display:flex;flex-direction:column;gap:7px;padding:18px 0;border-top:1px solid rgba(117,121,140,.18)}
.faq-item:last-child{border-bottom:1px solid rgba(117,121,140,.18)}
.faq-item h3{font-size:17px;letter-spacing:-.02em}
.faq-item p{font-size:14px;line-height:1.7;color:var(--n700);max-width:78ch}

/* ---------- Bedankt / legal / default ---------- */
.thanks{display:grid;grid-template-columns:1fr 480px;min-height:760px}
.thanks__copy{display:flex;flex-direction:column;padding:44px var(--pad-x)}
.thanks__mid{display:flex;flex-direction:column;gap:16px;margin:auto 0;padding:40px 0}
.steps{display:flex;flex-direction:column;max-width:440px}
.steps__row{display:flex;gap:14px;padding:15px 0;border-top:1px solid rgba(117,121,140,.18)}
.steps__row:last-child{border-bottom:1px solid rgba(117,121,140,.18)}
.steps__n{font-size:11px;color:var(--a700);padding-top:3px}
.steps__row strong{display:block;font-size:14.5px;font-weight:500}
.steps__row span{font-size:13px;line-height:1.6;color:var(--n700)}
.thanks__panel{display:flex;align-items:center;justify-content:center;padding:40px}
.thanks__panel .orb{margin-bottom:60px}
.thanks__foot{position:absolute;left:36px;right:36px;bottom:36px;display:flex;flex-direction:column;gap:8px}
.legal-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.subs{display:grid;grid-template-columns:200px 1fr 150px 130px}
.subs>div{padding:15px 12px;font-size:13px;line-height:1.6;color:var(--n700);border-bottom:1px solid rgba(117,121,140,.12)}
.subs>div:nth-child(4n+1){padding-left:0;color:var(--n900);font-size:13.5px}
.subs__h{font-size:10px!important;letter-spacing:.14em;text-transform:uppercase;color:var(--n600)!important}
.entry{max-width:72ch;padding:64px 0}
.entry h2{font-size:28px;margin:32px 0 12px}
.entry p,.entry li{font-size:15px;line-height:1.7;color:var(--n700)}
.entry ul{padding-left:20px}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
  :root{--pad-x:32px}
  .hero__inner{grid-template-columns:1fr;padding:64px var(--pad-x)}
  .hero__stage{min-height:0;margin-top:24px}
  .hero__stage{justify-content:center}
  .hero__orb{right:auto;left:50%;transform:translate(-50%,-50%);opacity:.6}
  .split,.split--wide,.what__head,.founder,.offer,.page-hero,.thanks,.where,.faq-group{grid-template-columns:1fr}
  .grid--3,.grid--4,.layers,.channels,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .moment{grid-template-columns:1fr;padding-top:240px}
  .moment__side{align-items:flex-start}
  .site-footer__grid{grid-template-columns:1fr 1fr}
  .anon{grid-template-columns:1fr}
  .anon__arrow{flex-direction:row;height:48px}
  .anon__line{width:auto;height:1px}
  .privacy__head{grid-template-columns:1fr}
  .privacy__facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .thanks__panel{min-height:360px;position:relative}
}
@media (max-width:768px){
  :root{--pad-x:20px}
  .nav ul{display:none;position:absolute;left:0;right:0;top:80px;flex-direction:column;align-items:stretch;background:var(--white);padding:12px 20px 20px;border-bottom:1px solid rgba(117,121,140,.14);gap:2px}
  .nav.is-open ul{display:flex}
  .nav li a{display:block;padding:12px 14px;font-size:15px}
  .nav-toggle{display:inline-flex}
  .nav__actions .btn--outline{display:none}
  .grid--2,.grid--3,.grid--4,.layers,.channels,.stats,.legal-cards,.form__row,.site-footer__grid,.privacy__facts{grid-template-columns:1fr}
  .chat{max-width:100%;height:auto;mask-image:none;-webkit-mask-image:none}
  .hero__orb .orb{width:300px;height:260px}
  .hero{min-height:0}
  .hero__title{font-size:38px}
  .rail__tick:not(.is-on) .rail__label{display:none}
  .moment__clock{font-size:56px}
  .cta-strip__inner{flex-direction:column;align-items:flex-start}
  .subs{grid-template-columns:1fr}
  .subs>div{padding:8px 0;border-bottom:0}
  .subs>div:nth-child(4n){border-bottom:1px solid rgba(117,121,140,.12);padding-bottom:14px;margin-bottom:6px}
  .subs__h{display:none}
  .section{padding:56px 0}
  .offer{padding:56px 0}
  .form{padding:22px}
  .anon__pane,.perks{padding:22px}
  .btn{min-height:44px}
}