:root{--wine:#741d3d;--wine-dark:#52142b;--wine-light:#f6eaf0;--ink:#243149;--muted:#6a7889;--line:#e2e5eb;--surface:#fff;--bg:#f7f7f9;--green:#1c7252;--amber:#98652e;--shadow:0 18px 45px rgba(30,35,45,.055)}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--wine)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c57a9b;outline-offset:3px}.site-header{max-width:1320px;margin:auto;padding:22px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px}.logo{text-decoration:none;color:var(--ink);font-size:23px;font-weight:900;letter-spacing:-.04em;line-height:1}.logo span{color:var(--wine)}.logo small{display:block;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-top:5px}.copyright-head{font-size:12px;color:var(--muted)}.page{max-width:1320px;margin:auto;padding:12px 30px 54px}.loading{text-align:center;margin:10vh 0;color:var(--muted)}.hero{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:40px 0 36px}.hero h1{font:700 clamp(36px,4.5vw,65px)/1.06 Georgia,serif;letter-spacing:-.035em;margin:8px 0 18px;max-width:850px}.hero p{max-width:760px;color:#5f6e81;font-size:17px}.eyebrow{font-weight:850;text-transform:uppercase;letter-spacing:.17em;font-size:11px;color:var(--wine)}.hero-mark{width:145px;height:145px;border-radius:27px;background:var(--wine-light);display:flex;align-items:center;justify-content:center;color:var(--wine);font:700 100px Georgia,serif;flex-shrink:0}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px}.pad{padding:28px}.login{max-width:510px;margin:25px auto 60px}.login h2{font:700 29px Georgia,serif;margin:0 0 8px}.field{display:flex;flex-direction:column;gap:6px;margin:13px 0}.field label{font-size:12px;color:#405066;font-weight:750}.field input,.field select{width:100%;background:white;border:1px solid #cbd2dd;border-radius:9px;padding:11px 12px;min-height:44px}.btn{border:1px solid #d1d8e0;border-radius:10px;background:white;color:var(--ink);font-weight:760;padding:10px 16px;min-height:43px}.btn:hover{border-color:#aa97a2}.btn-main{background:var(--wine);color:white;border-color:var(--wine)}.btn-main:hover{background:var(--wine-dark)}.btn-soft{color:var(--wine);background:var(--wine-light);border-color:#e7ceda}.btn-small{font-size:12px;min-height:36px;padding:7px 12px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.between{justify-content:space-between}.nav{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:7px 0 25px}.nav .tab{border:1px solid #e2e5e9;background:#fff;border-radius:25px;padding:9px 16px;color:#445067;font-weight:750;font-size:13px}.nav .tab.active{color:white;background:var(--wine);border-color:var(--wine)}.muted{color:var(--muted)}.small{font-size:12px}.notice{padding:13px 16px;border-radius:11px;background:#faf0f4;color:#65213f;border:1px solid #edd4df;margin:12px 0}.notice.error{background:#fff0ef;border-color:#e3b8ba;color:#923040}.notice.success{background:#e8f4ee;color:#235f47;border-color:#c6e4d2}.section-title{font:700 29px Georgia,serif;letter-spacing:-.01em;margin:4px 0 14px}.modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:20px 0}.module{background:white;border:1px solid var(--line);border-radius:15px;padding:19px;min-height:145px;box-shadow:var(--shadow)}.module .num{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;background:var(--wine-light);color:var(--wine);font-weight:850;font-size:13px}.module h3{font-size:16px;margin:9px 0 2px}.module p{font-size:12px;color:var(--muted);margin:0}.module .foot{margin-top:13px;display:flex;gap:8px;flex-wrap:wrap}.label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:800}.workspace{display:grid;grid-template-columns:minmax(290px,.86fr) minmax(420px,1.4fr);align-items:start;gap:17px}.task-card{padding:25px}.task-card h2{font:700 31px Georgia,serif;margin:9px 0 16px}.task-card .scene{font-size:16px;line-height:1.8}.prompt{font-weight:780;font-size:17px;margin-top:23px}.instruction{font-size:12px;background:#f9f0f4;border-left:3px solid var(--wine);padding:10px 13px;border-radius:6px}.atlas{padding:20px}.atlas h3{font:700 23px Georgia,serif;margin:0}.atlas-scroll{overflow:auto}.brain{position:relative;width:100%;min-width:610px;margin:16px auto 4px}.brain img{width:100%;display:block}.brain-point{position:absolute;transform:translate(-50%,-50%);border-radius:100%;width:28px;height:28px;padding:0;border:2px solid rgba(28,40,60,.55);background:rgba(255,255,255,.64);color:var(--ink);font-size:10px;font-weight:900}.brain-point.selected{border-color:var(--area);background:color-mix(in srgb,var(--area) 28%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--area) 20%,transparent)}.brain-point:hover{border-color:var(--area);box-shadow:0 0 0 3px color-mix(in srgb,var(--area) 20%,transparent)}details{margin-top:14px}summary{cursor:pointer;font-weight:800;color:var(--wine);padding:7px 0}.legend{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 14px}.region{border:1px solid #e1e5e9;background:white;border-radius:9px;text-align:left;display:flex;align-items:flex-start;gap:8px;padding:9px;min-height:55px;font-size:12px;line-height:1.35}.region[aria-pressed=true]{border-color:#8d95a0;box-shadow:inset 0 0 0 1px #c3cad2}.region b{flex:0 0 27px;height:27px;display:grid;place-items:center;border-radius:7px;background:var(--area);color:var(--text);font-size:11px}.region span em{display:block;color:#6b7889;font-style:normal;font-size:10px;margin-top:2px}.selected-chips{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 14px;min-height:26px}.chip{border-radius:99px;background:#f5eff2;padding:4px 9px;font-size:12px;color:var(--wine)}.controls{border-top:1px solid var(--line);padding-top:15px;display:flex;gap:9px;align-items:center;justify-content:space-between;flex-wrap:wrap}.confidences{display:flex;gap:5px;flex-wrap:wrap}.confidences label{border:1px solid #dbe0e7;border-radius:9px;padding:7px 11px;font-size:12px;cursor:pointer}.confidences label:has(input:checked){border-color:var(--wine);background:var(--wine-light);color:var(--wine)}.confidences input{accent-color:var(--wine)}.progress-track{height:7px;border-radius:99px;background:#e9e9ec;overflow:hidden;margin-bottom:17px}.progress-fill{height:100%;background:var(--wine)}.feedback{border-top:4px solid var(--wine);grid-column:1/-1;padding:22px}.feedback h3{font:700 26px Georgia,serif;margin:6px 0}.source-image{width:min(100%,720px);border:1px solid #e4e5e8;border-radius:13px;margin-top:15px}.statline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0}.stat{background:white;border:1px solid var(--line);border-radius:13px;padding:18px}.stat strong{display:block;font:700 29px Georgia,serif;margin-top:5px;color:var(--wine)}.stat span{font-size:12px;color:var(--muted)}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px;background:white}.data-table th,.data-table td{border-bottom:1px solid #e5e8eb;text-align:left;padding:11px 12px}.data-table th{color:#5f6f81;font-size:11px;text-transform:uppercase;background:#f8f8fa}.subtle-panel{background:#fafbfc;border:1px solid var(--line);border-radius:13px;padding:16px;margin:15px 0}.footer{text-align:center;color:var(--muted);font-size:12px;padding:30px 20px 42px;max-width:1100px;margin:auto;border-top:1px solid #e5e7ea}.hidden{display:none!important}.note{margin-top:18px;font-size:12px;color:var(--muted)}@media(max-width:900px){.workspace{grid-template-columns:1fr}.modules{grid-template-columns:1fr 1fr}.statline{grid-template-columns:1fr 1fr}.hero-mark{display:none}}@media(max-width:600px){.site-header{padding:18px}.copyright-head{font-size:10px}.page{padding:10px 16px 36px}.modules{grid-template-columns:1fr}.legend{grid-template-columns:1fr}.hero{padding:15px 0 20px}.pad,.task-card{padding:17px}.statline{grid-template-columns:1fr 1fr}.atlas{padding:13px}}
/* 0.2 — expanded, immediately available teaching feedback. */
.feedback{margin-top:23px;padding:25px 29px;scroll-margin-top:20px}
.feedback-heading{display:flex;align-items:center;justify-content:space-between;gap:17px}
.feedback-heading h3{margin:7px 0 6px}
.feedback-heading p{margin:0}
.feedback-score{display:inline-grid;place-items:center;border-radius:15px;background:var(--wine-light);color:var(--wine);font-weight:900;font-size:21px;min-width:75px;padding:11px}
.feedback-diff{background:#faf8f9;border:1px solid #eadde3;border-radius:12px;padding:13px 16px;margin:20px 0}
.feedback-diff p{font-size:13px;line-height:1.65;margin:5px 0}
.feedback-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,1.05fr);gap:26px;align-items:start}
.feedback-text h4{font:700 21px Georgia,serif;color:var(--ink);margin:23px 0 11px}
.feedback-text p{line-height:1.78;font-size:14px;color:#42536a}
.correct-regions{list-style:none;padding:0;margin:0;display:grid;gap:7px}
.correct-regions li{display:flex;align-items:center;gap:11px;border-bottom:1px solid #ececf0;padding:8px 0;font-size:13px}
.answer-number{display:grid;place-items:center;min-width:33px;height:33px;border-radius:9px;background:var(--area);color:var(--text);font-size:12px}
.feedback-practice{border-left:3px solid var(--wine);border-radius:4px 10px 10px 4px;background:var(--wine-light);padding:8px 16px;margin-top:22px}
.feedback-practice h4{font-size:19px;margin:6px 0}
.feedback-practice p{margin:6px 0 10px}
.feedback-figure{margin:9px 0;position:sticky;top:15px}
.feedback-figure img{width:100%;height:auto;max-height:640px;object-fit:contain;background:#fff;border:1px solid #e1e5ed;border-radius:12px;margin:0}
.feedback-figure figcaption{font-size:12px;color:#64738a;margin-top:8px}
.feedback-caveat{font-size:12px!important;color:#657489!important;margin-top:23px}
.feedback-actions{display:flex;justify-content:flex-end;border-top:1px solid var(--line);margin-top:23px;padding-top:16px}
@media(max-width:900px){.feedback-grid{grid-template-columns:1fr}.feedback-figure{position:static}.feedback{padding:18px}}

/* STYKI LAB 0.1.1: inline feedback on the same clickable brain atlas */
.brain img{pointer-events:none;user-select:none}
.brain{isolation:isolate}
.brain-color-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;mix-blend-mode:multiply}
.brain-color-overlay .paint-area{opacity:.31;stroke-width:3;stroke:transparent;stroke-linejoin:round}
.brain-color-overlay .paint-area.missed{opacity:.16;stroke:#ad762f;stroke-width:3;stroke-dasharray:8 6}
.brain-point{z-index:2;width:37px;height:37px;border:2px solid #556071;background:rgba(255,255,255,.82);font-size:12px;box-shadow:0 0 0 3px rgba(255,255,255,.42);touch-action:manipulation}
.brain-point::after{content:' ';position:absolute;inset:-5px;border-radius:50%}
.brain-point.selected{background:var(--area);color:var(--text);border-color:#26344c;box-shadow:0 0 0 4px rgba(36,49,73,.12)}
.brain-point.answer-right{background:var(--area);color:var(--text);border:3px solid #168352;box-shadow:0 0 0 4px rgba(22,131,82,.2)}
.brain-point.answer-missing{background:var(--area);color:var(--text);border:3px dashed #a86a18;box-shadow:0 0 0 4px rgba(168,106,24,.15)}
.brain-point.answer-extra{background:#fff1f1;color:#8b1429;border:3px solid #ba2943;box-shadow:0 0 0 4px rgba(186,41,67,.14)}
.region.answer-right b{outline:2px solid #168352;outline-offset:1px}
.region.answer-missing b{outline:2px dashed #a86a18;outline-offset:1px}
.region.answer-extra b{outline:2px solid #ba2943;outline-offset:1px}
.atlas-feedback-key{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 7px;font-weight:800;font-size:12px;color:#39475c}
.atlas-feedback-key[hidden],.inline-check[hidden]{display:none!important}
.atlas-feedback-key span{border:1px solid #e3e5e9;border-radius:20px;padding:5px 9px;background:#fff}
.key-hit{color:#14684b}.key-missing{color:#916018}.key-extra{color:#9c243f}
.inline-check{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:#f7f0f3;border:1px solid #e7ced9;border-radius:12px;padding:12px 14px;margin-top:12px;color:#593044}
.inline-check strong{color:var(--wine)}.inline-check span{font-size:12px;flex:1 1 220px}
.feedback-grid.one-column{grid-template-columns:minmax(0,1fr);max-width:1050px}
.feedback{scroll-margin-top:20px}
@media(max-width:700px){.brain-point{width:39px;height:39px}.atlas-feedback-key{gap:6px}.brain{min-width:610px}.inline-check{gap:9px}}

/* STYKI LAB 0.2: accepted STYKI logo and narrative, source-backed learning. */
.site-header .logo-img{display:inline-flex;align-items:center;justify-content:center;max-width:200px;width:188px;flex:0 0 auto}
.site-header .logo-img img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.hero-logo{width:200px;max-width:24%;height:auto;object-fit:contain;mix-blend-mode:multiply;align-self:center}
.story-paragraph{font-size:15px!important;line-height:1.84!important;margin:12px 0 17px!important;max-width:88ch}
.feedback-text{max-width:920px}
.example-box{background:#f8f0f3;border:1px solid #eedde4;border-left:4px solid var(--wine);padding:17px 20px;border-radius:12px;margin:22px 0}
.example-box h4{margin:0 0 7px!important;font-size:19px!important}.example-box p{margin:0!important}
.research-sources{margin-top:25px;padding-top:20px;border-top:1px solid #dfe3e8}
.research-sources h4{font-size:21px!important;margin:4px 0 13px!important}
.research-sources ol{padding-left:21px;margin:10px 0}
.research-sources li{padding:7px 0;line-height:1.7;font-size:13px;overflow-wrap:anywhere}
.research-sources a{color:var(--wine);font-weight:bold;text-decoration:underline;text-underline-offset:2px}
.brain-point:focus-visible{outline:4px solid #8f1b45;outline-offset:3px}
@media(max-width:700px){.site-header .logo-img{width:130px}.hero-logo{display:none}}

/* STYKI LAB 0.2.1 — reliable direct selection on brain illustration */
.brain{position:relative;isolation:isolate}
.brain-hit-layer{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}
.atlas-hotspot{fill:transparent;stroke:transparent;stroke-width:0;pointer-events:all;cursor:pointer;transition:fill .12s,fill-opacity .12s}
.atlas-hotspot:hover{fill:var(--area);fill-opacity:.17;stroke:var(--area);stroke-width:2}
.atlas-hotspot.selected{fill:var(--area);fill-opacity:.28;stroke:var(--area);stroke-width:2.5}
.atlas-hotspot.selected:hover{fill-opacity:.35}
#brainpoints{position:absolute;inset:0;z-index:4;pointer-events:none}
#brainpoints .brain-point{position:absolute;pointer-events:auto;cursor:pointer;z-index:5;min-width:38px;min-height:38px}
#brainpoints .brain-point:focus-visible{outline:3px solid var(--wine);outline-offset:2px}
.brain-color-overlay{z-index:2}
.brain.reviewed .brain-hit-layer{pointer-events:none}
.brain.reviewed .atlas-hotspot{pointer-events:none;cursor:default}
@media(max-width:700px){#brainpoints .brain-point{min-width:42px;min-height:42px}}

/* STYKI LAB 0.3 — minimal / modern academic landing. One logo in header. */
:root{--bg:#f6f5f7;--ink:#222a3b;--muted:#667083;--wine:#751b3d;--wine-dark:#51102c;--wine-light:#f6ebf0;--shadow:0 16px 48px rgba(30,31,45,.045)}
body{background:linear-gradient(145deg,#f9f8fb 0%,#f7f5f8 42%,#f7f7f9 100%)}
.site-header{min-height:105px;padding:20px 30px;border-bottom:1px solid rgba(49,42,61,.055)}
.site-header .logo-img{width:169px;max-width:169px}
.site-header .logo-img img{mix-blend-mode:multiply}
.header-label{font-size:10px;font-weight:800;letter-spacing:.21em;color:#8b7f8e}
.hero-logo{display:none!important}
.page{padding-top:16px}
.hero-product,.hero-login{min-height:350px;margin:13px 0 26px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.75fr);gap:40px;align-items:center;background:radial-gradient(ellipse at 16% 12%,rgba(239,219,231,.55),transparent 48%),linear-gradient(120deg,#fffeff 0%,#fcf8fa 72%,#f5e9ef 100%);border:1px solid #eadce4;border-radius:24px;padding:44px clamp(24px,4vw,57px);box-shadow:0 22px 58px rgba(68,27,46,.045);overflow:hidden}
.hero-copy{min-width:0}
.hero .eyebrow{font-size:11px;letter-spacing:.22em;color:#8b3555;margin-bottom:22px}
.hero h1{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:clamp(42px,4.5vw,76px);font-weight:830;line-height:1.07;letter-spacing:-.055em;margin:0 0 25px;color:#202b42}
.hero h1 em{font-style:normal;color:var(--wine)}
.hero p{font-size:clamp(15px,1.2vw,18px);max-width:730px;line-height:1.72;color:#5e6677;margin:0}
.hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.hero-pills span{font-size:11px;font-weight:750;color:#75465b;background:rgba(255,255,255,.76);border:1px solid #e4d2dc;padding:8px 12px;border-radius:99px}
.hero-insights{background:#fff;border:1px solid #e8dbe2;border-radius:22px;box-shadow:0 15px 45px rgba(56,26,44,.055);padding:13px;display:grid;grid-template-columns:1fr 1fr;gap:10px;transform:rotate(1deg)}
.hero-insight{display:flex;flex-direction:column;justify-content:center;background:#f8f4f7;padding:22px 15px;border-radius:14px;min-height:104px}
.hero-insight.big{grid-row:span 2;background:var(--wine);color:white}
.hero-insight b{font-family:system-ui,-apple-system,sans-serif;font-size:clamp(36px,3.5vw,55px);font-weight:790;line-height:1;letter-spacing:-.045em}
.hero-insight.big b{font-size:clamp(70px,8.4vw,123px);font-weight:720}
.hero-insight span{font-size:12px;font-weight:680;margin-top:13px;line-height:1.3;opacity:.83}
.hero-insight-note{grid-column:1/-1;padding:13px;text-align:center;color:#8e6677;font-size:10px;letter-spacing:.18em;font-weight:800}
.module-section{margin-top:35px;align-items:end}
.module-section .eyebrow{margin-bottom:8px}
.module-section .section-title{font-size:clamp(25px,2.6vw,36px);margin:0;letter-spacing:-.035em;font-family:system-ui,-apple-system,sans-serif;font-weight:800}
.modules-modern{gap:16px;margin-top:24px}
.modules-modern .module{position:relative;min-height:190px;padding:25px;display:flex;flex-direction:column;box-shadow:0 12px 35px rgba(31,33,53,.04);border-radius:17px;transition:transform .17s,box-shadow .17s,border-color .17s}
.modules-modern .module:hover{transform:translateY(-3px);border-color:#d5b6c6;box-shadow:0 20px 45px rgba(49,23,39,.085)}
.modules-modern .module .num{width:39px;height:39px;background:#f6ebf0;color:#842f51;border-radius:11px;font-weight:800;font-size:14px}
.modules-modern .module h3{font-size:19px;letter-spacing:-.024em;margin-top:18px}
.modules-modern .module p{font-size:13px;margin-top:5px}
.modules-modern .module .foot{margin-top:auto;padding-top:20px}
.modules-modern .module .btn{font-size:12px;padding:8px 15px;min-height:37px}
.future-product{border-style:dashed;border-color:#dbcbd4;background:rgba(255,255,255,.5);margin:26px 0}
.footer{font-size:11px;line-height:1.6;border-top:1px solid #e7e1e6;margin-top:60px;padding:25px 20px 37px;max-width:1210px;color:#7b7580}
@media(max-width:850px){.hero-product,.hero-login{grid-template-columns:1fr;gap:24px;padding:28px;min-height:0}.hero-insights{width:100%;max-width:500px;transform:none}.modules-modern{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:570px){.site-header{min-height:75px;padding:13px 16px}.site-header .logo-img{width:124px}.header-label{font-size:8px;letter-spacing:.12em;text-align:right}.hero-product,.hero-login{padding:25px 20px;border-radius:18px;margin-top:4px}.hero h1{font-size:clamp(36px,10vw,51px)}.hero-insights{gap:6px;padding:8px}.hero-insight{min-height:80px;padding:13px}.hero-insight.big b{font-size:70px}.hero-insight b{font-size:33px}.modules-modern{grid-template-columns:1fr}.modules-modern .module{min-height:160px}}

/* STYKI LAB 0.4: clear modern visual system, photography, accurate region masks */
:root{--wine:#7a193f;--wine-dark:#57112e;--wine-light:#f1f3f5;--ink:#152a41;--muted:#627182;--bg:#f6f7f8;--shadow:0 16px 40px rgba(15,40,59,.06)}
body{background:#f6f7f8}
.page{max-width:1340px}
.site-header{background:white;max-width:none;padding-left:max(25px,calc((100vw - 1280px)/2));padding-right:max(25px,calc((100vw - 1280px)/2))}
.site-header .logo-img{width:154px;max-width:154px}.header-label{color:#516578}
.btn{transition:transform .15s,background .15s}.btn:hover{transform:translateY(-1px)}
.btn-main{background:#7a193f;border-color:#7a193f}
.showcase-hero{display:grid;grid-template-columns:1fr .98fr;min-height:480px;background:#fff;border:1px solid #dce3e9;border-radius:24px;overflow:hidden;box-shadow:0 17px 47px rgba(24,39,56,.06);margin:14px 0 45px}
.showcase-copy{padding:clamp(25px,5vw,65px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.showcase-copy h1{font-size:clamp(39px,4.5vw,72px);line-height:1.07;letter-spacing:-.057em;max-width:650px;margin:12px 0 22px;font-weight:830;color:#142a40}
.showcase-copy p{font-size:17px;line-height:1.7;color:#556579;max-width:610px;margin:0}
.hero-cta{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}.hero-cta .btn{text-decoration:none}
.hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:34px;color:#4c6074;font-size:12px;font-weight:800}
.showcase-photo{position:relative;min-height:450px;background:#dfd8d3}.showcase-photo img{width:100%;height:100%;object-fit:cover;object-position:66% center;position:absolute;inset:0}
.photo-stamp{position:absolute;left:24px;bottom:26px;padding:9px 14px;background:rgba(255,255,255,.92);border-radius:7px;font-size:10px;font-weight:800;letter-spacing:.13em;color:#21354a}
.how-section,.sales-section{margin:40px 0 60px}.how-section h2,.sales-section h2{font-size:clamp(27px,3vw,42px);letter-spacing:-.04em;margin:10px 0 10px}
.how-section>p,.sales-section>p{font-size:15px;max-width:800px}
.how-grid,.sales-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:24px}
.how-grid article,.sales-card{background:#fff;border:1px solid #dbe1e6;border-radius:17px;padding:25px;box-shadow:0 12px 35px rgba(26,37,46,.025)}
.how-grid article strong{color:#7a193f;font-size:13px;letter-spacing:.15em}
.how-grid h3,.sales-grid h3{margin:12px 0;font-size:19px;color:#243449}.how-grid p,.sales-card p{font-size:13px;color:#607184;line-height:1.65}
.sales-card{min-height:285px;display:flex;flex-direction:column}.sales-card .btn{align-self:flex-start;margin-top:auto;text-decoration:none}
.sales-card.featured{border:2px solid #7a193f;padding:24px}.sales-type{font-size:11px;letter-spacing:.12em;color:#7a193f;text-transform:uppercase;font-weight:800}
.sales-price{font-weight:850;font-size:27px;color:#182b44;line-height:1.3}
.sales-disclaimer{margin-top:17px;font-size:12px!important;color:#657383}
.login{max-width:680px;margin:40px auto 75px}
.hero-product{background:#fff;border-color:#dbe3e8}.hero-insights{transform:none;background:#f7f9fa;border-color:#e1e8ef}.hero-insight{background:#f0f3f7}.hero-insight.big{background:#213c55}.hero-insight-note{color:#415870}
.hero-pills span{color:#284b69;background:#eff3f6;border-color:#e4eaf0}
.modules-modern .module:hover{border-color:#96b2c7}.modules-modern .module .num{background:#e8eef3;color:#305878}
.access-strip{background:#17374e;color:#fff;padding:18px 22px;border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin:12px 0 23px}
.access-strip b,.access-strip span{display:block}.access-strip span{font-size:12px;color:#bfd5e0;margin-top:4px}.access-strip .btn{background:transparent;color:#fff;border-color:#a7c7d9}
.brain{isolation:isolate}.brain>img:first-child{position:relative;z-index:0}.region-fills{position:absolute;inset:0;z-index:1;pointer-events:none}.region-fill{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:fill;mix-blend-mode:multiply;opacity:0;pointer-events:none;transition:opacity .15s}
.region-fill.mask-selected{opacity:.48}.region-fill.revealed-mask.mask-hit{opacity:.52}.region-fill.revealed-mask.mask-missed{opacity:.32;filter:saturate(.55)}
.brain-hit-layer{z-index:3}.brain-point{z-index:6!important}
.atlas-hotspot{fill:transparent!important;stroke:none!important;cursor:pointer;pointer-events:visiblePainted}
.atlas-hotspot.selected{fill:transparent!important;stroke:none!important}
.region[aria-pressed=true]{background:#fff;outline:2px solid #365a76;outline-offset:-2px}
.feedback-diff{background:#f5f8fa;border:1px solid #d9e1e6}
.revisit{display:flex;align-items:center;gap:12px;background:#ecf1f5;border:1px solid #d9e4ec;padding:12px 16px;border-radius:12px;margin:8px 0 15px;flex-wrap:wrap}.revisit label{font-size:12px;font-weight:750}.revisit select{max-width:390px;padding:9px 12px;border:1px solid #c6d6e2;border-radius:9px;background:#fff}
.edit-card{margin:18px 0}.edit-card textarea{font:inherit;width:100%;border:1px solid #cbd4dc;border-radius:10px;padding:13px;min-height:75px;resize:vertical}.edit-card label{font-weight:800}.edit-card select{width:100%;max-width:650px;padding:12px;border:1px solid #cbd4dc;border-radius:9px}
@media(max-width:900px){.showcase-hero{grid-template-columns:1fr}.showcase-photo{min-height:310px;max-height:400px}.how-grid,.sales-grid{grid-template-columns:1fr}.showcase-copy{padding:35px}}
@media(max-width:570px){.showcase-copy h1{font-size:40px}.showcase-photo{min-height:250px}.access-strip{align-items:flex-start;flex-direction:column}.site-header .logo-img{width:120px}.showcase-hero{margin-top:3px}}

/* STYKI LAB 0.5 — two-product editorial architecture */
:root{--wine:#751537;--wine-dark:#520f2a;--ink:#182738;--muted:#586c7b;--line:#dde4e9;--bg:#f6f8f9}
body{background:var(--bg)}
.site-header{border-bottom:1px solid #e2e7eb;background:#fff}.page{max-width:1380px}
.public-subnav{display:flex;justify-content:flex-end;align-items:center;gap:23px;flex-wrap:wrap;padding:4px 3px 18px;font-size:12px;font-weight:740}
.public-subnav a{text-decoration:none;color:var(--ink)}.public-subnav a:hover{text-decoration:underline;text-underline-offset:5px}
.public-subnav .public-login-link{background:var(--wine);color:#fff;padding:11px 16px;border-radius:10px;text-decoration:none}
.showcase-hero-v5{margin-top:2px;min-height:455px;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);background:white}
.showcase-hero-v5 .showcase-copy{padding:clamp(30px,3.7vw,62px)}
.showcase-hero-v5 h1{font-size:clamp(38px,4.4vw,69px);max-width:12.5ch;line-height:1.08;letter-spacing:-.052em}
.showcase-hero-v5 p{font-size:clamp(16px,1.3vw,19px);max-width:52ch}
.showcase-photo img{min-height:430px}
.positioning{border-bottom:1px solid #e2e7ed;margin:55px auto 55px;padding:0 max(8px,2vw) 34px;max-width:1140px}
.positioning p{color:var(--wine);text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:850}
.positioning h2{font-size:clamp(27px,3vw,45px);letter-spacing:-.035em;line-height:1.18;max-width:1000px}
.product-showcase{padding:24px 0 35px;scroll-margin-top:15px}
.product-showcase .eyebrow,.audience-section .eyebrow{color:var(--wine)}
.section-top{display:flex;justify-content:space-between;gap:20px}.section-top h2{font-size:clamp(28px,3vw,42px);line-height:1.2;letter-spacing:-.032em;margin:8px 0 12px}
.section-top p{max-width:760px;line-height:1.7;font-size:15px}
.product-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:25px}
.product-tile{background:#fff;border:1px solid #dbe3e9;border-radius:22px;padding:clamp(24px,3vw,40px);min-width:0;display:flex;flex-direction:column;gap:12px;box-shadow:0 14px 38px rgba(17,31,48,.045);position:relative;overflow:hidden}
.product-tile-brain{background:radial-gradient(circle at 97% -12%,#e8eef4,transparent 42%),#fff}
.product-tile-floom{background:radial-gradient(circle at 95% 5%,#e0efe8,transparent 40%),#fff}
.product-tile-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.product-eyebrow{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.17em;color:#52667a}
.product-state{font-size:10px;line-height:1.4;font-weight:800;border-radius:50px;padding:6px 11px;display:inline-flex;align-items:center;width:max-content;max-width:100%}
.product-state.available{background:#e6f3e9;color:#1e6245}.product-state.research{background:#e8f0f2;color:#235970}
.product-symbol{font-size:76px;line-height:1;color:var(--wine);margin:6px 0 -8px}
.product-tile h3{font-size:clamp(25px,2.6vw,38px);margin:8px 0 0;letter-spacing:-.045em;color:var(--ink);line-height:1.16}
.product-punch{font-size:18px!important;color:var(--ink)!important;font-weight:730;line-height:1.4!important}
.product-tile p{line-height:1.67;color:#566777;font-size:14px;max-width:57ch;margin:0 0 5px}
.product-meta{display:flex;gap:7px;flex-wrap:wrap;margin:7px 0 13px}
.product-meta span{border:1px solid #e1e6ea;background:#f4f7f9;color:#526676;padding:6px 10px;border-radius:50px;font-size:11px;font-weight:700}
.product-tile>.btn{align-self:flex-start;margin-top:auto;text-decoration:none}
.product-tile .btn-outline{color:var(--ink);background:transparent}
.floom-visual{height:74px;display:flex;align-items:center;gap:12px;color:#125b4e;position:relative;isolation:isolate}
.floom-visual b{font-size:clamp(37px,4vw,56px);letter-spacing:.10em;font-weight:750;position:relative;z-index:2}
.floom-orbit{display:inline-block;width:66px;height:66px;border:2px solid #4b9487;border-radius:50%;position:absolute;left:117px;top:0;transform:skew(20deg) rotate(25deg);opacity:.5;z-index:0}
.floom-orbit.orbit-two{transform:skew(-22deg) rotate(-36deg);border-color:#9abca5}
.audience-section{background:#102b40;color:#fff;border-radius:22px;padding:clamp(25px,4vw,55px);display:grid;grid-template-columns:1fr 1.15fr;gap:35px;margin:40px 0 55px;scroll-margin-top:25px}
.audience-section .eyebrow{color:#efb5c8}
.audience-section h2{font-size:clamp(27px,2.5vw,39px);letter-spacing:-.03em;line-height:1.18;margin:12px 0;max-width:470px}
.audience-list p{display:grid;gap:4px;margin:0;padding:14px 0;border-bottom:1px solid #547083;color:#d1e0e7;font-size:13px;line-height:1.55}
.audience-list p:last-child{border:0}.audience-list b{color:#fff;font-size:16px}
.research-section{scroll-margin-top:20px;display:grid;grid-template-columns:180px 1fr;align-items:start;gap:26px;border:1px solid #d6e2e1;background:#f1f7f6;border-radius:20px;padding:clamp(22px,3vw,38px);margin:38px 0}
.research-section h2{font-size:clamp(23px,2.5vw,34px);letter-spacing:-.03em;margin:0 0 12px}
.research-section p{font-size:14px;line-height:1.78;max-width:75ch;margin:6px 0}
.learner-mosaic{position:relative;min-height:275px;border-radius:20px;overflow:hidden;align-self:stretch}
.learner-mosaic img{width:100%;height:100%;object-fit:cover;object-position:65% center;display:block}
.learner-mosaic span{position:absolute;bottom:14px;left:15px;background:#fffefaef;padding:9px 13px;color:#21384e;border-radius:8px;font-size:11px;font-weight:850}
.hero-product{grid-template-columns:1.12fr .88fr!important;background:#fff!important;border-color:#e0e6eb!important}
.hero-product .hero-copy{z-index:1}
.hero-product .hero-copy h1{font-size:clamp(37px,3.5vw,62px)!important}
.floom-detail{max-width:930px;margin:12px auto 65px;padding:clamp(26px,4vw,54px)}
.floom-detail h1{font-size:clamp(42px,5vw,70px);letter-spacing:-.05em;margin:12px 0}
.floom-detail>p{max-width:75ch;font-size:15px;line-height:1.75}
.floom-logo-hero{font-size:clamp(28px,4vw,49px);font-weight:760;letter-spacing:.07em;color:#246955;margin-top:36px}
.floom-logo-hero i{font-style:normal;color:#b4bdc2}
.footer{border-top:1px solid #dce5ea;color:#647584;background:transparent}
@media(max-width:900px){.product-pair{grid-template-columns:1fr}.audience-section{grid-template-columns:1fr}.research-section{grid-template-columns:1fr}.showcase-hero-v5{grid-template-columns:1fr}.learner-mosaic{min-height:240px}}
@media(max-width:600px){.public-subnav{justify-content:flex-start;gap:14px}.public-subnav a{font-size:11px}.positioning{margin:35px 0}.product-tile{padding:23px}.product-tile h3{font-size:30px}.product-tile-top{align-items:flex-start}.hero-product{grid-template-columns:1fr!important}.learner-mosaic{min-height:200px}.research-section{margin:28px 0}}

/* STYKI LAB 0.6 — accessibility, editorial disclosure, knowledge-first presentation */
.evidence-section{background:#fff;border:1px solid #dce5e9;border-radius:20px;padding:clamp(23px,3.6vw,45px);margin:52px 0 36px;scroll-margin-top:16px}
.evidence-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:35px;align-items:start}.evidence-section h2,.faq-section h2{font-size:clamp(26px,2.8vw,39px);line-height:1.2;letter-spacing:-.035em;margin:13px 0}
.evidence-section p{font-size:14px;line-height:1.76;color:#536776}.evidence-points p{display:flex;flex-direction:column;gap:5px;border-bottom:1px solid #e1e9ec;padding:10px 0;margin:0}.evidence-points p:last-child{border-bottom:0}.evidence-points b{font-size:15px;color:#1c3345}.evidence-points span{font-size:13px;line-height:1.6}
.faq-section{margin:44px 0 60px;scroll-margin-top:15px}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}.faq-grid details{border:1px solid #dbe4e9;background:white;border-radius:15px;padding:20px 24px;min-width:0}.faq-grid details[open]{border-color:#afbbc7}.faq-grid summary{font-weight:770;cursor:pointer;color:#223746;line-height:1.4;padding-right:8px}.faq-grid details p{font-size:13px;line-height:1.72;color:#526675}
.sales-card.featured{border:1.5px solid #a8bdc4;padding:25px;background:#f8fbfa}.access-caption{font-size:18px;font-weight:830;margin:8px 0 14px;color:#153c41}.sales-card p{font-size:14px;line-height:1.67}
.public-subnav a:focus-visible,.btn:focus-visible,.faq-grid summary:focus-visible{outline:3px solid #b45375;outline-offset:4px;border-radius:3px}
@media(max-width:900px){.evidence-grid,.faq-grid{grid-template-columns:1fr}.evidence-section{margin-top:28px}}

/* STYKI LAB 0.7 — accessible editorial polish, preserving all atlas region colors */
:focus-visible{outline:3px solid #b45278;outline-offset:3px}
.product-tile h3{letter-spacing:-.035em}
.product-tile-brain h3{font-size:clamp(36px,3.5vw,54px)}
.product-tile .product-meta{flex-wrap:wrap}
.product-tile-floom .product-state{max-width:100%;text-align:right}
.floom-detail .notice{line-height:1.65}
.public-subnav{scroll-margin-top:16px}
.product-showcase,.faq-section,.audience-section,.sales-section{scroll-margin-top:22px}
@media(max-width:640px){.product-tile .product-tile-top{align-items:flex-start;gap:10px}.product-tile-floom .product-state{max-width:54%}}

.build-version{font-weight:800;color:#741d3d}

/* STYKI LAB: katalog trzech niezależnych narzędzi */
.product-pair{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-tile-flow{background:radial-gradient(circle at 95% 5%,#e3f3f1,transparent 42%),#fff}
.flow-symbol{font-size:clamp(36px,4vw,62px);font-weight:850;letter-spacing:.04em;color:#167c83;line-height:1.2;margin:8px 0 2px}
@media(max-width:1100px){.product-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.product-pair{grid-template-columns:1fr}}

@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/static/fonts/hankengrotesk-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/static/fonts/hankengrotesk-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/jetbrainsmono-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/jetbrainsmono-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/static/fonts/jetbrainsmono-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/static/fonts/jetbrainsmono-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 300 600;
  font-display: swap;
  src: url(/static/fonts/newsreader-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 300 600;
  font-display: swap;
  src: url(/static/fonts/newsreader-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url(/static/fonts/newsreader-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url(/static/fonts/newsreader-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* STYKI: wygląd portalu (czcionki, kolory, nagłówek). */
:root{--wine:#84263e;--wine-dark:#651a2e;--wine-light:#f8ecef;--ink:#24292e;--muted:#5d6670;--bg:#fff;--f-display:Newsreader,Georgia,"Times New Roman",serif;--f-body:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:"JetBrains Mono",ui-monospace,monospace}
body{background:#fff!important;font-family:var(--f-body)!important;color:var(--ink)}
h1,h2,h3,.section-title{font-family:var(--f-display)!important;font-weight:450!important;letter-spacing:-.01em!important}
h1 em{font-style:italic}
.eyebrow,.header-label{font-family:var(--f-mono)!important;font-weight:400!important;letter-spacing:.12em!important}
.hero-product,.hero-login{background:#f2f4f7!important;border:0!important;box-shadow:none!important}
.learner-mosaic{background:#e4dfec;border-radius:24px}
.learner-mosaic img{object-fit:contain!important;background:#e4dfec}
.site-header{display:none}
.st-top{border-bottom:1px solid #e6e8eb;background:#fff;font-family:var(--f-body)}
.st-top .in{max-width:1280px;margin:0 auto;padding:14px clamp(16px,4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.st-top .brand img{height:20px;width:auto;display:block}
.st-top .crumb{font:400 13px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.st-top .crumb a{color:inherit}
.st-top .back{font-size:15px;font-weight:600;color:var(--ink);border:1px solid #d5d9de;border-radius:999px;padding:9px 18px;text-decoration:none}
.st-top .back:hover,.st-top .back:focus-visible{border-color:var(--ink)}
.access-strip{background:#24292e!important}
@media (max-width:600px){.st-top .crumb{display:none}}
.hero-login{padding:40px clamp(20px,4vw,48px)!important;border-radius:24px;margin:24px 0}
.hero-login h1{font-size:clamp(34px,4vw,52px)!important}
.login{max-width:640px}

/* strona wstępna narzędzia z małym okienkiem logowania */
.auth-tool{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,380px);gap:44px;align-items:start;margin:28px 0 60px}
.tool-intro h1{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:clamp(38px,4vw,62px);font-weight:830;line-height:1.07;letter-spacing:-.045em;margin:14px 0 18px;color:#202b42}
.tool-lead{font-size:clamp(16px,1.3vw,19px);line-height:1.65;color:#4f5a6c;max-width:680px;margin:0 0 22px}
.tool-points{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:10px;max-width:680px}
.tool-points li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 16px;color:#4f5a6c}
.tool-points b{color:#202b42}
.tool-shot{margin:0 0 20px;max-width:760px}
.shot-frame{border:1px solid #dfe3ea;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 18px 44px rgba(30,35,45,.09)}
.shot-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#f3f4f7;border-bottom:1px solid #e4e7ec;font-size:12px;color:#6a7889}
.shot-bar i{width:9px;height:9px;border-radius:50%;background:#d5d9e0}.shot-bar span{margin-left:8px}
.shot-body{padding:20px}
.fl{background:#f2f6f6}.fl-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.fl-head b{font-size:20px;color:#162433}
.fl-btn{display:inline-block;background:#16737a;color:#fff;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700}.fl-btn.ghost{background:#e3eeee;color:#134e54;margin-right:6px}
.fl-study{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;background:#fff;border:1px solid #e1e8e8;border-radius:12px;padding:16px}
.fl-study b{display:block;font-size:16px;color:#162433;margin:8px 0 4px}.fl .pill{display:inline-block;font-size:11px;background:#e8f0f0;color:#134e54;border-radius:99px;padding:2px 9px;margin-right:5px}.fl .pill.on{background:#d7efe2;color:#1c7252}
.fl-link{font-size:12px;color:#16737a}.fl-res{display:flex;align-items:flex-end;gap:14px}.fl-n b{display:block;font-size:26px;color:#16737a;line-height:1}.fl-n small{font-size:11px;color:#6a7889}
.bars{display:flex;align-items:flex-end;gap:4px;height:64px}.bars i{display:block;width:9px;height:var(--h);background:#16737a;border-radius:3px 3px 0 0;transform-origin:bottom;animation:barup 6s var(--d) ease-out infinite}
.bars i:nth-child(1){--h:72%;--d:0.00s}.bars i:nth-child(2){--h:58%;--d:0.12s}.bars i:nth-child(3){--h:81%;--d:0.24s}.bars i:nth-child(4){--h:66%;--d:0.36s}.bars i:nth-child(5){--h:77%;--d:0.48s}.bars i:nth-child(6){--h:54%;--d:0.60s}.bars i:nth-child(7){--h:49%;--d:0.72s}.bars i:nth-child(8){--h:63%;--d:0.84s}.bars i:nth-child(9){--h:85%;--d:0.96s}
@keyframes barup{0%{transform:scaleY(.05);opacity:.4}25%,85%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:1}}
.fl-foot{margin-top:14px}
.bb{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:18px;align-items:center}
.bb-q small{font-size:10px;letter-spacing:.15em;color:var(--wine);font-weight:800}.bb-q b{display:block;font-size:15px;line-height:1.45;color:#202b42;margin-top:6px}
.bb-atlas{position:relative}.bb-atlas img{display:block;width:100%;height:auto}.bb-atlas svg{position:absolute;inset:0;width:100%;height:100%}
.bb-atlas path{fill:var(--wine);opacity:0;animation:pick 5s ease-in-out infinite}.bb-atlas path.r2{animation-delay:1.2s}
@keyframes pick{0%,15%{opacity:0}30%,80%{opacity:.38}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.bars i,.bb-atlas path{animation:none}.bb-atlas path{opacity:.3}}
@media(max-width:600px){.bb{grid-template-columns:1fr}.fl-study{grid-template-columns:1fr}}
.tool-shot figcaption{font-size:12px;color:var(--muted);margin-top:10px}
.tool-note{font-size:13px;color:var(--muted);max-width:680px}
.tool-links{font-size:14px;margin-top:16px}
.auth-tool .login{margin:0;max-width:none;padding:22px;position:sticky;top:18px}
.auth-tool .login h2{font-size:22px}
@media(max-width:860px){.auth-tool{grid-template-columns:1fr;gap:26px}.auth-tool .login{position:static}}

/* wykres modelu flow */
.fm-frame{background:linear-gradient(180deg,#fff,#fbf7f9);padding:18px 18px 8px}.fm-frame svg{display:block;width:100%;height:auto}
.fm-anx{fill:#f9eef2}.fm-bor{fill:#eef1f5}.fm-chan{fill:#e2bccb}
.fm-axis{stroke:#243149;stroke-width:2}.fm-arr{fill:#243149}
.fm-lab{font:700 15px system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.2em;fill:#8b5a6d}.fm-l-bor{fill:#6a7889}
.fm-flow{font:700 34px Georgia,serif;letter-spacing:.18em;fill:var(--wine)}
.fm-ax{font:600 14px system-ui,-apple-system,'Segoe UI',sans-serif;fill:#405066}
.fm-dot{fill:var(--wine);stroke:#fff;stroke-width:3;animation:fmgo 9s ease-in-out infinite}
@keyframes fmgo{0%{transform:translate(150px,300px)}20%{transform:translate(200px,215px)}35%{transform:translate(285px,250px)}55%{transform:translate(360px,150px)}70%{transform:translate(440px,165px)}85%{transform:translate(500px,85px)}100%{transform:translate(150px,300px)}}
@media(prefers-reduced-motion:reduce){.fm-dot{animation:none;transform:translate(330px,180px)}}