:root{--blue:#0074e1;--navy:#092b50;--orange:#abee13;--ink:#16354e;--muted:#52677c;--wash:#f1f7fd;--line:#dbe6ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);font:16px/1.75 'Open Sans',Arial,sans-serif}h1,h2,h3,.button{font-family:Poppins,Arial,sans-serif}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(36px,4.5vw,62px);font-weight:600;line-height:1.16;letter-spacing:-2px;margin:20px 0 25px}h2{font-size:clamp(28px,3vw,40px);line-height:1.28;font-weight:600;letter-spacing:-1px;margin:12px 0 18px}h3{font-size:20px;line-height:1.4;font-weight:600;margin:16px 0 12px}p{color:var(--muted)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button{font:inherit;cursor:pointer}svg{width:24px;height:24px;flex-shrink:0}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}.section{padding:85px 0}.heading{max-width:770px;margin-bottom:36px}.heading p{max-width:670px}.eyebrow{font-size:13px;letter-spacing:1.8px;font-weight:700;color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:white;border:1px solid var(--blue);border-radius:9px;padding:14px 22px;font-size:14px;font-weight:500;line-height:1.6;transition:transform .2s,background .2s}.button:hover{background:#005eaf;transform:translateY(-2px)}.button.small{padding:10px 16px;white-space:nowrap}.button.outline{background:transparent;color:var(--blue);margin-top:26px}.button.orange{background:var(--orange);border-color:var(--orange);color:#142b40}.textlink{color:#0067c7;font-weight:700;font-size:14px;border-bottom:1px solid #97bee3;padding-bottom:3px}.lightlink{color:white;border-bottom:1px solid #a7bfdb;font-weight:600}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:30px;box-shadow:0 8px 24px #092b5005}.icon{display:inline-flex;width:47px;height:47px;border-radius:12px;background:#eaf4ff;color:var(--blue);align-items:center;justify-content:center}.caption{font-size:13px;line-height:1.6;margin:18px 0 0}.badge{display:inline-block;font-size:12px;line-height:1.5;padding:5px 10px;border-radius:6px;color:#335474;background:#edf5ff;font-weight:600}.skip{position:fixed;top:-60px;background:white;z-index:20;padding:10px}.skip:focus{top:0}header{position:sticky;top:0;background:#fffffff5;backdrop-filter:blur(10px);z-index:10;border-bottom:1px solid var(--line)}.navwrap{max-width:1400px;margin:auto;display:flex;align-items:center;gap:22px;padding:18px 28px}.logo{width:111px;height:auto}.hubname{font-size:12px;line-height:1.5;max-width:95px;color:var(--muted);border-left:1px solid var(--line);padding-left:15px}nav{display:flex;align-items:center;gap:22px;margin-left:auto}nav a{font-size:13px;font-weight:600}nav a:hover{color:var(--blue)}.hero{background:linear-gradient(115deg,#fff 10%,#eff7ff 70%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:70px;padding-top:65px;padding-bottom:50px}.hero em{font-style:normal;color:var(--blue);text-decoration:underline;text-decoration-color:#d4ff72;text-decoration-thickness:7px;text-underline-offset:7px}.lead{font-size:18px;line-height:1.7;color:var(--ink)}.hero-visual{position:relative;padding-top:20px}.hero-visual>img{width:100%;display:block}.floatnote{position:absolute;bottom:60px;left:0;background:white;box-shadow:0 12px 45px #092b501a;padding:20px 25px;display:flex;gap:15px;align-items:center;border-radius:14px;transform:rotate(-4deg);font-size:15px}.floatnote svg{color:var(--orange)}.visual-label{text-align:right;color:#566d80;font-size:12px;margin:15px 25px 0}.hero-foot{display:flex;justify-content:space-between;padding:22px 0;border-top:1px solid #d6e6f3;font-size:14px;color:#4f6780}.quickgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.quick{transition:transform .2s,box-shadow .2s;padding:26px;min-height:220px}.quick:hover{transform:translateY(-5px);box-shadow:0 14px 30px #0074e113;border-color:#86b9e7}.quick h3{font-size:18px}.quick p{font-size:14px;line-height:1.65;margin:0}.tip{background:#f7ffe5;border:0;border-radius:16px;padding:26px}.tip .eyebrow{color:#658c0f;font-size:12px}.wash{background:var(--wash)}.tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:18px}.tabs button{border:1px solid var(--line);background:white;border-radius:9px;font-size:14px;padding:11px 15px;color:#506379;white-space:nowrap}.tabs button[aria-selected=true]{background:var(--blue);color:white;border-color:var(--blue)}.explain{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;padding:40px}.explain h3{font-size:25px}.explain ol{padding-left:23px;color:var(--muted);font-size:15px}.explain li{padding:7px}.browser{border:1px solid #cbdcea;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 14px 35px #14365310}.browserbar{background:#e8eff6;padding:8px 14px;font-size:10px;color:#526a80;display:flex;gap:32px}.browserbar span{letter-spacing:2px;color:#a4b3c4}.example{padding:20px}.examplehead{display:flex;justify-content:space-between;align-items:center;font-size:10px}.examplehead img{width:80px}.examplehero{position:relative;background:#eef6ff;padding:27px 20px;margin-top:18px;border-radius:8px;overflow:hidden;min-height:195px}.examplehero>span{font-size:9px;color:#0074e1;letter-spacing:1px}.examplehero h3{font-size:23px;line-height:1.3;margin:10px 0}.examplehero p{font-size:9px;max-width:55%;margin:0}.examplehero img{position:absolute;right:-20px;bottom:0;width:45%}.examplecourses{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.examplecourses div{background:#f3fcdf;border-radius:6px;padding:15px 8px;font-size:8px}.examplecourses div:nth-child(2){background:#ebf3fc}.examplecourses div:nth-child(3){background:#eff4e9}.examplecourses b{display:block;font-size:10px;line-height:1.4;margin-top:6px}.browser>.caption{padding:0 18px 15px;margin:0;font-size:10px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.two{display:grid;grid-template-columns:1fr 1fr;gap:25px}ul{padding:0;margin:18px 0 0;list-style:none}ul li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.6;margin-bottom:12px}ul svg{width:17px;height:17px;margin-top:4px;color:var(--blue)}.dark{background:var(--navy);color:white}.dark p{color:#bdcee1}.dark .eyebrow{color:#caff54}.dark .heading{max-width:800px}.dark h2{font-size:clamp(29px,3.3vw,43px)}.timeline{gap:42px;margin-top:45px}.timeline article{border-top:1px solid #56738e;padding-top:26px}.number{font:600 16px Poppins;color:#caff54}.timeline h3{font-size:23px}.timeline li{color:#d1dfed}.timeline svg{color:#caff54}.quote{border-left:3px solid var(--orange);padding:15px 28px;font-size:19px;margin-top:50px;max-width:850px;line-height:1.7}.quote span{display:block;font-size:12px;color:#a6bed5;margin-top:8px}.downloadgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.download{padding:0;overflow:hidden}.docpreview{display:flex;align-items:center;gap:20px;background:#edf5ff;padding:28px;min-height:140px}.docpreview svg{width:44px;height:44px;color:var(--blue)}.docpreview span{font-size:10px;letter-spacing:1px;color:#5f7590}.docpreview b{display:block;font-family:Poppins;font-size:17px;line-height:1.4;letter-spacing:0;color:var(--navy);margin-top:8px}.download:nth-child(2n) .docpreview{background:#f7ffe4}.download:nth-child(2n) .docpreview svg{color:#85bf04}.downloadbody{padding:26px}.downloadbody p{font-size:14px;min-height:48px}.manual{padding:28px;display:flex;flex-direction:column;align-items:flex-start;background:#f7fafc}.manual .badge{margin-top:20px}.contentrail{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.contentcard{padding:0;overflow:hidden}.contentcard>img{width:100%;height:190px;object-fit:cover;background:#dbeafb}.contentcard>div:not(.largeicon){padding:28px}.contentcard p{font-size:14px}.orange-card{background:#f4ffdc}.largeicon{height:190px;display:flex;align-items:center;justify-content:center;background:#e4ffa7}.largeicon svg{width:75px;height:75px;color:#6d9d00}.update time{display:block;font-size:12px;color:var(--muted);margin-top:20px}.update p{font-size:14px}.update{display:flex;flex-direction:column;align-items:flex-start}.update a{margin-top:auto}.community{background:#e9f5ff}.communitygrid{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:center}.community p{max-width:630px}.community ul{margin:24px 0 30px}.phone{width:285px;margin:auto;border:7px solid #132e47;border-radius:36px;background:#eff3f0;box-shadow:15px 20px 0 #c9e4f6;overflow:hidden;transform:rotate(4deg)}.phone-top{width:80px;height:15px;border-radius:0 0 12px 12px;background:#132e47;margin:auto}.chathead{display:flex;gap:13px;align-items:center;padding:22px 18px;background:#deefe5;line-height:1.5;color:#184c3c}.chathead b{font-size:14px}.chathead span{display:block;font-size:10px}.chatbody{padding:20px 14px}.chatlabel{display:block;text-align:center;font-size:10px;color:#53725c;margin-bottom:18px}.bubble{background:white;border-radius:0 13px 13px 13px;padding:15px;margin-bottom:16px;box-shadow:0 2px 4px #12322208}.bubble b{font-size:12px}.bubble p{font-size:12px;line-height:1.6;margin:8px 0;color:#42614f}.bubble small{font-size:9px;color:#657c6e}.phone-bottom{height:4px;width:85px;background:#132e47;border-radius:4px;margin:7px auto 12px}.rhythmnum{font:500 44px Poppins;color:#a3c3e2;line-height:1.2}.rhythmnum small{font:12px 'Open Sans';margin-left:9px;color:var(--muted)}.rhythm article:nth-child(2){background:#f1f7ff}.rhythm article:nth-child(3){background:#f8ffe7}.feedback{background:#f5ffdf;padding:45px;border-radius:18px;display:grid;grid-template-columns:1.3fr .7fr;gap:45px;align-items:center}.feedback p{margin:0}.feedback .actions{display:flex;flex-direction:column;align-items:stretch;margin:0;gap:12px}.feedback .outline{margin:0}.faqsection{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}.faqs details{border-bottom:1px solid var(--line);padding:20px 0}.faqs summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;font-size:16px;font-weight:600;list-style:none;line-height:1.55}.faqs summary::-webkit-details-marker{display:none}.faqs summary span{font-size:23px;color:var(--blue);font-weight:400}.faqs details[open] summary span{transform:rotate(45deg)}.faqs p{font-size:15px;margin:15px 30px 0 0}.support .card{color:var(--navy);border:0;padding:35px}.support .card p{color:var(--muted)}.support .card .textlink{display:block;margin-top:22px;width:fit-content}.closing{font-size:22px;line-height:1.7;text-align:center;margin:55px 0 0;color:white!important}.closing strong{font-weight:600}footer .wrap{display:flex;align-items:center;gap:25px;padding:32px 0;font-size:12px}footer span{color:var(--muted);margin-right:auto}footer a:hover{color:var(--blue)}@media(min-width:1500px){.hero-grid{gap:110px}}@media(max-width:1150px){nav{gap:13px}nav a{font-size:12px}.hubname{display:none}.hero-grid{gap:35px}.quickgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.navwrap{flex-wrap:wrap;gap:12px}.navwrap>.button{margin-left:auto}nav{order:3;width:100%;overflow:auto;gap:24px;margin:0}.wrap{width:calc(100% - 40px)}.hero-grid{grid-template-columns:1fr 1fr;gap:20px}.hero-visual{padding:0}.floatnote{padding:14px;bottom:25px;left:-5px}.explain{gap:25px;padding:25px}.three,.downloadgrid,.contentrail{gap:16px}.card{padding:23px}.download,.contentcard{padding:0}.communitygrid{gap:40px}.faqsection{grid-template-columns:1fr;gap:0}.faqsection .heading{margin-bottom:10px}.feedback{grid-template-columns:1fr;gap:20px}.feedback .actions{flex-direction:row}.section{padding:65px 0}}@media(max-width:650px){h1{font-size:39px;letter-spacing:-1.2px}.hero-grid{grid-template-columns:1fr;padding-top:40px;gap:20px}.hero-visual{max-width:400px;margin:auto}.hero-visual>img{max-height:300px;object-fit:contain}.hero-foot{font-size:12px;gap:20px}.hero-foot span{max-width:48%}.actions{gap:18px}.quickgrid{gap:12px}.quick{padding:19px;min-height:200px}.quick h3{font-size:16px}.quick p{font-size:13px}.tip{padding:19px}.explain{grid-template-columns:1fr;padding:24px;gap:25px}.three,.two{grid-template-columns:1fr}.timeline{gap:18px}.timeline article{padding-top:18px}.timeline ul{margin-top:10px}.downloadgrid{grid-template-columns:1fr 1fr;gap:14px}.downloadbody{padding:19px}.docpreview{padding:20px;min-height:120px;gap:10px}.docpreview svg{width:25px}.docpreview b{font-size:14px}.download h3{font-size:17px}.downloadbody p{min-height:70px;font-size:13px}.manual{padding:19px}.contentrail{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:15px}.contentcard{min-width:85%;scroll-snap-align:start}.communitygrid{grid-template-columns:1fr;gap:40px}.phone{transform:rotate(2deg)}.feedback{padding:30px}.feedback .actions{flex-direction:column}.faqsection{padding-top:65px}footer .wrap{flex-wrap:wrap;gap:15px}footer span{width:55%;margin:0}html{scroll-padding-top:130px}.section{padding:55px 0}.heading{margin-bottom:27px}.rhythmnum{font-size:36px}.rhythm article{padding:25px}.rhythm ul{margin-top:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Shared warm Studdy direction: rich blue, sunlight orange and personal imagery. */
:root{--navy:#08345f;--ink:#163b5c;--orange:#bdff2a;--muted:#4a6379;--wash:#e8f3ff;--line:#d7e4ee}
body{background:#fdfff9}header{background:#fdfff9ed;border-bottom-color:#e5ead9}.navwrap{padding-top:20px;padding-bottom:20px}
.eyebrow{font-size:14px}.button{border-radius:50px;background:linear-gradient(145deg,#ceff60,#bdff2a);border-color:#e6ffada6;color:#19344e;box-shadow:inset 0 1px 0 #ffffffb0,0 7px 20px #73a00e1c;font-weight:600;font-size:14px;padding:14px 24px}.button:hover,.button.orange:hover{background:linear-gradient(145deg,#d9ff83,#bdff2a);color:#19344e;box-shadow:inset 0 1px 0 #fff,0 12px 25px #73a00e28}.button.outline{background:transparent;box-shadow:none;border-color:#77a6ce;color:#0756a0}
.hero{background:radial-gradient(ellipse at 85% 65%,#167dd066,transparent 55%),linear-gradient(120deg,#063568 0%,#005bb5 65%,#0074e1 100%);color:white}.hero-grid{padding-top:68px;padding-bottom:40px;gap:65px}.hero h1{font-size:clamp(36px,4.2vw,59px);line-height:1.2}.hero em{color:#ccff58;text-decoration:none}.hero .eyebrow{color:#d5ff77}.hero p{color:#dfedfa}.hero .lead{color:#fff}.hero .textlink{color:#fff;border-color:#93bfe8}.hero-visual{padding-top:0}.hero-visual>img{filter:drop-shadow(0 22px 30px #00244f40)}.floatnote{bottom:30px;left:-10px;background:#faffef;color:#193b5b;padding:22px 28px;border-radius:20px;box-shadow:0 18px 45px #00244f40}.floatnote svg{color:#87c301}.visual-label{color:#d1e7fc;font-size:14px}.hero-foot{border-color:#ffffff30;color:#d8eaff;padding:24px 0}
.section{padding-top:90px;padding-bottom:90px}.heading{margin-bottom:40px}.card{border-radius:23px;border-color:#e3e6e5;box-shadow:0 12px 32px #1237590b}.icon{border-radius:15px;background:linear-gradient(140deg,#168aed,#0067c9);color:white;box-shadow:0 5px 12px #0074e11c}.quickgrid{gap:20px}.quick{min-height:205px;background:#fff;transition:transform .2s,box-shadow .2s}.quick:hover{box-shadow:0 18px 36px #143f6d18;border-color:#9ac6eb}.quick:nth-child(2),.quick:nth-child(6){background:#f4ffdb;border-color:#dff0b8}.quick:nth-child(3),.quick:nth-child(5){background:#eaf4ff;border-color:#d1e5f7}.tip{background:linear-gradient(135deg,#e9ffb8,#d4ff75);color:#163b5c;border-radius:23px}.tip p{color:#495430}
.wash{background:linear-gradient(125deg,#dcefff,#bddbfa)}.tabs{gap:10px}.tabs button{border-radius:50px;background:#ffffffbd;border-color:#fff;color:#28516f;padding:12px 18px}.tabs button[aria-selected=true]{background:#073e74;border-color:#073e74;box-shadow:0 7px 18px #073e7420}.explain{padding:42px;border-radius:26px;background:#fdfff9;box-shadow:0 20px 50px #0c427b15}.browser{box-shadow:0 20px 40px #163b5c20;transform:rotate(1deg)}
.dark{background:radial-gradient(ellipse at 95% 15%,#147ac04d,transparent 50%),linear-gradient(115deg,#07325b,#07589d);color:white}.dark p{color:#d4e4f4}.dark .eyebrow{color:#d0ff67}.timeline{gap:24px}.timeline article{border:1px solid #ffffff30;background:#ffffff0a;padding:30px;border-radius:22px;box-shadow:inset 0 1px 0 #ffffff10}.timeline li{color:#e0edf9}.number{font-size:25px;color:#d0ff67}.quote{background:#ffffff08;border-radius:0 18px 18px 0;padding:24px 30px}.quote span{color:#c0d7ec;font-size:14px}
#downloads{background:#f7ffe5}.docpreview{background:linear-gradient(135deg,#dbefff,#bddbfa);min-height:155px}.download:nth-child(2n) .docpreview{background:linear-gradient(135deg,#eaffbc,#dbff8a)}.downloadbody{padding:28px}.manual{background:#fdfff8;border:1px dashed #b0ce6d;box-shadow:none}.badge{border-radius:30px;font-size:13px}.docpreview span{font-size:12px}.caption{font-size:14px}.contentcard>img{height:220px}.orange-card{background:#f2ffd6}.largeicon{background:linear-gradient(140deg,#e6ffaf,#c9fe51);height:220px}
#updates{background:linear-gradient(120deg,#e7f3ff,#d5e8fa)}.update{background:#fdfff9}.update time{font-size:14px}.community{background:radial-gradient(ellipse at 10% 100%,#0873c075,transparent 55%),linear-gradient(115deg,#082f53,#075a9f);color:white}.community p,.community li{color:#d9eafa}.community .eyebrow{color:#d0ff67}.community ul svg{color:#d0ff67}.community .caption{color:#d4e4f4}.phone{box-shadow:18px 24px 0 #ffffff13,0 25px 45px #00244950;border-color:#082947}.rhythm article{background:#f0f7ff;border-color:#d9e8f5}.rhythm article:nth-child(2){background:#f3ffd7;border-color:#def1b4}.rhythm article:nth-child(3){background:#e3effb;border-color:#c8deef}.rhythmnum{color:#07589d}.feedback{background:linear-gradient(125deg,#e6ffad,#d4ff73);box-shadow:0 15px 35px #69901112;border-radius:28px;padding:48px}.feedback p{color:#463b39}.feedback .eyebrow{color:#536e16}.feedback .button{background:#074b86;color:white;border-color:#3f80b3}.feedback .outline{background:transparent;color:#143c5d;border-color:#75972a}.feedback .button:hover{background:#063b6a}.feedback .outline:hover{color:white}
.faqs details{padding:22px 25px;margin-bottom:12px;border:1px solid #e0e6eb;border-radius:18px;background:white}.faqs details[open]{border-color:#9fc5e7;box-shadow:0 10px 25px #12375908}.support .card{background:#fbfff1;border-radius:24px;box-shadow:0 15px 35px #00254b24}.closing{font-family:Poppins,Arial,sans-serif;font-size:clamp(22px,2.5vw,30px)}.closing strong{color:#d0ff67}footer{background:#f9ffed}footer .wrap{font-size:14px}
@media(max-width:900px){.section{padding-top:65px;padding-bottom:65px}.hero-grid{gap:30px}.explain{padding:28px}.timeline article{padding:24px}.feedback{padding:32px}}
@media(max-width:650px){.hero-grid{padding-top:40px;gap:30px}.hero h1{font-size:39px}.hero-visual{width:min(100%,380px)}.hero-visual>img{max-height:355px}.floatnote{left:0;bottom:20px;padding:16px 20px;font-size:14px}.hero-foot{font-size:14px;align-items:flex-start}.quickgrid{gap:14px}.quick{padding:20px;min-height:220px}.quick p{font-size:14px}.section{padding-top:58px;padding-bottom:58px}.downloadgrid{grid-template-columns:1fr}.docpreview{min-height:120px}.docpreview b{font-size:18px}.docpreview svg{width:36px}.downloadbody p{min-height:0;font-size:14px}.explain{padding:23px}.browser{transform:none}.feedback{padding:28px}.faqs details{padding:20px}.contentcard p{font-size:14px}}

:root{--orange:#d8ff80}.button,.button.orange{background:linear-gradient(145deg,#e3ffa4,#d8ff80)}.button:hover,.button.orange:hover{background:linear-gradient(145deg,#e9ffb8,#d8ff80)}.feedback .button{background:#074b86}.feedback .outline{background:transparent}.feedback .button:hover{background:#063b6a}

/* Richer, warmer pink accents. */
:root{--orange:#d3f783}
.button,.button.orange{background:linear-gradient(145deg,#e4ffa7,#d3f783);border-color:#eeffc9;color:#19344e}
.button:hover,.button.orange:hover{background:linear-gradient(145deg,#e9ffb6,#d7f98c)}
.tip{background:linear-gradient(135deg,#f0ffcf,#e1ff9c)}
.feedback{background:linear-gradient(125deg,#eeffc7,#dfff97)}
.quick:nth-child(2),.quick:nth-child(6){background:#f6ffe3;border-color:#e5f7be}
.download:nth-child(2n) .docpreview{background:linear-gradient(135deg,#f0ffce,#e3ffa5)}
.largeicon{background:linear-gradient(140deg,#eeffc9,#e2ffa0)}
.feedback .button{background:#074b86;color:white;border-color:#3f80b3}
.feedback .outline{background:transparent;color:#143c5d;border-color:#8ea951}
.feedback .button:hover{background:#063b6a;color:white}

/* Centered success hub opening. */
.hero{background:radial-gradient(ellipse at 50% 110%,#1789de66,transparent 65%),linear-gradient(120deg,#063568,#005bb5 65%,#0074e1)}
.hero-grid{display:block;text-align:center;padding-top:82px;padding-bottom:65px}
.hero-grid>div{max-width:920px;margin:auto}
.hero h1{font-size:clamp(38px,4.8vw,65px);line-height:1.2;letter-spacing:-1.8px;margin:22px auto 26px;max-width:920px}
.hero h1 em{color:#e5ffaa}
.hero .eyebrow{color:#ebffbf;letter-spacing:2.4px}
.hero .lead{max-width:750px;margin:0 auto 18px;font-size:19px}
.hero-grid>div>p:not(.lead){max-width:690px;margin:0 auto}
.hero .actions{justify-content:center;margin-top:32px;gap:26px}
.hero-foot{justify-content:center;gap:70px;text-align:center}
@media(max-width:650px){.hero-grid{padding-top:55px;padding-bottom:45px}.hero h1{font-size:39px;letter-spacing:-1.2px}.hero .lead{font-size:17px}.hero .eyebrow{font-size:13px}.hero .actions{flex-direction:column;gap:20px}.hero-foot{gap:20px}.hero-foot span{max-width:50%}}

/* Studdy success green. */
:root{--orange:#96d900;--success:#96d900}
.button,.button.orange{background:linear-gradient(145deg,#b9ed48,#96d900);border-color:#d3f395;color:#173617;box-shadow:inset 0 1px 0 #ffffffb0,0 7px 20px #4e73001c}
.button:hover,.button.orange:hover{background:linear-gradient(145deg,#c4f260,#a3e219);color:#173617}
.hero h1 em{color:#b5ed3e}.hero .eyebrow,.dark .eyebrow,.community .eyebrow{color:#c9f380}
.tip{background:linear-gradient(135deg,#e6f7bf,#c5ed7b)}
.feedback{background:linear-gradient(125deg,#e1f6b4,#bfeb70)}
.quick:nth-child(2),.quick:nth-child(6){background:#eff9dd;border-color:#d6e9b6}
.download:nth-child(2n) .docpreview{background:linear-gradient(135deg,#e4f5bd,#c7ea82)}
.largeicon{background:linear-gradient(140deg,#e0f4b2,#bce66e)}
.closing strong,.number,.timeline svg,.community ul svg{color:#b5ed3e}
.feedback .button{background:#074b86;color:white;border-color:#3f80b3;box-shadow:0 7px 20px #003b791c}
.feedback .outline{background:transparent;color:#143c5d;border-color:#799748;box-shadow:none}
.feedback .button:hover{background:#063b6a;color:white}

/* Photo-only bridge from the opening to the shortcuts. */
.success-photos{background:#fbfff7;position:relative}
.success-photo-stage{position:relative;width:100%;margin:0 auto}
.success-collage{display:block;width:100%;height:auto;aspect-ratio:2048/602;object-fit:cover}
.success-photo-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent 54%,#fbfff730 68%,#fbfff7b0 86%,#fbfff7 100%)}
.success-emojis{position:absolute;inset:0;z-index:1;pointer-events:none}
.success-emoji{position:absolute;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:clamp(32px,4.5vw,66px);line-height:1.3;filter:drop-shadow(0 6px 10px #073b5f26);animation:success-float 5s ease-in-out infinite}
.emoji-muscle{left:12%;top:-7%;--tilt:-12deg;animation-delay:-1s}
.emoji-heart{right:7%;top:-7%;--tilt:8deg;animation-delay:-2.5s}
.emoji-hands{left:25%;top:32%;--tilt:-8deg;animation-delay:-3.5s}
.emoji-party{right:15%;top:34%;--tilt:14deg;animation-delay:-.5s}
#snel{position:relative;background:#fbfff7;padding-top:65px}
body{background:#fbfff7}
@keyframes success-float{0%,100%{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-12px) rotate(calc(var(--tilt) + 7deg))}}
@media(max-width:650px){.success-collage{height:240px;aspect-ratio:auto;object-fit:cover;object-position:center}.success-emoji{font-size:36px}.emoji-muscle{left:7%;top:-6%}.emoji-heart{right:6%;top:-6%}.emoji-hands{left:20%;top:36%}.emoji-party{right:16%;top:42%}#snel{padding-top:40px}}
@media(prefers-reduced-motion:reduce){.success-emoji{animation:none;transform:rotate(var(--tilt))}}
/* Light-catching glass surfaces, with readable solid text. */
.button,.button.orange{background:linear-gradient(175deg,#edffb6b8 0%,#b9ed48ed 24%,#96d900f5 70%,#88c800f5 100%);border:1px solid #eaffb7bd;box-shadow:inset 0 2px 1px #ffffffb8,inset 0 -2px 3px #4c780030,0 5px 10px #23490018,0 12px 25px #28530026;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .2s,box-shadow .2s,background .2s}
.button:hover,.button.orange:hover{background:linear-gradient(175deg,#f3ffd2d9,#c8f45bf2 30%,#a1df10f5);box-shadow:inset 0 2px 1px #ffffffd9,inset 0 -2px 3px #4c780026,0 7px 14px #23490020,0 16px 30px #28530030;transform:translateY(-2px)}
.button.outline{background:linear-gradient(160deg,#ffffffad,#ffffff30);border:1px solid #96bada;box-shadow:inset 0 1px 1px #ffffffd9,0 5px 14px #073e7412;color:#0756a0}
.feedback .button{background:linear-gradient(175deg,#69a6d8b8,#126199ed 28%,#074b86f5);border-color:#99c9eca6;color:white;box-shadow:inset 0 2px 1px #ffffff70,inset 0 -2px 3px #00244b38,0 8px 22px #07356826}
.feedback .button:hover{background:linear-gradient(175deg,#81b9e0b8,#2475adf2 28%,#075490f5)}
.feedback .outline{background:linear-gradient(160deg,#ffffff9c,#ffffff26);color:#143c5d;border-color:#94ab69;box-shadow:inset 0 1px 1px #ffffffd9,0 5px 14px #345c0012}
.tabs button{background:linear-gradient(160deg,#ffffffed,#ffffffa6);border-color:#ffffffbd;box-shadow:inset 0 1px 1px white,0 4px 10px #073e7412;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.tabs button[aria-selected=true]{background:linear-gradient(160deg,#3c78a8,#073e74);border-color:#76a7cf;box-shadow:inset 0 1px 1px #ffffff5c,0 5px 14px #073e742e}
.card,.tip,.feedback,.faqs details,.timeline article,.browser,.phone{box-shadow:inset 0 1px 1px #ffffffd9,0 3px 8px #12375908,0 16px 34px #12375914;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.card{background:linear-gradient(150deg,#fffffff5,#ffffffd9);border-color:#d5e3eacc}
.quick:nth-child(2),.quick:nth-child(6){background:linear-gradient(145deg,#f7ffeceb,#e8f7cdde);border-color:#cee4b5cc}
.quick:nth-child(3),.quick:nth-child(5){background:linear-gradient(145deg,#f1f8ffed,#dfeefdde);border-color:#c6def2cc}
.quick:hover{box-shadow:inset 0 1px 1px #ffffff,0 6px 12px #1237590c,0 22px 40px #12375920}
.tip{background:linear-gradient(145deg,#efffd4ed,#c5ed7bde);border:1px solid #d4efa4}
.explain,.manual,.update{background:linear-gradient(145deg,#fffffff5,#fcfff3de)}
.orange-card{background:linear-gradient(150deg,#f5ffe8f2,#e8f6cfde)}
.rhythm article,.rhythm article:nth-child(3){background:linear-gradient(145deg,#f5faffed,#dfedfbd9);border-color:#c6dceec9}
.rhythm article:nth-child(2){background:linear-gradient(145deg,#f5ffe8ed,#e0f1c2d9);border-color:#ccdfb0c9}
.feedback{background:linear-gradient(140deg,#efffd6ed,#bfeb70e0);border:1px solid #d5efa8}
.faqs details{background:linear-gradient(145deg,#fffffff5,#fafff2de);border-color:#d5e3eacc}
.timeline article{background:linear-gradient(145deg,#ffffff1f,#ffffff08);border-color:#ffffff35;box-shadow:inset 0 1px 1px #ffffff26,0 14px 30px #00294b1c}
.support .card{background:linear-gradient(145deg,#fffffff5,#f5fbe8eb);border:1px solid #ffffffb3;box-shadow:inset 0 2px 1px #ffffff,0 6px 12px #00254b14,0 20px 40px #00254b30}
.icon{background:linear-gradient(150deg,#66b6f6,#168aed 30%,#0067c9);box-shadow:inset 0 1px 1px #ffffff80,inset 0 -1px 2px #00387930,0 6px 13px #0074e126}
.browser{border-color:#bcd4e9}.phone{box-shadow:inset 0 1px 1px #ffffff40,18px 24px 0 #ffffff13,0 25px 45px #00244950}

nav a{white-space:nowrap}nav{gap:20px}@media(max-width:1150px){nav{gap:14px}}@media(max-width:900px){nav{gap:24px}}

/* Clear photo collage; celebration surrounds the heading. */
.success-photo-stage:after{display:none}
.hero-title-stage{position:relative;max-width:920px;margin:0 auto}
.hero-title-stage h1{position:relative;z-index:1;padding:0 35px}
.header-emojis{z-index:2}
.header-emojis .success-emoji{font-size:clamp(30px,3.7vw,52px)}
.header-emojis .emoji-muscle{left:-44px;top:12%;--tilt:-12deg}
.header-emojis .emoji-heart{right:-44px;top:8%;--tilt:8deg}
.header-emojis .emoji-hands{left:-25px;top:72%;--tilt:-8deg}
.header-emojis .emoji-party{right:-28px;top:75%;--tilt:14deg}
@media(max-width:1150px){.header-emojis .emoji-muscle{left:-5px}.header-emojis .emoji-heart{right:-5px}.header-emojis .emoji-hands{left:0;top:85%}.header-emojis .emoji-party{right:0;top:85%}.hero-title-stage h1{padding:0 48px}}
@media(max-width:650px){.hero-title-stage{padding:28px 0 22px}.hero-title-stage h1{padding:0;margin:20px auto 26px}.header-emojis .success-emoji{font-size:30px}.header-emojis .emoji-muscle{left:3%;top:0}.header-emojis .emoji-heart{right:3%;top:0}.header-emojis .emoji-hands{left:6%;top:auto;bottom:0}.header-emojis .emoji-party{right:6%;top:auto;bottom:0}}

/* Small celebratory cluster at the upper right, as in the supplied reference. */
.hero-title-stage h1{padding:0}
.header-emojis{inset:auto;left:calc(100% - 20px);top:-30px;width:135px;height:125px}
.header-emojis .success-emoji{font-size:42px;line-height:1.2;animation-duration:6s;filter:drop-shadow(0 4px 7px #073b5f20)}
.header-emojis .emoji-heart{left:0;right:auto;top:26px;bottom:auto;--tilt:-5deg}
.header-emojis .emoji-party{left:83px;right:auto;top:0;bottom:auto;--tilt:10deg}
.header-emojis .emoji-muscle{left:59px;right:auto;top:68px;bottom:auto;--tilt:-7deg}
@keyframes success-float{0%,100%{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-6px) rotate(calc(var(--tilt) + 4deg))}}
@media(max-width:1200px){.header-emojis{left:auto;right:-12px;top:-57px;transform:scale(.85);transform-origin:right top}.hero-title-stage h1{padding:0}.hero-grid{padding-top:100px}}
@media(max-width:650px){.hero-grid{padding-top:62px}.hero-title-stage{padding:48px 0 0}.header-emojis{left:auto;right:0;top:-21px;transform:scale(.66);transform-origin:right top}.header-emojis .success-emoji{font-size:42px}.header-emojis .emoji-heart{left:0;top:26px;right:auto;bottom:auto}.header-emojis .emoji-party{left:83px;top:0;right:auto;bottom:auto}.header-emojis .emoji-muscle{left:59px;top:68px;right:auto;bottom:auto}}

/* A calm, continuously scrolling row of personal polaroids. */
.hub-photo-slider{background:linear-gradient(180deg,#e7f3ff,#fbfff7);padding:36px 0 12px;overflow:hidden}
.hub-slider-window{overflow:hidden;padding:16px 0 24px}
.hub-photo-track{display:flex;width:max-content;animation:hub-photo-scroll 65s linear infinite}
.hub-photo-group{display:flex;flex-shrink:0;gap:28px;padding-right:28px}
.hub-polaroid{flex:none;width:260px;margin:0;background:#fff;padding:12px 12px 34px;border-radius:7px;box-shadow:0 3px 8px #173a5a10,0 12px 25px #173a5a1c;transform:rotate(-3deg);border:1px solid #e9edf0}
.hub-polaroid:nth-child(2n){transform:rotate(3deg)}
.hub-polaroid:nth-child(3n){transform:rotate(-1deg)}
.hub-polaroid img{display:block;width:100%;height:190px;object-fit:cover;object-position:center 40%;border-radius:3px}
.hub-slider-controls{display:flex;justify-content:flex-end}
.hub-slider-toggle{font-size:14px;color:#264d6d;background:#ffffffa8;border:1px solid #c3d9e9;border-radius:50px;padding:6px 15px;box-shadow:inset 0 1px 0 white}
.hub-photo-slider:hover .hub-photo-track,.hub-photo-slider:focus-within .hub-photo-track,.hub-photo-slider.is-paused .hub-photo-track{animation-play-state:paused}
@keyframes hub-photo-scroll{to{transform:translateX(-50%)}}
@media(max-width:650px){.hub-photo-slider{padding-top:25px}.hub-polaroid{width:220px;padding:10px 10px 28px}.hub-polaroid img{height:165px}.hub-photo-group{gap:22px;padding-right:22px}}
@media(prefers-reduced-motion:reduce){.hub-photo-track{animation:none}.hub-slider-window{overflow-x:auto}.hub-photo-group[aria-hidden]{display:none}.hub-slider-controls{display:none}}

/* One continuous blue header, including the polaroid slider. */
.hero-with-photos{background:radial-gradient(ellipse at 50% 65%,#1789de66,transparent 65%),linear-gradient(120deg,#063568,#005bb5 65%,#0074e1);overflow:hidden}
.hero-with-photos .hero,.hero-with-photos .hub-photo-slider{background:transparent}
.hero-with-photos .hub-photo-slider{padding-top:24px;padding-bottom:30px}
.hero-with-photos .hub-polaroid{box-shadow:0 4px 10px #00264f20,0 16px 32px #00264f40}
.hero-with-photos .hub-slider-toggle{color:#fff;background:linear-gradient(145deg,#ffffff26,#ffffff0d);border-color:#ffffff66;box-shadow:inset 0 1px 0 #ffffff40}
.hero-with-photos .hub-slider-toggle:hover{background:#ffffff30}
@media(max-width:650px){.hero-with-photos .hub-photo-slider{padding-top:18px;padding-bottom:25px}}

header .logo,footer .logo{width:125px;height:auto;display:block;filter:none;opacity:1;flex-shrink:0}

/* User registration illustration */
.users-illustration{align-self:center;min-width:0}.users-illustration img{display:block;width:100%;height:auto}.users-illustration[hidden],.academy-example[hidden]{display:none}

/* Inspiratiedag message and recap */
.inspiration-message{position:fixed;right:24px;bottom:24px;z-index:1100;width:min(390px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow-y:auto;padding:30px;border:1px solid rgba(255,255,255,.85);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(231,243,255,.96));backdrop-filter:blur(18px);box-shadow:0 22px 70px rgba(9,42,81,.25),inset 0 1px 0 white;color:#16324c;animation:inspiration-enter .3s ease-out}.inspiration-message[hidden],.inspiration-bubble[hidden]{display:none}.inspiration-brand{display:block;margin:0 0 24px;width:110px;height:auto}.inspiration-message .eyebrow{font-size:.75rem;letter-spacing:.08em}.inspiration-message h2{font-size:1.5rem;line-height:1.3;margin:12px 0}.inspiration-message p{font-size:1rem;line-height:1.65;margin:0 0 22px}.inspiration-message .button{font-size:.95rem}.inspiration-close{position:absolute;right:12px;top:12px;width:40px;height:40px;border:0;border-radius:50%;background:rgba(0,116,225,.07);color:#16324c;font-size:28px;cursor:pointer}.inspiration-bubble{position:fixed;right:24px;bottom:24px;z-index:1100;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:linear-gradient(145deg,#168cf4,#0063c1);color:white;box-shadow:0 8px 25px rgba(0,73,148,.3);cursor:pointer}.bubble-heart{position:absolute;right:-2px;top:-7px;font-size:21px}.inspiration-close:focus-visible,.inspiration-bubble:focus-visible{outline:3px solid #96d900;outline-offset:4px}.recap-card{max-width:900px;margin:auto;padding:42px;background:linear-gradient(135deg,rgba(231,244,255,.94),rgba(255,255,255,.95));border-top:4px solid #96d900}.recap-card h2{margin-top:15px}.recap-card p{max-width:720px}.inspiration-recap{scroll-margin-top:110px}
@keyframes inspiration-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.inspiration-message{right:16px;bottom:16px;padding:26px;max-height:calc(100dvh - 32px)}.inspiration-bubble{right:16px;bottom:16px}.recap-card{padding:26px}}
@media(prefers-reduced-motion:reduce){.inspiration-message{animation:none}}

/* Concept: centered inspiration popup */
dialog.inspiration-message{inset:0;margin:auto;width:min(660px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:52px;text-align:center;border-radius:30px;animation:inspiration-enter .3s ease-out}
dialog.inspiration-message::backdrop{background:rgba(3,28,59,.48);backdrop-filter:blur(5px)}
dialog.inspiration-message .inspiration-brand{width:125px;margin:0 auto 28px}
dialog.inspiration-message h2{font-size:2rem;margin:16px 0 20px}
dialog.inspiration-message p{font-size:1.125rem;max-width:480px;margin:0 auto 28px}
dialog.inspiration-message .eyebrow{font-size:.875rem}
dialog.inspiration-message .inspiration-close{top:16px;right:16px;width:44px;height:44px}
@media(max-width:600px){dialog.inspiration-message{padding:42px 26px 32px;max-height:calc(100dvh - 32px)}dialog.inspiration-message h2{font-size:1.625rem}dialog.inspiration-message p{font-size:1rem}}
@media(prefers-reduced-motion:reduce){dialog.inspiration-message{animation:none}}

/* Bookmark reminder beneath quick navigation */
.bookmark-tip{text-align:center;margin:40px auto 0;padding:18px 16px 0;max-width:760px}.bookmark-tip .eyebrow{color:#527a00}.bookmark-tip h3{font-size:1.6rem;margin:10px 0 12px}.bookmark-tip p{margin:0;font-size:1.05rem;line-height:1.7}.bookmark-tip::before{content:"";display:block;width:70px;height:4px;border-radius:4px;background:#96d900;margin:0 auto 22px}

.bookmark-tip{text-align:left;max-width:none;margin:40px 0 0;padding:18px 0 0}.bookmark-tip::before{margin:0 0 22px}.bookmark-tip p{max-width:950px}.bookmark-star{display:inline-block;font-size:1.35em;vertical-align:middle;margin-left:10px;line-height:1}

/* Alternating section backgrounds */
#updates{background:radial-gradient(ellipse at top right,#117bd344,transparent 65%),linear-gradient(130deg,#093765,#06284b);color:#fff}
#updates .heading h2,#updates .heading p,#updates>.wrap>.caption{color:#fff}
#updates .heading .eyebrow{color:#b4ed49}
#updates .card{color:#173c59;background:linear-gradient(145deg,#fffffffa,#edf6fffa)}
#updates .card p{color:#476176}
#updates .three{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px;margin-bottom:28px}
#updates>.wrap>.button{color:white;border-color:#ffffff70;background:#ffffff14}
#updates .inspiration-recap{padding-top:36px;margin-top:36px;border-top:1px solid #ffffff30}
#updates .recap-card{max-width:none}
#downloads{background:#fff}
#werking{background:radial-gradient(ellipse at top left,#96d90025,transparent 70%),linear-gradient(120deg,#f0fbdc,#e6f6c5)}
#beheer{background:linear-gradient(140deg,#f4faff,#e5f1fc)}
#community{background:radial-gradient(ellipse at 85% 20%,#96d90035,transparent 65%),linear-gradient(125deg,#f3fbdf,#e1f2bd)}
#ritme{background:#fff}
#meedenken{background:linear-gradient(125deg,#d8edff,#bcdcf7)}
.feedback-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.feedback-inner>div:first-child{max-width:650px}
.feedback-inner .actions{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start}
#faq{background:#f9fcf6}
.section-anchor{display:block;scroll-margin-top:110px}
@media(max-width:700px){#updates .three{grid-template-columns:1fr}.feedback-inner{flex-direction:column;align-items:flex-start;gap:20px}.feedback-inner .actions{flex-shrink:1}}

/* Readable text on the green community background. */
#community{color:#16354e}
#community .communitygrid>div:first-child p,#community .communitygrid>div:first-child li{color:#334d38}
#community .communitygrid>div:first-child .eyebrow,#community ul svg{color:#356000}

/* Calm resource cards with category tags and simple line icons. */
#downloads .resources-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;padding-top:12px}
.resource-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e3ecd9;border-radius:22px;box-shadow:0 8px 24px #2744190b}
.resource-tag{position:absolute;top:-12px;right:20px;padding:4px 13px;border-radius:30px;background:#0074e1;color:#fff;font-size:12px;font-weight:700;line-height:1.7;z-index:1}
.resource-top{display:flex;align-items:center;gap:20px;padding:32px 24px 24px;min-height:144px;border-radius:21px 21px 0 0;background:linear-gradient(130deg,#e3f2ff,#cde4fa)}
.resource-top>svg{width:48px;height:48px;flex:0 0 48px;color:#0074e1}
.resource-card:nth-child(even) .resource-top{background:linear-gradient(130deg,#eaf6cf,#d9eeae)}
.resource-card:nth-child(even) .resource-top>svg{color:#6a9c00}
#downloads .resource-top h3{margin:0;color:#21374b;font-size:17px;line-height:1.45;letter-spacing:-.25px}
.resource-body{display:flex;flex-direction:column;align-items:flex-start;padding:22px 24px 24px;flex:1}
.resource-body p{font-size:14px;line-height:1.7;margin:0 0 18px;color:#52677c}
.resource-link{display:inline-flex;align-items:center;gap:12px;margin-top:auto;padding:6px 15px;background:#f0f2ef;color:#334336;border-radius:30px;font-size:13px;font-weight:700;line-height:1.6;transition:background .2s}
.resource-link svg{width:18px;height:18px}
.resource-link:hover{background:#e0edcf}
.resources-contact{margin:32px 0 0;color:#3d5362;font-size:15px}
.resources-contact a{color:#0067c7;font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){#downloads .resources-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#downloads .resources-grid{grid-template-columns:1fr;gap:30px}.resource-top{min-height:124px}}

/* Concept: one material category at a time. */
.resource-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}
.resource-tabs[hidden],.resource-panel[hidden]{display:none}
.resource-tabs button{border:1px solid #dce5ec;border-radius:30px;background:#fff;color:#41596d;padding:11px 22px;font-size:14px;font-weight:600;line-height:1.5;transition:background .2s,border-color .2s}
.resource-tabs button:hover{background:#f3f8ed;border-color:#aacd6c}
.resource-tabs button[aria-selected="true"]{background:#e7f7c5;border-color:#96d900;color:#254500}
#downloads .resources-grid{padding-top:0;gap:24px}
.resource-card{border-color:#e2e9ee;border-radius:16px;box-shadow:0 4px 16px #16354e05}
.resource-top,.resource-card:nth-child(even) .resource-top{background:transparent;border-radius:0;min-height:0;padding:26px 26px 0;gap:14px;align-items:flex-start}
.resource-top>svg,.resource-card:nth-child(even) .resource-top>svg{width:28px;height:28px;flex:0 0 28px;color:#0074e1}
#downloads .resource-top h3{font-size:18px;line-height:1.5}
.resource-body{padding:15px 26px 26px}
.resource-body p{font-size:16px;line-height:1.65;margin-bottom:22px}
.resource-link{background:transparent;border-radius:0;padding:0;color:#0067c7;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.resource-link:hover{background:transparent;color:#004b92}
.resource-link svg{display:none}
@media(max-width:600px){.resource-tabs{gap:8px}.resource-tabs button{padding:10px 16px}.resource-top{min-height:0}.resource-body{padding-bottom:24px}}

/* A little color, with an explicit category choice. */
.resource-tabs-hint{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 14px;color:#41596d;font-size:15px}
.resource-tabs-hint>span{font-size:23px;margin-right:3px}
.resource-tabs button{display:inline-flex;align-items:center;gap:9px}
.resource-tabs button svg{width:19px;height:19px}
#downloads .resource-card{background:linear-gradient(135deg,#f0f7ff,#e6f1fc);border-color:#d3e4f3;box-shadow:0 5px 18px #16354e07}
#downloads .resource-card:nth-child(even){background:linear-gradient(135deg,#f4fae9,#eaf4d8);border-color:#dce9c6}
#downloads .resource-card:nth-child(even) .resource-top>svg{color:#527e00}

/* Highlight materials; give news a lighter backdrop. */
#downloads{background:radial-gradient(ellipse at 90% 10%,#147ac044,transparent 60%),linear-gradient(125deg,#093765,#06284b);color:#fff}
#downloads .heading h2,#downloads .heading p{color:#fff}
#downloads .heading .eyebrow{color:#c9f380}
#downloads .resource-tabs-hint,#downloads .resources-contact{color:#dbe9f6}
#downloads .resources-contact a{color:#fff}
#downloads .resource-tabs button{background:#ffffff12;border-color:#ffffff55;color:#fff}
#downloads .resource-tabs button:hover{background:#ffffff25;border-color:#b7ed58}
#downloads .resource-tabs button[aria-selected="true"]{background:#e7f7c5;border-color:#96d900;color:#254500}
#updates{background:radial-gradient(ellipse at top right,#c8e7ff99,transparent 65%),linear-gradient(125deg,#edf7ff,#d9ecfc);color:#16354e}
#updates .heading h2{color:#16354e}
#updates .heading p,#updates>.wrap>.caption{color:#415b70}
#updates .heading .eyebrow{color:#0067c7}
#updates>.wrap>.button{color:#0067c7;border-color:#8db9df;background:#ffffff70}
#updates .inspiration-recap{border-top-color:#aecce4}

#werking{background:#fff}

#werking{background:#f7faf3}
.news-controls{display:flex;justify-content:flex-end;gap:8px;margin:-10px 0 20px}
.news-controls button{width:46px;height:46px;border:1px solid #bcd7ee;background:#ffffff80;color:#16354e;border-radius:50%;font-size:30px;line-height:1}
.news-controls button:hover{background:#fff}
.news-slider{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 18px;scrollbar-width:thin;scrollbar-color:#8eb7da transparent}
.news-slider>article{flex:0 0 calc((100% - 48px)/3);min-width:0;scroll-snap-align:start;margin:0}
.news-slider .contentcard{display:flex;flex-direction:column}
.news-slider .contentcard>img{height:200px;width:100%;object-fit:cover}
.news-slider .contentcard>div:last-child{flex:1}
.news-slider .orange-card{background:#f5faed!important}
.news-slider .largeicon{height:200px;display:flex;align-items:center;justify-content:center;background:#e0edc7}
.news-slider .largeicon svg{width:70px;height:70px;color:#588300}
.news-slider .news-recap{padding:24px}
.news-slider .recap-card{padding:0;border:0;box-shadow:none;background:transparent}
.news-slider .recap-card h2{font-size:24px}
@media(max-width:900px){.news-slider>article{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:600px){.news-slider>article{flex-basis:90%}}
.news-open{background:transparent;border:0;border-bottom:1px solid #97bee3;padding:0 0 3px;text-align:left;cursor:pointer;font-family:inherit}
.news-dialog{border:0;border-radius:22px;padding:0;width:min(720px,calc(100% - 32px));max-height:85dvh;color:#16354e;background:#fff;box-shadow:0 24px 90px #06284b55;overflow:auto}
.news-dialog::backdrop{background:#06284b99;backdrop-filter:blur(5px)}
.news-dialog>img{width:100%;height:250px;object-fit:cover;display:block}
.news-dialog-body{padding:30px 36px 36px}
.news-dialog-body h2{font-size:28px;letter-spacing:-.5px;margin-top:16px}
.news-dialog-body p{font-size:16px}
.news-dialog-close{position:absolute;right:14px;top:14px;border:1px solid #dce5ec;border-radius:50%;width:44px;height:44px;background:#fff;color:#16354e;font-size:30px;line-height:1;box-shadow:0 3px 12px #06284b20;z-index:1}
body:has(.news-dialog[open]){overflow:hidden}
@media(max-width:600px){.news-dialog>img{height:190px}.news-dialog-body{padding:24px}.news-dialog-body h2{font-size:24px}}

#updates .heading{margin-bottom:16px}
#updates .news-controls{margin:-4px 0 10px}

/* Downloads introduction matching the supplied layout. */
.materials-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center;margin-bottom:24px}
#downloads .materials-intro .heading{margin-bottom:0;max-width:650px}
#downloads .materials-intro h2{max-width:580px}
.materials-visual{width:460px;max-width:100%;height:290px;justify-self:end;background-image:url('assets/materialen-voorbeeld.png');background-repeat:no-repeat;background-size:1687px 707px;background-position:-948px -51px;border-radius:35px}
#downloads .resource-tabs-hint{margin-bottom:12px}
#downloads .resource-tabs-hint>span{font-size:30px}
#downloads .resource-tabs button[aria-selected="true"]{background:#caff54;border-color:#96d900}
@media(max-width:900px){.materials-intro{grid-template-columns:1fr;gap:20px}.materials-visual{justify-self:start}.materials-intro{margin-bottom:24px}}
@media(max-width:520px){.materials-visual{width:320px;height:220px;background-size:1192px 499px;background-position:-663px -36px}}