:root{--ink:#081c33;--muted:#5b6d7f;--line:#dce8ef;--paper:#fff;--wash:#f4f8fb;--cyan:#12bfd0;--cyan-dark:#078b9a;--navy:#071b33;--coral:#ff735c;--green:#28b878;--violet:#7866d5;--amber:#eea527;--shadow:0 18px 55px #0a253f17}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--wash);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}.shell{width:min(1180px,100% - 40px);margin-inline:auto}.site-header{justify-content:space-between;align-items:center;gap:32px;height:88px;display:flex}.brand{align-items:center;gap:11px;line-height:1;display:flex}.brand-mark{background:linear-gradient(145deg,var(--cyan),#70e3eb);width:42px;height:42px;color:var(--navy);border-radius:13px;place-items:center;font-size:23px;font-weight:900;display:grid;box-shadow:0 8px 20px #12bfd040}.brand strong{letter-spacing:-.02em;font-size:18px;display:block}.brand small{text-transform:uppercase;letter-spacing:.16em;color:var(--muted);margin-top:5px;font-size:12px;display:block}.main-nav{align-items:center;gap:28px;font-size:14px;font-weight:700;display:flex}.main-nav>a:not(.nav-primary){color:#445b70}.main-nav>a:hover{color:var(--cyan-dark)}.nav-primary{background:var(--navy);border-radius:11px;padding:11px 17px;color:#fff!important}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:56px;min-height:570px;padding-block:54px 78px;display:grid}.hero-copy{padding-left:8px}.eyebrow,.step-label{color:var(--cyan-dark);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:800;display:inline-block}.hero h1{letter-spacing:-.055em;margin:22px 0 25px;font-size:clamp(48px,5.2vw,76px);line-height:.97}.hero-copy>p{max-width:590px;color:var(--muted);margin:0;font-size:20px;line-height:1.55}.hero-actions{gap:12px;margin-top:34px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:18px;min-height:49px;padding:13px 20px;font-size:14px;font-weight:800;transition:all .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--navy);color:#fff;box-shadow:0 10px 24px #071b3329}.button.ghost{border-color:var(--line);background:#fff}.button:disabled,.launch-button:disabled{opacity:.42;cursor:not-allowed;transform:none}.hero-meta{color:#4a6173;flex-wrap:wrap;gap:18px;margin-top:32px;font-size:13px;font-weight:700;display:flex}.hero-meta span:first-letter{color:var(--green)}.hero-visual{background:var(--navy);border-radius:32px;min-height:470px;position:relative;overflow:hidden;box-shadow:0 30px 70px #081c3340}.hero-visual>img{object-fit:cover}.hero-visual:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff2e;position:absolute;inset:0}.floating-card{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border-radius:15px;align-items:center;gap:12px;padding:14px 18px;display:flex;position:absolute;bottom:24px;left:24px;box-shadow:0 16px 35px #0003}.floating-card strong,.floating-card small{display:block}.floating-card strong{font-size:13px}.floating-card small{color:var(--muted);margin-top:2px}.pulse-dot{background:var(--coral);border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 6px #ff735c26}.topics,.experiments{padding-block:82px}.section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px;display:flex}.section-heading h2{letter-spacing:-.035em;margin:8px 0 0;font-size:38px}.section-heading>p{color:var(--muted);margin:0 0 6px}.topic-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.topic-card{border:1px solid var(--line);background:#fff;border-radius:20px;align-items:center;gap:14px;padding:24px 20px;display:flex;position:relative;box-shadow:0 8px 24px #081c330a}.topic-card h3{margin:0 0 4px;font-size:17px}.topic-card p{color:var(--muted);margin:0;font-size:13px}.topic-icon{height:48px;color:var(--cyan-dark);background:#e7f9fb;border-radius:14px;flex:0 0 48px;place-items:center;font-size:25px;display:grid}.topic-card.violet .topic-icon{color:var(--violet);background:#eeeaff}.topic-card.green .topic-icon{color:var(--green);background:#e7f8ef}.topic-card.amber .topic-icon{color:var(--amber);background:#fff5df}.topic-count{text-transform:uppercase;letter-spacing:.08em;color:#95a4af;font-size:9px;font-weight:800;position:absolute;top:13px;right:17px}.experiments{padding-top:56px}.experiment-grid{grid-template-columns:1.35fr 1fr;gap:24px;display:grid}.experiment-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:24px;transition:all .2s;overflow:hidden}.experiment-card:hover{transform:translateY(-4px);box-shadow:0 25px 65px #0a253f24}.experiment-image{background:var(--navy);min-height:285px;position:relative}.experiment-image img{object-fit:cover}.status-badge{color:var(--green);background:#fff;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900;position:absolute;top:18px;left:18px;box-shadow:0 7px 20px #00000026}.experiment-body{padding:26px}.tags{gap:8px;display:flex}.tags span{color:#078391;text-transform:uppercase;letter-spacing:.05em;background:#e7f9fb;border-radius:7px;padding:5px 9px;font-size:11px;font-weight:900}.experiment-body h3{letter-spacing:-.03em;margin:14px 0 5px;font-size:29px}.experiment-body>p{color:var(--muted);margin:0}.card-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;margin-top:23px;padding-top:20px;font-size:13px;display:flex}.card-footer strong{color:var(--cyan-dark)}.coming-list{gap:13px;display:grid}.coming-list article{border:1px solid var(--line);background:#fff;border-radius:20px;align-items:center;gap:17px;padding:19px;display:flex}.coming-list h3{margin:2px 0;font-size:18px}.coming-list p,.coming-list small{color:var(--muted);margin:0;font-size:12px}.coming-list small{text-transform:uppercase;letter-spacing:.08em;font-weight:800}.mini-icon{width:62px;height:62px;color:var(--cyan-dark);background:#e7f9fb;border-radius:16px;place-items:center;font-weight:900;display:grid}.mini-icon.purple{color:var(--violet);background:#eeeaff}.mini-icon.green{color:var(--green);background:#e7f8ef}.mini-icon.amber{color:var(--amber);background:#fff5df;font-size:24px}footer{background:var(--navy);color:#bdd0df;margin-top:72px}.footer-inner{justify-content:space-between;align-items:center;min-height:92px;font-size:13px;display:flex}.lab-page{background:#f5f8fb;min-height:100vh}.lab-title{padding:28px 0 33px}.back-link{color:var(--muted);font-size:13px;font-weight:700}.lab-title-row{justify-content:space-between;align-items:end;gap:40px;margin-top:28px;display:flex}.lab-title h1{letter-spacing:-.045em;margin:15px 0 10px;font-size:50px;line-height:1}.lab-title p{color:var(--muted);margin:0;font-size:18px}.quick-facts{background:var(--line);border:1px solid var(--line);border-radius:16px;gap:1px;display:flex;overflow:hidden}.quick-facts span{text-align:center;background:#fff;min-width:115px;padding:13px 16px;display:grid}.quick-facts small{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-top:3px;font-size:10px}.stage-nav-wrap{z-index:20;border-block:1px solid var(--line);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#ffffffeb;position:sticky;top:0}.stage-nav{grid-template-columns:repeat(7,1fr);height:80px;display:grid}.stage-nav button{color:#7c8c98;cursor:pointer;background:0 0;border:0;border-right:1px solid #edf2f5;font-size:11px;font-weight:800}.stage-nav button:first-child{border-left:1px solid #edf2f5}.stage-nav button span{border:1px solid #ccd8df;border-radius:50%;place-items:center;width:24px;height:24px;margin:0 auto 4px;font-size:11px;display:grid}.stage-nav button.active{color:var(--cyan-dark);box-shadow:inset 0 -3px 0 var(--cyan);background:#f0fbfc}.stage-nav button.active span{background:var(--cyan);border-color:var(--cyan);color:#05213c}.stage-nav button.done span{color:var(--green);background:#dff7ef;border-color:#b7ebd5}.lab-content{min-height:650px;padding-block:42px 20px}.stage-card{border:1px solid var(--line);background:#fff;border-radius:27px;padding:40px;overflow:hidden;box-shadow:0 14px 44px #081c3312}.split-stage{grid-template-columns:1fr .9fr;align-items:stretch;gap:42px;min-height:510px;padding:0;display:grid}.stage-copy{padding:48px}.stage-copy h2,.stage-header h2{letter-spacing:-.035em;margin:14px 0;font-size:38px;line-height:1.12}.lead{color:#3f5668;font-size:20px;line-height:1.55}.stage-photo{min-height:500px;position:relative}.stage-photo img{object-fit:cover}.question-card{background:#e9f9fb;border:1px solid #c8edf1;border-radius:18px;align-items:flex-start;gap:16px;margin:27px 0;padding:20px;display:flex}.question-card>span{background:var(--cyan);border-radius:50%;flex:0 0 38px;place-items:center;height:38px;font-weight:900;display:grid}.question-card strong{text-transform:uppercase;letter-spacing:.06em;font-size:13px}.question-card p{margin:4px 0 0}.stage-header{margin-bottom:28px}.stage-header h2{margin-bottom:6px}.stage-header p{color:var(--muted);margin:0}.stage-header.centered{text-align:center}.material-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.material-card{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.material-card>div:last-child{padding:16px}.material-card h3{margin:0 0 3px;font-size:16px}.material-card p{color:var(--muted);margin:0;font-size:12px}.material-crop{background:#0a2b50;height:150px;position:relative;overflow:hidden}.material-crop img{object-fit:cover;width:300%!important;max-width:none!important}.material-crop.left img{left:0!important;right:auto!important}.material-crop.center img{left:-100%!important;right:auto!important}.material-crop.right img{left:-200%!important;right:auto!important}.material-card.simple{flex-direction:column;display:flex}.ground-icon{height:150px;color:var(--green);background:#edf7f3;place-items:center;font-size:70px;display:grid}.safety-note{background:#fff4ee;border:1px solid #ffd4c8;border-radius:14px;gap:18px;margin-top:22px;padding:17px 20px;display:flex}.safety-note strong{color:#dc5a3f;white-space:nowrap}.safety-note p{color:#5f504c;margin:0}.stage-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:32px;padding-top:24px;display:flex}.stage-actions.right{justify-content:flex-end}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:700}.setup-layout{grid-template-columns:260px 1fr;gap:22px;display:grid}.material-tray{background:#f4f8fa;border-radius:17px;padding:18px}.material-tray h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 12px;font-size:13px}.material-tray button{text-align:left;border:1px solid var(--line);cursor:grab;background:#fff;border-radius:13px;grid-template-rows:auto auto;grid-template-columns:42px 1fr;align-items:center;width:100%;margin-top:9px;padding:10px;font-weight:800;display:grid}.material-tray button>span{grid-row:1/3;font-size:25px}.material-tray button small{color:var(--muted);font-size:10px;font-weight:500}.material-tray button:disabled{opacity:.5;cursor:default}.workbench{background:linear-gradient(#eaf9fb,#f8fcfd);border:2px dashed #a8d9df;border-radius:19px;min-height:390px;padding:24px;position:relative}.bench-label{text-transform:uppercase;letter-spacing:.1em;color:#6b9198;font-size:11px;font-weight:800}.setup-scene{justify-content:center;align-items:end;gap:45px;height:280px;display:flex}.setup-person,.setup-bottle,.setup-mentos{opacity:.08;transition:all .4s}.setup-person.visible,.setup-bottle.visible,.setup-mentos.visible{opacity:1;transform:translateY(0)}.setup-person{text-align:center;font-size:72px;display:grid;transform:translateY(10px)}.setup-scene small{color:var(--muted);font-size:11px;font-weight:800}.setup-bottle{border:5px solid #184d65;border-radius:18px 18px 28px 28px;width:95px;height:190px;position:relative;overflow:hidden;transform:translateY(10px)}.setup-bottle:before{content:"";background:#eaf9fb;border:5px solid #184d65;width:35px;height:40px;position:absolute;top:-18px;left:25px}.setup-bottle .liquid{background:#4b2017;border-radius:8px 8px 18px 18px;position:absolute;inset:55px 5px 5px}.setup-mentos{color:#fff;text-shadow:0 0 #6f7f8a;gap:10px;font-size:26px;display:grid;transform:translateY(10px)}.feedback{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex;position:absolute;bottom:20px;left:24px;right:24px;box-shadow:0 8px 20px #071b3312}.feedback>span{width:25px;height:25px;color:var(--cyan-dark);background:#e8f3f5;border-radius:50%;place-items:center;font-weight:900;display:grid}.feedback.success>span{background:var(--green);color:#fff}.reaction-stage{min-height:680px}.reaction-scene{width:340px;height:390px;margin:0 auto;position:relative}.reaction-bottle{z-index:2;background:#daf4f8;border:6px solid #15516b;border-radius:20px 20px 30px 30px;width:100px;height:215px;position:absolute;bottom:0;left:120px;overflow:hidden}.reaction-bottle:before{content:"";background:#daf4f8;border:6px solid #15516b;width:34px;height:47px;position:absolute;top:-26px;left:28px}.cola-level{background:linear-gradient(#76341c,#34120d);border-radius:8px 8px 20px 20px;height:145px;position:absolute;bottom:5px;left:5px;right:5px}.bubbles{z-index:2;color:#fff;text-align:center;font-size:22px;line-height:1.5;position:absolute;bottom:25px;left:20px}.falling-mentos{color:#e7ecef;text-shadow:0 1px 2px #80929d;opacity:1;z-index:3;font-size:23px;line-height:1.2;position:absolute;top:45px;left:157px}.foam{z-index:1;opacity:0;background:#fff;border-radius:50%;width:92px;height:30px;position:absolute;bottom:190px;left:124px}.foam i{background:#fff;border-radius:50%;width:27px;height:27px;position:absolute;box-shadow:0 0 0 2px #c5eff4}.foam i:first-child{left:-10px}.foam i:nth-child(2){top:-8px;left:20px}.foam i:nth-child(3){left:50px}.foam i:nth-child(4){top:-28px;left:10px}.foam i:nth-child(5){top:-35px;left:45px}.reaction-scene.running .falling-mentos{animation:.55s ease-in forwards drop}.reaction-scene.running .foam{opacity:1;animation:2.6s cubic-bezier(.2,.8,.3,1) .45s forwards erupt}.reaction-scene.running .bubbles{animation:1s infinite bubble}.launch-row{text-align:center}.launch-button{background:var(--coral);color:#fff;letter-spacing:.05em;cursor:pointer;border:0;border-radius:14px;align-items:center;gap:24px;padding:16px 26px;font-weight:900;display:inline-flex;box-shadow:0 12px 28px #ff735c47}.launch-button span{width:29px;height:29px;color:var(--coral);background:#fff;border-radius:50%;place-items:center;font-size:12px;display:grid}.success-text{color:var(--green);margin:14px 0 0;font-size:13px;font-weight:800}@keyframes drop{to{opacity:0;transform:translateY(140px)}}@keyframes erupt{0%{height:30px;transform:translateY(0)scaleX(1)}50%{height:270px;transform:translateY(-190px)scaleX(.7)}to{opacity:.25;height:340px;transform:translateY(-240px)scaleX(.3)}}@keyframes bubble{50%{transform:translateY(-10px)}}.observation-layout{grid-template-columns:1.2fr .8fr;gap:36px;display:grid}.diagram{background:linear-gradient(145deg,#092644,#0b5270);border-radius:21px;min-height:510px;position:relative;overflow:hidden}.diagram-bottle{background:#dff8fb1f;border:7px solid #aee9ef;border-radius:22px 22px 34px 34px;width:145px;height:300px;position:absolute;bottom:40px;left:50%;overflow:hidden;transform:translate(-50%)}.diagram-bottle:before{content:"";border:7px solid #aee9ef;width:50px;height:60px;position:absolute;top:-38px;left:40px}.diagram-cola{background:linear-gradient(#783519,#35140e);border-radius:8px 8px 23px 23px;height:190px;position:absolute;bottom:5px;left:5px;right:5px}.diagram-bubbles{z-index:2;color:#fff;font-size:26px;line-height:1.5;position:absolute;bottom:50px;left:30px}.diagram-mentos{z-index:3;color:#e7ecef;position:absolute;bottom:17px;left:26px}.foam-column{filter:drop-shadow(0 0 10px #ffffff40);background:linear-gradient(#ffffff80,#fff);border-radius:50% 50% 25% 25%;width:80px;height:165px;position:absolute;bottom:318px;left:calc(50% - 40px)}.foam-column span{background:#fff;border-radius:50%;width:33px;height:33px;position:absolute}.foam-column span:first-child{bottom:10px;left:-15px}.foam-column span:nth-child(2){bottom:35px;right:-15px}.foam-column span:nth-child(3){top:-8px;left:22px}.label{color:#fff;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute}.label b{background:var(--cyan);height:28px;color:var(--navy);border-radius:50%;flex:0 0 28px;place-items:center;display:grid}.label span,.label strong{display:block}.label span{color:#bad5e1}.label strong{color:#fff;font-size:13px}.label-foam{top:70px;right:28px}.label-bubbles{top:235px;left:24px}.label-liquid{bottom:75px;right:25px}.observation-notes{padding:16px 0}.observation-notes h3{margin:0 0 18px;font-size:24px}.observation-notes ol{padding-left:24px}.observation-notes li{border-bottom:1px solid var(--line);padding:10px 0 10px 8px}.important{border-left:4px solid var(--cyan);background:#eff9fb;border-radius:14px;margin-top:24px;padding:18px}.important strong{color:var(--cyan-dark);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.important p{color:#456070;margin:7px 0 0;font-size:14px}.reason-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.reason-grid article{border:1px solid var(--line);background:#fbfdfe;border-radius:18px;padding:25px}.reason-grid article>span{width:50px;height:50px;color:var(--cyan-dark);background:#e5f8fa;border-radius:14px;place-items:center;font-size:20px;font-weight:900;display:grid}.reason-grid article:nth-child(2)>span{color:var(--violet);background:#eeeaff}.reason-grid article:nth-child(3)>span{color:var(--coral);background:#fff0e9}.reason-grid h3{margin:18px 0 7px;font-size:18px}.reason-grid p{color:var(--muted);margin:0;font-size:14px}.result-flow{background:var(--navy);color:#fff;text-align:center;border-radius:16px;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin:24px 0;padding:20px;font-size:13px;font-weight:700;display:grid}.result-flow b{color:var(--cyan);font-size:22px}.merksatz{background:#fff3ee;border:1px solid #ffc8b9;border-radius:17px;padding:22px 24px}.merksatz span{color:#d95035;letter-spacing:.12em;font-size:11px;font-weight:900;display:block}.merksatz p{margin:7px 0 0;font-size:17px}.info-sheet-preview{aspect-ratio:1240/1754;border:1px solid var(--line);border-radius:12px;width:min(100%,760px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 15px 45px #081c3329}.info-sheet-preview img{object-fit:contain}@media (max-width:900px){.hero{grid-template-columns:1fr;min-height:0;padding-top:30px}.hero-visual{min-height:390px}.topic-grid{grid-template-columns:repeat(2,1fr)}.experiment-grid{grid-template-columns:1fr}.lab-title-row{display:block}.quick-facts{width:max-content;margin-top:25px}.stage-nav{display:flex;overflow-x:auto}.stage-nav button{min-width:95px}.split-stage{grid-template-columns:1fr}.stage-photo{order:-1;min-height:340px}.material-grid{grid-template-columns:repeat(2,1fr)}.setup-layout,.observation-layout,.reason-grid,.result-flow{grid-template-columns:1fr}.result-flow b{transform:rotate(90deg)}}@media (max-width:620px){.shell{width:min(100% - 24px,1180px)}.site-header{height:72px}.main-nav>a:not(.nav-primary){display:none}.nav-primary{padding:10px 13px}.hero{gap:30px;padding-bottom:50px}.hero h1{font-size:44px}.hero-copy>p{font-size:17px}.hero-actions{flex-direction:column;align-items:stretch}.hero-meta{flex-direction:column;gap:9px}.hero-visual{border-radius:22px;min-height:300px}.topics,.experiments{padding-block:52px}.section-heading{display:block}.section-heading h2{font-size:31px}.section-heading>p{margin-top:8px}.topic-grid{grid-template-columns:1fr}.experiment-image{min-height:220px}.footer-inner{justify-content:start;gap:6px;display:grid}.lab-title h1{font-size:40px}.quick-facts{width:100%;overflow:visible}.quick-facts span{flex:1;min-width:0}.stage-card{border-radius:20px;padding:24px}.split-stage{padding:0}.stage-copy{padding:28px}.stage-copy h2,.stage-header h2{font-size:30px}.stage-photo{min-height:260px}.material-grid{grid-template-columns:1fr 1fr}.material-crop,.ground-icon{height:120px}.safety-note{display:block}.setup-scene{gap:20px;transform:scale(.85)}.setup-layout{grid-template-columns:1fr}.material-tray{grid-template-columns:1fr;display:grid}.stage-actions{flex-wrap:wrap}.stage-actions .button.primary{margin-left:auto}.diagram{min-height:470px}.label span{max-width:105px}.label-foam{right:8px}.label-bubbles{left:8px}.label-liquid{right:6px}.reaction-scene{margin-block:-25px;transform:scale(.86)}.reason-grid{gap:10px}}@media print{.site-header,.stage-nav-wrap,.lab-title,.stage-header,.stage-actions,footer{display:none!important}.lab-content{width:100%;padding:0}.stage-card{box-shadow:none;border:0;padding:0}.info-sheet-preview{width:100%;box-shadow:none;border:0}}body{background:#fff}.site-header{border-bottom:1px solid #e6edf1;height:76px}.brand{gap:10px}.brand-mark{border:2px solid var(--ink);background:#32c7d5;border-radius:11px;width:38px;height:38px;font-size:20px;box-shadow:3px 3px #cceff2}.brand strong{font-size:16px}.brand small{letter-spacing:.18em;margin-top:4px;font-size:10px}.main-nav{gap:25px;font-size:14px}.nav-primary{border-radius:999px;padding:10px 16px}.hero{grid-template-columns:.9fr 1.1fr;gap:64px;min-height:620px;padding-block:66px 82px}.hero-copy{padding:0}.eyebrow,.step-label{letter-spacing:.14em;font-size:12px}.hero h1{letter-spacing:-.05em;max-width:620px;margin:18px 0 22px;font-size:clamp(48px,5.1vw,68px);line-height:1.02}.hero h1 span{color:#078f9d}.hero-copy>p{max-width:540px;font-size:19px;line-height:1.55}.hero-actions{align-items:center;margin-top:30px}.button{border-radius:999px;min-height:48px;padding:13px 21px}.button.primary{box-shadow:none}.button.text-link{color:#31495d;border-bottom:1px solid #9babb6;border-radius:0;min-height:auto;padding:10px 5px}.button.text-link:hover{border-color:var(--ink);transform:none}.hero-audience{font-weight:700;color:#708291!important;margin-top:25px!important;font-size:13px!important}.hero-visual{border:2px solid var(--ink);background:#dff5fa;border-radius:28px;min-height:470px;box-shadow:10px 10px #d9f1f4}.hero-visual>img{object-fit:cover;object-position:center}.hero-visual:after{border-color:#ffffff8c}.illustration-caption{z-index:2;border:2px solid var(--ink);background:#fff;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:11px 15px;display:grid;position:absolute;bottom:18px;left:18px;box-shadow:4px 4px #081c3321}.illustration-caption>span{color:#fff;background:#ff725c;border-radius:50%;grid-row:1/3;place-items:center;width:31px;height:31px;font-size:11px;font-weight:900;display:grid}.illustration-caption strong{font-size:13px;line-height:1.1}.illustration-caption small{color:var(--muted);font-size:11px}.section-intro{max-width:650px;margin-bottom:32px}.section-intro.compact{margin-bottom:26px}.section-intro h2{letter-spacing:-.04em;margin:8px 0 10px;font-size:clamp(32px,4vw,44px);line-height:1.08}.section-intro p{color:var(--muted);margin:0;font-size:17px}.process{border-block:1px solid #dfe8ed;padding-block:48px}.process-grid{grid-template-columns:repeat(3,1fr);display:grid}.process-step{border-left:1px solid #dfe8ed;gap:18px;padding:8px 30px;display:flex}.process-step:first-child{border-left:0;padding-left:0}.process-step>span{color:#0995a3;letter-spacing:.08em;font-size:13px;font-weight:900}.process-step h3{margin:0 0 4px;font-size:18px}.process-step p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.experiments{padding-block:96px 82px}.experiment-feature{border:2px solid var(--ink);background:#fff;border-radius:26px;grid-template-columns:.82fr 1.18fr;min-height:440px;transition:transform .2s,box-shadow .2s;display:grid;overflow:hidden}.experiment-feature:hover{transform:translateY(-4px);box-shadow:8px 8px #d7eff3}.experiment-illustration{border-right:2px solid var(--ink);background:#58c7e5;min-height:440px;position:relative}.experiment-illustration img{object-fit:cover}.experiment-copy{flex-direction:column;justify-content:center;padding:52px;display:flex}.experiment-topline{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.experiment-topline span{color:#167b55;text-transform:uppercase;letter-spacing:.07em;background:#dff8ef;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900}.experiment-topline small{color:var(--muted);font-size:12px;font-weight:700}.experiment-copy h3{letter-spacing:-.04em;margin:0 0 12px;font-size:42px;line-height:1}.experiment-copy p{max-width:590px;color:var(--muted);margin:0;font-size:17px;line-height:1.65}.experiment-copy>strong{border-top:1px solid #dfe8ed;justify-content:space-between;align-items:center;margin-top:38px;padding-top:20px;font-size:14px;display:flex}.experiment-copy>strong span{font-size:21px}.topic-section{padding-block:30px 92px}.topic-list{border-top:1px solid #dfe8ed;border-bottom:1px solid #dfe8ed;grid-template-columns:repeat(4,1fr);display:grid}.topic-list article{border-left:1px solid #dfe8ed;grid-template-columns:42px 1fr;gap:14px;padding:24px 18px;display:grid}.topic-list article:first-child{border-left:0;padding-left:0}.topic-list article>span{color:#087f8b;border:1px solid #aac2cc;border-radius:10px;grid-row:1/3;place-items:center;width:38px;height:38px;font-size:11px;font-weight:900;display:grid}.topic-list h3{margin:0;font-size:16px}.topic-list p{color:var(--muted);margin:3px 0 0;font-size:12px}.topic-list small{color:#8d9ca7;text-transform:uppercase;letter-spacing:.08em;grid-column:2;font-size:10px}footer{color:#607383;background:#fff;border-top:1px solid #dfe8ed;margin-top:0}.footer-inner{min-height:82px}.stage-photo{background:#dff5fa}.stage-photo img{object-position:center}.material-crop{background:#dff5fa}@media (max-width:900px){.hero{grid-template-columns:1fr;gap:42px;min-height:0;padding-block:50px 72px}.hero-copy{max-width:700px}.hero-visual{min-height:430px}.process-grid{grid-template-columns:1fr}.process-step,.process-step:first-child{border-top:1px solid #dfe8ed;border-left:0;padding:20px 0}.process-step:first-child{border-top:0}.experiment-feature{grid-template-columns:1fr}.experiment-illustration{border-right:0;border-bottom:2px solid var(--ink);min-height:410px}.topic-list{grid-template-columns:repeat(2,1fr)}.topic-list article:nth-child(3){border-left:0}.topic-list article:nth-child(n+3){border-top:1px solid #dfe8ed}}@media (max-width:620px){.site-header{height:68px}.brand-mark{width:35px;height:35px;font-size:18px}.brand strong{font-size:15px}.nav-primary{padding:9px 12px;font-size:12px}.hero{gap:30px;padding-top:38px}.hero h1{font-size:43px}.hero-copy>p{font-size:17px}.hero-actions{align-items:flex-start}.button.text-link{align-self:center}.hero-visual{border-radius:21px;min-height:300px;box-shadow:6px 6px #d9f1f4}.illustration-caption{padding:9px 11px;bottom:12px;left:12px}.process{padding-block:38px}.experiments{padding-block:68px 58px}.experiment-feature{border-radius:21px}.experiment-illustration{min-height:310px}.experiment-copy{padding:30px 24px}.experiment-topline{flex-direction:column;align-items:flex-start;margin-bottom:22px}.experiment-copy h3{font-size:34px}.experiment-copy p{font-size:16px}.topic-section{padding-bottom:66px}.topic-list{grid-template-columns:1fr}.topic-list article,.topic-list article:first-child,.topic-list article:nth-child(3){border-top:1px solid #dfe8ed;border-left:0;padding:19px 0}.topic-list article:first-child{border-top:0}}.home-dark,.topic-page-dark{color:#f7fbff;background-color:#071427;background-image:radial-gradient(circle at 1px 1px,#64c1e717 1px,#0000 0);background-size:24px 24px;min-height:100vh}.home-dark .site-header,.topic-page-dark .site-header,.lab-page .site-header{color:#f8fbff;border-bottom:1px solid #27425f;height:82px}.home-dark .brand,.topic-page-dark .brand,.lab-page .brand{gap:13px}.home-dark .brand-mark,.topic-page-dark .brand-mark,.lab-page .brand-mark{color:#071427;background:#f5fbff;border:2px solid #82dbf7;border-radius:50%;width:46px;height:46px;font-size:21px;position:relative;overflow:hidden;box-shadow:0 0 0 5px #53c7ef26,0 0 26px #53c7ef3d}.home-dark .brand-mark img,.topic-page-dark .brand-mark img,.lab-page .brand-mark img{object-fit:cover;object-position:center 36%;transform:scale(1.08)}.home-dark .brand strong,.topic-page-dark .brand strong,.lab-page .brand strong{letter-spacing:.055em;text-transform:uppercase;font-size:20px}.home-dark .site-header{height:96px}.home-dark .brand-mark{width:54px;height:54px}.home-dark .brand-wordmark{letter-spacing:.07em;align-items:baseline;gap:.38em;font-size:23px;display:flex}.home-dark .brand-wordmark span:last-child{color:#66cff4}.home-dark .main-nav{font-size:15px}.home-dark .main-nav>a:not(.nav-primary),.topic-page-dark .main-nav>a:not(.nav-primary),.lab-page .main-nav>a:not(.nav-primary){color:#c0cede}.home-dark .main-nav>a:hover,.topic-page-dark .main-nav>a:hover,.lab-page .main-nav>a:hover{color:#65cef4}.home-dark .nav-primary,.topic-page-dark .nav-primary,.lab-page .nav-primary{background:#102440;border:1px solid #3b5a78;box-shadow:inset 0 0 0 1px #ffffff08;color:#f8fbff!important}.brand-hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:64px;min-height:590px;padding-block:72px 86px;display:grid}.brand-hero-copy{text-align:left}.brand-hero-kicker{color:#62cdf4;letter-spacing:.21em;text-transform:uppercase;font-size:12px;font-weight:900}.brand-hero h1{color:#fff;letter-spacing:-.055em;text-transform:uppercase;text-shadow:0 10px 45px #00000047;margin:21px 0 27px;font-size:clamp(58px,6.7vw,88px);line-height:.88}.brand-hero h1 span{color:#62cdf4;letter-spacing:.16em;font-size:.48em;line-height:1.28;display:block}.brand-hero-copy>p{color:#c2d0df;max-width:600px;margin:0;font-size:20px;line-height:1.65}.home-scroll-link{color:#fff;background:#10233d;border:1px solid #3a5875;border-radius:12px;align-items:center;gap:18px;margin-top:38px;padding:14px 22px;font-size:14px;font-weight:900;transition:all .2s;display:inline-flex}.home-scroll-link:hover{background:#142b49;border-color:#62cdf4;transform:translateY(-2px)}.home-scroll-link span{color:#62cdf4;font-size:19px}.home-topic-collage{background:#0a1a2d;border:1px solid #365675;border-radius:26px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:14px;display:grid;box-shadow:0 28px 75px #00000047}.home-collage-tile{background:#14314c;border:1px solid #3b5d79;border-radius:17px;min-height:205px;position:relative;overflow:hidden}.home-collage-tile img{object-fit:cover;transition:transform .35s,filter .35s}.home-collage-tile:after{content:"";background:linear-gradient(#0000,#05101deb);position:absolute;inset:42% 0 0}.home-collage-tile:hover img{filter:saturate(1.08);transform:scale(1.055)}.home-collage-tile>span{z-index:2;color:#fff;font-size:15px;font-weight:900;position:absolute;bottom:13px;left:15px}.home-collage-tile.cyan{box-shadow:inset 0 -3px #63d3f6}.home-collage-tile.violet{box-shadow:inset 0 -3px #9c91ff}.home-collage-tile.green{box-shadow:inset 0 -3px #63dbb0}.home-collage-tile.amber{box-shadow:inset 0 -3px #f2bd61}.theme-section{border-top:1px solid #223b57;padding-block:82px 110px}.dark-section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px;display:flex}.dark-section-heading.compact{margin-bottom:26px}.dark-section-heading h2{color:#fff;letter-spacing:-.04em;margin:9px 0 0;font-size:clamp(34px,4.2vw,50px);line-height:1.05}.dark-section-heading>p{color:#9fb0c3;max-width:390px;margin:0 0 7px;font-size:16px}.theme-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.theme-card{background:#0c1f35e6;border:1px solid #294765;border-radius:22px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 18px 45px #00000024}.theme-card:hover{background:#102a48;border-color:#66cef4;transform:translateY(-4px);box-shadow:0 24px 55px #0000003d}.theme-card-image{background:#163b57;border-bottom:1px solid #365570;min-height:245px;position:relative;overflow:hidden}.theme-card-image:after{content:"";background:linear-gradient(#0000,#08192a9e);position:absolute;inset:48% 0 0}.theme-card-image img{object-fit:cover;transition:transform .35s}.theme-card:hover .theme-card-image img{transform:scale(1.035)}.theme-card small{z-index:2;color:#e8f5fb;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#061626d1;border:1px solid #ffffff38;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800;position:absolute;top:17px;right:18px}.theme-short{z-index:2;color:#65d1f6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071b2ee0;border:1px solid #63cdef;border-radius:14px;place-items:center;width:52px;height:52px;font-size:13px;font-weight:900;display:grid;position:absolute;bottom:17px;left:18px}.theme-card.violet .theme-short{color:#aaa0ff;border-color:#5a568c}.theme-card.green .theme-short{color:#62d7ad;border-color:#3b7668}.theme-card.amber .theme-short{color:#f4bd5e;border-color:#776138}.theme-card-copy{padding:24px 26px 26px}.theme-card h3{color:#fff;letter-spacing:-.025em;margin:0 0 8px;font-size:29px}.theme-card p{color:#aebed0;max-width:440px;margin:0;font-size:16px}.theme-card strong{color:#e9f5fb;border-top:1px solid #28445f;justify-content:space-between;align-items:center;margin-top:24px;padding-top:17px;font-size:13px;display:flex}.theme-card strong span{color:#62cdf4;font-size:20px}.topic-page-hero{border-bottom:1px solid #223b57;padding-block:48px 66px}.dark-back-link{color:#9fb4c8;font-size:13px;font-weight:800}.dark-back-link:hover{color:#62cdf4}.topic-heading-row{align-items:center;gap:28px;margin-top:44px;display:flex}.topic-heading-mark{color:#67d1f5;background:#0d2945;border:1px solid #4381a2;border-radius:23px;flex:0 0 94px;place-items:center;height:94px;font-size:24px;font-weight:900;display:grid;box-shadow:8px 8px #3bb0db14}.topic-heading-row h1{color:#fff;letter-spacing:-.05em;margin:8px 0 9px;font-size:clamp(50px,7vw,78px);line-height:.92}.topic-heading-row p{color:#b0c1d2;max-width:670px;margin:0;font-size:18px}.topic-experiments{min-height:460px;padding-block:70px 100px}.experiment-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.experiment-tile{background:#0b2037;border:1px solid #31506e;border-radius:22px;transition:all .2s;overflow:hidden}.experiment-tile:hover{border-color:#68cef3;transform:translateY(-4px);box-shadow:0 22px 55px #0000003d}.experiment-tile-image{background:#55c4e3;border-bottom:1px solid #31506e;min-height:325px;position:relative}.experiment-tile-image img{object-fit:cover}.experiment-tile-copy{padding:27px}.experiment-tile-copy small{color:#71cdee;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.experiment-tile-copy h3{color:#fff;letter-spacing:-.03em;margin:11px 0 7px;font-size:31px}.experiment-tile-copy p{color:#adc0d2;margin:0;font-size:16px}.experiment-tile-copy strong{color:#fff;border-top:1px solid #29465f;justify-content:space-between;margin-top:24px;padding-top:18px;font-size:13px;display:flex}.experiment-tile-copy strong span{color:#62cdf4;font-size:20px}.topic-empty{background:#0c2037;border:1px solid #2a4865;border-radius:18px;align-items:center;gap:22px;max-width:720px;padding:30px;display:flex}.topic-empty>span{color:#62cdf4;border:1px dashed #4f7693;border-radius:50%;flex:0 0 52px;place-items:center;height:52px;font-size:28px;display:grid}.topic-empty h3{color:#fff;margin:0 0 5px;font-size:20px}.topic-empty p{color:#9eb2c5;margin:0}.dark-footer{color:#91a6ba;background:#050f1f;border-top:1px solid #223b57;margin-top:0}.dark-footer .footer-inner{min-height:92px}.lab-page .brand,.lab-page .main-nav{color:#fff}@media (max-width:760px){.home-dark .site-header,.topic-page-dark .site-header,.lab-page .site-header{height:72px}.home-dark .brand-mark,.topic-page-dark .brand-mark,.lab-page .brand-mark{width:40px;height:40px;font-size:18px}.home-dark .brand strong,.topic-page-dark .brand strong,.lab-page .brand strong{letter-spacing:.035em;font-size:14px}.home-dark .site-header{height:78px}.home-dark .brand-mark{width:42px;height:42px}.home-dark .brand-wordmark{letter-spacing:.06em;gap:2px;font-size:13px;line-height:1.05;display:grid}.home-dark .main-nav>a:not(.nav-primary),.topic-page-dark .main-nav>a:not(.nav-primary),.lab-page .main-nav>a:not(.nav-primary){display:none}.home-dark .nav-primary,.topic-page-dark .nav-primary,.lab-page .nav-primary{padding:9px 11px;font-size:11px}.brand-hero{grid-template-columns:1fr;gap:38px;min-height:0;padding-block:58px 70px}.brand-hero h1{font-size:clamp(50px,15vw,72px)}.brand-hero h1 span{font-size:.42em}.brand-hero-copy>p{font-size:17px}.home-topic-collage{border-radius:20px;gap:10px;padding:10px}.home-collage-tile{border-radius:13px;min-height:160px}.dark-section-heading{display:block}.dark-section-heading>p{margin-top:14px}.theme-grid,.experiment-gallery{grid-template-columns:1fr}.theme-card-image{min-height:230px}.theme-card-copy{padding:22px}.topic-heading-row{flex-direction:column;align-items:flex-start}.topic-heading-mark{border-radius:18px;flex-basis:auto;width:72px;height:72px;font-size:18px}.topic-heading-row h1{font-size:50px}.topic-heading-row p{font-size:16px}.experiment-tile-image{min-height:280px}.topic-empty{align-items:flex-start;padding:23px}}.home-dark,.topic-page-dark,.lab-page{background-color:#0b1e34;background-image:radial-gradient(circle at 1px 1px,#76cdf01c 1px,#0000 0);background-size:24px 24px}.lab-page .site-header{background:0 0;margin-inline:0;padding-inline:0}.home-dark .site-header,.topic-page-dark .site-header,.lab-page .site-header{background:#0a1a2d;border-bottom-color:#33506c}.theme-card{background:#122b44f0;border-color:#385978}.theme-card:hover{background:#193552}.experiment-tile,.topic-empty{background:#122a43;border-color:#3b5c79}.dark-footer,.lab-page footer{color:#b7c7d7;background:#08182a;border-top:1px solid #33506c}.lab-page{color:#f5f9fd;min-height:100vh;font-size:17px}.lab-title{padding-top:34px}.lab-title h1{color:#fff;font-size:54px}.lab-title p{color:#c5d4e2;font-size:19px}.back-link{color:#b8cada;font-size:15px}.back-link:hover{color:#70d4f6}.quick-facts{background:#3a5874;border-color:#3a5874}.quick-facts span{color:#f7fbff;background:#132b45}.quick-facts b{font-size:16px}.quick-facts small{color:#b5c7d8;font-size:12px}.stage-nav-wrap{background:#091a2df5;border-color:#36536d}.stage-nav button{color:#aebfd0;border-color:#29445e;font-size:13px}.stage-nav button:first-child{border-color:#29445e}.stage-nav button span{border-color:#55718a;font-size:12px}.stage-nav button.active{color:#7cddfa;background:#14314d;box-shadow:inset 0 -3px #5bcaef}.stage-nav button.active span{color:#092039;background:#67d1f4;border-color:#67d1f4}.stage-nav button.done{color:#8fdcbf}.lab-content{padding-top:48px}.stage-card{background:#112942;border-color:#3b5a75;box-shadow:0 18px 55px #0000002e}.stage-copy h2,.stage-header h2{color:#fff;font-size:40px}.lead{color:#d0dce7;font-size:21px}.step-label{color:#71d4f5;font-size:13px}.stage-header p{color:#c0d0df;font-size:17px}.question-card{color:#f3f8fc;background:#173750;border-color:#3e6680}.question-card>span{color:#092039}.question-card p{color:#d6e3ec;font-size:17px}.button.primary{color:#082039;box-shadow:none;background:#65cef2}.button.primary:hover{background:#8bddf7}.button.ghost{color:#f2f7fb;background:#193650;border-color:#46647e}.text-button{color:#b9cad9;font-size:15px}.stage-actions{border-color:#36536c}.material-card{background:#142e48;border-color:#3a5a74}.material-card h3{color:#fff;font-size:18px}.material-card p{color:#bfd0df;font-size:14px}.ground-icon{color:#6bdfaf;background:#173c3d}.safety-note{background:#402d2c;border-color:#76504b}.safety-note strong{color:#ff9a82}.safety-note p{color:#f2d8d1;font-size:16px}.material-tray{background:#0c2137}.material-tray h3{color:#bed0df;font-size:14px}.material-tray button{color:#fff;background:#17334e;border-color:#3e5d77;font-size:16px}.material-tray button small{color:#b6c8d8;font-size:12px}.workbench{background:linear-gradient(#15364c,#102b40);border-color:#4d8395}.bench-label{color:#9bc8d5;font-size:13px}.setup-scene small{color:#c0d0dd;font-size:13px}.setup-bottle{border-color:#83d5ec}.setup-bottle:before{background:#15364c;border-color:#83d5ec}.feedback{color:#eaf2f8;background:#17344f;border-color:#46647d;font-size:15px}.feedback.success{background:#173d35;border-color:#4e9878}.observation-notes h3{font-size:27px}.observation-notes li{border-color:#36536c;font-size:17px}.important{background:#16364f;border-left-color:#64cff2}.important strong{color:#78d9f7;font-size:13px}.important p{color:#d2dee8;font-size:16px}.reason-grid article{background:#142e48;border-color:#3b5b75}.reason-grid h3{color:#fff;font-size:20px}.reason-grid p{color:#bfd0de;font-size:16px}.result-flow{background:#081a2d;border:1px solid #34516b;font-size:15px}.merksatz{background:#3c2d2d;border-color:#765148}.merksatz span{color:#ff9a82;font-size:13px}.merksatz p{color:#fff1ed;font-size:18px}.success-text{color:#78ddb3;font-size:15px}.info-sheet-preview{border-color:#436078}@media (max-width:620px){.lab-page{font-size:16px}.lab-title h1{font-size:43px}.lab-title p{font-size:17px}.stage-copy h2,.stage-header h2{font-size:32px}.lead{font-size:18px}.stage-nav button{font-size:12px}}.dna-lab-page .tags span{color:#79e2b8;background:#183f3b}.dna-stage-photo img,.dna-observation-image img{object-fit:cover}.dna-material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.dna-material-grid article{background:#142e48;border:1px solid #3a5a74;border-radius:17px;align-items:flex-start;gap:15px;min-height:126px;padding:20px;display:flex}.dna-material-grid article>span{color:#75deb4;background:#173c3d;border:1px solid #4f806e;border-radius:11px;flex:0 0 39px;place-items:center;height:39px;font-size:12px;font-weight:900;display:grid}.dna-material-grid h3{color:#fff;margin:1px 0 5px;font-size:18px}.dna-material-grid p{color:#bfd0df;margin:0;font-size:15px;line-height:1.5}.dna-order-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.dna-order-grid button{color:#fff;text-align:left;cursor:pointer;background:#17334e;border:1px solid #46647e;border-radius:16px;flex-direction:column;justify-content:space-between;gap:18px;min-height:150px;padding:18px;font-size:16px;font-weight:800;transition:all .2s;display:flex}.dna-order-grid button:hover:not(:disabled){border-color:#6ed1f2;transform:translateY(-3px)}.dna-order-grid button>span{color:#9fb6c9;border:1px solid #617c94;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.dna-order-grid button.selected{color:#e9fff5;background:#173d35;border-color:#4e9878}.dna-order-grid button.selected>span{color:#09291f;background:#70d8ad;border-color:#70d8ad}.dna-feedback{color:#eaf2f8;background:#17344f;border:1px solid #46647d;border-radius:13px;align-items:center;gap:12px;margin-top:18px;padding:14px 16px;display:flex}.dna-feedback>span{color:#85daf5;background:#234a68;border-radius:50%;flex:0 0 29px;place-items:center;height:29px;font-weight:900;display:grid}.dna-feedback.success{background:#173d35;border-color:#4e9878}.dna-feedback.success>span{color:#09291f;background:#70d8ad}.dna-timeline{gap:12px;display:grid}.dna-timeline article{background:#142e48;border:1px solid #3a5a74;border-radius:15px;grid-template-columns:48px 1fr;gap:17px;padding:18px 20px;display:grid}.dna-timeline article>span{color:#79e2b8;background:#183f3b;border-radius:13px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.dna-timeline h3{color:#fff;margin:0 0 4px;font-size:19px}.dna-timeline p{color:#c4d3df;margin:0;font-size:16px}.dna-observation-layout{grid-template-columns:1.05fr .95fr;gap:32px;display:grid}.dna-observation-image{background:#38bfe9;border:1px solid #46647d;border-radius:20px;min-height:520px;position:relative;overflow:hidden}.dna-reason-grid article:first-child>span{color:#78dfb5;background:#173f3b}.dna-reason-grid article:nth-child(2)>span,.dna-reason-grid article:nth-child(3)>span{font-size:14px}.dna-quiz{gap:12px;display:grid}.dna-quiz button{color:#edf6fb;text-align:left;cursor:pointer;background:#17334e;border:1px solid #46647e;border-radius:14px;padding:18px 20px;font-size:17px;font-weight:800}.dna-quiz button:hover{border-color:#6bd1f3}.dna-quiz button.chosen{background:#402d2c;border-color:#ff9a82}.dna-quiz button.correct{background:#173d35;border-color:#70d8ad}.dna-quiz-result{border-radius:14px;margin-top:18px;padding:19px 21px}.dna-quiz-result p{margin:6px 0 0}.dna-quiz-result.success{color:#eafff5;background:#173d35;border:1px solid #4e9878}.dna-quiz-result.try-again{color:#fff0ec;background:#402d2c;border:1px solid #76504b}@media (max-width:900px){.dna-material-grid,.dna-order-grid{grid-template-columns:repeat(2,1fr)}.dna-observation-layout{grid-template-columns:1fr}.dna-observation-image{min-height:430px}}@media (max-width:620px){.dna-material-grid,.dna-order-grid{grid-template-columns:1fr}.dna-order-grid button{min-height:112px}.dna-observation-image{min-height:310px}.dna-timeline article{grid-template-columns:40px 1fr;padding:16px}.dna-timeline article>span{width:36px;height:36px}.dna-material-grid article{min-height:0}}.generic-lab-page .tags span{color:#7bd9f5;background:#173b4e}.generic-stage-photo img,.generic-observation-image img{object-fit:cover}.generic-material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.generic-material-grid article{background:#142e48;border:1px solid #3a5a74;border-radius:18px;transition:transform .2s,border-color .2s;overflow:hidden}.generic-material-grid article:hover{border-color:#68c7e8;transform:translateY(-3px)}.generic-material-picture{background:#39bce4;border-bottom:1px solid #3a5a74;min-height:158px;position:relative;overflow:hidden}.generic-material-picture img{object-fit:cover;transition:transform .35s;transform:scale(1.18)}.generic-material-grid article:hover .generic-material-picture img{transform:scale(1.26)}.generic-material-grid article>div:last-child{padding:18px 18px 20px;position:relative}.generic-material-grid article>div:last-child>span{color:#082039;background:#69d1f2;border:3px solid #142e48;border-radius:50%;place-items:center;width:42px;height:42px;font-size:12px;font-weight:900;display:grid;position:absolute;top:-22px;right:15px}.generic-material-grid h3{color:#fff;margin:0 42px 6px 0;font-size:18px}.generic-material-grid p{color:#bfd0df;margin:0;font-size:15px;line-height:1.5}.generic-setup-layout{grid-template-columns:320px 1fr;gap:22px;display:grid}.generic-setup-tray{background:#0c2137;border-radius:17px;padding:18px}.generic-setup-tray h3{color:#bed0df;text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px;font-size:14px}.generic-setup-tray button{color:#fff;text-align:left;cursor:grab;background:#17334e;border:1px solid #3e5d77;border-radius:13px;grid-template-rows:auto auto;grid-template-columns:40px 1fr;align-items:center;gap:2px 11px;width:100%;margin-top:10px;padding:12px;display:grid}.generic-setup-tray button:hover:not(:disabled){border-color:#69cdec;transform:translate(2px)}.generic-setup-tray button:disabled{opacity:.48;cursor:default}.generic-setup-tray button>span{color:#79d6f3;background:#214662;border-radius:50%;grid-row:1/3;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.generic-setup-tray button b{font-size:14px;line-height:1.3}.generic-setup-tray button small{color:#acc2d3;font-size:11px}.generic-workbench{background:linear-gradient(145deg,#15364c,#102b40);border:2px dashed #4d8395;border-radius:19px;min-height:440px;padding:22px}.generic-workbench ol{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.generic-workbench li{color:#8297a8;background:#081b2d57;border:1px dashed #456178;border-radius:12px;grid-template-columns:38px 1fr;align-items:center;gap:12px;min-height:62px;padding:10px 13px;transition:all .3s;display:grid}.generic-workbench li.visible{color:#effff8;background:#173d35;border-style:solid;border-color:#4e9878}.generic-workbench li>span{color:#80d7f1;background:#21445f;border-radius:9px;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.generic-workbench li.visible>span{color:#09291f;background:#70d8ad}.generic-workbench li p{margin:0;font-size:15px;font-weight:750;line-height:1.35}.generic-workbench .dna-feedback{margin-top:15px}.generic-animation-stage{min-height:760px}.experiment-animation{isolation:isolate;background:#07192b;border:1px solid #46647d;border-radius:22px;min-height:500px;position:relative;overflow:hidden}.animation-art{z-index:-3;object-fit:cover;opacity:.72;transform:scale(1.03)}.animation-scrim{z-index:-2;background:linear-gradient(90deg,#041220eb 0%,#0412208c 45%,#04122026 100%);position:absolute;inset:0}.animation-caption{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#071d30e0;border:1px solid #82d3ee73;border-radius:17px;width:min(480px,100% - 68px);padding:22px 24px;position:absolute;bottom:32px;left:34px;box-shadow:0 18px 45px #00000047}.animation-caption small{color:#75d8f7;letter-spacing:.12em;margin-bottom:7px;font-size:11px;font-weight:900;display:block}.animation-caption strong{color:#fff;font-size:25px;display:block}.animation-caption p{color:#c6d6e3;margin:7px 0 0;font-size:16px;line-height:1.5}.animation-effect{pointer-events:none;position:absolute;inset:0;overflow:hidden}.animation-effect span{opacity:0;display:block;position:absolute}.running .animation-art{animation:5.5s both animationFocus}.running.effect-tomaten-dna .animation-effect span,.running.effect-hefe-ballon .animation-effect span{left:var(--x);border:3px solid #fff;border-radius:50%;width:18px;height:18px;animation:3.2s ease-in infinite particleRise;bottom:9%}.running.effect-tomaten-dna .animation-effect span{filter:drop-shadow(0 0 6px #fff);background:#f7fbff;border:0;border-radius:999px;width:7px;height:70px;animation-name:dnaFloat}.animation-effect span:first-child{--x:10%;--stem-x:56%;--filter-x:50%;animation-delay:0s}.animation-effect span:nth-child(2){--x:19%;--stem-x:59%;--filter-x:54%;animation-delay:.2s}.animation-effect span:nth-child(3){--x:28%;--stem-x:62%;--filter-x:58%;animation-delay:.45s}.animation-effect span:nth-child(4){--x:37%;--stem-x:65%;--filter-x:62%;animation-delay:.65s}.animation-effect span:nth-child(5){--x:46%;--stem-x:68%;--filter-x:66%;animation-delay:.85s}.animation-effect span:nth-child(6){--x:55%;--stem-x:71%;--filter-x:70%;animation-delay:1.05s}.animation-effect span:nth-child(7){--x:64%;--stem-x:74%;--filter-x:74%;animation-delay:1.25s}.animation-effect span:nth-child(8){--x:73%;--stem-x:77%;--filter-x:78%;animation-delay:1.45s}.animation-effect span:nth-child(9){--x:82%;--stem-x:80%;--filter-x:82%;animation-delay:1.65s}.animation-effect span:nth-child(10){--x:91%;--stem-x:83%;--filter-x:86%;animation-delay:1.85s}.running.effect-rotkohl-indikator .animation-effect span{opacity:.9;border:5px solid #ffffffd9;border-radius:50%;width:78px;height:78px;animation:2.7s ease-in-out infinite indicatorColor;top:20%}.running.effect-rotkohl-indikator .animation-effect span:nth-child(3n+1){background:#ef3f91;left:55%}.running.effect-rotkohl-indikator .animation-effect span:nth-child(3n+2){background:#7856da;top:39%;left:70%}.running.effect-rotkohl-indikator .animation-effect span:nth-child(3n){background:#14b9a6;top:57%;left:83%}.running.effect-schichtturm .animation-effect span{opacity:.86;border-radius:12px;width:38%;height:9%;animation:2.8s ease-out both layerStack;left:54%}.running.effect-schichtturm .animation-effect span:nth-child(4n+1){background:#bd6b24;bottom:10%}.running.effect-schichtturm .animation-effect span:nth-child(4n+2){background:#36b7d7;bottom:19%}.running.effect-schichtturm .animation-effect span:nth-child(4n+3){background:#77c849;bottom:28%}.running.effect-schichtturm .animation-effect span:nth-child(4n){background:#f2d04d;bottom:37%}.running.effect-luftballonrakete .animation-art{animation:3.2s cubic-bezier(.2,.8,.3,1) both rocketPan}.running.effect-luftballonrakete .animation-effect span{opacity:.8;background:#e9f8ff;border-radius:99px;width:70px;height:4px;animation:1s linear infinite airTrail;top:42%;right:18%}.running.effect-lichtbrechung .animation-effect span{opacity:.9;transform-origin:bottom;background:#fff176;border-radius:9px;width:5px;height:48%;animation:2.6s ease-in-out infinite rayBend;top:8%;left:64%;box-shadow:0 0 14px #fff176}.running.effect-lichtbrechung .animation-effect span:nth-child(2n){transform-origin:top;background:#75d9ff;height:38%;top:54%}.running.effect-wassertransport-sellerie .animation-effect span{left:var(--stem-x);opacity:.85;background:#ef4f7c;border-radius:99px;width:9px;height:75%;animation:3.4s ease-out infinite waterRise;bottom:8%}.running.effect-wasserfilter .animation-effect span,.running.effect-boden-durchlaessigkeit .animation-effect span{left:var(--filter-x);opacity:.9;background:#6bd7ff;border-radius:60% 60% 70% 70%;width:11px;height:18px;animation:2.4s ease-in infinite waterDrop;top:4%}@keyframes animationFocus{50%{transform:scale(1.08)}to{transform:scale(1.04)}}@keyframes particleRise{0%{opacity:0;transform:translateY(0)scale(.5)}30%{opacity:.9}to{opacity:0;transform:translateY(-330px)scale(1.35)}}@keyframes dnaFloat{0%{opacity:0;transform:translateY(0)rotate(-12deg)}35%{opacity:.9}to{opacity:0;transform:translateY(-250px)rotate(28deg)}}@keyframes indicatorColor{50%{filter:hue-rotate(35deg);transform:scale(1.18)}to{transform:scale(1)}}@keyframes layerStack{0%{opacity:0;transform:translateY(-220px)}to{opacity:.86;transform:translateY(0)}}@keyframes rocketPan{0%{transform:scale(1.05)translate(-6%)}70%{transform:scale(1.05)translate(7%)}to{transform:scale(1.04)translate(4%)}}@keyframes airTrail{0%{opacity:0;transform:translate(80px)scaleX(.3)}50%{opacity:.9}to{opacity:0;transform:translate(-160px)scaleX(1.8)}}@keyframes rayBend{50%{transform:rotate(18deg)}to{transform:rotate(0)}}@keyframes waterRise{0%{opacity:0;transform-origin:bottom;transform:scaleY(.05)}to{opacity:.85;transform-origin:bottom;transform:scaleY(1)}}@keyframes waterDrop{0%{opacity:0;transform:translateY(-20px)scale(.7)}20%{opacity:.95}to{opacity:0;transform:translateY(430px)scale(1)}}.generic-observation-layout{grid-template-columns:1.05fr .95fr;gap:32px;display:grid}.generic-observation-image{background:#38bfe9;border:1px solid #46647d;border-radius:20px;min-height:520px;position:relative;overflow:hidden}@media (max-width:900px){.generic-material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.generic-setup-layout,.generic-observation-layout{grid-template-columns:1fr}.generic-observation-image{min-height:430px}}@media (max-width:620px){.generic-material-grid{grid-template-columns:1fr}.generic-material-picture{min-height:190px}.generic-observation-image{min-height:310px}.generic-setup-tray button b{font-size:15px}.generic-workbench{min-height:0;padding:16px}.experiment-animation{min-height:520px}.animation-caption{width:calc(100% - 32px);padding:18px;bottom:16px;left:16px}.animation-caption strong{font-size:21px}.animation-caption p{font-size:15px}.running.effect-rotkohl-indikator .animation-effect span{width:52px;height:52px}.generic-animation-stage{min-height:0}}.info-stage-card{padding-inline:clamp(20px,4vw,40px)}.experiment-info-sheet{color:#152c41;background:#fff;border:1px solid #c7d7e2;border-radius:16px;width:min(100%,850px);margin:0 auto;padding:42px;box-shadow:0 18px 45px #0000002e}.info-sheet-head{border-bottom:4px solid #173a56;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:22px;display:flex}.info-sheet-head span{color:#168c9d;letter-spacing:.14em;font-size:11px;font-weight:900}.info-sheet-head h2{color:#0a2034;letter-spacing:-.035em;margin:7px 0 5px;font-size:36px;line-height:1}.info-sheet-head p{color:#536a7c;margin:0;font-size:15px}.info-sheet-head>b{color:#087e8c;text-transform:uppercase;letter-spacing:.08em;background:#dff5f7;border-radius:9px;flex:none;padding:8px 12px;font-size:12px}.info-sheet-facts{background:#cddbe4;border:1px solid #cddbe4;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:1px;margin:18px 0;display:grid;overflow:hidden}.info-sheet-facts span{color:#283f52;text-transform:capitalize;background:#f3f7f9;padding:11px 14px;font-size:14px;display:grid}.info-sheet-facts strong{color:#718494;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2px;font-size:9px}.info-sheet-question{background:#eaf8fa;border-left:4px solid #18a8b8;margin-bottom:18px;padding:15px 17px}.info-sheet-question strong{color:#087f8d;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.info-sheet-question p{margin:4px 0 0;font-size:16px;font-weight:800}.info-sheet-columns{grid-template-columns:.85fr 1.15fr;gap:28px;display:grid}.info-sheet-columns.lower{grid-template-columns:1fr 1fr;margin-top:18px}.info-sheet-columns section{min-width:0}.info-sheet-columns h3{color:#0b253c;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #cad8e1;margin:0 0 9px;padding-bottom:6px;font-size:16px}.info-sheet-columns ul,.info-sheet-columns ol{margin:0;padding-left:19px}.info-sheet-columns li{color:#3e5568;margin:0 0 6px;font-size:13px;line-height:1.4}.info-sheet-columns li strong{color:#153149}.info-sheet-memory{background:#fff3ef;border:2px solid #f2a28e;border-radius:10px;margin-top:20px;padding:16px 18px}.info-sheet-memory strong{color:#cd4e34;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.info-sheet-memory p{color:#3d302d;margin:5px 0 0;font-size:15px;font-weight:800}.info-sheet-safety{color:#506474;background:#f1f4f6;border-radius:9px;margin-top:12px;padding:12px 14px;font-size:12px}.info-sheet-safety strong{color:#223b4d}@media (max-width:700px){.experiment-info-sheet{padding:24px}.info-sheet-head{display:block}.info-sheet-head>b{margin-top:13px;display:inline-block}.info-sheet-head h2{font-size:30px}.info-sheet-facts,.info-sheet-columns,.info-sheet-columns.lower{grid-template-columns:1fr}.info-sheet-columns{gap:18px}.info-sheet-facts{gap:1px}}@media print{@page{size:A4;margin:10mm}body{background:#fff!important}body *{visibility:hidden!important}.experiment-info-sheet,.experiment-info-sheet *{visibility:visible!important}.experiment-info-sheet{width:100%;max-width:none;box-shadow:none;border:0;border-radius:0;margin:0;padding:8mm;position:absolute;inset:0 auto auto 0}.info-sheet-head h2{font-size:28px}.info-sheet-columns{gap:18px}.info-sheet-columns li{margin-bottom:4px;font-size:11px;line-height:1.3}.info-sheet-memory{margin-top:12px}.info-sheet-safety{margin-top:8px}}