:root{--blue:#0074e1;--orange:#f9ab30;--navy:#092f56;--ink:#153653;--cream:#fff8ee;--muted:#526575}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:'Open Sans',sans-serif;font-size:16px;line-height:1.75}h1,h2,h3,.button{font-family:Poppins,sans-serif}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.3rem,3.6vw,3.5rem);line-height:1.15;letter-spacing:-1.8px;margin:20px 0 24px;font-weight:600}h2{font-size:clamp(2rem,3vw,2.8rem);line-height:1.2;letter-spacing:-1.3px;font-weight:600;margin:14px 0 25px}h3{font-size:1.15rem;line-height:1.4;font-weight:600}p{color:var(--muted)}a{color:var(--blue);text-underline-offset:4px}button,a,input,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.wrap{max-width:1220px;margin:auto;width:calc(100% - 100px)}.section{padding-top:100px;padding-bottom:100px}.eyebrow{font-size:.8rem;font-weight:700;letter-spacing:2px;color:var(--blue)}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 50px;max-width:1440px;margin:auto;background:white;gap:25px}.logo{width:133px;height:auto}nav{display:flex;gap:32px}nav a{font-size:.9rem;text-decoration:none;color:var(--ink)}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--blue);color:white;text-decoration:none;padding:16px 24px;border-radius:9px;font-size:.93rem;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:#005cb6;transform:translateY(-2px)}.small{padding:12px 18px;font-size:.83rem}.hero{background:var(--cream);overflow:hidden;padding-top:74px;position:relative}.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:70px;align-items:center}.hero p{font-size:1rem}.hero em{font-style:normal;color:var(--blue)}.micro{font-size:.84rem!important;line-height:1.6;margin:16px 0;color:#607081}.hero-visual{position:relative;padding-top:70px;padding-bottom:50px}.note{position:absolute;top:0;right:24px;font-family:Poppins;font-size:1.2rem;line-height:1.5;transform:rotate(5deg);color:#96601d}.screen{background:white;border:8px solid var(--navy);border-radius:16px;box-shadow:0 22px 45px #17365025;transform:rotate(-3deg);overflow:hidden}.browser{height:26px;background:#eef2f6;display:flex;align-items:center;gap:5px;padding:0 10px;font-size:9px}.browser i{width:5px;height:5px;background:#bac5cf;border-radius:50%}.browser span{margin-left:25px}.demo-head{display:flex;justify-content:space-between;padding:14px 18px;align-items:center;font-size:12px}.demo-head b{color:var(--blue)}.demo-head span{font-size:9px}.demo-hero{background:#e8f3fc;position:relative;min-height:225px;padding:30px 17px;overflow:hidden}.demo-hero>span{font-size:10px}.demo-hero h3{font-size:20px;max-width:60%;margin-top:10px}.demo-hero p{font-size:10px;max-width:50%}.demo-hero img{position:absolute;width:55%;right:-25px;bottom:-2px}.demo-courses{display:flex;gap:9px;padding:20px 15px}.demo-courses>div{flex:1;background:#fff2de;padding:10px 8px;font-size:8px;border-radius:6px}.demo-courses>div:nth-child(2){background:#eef2ff}.demo-courses>div:nth-child(3){background:#e8f4ee}.demo-courses b{display:block;font-size:10px;margin-top:15px}.visual-caption{font-size:12px;text-align:center;margin-top:18px}.tag{position:absolute;bottom:8px;right:5px;background:var(--orange);color:#172d42;padding:13px 20px;transform:rotate(3deg);border-radius:5px;font-size:.8rem;font-weight:700}.hero-bottom{padding:35px 0 30px;margin-top:65px;border-top:1px solid #dbcdbb;display:flex;gap:50px;align-items:center}.hero-bottom p{max-width:680px;font-size:.85rem;margin:0}.hero-bottom>span{font-size:.7rem;color:#846647;line-height:2;white-space:nowrap}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:95px}.section-heading p{font-size:.95rem}.gallery-head{display:flex;justify-content:space-between;align-items:center;margin-top:35px}.gallery-head p{color:var(--ink);font-weight:600}.gallery-btn{border:1px solid #dbe2e9;background:white;color:var(--navy);font-size:27px;width:45px;height:45px;border-radius:50%;cursor:pointer}.gallery{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:5px 0 16px}.academy{flex:0 0 calc((100% - 44px)/3);scroll-snap-align:start;min-width:270px}.academy-ui{border:1px solid #dde2e7;border-radius:12px;overflow:hidden;background:white;box-shadow:0 8px 18px #14324f0a}.academy-ui .demo-head b{color:var(--accent)}.academy-ui .demo-hero{background:var(--bg);min-height:210px}.academy-ui .demo-hero h3{font-size:21px}.academy>h3{margin:20px 0 5px}.academy>p{font-size:.85rem}.promise{background:#f1f7fd}.four{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px}.four article{padding:0 16px 0 0}.four p{font-size:.92rem}.icon{display:inline-flex;width:48px;height:48px;border-radius:14px;color:var(--blue);background:#deebfa;align-items:center;justify-content:center;font-weight:700;margin-bottom:20px}.process{background:var(--navy);color:white}.process .eyebrow{color:#f6b05a}.process p{color:#c8d7e5;font-size:.9rem}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:32px;margin-top:50px;position:relative}.steps:before{content:'';height:1px;background:#ffffff35;position:absolute;top:26px;left:26px;right:26px}.steps article{position:relative}.steps article>span{display:flex;align-items:center;justify-content:center;border:1px solid #6384a1;width:52px;height:52px;border-radius:50%;background:var(--navy);margin-bottom:24px;font-family:Poppins;font-size:20px}.steps .last{background:var(--orange);border-color:var(--orange);color:var(--navy)}.process-note{border-top:1px solid #ffffff24;margin-top:28px;padding-top:24px;color:#d8e3ee;font-size:.9rem}.intro{max-width:720px}.inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.inputs article{border:1px solid #dfe6ec;border-radius:14px;padding:18px 22px 24px}.inputs h3{margin:22px 0 10px}.inputs p{font-size:.92rem;margin-bottom:12px}.inputs small{font-size:.81rem;line-height:1.6;color:#5f7586;display:block}.sample{height:115px;background:#f0f6fb;border-radius:8px;padding:20px;display:flex;justify-content:center;align-items:center}.org{font-size:9px;letter-spacing:1px;display:block;padding-top:30px}.org b{display:block;font-family:Poppins;font-size:15px;letter-spacing:0;margin-top:5px}.url span{background:white;border:1px solid #d8e3ed;font-size:12px;padding:9px;border-radius:6px}.url b{color:var(--blue)}.brand{gap:20px;background:#fff6e6}.brand b{font-family:Poppins;font-size:20px}.brand i{display:inline-block;width:21px;height:21px;border-radius:50%;background:var(--blue);margin:2px}.brand i:nth-child(2){background:var(--orange)}.brand i:nth-child(3){background:var(--navy)}.text{display:block;font-size:11px}.text b{display:block;font-size:13px;margin:3px 0 8px}.photo{padding:0;overflow:hidden;background:#fff3de}.photo img{width:85%;height:170px;object-fit:contain}.courses{flex-wrap:wrap;gap:7px}.courses span{background:white;padding:6px 10px;font-size:10px;border-radius:4px}.inputs .wide{grid-column:1/-1;display:grid;grid-template-columns:270px 1fr;gap:40px}.wide h3{margin-top:5px}.access{flex-direction:column;gap:10px;background:#e9f2ff}.access span{background:var(--blue);padding:5px 14px;border-radius:4px;color:white;font-size:11px}.quality{background:var(--cream)}.quality-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;margin-top:45px}.quality-grid p{font-size:.93rem}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px}figure{margin:0}figure>div{height:180px;background:#ece6db;border-radius:10px;overflow:hidden}figure img{width:100%;height:100%;object-fit:cover}.image-bad img{filter:blur(3px);transform:scale(1.8)}figcaption{font-size:.8rem;margin-top:10px}.quality-tips article{border-bottom:1px solid #e0d6c8;padding-bottom:20px;margin-bottom:25px}.quality-tips article>span{font-size:.73rem;color:#91631f;letter-spacing:1px;font-weight:700}.quality-tips h3{margin:10px 0}.logo-example{background:repeating-conic-gradient(#fff 0% 25%,#e8e8e8 0% 50%) 50% / 14px 14px;padding:16px;display:flex;justify-content:space-between;align-items:center}.logo-example span{font-size:12px;background:white;padding:3px 8px}blockquote{font-size:.95rem;border-left:3px solid var(--orange);padding-left:18px;margin-left:0}.prep{display:grid;grid-template-columns:1fr 1fr;gap:100px}.checklist{background:#f5f8fb;padding:30px;border-radius:15px;align-self:start}.check-top{display:flex;justify-content:space-between;gap:20px;font-size:.85rem;margin-bottom:20px}.check-top span{color:var(--blue);font-size:.75rem}.checklist label{display:flex;gap:13px;align-items:center;cursor:pointer;padding:10px 0;border-top:1px solid #dfe7ee;font-size:.9rem}.checklist input{width:19px;height:19px;accent-color:var(--blue)}.checklist label:has(input:checked){color:#698292}.progress{height:5px;background:#dce6ee;margin-top:20px;border-radius:5px}.progress div{background:var(--blue);height:100%;width:0;transition:width .3s}.start{background:var(--blue);color:white;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;border-radius:22px;padding:60px}.start .eyebrow{color:#d7eaff}.start p{color:#edf5ff}.orange{background:var(--orange);color:#082847}.orange:hover{background:#f1a53f}.start .micro{color:#dcecff}.start-aside{border-left:1px solid #ffffff44;padding-left:50px;align-self:center}.start-aside>span{font-size:11px;letter-spacing:2px}.start-aside strong{display:block;font-family:Poppins;font-size:36px;line-height:1.25;margin:18px 0}.start-aside p{font-size:.9rem}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq p{font-size:.93rem}details{border-bottom:1px solid #dbe4ed;padding:21px 0}summary{font-family:Poppins;font-size:1rem;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:25px}summary:after{content:'+';color:var(--blue);font-size:23px;line-height:1}details[open] summary:after{content:'−'}details p{margin:20px 25px 0 0}.closing{background:#edf5fd;text-align:center;padding:70px 0}.closing p{max-width:590px;margin:0 auto 25px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:35px 0}footer span,footer a{font-size:.8rem}footer .logo{width:110px}@media(min-width:1500px){header{padding:0 100px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}header{padding:0 28px}nav{gap:16px}nav a{font-size:.8rem}.hero-grid{gap:30px}.hero-bottom{display:block}.hero-bottom>span{display:block;margin-top:15px}.section-heading,.quality-grid,.prep,.faq{gap:40px}.four{gap:18px}.steps{gap:18px}.start{padding:40px;gap:40px}.start-aside{padding-left:30px}.inputs article{padding:14px}.brand{gap:10px;padding:10px}.brand b{font-size:16px}.brand i{width:16px;height:16px}}@media(max-width:740px){header{height:76px;padding:0 20px}.logo{width:110px}nav{display:none}.small{font-size:11px;padding:10px 12px}.wrap{width:calc(100% - 40px)}.section{padding-top:65px;padding-bottom:65px}.hero{padding-top:45px}.hero-grid,.section-heading,.quality-grid,.prep,.faq,.start{grid-template-columns:1fr}.hero-grid{gap:25px}h1{letter-spacing:-1px;font-size:2.55rem}.hero-visual{max-width:500px;width:100%;margin:auto;padding-top:85px}.hero-bottom{margin-top:25px}.hero-bottom>span{white-space:normal}.section-heading{gap:12px}.academy{flex-basis:85%}.four{grid-template-columns:1fr 1fr;gap:30px 20px}.four h3{font-size:1rem}.steps{grid-template-columns:1fr;gap:22px}.steps:before{top:26px;bottom:26px;left:24px;height:auto;width:1px}.steps article{padding-left:76px;min-height:80px}.steps article>span{position:absolute;left:0}.steps h3{margin:0 0 5px}.steps p{margin:0}.inputs{grid-template-columns:1fr 1fr;gap:15px}.inputs .wide{grid-template-columns:1fr;gap:20px}.inputs h3{font-size:1rem}.sample{height:105px;padding:12px}.brand{flex-direction:column;gap:5px}.org b{font-size:12px}.url span{font-size:10px;padding:5px}.text{font-size:9px}.text b{font-size:11px}.comparison figure>div{height:160px}.checklist{padding:22px}.start{padding:32px;gap:28px}.start-aside{border-left:0;border-top:1px solid #ffffff44;padding:25px 0 0}.start-aside strong{font-size:28px}.faq{gap:20px}footer{flex-wrap:wrap;gap:15px}footer span{order:3;width:100%}.eyebrow{font-size:.72rem;letter-spacing:1.5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.people-banner{position:relative;height:340px;overflow:hidden;color:white}.people-banner>img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.people-banner>.wrap{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center}.people-banner span{font-size:.75rem;letter-spacing:2px;color:#ffc27a}.people-banner h2{margin-top:18px;max-width:550px;text-shadow:0 2px 20px #0005}@media(max-width:740px){.people-banner{height:290px}.people-banner img{object-position:60% center}.people-banner h2{font-size:2rem}}

/* Warm contrast and people-led welcome */
:root{--navy:#102a43;--cream:#fff6e9}
body{background:#fffcf7}header{background:#fffcf7}.hero{background:#102a43;color:#fff8ee;padding-top:68px}.hero em{color:#ffb25b}.hero .eyebrow{color:#ffb25b}.hero p{color:#dce5ed}.hero .micro{color:#c5d3de}.hero-grid{grid-template-columns:1.05fr 1fr;gap:65px}.hero-visual{padding:0;min-height:510px;align-self:stretch;margin-top:0;overflow:hidden;border-radius:140px 16px 16px 16px;box-shadow:0 24px 65px #0003}.welcome-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:53% center}.welcome-caption{position:absolute;left:34px;bottom:32px;color:#fff8ee}.welcome-caption span{font-size:14px;color:#ffd199}.welcome-caption strong{display:block;font-family:Poppins,sans-serif;font-size:27px;line-height:1.3;margin-top:12px}.hero .button{background:#f9ab30;color:#102a43;font-weight:600}.hero .button:hover{background:#ffac43}.hero-bottom{border-color:#ffffff30;margin-top:55px}.hero-bottom>span{color:#ffd199}.promise{background:#f5e8d8}.icon{background:#102a43;color:#ffb25b;border-radius:50%}.process{background:#102a43}.steps article>span{background:#102a43}.quality{background:#18384e;color:#fff7ed}.quality .eyebrow,.quality-tips article>span{color:#ffbd70}.quality p{color:#dce5ed}.quality figcaption{color:#e2eaf0}.quality-tips article{border-color:#ffffff30}.quality .logo-example{color:#153653}.quality blockquote{color:#fff7ed}.inputs article{background:#fffaf2;border-color:#e7d7c3;box-shadow:0 7px 24px #4c311207}.sample{background:#eee6dc}.photo img{width:100%;height:100%;object-fit:cover}.checklist{background:#f4e8d8}.start{background:#102a43;border-radius:20px 80px 20px 20px;box-shadow:0 20px 45px #102a4317}.start .eyebrow{color:#ffbd70}.closing{background:#eac59b}.closing .eyebrow{color:#55361b}.closing .button{background:#102a43}.people-banner{height:390px}.people-banner h2{max-width:500px}.academy-ui{box-shadow:0 12px 26px #3b271412;border-color:#decbb2}.gallery-btn{background:#fff6e9;border-color:#decbb2}.demo-hero img{object-fit:cover;object-position:center;border-radius:45px 0 0 0;height:100%;width:48%;right:0}.demo-hero h3{max-width:52%}.demo-hero{min-height:235px}.inputs .sample.photo{padding:0}.quality .comparison figure>div{background:#102a43}
@media(max-width:1000px){.hero-grid{gap:35px}.hero-visual{min-height:520px}.welcome-caption{left:24px}.welcome-caption strong{font-size:23px}}
@media(max-width:740px){.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:390px;width:100%;max-width:none;border-radius:85px 12px 12px 12px}.welcome-photo{object-position:center 35%}.welcome-caption{left:26px;bottom:26px}.welcome-caption strong{font-size:26px}.hero-bottom{margin-top:35px}.people-banner{height:320px}.start{border-radius:18px 55px 18px 18px}}
/* Rounded glass buttons */
.button,.hero .button,.closing .button{border-radius:999px;border:1px solid #ffffff80;background:linear-gradient(145deg,#429debcc,#0074e1e8);color:white;box-shadow:inset 0 1px 0 #ffffff80,inset 0 -1px 0 #ffffff20,0 8px 24px #003b7926;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .2s,box-shadow .2s,background .2s}
.hero .button,.button.orange{background:linear-gradient(145deg,#ffc576e0,#f9ab30cc);color:#102a43;border-color:#ffe5bfa6;box-shadow:inset 0 1px 0 #ffffffa6,inset 0 -1px 0 #fff3d240,0 8px 24px #00000026}
.closing .button{background:linear-gradient(145deg,#45627dcc,#102a43e8)}
.button:hover,.hero .button:hover,.closing .button:hover{background:linear-gradient(145deg,#69b7f2e0,#0074e1f0);box-shadow:inset 0 1px 0 #ffffffb3,0 12px 28px #003b7933;transform:translateY(-2px)}
.hero .button:hover,.button.orange:hover{background:linear-gradient(145deg,#ffd49aeb,#f9ab30e0);box-shadow:inset 0 1px 0 #ffffffb3,0 12px 28px #00000033}
.gallery-btn{background:linear-gradient(145deg,#ffffffbf,#fff6e980);border-color:#ffffff;box-shadow:inset 0 1px 0 white,0 4px 14px #102a4312;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
/* Studdy blue leads; orange is a supporting accent. */
body,header{background:#fcfdff}
.hero{background:linear-gradient(120deg,#063568 0%,#005bb5 60%,#0074e1 100%)}
.hero em{color:#fff}.hero .eyebrow{color:#cce6ff}
.hero-bottom>span{color:#cce6ff}
.button,.hero .button,.button.orange,.closing .button{background:linear-gradient(145deg,#3295efde,#0074e1f2);color:#fff;border-color:#b9deff9c;box-shadow:inset 0 1px 0 #ffffffa6,inset 0 -1px 0 #ffffff26,0 8px 24px #003b7933}
.button:hover,.hero .button:hover,.button.orange:hover,.closing .button:hover{background:linear-gradient(145deg,#55aaf1ed,#0065c7f5);box-shadow:inset 0 1px 0 #ffffffb3,0 12px 28px #003b7940}
.hero .button{background:linear-gradient(145deg,#198bf0e8,#0074e1f5)}
.promise{background:#eaf4ff}.icon{background:#0074e1;color:#fff}
.process{background:linear-gradient(110deg,#043969,#0068cd)}
.steps article>span{background:#005eae;border-color:#91c8ff}
.steps .last{background:#f9ab30;color:#102a43;border-color:#f9ab30}
.inputs article{background:#fff;border-color:#d7e7f7;box-shadow:0 7px 24px #0074e108}
.sample{background:#edf5fd}.brand{background:#edf5fd}
.quality{background:linear-gradient(120deg,#103858,#07519a)}
.checklist{background:#edf5fd}
.start{background:linear-gradient(115deg,#0060bc,#0074e1);box-shadow:0 20px 45px #0074e11f}
.start .eyebrow{color:#d5eaff}
.closing{background:#e8f3ff}.closing .eyebrow{color:#0074e1}
.academy-ui{border-color:#d7e7f7;box-shadow:0 12px 26px #0074e10d}
.gallery-btn{background:linear-gradient(145deg,#ffffffbf,#e8f3ffb3);border-color:#cce4fa}
/* Orange calls to action and supplied academy header image. */
.button,.hero .button,.button.orange,.closing .button{background:linear-gradient(145deg,#f9ab30e8,#f9ab30);color:#102a43;border-color:#ffd8a6a6;box-shadow:inset 0 1px 0 #ffffffa6,inset 0 -1px 0 #ffffff26,0 8px 24px #00000026;font-weight:600}
.button:hover,.hero .button:hover,.button.orange:hover,.closing .button:hover{background:linear-gradient(145deg,#ffbd52,#f9ab30);box-shadow:inset 0 1px 0 #ffffffb3,0 12px 28px #00000033}
.hero-visual{border-radius:0;box-shadow:none;min-height:440px;overflow:visible;align-self:center}
.welcome-photo{position:relative;display:block;width:100%;height:auto;object-fit:contain;object-position:center}
@media(max-width:1000px){.hero-visual{min-height:0}}
@media(max-width:740px){.hero-visual{min-height:0;border-radius:0}.welcome-photo{object-position:center}}
/* Section two follows the supplied composition. */
.academy-intro{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:70px;margin-bottom:55px}
.academy-intro-image img{display:block;width:100%;height:auto}
.academy-intro-copy h2{margin-bottom:45px}
.academy-intro-copy p{font-size:1rem}
.academy-screenshot{display:block;width:100%;height:auto}
#voorbeelden .gallery-head{margin-top:0}
#voorbeelden .gallery-head p{margin-bottom:16px}
#voorbeelden .browser{font-size:12px;height:30px}
#voorbeelden .academy-ui{border-radius:12px}
#voorbeelden .gallery{padding-bottom:20px}
@media(max-width:1000px){.academy-intro{gap:35px}.academy-intro-copy h2{margin-bottom:28px}}
@media(max-width:740px){.academy-intro{grid-template-columns:1fr;gap:28px;margin-bottom:35px}.academy-intro-image{max-width:480px;margin:auto}.academy-intro-copy h2{margin-bottom:25px}#voorbeelden .gallery-head{gap:15px}#voorbeelden .gallery-head p{font-size:.9rem;max-width:65%}}
/* Consistent screenshot frames across every academy. */
#voorbeelden .academy-screenshot{width:100%;height:auto;aspect-ratio:1507 / 1024;object-fit:cover;object-position:top center}
.hero{padding-bottom:70px}.promise .four{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(4,1fr)}.gallery-head p{max-width:80%}.inputs{grid-template-columns:repeat(6,1fr)}.inputs article{grid-column:span 2}.inputs article:nth-child(4),.inputs article:nth-child(5){grid-column:span 3}
@media(max-width:740px){.promise .four{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.inputs{grid-template-columns:1fr 1fr}.inputs article,.inputs article:nth-child(4),.inputs article:nth-child(5){grid-column:auto}.inputs article:last-child{grid-column:1/-1}.hero{padding-bottom:45px}}
.closing{position:relative;overflow:hidden;padding:85px 0}.launch-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center;text-align:left}.launch-copy p{margin:0 0 26px;max-width:510px}.launch-photo img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 16px 40px #07356826}.launch-photo figcaption{color:#526575;margin-top:14px;font-size:14px}.launch-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.launch-confetti i{position:absolute;left:var(--x);top:-20px;width:8px;height:13px;background:var(--color);border-radius:2px;opacity:0}.celebrate .launch-confetti i{animation:launch-fall var(--duration) var(--delay) ease-in forwards}@keyframes launch-fall{0%{opacity:0;transform:translate3d(0,0,0) rotate(0)}10%{opacity:.9}85%{opacity:.8}100%{opacity:0;transform:translate3d(var(--drift),700px,0) rotate(var(--spin))}}@media(max-width:740px){.launch-grid{grid-template-columns:1fr;gap:32px}.closing{padding:65px 0}}@media(prefers-reduced-motion:reduce){.launch-confetti{display:none}.celebrate .launch-confetti i{animation:none}}
/* Give the call-to-action card space after the tips section. */
#start{margin-top:100px}
@media(max-width:740px){#start{margin-top:65px}}
/* Brighter supporting orange and more breathing room around the hero CTA. */
.button,.hero .button,.button.orange,.closing .button{background:linear-gradient(145deg,#f9ab30e8,#f9ab30);border-color:#ffe1ada6}
.button:hover,.hero .button:hover,.button.orange:hover,.closing .button:hover{background:linear-gradient(145deg,#ffc15d,#f9ab30)}
.hero-grid > div:first-child > .button{margin-top:18px}
.hero-grid > div:first-child > .button + .micro{margin-top:28px}
/* Warm supporting backdrop makes the information cards stand out. */
.inputs-section{background:#fff0d7}
.inputs-section .inputs article{background:#fff;border:1px solid #e8c998;box-shadow:0 10px 28px #87520b12}
.inputs-section .sample{background:#e1effd}
.inputs-section .photo{height:170px;background:#edf5fd}
.inputs-section .photo img{height:100%;width:100%;object-fit:cover;object-position:center 55%}
@media(max-width:740px){.inputs-section .photo{height:140px}}

/* Two floating red emoji hearts beside the welcome photo. */
.hero-hearts{position:absolute;z-index:2;top:17%;right:9%;width:95px;height:80px;pointer-events:none}
.hero-heart{position:absolute;display:block;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:46px;line-height:1.2;filter:drop-shadow(0 5px 10px #092f5630);transform-origin:center;animation:welcome-heart 5.5s ease-in-out infinite}
.hero-heart:nth-child(2){left:44px;top:30px;font-size:34px;animation-delay:-2.1s;animation-duration:6.2s}
@keyframes welcome-heart{0%,100%{opacity:0;transform:translate3d(0,24px,0) scale(.35) rotate(-18deg)}12%{opacity:1;transform:translate3d(-10px,0,0) scale(1.2) rotate(12deg)}24%{opacity:1;transform:translate3d(-16px,-14px,0) scale(1) rotate(-12deg)}45%{opacity:1;transform:translate3d(20px,-42px,0) scale(1.1) rotate(18deg)}68%{opacity:1;transform:translate3d(-20px,-72px,0) scale(1) rotate(-16deg)}85%{opacity:.9;transform:translate3d(12px,-100px,0) scale(.95) rotate(12deg)}95%{opacity:0;transform:translate3d(0,-118px,0) scale(.7) rotate(-8deg)}}
@media(max-width:740px){.hero-hearts{top:25%;right:12%;width:75px}.hero-heart{font-size:38px}.hero-heart:nth-child(2){left:36px;font-size:29px}}
@media(prefers-reduced-motion:reduce){.hero-heart{animation:none;opacity:1;transform:none}}


.academy-rocket{position:fixed;left:0;top:0;z-index:1000;pointer-events:none;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:clamp(54px,6vw,84px);line-height:1.2;will-change:transform;filter:drop-shadow(-12px 16px 14px #f9ab3060);animation:academy-takeoff 3.4s .7s cubic-bezier(.42,0,.25,1) both}
@keyframes academy-takeoff{0%{opacity:0;transform:translate3d(-120px,85vh,0) rotate(8deg) scale(.75)}8%{opacity:1}35%{opacity:1;transform:translate3d(28vw,58vh,0) rotate(-8deg) scale(1)}60%{opacity:1;transform:translate3d(57vw,30vh,0) rotate(6deg) scale(1.08)}85%{opacity:1}100%{opacity:0;transform:translate3d(110vw,-150px,0) rotate(-5deg) scale(.8)}}
@media(prefers-reduced-motion:reduce){.academy-rocket{display:none;animation:none}}

/* Real moments from the Studdy family. */
.family-section{background:#f1f8ff;padding:60px 0 26px;overflow:hidden}
.family-intro{text-align:center;max-width:820px}.family-intro h2{color:var(--navy);margin:0 0 18px;font-size:clamp(1.8rem,3vw,2.6rem)}.family-intro p{color:#395b78;margin:0 auto;max-width:730px;line-height:1.8}
.family-slider{overflow:hidden;margin-top:30px;padding:16px 0 24px}.family-track{display:flex;width:max-content;animation:family-drift 65s linear infinite}.family-photo-group{display:flex;align-items:center;gap:28px;padding-right:28px}
.family-polaroid{margin:0;background:#fff;padding:11px 11px 17px;border-radius:16px;box-shadow:0 8px 20px #17457017;width:250px;flex:none;transform:rotate(-3deg)}.family-polaroid img{display:block;width:100%;height:190px;object-fit:cover;border-radius:9px;object-position:center 40%}.family-polaroid figcaption{text-align:center;font-family:Poppins,sans-serif;font-size:14px;line-height:1.5;color:#284d70;margin-top:13px}
.family-photo-1{width:210px;transform:rotate(-4deg)}.family-photo-1 img{height:215px;object-position:center 48%}.family-photo-2{width:285px;transform:rotate(2deg)}.family-photo-3{transform:rotate(-2deg)}.family-photo-4{width:290px;transform:rotate(3deg)}.family-photo-5{transform:rotate(-3deg)}.family-photo-6{width:275px;transform:rotate(2deg)}
.family-slider:hover .family-track,.family-section:focus-within .family-track,.family-section.is-paused .family-track{animation-play-state:paused}.family-controls{display:flex;justify-content:flex-end}.family-pause{border:1px solid #b8d4ed;background:#ffffffb3;border-radius:50%;width:34px;height:34px;color:#24547c;cursor:pointer;font-size:17px;line-height:1}
@keyframes family-drift{to{transform:translateX(-50%)}}
@media(max-width:740px){.family-section{padding-top:45px}.family-intro{width:calc(100% - 40px)}.family-slider{margin-top:20px}.family-polaroid{width:210px}.family-polaroid img{height:170px}.family-photo-1{width:180px}.family-photo-1 img{height:190px}.family-photo-2,.family-photo-4{width:240px}.family-photo-group{gap:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){.family-track{animation:none}.family-slider{overflow-x:auto}.family-photo-group[aria-hidden="true"],.family-controls{display:none}}

/* A calm transition from welcome to practical preparation. */
.onboarding-bridge{background:#f4f9ff;padding:58px 0;border-bottom:1px solid #dbe9f6}.bridge-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}.onboarding-bridge h2{margin:12px 0 0;color:var(--navy);font-size:clamp(2rem,3vw,2.75rem)}.bridge-copy{border-left:3px solid var(--orange);padding-left:30px}.bridge-copy p{color:#42617c;margin:0 0 15px}.bridge-copy p:last-child{margin-bottom:0}
@media(max-width:740px){.onboarding-bridge{padding:42px 0}.bridge-grid{grid-template-columns:1fr;gap:25px}.bridge-copy{padding-left:20px}}

.onboarding-bridge .bridge-grid{display:block;text-align:center;max-width:960px}.onboarding-bridge .bridge-copy{border:0;padding:0;max-width:760px;margin:26px auto 0}.onboarding-bridge h2{margin-top:16px;line-height:1.25}.onboarding-bridge .eyebrow{display:block}

.onboarding-bridge{background:linear-gradient(125deg,#d7edff 0%,#b7dbff 48%,#87bff4 100%);border-bottom:0;color:#252a30}.onboarding-bridge h2,.onboarding-bridge .bridge-copy p{color:#252a30}.onboarding-bridge .eyebrow{color:#0054a5}