:root{color-scheme:light;--forest:#145742;--forest2:#206f55;--mint:#e9f4ed;--mint2:#d8ebe0;--blue:#e5f1f8;--ink:#152b27;--muted:#62736e;--line:#dae5dd;--paper:#fff;--bg:#f5f8f6;--focus:#206bc9;--warn:#855e23;--warnbg:#fff8e9;--radius:22px;--shadow:0 8px 32px rgba(16,61,45,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}a{color:var(--forest)}.app-shell{min-height:100svh}.container{max-width:1100px;padding:0 30px;margin:auto}.site-header{background:white;border-bottom:1px solid var(--line)}.header-inner{min-height:81px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-size:16px;cursor:pointer}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:var(--forest);color:#fff}.brand-mark svg{width:27px;height:27px}.brand-text{display:flex;flex-direction:column;line-height:1.14}.brand-text strong{font-size:17px;letter-spacing:.018em}.brand-text small{font-size:12px;font-weight:550;color:var(--muted);margin-top:3px}.header-actions{display:flex;align-items:center;gap:11px}.header-tag{background:var(--mint);border:1px solid #d6e8dc;color:var(--forest);border-radius:999px;font-size:12px;font-weight:750;padding:6px 12px}.main{padding-top:33px;padding-bottom:62px}.eyebrow{font-size:12px;letter-spacing:.095em;text-transform:uppercase;font-weight:800;color:var(--forest);margin:0 0 8px}.hero{position:relative;overflow:hidden;background:linear-gradient(117deg,#e6f3e9 0%,#f0f6f0 69%,#e7f3f5);padding:38px 42px;border-radius:26px;border:1px solid #dce9df;margin-bottom:24px}.hero h1{margin:0 0 7px;font-size:clamp(30px,4.8vw,49px);letter-spacing:-.04em;line-height:1.12}.hero p{font-size:18px;margin:10px 0 0;max-width:640px;color:#344b44}.hero .hero-decoration{position:absolute;right:-15px;bottom:-48px;width:280px;height:200px;border:1px solid rgba(23,102,71,.12);border-radius:55% 45% 45% 55%;transform:rotate(-21deg);pointer-events:none}.hero .hero-decoration:before,.hero .hero-decoration:after{content:"";position:absolute;border:1px solid rgba(23,102,71,.12);border-radius:60% 40% 40% 60%;inset:25px}.hero .hero-decoration:after{inset:58px}.section-title{font-size:22px;letter-spacing:-.02em;margin:0 0 6px}.section-subtitle{color:var(--muted);margin:0 0 20px}.progress-panel{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:20px 25px;background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);margin:0 0 29px}.progress-description{flex:1}.progress-title{font-size:15px;font-weight:800;margin-bottom:7px}.progress-track{height:9px;background:#e9efe9;border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#2b9470,#166247);border-radius:99px;transition:width .35s ease}.progress-num{min-width:73px;text-align:right;font-size:25px;font-weight:800;letter-spacing:-.04em;color:var(--forest)}.mission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mission-card{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;min-height:116px;text-align:left;box-shadow:0 3px 16px rgba(12,53,38,.035);width:100%;transition:transform .16s,border-color .16s,box-shadow .16s}.mission-card.available:hover{transform:translateY(-2px);border-color:#85b89e;box-shadow:var(--shadow)}.mission-card.future{background:#f9fbfa;color:#75837d;cursor:default}.mission-number{display:grid;place-items:center;flex:none;width:45px;height:45px;border-radius:14px;background:#e6f1ea;color:var(--forest);font-size:19px;font-weight:850}.mission-card.future .mission-number{background:#ebeeeb;color:#87938e}.mission-card.done .mission-number{background:var(--forest);color:white}.mission-copy{min-width:0;flex:1}.mission-copy strong{font-size:16px;line-height:1.3;display:block}.mission-copy small{color:var(--muted);font-size:13px;display:block;margin-top:5px}.mission-card.future .mission-copy small{color:#81918b}.mission-end{display:flex;align-items:center;color:#276c52;flex:none}.note{color:var(--muted);font-size:13px;margin-top:21px}.footer{margin-top:55px;padding-top:19px;border-top:1px solid var(--line);font-size:12px;color:#7c8982;display:flex;flex-wrap:wrap;gap:8px 20px}.mission-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:16px}.crumb{color:var(--muted);font-size:14px}.text-button{border:0;background:transparent;color:var(--forest);font-weight:750;padding:7px 0;display:inline-flex;gap:8px;align-items:center}.text-button:hover{text-decoration:underline}.lesson-panel{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:34px;min-height:400px}.lesson-header{display:flex;align-items:center;gap:10px;margin-bottom:21px}.step-pill{background:var(--mint);color:var(--forest);font-size:13px;font-weight:800;border-radius:999px;padding:5px 13px}.lesson-n{color:var(--muted);font-size:13px;margin-left:auto}.lesson-title{font-size:clamp(25px,3.4vw,36px);letter-spacing:-.035em;line-height:1.15;margin:0 0 13px}.lesson-intro{max-width:720px;margin:0 0 21px;color:#344b44;font-size:18px}.read-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 21px}.hint-text{font-size:14px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;border:1px solid transparent;font-weight:750;min-height:48px;padding:11px 19px;text-decoration:none;text-align:center;line-height:1.3;transition:background .16s,border-color .16s}.btn svg,.text-button svg{width:19px;height:19px;flex:none}.btn-primary{color:#fff;background:var(--forest)}.btn-primary:hover:not(:disabled){background:#0c4836}.btn-outline{color:var(--forest);background:white;border-color:#b7d6c3}.btn-outline:hover:not(:disabled){background:#f0f8f3}.btn-soft{color:var(--ink);background:#eef4ef;border-color:#e4ede6}.btn-soft:hover:not(:disabled){background:#e2eee5}.btn-mini{min-height:39px;padding:8px 13px;font-size:14px}.btn-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:23px}.btn-full{width:100%}.image-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:880px}.image-choice{border:3px solid transparent;background:#f6faf7;padding:0;border-radius:16px;overflow:hidden;position:relative;transition:transform .16s,border-color .16s;min-width:0}.image-choice img{display:block;width:100%;height:auto}.image-choice:hover{transform:translateY(-2px)}.image-choice.selected{border-color:#237653;background:#d9f1e4}.image-choice.selected:after{content:'✓';position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:99px;background:var(--forest);color:white;font-size:20px;font-weight:800;display:grid;place-items:center;box-shadow:0 3px 9px #0003}.image-choice[disabled]{cursor:default}.learning-layout{display:grid;grid-template-columns:minmax(180px,300px) minmax(0,1fr);gap:28px;align-items:center;max-width:790px;margin:auto}.learning-figure{margin:0}.learning-figure img{width:100%;height:auto;display:block;border-radius:15px}.learning-example{background:#f0f7f2;border-radius:17px;border:1px solid #dce9e0;padding:23px}.learning-example .caption{color:var(--forest);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.learning-example p{font-size:19px;line-height:1.5;margin:8px 0}.learn-progress{display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:20px}.dot{height:7px;width:7px;border-radius:10px;background:#dae6dc}.dot.active{width:24px;background:#287c5d}.service-panel{max-width:670px;background:#f4f9f5;border:1px solid #d8e9de;border-radius:20px;padding:24px;margin:10px 0}.service-title{font-size:19px;font-weight:800;letter-spacing:-.012em}.service-panel p{margin:5px 0 17px;color:#42564c}.code-row{display:flex;align-items:center;gap:11px;flex-wrap:wrap;background:white;border-radius:14px;padding:13px;border:1px solid var(--line)}.access-code{font-size:clamp(22px,3vw,29px);font-weight:850;letter-spacing:.045em;flex:1;white-space:nowrap}.actions-inline{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.checkline{display:flex;gap:12px;align-items:flex-start;margin:20px 0 3px;padding:16px 17px;border-radius:13px;background:#f6faf7;border:1px solid #dfebe2;max-width:670px;cursor:pointer}.checkline input{width:22px;height:22px;accent-color:var(--forest);margin:2px 0 0;flex:none}.checkline span{font-weight:700}.practice-question{max-width:780px;font-size:21px;font-weight:750;line-height:1.5;margin:18px 0 22px}.answer-list{display:grid;gap:11px;max-width:760px}.answer{display:flex;align-items:center;gap:13px;width:100%;text-align:left;min-height:62px;padding:14px 18px;border:2px solid #e1e9e3;border-radius:14px;background:#fff;color:var(--ink);font-weight:550;transition:background .15s,border-color .15s}.answer:hover:not(:disabled){background:#f1f8f4;border-color:#94bea6}.answer-letter{display:grid;place-items:center;width:30px;height:30px;background:#eff4ef;border-radius:9px;font-size:13px;flex:none;color:#355a48;font-weight:800}.answer.chosen-correct{background:#e7f5ec;border-color:#25845e}.answer.chosen-wrong{background:#fff8ed;border-color:#e5c991}.answer[disabled]:not(.chosen-correct){opacity:.63}.feedback{max-width:760px;border-radius:14px;border:1px solid #d7e9de;background:#edf8f0;padding:15px 18px;margin:19px 0 0;color:#205a3e}.feedback.warning{background:var(--warnbg);border-color:#f0dfbc;color:var(--warn)}.feedback strong{display:block;margin-bottom:2px}.feedback p{margin:0}.help-card{max-width:760px;background:#f2f7f5;border:1px solid #dfe9e2;border-radius:14px;margin:15px 0;padding:14px 18px}.help-card strong{color:#215842}.help-card p{margin:3px 0 0}.microcopy{font-size:13px;color:var(--muted)}.ending{text-align:center;max-width:560px;margin:auto;padding-top:6px}.ending-icon{display:grid;place-items:center;width:75px;height:75px;border-radius:22px;background:#e4f4e9;color:var(--forest);margin:0 auto 15px;font-size:35px}.ending h2{font-size:34px;letter-spacing:-.03em;margin:0 0 13px}.ending ul{text-align:left;background:#f6faf7;border:1px solid #e0ece4;border-radius:14px;list-style:none;padding:18px 21px;margin:25px 0}.ending li{margin:9px 0;display:flex;gap:10px}.ending li:before{content:'✓';font-weight:900;color:var(--forest)}.next-info{border:1px solid #e2ece5;border-radius:14px;padding:15px;color:#43534d;margin:0 0 23px}.next-info strong{display:block;color:var(--ink)}.stage-progress{display:flex;gap:5px;margin:0 0 17px}.stage-segment{height:5px;background:#e4eee6;border-radius:10px;flex:1}.stage-segment.active{background:#2e8866}.stage-segment.complete{background:#86b9a0}.mini-heading{font-size:15px;font-weight:850;margin:21px 0 8px}.exercise-list{max-width:690px;padding:0;list-style:none;margin:14px 0}.exercise-list li{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line)}.exercise-list .exnum{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#e8f3eb;flex:none;font-weight:800;color:var(--forest)}.exercise-list strong{font-size:15px}.exercise-list small{display:block;color:var(--muted);font-size:14px}.status-toast{margin:12px 0 0;font-size:14px;color:var(--forest);min-height:21px}.end-actions{margin-top:21px}.no-script{margin:40px auto;max-width:700px;padding:24px;border-radius:12px;background:white}.utility-line{margin-top:14px;display:flex;gap:16px;flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);white-space:nowrap;overflow:hidden}.chip{display:inline-block;padding:4px 10px;font-size:12px;border:1px solid #dce9df;border-radius:999px;background:#f4f9f5;color:#42745b;font-weight:750}.control-note{background:#f7f9f8;border-left:3px solid #bddac8;color:#53665c;padding:12px 14px;font-size:14px;border-radius:4px;margin-top:16px;max-width:700px}
@media(max-width:820px){.container{padding-left:20px;padding-right:20px}.hero{padding:31px 28px}.mission-grid{grid-template-columns:1fr}.image-choices{grid-template-columns:repeat(2,minmax(0,1fr));max-width:580px}.lesson-panel{padding:27px 23px}.hero .hero-decoration{opacity:.5}}
@media(max-width:580px){body{font-size:16px}.container{padding-left:15px;padding-right:15px}.header-inner{min-height:70px}.brand-mark{width:37px;height:37px}.brand-text strong{font-size:14px}.brand-text small{font-size:11px}.header-tag{font-size:11px;padding:5px 8px}.hero{padding:26px 22px;border-radius:20px}.hero h1{font-size:33px}.hero p{font-size:16px}.progress-panel{padding:15px 18px}.mission-card{padding:15px;min-height:93px}.mission-number{width:40px;height:40px}.main{padding-top:20px}.lesson-panel{padding:22px 17px;min-height:350px;border-radius:20px}.lesson-title{font-size:27px}.lesson-intro{font-size:16px}.learning-layout{grid-template-columns:1fr;gap:12px}.learning-figure{max-width:245px;margin:auto}.learning-example{padding:17px}.learning-example p{font-size:17px}.image-choices{gap:7px}.image-choice.selected:after{width:26px;height:26px;top:4px;right:4px}.access-code{font-size:23px}.service-panel{padding:16px}.btn-row .btn{flex:1}.footer{margin-top:34px}.exercise-list li{gap:9px}.practice-question{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.brand-mark{font-size:15px;font-weight:850;letter-spacing:-.04em}

/* FISCHE KOMPAKT V2 – freundlichere Startseite, ohne Punktesystem */
body{background:linear-gradient(180deg,#f1f8f7 0,#f7faf8 430px,#f5f8f6 100%)}
.site-header{border-bottom-color:#d6e8e1;box-shadow:0 2px 18px rgba(16,64,55,.025)}
.brand-mark{border-radius:13px;background:#176450;color:#fff}
.brand-mark svg{width:27px;height:27px}
.home-main{padding-top:25px}
.hero-v2{min-height:335px;background:linear-gradient(117deg,#d7f0e6 0%,#e6f4e8 42%,#ddecf6 100%);border:1px solid #cbe4dc;padding:44px 46px;display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:25px;box-shadow:0 12px 34px rgba(27,89,68,.065)}
.hero-v2 .hero-copy{position:relative;z-index:2}
.hero-v2 .eyebrow{color:#2a8061;font-size:12px;letter-spacing:.115em}
.hero-v2 h1{max-width:540px;font-size:clamp(34px,4.3vw,52px);color:#163f38;letter-spacing:-.042em;margin-bottom:14px}
.hero-v2 h1 span{color:#0d8363}
.hero-v2 .hero-lead{font-size:19px;max-width:460px;line-height:1.5;color:#315a4f;margin:0 0 13px}
.hero-v2 .hero-promise{color:#477769;font-size:15px;font-weight:700;margin:0 0 23px}
.hero-cta{border-radius:14px;min-height:53px;padding-inline:22px;box-shadow:0 9px 19px #246f5224}
.hero-bubble{position:absolute;border:1px solid #ffffffad;border-radius:50%;pointer-events:none}
.hero-bubble-one{width:270px;height:270px;right:-95px;top:-112px}
.hero-bubble-two{width:110px;height:110px;right:285px;bottom:-73px}
.hero-art{height:285px;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}
.orbit{position:absolute;border:2px dashed #7db5a455;border-radius:50%;pointer-events:none}
.orbit-one{width:282px;height:282px;transform:rotate(24deg)}
.orbit-two{width:223px;height:223px;transform:rotate(-21deg)}
.hero-art-label{position:absolute;z-index:3;top:1px;right:10px;background:#fff;color:#26674f;padding:6px 14px;border-radius:999px;font-weight:850;font-size:12px;box-shadow:0 7px 18px #1f5e4830;letter-spacing:.075em}
.hero-art-image{position:absolute;z-index:2;width:181px;height:220px;transform:rotate(6deg) translate(27px,-12px);border-radius:19px;background:#fff;padding:7px;box-shadow:0 18px 30px #235e5238;overflow:hidden;border:1px solid #d9e9de}
.hero-art-image img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.hero-art-image.small{width:125px;height:157px;transform:rotate(-10deg) translate(-110px,76px);z-index:3;box-shadow:0 12px 26px #245e4834}
.journey-panel{display:flex;align-items:center;gap:24px;border:1px solid #d3e8db;background:#fff;border-radius:19px;padding:23px 25px;box-shadow:var(--shadow);margin-bottom:29px}
.journey-heading{display:flex;align-items:center;gap:14px;min-width:315px;flex:1.45}
.journey-circle{display:grid;place-items:center;flex:none;background:#e1f2e9;color:#207357;border-radius:14px;width:53px;height:53px;font-size:21px;font-weight:850}
.journey-circle svg{width:24px;height:24px}
.journey-heading strong{display:block;font-size:16px;line-height:1.35}
.journey-heading p{margin:4px 0 0;color:#637770;font-size:13px;line-height:1.4}
.journey-panel .progress-description{flex:1}
.journey-panel .progress-num{font-size:23px;min-width:54px}
.missions-title{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:16px}
.missions-title .eyebrow{margin-bottom:5px}
.missions-title .section-title{font-size:27px}
.missions-count{border:1px solid #d5e8dc;background:#fff;color:#31664d;font-size:13px;font-weight:750;padding:7px 11px;border-radius:99px;white-space:nowrap}
.mission-grid{gap:13px}
.mission-card{min-height:99px;border-radius:19px;padding:18px 19px}
.mission-card.available{background:#fff;border:2px solid #77b99b;box-shadow:0 8px 21px #1a6d4921}
.mission-card.available .mission-number{background:#176e51;color:#fff}
.mission-card.future{background:#fff;border-color:#e2ece7;opacity:.79}
.mission-card.future .mission-number{background:#edf3ee;color:#799387}
.mission-copy strong{font-size:16.5px}
.mission-copy small{font-size:13.5px}
.learnsheet-banner{display:flex;gap:18px;align-items:center;background:#e5f5ed;border:1px solid #b4dbbf;border-radius:18px;padding:16px 20px;margin-bottom:25px}
.learnsheet-banner-icon,.learnsheet-end-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:13px;background:#d1eadc;color:#176649}
.learnsheet-banner-icon svg,.learnsheet-end-icon svg{width:27px;height:27px}
.learnsheet-banner div{flex:1}
.learnsheet-banner strong{font-size:16px}
.learnsheet-banner p{margin:3px 0 0;color:#496a5a;font-size:14px}
.learnsheet-banner .btn{font-size:14px}
.learnsheet-end{background:linear-gradient(140deg,#e5f5e9,#f1faf5);border:1px solid #b9dcc9;border-radius:17px;padding:18px 21px;margin:14px 0 20px;text-align:left}
.learnsheet-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.learnsheet-header strong{display:block;color:#16523d;font-size:17px}
.learnsheet-header p{font-size:14px;color:#507360;line-height:1.4;margin:5px 0 0}
.learnsheet-end .btn{font-size:15px}
.download-link{display:block;text-align:center;font-size:14px;font-weight:750;margin:12px auto 0}
.ending-icon svg{width:42px;height:42px}
.service-panel{background:#eaf6f0;border-color:#c8e7d7;max-width:695px}
.service-panel .service-title{font-size:20px}
.service-panel .code-row{margin-top:7px}
.service-panel .btn-primary{min-height:51px}
.small-guide{color:#50695e;font-size:15px;max-width:660px}

@media(max-width:900px){
 .hero-v2{grid-template-columns:minmax(0,1fr) 240px;padding:34px 33px}
 .hero-art{transform:scale(.83);transform-origin:center right}
 .journey-panel{flex-wrap:wrap;gap:14px}
 .journey-heading{min-width:100%;flex:none}
}
@media(max-width:630px){
 .hero-v2{grid-template-columns:minmax(0,1fr);padding:32px 23px 23px;gap:12px}
 .hero-v2 h1{font-size:36px}
 .hero-v2 .hero-lead{font-size:17px}
 .hero-v2 .hero-promise{font-size:14px}
 .hero-art{height:125px;justify-content:flex-end;transform:scale(.60);transform-origin:top right;margin-bottom:-36px}
 .hero-bubble-one{right:-180px}
 .journey-panel{padding:17px;gap:12px}
 .journey-heading{align-items:flex-start;gap:11px}
 .journey-circle{width:42px;height:42px;font-size:16px}
 .journey-heading strong{font-size:15px}
 .journey-panel .progress-description{min-width:0}
 .journey-panel .progress-num{min-width:46px}
 .missions-title{align-items:center}
 .missions-title .section-title{font-size:23px}
 .missions-count{font-size:11px;padding:6px 9px}
 .learnsheet-banner{flex-wrap:wrap;padding:15px}
 .learnsheet-banner .btn{width:100%}
 .service-panel .access-code{font-size:21px}
 .learnsheet-header{align-items:flex-start}
}
@media(max-width:630px){
 .journey-heading{min-width:0;width:100%;flex:0 0 100%}
 .journey-heading>div{min-width:0;flex:1;overflow-wrap:break-word}
}

/* ===== FISCHE KOMPAKT V3 · Unterwasser-Startseite und feste Rücknavigation ===== */
:root{--sea-deep:#073e5a;--sea-mid:#087e97;--sea-light:#32a9b5;--aqua:#dff5f2}
body{background:linear-gradient(180deg,#e8f6f8 0,#f5fafb 480px,#f6f9f8 100%)}
.site-header{background:#ffffffef;border-bottom-color:#c6e4e7}
.brand-mark{background:linear-gradient(155deg,#057894,#0b546b)}
.hero-v2{
 min-height:367px;background:radial-gradient(ellipse at 56% 0,rgba(148,244,231,.35),transparent 58%),
 linear-gradient(121deg,#063b59 0%,#06687e 54%,#199eaf 100%);
 border-color:#126e83;box-shadow:0 20px 38px #0849612b;grid-template-columns:minmax(0,1fr) 345px;isolation:isolate;
}
.hero-v2:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(112deg,transparent 0 105px,#c1fff217 110px,transparent 153px);mask-image:linear-gradient(to bottom,#0009,transparent 86%);pointer-events:none;z-index:0}
.hero-v2:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 14%,#c0fff64a 0 2px,transparent 3px),radial-gradient(circle at 51% 34%,#c0fff64a 0 3px,transparent 4px),radial-gradient(circle at 81% 22%,#c0fff64a 0 2px,transparent 3px);pointer-events:none}
.hero-v2 .hero-copy{position:relative;z-index:5}
.hero-v2 .eyebrow{color:#b5f5eb;font-size:12px;letter-spacing:.13em}
.hero-v2 h1{max-width:550px;color:#fff;line-height:1.07;font-size:clamp(36px,4.3vw,55px);text-shadow:0 2px 10px #00384c24}
.hero-v2 h1 span{color:#b8fbe0}
.hero-v2 .hero-lead{color:#e6fcff;font-size:18px;max-width:515px}
.hero-v2 .hero-promise{color:#b3f1e8;font-size:15px}
.hero-cta{background:#b6f5db;color:#064a51;border-color:#b6f5db;box-shadow:0 10px 24px #001f3230}
.hero-cta:hover:not(:disabled){background:white;color:#064a51}
.hero .hero-bubble{border-color:#bbffff40}
.ocean-art{height:295px;position:relative;z-index:1;overflow:visible}
.ocean-fish{position:absolute;display:grid;place-items:center;filter:drop-shadow(0 9px 10px #012c454a);transform-origin:center center}
.ocean-fish svg{display:block;width:100%;height:100%}
.fish-main{color:#d4ffe9;width:210px;height:210px;top:15px;right:18px;transform:rotate(-6deg)}
.fish-one{color:#9decde;width:97px;height:97px;top:4px;left:11px;transform:rotate(-8deg)}
.fish-two{color:#b9f2f4;width:85px;height:85px;top:140px;left:-11px;transform:scaleX(-1) rotate(8deg)}
.fish-three{color:#78d7cf;width:54px;height:54px;bottom:6px;right:32px;transform:scaleX(-1) rotate(-10deg)}
.ocean-bubble{position:absolute;border:2px solid #cafaf78e;border-radius:50%;box-shadow:inset 3px 2px 8px #ffffff40;background:linear-gradient(145deg,#ffffff23,transparent)}
.bubble-a{width:20px;height:20px;top:29px;right:17px}.bubble-b{width:11px;height:11px;top:58px;right:5px}.bubble-c{width:18px;height:18px;bottom:65px;left:41px}.bubble-d{width:9px;height:9px;bottom:89px;left:28px}.bubble-e{width:33px;height:33px;top:26px;left:102px}
.ocean-floor{position:absolute;bottom:-49px;right:-47px;width:350px;height:72px;background:radial-gradient(ellipse at 50% 100%,#16b0ac 0%,#1389a0 52%,transparent 54%);opacity:.75}
.ocean-plant{position:absolute;bottom:-25px;border-radius:100% 0 100% 0;transform-origin:bottom;background:linear-gradient(170deg,#72e4c5,#008671);height:80px;width:12px;opacity:.65}
.plant-a{right:44px;transform:rotate(-28deg)}.plant-b{right:60px;height:105px;transform:rotate(21deg)}
.journey-panel{border-color:#cae9e8}.journey-circle{background:#def1f1;color:#0b6275}.progress-fill{background:linear-gradient(90deg,#20a7ad,#08728c)}
.mission-card.available{border-color:#3ca6a0}.mission-card.available .mission-number{background:#08718b}
.missions-count{border-color:#bde5e3;color:#166576}
.video-search-title{padding:25px 26px;margin:4px 0 22px;border-radius:20px;background:linear-gradient(135deg,#e4f8fb,#ecf9f0);border:2px solid #6ac4d1;max-width:760px;box-shadow:0 7px 24px #056c7b15;display:flex;flex-direction:column;gap:5px}
.video-search-label{font-size:14px;font-weight:850;color:#075e78;letter-spacing:.07em}
.video-search-title strong{font-size:clamp(28px,4.2vw,44px);font-weight:900;letter-spacing:-.033em;line-height:1.16;color:#093f59;overflow-wrap:anywhere}
.video-search-foot{font-size:14px;color:#315e68;font-weight:650}
.mission-navigation{position:sticky;top:0;z-index:15;display:flex;flex-wrap:wrap;background:#f4fafbea;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #d1e8e7;border-radius:16px;padding:9px 14px;margin-bottom:16px;box-shadow:0 4px 18px #0a4f5b0c}
.nav-back{flex:none;min-width:118px;min-height:44px;background:#fff;color:#075e74;border-color:#acd9de}
.nav-back:hover:not(:disabled){background:#e8f6f8}
.mission-navigation .crumb{margin-left:auto;color:#4f7280;font-weight:750}
.mission-navigation .nav-overview{margin-left:5px;font-size:14px;white-space:nowrap}
@media(max-width:900px){.hero-v2{grid-template-columns:minmax(0,1fr) 260px}.ocean-art{transform:scale(.82);transform-origin:center right}}
@media(max-width:630px){
 .hero-v2{grid-template-columns:1fr;min-height:0;padding:32px 23px 17px}
 .hero-v2 h1{font-size:clamp(34px,10vw,44px)}
 .hero-v2 .hero-lead{font-size:17px}
 .hero-v2 .hero-promise{font-size:14px}
 .ocean-art{height:156px;transform:scale(.72);transform-origin:top right;margin-bottom:-32px}
 .fish-main{right:40px;top:-18px;width:180px;height:180px}
 .fish-one{top:-4px;left:68px;width:72px;height:72px}
 .fish-two{left:14px;top:85px}
 .ocean-floor{bottom:-15px}
 .video-search-title{padding:20px 18px}
 .video-search-title strong{font-size:clamp(26px,7.8vw,36px)}
 .mission-navigation{gap:8px;padding:9px;top:0}
 .mission-navigation .crumb{font-size:12px;margin-left:auto}
 .mission-navigation .nav-overview{width:100%;justify-content:center;padding:4px 0 1px;margin:0}
 .nav-back{min-height:41px}
}
@media(prefers-reduced-motion:reduce){.ocean-fish,.ocean-bubble{animation:none!important}}