/* Public experience: original brand assets, close photo fade, readable demonstrations. */
.account-section{display:grid;grid-template-columns:1fr 1fr;gap:40px}.invitation-entry{background:#f3f7f5;padding:25px;border-radius:8px}.country-ribbon{color:var(--sage);font-size:19px;font-weight:600;line-height:1.8;border-block:1px solid var(--line);padding-block:12px}@media(max-width:700px){.account-section{grid-template-columns:1fr;gap:25px}}
#cappy-image{display:block;width:100%;height:100%;animation:cappy-sway 6s ease-in-out infinite;transform-origin:50% 85%}.cappy.celebrate #cappy-image{animation:cappy-dance 1.3s ease-in-out}.cappy[data-paused=true] #cappy-image{animation-play-state:paused!important}.cappy-trigger{width:100px;height:100px}.cappy{width:100px}.cappy-bubble{top:126px}
.lab-categories{display:flex;gap:7px;margin-bottom:22px;flex-wrap:wrap}.lab-categories button{width:auto;flex:1;font-size:13px}.lab-visual .kicker{font-size:11px}html[lang=de] #lab-explanation{font-style:italic}
.cappy-trigger img{border-radius:0!important}.cappy-pause{font-size:18px!important;min-width:32px;min-height:32px;color:var(--sage)!important}.lab-signal{display:flex;gap:30px;align-items:center;color:var(--sage);padding:12px 0;font-size:28px}.lab-signal span:last-child{animation:hero-arrive .6s both}#lab-context{font-size:25px;line-height:1.3}
svg{color:var(--sage)!important}button:disabled{opacity:.5}.text-button{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;padding:10px;color:var(--navy)}
.header-inner{max-width:1800px;padding:8px 24px;gap:14px;flex-wrap:nowrap}.brand img{width:90px;height:90px}.header-actions{gap:9px}.language-choice{display:grid;gap:2px;font-size:10px;color:var(--muted)}.header-actions select{width:90px;padding:7px 4px}.header-actions .subject-choice select{width:87px}#main-nav{order:initial;flex-basis:auto;gap:5px;padding:0}#main-nav>a{background:#152a3a0e;padding:10px 8px;border-radius:7px;font-size:11px;flex-direction:column;gap:6px;white-space:nowrap;transition:background .2s,transform .2s}#main-nav>a:hover,#main-nav>a:focus-visible{background:#152a3a22;transform:translateY(-2px)}#main-nav>a:after{bottom:0}#main-nav svg{width:23px;height:23px}#main-nav>a:hover svg{color:var(--sage)}.popover{z-index:30}.popover[open]{z-index:40}.popover>div{z-index:50}.site-header{z-index:60;box-shadow:none}.header-curve{display:none}
.hero{min-height:650px}.hero-inner{padding-block:65px 70px}.hero:before{content:'';position:absolute;inset:0 0 auto;height:68px;background:linear-gradient(white,#ffffffa8 14%,#ffffff28 60%,transparent);pointer-events:none;z-index:-1}.hero:after{background:#072a3f;opacity:.33}.hero:hover:after,.hero:focus-within:after{opacity:0}.hero-shade{background:linear-gradient(90deg,#152a3af2 0%,#152a3acc 35%,#152a3a24 74%)}.hero-copy{animation:hero-arrive .9s both}.hero-benefits svg{background:#fff;border-radius:50%;padding:5px;width:38px;height:38px}.hero-photo{transition:filter .5s}.hero:hover .hero-photo{filter:brightness(1.13)}
.intro{padding-block:75px 45px}.region-note{font-size:15px;color:var(--muted);max-width:720px;margin:20px auto}.journey{margin-top:30px}.journey>a{padding:20px 8px}.photo-marquee{margin-top:30px;text-align:start}.marquee-controls{text-align:end}.marquee-window{overflow-x:auto;overscroll-behavior-inline:contain;padding:20px 0 25px;scrollbar-width:thin}.marquee-track{display:flex;justify-content:space-around;gap:35px;width:max-content;min-width:100%;animation:photo-drift 18s ease-in-out infinite alternate}.marquee-track>a{display:grid;gap:15px;text-align:center;text-decoration:none;min-width:165px}.marquee-track img{width:165px;height:165px;object-fit:cover;border-radius:50%;filter:brightness(.72);transition:filter .5s;outline:1px solid #bb73334d;outline-offset:7px}.marquee-track a:hover img,.marquee-track a:focus-visible img{filter:brightness(1.15)}.photo-marquee:hover .marquee-track,.photo-marquee:focus-within .marquee-track,.photo-marquee[data-paused=true] .marquee-track{animation-play-state:paused}
.tutor-grid{grid-template-columns:minmax(260px,.8fr) minmax(0,1.25fr);align-items:start}.tutor-intro{position:sticky;top:40px;padding-top:25px}.report-wrap{transform:translateY(calc((.5 - var(--scene-progress,.5))*25px));transition:transform .1s linear}.report{transform:none!important;max-width:100%;border-top:3px solid var(--copper)}.report header img{width:68px;height:68px}.report h4{font-family:inherit;margin:18px 0 8px}.demo-source{background:#f0f4f3;border-inline-start:3px solid var(--sage);padding:15px;font-size:15px}.demo-source p{margin:5px 0 8px}.demo-source small{font-size:11px;color:var(--muted)}#demo-draft p{margin:8px 0}.draft-line{border:0;background:transparent;text-align:start;width:100%;padding:10px 12px;font-size:18px;line-height:1.6;text-decoration:underline;text-decoration-color:var(--copper);text-underline-offset:5px}.draft-line[aria-pressed=true]{background:#f9efe4;border-inline-start:3px solid var(--copper)}.draft-line.corrected{background:#edf5ef;text-decoration:none}.report .feedback-options{flex-wrap:wrap;gap:6px}.report .feedback-options button{flex:1 1 130px;min-height:42px}.feedback-detail{min-height:0;background:#f8faf9;margin:16px 0;padding:18px;border:1px solid var(--line)}#issue-suggestion{font-weight:600;color:#315b49}#demo-status{min-height:1.6em;margin:12px 0 0}.report .actions{gap:8px}.report .button{font-size:14px;padding:10px 16px}.demo-label{font-size:11px}
.feature-stage{min-width:0}.word-demo,.speaking-demo{padding:32px;background:#f6f9f8;border:1px solid var(--line);border-radius:10px}.word-demo h3,.speaking-demo h3{font-size:30px}.word-input-row{display:flex;gap:10px;margin:8px 0 18px;flex-wrap:wrap}.word-input-row input{width:150px;min-width:0;flex:1;background:#fff;border:1px solid #9bb3a9;border-radius:4px;padding:10px;color:var(--navy)}#word-result{font-size:16px;min-height:40px}#smart-choice{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}#smart-options{display:flex;gap:8px;flex-wrap:wrap}#smart-note{margin-top:12px;font-size:16px}.method-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:22px}.method-tabs button,.lab-visual button,#smart-options button,.speaking-demo button:not(.button),.quiz button,.evidence-game button{border:1px solid #b8cbc3;background:#fff;color:var(--navy);border-radius:5px;padding:10px 12px;text-align:start;line-height:1.5;transition:background .2s}.method-tabs button{font-size:12px;padding:8px}button[aria-pressed=true]:not(.draft-line):not(.cappy-trigger):not(.cappy-pause){background:#e1eee6;border-color:var(--sage)}#method-body{min-height:190px;font-size:18px}#method-body label{display:flex;gap:12px;margin:15px 0;align-items:start}#method-body input{margin-top:8px;accent-color:var(--sage)}.phrase-frame{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:14px;background:white;padding:18px;border:1px solid var(--line)}.phrase-frame>div{display:flex;flex-direction:column;gap:5px}.phrase-frame button{background:#eef3f5;border:1px solid transparent;border-radius:4px;padding:7px}.assembled{border-bottom:2px solid var(--copper);margin-top:20px;padding-bottom:10px}.model-sentence{padding:15px;background:#f0f5f2;border-inline-start:3px solid var(--sage)}.lab-visual{padding:30px;text-align:start}.lab-visual button{display:block;width:100%;margin:9px 0}.lab-example{font-family:Georgia,serif;font-size:29px;line-height:1.5;min-height:100px;margin:25px 0 15px}.lab-example mark{background:#ecddc9;color:var(--navy);padding:2px 4px;animation:meaning-glow .55s both}#lab-explanation{min-height:100px}.quiz button,#game-options button,#speaking-options button{display:block;width:100%;margin:10px 0}.quiz #quiz-result,#game-result{min-height:45px}.evidence-game{border:1px solid var(--line);border-radius:10px;overflow:clip;background:#f4f7f5}.evidence-game>img{display:block;width:100%;height:210px;object-fit:cover;filter:brightness(.8);transition:filter .5s}.evidence-game:hover>img{filter:brightness(1.15)}.evidence-game>div{padding:25px}.evidence-game h3{font-size:23px;line-height:1.4}.photo-attribution{display:block;font-size:11px;margin:8px 0}.topic-photo img{filter:brightness(.65);transition:filter .5s!important;transform:none!important}.topic-photo:hover img,.topic-photo:focus-within img{filter:brightness(1.14)}
.teacher-showcase{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-block:70px}.lesson-demo{padding:30px;background:#f0f4f6;border-radius:12px;align-self:center}.lesson-demo ol{list-style:none;padding:0}.lesson-demo li{display:flex;align-items:center;gap:7px;background:#fff;padding:14px 12px;margin:10px 0;border-inline-start:3px solid var(--sage);animation:meaning-glow .3s both}.lesson-demo li span{flex:1;font-size:16px}.lesson-demo button{border:1px solid var(--line);border-radius:4px;background:white;min-width:35px;height:36px;color:var(--sage)}.lesson-demo .fine{margin:20px 0 0}.learning-visual ul:empty{display:none}.learning-visual li{font-size:16px}.cappy-trigger,.cappy-trigger img,.cappy{box-shadow:none!important;filter:none!important;background:transparent!important;border:0!important}.cappy-trigger:before,.cappy-trigger:after{display:none!important}.cappy-trigger{border-radius:0}.cappy-trigger img{animation:cappy-sway 6s ease-in-out infinite;transform-origin:50% 85%}.cappy.celebrate .cappy-trigger img{animation:cappy-dance 1.3s ease-in-out}.cappy[data-paused=true] img{animation-play-state:paused!important}.cappy-choices{display:grid;gap:8px}.cappy-bubble a{display:block}.cappy-bubble{font-size:14px}.cappy{z-index:65}.cappy-bubble{box-shadow:0 8px 24px #152a3a12}
@keyframes hero-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes photo-drift{from{transform:translateX(0)}to{transform:translateX(-28px)}}@keyframes meaning-glow{from{background:#d7c09f}to{background:#f0f5f2}}@keyframes cappy-sway{0%,70%,100%{transform:rotate(0)}78%{transform:rotate(-6deg) translateY(-5px)}85%{transform:rotate(5deg) translateY(-10px)}92%{transform:rotate(-3deg)}}@keyframes cappy-dance{0%,100%{transform:none}20%{transform:translateY(-20px) rotate(-10deg)}40%{transform:translateY(0) rotate(8deg)}60%{transform:translateY(-14px) rotate(10deg)}80%{transform:rotate(-7deg)}}
[data-reveal].seen .feature-stage,[data-reveal].seen .lesson-demo{animation:hero-arrive .65s both}html[data-paused=true] *{animation-play-state:paused!important}
@media(min-width:1100px) and (max-width:1460px){.header-inner{display:grid;grid-template-columns:85px 1fr;gap:4px 16px;padding-block:4px}.brand{grid-row:1/3}.brand img{width:80px;height:80px}.header-actions{grid-column:2;grid-row:1;justify-content:end;gap:14px}.language-choice{display:flex;align-items:center;gap:6px}#main-nav{grid-column:2;grid-row:2;justify-content:space-between}#main-nav>a{flex-direction:row;font-size:12px;padding:8px}.header-actions .button{min-height:34px;padding-block:6px}.hero-inner{padding-top:60px}}
@media(max-width:1099px){.header-inner{flex-wrap:wrap}.brand img{width:70px;height:70px}.menu-toggle{display:block;margin-inline-start:auto}.header-actions{flex:1;justify-content:end;flex-wrap:wrap}.js #main-nav{display:none;order:3;flex-basis:100%}.js #main-nav.is-open{display:grid;grid-template-columns:repeat(4,1fr);width:100%}#main-nav>a{white-space:normal}.tutor-grid{grid-template-columns:1fr}.tutor-intro{position:static}.report-wrap{max-width:720px}.teacher-showcase{gap:30px}.marquee-track{justify-content:flex-start}.marquee-window{padding-inline:10px}.hero-inner{padding-block:55px 65px}.cappy{position:relative}.report-wrap{transform:none}}
@media(max-width:700px){.header-inner{padding:6px 14px;gap:8px}.brand img{width:65px;height:65px}.header-actions{flex-basis:100%;gap:8px;justify-content:space-between}.language-choice{font-size:10px}.header-actions>.login,.header-actions>.button{flex:0 1 auto;min-height:36px}.js #main-nav.is-open{grid-template-columns:repeat(2,1fr)}.header-actions select{width:85px}.hero{min-height:620px}.hero-inner{padding-top:45px}.hero:before{height:40px}.hero h1{font-size:43px}.hero-intro{font-size:18px}.hero-benefits{gap:10px}.hero-benefits svg{width:31px;height:31px}.report{padding:20px 15px}.draft-line{font-size:16px}.report .feedback-options button{flex:1 1 90px;font-size:12px}.teacher-showcase{grid-template-columns:1fr;padding-block:50px}.word-demo,.speaking-demo,.lab-visual{padding:22px}.phrase-frame{gap:8px;padding:10px;font-size:14px}.method-visual{padding:20px 15px}.lab-example{font-size:25px}.popover>div{top:160px}.marquee-track img{width:140px;height:140px}.marquee-track>a{min-width:140px}.marquee-track{gap:28px}.marquee-track{animation:none}.lesson-demo{padding:20px}.photo-marquee .marquee-controls{display:none}}
html[data-motion=reduce] *,html[data-motion=reduce] *:before,html[data-motion=reduce] *:after{animation:none!important;transition:none!important}html[data-motion=reduce] .report-wrap{transform:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.report-wrap{transform:none}}