@charset "UTF-8";
:root{--paper:#faf8f3;--ink:#202126;--muted:#6d6b74;--violet:#6546e8;--lavender:#eee9fc;--lime:#d7ef83;--line:#dedcd6;--max:1200px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button[hidden],[hidden]{display:none!important}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.08;letter-spacing:-.055em}h2{font-size:clamp(36px,4.8vw,64px)}h3{font-size:28px}em{font-style:normal;color:var(--violet)}p{max-width:65ch}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--violet);outline-offset:6px;border-radius:3px}::selection{background:var(--lime);color:var(--ink)}.container{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.section{padding-block:110px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.13em;line-height:1.5}.muted{color:var(--muted)}.violet{color:var(--violet)}.small{font-size:12px;line-height:1.6}.status-dot{display:inline-block;width:7px;height:7px;background:var(--violet);border-radius:50%;margin-right:9px;vertical-align:1px}.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:var(--ink);color:white;padding:10px 18px}.skip-link:focus{top:12px}.brand{font-size:34px;font-weight:650;letter-spacing:-.09em;line-height:1}.brand span{color:var(--violet)}
.site-header{height:96px;position:sticky;top:0;z-index:30;display:flex;align-items:center}.nav-shell{width:min(var(--max),calc(100% - 96px));height:76px;margin:auto;display:flex;align-items:center;gap:30px;border-radius:16px;padding-inline:0;transition:background .2s,padding .2s,box-shadow .2s,height .2s}.site-header.scrolled .nav-shell{background:rgba(250,248,243,.98);height:66px;padding-inline:22px;box-shadow:0 4px 30px #2021260c;border:1px solid #e7e4dc}.navigation{display:flex;gap:28px;margin-left:auto;font-size:13px}.navigation a{transition:color .15s}.navigation a:hover{color:var(--violet)}.nav-contact{font-size:13px;font-weight:600;border-bottom:1px solid var(--ink);padding-block:7px;white-space:nowrap}.nav-contact span{display:inline-block;margin-left:14px;transition:transform .15s}.nav-contact:hover span{transform:translate(2px,-2px)}.menu-toggle{border:0;background:transparent;font-size:13px;padding:8px}
.hero{text-align:center;padding-top:65px}.hero-label{margin-inline:auto;margin-bottom:28px}.hero h1{font-size:clamp(56px,7.4vw,100px);line-height:1.03;letter-spacing:-.065em}.line{display:block}.line>span{display:inline-block}.hero-description{font-size:18px;color:var(--muted);margin:30px auto 0;line-height:1.6}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:16px 23px;border-radius:7px;font-size:13px;font-weight:550;line-height:1.4;transition:background .15s,box-shadow .15s}.button span{display:inline-block;transition:transform .15s}.button:hover span{transform:translate(2px,-2px)}.primary{background:var(--violet);color:white}.primary:hover{background:#5437cf;box-shadow:0 4px 15px #6546e818}.plain{background:transparent}.plain:hover{background:#eeece6}.hero-caption{display:flex;justify-content:space-between;margin:68px 0 16px;color:var(--muted);font-size:11px;text-align:left}.hero-caption a{font-size:9px;letter-spacing:.13em}.hero-caption a span{margin-left:13px}.hero-art{position:relative;aspect-ratio:2.45;border-radius:12px;overflow:hidden;text-align:left;background:#f2efe9;transform-origin:center}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 49%}.art-note{position:absolute;left:28px;bottom:25px;display:flex;gap:20px;font-size:13px;line-height:1.5}.art-note strong{font-weight:550}.art-number{font-size:10px;color:var(--muted);padding-top:4px}.art-label{position:absolute;bottom:27px;right:28px;font-size:9px;letter-spacing:.17em;color:var(--muted)}
.section-heading{display:grid;grid-template-columns:1fr 2fr 1.15fr;align-items:start;gap:30px;margin-bottom:52px}.section-heading>.eyebrow{padding-top:12px}.section-heading>p:last-child:not(.eyebrow){font-size:14px;color:var(--muted);padding-top:13px}.problem-rows{margin-left:23%}.problem-row{display:grid;grid-template-columns:35px 1.1fr 1.3fr 30px;gap:20px;padding:30px 0;border-top:1px solid var(--line);align-items:start}.problem-row:last-child{border-bottom:1px solid var(--line)}.row-number{font-size:11px;color:var(--muted);padding-top:4px}.problem-row h3{font-size:24px;letter-spacing:-.04em;line-height:1.2}.problem-row p{font-size:14px;color:var(--muted);padding-top:2px}.row-icon{font-size:23px;color:var(--violet);line-height:1.2}
.training-section{background:transparent;border-top:1px solid #eae7df;border-bottom:1px solid #eae7df}.training-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:60px}.offer-list{display:flex;flex-direction:column}.offer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 16px;border-top:1px solid #d8d5cc;transition:background .2s,transform .2s}.offer:hover{transform:translateY(-2px);background:#eae7df}.offer.selected{border-radius:7px;background:#e7e2f6;border-color:transparent}.offer strong{display:block;font-size:21px;font-weight:500;letter-spacing:-.03em;line-height:1.3}.offer small{display:block;font-size:9px;letter-spacing:.1em;margin-bottom:10px;color:#56545e}.offer-meta{font-size:12px;white-space:nowrap}.offer-meta>span{font-size:20px;margin-left:22px}.offer.separate{margin-top:26px;border-bottom:1px solid #d8d5cc}.offer-detail{padding:32px;background:var(--paper);border-radius:12px}.offer-topline{display:flex;justify-content:space-between;align-items:center}.duration{font-size:11px;border:1px solid var(--line);border-radius:20px;padding:4px 12px}.course-symbol{width:82px;height:82px;border:1px solid #d7cff4;border-radius:50%;display:grid;place-items:center;margin:30px 0;color:var(--violet);position:relative}.course-symbol:after{content:"";position:absolute;width:58px;height:58px;border:1px solid #d7cff4;border-radius:50%;transform:translate(10px,-5px)}.course-symbol>span{font-size:42px;z-index:1}.offer-detail h3{font-size:31px;margin-bottom:16px}.offer-detail>p:not(.small){font-size:14px;color:var(--muted)}.outcome-list{padding:0;margin:25px 0;list-style:none}.outcome-list li{font-size:13px;margin:11px 0;display:flex;gap:10px}.outcome-list li:before{content:"↗";color:var(--violet)}.offer-actions{display:flex;align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:24px}.text-link{font-size:13px;border-bottom:1px solid currentColor;padding-bottom:4px;width:fit-content}.text-link:hover{color:var(--violet)}.training-note{text-align:center;margin:35px auto 0;font-size:13px;color:var(--muted)}.training-note a{color:var(--ink);border-bottom:1px solid currentColor}
.workflow{border:1px solid var(--line);border-radius:12px;padding:28px 30px}.workflow-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:40px}.replay{border:0;background:transparent;color:var(--muted);font-size:11px;padding:7px}.replay span{padding-left:6px}.workflow-steps{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;padding:0;margin:0;gap:24px}.workflow-steps li{position:relative}.workflow-steps li:not(:last-child):after{content:"";position:absolute;top:27px;left:66px;right:-10px;height:1px;background:var(--line)}.step-dot{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:var(--paper);font-size:23px;transition:background .3s,border-color .3s,color .3s}.human-step .step-dot{background:var(--lime);border-color:var(--lime)}.workflow-steps li.active .step-dot{background:var(--violet);color:white;border-color:var(--violet)}.workflow-steps .human-step.active .step-dot{background:var(--lime);color:var(--ink);border-color:#b7cf5e}.step-index{display:block;font-size:9px;color:var(--muted);margin-top:19px;letter-spacing:.09em}.workflow h3{font-size:20px;letter-spacing:-.03em;margin:9px 0}.workflow li p{font-size:12px;color:var(--muted)}.workflow-bottom{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.workflow-bottom>p{font-size:12px;color:var(--muted)}.workflow-bottom strong{font-weight:500;color:var(--ink)}.branch-arrow{color:var(--violet);font-size:22px;margin-right:8px}.principles{display:flex;justify-content:space-between;margin-top:28px;color:var(--muted);font-size:12px}.principles span{color:var(--violet);margin-right:10px}
.about{display:grid;grid-template-columns:1fr 1.15fr;gap:100px;border-top:1px solid var(--line);align-items:center}.about-mark{height:440px;background:#eeebe4;border-radius:12px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.about-mark>span:first-child{font-size:160px;letter-spacing:-.09em;z-index:1;line-height:1}.about-mark-label{position:absolute;bottom:25px;left:26px;font-size:10px;letter-spacing:.15em;z-index:1}.mark-line{position:absolute;inset:-40px 80px;border:1px solid #d4d0c7;border-radius:50%;transform:rotate(40deg)}.about-copy .eyebrow{margin-bottom:25px}.about-copy h2{font-size:clamp(36px,4vw,52px)}.about-copy .lead{font-size:18px;margin-top:25px}.about-copy>p:not(.eyebrow):not(.lead){font-size:14px;color:var(--muted);margin:18px 0 30px}.faq{padding-top:20px}.faq .section-heading{grid-template-columns:1fr 2fr 1.15fr}.faq-list{margin-left:23%}.faq details{border-top:1px solid var(--line);padding:23px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:18px;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:22px;color:var(--muted)}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:14px;color:var(--muted);margin-top:18px;max-width:90%;line-height:1.8}
.contact{background:#efede6;text-align:center;padding:100px 0}.contact-inner>.eyebrow{margin-inline:auto;margin-bottom:25px}.contact h2{font-size:clamp(44px,6.3vw,82px);line-height:1.1}.contact-inner>p:not(.eyebrow):not(.small){font-size:16px;color:var(--muted);margin:27px auto}.contact-email{display:block;font-size:14px;width:fit-content;margin:20px auto 7px;border-bottom:1px solid var(--line)}.contact-inner>.small{margin-inline:auto}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:35px}.footer .brand{font-size:27px}.footer>span,.footer>a:not(.brand){font-size:11px;color:var(--muted)}
.detail-header{display:flex;align-items:center;justify-content:space-between;padding-block:30px}.detail-main{max-width:900px;padding-block:85px}.detail-main h1{font-size:clamp(44px,6vw,76px);margin:25px 0}.lead{font-size:22px;color:var(--muted);line-height:1.6}.detail-note{font-size:15px;padding:20px 0}.detail-note a{color:var(--violet);text-decoration:underline}.detail-section{padding:45px 0;border-top:1px solid var(--line);margin-top:25px}.detail-section h2{font-size:36px;margin-bottom:25px}.detail-section>p{font-size:16px;margin-bottom:25px}.detail-section .outcome-list li{font-size:18px}.detail-main+.footer{border-top:1px solid var(--line)}
/* Essential content is visible until the individual enhancement is ready. */
[data-reveal].reveal-ready{opacity:0;transform:translateY(16px);transition:opacity .4s var(--ease),transform .4s var(--ease)}[data-reveal].reveal-ready.visible{opacity:1;transform:none}.hero.motion-ready .line{overflow:hidden;padding-bottom:.09em;margin-bottom:-.09em}.hero.motion-ready [data-hero-line]{animation:hero-in .5s var(--ease) both}.hero.motion-ready .line:nth-child(2) [data-hero-line]{animation-delay:.08s}@keyframes hero-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.hero{padding-top:85px}}
@media(max-width:1050px){.container,.nav-shell{width:calc(100% - 64px)}.navigation{gap:18px}.section-heading{grid-template-columns:.7fr 2fr;gap:20px}.section-heading>p:last-child:not(.eyebrow){grid-column:2;padding-top:0}.problem-rows,.faq-list{margin-left:26%}.training-layout{gap:30px}.offer strong{font-size:18px}.offer-meta>span{margin-left:10px}.offer-detail{padding:26px}.about{gap:50px}.workflow-steps{gap:15px}.workflow h3{font-size:18px}.faq .section-heading{grid-template-columns:.7fr 2fr}.workflow-bottom{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:760px){html{scroll-padding-top:95px}body{font-size:16px}.container{width:calc(100% - 40px)}.section{padding-block:65px}.site-header{height:auto;min-height:80px;align-items:flex-start;background:var(--paper)}.nav-shell{width:calc(100% - 24px);height:auto;min-height:68px;margin:6px auto;padding:14px 8px;flex-wrap:wrap;gap:16px}.site-header.scrolled .nav-shell{height:auto;min-height:66px;padding:14px 12px}.brand{font-size:30px}.navigation{order:4;flex-basis:100%;margin:0;padding:14px 0 7px;flex-wrap:wrap;justify-content:space-between;gap:15px}.navigation a{font-size:13px}.menu-ready .navigation{display:none}.menu-ready.menu-open .navigation{display:flex}.nav-contact{margin-left:auto;font-size:11px}.nav-contact span{margin-left:7px}.menu-toggle{font-size:12px}.hero{padding-top:42px}.hero-label{font-size:9px;letter-spacing:.09em;margin-bottom:25px}.hero h1{font-size:clamp(37px,7.8vw,60px);letter-spacing:-.06em}.hero-description{font-size:15px;margin-top:24px}.hero-actions{gap:4px;margin-top:24px}.button{font-size:12px;padding:15px 18px;gap:18px}.hero-caption{margin-top:42px;font-size:9px;gap:20px}.hero-caption>span{max-width:220px}.hero-caption a{font-size:8px;white-space:nowrap}.hero-art{aspect-ratio:1.45;border-radius:8px}.hero-art img{object-fit:cover;object-position:center}.art-note{left:16px;bottom:17px;gap:12px;font-size:11px}.art-label{display:none}.section-heading,.faq .section-heading{display:block;margin-bottom:32px}.section-heading>.eyebrow{padding-top:0;margin-bottom:20px}.section-heading>p:last-child:not(.eyebrow){margin-top:20px;padding-top:0;font-size:14px}.problem-rows,.faq-list{margin-left:0}.problem-row{grid-template-columns:24px 1fr 20px;gap:10px;padding-block:25px}.problem-row h3{font-size:23px}.problem-row p{grid-column:2;grid-row:2;font-size:14px;margin-top:6px}.row-icon{grid-column:3;grid-row:1}.training-layout{grid-template-columns:1fr;gap:28px}.offer{padding:20px 12px}.offer strong{font-size:19px}.offer.separate{margin-top:15px}.offer-detail{padding:24px}.offer-detail h3{font-size:29px}.course-symbol{margin-block:24px}.workflow{padding:24px 20px}.workflow-heading{margin-bottom:24px;align-items:flex-start}.workflow-heading>.eyebrow{font-size:9px;max-width:190px}.replay{padding:0;font-size:10px;white-space:nowrap}.workflow-steps{grid-template-columns:1fr;gap:22px}.workflow-steps li{display:grid;grid-template-columns:54px 1fr;column-gap:18px}.step-dot{grid-row:1/4}.step-index{margin-top:0;font-size:9px}.workflow h3{margin:5px 0;font-size:21px}.workflow-steps li:not(:last-child):after{top:64px;bottom:-13px;left:27px;right:auto;height:auto;width:1px}.workflow li p br{display:none}.workflow-bottom{margin-top:24px;padding-top:20px}.principles{flex-direction:column;gap:12px;font-size:13px}.about{grid-template-columns:1fr;gap:35px}.about-mark{height:270px}.about-mark>span:first-child{font-size:130px}.about-copy h2{font-size:39px}.faq{padding-top:10px}.faq summary{font-size:16px;gap:15px}.faq details p{max-width:100%}.contact{padding-block:75px}.contact h2{font-size:clamp(42px,8.5vw,64px)}.footer{flex-wrap:wrap;padding-block:25px}.footer>span{font-size:10px}.footer>a:last-child{font-size:10px}.detail-main{padding-block:50px}.detail-main .lead{font-size:19px}.detail-header .text-link{font-size:11px}.detail-section h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}[data-reveal].reveal-ready{opacity:1;transform:none}[data-scale-visual]{transform:none!important}}
.offer-list button.offer{width:100%;text-align:left;border-left:0;border-right:0;border-bottom:0;background:transparent;font-family:inherit;color:inherit}.offer-list button.offer.selected{background:#e7e2f6}.offer-list button.offer:hover{background:#eae7df}.offer-list button.offer.selected:hover{background:#e1daf3}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Shared catalogue, reading and form styles. */
.hero-art{margin-top:48px}.section-heading{grid-template-columns:2fr 1.15fr}.problem-row{grid-template-columns:1.1fr 1.3fr 30px}.navigation a[aria-current]{color:var(--violet)}
.page-main{padding-block:70px;min-height:60vh}.page-main h1{font-size:clamp(36px,5vw,68px);margin-bottom:30px}.page-main h2{font-size:clamp(28px,3vw,40px);margin-block:35px 20px}.page-main h3{font-size:26px;margin-block:28px 15px}.page-main>p,.prose p{margin-block:18px}.prose{max-width:72ch;overflow-wrap:anywhere}.prose a,.page-main>p a{color:var(--violet);text-decoration:underline;text-underline-offset:3px}.prose li{margin-block:8px}.prose table{width:100%;border-collapse:collapse;font-size:15px;table-layout:fixed;margin-block:25px}.prose th,.prose td{border:1px solid var(--line);padding:12px;text-align:left;vertical-align:top;overflow-wrap:anywhere}.prose th{background:var(--lavender)}.prose blockquote{border-left:3px solid var(--violet);padding-left:20px;margin-inline:0}
.method-prose blockquote{position:relative;margin:24px 0;padding:28px 30px;border:1px solid rgba(255,255,255,.68);border-left:1px solid rgba(255,255,255,.68);border-radius:28px;background:
linear-gradient(145deg,rgba(255,255,255,.42),rgba(255,255,255,.14)),
radial-gradient(circle at 12% 10%,rgba(101,70,232,.13),transparent 38%);box-shadow:0 22px 55px rgba(32,33,38,.11),inset 0 1px 0 rgba(255,255,255,.78);backdrop-filter:blur(32px) saturate(155%);-webkit-backdrop-filter:blur(32px) saturate(155%);overflow:hidden}
.method-prose blockquote:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,rgba(255,255,255,.58),transparent 34%,rgba(101,70,232,.08));opacity:.72}
.method-prose blockquote>*{position:relative;z-index:1}
.method-prose blockquote h3{margin-top:0}
.method-prose blockquote p:last-child{margin-bottom:0}
.method-prose #co-cwiczysz-na-poszczegolnych-szkoleniach{margin-top:64px}.preview{padding:16px 20px;background:var(--lavender);font-size:14px}.grid,.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-block:35px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.liquid-tile{display:block;width:100%;height:100%;min-width:0;position:relative;border-radius:28px;background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.62);box-shadow:0 24px 60px rgba(32,33,38,.14),inset 0 1px 0 rgba(255,255,255,.72);backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden}
.liquid-tile:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(145deg,rgba(255,255,255,.56),rgba(255,255,255,.08) 38%,rgba(101,70,232,.10) 100%);mix-blend-mode:screen;opacity:.75}
.course-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:22px;padding:30px;border:0;border-radius:28px;background:transparent;min-width:0;height:100%}.course-card h3,.page-main .course-card h3{font-size:26px;line-height:1.2;margin:0}.course-card p{font-size:15px;color:var(--muted)}.course-card .duration{margin-top:auto}.course-card .button{margin-top:0}.training-section{position:relative;overflow:hidden;background:transparent}
.course-grid{padding:28px;border-radius:36px;background:transparent}
.carousel-track{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.carousel-ready .carousel-viewport{overflow:hidden;padding:8px;margin:-8px}.carousel-ready .carousel-track{display:flex;transition:transform .8s var(--ease);align-items:stretch}.carousel-ready .liquid-tile{height:auto;flex:0 0 calc((100% - 48px)/3)}.carousel-ready .course-card{height:100%}.carousel-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:28px}.carousel-controls button{background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:10px 16px;font-size:14px}.carousel-controls button[aria-pressed=true]{background:var(--lavender)}
form{max-width:720px;margin-block:35px}label{display:block;font-size:15px;margin:20px 0 7px}input,select,textarea{width:100%;max-width:100%;padding:13px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);font:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--violet);outline-offset:2px}form p{font-size:14px;margin-block:20px}form a{color:var(--violet);text-decoration:underline}form button[type=submit]{border:0;border-radius:7px;background:var(--violet);color:white;padding:15px 23px;font-size:15px}button:disabled{opacity:.6;cursor:default}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}[data-process-map]{max-width:100%;overflow-x:auto}.footer{border-top:1px solid var(--line)}
@media(max-width:1100px){.navigation{gap:16px}.nav-shell{gap:20px}.brand{font-size:30px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.carousel-ready .liquid-tile{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:900px){.site-header{height:auto;min-height:80px;align-items:flex-start;background:var(--paper)}.nav-shell{height:auto;min-height:68px;flex-wrap:wrap;padding:14px 8px}.site-header.scrolled .nav-shell{height:auto;min-height:66px;padding:14px 12px}.navigation{order:4;flex-basis:100%;margin:0;padding:14px 0 7px;flex-wrap:wrap;gap:15px}.menu-ready .navigation{display:none}.menu-ready.menu-open .navigation{display:flex}.nav-contact{margin-left:auto;font-size:11px}.menu-toggle{font-size:12px}}
@media(max-width:760px){.liquid-tile{border-radius:22px}.course-grid{padding:16px;border-radius:26px}.method-prose blockquote{padding:24px 22px;border-radius:22px}.brand{font-size:27px}.nav-shell{gap:12px}.nav-contact span{display:none}.section-heading{display:block}.problem-row{grid-template-columns:1fr 20px}.problem-row p{grid-column:1;grid-row:2}.row-icon{grid-column:2}.course-grid,.carousel-track{grid-template-columns:1fr}.carousel-ready .liquid-tile{flex-basis:100%}.course-card{padding:24px}.page-main{padding-block:45px}.grid{grid-template-columns:1fr}.workflow-steps li{grid-template-rows:auto auto}.step-dot{grid-row:1/3}.workflow h3{margin-top:0}.hero-art{margin-top:32px}.footer .brand{font-size:24px}.footer{gap:15px}.prose th,.prose td{padding:8px;font-size:13px}}
@media(max-width:360px){.nav-contact{order:3}.menu-toggle{margin-left:auto}.nav-shell{gap:10px}.brand{font-size:25px}}

@media(prefers-reduced-motion:reduce){[data-replay]{display:none!important}}

.contact-privacy{margin-block:24px;font-size:14px}.contact-privacy summary{cursor:pointer;color:var(--muted)}.contact-privacy[open] summary{color:var(--ink)}

/* Reading typography is separate from homepage display headings. */
.page-main .prose h2{font-size:clamp(28px,3vw,36px);line-height:1.25;letter-spacing:-.02em}
.page-main .prose h3{font-size:clamp(22px,2.5vw,26px);line-height:1.3;letter-spacing:-.02em}
.page-main .course-card h3{font-size:24px;line-height:1.3;letter-spacing:-.02em}
.page-main .workflow h3{font-size:20px;line-height:1.3;letter-spacing:-.03em;margin:9px 0}
@media(max-width:1050px){.page-main .workflow h3{font-size:18px}}
@media(max-width:760px){.page-main .course-card h3{font-size:22px}.page-main .workflow h3{font-size:21px;margin:0 0 5px}}

/* Biography content uses the shared site shell. */
.about-page .about-prose{max-width:72ch;overflow-wrap:anywhere}
.about-page .about-prose p{max-width:72ch;margin-block:20px}
.about-page .about-prose>p:first-child{font-size:clamp(18px,2vw,22px);line-height:1.65;margin-bottom:48px}
.about-page .about-prose h2{font-size:clamp(28px,3vw,36px);line-height:1.25;letter-spacing:-.02em;margin:48px 0 20px;scroll-margin-top:110px}
.about-page .about-prose a{color:var(--violet);text-decoration:underline;text-underline-offset:.2em}
.about-page .about-action{margin:42px 0 28px}
.page-main:focus{outline:0}
@media(max-width:760px){.about-page .about-prose h2{margin-top:36px}.about-page .about-action .button{max-width:100%;text-align:center}}

/* Programme pages use the homepage palette and actions, with reading typography. */
.training-back{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}
.training-back:hover{color:var(--violet)}
.training-hero{padding-block:64px;text-align:center}
.training-page .training-hero h1{max-width:960px;margin:20px auto 24px;font-size:clamp(32px,4.8vw,64px);font-weight:500;line-height:1.15;letter-spacing:-.035em;overflow-wrap:break-word}
.training-description{max-width:65ch;margin-inline:auto;color:var(--muted)}
.training-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}
.training-page .button{min-height:44px;text-decoration:none}
.training-page a.button.primary{color:#fff!important;background:#6546e8!important}
.training-page a.button.primary:hover{background:#5437cf!important}
.training-page .training-layout{display:block;min-width:0;margin-top:32px}
.training-page .training-prose{width:100%;max-width:72ch;min-width:0;margin-inline:auto}
.training-page .training-prose p{max-width:none}
.training-page h2{font-size:clamp(28px,3vw,36px);line-height:1.25;letter-spacing:-.02em}
.training-page h3{font-size:clamp(22px,2vw,26px);line-height:1.3;letter-spacing:-.02em}
.training-page .training-section{background:transparent;border-top:1px solid var(--line);border-bottom:0;padding-block:48px}
.training-page .training-section>h2{margin:0 0 24px}
.training-page .training-section h3{margin:32px 0 16px}
.training-page .training-section>:last-child{margin-bottom:0}
.training-toc{padding:24px;border:1px solid var(--line);border-radius:12px;margin-bottom:40px}
.training-page .training-toc h2{font-size:18px;line-height:1.3;margin:0 0 16px;letter-spacing:-.02em}
.training-toc ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px 24px}
.training-toc li{margin:0;min-width:0}
.training-toc a{display:inline-block;color:var(--muted);font-size:14px;line-height:1.5;text-underline-offset:4px;overflow-wrap:anywhere}
.training-toc a:hover{color:var(--violet);text-decoration:underline}
.training-table-wrap{max-width:100%;margin-block:24px}
.training-page .prose table{margin:0;font-size:16px}
.training-page .prose th,.training-page .prose td{padding:14px;font-size:16px}
.training-table-meta th:first-child,.training-table-meta td:first-child{width:30%}
.training-table-scroll{overflow-x:auto;border-radius:7px}
.training-page .training-table-general{min-width:640px}
.training-table-scroll:focus-visible{outline:3px solid var(--violet);outline-offset:4px}
.training-table-hint{display:none;color:var(--muted);font-size:14px}
.training-contact{margin-top:48px;padding:48px 32px;background:var(--lavender);border-radius:12px;text-align:center}
.training-page .training-contact h2{margin:0}
.training-related{max-width:65ch;margin:32px auto 0;padding-top:24px;border-top:1px solid #d3caef;text-align:left;font-size:16px}
.training-related a{color:var(--violet);text-decoration:underline;text-underline-offset:3px}
.training-related ul{padding-left:22px}
.training-page .training-related h3{font-size:22px;margin:0 0 16px}
@media(min-width:1100px){
 .training-page .training-layout:not(.training-layout-single){display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;align-items:start}
 .training-toc{margin:0;padding:0 24px 0 0;border:0;border-right:1px solid var(--line);border-radius:0}
 .training-toc ul{display:block}.training-toc li+li{margin-top:14px}
 .training-page .training-prose{margin-inline:0}
}
@media(min-width:1100px) and (min-height:700px){.training-toc{position:sticky;top:120px;max-height:calc(100vh - 150px);overflow-y:auto;padding-bottom:12px}}
/* Without JS the expanded mobile navigation is taller; fragment targets still clear it. */
@media(max-width:900px){.training-page .training-prose h2,.training-page .training-prose h3{scroll-margin-top:80px}}
@media(max-width:760px){
 .training-hero{padding-block:32px}.training-page .training-hero h1{margin-top:16px}
 .training-actions{gap:8px;margin-top:24px}.training-hero .training-actions{flex-direction:column;align-items:center}
 .training-page .button{max-width:100%;gap:12px}
 .training-page .training-layout{margin-top:16px}.training-toc{padding:20px;margin-bottom:32px}
 .training-toc ul{gap:12px 20px}.training-toc a{padding-block:4px}
 .training-page .training-section{padding-block:32px}.training-page .training-section h3{margin-top:24px}
 .training-page .prose th,.training-page .prose td{padding:12px;font-size:14px}
 .training-table-meta th:first-child,.training-table-meta td:first-child{width:35%}
 .training-page .training-table-methods,.training-table-methods tbody{display:block}
 .training-table-methods thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .training-table-methods tbody tr{display:grid;grid-template-columns:1fr}
 .training-page .training-table-methods td{display:block;width:100%;border-bottom:0}
 .training-page .training-table-methods td:last-child{border-bottom:1px solid var(--line)}
 .training-table-methods td::before{content:attr(data-label);display:block;font-size:12px;font-weight:600;line-height:1.5;margin-bottom:12px;color:var(--muted)}
 .training-table-hint{display:block}.training-contact{margin-top:32px;padding:32px 20px}
 .training-contact .training-actions{flex-direction:column;align-items:center}
 .training-related{font-size:16px}
}


/* Static liquid-glass buttons: native text and no continuous canvas rendering. */
button.liquid-glass-active,
.button.liquid-glass-active,
.nav-contact.liquid-glass-active{
  border-radius:999px;
  background:linear-gradient(145deg,#fff,#ffffffd9)!important;
  border-color:#ffffffaa!important;
  box-shadow:inset 0 1px 0 #fff,0 4px 12px #20212628!important;
  color:var(--ink)!important;
}
.nav-contact.liquid-glass-active{background:transparent!important;box-shadow:none!important;border-bottom-color:transparent!important}
button.liquid-glass-active:hover,
.button.liquid-glass-active:hover,
.nav-contact.liquid-glass-active:hover{background:linear-gradient(145deg,#fff,#ffffffeb)!important;box-shadow:inset 0 1px 0 #fff,0 4px 12px #20212628!important}
.nav-contact.liquid-glass-active:hover{background:transparent!important;box-shadow:none!important}

/* Chapter reader retained during origin/main integration. */
.training-inquiry{margin:24px 0 38px}
.chapter-reader{display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px;align-items:start;position:relative}
.chapter-reader-nav{position:sticky;top:110px;display:grid;gap:10px;padding:6px;isolation:isolate}

.chapter-tile{position:relative;display:flex;align-items:center;gap:13px;min-height:64px;padding:14px 16px;border:1px solid #fff;border-radius:18px;background:linear-gradient(135deg,#ffffffdd,#f7f4f0c9);box-shadow:inset 0 1px 0 #fff,0 5px 18px #20212609;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);font-size:14px;color:var(--ink);transition:background .2s,box-shadow .2s,transform .2s,border-color .2s}
.chapter-tile:hover{transform:translateY(-2px);border-color:#d5caf5;box-shadow:inset 0 1px 0 #fff,0 8px 22px #6546e812}
.chapter-tile[aria-current=true]{background:linear-gradient(135deg,#f5f0ffed,#e8e0fad9);border-color:#c9baf1;box-shadow:inset 0 1px 0 #fff,0 6px 22px #6546e818;color:#5133c4}
.chapter-tile-index{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:50%;background:#ffffffb3;color:#625c70;font-size:11px}
.chapter-tile[aria-current=true] .chapter-tile-index{background:var(--violet);color:white}
.chapter-tile-arrow{margin-left:auto;color:#696171;font-size:15px}
.chapter-tile[aria-current=true] .chapter-tile-arrow{color:#5133c4}
.chapter-reader .chapter-reader-body{max-width:none;min-width:0}
.chapter-panel{padding:32px clamp(22px,3vw,42px);margin-bottom:24px;border:1px solid #e8e3d9;border-radius:20px;background:#ffffffa6;scroll-margin-top:110px}
.chapter-reader .chapter-panel-label{font-size:11px;letter-spacing:.1em;color:#5f507e;text-transform:uppercase;margin:0 0 25px}
.chapter-panel>h2:first-of-type{margin-top:0}
.chapter-panel h2{font-size:clamp(27px,3vw,36px)}
.chapter-panel h3{font-size:23px;line-height:1.25;letter-spacing:-.035em}
.chapter-panel p,.chapter-panel li{max-width:65ch}
.chapter-panel [id]{scroll-margin-top:110px}
.chapter-reader-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:760px){.training-inquiry{margin-bottom:26px}.chapter-reader{grid-template-columns:1fr;gap:22px}.chapter-reader-nav{position:relative;top:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0}.chapter-tile{min-height:58px;padding:12px;gap:9px;border-radius:15px;font-size:13px}.chapter-tile-index{flex-basis:22px;height:22px}.chapter-tile-arrow{display:none}.chapter-panel{padding:24px 20px;border-radius:16px}.chapter-panel h3{font-size:21px}.chapter-panel p,.chapter-panel li{font-size:16px}.chapter-reader .chapter-panel-label{font-size:10px}.chapter-panel [id],.chapter-panel{scroll-margin-top:105px}}
@media(prefers-reduced-motion:reduce){.chapter-tile{transition:none}.chapter-tile:hover{transform:none}}
@media(forced-colors:active){.chapter-tile{border:1px solid ButtonText}.chapter-tile[aria-current=true]{outline:2px solid Highlight}.chapter-tile-index{border:1px solid ButtonText}}
@media print{.chapter-reader{display:block}.chapter-reader-nav,.chapter-reader-status,.training-inquiry{display:none!important}.chapter-reader [data-chapter][hidden]{display:block!important}.chapter-panel{border:0;background:none;padding:0;margin:0 0 24px;break-inside:auto}.chapter-panel-label{display:none}}

/* Glass refraction is represented by a static bevel. SVG displacement backdrop
   filters forced costly compositing on every scroll; no URL filter is needed. */
.liquid-tile:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;border:1.5px solid #ffffff59;box-shadow:inset 0 0 20px -5px #ffffff73,inset 0 2px 4px #ffffffbf,inset 0 -2px 4px #0000004d,inset 2px 0 4px #38bdf840,inset -2px 0 4px #f43f5e40}
@media(min-width:761px) and (prefers-reduced-motion:no-preference){.liquid-tile.glass-visible{backdrop-filter:blur(12px) saturate(155%);-webkit-backdrop-filter:blur(12px) saturate(155%)}}
[data-glass-paused] .liquid-tile{backdrop-filter:none;-webkit-backdrop-filter:none}


/* Shared control sizing: keep labels legible and touch targets comfortable. */
.button,
.nav-contact,
button {
  min-height: 44px;
}
.button {
  padding-inline: 22px;
}
.nav-contact {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 16px;
  white-space: nowrap;
}
.nav-contact span {
  margin-left: 0;
}
.menu-toggle,
.replay,
.carousel-controls button {
  min-width: 44px;
  padding: 10px 14px;
}

/* Training cards use the same page background instead of a separate glass tint. */
.liquid-tile {
  background: var(--paper);
}
.course-card {
  background: transparent;
}