:root{--brand-violet:#5B3CF6;--brand-purple:#7A4DFF;--brand-blue:#2563FF;--brand-cyan:#06D6FF;--brand-navy:#0B1020;--brand-white:#F8FAFC;--brand-gradient:linear-gradient(135deg,#5B3CF6 0%,#7A4DFF 35%,#2563FF 68%,#06D6FF 100%);--font-sans:Inter,"SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px}:root[data-theme="dark"]{--bg:#020817;--bg-elevated:#050b19;--surface:rgba(8,17,35,.72);--surface-2:rgba(11,22,45,.86);--surface-solid:#08111F;--text:#F8FAFC;--text-strong:#FFFFFF;--muted:#C9D3E7;--muted-2:#94A3B8;--border:rgba(148,163,184,.22);--border-strong:rgba(99,102,241,.62);--header-bg:rgba(5,11,25,.76);--input-bg:rgba(8,17,35,.78);--shadow:0 24px 80px rgba(0,0,0,.42);--glow:0 0 42px rgba(37,99,255,.28),0 0 72px rgba(122,77,255,.18);color-scheme:dark}:root[data-theme="light"]{--bg:#F8FAFC;--bg-elevated:#FFFFFF;--surface:rgba(255,255,255,.86);--surface-2:rgba(255,255,255,.96);--surface-solid:#FFFFFF;--text:#0B1020;--text-strong:#081126;--muted:#475569;--muted-2:#64748B;--border:rgba(15,23,42,.12);--border-strong:rgba(37,99,255,.36);--header-bg:rgba(255,255,255,.84);--input-bg:#FFFFFF;--shadow:0 22px 60px rgba(15,23,42,.10);--glow:0 0 42px rgba(37,99,255,.14),0 0 62px rgba(122,77,255,.10);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;line-height:1.55}body::before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(circle at 74% 14%,rgba(91,60,246,.22),transparent 28%),radial-gradient(circle at 86% 26%,rgba(6,214,255,.14),transparent 32%)}:root[data-theme="light"] body::before{opacity:.22}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid rgba(37,99,255,.9);outline-offset:4px}.shell{width:min(1320px,calc(100% - 44px));margin:0 auto}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:38px;height:38px;border-radius:10px;flex:0 0 auto;object-fit:contain}.brand-word{display:inline-flex;align-items:baseline;gap:.28em;white-space:nowrap;font-weight:820;font-size:1.17rem;line-height:1;letter-spacing:-.018em}.brand-word strong{color:var(--text-strong)}.brand-word span{background:linear-gradient(100deg,#7A4DFF 0%,#2563FF 56%,#06D6FF 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.logo-dark,:root[data-theme="dark"] .logo-light{display:none}:root[data-theme="dark"] .logo-dark{display:block}.site-header{position:sticky;top:16px;z-index:30;width:min(1320px,calc(100% - 44px));margin:16px auto 0;min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:12px 18px;border:1px solid var(--border);border-radius:18px;background:var(--header-bg);backdrop-filter:blur(18px);box-shadow:0 14px 45px rgba(0,0,0,.12)}:root[data-theme="light"] .site-header{top:0;width:100%;max-width:none;margin:0;border-radius:0;border-left:0;border-right:0;border-top:0;padding-inline:max(28px,calc((100% - 1320px) / 2))}.nav{display:flex;align-items:center;gap:24px;color:var(--muted);font-weight:680}.nav a:not(.nav-join){transition:color .16s ease}.nav a:hover{color:var(--text-strong)}.nav-join{padding:12px 22px;border-radius:12px;background:var(--brand-gradient);color:white;box-shadow:0 12px 28px rgba(37,99,255,.28)}.theme-toggle{width:46px;height:42px;display:inline-grid;place-items:center;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);transition:transform .16s ease,border-color .16s ease,background .16s ease}.theme-toggle:hover{transform:translateY(-1px);border-color:var(--border-strong)}.theme-icon{font-size:1.05rem;line-height:1}.mobile-menu{display:none;width:46px;height:42px;place-items:center;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1.35rem}.hero{position:relative;padding:70px 0 42px;overflow:hidden;background:radial-gradient(circle at 72% 18%,rgba(37,99,255,.13),transparent 28%),radial-gradient(circle at 86% 26%,rgba(122,77,255,.12),transparent 30%)}.hero-copy{max-width:650px}.hero h1{margin:0;font-size:clamp(3.4rem,6vw,5.7rem);line-height:1.02;letter-spacing:-.035em;font-weight:830;color:var(--text-strong)}:root[data-theme="light"] .hero h1{font-size:clamp(3.1rem,5.1vw,4.9rem)}.hero h1 .accent{display:block;background:linear-gradient(96deg,#7A4DFF 0%,#2563FF 54%,#06D6FF 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{margin:20px 0 0;max-width:620px;color:var(--muted);font-size:clamp(1.12rem,1.5vw,1.34rem);line-height:1.48}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 28px;border-radius:14px;border:1px solid var(--border-strong);color:var(--text);font-weight:830;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.btn:hover{transform:translateY(-2px);box-shadow:var(--glow)}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:var(--brand-gradient);color:#FFFFFF;box-shadow:0 14px 38px rgba(37,99,255,.28)}.btn-secondary{background:var(--surface)}.micro-row{display:flex;flex-wrap:wrap;gap:28px;margin-top:24px;color:var(--muted);font-size:.98rem;font-weight:680}.section{padding:18px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.section h2{margin:0;font-size:clamp(1.45rem,1.9vw,1.95rem);line-height:1.15;letter-spacing:-.02em;color:var(--text-strong)}.sub{margin:4px 0 0;color:var(--muted)}.concept-panel{border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow);padding:22px}.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tile{display:grid;grid-template-columns:112px 1fr;gap:20px;min-height:164px;padding:20px;border-radius:20px;border:1px solid var(--border);background:var(--surface-2);box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.tile:hover{transform:translateY(-5px);border-color:var(--border-strong);box-shadow:var(--glow)}.tile-art{min-height:112px;border-radius:16px;background-size:cover;background-position:center;border:1px solid var(--border)}.tile-art.transformers{background-image:url('../learning/thumb-transformers.webp')}.tile-art.hallucinations{background-image:url('../learning/thumb-hallucinations.webp')}.tile-art.rag{background-image:url('../learning/thumb-rag.webp')}:root[data-theme="light"] .tile-art.transformers{background-image:url('../learning/thumb-transformers-light.webp')}:root[data-theme="light"] .tile-art.hallucinations{background-image:url('../learning/thumb-hallucinations-light.webp')}:root[data-theme="light"] .tile-art.rag{background-image:url('../learning/thumb-rag-light.webp')}.tile h3{margin:0 0 7px;font-size:1.42rem;line-height:1.14;letter-spacing:-.018em;color:var(--text-strong)}.tile p{margin:0 0 12px;color:var(--muted);font-size:1rem;line-height:1.48;max-width:35ch}.tile-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:var(--muted-2);font-weight:680;font-size:.94rem}.tile-cta{display:inline-flex;align-items:center;gap:8px;margin-top:14px;color:var(--brand-blue);font-weight:820}.flow-strip{padding:22px}.flow-items{display:grid;grid-template-columns:repeat(9,1fr);gap:12px;align-items:start}.flow-item{text-align:center;color:var(--text);font-weight:760;font-size:.9rem;line-height:1.25}.flow-icon{width:52px;height:52px;margin:0 auto 8px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border);background:rgba(37,99,255,.12);color:var(--brand-blue);font-size:1.25rem}.signup{display:grid;grid-template-columns:auto 1fr minmax(360px,.75fr);gap:24px;align-items:center;padding:24px;border-radius:24px;border:1px solid var(--border-strong);background:linear-gradient(135deg,rgba(37,99,255,.12),rgba(122,77,255,.08),rgba(6,214,255,.08));box-shadow:var(--shadow)}.signup-icon{width:78px;height:78px;display:grid;place-items:center;border-radius:18px;background:var(--brand-gradient);color:white;font-size:2rem;box-shadow:0 16px 42px rgba(37,99,255,.22)}.signup h2{margin:0;font-size:clamp(1.35rem,1.9vw,1.8rem);color:var(--text-strong)}.signup p{margin:5px 0 0;color:var(--muted)}.signup-form{display:grid;grid-template-columns:1fr auto;gap:12px}.signup-form input{min-height:52px;border-radius:13px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);padding:0 16px}.form-note{grid-column:1 / -1;color:var(--muted-2);font-size:.9rem}.site-footer{width:min(1320px,calc(100% - 44px));margin:28px auto 30px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--muted)}.footer-links{display:flex;gap:22px}.concept-page .site-header{display:none}.concept-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.side{position:sticky;top:0;height:100vh;padding:26px 22px;border-right:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 78%,transparent);display:flex;flex-direction:column;gap:28px}.side .brand-word{font-size:.96rem}.search-box{min-height:46px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--muted)}.side-nav{display:grid;gap:8px}.side-nav a{min-height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:11px;color:var(--muted);font-weight:700}.side-nav a.active,.side-nav a:hover{background:rgba(91,60,246,.14);color:var(--text-strong)}.side-card{margin-top:auto;border:1px solid var(--border);border-radius:18px;padding:16px;background:var(--surface);box-shadow:var(--shadow)}.side-card .btn{width:100%;min-height:44px;margin-top:14px}.main-concept{padding:34px min(4vw,44px)}.mobile-concept-top{display:none}.back{display:inline-flex;align-items:center;color:var(--brand-blue);font-weight:760;margin-bottom:22px}.concept-head{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:28px;align-items:start;margin-bottom:24px}.concept-title h1{margin:0;font-size:clamp(3rem,4.8vw,4.9rem);line-height:1.02;letter-spacing:-.035em;color:var(--text-strong)}.concept-title p{margin:12px 0 16px;color:var(--muted);font-size:1.22rem}.progress-box{align-self:end;padding:18px;border-radius:16px;border:1px solid var(--border);background:var(--surface)}.progress-row{display:flex;justify-content:space-between;gap:14px;font-weight:700;color:var(--muted)}.progress-line{height:8px;border-radius:999px;overflow:hidden;background:rgba(148,163,184,.18);margin-top:14px}.progress-line span{display:block;height:100%;width:25%;border-radius:inherit;background:var(--brand-gradient)}.concept-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.learning-panel{grid-column:span 6;min-height:120px;display:grid;grid-template-columns:58px minmax(0,1fr);gap:18px;align-items:start;padding:20px;border-radius:18px;border:1px solid var(--border);background:var(--surface);box-shadow:0 12px 42px rgba(0,0,0,.08);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.learning-panel:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--glow)}.learning-panel.wide{grid-column:span 12}.learning-panel.tall{grid-row:span 2}.panel-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;border:1px solid var(--border);background:rgba(91,60,246,.16);color:var(--brand-cyan);font-size:1.45rem}.learning-panel h2{margin:0 0 6px;font-size:1.22rem;color:var(--text-strong);letter-spacing:-.01em}.learning-panel p{margin:0;color:var(--muted);max-width:72ch}.diagram{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.diagram div{border:1px solid var(--border);border-radius:12px;padding:13px;background:rgba(37,99,255,.08)}.diagram strong{color:var(--text-strong);display:block;margin-bottom:5px}.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.quiz-options button,.icon-btn{min-height:42px;border:1px solid var(--border);border-radius:11px;background:var(--input-bg);color:var(--text);font-weight:700}.quiz-options button:hover,.icon-btn:hover{border-color:var(--border-strong)}.flashbox{margin-top:12px;padding:16px;border-radius:14px;border:1px solid var(--border-strong);background:var(--input-bg)}.learn-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.learn-row span{border:1px solid var(--border);border-radius:12px;padding:13px;background:var(--input-bg);color:var(--muted)}.feedback-next{grid-column:span 12;display:grid;grid-template-columns:1fr auto auto 320px;gap:16px;align-items:center;padding:18px;border:1px solid var(--border-strong);border-radius:18px;background:linear-gradient(135deg,rgba(37,99,255,.11),rgba(122,77,255,.07))}.feedback-next strong{color:var(--text-strong)}.feedback-next .btn{min-height:48px}.simple-page{padding:60px 0}.simple-page article{max-width:820px}.simple-page h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.05;letter-spacing:-.035em;color:var(--text-strong)}.simple-page h2{margin-top:32px}.simple-page p,.simple-page li{color:var(--muted);max-width:72ch}@media (max-width:980px){.site-header{width:min(760px,calc(100% - 28px));top:0;margin-top:0;border-radius:0 0 18px 18px}:root[data-theme="light"] .site-header{width:100%}.nav a:not(.nav-join),.nav-join{display:none}.mobile-menu{display:grid}.brand-word{font-size:1.05rem}.hero{padding-top:54px}.hero::after{top:58px;right:-110px;width:76vw;height:300px;opacity:.22}.hero h1{font-size:clamp(3.25rem,12vw,5rem);max-width:8.5ch}.tile-grid{grid-template-columns:1fr 1fr}.tile-grid .tile:first-child{grid-column:1 / -1}.tile{grid-template-columns:112px 1fr}.flow-items{grid-template-columns:repeat(4,1fr)}.flow-item:nth-child(n+5){display:none}.signup{grid-template-columns:1fr}.signup-icon{display:none}.signup-form{grid-template-columns:1fr}.site-footer{flex-wrap:wrap}.concept-page .site-header{display:flex}.concept-shell{display:block}.side{display:none}.main-concept{padding:28px min(4vw,22px)}.concept-head{grid-template-columns:1fr}.progress-box{max-width:420px}.learning-panel{grid-column:span 12}.learning-panel{grid-template-columns:56px 1fr}.quiz-options{grid-template-columns:1fr}.learn-row{grid-template-columns:1fr}.feedback-next{grid-template-columns:1fr auto auto}.feedback-next .btn{grid-column:1 / -1}}@media (max-width:640px){.shell{width:min(100% - 28px,520px)}.site-header{width:100%;padding:12px 16px}.brand-mark{width:36px;height:36px}.brand-word{font-size:1rem}.theme-toggle{width:42px;height:40px}.hero{padding:48px 0 28px}.hero-copy{max-width:430px}.hero h1{font-size:clamp(3.05rem,14vw,4.9rem);letter-spacing:-.032em}.hero p{font-size:1.13rem}.hero-actions{display:grid;grid-template-columns:1fr}.micro-row{display:none}.concept-panel{padding:16px}.tile-grid{grid-template-columns:1fr}.tile{grid-template-columns:104px 1fr;min-height:148px;padding:16px;border-radius:20px}.tile-art{min-height:104px}.tile h3{font-size:1.3rem}.flow-strip{padding:18px 12px}.flow-items{grid-template-columns:repeat(4,1fr);gap:8px}.flow-icon{width:48px;height:48px}.signup{padding:18px}.site-footer{width:min(100% - 28px,520px);font-size:.94rem}.footer-links{gap:13px}.concept-title h1{font-size:clamp(2.8rem,13vw,4.2rem)}.concept-title p{font-size:1.08rem}.learning-panel{padding:16px;gap:14px;border-radius:17px}.panel-icon{width:48px;height:48px}.diagram{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto !important;transition:none !important;animation:none !important}}.hero::after{display:none !important}.mobile-menu{width:56px;height:52px;border-radius:16px;border:1px solid var(--border);background:var(--surface);color:var(--text-strong);place-items:center;gap:5px;box-shadow:0 12px 32px rgba(0,0,0,.12)}.mobile-menu span{width:24px;height:2px;border-radius:999px;background:currentColor;display:block}.mobile-menu:hover,.mobile-menu:focus-visible,.drawer-close:hover,.drawer-close:focus-visible{border-color:var(--border-strong);box-shadow:var(--glow)}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.54);z-index:80}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:min(86vw,360px);transform:translateX(102%);transition:transform .22s ease;z-index:90;padding:18px;background:color-mix(in srgb,var(--bg-elevated) 94%,transparent);border-left:1px solid var(--border);box-shadow:-20px 0 70px rgba(0,0,0,.32);display:flex;flex-direction:column;gap:18px}.mobile-drawer.is-open{transform:translateX(0)}body.menu-open{overflow:hidden}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.drawer-close{width:44px;height:44px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text-strong);font-size:1.6rem;line-height:1}.drawer-search,.search-box{min-height:50px;display:flex;align-items:center;gap:12px;padding:0 16px;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,var(--brand-blue) 8%);color:var(--muted);font-weight:720}.drawer-nav,.side-nav{display:grid;gap:8px}.drawer-nav a,.side-nav a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:12px;color:var(--muted);font-weight:720}.drawer-nav a:hover,.drawer-nav a:focus-visible,.side-nav a:hover,.side-nav a:focus-visible,.side-nav a.active{background:color-mix(in srgb,var(--brand-violet) 18%,transparent);color:var(--text-strong);outline:none}.nav-ico,.mini-icon{width:22px;min-width:22px;height:22px;display:grid;place-items:center;color:currentColor;opacity:.9}.drawer-card,.side-card{border:1px solid var(--border);border-radius:18px;padding:18px;background:linear-gradient(150deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--brand-violet) 12%,transparent));box-shadow:var(--shadow)}.drawer-card strong,.side-card strong{color:var(--text-strong);display:block;line-height:1.25}.drawer-card p,.side-card p{color:var(--muted);margin:8px 0 16px}.side-card-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(91,60,246,.55),rgba(6,214,255,.32));color:#fff;margin-bottom:14px}.side-topic-label{color:var(--muted-2);text-transform:uppercase;font-size:.76rem;letter-spacing:.08em;font-weight:850;margin:2px 8px -16px}.topic-dot{width:10px;height:10px;border-radius:50%;background:var(--brand-purple);box-shadow:0 0 20px rgba(122,77,255,.8)}.flow-icon,.panel-icon{overflow:hidden}.flow-icon svg,.panel-icon svg,.icon-btn svg{width:56%;height:56%;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.flow-item{position:relative}.flow-item:not(:last-child)::after{content:'';position:absolute;top:26px;left:calc(50%+34px);width:calc(100% - 48px);border-top:2px dotted color-mix(in srgb,var(--brand-blue) 38%,transparent)}.flow-icon{box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 12px 34px rgba(0,0,0,.14)}.flow-question{color:#3B82F6;background:rgba(37,99,255,.16)}.flow-star{color:#A855F7;background:rgba(122,77,255,.16)}.flow-cube{color:#22D3EE;background:rgba(6,214,255,.15)}.flow-user{color:#C084FC;background:rgba(122,77,255,.15)}.flow-code{color:#38BDF8;background:rgba(37,99,255,.13)}.flow-rocket{color:#0EA5E9;background:rgba(14,165,233,.14)}.flow-alert{color:#FB7185;background:rgba(251,113,133,.13)}.flow-check{color:#2DD4BF;background:rgba(45,212,191,.14)}.panel-icon{color:#A855F7;background:radial-gradient(circle at 30% 18%,rgba(122,77,255,.38),rgba(14,22,47,.68))}.panel-star{color:#3B82F6;background:radial-gradient(circle at 30% 18%,rgba(37,99,255,.35),rgba(14,22,47,.70))}.panel-spark{color:#8B5CF6;background:radial-gradient(circle at 30% 18%,rgba(122,77,255,.34),rgba(14,22,47,.70))}.panel-user{color:#C084FC}.panel-code{color:#22D3EE;background:radial-gradient(circle at 30% 18%,rgba(6,214,255,.28),rgba(14,22,47,.70))}.panel-rocket{color:#0EA5E9;background:radial-gradient(circle at 30% 18%,rgba(14,165,233,.32),rgba(14,22,47,.70))}.panel-alert{color:#FB923C;background:radial-gradient(circle at 30% 18%,rgba(249,115,22,.28),rgba(38,20,16,.75))}.panel-question{color:#22D3EE;background:radial-gradient(circle at 30% 18%,rgba(6,214,255,.24),rgba(14,22,47,.70))}.panel-bars,.panel-card,.panel-headphones{color:#A855F7}.icon-btn{display:grid;place-items:center}.icon-btn svg{width:20px;height:20px}@media (min-width:981px){.mobile-drawer,.drawer-backdrop{display:none !important}}@media (max-width:980px){.mobile-menu{display:grid !important}.nav{gap:10px}.flow-item:not(:last-child)::after{display:none}}@media (max-width:640px){.mobile-menu{width:52px;height:48px;border-radius:15px}.flow-items{grid-template-columns:repeat(4,1fr);row-gap:18px}.flow-item{font-size:1rem}.flow-icon{width:58px;height:58px}.drawer-card .btn{width:100%}}.mobile-menu{display:none;align-items:center;justify-content:center;width:56px;height:52px;border-radius:17px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));color:var(--text-strong);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 14px 34px rgba(0,0,0,.16);padding:0}.hamburger-glyph{display:block;color:currentColor;font-size:2.15rem;line-height:1;font-weight:800;transform:translateY(-1px)}.mobile-menu span:not(.hamburger-glyph){display:none !important}.mobile-menu:hover,.mobile-menu:focus-visible{border-color:var(--border-strong);box-shadow:var(--glow);transform:translateY(-1px)}.mobile-drawer{position:fixed !important;top:0 !important;right:0 !important;bottom:0 !important;left:auto !important;width:min(88vw,390px) !important;max-width:390px !important;transform:translateX(104%) !important;transition:transform .22s ease !important;z-index:100 !important;padding:20px !important;background:linear-gradient(180deg,rgba(5,11,25,.98),rgba(8,17,35,.98)) !important;border-left:1px solid rgba(148,163,184,.26) !important;box-shadow:-28px 0 90px rgba(0,0,0,.45) !important;display:flex !important;flex-direction:column !important;gap:18px !important;overflow-y:auto !important}.mobile-drawer.is-open{transform:translateX(0) !important}.drawer-backdrop{position:fixed !important;inset:0 !important;z-index:90 !important;background:rgba(0,0,0,.62) !important;backdrop-filter:blur(4px)}.drawer-head .brand{max-width:calc(100% - 58px)}.drawer-close{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:14px;border:1px solid var(--border);background:rgba(255,255,255,.06);color:var(--text-strong);font-size:1.7rem}.drawer-nav a,.side-nav a{text-decoration:none}.nav-ico,.mini-icon{display:inline-grid;place-items:center;width:20px;height:20px;color:currentColor;font-size:1rem;line-height:1}.flow-icon svg,.flow-icon svg *,.panel-icon svg,.panel-icon svg *,.icon-btn svg,.icon-btn svg *{fill:none !important;stroke:currentColor !important;stroke-width:2.25 !important;stroke-linecap:round !important;stroke-linejoin:round !important;vector-effect:non-scaling-stroke}.flow-icon,.panel-icon{color:var(--brand-cyan)}.flow-question{color:#3B82F6 !important}.flow-star{color:#A855F7 !important}.flow-cube{color:#22D3EE !important}.flow-user{color:#C084FC !important}.flow-code{color:#38BDF8 !important}.flow-rocket{color:#0EA5E9 !important}.flow-alert{color:#FB923C !important}.flow-check{color:#2DD4BF !important}.panel-bolt{color:#8B5CF6 !important}.panel-star{color:#3B82F6 !important}.panel-spark{color:#A855F7 !important}.panel-user{color:#C084FC !important}.panel-code{color:#38BDF8 !important}.panel-rocket{color:#0EA5E9 !important}.panel-alert{color:#FB923C !important}.panel-question{color:#22D3EE !important}.panel-bars{color:#A855F7 !important}.panel-card{color:#A855F7 !important}.panel-headphones{color:#A855F7 !important}@media (max-width:980px){.nav a:not(.nav-join),.nav-join{display:none !important}.mobile-menu{display:flex !important}.site-header{min-height:82px;padding:14px 20px;gap:14px}}@media (max-width:640px){.site-header{width:100%;min-height:74px;margin:0;border-radius:0 0 20px 20px;padding:12px 18px}.brand-mark{width:46px;height:46px;border-radius:12px}.brand-word{font-size:1.08rem;letter-spacing:-.012em}.nav{gap:10px}.theme-toggle{width:52px;height:48px;border-radius:16px}.mobile-menu{width:52px;height:48px;border-radius:16px}.hamburger-glyph{font-size:2rem}.hero{padding:44px 0 24px}.hero h1{font-size:clamp(3rem,12.4vw,4.25rem);line-height:1.02;letter-spacing:-.026em;max-width:9.4ch}.hero p{font-size:1.12rem;line-height:1.5}.btn{min-height:56px;padding:0 22px;border-radius:17px}.flow-strip{border-radius:24px;padding:24px 18px}.flow-strip h2{font-size:2.1rem;margin-bottom:14px}.flow-items{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:10px}.flow-item:nth-child(n+5){display:none !important}.flow-item{font-size:1rem;font-weight:820}.flow-icon{width:58px;height:58px;margin-bottom:10px}.signup{border-radius:26px;padding:24px 20px}.signup h2{font-size:clamp(1.75rem,8vw,2.35rem);line-height:1.08;letter-spacing:-.03em}.signup p{font-size:1.13rem;line-height:1.48}.signup-form input{min-height:58px;font-size:1.05rem;border-radius:16px}.signup-form .btn{min-height:60px;font-size:1.06rem}.form-note{font-size:.95rem}.mobile-drawer .brand-mark{width:42px;height:42px}.mobile-drawer .brand-word{font-size:1rem}}@media (max-width:380px){.brand-word{font-size:.96rem}.brand{gap:9px}.theme-toggle,.mobile-menu{width:46px;height:44px}.hamburger-glyph{font-size:1.85rem}}.consent-banner{position:fixed;left:clamp(16px,3vw,36px);right:clamp(16px,3vw,36px);bottom:clamp(16px,3vw,32px);z-index:80;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid var(--border);border-radius:22px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow-soft);backdrop-filter:blur(18px)}.consent-copy strong{display:block;margin-bottom:5px;color:var(--text);font-size:.98rem}.consent-copy p{max-width:760px;margin:0;color:var(--muted);font-size:.92rem;line-height:1.45}.consent-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.consent-btn{min-height:44px;padding:0 16px;white-space:nowrap}@media (max-width:720px){.consent-banner{align-items:stretch;flex-direction:column;border-radius:20px}.consent-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.consent-btn{width:100%}}:root{--ease-fluid:cubic-bezier(.2,.8,.2,1);--radius-xl:28px;--shadow-soft:0 22px 70px rgba(0,0,0,.22)}.site-header,.concept-panel,.tile,.learning-panel,.signup,.side,.mobile-drawer,.consent-banner{backdrop-filter:blur(22px) saturate(1.14);-webkit-backdrop-filter:blur(22px) saturate(1.14)}.btn,.tile,.learning-panel,.theme-toggle,.mobile-menu,.drawer-nav a,.side-nav a,.icon-btn,.consent-btn{transition:transform .22s var(--ease-fluid),box-shadow .22s var(--ease-fluid),border-color .22s var(--ease-fluid),background .22s var(--ease-fluid),color .22s var(--ease-fluid)}.btn:active,.tile:active,.learning-panel:active,.theme-toggle:active,.mobile-menu:active,.icon-btn:active,.consent-btn:active{transform:translateY(1px) scale(.985)}.mobile-menu{display:none;align-items:center !important;justify-content:center !important;padding:0 !important;color:var(--text-strong) !important}.hamburger-glyph{display:none !important}.hamburger-lines{display:grid !important;gap:5px;width:25px}.hamburger-lines span{display:block !important;width:25px !important;height:2px !important;border-radius:999px !important;background:currentColor !important;box-shadow:0 0 12px rgba(255,255,255,.22)}.mobile-drawer{font-size:16px !important;line-height:1.45 !important;width:min(88vw,380px) !important;max-width:380px !important;z-index:2147483000 !important;color:var(--text) !important;background:radial-gradient(circle at 22% 0%,rgba(91,60,246,.20),transparent 34%),radial-gradient(circle at 100% 34%,rgba(6,214,255,.12),transparent 34%),linear-gradient(180deg,rgba(5,11,25,.985),rgba(8,17,35,.975)) !important}.drawer-backdrop{z-index:2147482990 !important}.drawer-nav,.side-nav{font-size:1rem !important;line-height:1.2 !important}.drawer-nav a,.side-nav a{font-size:1rem !important;min-height:48px !important;border:1px solid transparent}.drawer-nav a:hover,.drawer-nav a:focus-visible,.side-nav a:hover,.side-nav a:focus-visible,.side-nav a.active{border-color:color-mix(in srgb,var(--brand-violet) 34%,transparent)}.nav-ico,.mini-icon{color:currentColor !important;font-size:1.05rem !important}.flow-icon,.panel-icon{position:relative;isolation:isolate;border:1px solid color-mix(in srgb,currentColor 32%,transparent) !important;background:radial-gradient(circle at 35% 22%,color-mix(in srgb,currentColor 18%,transparent),transparent 44%),rgba(37,99,255,.12) !important}.flow-icon::after,.panel-icon::after{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(145deg,rgba(255,255,255,.12),transparent 48%);pointer-events:none;z-index:-1}.flow-icon svg,.flow-icon svg *,.panel-icon svg,.panel-icon svg *,.icon-btn svg,.icon-btn svg *{fill:none !important;stroke:currentColor !important;stroke-width:2.35 !important;stroke-linecap:round !important;stroke-linejoin:round !important;vector-effect:non-scaling-stroke !important}.flow-icon svg,.panel-icon svg{filter:drop-shadow(0 0 9px color-mix(in srgb,currentColor 42%,transparent))}.concept-panel,.signup,.learning-panel,.tile{border-radius:var(--radius-xl)}.tile:hover,.learning-panel:hover{transform:translateY(-4px);box-shadow:0 20px 70px color-mix(in srgb,var(--brand-blue) 18%,transparent),var(--shadow)}.tile-cta,.back,.footer-links a,.nav a:not(.nav-join){position:relative}.tile-cta::after,.back::after,.footer-links a::after,.nav a:not(.nav-join)::after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:2px;border-radius:999px;background:var(--brand-gradient);transition:right .22s var(--ease-fluid)}.tile-cta:hover::after,.back:hover::after,.footer-links a:hover::after,.nav a:not(.nav-join):hover::after{right:0}.consent-banner{z-index:2147483646 !important;pointer-events:auto !important;touch-action:manipulation !important;background:radial-gradient(circle at 0% 0%,rgba(91,60,246,.18),transparent 32%),linear-gradient(180deg,color-mix(in srgb,var(--surface-solid) 96%,transparent),color-mix(in srgb,var(--surface-solid) 90%,var(--brand-blue) 10%)) !important;box-shadow:0 26px 90px rgba(0,0,0,.42) !important}.consent-banner[hidden]{display:none !important}.consent-btn{pointer-events:auto !important;touch-action:manipulation !important;-webkit-tap-highlight-color:transparent}.consent-actions{pointer-events:auto !important}@media (max-width:980px){.mobile-menu{display:flex !important}}@media (max-width:720px){.consent-banner{left:14px !important;right:14px !important;bottom:calc(14px+env(safe-area-inset-bottom)) !important;padding:16px !important;border-radius:22px !important}.consent-copy strong{font-size:1rem !important}.consent-copy p{font-size:.92rem !important}.consent-actions{grid-template-columns:1fr !important;gap:10px !important}.consent-btn{min-height:52px !important;border-radius:16px !important}}@media (max-width:640px){body{overflow-x:hidden}.site-header{left:0;right:0;width:100% !important;max-width:none !important;border-radius:0 0 24px 24px !important;padding:12px 14px !important}.brand-word{font-size:clamp(.9rem,4.2vw,1.06rem) !important}.nav{gap:8px !important}.theme-toggle,.mobile-menu{width:50px !important;height:48px !important;border-radius:16px !important;flex:0 0 auto !important}.hero{padding-top:36px !important}.hero h1{font-size:clamp(2.75rem,11.4vw,4.05rem) !important;line-height:1.05 !important;max-width:10ch !important}.hero p{font-size:1.05rem !important}.flow-strip{padding:22px 16px !important}.flow-strip h2{font-size:1.9rem !important}.flow-items{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:14px 8px !important}.flow-icon{width:54px !important;height:54px !important}.flow-item{font-size:.95rem !important}.signup{padding:22px 18px !important}.signup h2{font-size:clamp(1.55rem,7vw,2.05rem) !important}}.site-header .brand,.drawer-head .brand,.site-footer .brand{cursor:pointer}.mobile-menu{position:relative !important;display:none;align-items:center !important;justify-content:center !important;color:var(--text-strong) !important;font-size:0 !important;overflow:visible !important}.mobile-menu::before{content:"☰";display:block !important;color:var(--text-strong) !important;font-size:2.05rem !important;font-weight:900 !important;line-height:1 !important;transform:translateY(-1px);text-shadow:0 0 14px color-mix(in srgb,var(--brand-blue) 26%,transparent)}.mobile-menu .hamburger-lines,.mobile-menu .hamburger-lines span,.mobile-menu .hamburger-glyph{display:none !important}@media (max-width:980px){.mobile-menu{display:flex !important;visibility:visible !important;opacity:1 !important;pointer-events:auto !important}}@media (max-width:640px){.site-header .brand{min-width:0 !important;max-width:calc(100vw - 148px) !important}.site-header .brand-word{overflow:hidden !important;text-overflow:ellipsis !important}.mobile-menu::before{font-size:2rem !important}}.feedback-btn{width:52px;height:48px;display:inline-grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--surface-solid) 82%,transparent)}.feedback-btn svg{width:24px !important;height:24px !important}.feedback-useful{color:#22D3EE !important;border-color:color-mix(in srgb,#22D3EE 48%,var(--border)) !important}.feedback-not-useful{color:#C084FC !important;border-color:color-mix(in srgb,#C084FC 48%,var(--border)) !important}.feedback-btn:hover,.feedback-btn:focus-visible{transform:translateY(-2px);box-shadow:0 0 28px color-mix(in srgb,currentColor 32%,transparent)}.feedback-btn.is-selected{background:color-mix(in srgb,currentColor 18%,var(--surface-solid))}@media (max-width:640px){.hero .shell,.hero-copy{text-align:center !important;margin-left:auto !important;margin-right:auto !important}.hero h1{margin-left:auto !important;margin-right:auto !important;text-align:center !important;max-width:9.2ch !important}.hero p{margin-left:auto !important;margin-right:auto !important;max-width:22rem !important;text-align:center !important}.hero-actions{justify-items:center !important}.hero-actions .btn{width:min(100%,370px) !important}#concepts .section-head{align-items:center !important;text-align:center !important}#concepts .section-head>div{margin-left:auto !important;margin-right:auto !important}#concepts .tile-cta{justify-self:center !important}.feedback-next{text-align:center !important;justify-items:center !important}.feedback-btn{width:58px !important;height:52px !important}}.feedback-status{margin:0.75rem 0 0;color:var(--muted,#CBD5E1);font-size:0.95rem;line-height:1.45}.feedback button,.feedback-panel button,.concept-feedback button,.useful-panel button,.utility-feedback button,button[data-feedback]{transition:transform 160ms ease,border-color 160ms ease,background 160ms ease,box-shadow 160ms ease}button[data-feedback]:active{transform:scale(0.96)}button[data-feedback].is-selected,.feedback-btn.is-selected,.feedback-button.is-selected{border-color:rgba(6,214,255,0.9);background:radial-gradient(circle at 30% 20%,rgba(6,214,255,0.22),transparent 45%),linear-gradient(135deg,rgba(91,60,246,0.22),rgba(6,214,255,0.12));box-shadow:0 0 0 1px rgba(6,214,255,0.25),0 0 24px rgba(6,214,255,0.22)}button[data-feedback="not_useful"].is-selected,.feedback-btn[data-feedback="not_useful"].is-selected,.feedback-button[data-feedback="not_useful"].is-selected{border-color:rgba(180,91,255,0.95);background:radial-gradient(circle at 30% 20%,rgba(180,91,255,0.22),transparent 45%),linear-gradient(135deg,rgba(124,58,237,0.25),rgba(180,91,255,0.14));box-shadow:0 0 0 1px rgba(180,91,255,0.25),0 0 24px rgba(180,91,255,0.2)}button[data-feedback].is-selected svg,.feedback-btn.is-selected svg,.feedback-button.is-selected svg{stroke-width:2.6}@media (max-width:640px){.site-footer{flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important;gap:16px !important;padding:28px 16px 30px !important}.site-footer .brand{justify-content:center !important;margin-inline:auto !important}.site-footer>div{width:100% !important;text-align:center !important}.footer-links{width:100% !important;justify-content:center !important;align-items:center !important;flex-wrap:wrap !important;gap:14px 20px !important}.footer-links a{text-align:center !important}}@media (max-width:640px){.hero,.section,.main-concept{content-visibility:auto;contain-intrinsic-size:720px}}@media (min-width:641px){.section,.signup,.learning-panel{content-visibility:auto;contain-intrinsic-size:360px}}img{max-width:100%;height:auto}
/*v20 mobile alignment, cards, flashcard, signup*/
@media(max-width:640px){
  .flow-strip{text-align:center!important}
  .flow-strip h2{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
  .flow-items{justify-items:center!important;align-items:start!important}
  .flow-item{display:grid!important;justify-items:center!important;text-align:center!important}
  .signup{text-align:center!important;justify-items:center!important;grid-template-columns:1fr!important}
  .signup-icon{display:none!important}
  .signup>div{width:100%!important;display:grid!important;justify-items:center!important}
  .signup h2,.signup p,.form-note{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
  .signup-form{width:100%!important;grid-template-columns:1fr!important;justify-items:center!important}
  .signup-form input,.signup-form .btn{width:100%!important;max-width:390px!important;text-align:center!important}
  .learning-panel{grid-template-columns:58px minmax(0,1fr)!important;gap:14px!important;align-items:start!important;padding:18px!important}
  .learning-panel>.panel-body{display:contents!important}
  .learning-panel h2{grid-column:2!important;min-height:52px!important;display:flex!important;align-items:center!important;margin:0!important;font-size:clamp(1.25rem,5.2vw,1.55rem)!important;line-height:1.15!important}
  .learning-panel p,.learning-panel .diagram,.learning-panel .quiz-options,.learning-panel [data-quiz-note],.learning-panel .flashcard,.learning-panel .learn-row{grid-column:1/-1!important}
  .learning-panel p{margin-top:12px!important;text-align:left!important;max-width:none!important}
  .quiz-panel p,.flashcard-panel p{text-align:left!important}
  .quiz-options{grid-template-columns:1fr!important}
}
.quiz-options button{display:flex;align-items:center;justify-content:flex-start;gap:8px;text-align:left;padding:10px 14px}
.quiz-options button span{display:inline-grid;place-items:center;min-width:1.8rem;height:1.8rem;border-radius:999px;background:color-mix(in srgb,var(--brand-blue) 14%,transparent);color:var(--text-strong)}
.quiz-options button.is-correct{border-color:#22D3EE;background:color-mix(in srgb,#22D3EE 16%,var(--input-bg));box-shadow:0 0 22px color-mix(in srgb,#22D3EE 18%,transparent)}
.quiz-options button.is-wrong{border-color:#C084FC;background:color-mix(in srgb,#C084FC 12%,var(--input-bg))}
.flashcard{width:100%;min-height:190px;margin-top:12px;border:1px solid var(--border-strong);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-violet) 14%,var(--input-bg)),color-mix(in srgb,var(--brand-cyan) 8%,var(--input-bg)));color:var(--text);padding:0;position:relative;transform-style:preserve-3d;transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease;box-shadow:0 18px 48px rgba(0,0,0,.16);overflow:hidden}
.flashcard:hover{box-shadow:var(--glow)}
.flashcard.is-flipped{transform:rotateY(180deg)}
.flashcard-face{position:absolute;inset:0;display:grid;align-content:center;gap:10px;padding:22px;text-align:center;backface-visibility:hidden}
.flashcard-face small{color:var(--brand-cyan);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:800}
.flashcard-face strong{font-size:clamp(1.05rem,4.4vw,1.28rem);line-height:1.35;color:var(--text-strong)}
.flashcard-face em{font-style:normal;color:var(--muted-2);font-size:.92rem}
.flashcard-back{transform:rotateY(180deg)}
.form-note.is-success{color:#67E8F9!important}
.form-note.is-error{color:#F0ABFC!important}

/*v21 flashcard no mirror fix*/
.flashcard{perspective:none!important;transform:none!important;transform-style:flat!important}
.flashcard.is-flipped{transform:none!important}
.flashcard-face{transform:none!important;backface-visibility:visible!important;-webkit-backface-visibility:visible!important}
.flashcard .flashcard-front{display:grid!important}
.flashcard .flashcard-back{display:none!important}
.flashcard.is-flipped .flashcard-front{display:none!important}
.flashcard.is-flipped .flashcard-back{display:grid!important}
.flashcard[aria-pressed="true"] .flashcard-front{display:none!important}
.flashcard[aria-pressed="true"] .flashcard-back{display:grid!important}
@media(prefers-reduced-motion:no-preference){
  .flashcard{transition:border-color .22s ease,box-shadow .22s ease,background .22s ease!important}
  .flashcard-face{animation:flashcardFade .18s ease both}
}
@keyframes flashcardFade{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}

/*v22 permanent flashcard renderer*/
.flashcard-panel .panel-body{min-width:0}
.flashcard{appearance:none!important;-webkit-appearance:none!important;width:100%!important;min-height:172px!important;margin-top:12px!important;border:1px solid var(--border-strong)!important;border-radius:18px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-violet) 16%,var(--input-bg)),color-mix(in srgb,var(--brand-cyan) 10%,var(--input-bg)))!important;color:var(--text)!important;padding:22px!important;display:grid!important;place-items:center!important;align-content:center!important;gap:10px!important;text-align:center!important;position:static!important;overflow:hidden!important;transform:none!important;transform-style:flat!important;perspective:none!important;box-shadow:0 18px 48px rgba(0,0,0,.16)!important;white-space:normal!important;line-height:1.35!important}
.flashcard:hover,.flashcard:focus-visible{box-shadow:var(--glow)!important;border-color:var(--brand-cyan)!important}
.flashcard.is-flipped,.flashcard[aria-pressed="true"]{transform:none!important;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-cyan) 14%,var(--input-bg)),color-mix(in srgb,var(--brand-purple) 18%,var(--input-bg)))!important}
.flashcard-label{display:block!important;color:var(--brand-cyan)!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-size:.78rem!important;font-weight:850!important;line-height:1.1!important}
.flashcard-text{display:block!important;color:var(--text-strong)!important;font-size:clamp(1.02rem,4.4vw,1.28rem)!important;font-weight:850!important;line-height:1.34!important;max-width:32rem!important}
.flashcard-hint{display:block!important;color:var(--muted)!important;font-style:normal!important;font-size:.92rem!important;line-height:1.35!important}
.flashcard-face,.flashcard-front,.flashcard-back{display:none!important}
@media(max-width:640px){.flashcard{min-height:178px!important;padding:20px 16px!important}.flashcard-text{font-size:clamp(1rem,4.8vw,1.18rem)!important}}

/*v23 remove wasted left column in learning panels*/
.learning-panel{grid-template-columns:52px minmax(0,1fr)!important;gap:14px!important;align-items:start!important}
.learning-panel>.panel-body{display:contents!important}
.learning-panel h2{grid-column:2!important;min-height:52px!important;display:flex!important;align-items:center!important;margin:0!important}
.learning-panel p,.learning-panel .diagram,.learning-panel .quiz-options,.learning-panel [data-quiz-note],.learning-panel .flashcard,.learning-panel .learn-row{grid-column:1/-1!important}
.learning-panel p{margin-top:6px!important;max-width:none!important}
.learning-panel .diagram,.learning-panel .quiz-options,.learning-panel .flashcard,.learning-panel .learn-row{margin-top:12px!important}
.panel-icon{grid-column:1!important;grid-row:1!important}
@media(max-width:640px){
  .learning-panel{grid-template-columns:50px minmax(0,1fr)!important;gap:12px!important;padding:16px!important}
  .learning-panel h2{min-height:50px!important}
  .learning-panel p{margin-top:4px!important}
  .flashcard{margin-top:10px!important}
}

/*v24 question bank*/
.question-list{grid-column:1/-1!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px!important}
.question-item{border:1px solid var(--border);border-radius:14px;padding:14px;background:color-mix(in srgb,var(--input-bg) 84%,transparent)}
.question-item span{display:inline-flex;margin-bottom:8px;color:var(--brand-cyan);font-size:.78rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.question-item p{margin:0!important;color:var(--text)!important;line-height:1.45!important}
@media(max-width:640px){.question-list{grid-template-columns:1fr!important}.question-item{text-align:left!important}}

/*v26 LOCKED learning panel spacing: no empty left column*/
.learning-panel{grid-template-columns:52px minmax(0,1fr)!important;gap:14px!important;align-items:start!important}
.learning-panel>.panel-body{display:contents!important}
.learning-panel .panel-icon{grid-column:1!important;grid-row:1!important}
.learning-panel h2{grid-column:2!important;grid-row:1!important;min-height:52px!important;display:flex!important;align-items:center!important;margin:0!important}
.learning-panel p,
.learning-panel .diagram,
.learning-panel .quiz-options,
.learning-panel .question-list,
.learning-panel [data-quiz-note],
.learning-panel .flashcard,
.learning-panel .learn-row{grid-column:1/-1!important;max-width:none!important}
.learning-panel p{margin-top:8px!important}
.learning-panel .diagram,
.learning-panel .quiz-options,
.learning-panel .question-list,
.learning-panel .flashcard,
.learning-panel .learn-row{margin-top:12px!important}
.question-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.question-item{border:1px solid var(--border);border-radius:14px;padding:14px;background:color-mix(in srgb,var(--input-bg) 84%,transparent)}
.question-item span{display:inline-flex;margin-bottom:8px;color:var(--brand-cyan);font-size:.78rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.question-item p{margin:0!important;color:var(--text)!important;line-height:1.45!important}
@media(max-width:640px){
  .learning-panel{grid-template-columns:50px minmax(0,1fr)!important;gap:12px!important;padding:16px!important}
  .learning-panel h2{min-height:50px!important}
  .question-list{grid-template-columns:1fr!important}
  .question-item{text-align:left!important}
}

/*v27.1 mobile cache and locked panel repair*/
.learning-panel{grid-template-columns:52px minmax(0,1fr)!important;gap:14px!important;align-items:start!important}.learning-panel>.panel-title{grid-column:2!important;grid-row:1!important;min-height:52px!important;display:flex!important;align-items:center!important;margin:0!important}.learning-panel>.panel-body{grid-column:1/-1!important;display:block!important;min-width:0!important}.learning-panel>.panel-body>p{max-width:none!important;margin-top:8px!important}.learning-panel>.panel-body>.diagram,.learning-panel>.panel-body>.quiz-options,.learning-panel>.panel-body>.question-list,.learning-panel>.panel-body>.flashcard,.learning-panel>.panel-body>.learn-row{margin-top:12px!important}.question-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.question-item{border:1px solid var(--border)!important;border-radius:14px!important;padding:14px!important;background:color-mix(in srgb,var(--input-bg) 84%,transparent)!important}.question-item span{display:inline-flex!important;margin-bottom:8px!important;color:var(--brand-cyan)!important;font-size:.78rem!important;font-weight:850!important;letter-spacing:.07em!important;text-transform:uppercase!important}.question-item p{margin:0!important;color:var(--text)!important;line-height:1.45!important;max-width:none!important}.flashcard{width:100%!important;min-height:178px!important;display:grid!important;align-content:center!important;justify-items:center!important;gap:10px!important;padding:20px 16px!important;border:1px solid var(--border-strong)!important;border-radius:18px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-violet) 14%,var(--input-bg)),color-mix(in srgb,var(--brand-cyan) 8%,var(--input-bg)))!important;color:var(--text)!important;text-align:center!important;transform:none!important;transform-style:flat!important;perspective:none!important;overflow:visible!important}.flashcard.is-flipped{transform:none!important}.flashcard-label{display:block!important;color:var(--brand-cyan)!important;font-size:.78rem!important;font-weight:850!important;letter-spacing:.08em!important;text-transform:uppercase!important;line-height:1.1!important}.flashcard-text{display:block!important;color:var(--text-strong)!important;font-size:clamp(1rem,4.8vw,1.18rem)!important;font-weight:850!important;line-height:1.34!important;max-width:32rem!important}.flashcard-hint{display:block!important;color:var(--muted)!important;font-style:normal!important;font-size:.92rem!important;line-height:1.35!important}.flashcard-face,.flashcard-front,.flashcard-back{display:none!important}@media(max-width:640px){.learning-panel{grid-template-columns:50px minmax(0,1fr)!important;gap:12px!important;padding:16px!important}.learning-panel>.panel-title{min-height:50px!important}.question-list{grid-template-columns:1fr!important}.diagram{grid-template-columns:1fr!important}.question-item{text-align:left!important}}

.subhero{padding:64px 0 20px}.subhero h1{font-size:clamp(2.2rem,5vw,4.3rem);line-height:.98;margin:8px 0 12px}.subhero p{max-width:760px;color:var(--muted);font-size:1.08rem;line-height:1.75}.track-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.track-card{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:24px;border:1px solid var(--border);background:linear-gradient(145deg,var(--panel),var(--panel-2));box-shadow:var(--shadow);text-decoration:none;color:var(--text);min-height:230px;transition:transform .18s ease,border-color .18s ease}.track-card:hover{transform:translateY(-3px);border-color:rgba(57,121,255,.8)}.track-label{display:inline-flex;align-self:flex-start;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:rgba(57,121,255,.12);border:1px solid rgba(57,121,255,.3);border-radius:999px;padding:7px 10px}.track-card h3{margin:0;font-size:1.45rem}.track-card p{margin:0;color:var(--muted);line-height:1.55}.track-samples{margin-top:auto;color:var(--muted);font-size:.92rem;line-height:1.5}.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.next-track-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;border-radius:28px;border:1px solid var(--border);background:linear-gradient(135deg,var(--panel),var(--panel-2));box-shadow:var(--shadow)}.next-track-panel h2{margin:8px 0}.next-track-panel p{color:var(--muted);max-width:680px}.tile-art.tokens,.tile-art.context-window,.tile-art.prompting{background-image:url('../learning/thumb-transformers.webp')}.tile-art.verification{background-image:url('../learning/thumb-hallucinations.webp')}.tile-art.summarization,.tile-art.ai-agents{background-image:url('../learning/thumb-rag.webp')}[data-theme=light] .tile-art.tokens,[data-theme=light] .tile-art.context-window,[data-theme=light] .tile-art.prompting{background-image:url('../learning/thumb-transformers-light.webp')}[data-theme=light] .tile-art.verification{background-image:url('../learning/thumb-hallucinations-light.webp')}[data-theme=light] .tile-art.summarization,[data-theme=light] .tile-art.ai-agents{background-image:url('../learning/thumb-rag-light.webp')}@media (max-width:980px){.track-grid,.featured-grid{grid-template-columns:1fr}.subhero{text-align:center}.subhero p{margin-left:auto;margin-right:auto}.next-track-panel{flex-direction:column;text-align:center}.track-card{min-height:auto}}

/* v29 track architecture and teaching strip defect fix */
.flow-strip{padding:26px!important;overflow:hidden}.flow-strip h2{margin:0 0 22px!important}.flow-items{display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;gap:26px!important;flex-wrap:wrap!important}.flow-item{min-width:116px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important;text-align:center!important}.flow-icon{width:54px!important;height:54px!important;margin:0!important}.flow-icon svg,.panel-icon svg,.icon-btn svg{width:24px!important;height:24px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}.flow-item span{display:block!important;margin-top:0!important;line-height:1.25!important}.cluster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cluster-card{min-height:210px}.concept-hero{padding:52px 0 18px}.concept-hero h1{font-size:clamp(2.2rem,5vw,4.2rem);line-height:1;margin:8px 0 12px;color:var(--text-strong)}.concept-hero p{max-width:780px;color:var(--muted);font-size:1.08rem;line-height:1.7}.tile-art.use-case-selection,.tile-art.workflow-fit,.tile-art.ai-value,.tile-art.adoption-friction,.tile-art.role-based-ai-use,.tile-art.team-playbooks{background-image:url('../learning/thumb-transformers.webp')}.tile-art.ai-risk,.tile-art.controls,.tile-art.data-exposure,.tile-art.ai-ownership,.tile-art.ai-inventory,.tile-art.human-oversight{background-image:url('../learning/thumb-hallucinations.webp')}.tile-art.vendor-ai-claims,.tile-art.data-handling,.tile-art.vendor-risk-questions,.tile-art.ai-regulation,.tile-art.eu-ai-act,.tile-art.ai-literacy{background-image:url('../learning/thumb-rag.webp')}[data-theme=light] .tile-art.use-case-selection,[data-theme=light] .tile-art.workflow-fit,[data-theme=light] .tile-art.ai-value,[data-theme=light] .tile-art.adoption-friction,[data-theme=light] .tile-art.role-based-ai-use,[data-theme=light] .tile-art.team-playbooks{background-image:url('../learning/thumb-transformers-light.webp')}[data-theme=light] .tile-art.ai-risk,[data-theme=light] .tile-art.controls,[data-theme=light] .tile-art.data-exposure,[data-theme=light] .tile-art.ai-ownership,[data-theme=light] .tile-art.ai-inventory,[data-theme=light] .tile-art.human-oversight{background-image:url('../learning/thumb-hallucinations-light.webp')}[data-theme=light] .tile-art.vendor-ai-claims,[data-theme=light] .tile-art.data-handling,[data-theme=light] .tile-art.vendor-risk-questions,[data-theme=light] .tile-art.ai-regulation,[data-theme=light] .tile-art.eu-ai-act,[data-theme=light] .tile-art.ai-literacy{background-image:url('../learning/thumb-rag-light.webp')}@media(max-width:980px){.cluster-grid{grid-template-columns:1fr!important}.flow-strip{text-align:center}.flow-items{justify-content:center!important;gap:20px!important}.flow-item{min-width:96px!important}.site-header .nav>a:not(.nav-join){display:none}}@media(max-width:640px){.flow-items{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 16px!important}.flow-item{min-width:0!important}.flow-icon{width:50px!important;height:50px!important}.flow-strip h2{text-align:center!important}.concept-hero{text-align:center}.concept-hero p{margin-left:auto;margin-right:auto}.tile-grid{grid-template-columns:1fr!important}}
/* v29.2 index teaching strip defect fix */
.teach-steps,.method-steps,.learning-steps{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(108px,1fr))!important;
  gap:22px!important;
  align-items:start!important;
  margin-top:18px!important;
}
.teach-step,.method-step,.learning-step{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  min-width:0!important;
  text-align:center!important;
}
.teach-step::before,.teach-step::after,
.method-step::before,.method-step::after,
.learning-step::before,.learning-step::after{
  content:none!important;
  display:none!important;
}
.teach-icon,.method-icon,.learning-icon,
.teach-step .step-icon,.method-step .step-icon,.learning-step .step-icon{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  display:grid!important;
  place-items:center!important;
  margin:0 auto 6px!important;
  border-radius:999px!important;
  line-height:1!important;
  position:relative!important;
  z-index:2!important;
}
.teach-icon svg,.method-icon svg,.learning-icon svg,
.teach-step .step-icon svg,.method-step .step-icon svg,.learning-step .step-icon svg{
  width:24px!important;
  height:24px!important;
  display:block!important;
  overflow:visible!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:2.1!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.teach-step span,.method-step span,.learning-step span,
.teach-step strong,.method-step strong,.learning-step strong,
.teach-step p,.method-step p,.learning-step p{
  margin:0!important;
  line-height:1.35!important;
}
.teach-step span:last-child,.method-step span:last-child,.learning-step span:last-child,
.teach-step strong:last-child,.method-step strong:last-child,.learning-step strong:last-child{
  display:block!important;
  padding-top:2px!important;
  max-width:128px!important;
  font-size:0.9rem!important;
}
@media (max-width: 760px){
  .teach-steps,.method-steps,.learning-steps{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:20px 16px!important;
  }
  .teach-step:nth-child(5),.method-step:nth-child(5),.learning-step:nth-child(5){
    grid-column:1 / -1!important;
  }
}
@media (max-width: 420px){
  .teach-steps,.method-steps,.learning-steps{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .teach-step,.method-step,.learning-step{
    align-items:flex-start!important;
    text-align:left!important;
    flex-direction:row!important;
    gap:14px!important;
  }
  .teach-icon,.method-icon,.learning-icon,
  .teach-step .step-icon,.method-step .step-icon,.learning-step .step-icon{
    margin:0!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
  }
  .teach-step span:last-child,.method-step span:last-child,.learning-step span:last-child,
  .teach-step strong:last-child,.method-step strong:last-child,.learning-step strong:last-child{
    max-width:none!important;
    padding-top:12px!important;
  }
}
/* v29.4 concept header and teaching strip defect fix */
.site-header{
  display:flex!important;
  visibility:visible!important;
}
.concept-page .site-header{
  display:flex!important;
  visibility:visible!important;
  position:relative!important;
  z-index:20!important;
}
.flow-strip .flow-items{
  display:grid!important;
  grid-template-columns:repeat(9,minmax(92px,1fr))!important;
  gap:22px!important;
  align-items:start!important;
  margin-top:24px!important;
}
.flow-strip .flow-item{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:13px!important;
  min-width:0!important;
  text-align:center!important;
}
.flow-strip .flow-item::before,
.flow-strip .flow-item::after,
.flow-strip .flow-icon::before,
.flow-strip .flow-icon::after{
  content:none!important;
  display:none!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}
.flow-strip .flow-icon{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  display:grid!important;
  place-items:center!important;
  margin:0 auto 8px!important;
  border-radius:999px!important;
  line-height:1!important;
  position:relative!important;
  z-index:2!important;
}
.flow-strip .flow-icon svg{
  width:25px!important;
  height:25px!important;
  display:block!important;
  overflow:visible!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:2.15!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.flow-strip .flow-item span{
  display:block!important;
  margin:0!important;
  max-width:132px!important;
  line-height:1.35!important;
  font-size:.86rem!important;
  font-weight:800!important;
}
.concept-context{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-bottom:18px!important;
}
.context-chip{
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid var(--border, rgba(148,163,184,.28))!important;
  border-radius:999px!important;
  padding:8px 12px!important;
  font-size:.8rem!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  color:var(--muted, #cbd5e1)!important;
  background:rgba(15,23,42,.45)!important;
}
@media (max-width:1180px){
  .flow-strip .flow-items{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (max-width:680px){
  .flow-strip .flow-items{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:20px 16px!important;
  }
}
@media (max-width:430px){
  .flow-strip .flow-items{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
}


/* v30 mobile learning UX refresh */
:root{--v30-ink:var(--text-strong);--v30-glass:color-mix(in srgb,var(--surface-solid) 84%,transparent);--v30-line:color-mix(in srgb,var(--brand-blue) 32%,var(--border));--v30-rail:linear-gradient(135deg,rgba(91,60,246,.20),rgba(37,99,255,.12),rgba(6,214,255,.10));--v30-ease:cubic-bezier(.2,.8,.2,1)}
.v30-card-icon{width:46px;height:46px;min-width:46px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(135deg,#5B3CF6,#2563FF 56%,#06D6FF);box-shadow:0 14px 34px rgba(37,99,255,.25);margin-bottom:4px;position:relative;overflow:hidden}
.v30-card-icon:after{content:"";position:absolute;inset:1px;border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.18),transparent 54%);pointer-events:none}
.v30-card-icon svg{width:24px;height:24px;display:block;fill:none!important;stroke:currentColor!important;stroke-width:2.15!important;stroke-linecap:round!important;stroke-linejoin:round!important;position:relative;z-index:1}
.track-card.v30-enhanced{position:relative;overflow:hidden;isolation:isolate;gap:14px!important;background:radial-gradient(circle at 14% 0%,color-mix(in srgb,var(--brand-blue) 13%,transparent),transparent 34%),linear-gradient(145deg,var(--surface),var(--surface-2))!important}
.track-card.v30-enhanced:after{content:"";position:absolute;inset:auto -20% -45% 18%;height:96px;background:radial-gradient(circle,color-mix(in srgb,var(--brand-cyan) 20%,transparent),transparent 60%);z-index:-1;pointer-events:none}
.track-card.v30-enhanced h3{letter-spacing:-.025em}.cluster-card .v30-card-icon{width:54px;height:54px;border-radius:18px}.cluster-card .v30-card-icon svg{width:28px;height:28px}
.v30-bottom-nav{position:fixed;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));z-index:2147482500;display:none;grid-template-columns:repeat(3,1fr);gap:7px;padding:8px;border:1px solid color-mix(in srgb,var(--brand-blue) 22%,var(--border));border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface-solid) 90%,transparent),color-mix(in srgb,var(--surface-solid) 76%,var(--brand-blue) 8%));backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,0,0,.34)}
.v30-bottom-nav a{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:18px;color:var(--muted);font-size:.72rem;font-weight:850;letter-spacing:.01em;text-align:center;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .18s var(--v30-ease),background .18s var(--v30-ease),color .18s var(--v30-ease),box-shadow .18s var(--v30-ease)}
.v30-bottom-nav a svg{width:22px;height:22px;fill:none!important;stroke:currentColor!important;stroke-width:2.15!important;stroke-linecap:round!important;stroke-linejoin:round!important}.v30-bottom-nav a:hover,.v30-bottom-nav a:focus-visible,.v30-bottom-nav a.is-active{color:var(--text-strong);background:linear-gradient(135deg,color-mix(in srgb,var(--brand-violet) 22%,transparent),color-mix(in srgb,var(--brand-cyan) 12%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 20%,transparent)}.v30-bottom-nav a:active{transform:scale(.96)}
.v30-concept-progress{position:sticky;top:12px;z-index:19;margin:0 auto 16px;width:min(980px,calc(100% - 44px));border:1px solid color-mix(in srgb,var(--brand-blue) 26%,var(--border));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface-solid) 92%,transparent),color-mix(in srgb,var(--surface-solid) 78%,var(--brand-blue) 8%));backdrop-filter:blur(16px);box-shadow:0 12px 38px rgba(0,0,0,.16);padding:10px 12px;display:flex;align-items:center;gap:12px}.v30-progress-track{height:7px;flex:1;border-radius:999px;background:color-mix(in srgb,var(--muted-2) 22%,transparent);overflow:hidden}.v30-progress-fill{height:100%;width:8%;border-radius:inherit;background:var(--brand-gradient);transition:width .22s var(--v30-ease)}.v30-progress-label{font-size:.8rem;font-weight:850;color:var(--text-strong);white-space:nowrap}.v30-progress-label span{color:var(--brand-cyan)}
.learning-panel{position:relative;scroll-margin-top:104px!important}.learning-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-violet) 10%,transparent),transparent 35%,color-mix(in srgb,var(--brand-cyan) 7%,transparent));opacity:.55;pointer-events:none}.learning-panel>.panel-icon,.learning-panel>.panel-title,.learning-panel>.panel-body{position:relative;z-index:1}.learning-panel .panel-icon{box-shadow:0 10px 32px color-mix(in srgb,currentColor 22%,transparent)}.v30-next-section{min-height:44px;margin-top:16px;border:1px solid color-mix(in srgb,var(--brand-blue) 28%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--surface-solid) 82%,transparent);color:var(--text-strong);font-weight:850;padding:0 16px;display:inline-flex;align-items:center;gap:8px;transition:transform .18s var(--v30-ease),border-color .18s var(--v30-ease),box-shadow .18s var(--v30-ease)}.v30-next-section:hover,.v30-next-section:focus-visible{transform:translateY(-1px);border-color:var(--border-strong);box-shadow:0 12px 30px color-mix(in srgb,var(--brand-blue) 18%,transparent)}
.flow-question{color:#60A5FA!important}.flow-star{color:#C084FC!important}.flow-cube{color:#22D3EE!important}.flow-user{color:#F472B6!important}.flow-example{color:#818CF8!important}.flow-warning{color:#FB923C!important}.flow-chat{color:#2DD4BF!important}.flow-check{color:#34D399!important}.flow-card{color:#FACC15!important}.panel-question{color:#60A5FA!important}.panel-star{color:#C084FC!important}.panel-spark{color:#22D3EE!important}.panel-user{color:#F472B6!important}.panel-code{color:#818CF8!important}.panel-rocket{color:#38BDF8!important}.panel-alert{color:#FB923C!important}.panel-bars{color:#34D399!important}.panel-card{color:#FACC15!important}.panel-headphones{color:#A78BFA!important}
@media(max-width:860px){body{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.v30-bottom-nav{display:grid}.site-footer{margin-bottom:calc(110px + env(safe-area-inset-bottom))!important}.consent-banner{bottom:calc(94px + env(safe-area-inset-bottom))!important}.flow-strip .flow-items{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(112px,34%)!important;grid-template-columns:none!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;scroll-snap-type:x proximity!important;gap:14px!important;padding:4px 2px 12px!important;-webkit-overflow-scrolling:touch!important;justify-content:start!important}.flow-strip .flow-items::-webkit-scrollbar{height:6px}.flow-strip .flow-items::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--brand-blue) 35%,transparent);border-radius:999px}.flow-strip .flow-item{scroll-snap-align:start!important;min-width:0!important;padding:6px 4px!important}.flow-strip .flow-icon{width:56px!important;height:56px!important}.v30-concept-progress{top:8px;width:min(100% - 24px,980px);border-radius:16px}.v30-progress-label{font-size:.74rem}.concept-hero{padding-top:34px!important}.track-card.v30-enhanced{min-height:auto!important}.track-card.v30-enhanced .v30-card-icon{margin-bottom:2px}.learning-panel{border-radius:24px!important}.v30-next-section{width:100%;justify-content:center}}
@media(max-width:430px){.v30-bottom-nav{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));gap:5px;padding:7px;border-radius:22px}.v30-bottom-nav a{min-height:54px;font-size:.68rem;border-radius:16px}.v30-bottom-nav a svg{width:21px;height:21px}.flow-strip .flow-items{grid-auto-columns:minmax(104px,42%)!important}.v30-concept-progress{gap:8px;padding:9px}.v30-progress-label{max-width:128px;overflow:hidden;text-overflow:ellipsis}.v30-card-icon{width:42px;height:42px;min-width:42px;border-radius:14px}.v30-card-icon svg{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.v30-bottom-nav a,.track-card,.tile,.learning-panel,.v30-progress-fill,.v30-next-section{transition:none!important}.v30-next-section:hover,.track-card:hover,.tile:hover,.learning-panel:hover{transform:none!important}}

/* V30.2 path card header refinement */
.cluster-card{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;grid-template-areas:"icon title" "body body" "samples samples" "cta cta";column-gap:14px;row-gap:12px;align-items:start}
.cluster-card .track-label{display:none!important}
.cluster-card .v30-card-icon{grid-area:icon!important;margin:0!important;align-self:start}
.cluster-card h3{grid-area:title!important;align-self:center!important;margin:6px 0 0!important;font-size:clamp(1.4rem,2vw,2rem)!important;line-height:1.15!important}
.cluster-card p{grid-area:body!important}
.cluster-card .track-samples{grid-area:samples!important;margin-top:0!important}
.cluster-card .tile-cta{grid-area:cta!important}
@media(max-width:860px){.cluster-card{grid-template-columns:56px minmax(0,1fr)!important;column-gap:12px!important}.cluster-card h3{margin-top:4px!important;font-size:clamp(1.3rem,5vw,1.8rem)!important}}

/* V30.6 definitive card header centerline alignment */
.track-card.v30-enhanced{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
}
.track-card.v30-enhanced>.v30-card-header{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:16px!important;
  min-height:56px!important;
  width:100%!important;
}
.track-card.v30-enhanced>.v30-card-header>.v30-card-icon{
  flex:0 0 56px!important;
  width:56px!important;
  height:56px!important;
  margin:0!important;
  align-self:center!important;
}
.track-card.v30-enhanced>.v30-card-header>h3{
  margin:0!important;
  padding:0!important;
  line-height:1.15!important;
  align-self:center!important;
  transform:none!important;
}
.cluster-card>.track-label,
.track-card.v30-enhanced>.track-label{
  display:none!important;
}
.track-card.v30-enhanced>p,
.track-card.v30-enhanced>.track-samples,
.track-card.v30-enhanced>.tile-cta{
  margin-left:0!important;
}
@media(max-width:860px){
  .track-card.v30-enhanced>.v30-card-header{
    gap:14px!important;
    min-height:52px!important;
  }
  .track-card.v30-enhanced>.v30-card-header>.v30-card-icon{
    flex-basis:52px!important;
    width:52px!important;
    height:52px!important;
  }
}/* v30.11 concept image patch */img.tile-art{display:block;width:100%;height:112px;min-height:112px;object-fit:cover;background-image:none!important}.tile img.tile-art{background-image:none!important}.tile-art.adoption-friction{background-image:url('../learning/adoption-friction.webp')}:root[data-theme="light"] .tile-art.adoption-friction,[data-theme=light] .tile-art.adoption-friction{background-image:url('../learning/adoption-friction.webp')}.tile-art.ai-agents{background-image:url('../learning/ai-agents.webp')}:root[data-theme="light"] .tile-art.ai-agents,[data-theme=light] .tile-art.ai-agents{background-image:url('../learning/ai-agents.webp')}.tile-art.ai-inventory{background-image:url('../learning/ai-inventory.webp')}:root[data-theme="light"] .tile-art.ai-inventory,[data-theme=light] .tile-art.ai-inventory{background-image:url('../learning/ai-inventory.webp')}.tile-art.ai-literacy{background-image:url('../learning/ai-literacy.webp')}:root[data-theme="light"] .tile-art.ai-literacy,[data-theme=light] .tile-art.ai-literacy{background-image:url('../learning/ai-literacy.webp')}.tile-art.ai-ownership{background-image:url('../learning/ai-ownership.webp')}:root[data-theme="light"] .tile-art.ai-ownership,[data-theme=light] .tile-art.ai-ownership{background-image:url('../learning/ai-ownership.webp')}.tile-art.ai-regulation{background-image:url('../learning/ai-regulation.webp')}:root[data-theme="light"] .tile-art.ai-regulation,[data-theme=light] .tile-art.ai-regulation{background-image:url('../learning/ai-regulation.webp')}.tile-art.ai-risk{background-image:url('../learning/ai-risk.webp')}:root[data-theme="light"] .tile-art.ai-risk,[data-theme=light] .tile-art.ai-risk{background-image:url('../learning/ai-risk.webp')}.tile-art.ai-value{background-image:url('../learning/ai-value.webp')}:root[data-theme="light"] .tile-art.ai-value,[data-theme=light] .tile-art.ai-value{background-image:url('../learning/ai-value.webp')}.tile-art.context-window{background-image:url('../learning/context-window.webp')}:root[data-theme="light"] .tile-art.context-window,[data-theme=light] .tile-art.context-window{background-image:url('../learning/context-window.webp')}.tile-art.controls{background-image:url('../learning/controls.webp')}:root[data-theme="light"] .tile-art.controls,[data-theme=light] .tile-art.controls{background-image:url('../learning/controls.webp')}.tile-art.data-exposure{background-image:url('../learning/data-exposure.webp')}:root[data-theme="light"] .tile-art.data-exposure,[data-theme=light] .tile-art.data-exposure{background-image:url('../learning/data-exposure.webp')}.tile-art.data-handling{background-image:url('../learning/data-handling.webp')}:root[data-theme="light"] .tile-art.data-handling,[data-theme=light] .tile-art.data-handling{background-image:url('../learning/data-handling.webp')}.tile-art.eu-ai-act{background-image:url('../learning/eu-ai-act.webp')}:root[data-theme="light"] .tile-art.eu-ai-act,[data-theme=light] .tile-art.eu-ai-act{background-image:url('../learning/eu-ai-act.webp')}.tile-art.hallucinations{background-image:url('../learning/hallucinations.webp')}:root[data-theme="light"] .tile-art.hallucinations,[data-theme=light] .tile-art.hallucinations{background-image:url('../learning/hallucinations.webp')}.tile-art.human-oversight{background-image:url('../learning/human-oversight.webp')}:root[data-theme="light"] .tile-art.human-oversight,[data-theme=light] .tile-art.human-oversight{background-image:url('../learning/human-oversight.webp')}.tile-art.prompting{background-image:url('../learning/prompting.webp')}:root[data-theme="light"] .tile-art.prompting,[data-theme=light] .tile-art.prompting{background-image:url('../learning/prompting.webp')}.tile-art.rag{background-image:url('../learning/rag.webp')}:root[data-theme="light"] .tile-art.rag,[data-theme=light] .tile-art.rag{background-image:url('../learning/rag.webp')}.tile-art.role-based-ai-use{background-image:url('../learning/role-based-ai-use.webp')}:root[data-theme="light"] .tile-art.role-based-ai-use,[data-theme=light] .tile-art.role-based-ai-use{background-image:url('../learning/role-based-ai-use.webp')}.tile-art.summarization{background-image:url('../learning/summarization.webp')}:root[data-theme="light"] .tile-art.summarization,[data-theme=light] .tile-art.summarization{background-image:url('../learning/summarization.webp')}.tile-art.team-playbooks{background-image:url('../learning/team-playbooks.webp')}:root[data-theme="light"] .tile-art.team-playbooks,[data-theme=light] .tile-art.team-playbooks{background-image:url('../learning/team-playbooks.webp')}.tile-art.tokens{background-image:url('../learning/tokens.webp')}:root[data-theme="light"] .tile-art.tokens,[data-theme=light] .tile-art.tokens{background-image:url('../learning/tokens.webp')}.tile-art.transformers{background-image:url('../learning/transformers.webp')}:root[data-theme="light"] .tile-art.transformers,[data-theme=light] .tile-art.transformers{background-image:url('../learning/transformers.webp')}.tile-art.use-case-selection{background-image:url('../learning/use-case-selection.webp')}:root[data-theme="light"] .tile-art.use-case-selection,[data-theme=light] .tile-art.use-case-selection{background-image:url('../learning/use-case-selection.webp')}.tile-art.vendor-ai-claims{background-image:url('../learning/vendor-ai-claims.webp')}:root[data-theme="light"] .tile-art.vendor-ai-claims,[data-theme=light] .tile-art.vendor-ai-claims{background-image:url('../learning/vendor-ai-claims.webp')}.tile-art.vendor-risk-questions{background-image:url('../learning/vendor-risk-questions.webp')}:root[data-theme="light"] .tile-art.vendor-risk-questions,[data-theme=light] .tile-art.vendor-risk-questions{background-image:url('../learning/vendor-risk-questions.webp')}.tile-art.verification{background-image:url('../learning/verification.webp')}:root[data-theme="light"] .tile-art.verification,[data-theme=light] .tile-art.verification{background-image:url('../learning/verification.webp')}.tile-art.workflow-fit{background-image:url('../learning/workflow-fit.webp')}:root[data-theme="light"] .tile-art.workflow-fit,[data-theme=light] .tile-art.workflow-fit{background-image:url('../learning/workflow-fit.webp')}@media (max-width:720px){img.tile-art{height:104px;min-height:104px}}
/* v30.12 Beauty and Intuition Patch */
.v30-12-beauty .hero{padding:82px 0 48px;background:radial-gradient(circle at 72% 12%,rgba(6,214,255,.18),transparent 24%),radial-gradient(circle at 86% 32%,rgba(122,77,255,.18),transparent 30%),linear-gradient(180deg,rgba(37,99,255,.08),transparent 70%)}
.v30-12-beauty .hero-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,440px);align-items:center;gap:44px}
.v30-12-beauty .hero-copy{max-width:720px}
.v30-12-beauty .hero-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;border-radius:999px;border:1px solid var(--border-strong);background:rgba(37,99,255,.12);color:var(--text-strong);font-size:.88rem;font-weight:820;letter-spacing:.02em}
.v30-12-beauty .hero p{max-width:680px;font-size:clamp(1.13rem,1.45vw,1.32rem)}
.v30-12-beauty .hero-preview{position:relative;min-height:390px;display:grid;place-items:center}
.v30-12-beauty .preview-card{position:absolute;width:300px;min-height:142px;display:grid;grid-template-columns:90px 1fr;gap:14px;align-items:center;padding:14px;border-radius:22px;border:1px solid var(--border);background:linear-gradient(145deg,rgba(11,22,45,.96),rgba(8,17,35,.86));box-shadow:0 24px 70px rgba(0,0,0,.38);text-decoration:none;color:var(--text);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
:root[data-theme="light"] .v30-12-beauty .preview-card{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,246,255,.9));box-shadow:0 22px 60px rgba(15,23,42,.12)}
.v30-12-beauty .preview-card:hover{transform:translateY(-6px) rotate(0deg);border-color:var(--border-strong);box-shadow:var(--glow)}
.v30-12-beauty .preview-card img{grid-row:1/4;width:90px;height:90px;object-fit:cover;border-radius:16px;border:1px solid var(--border)}
.v30-12-beauty .preview-card span{align-self:end;color:var(--brand-cyan);font-size:.74rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.v30-12-beauty .preview-card strong{color:var(--text-strong);font-size:1.2rem;line-height:1.1}
.v30-12-beauty .preview-card small{color:var(--muted);font-size:.9rem;line-height:1.35}
.v30-12-beauty .preview-card-one{top:12px;left:10px;transform:rotate(-4deg)}
.v30-12-beauty .preview-card-two{top:128px;right:0;transform:rotate(3deg)}
.v30-12-beauty .preview-card-three{bottom:6px;left:44px;transform:rotate(-2deg)}
.v30-12-beauty .learning-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.v30-12-beauty .learning-strip span{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border-radius:999px;border:1px solid var(--border);background:rgba(37,99,255,.1);color:var(--text);font-size:.88rem;font-weight:780}
.v30-12-beauty .library-strip{margin-top:14px}
.v30-12-beauty .concept-panel{background:linear-gradient(180deg,rgba(8,17,35,.78),rgba(8,17,35,.62));backdrop-filter:blur(18px)}
:root[data-theme="light"] .v30-12-beauty .concept-panel{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(239,246,255,.72))}
.v30-12-beauty .tile{border-radius:24px;background:linear-gradient(145deg,rgba(12,26,52,.92),rgba(8,17,35,.82));box-shadow:0 18px 54px rgba(0,0,0,.26)}
:root[data-theme="light"] .v30-12-beauty .tile{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,246,255,.86));box-shadow:0 18px 48px rgba(15,23,42,.1)}
.v30-12-beauty .tile-art{width:112px;height:112px;min-height:112px;object-fit:cover;filter:saturate(1.08) brightness(1.08);box-shadow:0 0 34px rgba(37,99,255,.18)}
.v30-12-beauty .concept-pill{display:inline-flex;align-items:center;width:max-content;margin:0 0 8px;padding:5px 9px;border-radius:999px;border:1px solid rgba(6,214,255,.28);background:rgba(6,214,255,.1);color:var(--brand-cyan);font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.v30-12-beauty .tile h3{margin:0 0 8px}.v30-12-beauty .tile p{margin-bottom:12px}.v30-12-beauty .tile-meta{margin-top:0}.v30-12-beauty .tile-cta{margin-top:auto;color:#3B82FF}.v30-12-beauty .track-card{border-radius:24px;background:linear-gradient(145deg,rgba(12,26,52,.9),rgba(8,17,35,.76));box-shadow:0 18px 54px rgba(0,0,0,.24)}
:root[data-theme="light"] .v30-12-beauty .track-card{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,246,255,.84));box-shadow:0 18px 48px rgba(15,23,42,.1)}
.v30-12-beauty .track-card h3{line-height:1.16}.v30-12-beauty .subhero{padding:76px 0 26px;background:radial-gradient(circle at 76% 6%,rgba(37,99,255,.12),transparent 28%)}.v30-12-beauty.concept-library-page .tile-grid{align-items:stretch}.v30-12-beauty.concept-library-page .tile>div:last-child{display:flex;flex-direction:column;min-width:0}.v30-12-beauty.concept-library-page .tile .tile-meta{order:4}.v30-12-beauty.concept-library-page .tile .tile-cta{order:5}
@media (max-width:980px){.v30-12-beauty .hero-stage{grid-template-columns:1fr}.v30-12-beauty .hero-preview{display:none}.v30-12-beauty .hero{padding:62px 0 34px}.v30-12-beauty .learning-strip span{font-size:.84rem}}
@media (max-width:640px){.v30-12-beauty .hero-kicker{font-size:.78rem}.v30-12-beauty .learning-strip{gap:8px}.v30-12-beauty .learning-strip span{padding:6px 10px}.v30-12-beauty .tile{grid-template-columns:96px 1fr;gap:14px;padding:16px}.v30-12-beauty .tile-art{width:96px;height:96px;min-height:96px}.v30-12-beauty .concept-pill{font-size:.66rem}}

/* v30.13 premium learning loop */
.retention-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:18px;align-items:stretch}.retention-card{position:relative;display:flex;gap:18px;align-items:center;min-height:164px;padding:20px;border:1px solid var(--border);border-radius:28px;background:linear-gradient(145deg,rgba(11,22,45,.88),rgba(8,17,35,.68));box-shadow:0 22px 70px rgba(0,0,0,.18);overflow:hidden}.retention-card::before{content:"";position:absolute;inset:-40% -20% auto auto;width:220px;height:220px;background:radial-gradient(circle,rgba(6,214,255,.22),transparent 65%);pointer-events:none}.retention-card.is-hidden{display:none}.retention-art{width:92px;height:92px;flex:0 0 92px;border-radius:22px;object-fit:cover;border:1px solid rgba(148,163,184,.24);background:rgba(2,8,23,.72);box-shadow:0 18px 46px rgba(37,99,255,.16)}.retention-copy{position:relative;z-index:1;display:grid;gap:8px}.retention-eyebrow{display:inline-flex;width:max-content;align-items:center;gap:6px;padding:5px 10px;border:1px solid rgba(99,102,241,.36);border-radius:999px;background:rgba(37,99,255,.12);color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.02em}.retention-copy h2,.retention-copy h3{margin:0;color:var(--text-strong);line-height:1.05}.retention-copy h2{font-size:clamp(1.35rem,2vw,1.9rem)}.retention-copy h3{font-size:1.15rem}.retention-copy p{margin:0;color:var(--muted);max-width:58ch}.retention-meta{display:flex;flex-wrap:wrap;gap:8px 12px;color:var(--muted-2);font-size:.88rem;font-weight:800}.retention-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.retention-card--compact{min-height:164px;align-items:flex-start}.recent-list{display:flex;flex-direction:column;gap:10px;width:100%}.recent-chip{display:grid;gap:2px;padding:10px 12px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:rgba(2,8,23,.26);transition:transform .18s ease,border-color .18s ease,background .18s ease}.recent-chip:hover{transform:translateY(-2px);border-color:rgba(37,99,255,.45);background:rgba(37,99,255,.10)}.recent-chip span{color:var(--muted-2);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.recent-chip strong{color:var(--text-strong);font-size:.95rem}.daily-learning-panel{margin-top:22px}.concepts-retention .retention-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.concepts-retention .retention-card{min-height:176px}.concepts-retention .retention-card--wide{grid-column:span 2}@media (max-width:960px){.retention-grid,.concepts-retention .retention-grid{grid-template-columns:1fr}.concepts-retention .retention-card--wide{grid-column:auto}}@media (max-width:680px){.retention-card{align-items:flex-start;padding:16px;border-radius:24px}.retention-art{width:76px;height:76px;flex-basis:76px;border-radius:18px}.retention-copy{gap:7px}.retention-actions .btn{width:100%;justify-content:center}.recent-list{gap:8px}}

/* v30.13.1 card image scale refinement */
.v30-12-beauty .tile{grid-template-columns:138px minmax(0,1fr)!important;align-items:stretch!important;min-height:190px!important;}
.v30-12-beauty .tile>img.tile-art{width:138px!important;height:100%!important;min-height:150px!important;max-height:none!important;align-self:stretch!important;object-fit:cover!important;object-position:center!important;display:block!important;border-radius:18px!important;}
.v30-12-beauty.concept-library-page .tile{grid-template-columns:132px minmax(0,1fr)!important;min-height:220px!important;}
.v30-12-beauty.concept-library-page .tile>img.tile-art{width:132px!important;min-height:176px!important;}
.retention-card{align-items:stretch!important;}
.retention-art{width:126px!important;height:auto!important;min-height:136px!important;flex:0 0 126px!important;align-self:stretch!important;object-fit:cover!important;object-position:center!important;border-radius:22px!important;}
.concepts-retention .retention-art{min-height:148px!important;}
@media (max-width:760px){.v30-12-beauty .tile,.v30-12-beauty.concept-library-page .tile{grid-template-columns:112px minmax(0,1fr)!important;min-height:164px!important;padding:16px!important;gap:14px!important}.v30-12-beauty .tile>img.tile-art,.v30-12-beauty.concept-library-page .tile>img.tile-art{width:112px!important;min-height:132px!important;height:100%!important;border-radius:16px!important}.retention-card{align-items:flex-start!important}.retention-art{width:96px!important;min-height:112px!important;height:112px!important;flex-basis:96px!important;align-self:flex-start!important;border-radius:18px!important}}
@media (max-width:420px){.v30-12-beauty .tile,.v30-12-beauty.concept-library-page .tile{grid-template-columns:96px minmax(0,1fr)!important}.v30-12-beauty .tile>img.tile-art,.v30-12-beauty.concept-library-page .tile>img.tile-art{width:96px!important;min-height:118px!important}.retention-art{width:84px!important;height:96px!important;min-height:96px!important;flex-basis:84px!important}}


/* v30.13.3 card image fill patch */
@media (min-width:721px){
  .v30-12-beauty #start-here .tile,
  .v30-12-beauty.concept-library-page .tile-grid .tile{
    align-items:stretch!important;
  }
  .v30-12-beauty #start-here .tile{
    grid-template-columns:150px minmax(0,1fr)!important;
    min-height:222px!important;
  }
  .v30-12-beauty.concept-library-page .tile-grid .tile{
    grid-template-columns:150px minmax(0,1fr)!important;
    min-height:226px!important;
  }
  .v30-12-beauty #start-here .tile>img.tile-art,
  .v30-12-beauty.concept-library-page .tile-grid .tile>img.tile-art{
    width:150px!important;
    height:100%!important;
    min-height:190px!important;
    max-height:none!important;
    align-self:stretch!important;
    object-fit:cover!important;
    object-position:center center!important;
    display:block!important;
    border-radius:18px!important;
  }
  .retention-card{
    align-items:stretch!important;
    min-height:178px!important;
  }
  .retention-art{
    width:132px!important;
    min-height:148px!important;
    height:auto!important;
    flex:0 0 132px!important;
    align-self:stretch!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
}
@media (max-width:720px){
  .v30-12-beauty #start-here .tile,
  .v30-12-beauty.concept-library-page .tile-grid .tile{
    grid-template-columns:112px minmax(0,1fr)!important;
    min-height:168px!important;
    align-items:stretch!important;
  }
  .v30-12-beauty #start-here .tile>img.tile-art,
  .v30-12-beauty.concept-library-page .tile-grid .tile>img.tile-art{
    width:112px!important;
    height:100%!important;
    min-height:136px!important;
    max-height:none!important;
    align-self:stretch!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
  .retention-card{
    align-items:stretch!important;
  }
  .retention-art{
    width:96px!important;
    min-height:116px!important;
    height:auto!important;
    flex:0 0 96px!important;
    align-self:stretch!important;
  }
}
@media (max-width:520px){
  .v30-12-beauty #start-here .tile,
  .v30-12-beauty.concept-library-page .tile-grid .tile{
    grid-template-columns:100px minmax(0,1fr)!important;
    min-height:154px!important;
    gap:14px!important;
  }
  .v30-12-beauty #start-here .tile>img.tile-art,
  .v30-12-beauty.concept-library-page .tile-grid .tile>img.tile-art{
    width:100px!important;
    min-height:122px!important;
  }
}

/* v30.13.4 mobile retention image and duplicate-card-safe layout */
.retention-card[data-same-as-daily="true"]{display:none!important}
.retention-card img.retention-art{display:block!important;object-fit:cover!important;object-position:center!important;color:transparent!important}
.retention-card img.retention-art::before,.retention-card img.retention-art::after{display:none!important}
@media (max-width:720px){
  .retention-grid{grid-template-columns:1fr!important;gap:18px!important}
  .retention-card{display:grid!important;grid-template-columns:minmax(128px,34vw) minmax(0,1fr)!important;align-items:stretch!important;gap:18px!important;min-height:236px!important;padding:20px!important}
  .retention-card.retention-card--compact{min-height:218px!important}
  .retention-art{width:100%!important;height:100%!important;min-height:188px!important;max-height:none!important;flex:none!important;align-self:stretch!important;border-radius:24px!important;aspect-ratio:auto!important}
  .retention-copy{align-content:center!important;min-width:0!important}
  .retention-actions .btn{width:100%!important;justify-content:center!important;min-height:58px!important}
}
@media (max-width:520px){
  .retention-card{grid-template-columns:118px minmax(0,1fr)!important;gap:16px!important;min-height:236px!important;padding:20px!important;border-radius:26px!important}
  .retention-card.retention-card--compact{min-height:218px!important}
  .retention-art{min-height:188px!important;border-radius:22px!important}
  .retention-copy h2{font-size:clamp(1.55rem,7vw,2.15rem)!important;line-height:1.08!important}
  .retention-copy h3{font-size:clamp(1.35rem,6vw,1.85rem)!important;line-height:1.08!important}
  .retention-copy p{font-size:1.05rem!important;line-height:1.45!important}
}
@media (max-width:380px){
  .retention-card{grid-template-columns:108px minmax(0,1fr)!important;padding:18px!important;gap:14px!important}
  .retention-art{min-height:178px!important}
}


/* v30.13.5 track page concept image restoration */
.track-page .tile-grid .tile{grid-template-columns:132px minmax(0,1fr)!important;min-height:190px!important;align-items:stretch!important;gap:20px!important;}
.track-page .tile-grid .tile>img.tile-art{display:block!important;width:132px!important;height:100%!important;min-height:152px!important;max-height:none!important;align-self:stretch!important;object-fit:cover!important;object-position:center center!important;border-radius:18px!important;border:1px solid var(--border)!important;background:var(--surface)!important;color:transparent!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important;}
.track-page .tile-grid .tile>img.tile-art::before,.track-page .tile-grid .tile>img.tile-art::after{display:none!important;}
@media (max-width:980px){.track-page .tile-grid{grid-template-columns:1fr!important}.track-page .tile-grid .tile:first-child{grid-column:auto!important}.track-page .tile-grid .tile{grid-template-columns:124px minmax(0,1fr)!important;min-height:178px!important}.track-page .tile-grid .tile>img.tile-art{width:124px!important;min-height:146px!important}}
@media (max-width:560px){.track-page .tile-grid .tile{grid-template-columns:104px minmax(0,1fr)!important;min-height:158px!important;gap:14px!important;padding:16px!important}.track-page .tile-grid .tile>img.tile-art{width:104px!important;min-height:126px!important;border-radius:16px!important}.track-page .tile p{font-size:.96rem!important}.track-page .tile h3{font-size:1.24rem!important}}
@media (max-width:390px){.track-page .tile-grid .tile{grid-template-columns:92px minmax(0,1fr)!important}.track-page .tile-grid .tile>img.tile-art{width:92px!important;min-height:114px!important}}