.learning-lab-page{position:relative;min-height:calc(100vh - 64px);overflow:hidden;color:var(--text);background:radial-gradient(circle at 78% 8%,color-mix(in srgb,var(--brand) 7%,transparent),transparent 30%),var(--bg)}.learning-lab-page:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--brand) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--brand) 4%,transparent) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.68),transparent 76%);mask-image:linear-gradient(180deg,rgba(0,0,0,.68),transparent 76%)}.learning-lab-shell{position:relative;z-index:1;width:min(1080px,calc(100% - 64px));margin:0 auto;padding:20px 0 84px}.learning-lab-topbar{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:24px}.learning-generated{display:inline-flex;align-items:center;gap:7px;color:var(--text-3);font-size:12px}.learning-generated i{color:var(--brand);font-size:15px}.learning-intro{max-width:760px;padding:52px 0 42px}.learning-intro-context{margin-bottom:12px;color:var(--brand);font-size:11px;font-weight:680;letter-spacing:.04em}.learning-intro h1{margin:0;font-family:Manrope Variable,sans-serif;font-size:clamp(38px,4.5vw,56px);font-weight:770;font-variation-settings:"wght" 770;letter-spacing:-.045em;line-height:1.12}.learning-intro>p{margin:18px 0 0;color:var(--text-2);font-size:15px;line-height:1.75}.learning-route{margin:28px 0 0;padding:0;display:flex;align-items:center;gap:0;list-style:none}.learning-route li{display:inline-flex;align-items:center;color:var(--text-3);font-size:12px}.learning-route li+li:before{content:"";width:34px;height:1px;margin:0 12px;background:var(--border)}.learning-route li.is-current{color:var(--text);font-weight:650}.learning-route li.is-done{color:var(--brand)}.learning-stage{padding-top:30px;border-top:1px solid var(--border)}.learning-stage-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}.learning-stage-header small,.learning-tuning header small{display:block;color:var(--text-3);font-size:10.5px;letter-spacing:.08em}.learning-stage-header h2{margin:4px 0 0;font-size:24px;font-weight:710;letter-spacing:-.025em}.learning-reset{min-height:32px;padding:5px 0;display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--text-3);font-size:11.5px}.learning-reset:hover{color:var(--text)}.learning-compare-row{margin-top:16px}.learning-option-cards{width:min(680px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.learning-option-cards button{min-width:0;min-height:92px;padding:15px 16px;display:grid;grid-template-columns:22px minmax(0,1fr);align-content:center;grid-column-gap:11px;column-gap:11px;border:1px solid var(--border);border-radius:9px;background:color-mix(in srgb,var(--bg) 92%,var(--bg-soft));color:var(--text-2);text-align:left;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.learning-option-cards button>i{grid-row:1/4;width:22px;height:22px;display:grid;place-items:center;align-self:center;border:1px solid var(--border);border-radius:50%;color:transparent;font-size:12px}.learning-option-cards button small{color:var(--text-3);font-size:9.5px;letter-spacing:.04em}.learning-option-cards button b{margin-top:2px;color:var(--text);font-size:12px;font-weight:660}.learning-option-cards button span{margin-top:4px;color:var(--text-3);font-size:10.5px;line-height:1.45}.learning-option-cards button:hover{border-color:color-mix(in srgb,var(--brand) 30%,var(--border))}.learning-option-cards button.is-active{border-color:color-mix(in srgb,var(--brand) 58%,var(--border));background:color-mix(in srgb,var(--brand) 5%,var(--bg));box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 7%,transparent)}.learning-option-cards button.is-active>i{border-color:var(--brand);background:var(--brand);color:#fff}.learning-choose{min-height:34px;padding:7px 13px;display:inline-flex;align-items:center;gap:6px;flex:none;border:0;border-radius:7px;background:var(--brand);color:#fff;font-size:11.5px;font-weight:650;transition:background-color .2s ease,transform .2s var(--ease)}.learning-choose:hover{background:var(--brand-hover);transform:translateY(-1px)}.learning-observe-action{min-height:58px;padding-top:14px;display:flex;align-items:center;justify-content:flex-end;gap:18px}.learning-observe-action p{margin:0;color:var(--text-3);font-size:11px}.learning-product{overflow:hidden;min-height:404px;border:1px solid var(--border);border-radius:11px;background:radial-gradient(circle at 75% 44%,color-mix(in srgb,var(--brand) 5%,transparent),transparent 28%),#fff;box-shadow:0 18px 48px rgba(24,24,27,.055)}.learning-preview-caption{min-height:36px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border-light);background:var(--bg-soft);color:var(--text-3);font-size:10.5px}.learning-preview-caption b{color:var(--text-2);font-weight:580}.learning-product-nav{height:48px;padding:0 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#3f3f46}.learning-product-brand{display:inline-flex;align-items:center;gap:7px;font-family:Manrope Variable,sans-serif;font-size:12px;font-weight:750}.learning-product-brand i{width:16px;height:16px;border-radius:5px 9px 6px 8px;background:var(--brand);transform:rotate(-8deg)}.learning-product-nav nav{display:flex;align-items:center;gap:22px;font-size:9.5px}.learning-product-login{justify-self:end;color:#71717a;font-size:9.5px}.learning-product-hero{min-height:318px;padding:12px 54px 28px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr);align-items:center;grid-gap:34px;gap:34px}.learning-product-copy small{display:block;margin-bottom:9px;color:var(--brand);font-size:9px;font-weight:650;letter-spacing:.08em}.learning-product-copy h2{margin:0;font-family:Manrope Variable,sans-serif;letter-spacing:-.045em;line-height:1.04}.learning-product-copy p{max-width:360px}.learning-product-actions{display:flex;align-items:center;gap:7px}.learning-product-actions span{min-height:29px;padding:5px 12px;display:inline-flex;align-items:center;border-radius:6px;font-size:9.5px;font-weight:620;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.learning-product-proof{display:flex;gap:18px}.learning-product-proof span{color:#a1a1aa;font-size:8.5px}.learning-product-proof b{color:#52525b;font-weight:650}.learning-product.is-flat .learning-product-copy small{color:#71717a}.learning-product.is-flat .learning-product-copy h2{color:#3f3f46;font-size:39px;font-weight:650}.learning-product.is-flat .learning-product-copy p{margin:13px 0;color:#52525b;font-size:12px;line-height:1.55}.learning-product.is-flat .learning-product-actions{margin-top:13px}.learning-product.is-flat .learning-product-actions span{border:1px solid #d4d4d8;background:#fff;color:#3f3f46}.learning-product.is-flat .learning-product-proof{margin-top:17px;opacity:.9}.learning-product.is-enhanced .learning-product-copy h2{color:#18181b;font-size:var(--learning-title);font-weight:780;font-variation-settings:"wght" 780}.learning-product.is-enhanced .learning-product-copy p{margin:calc(var(--learning-gap) * .45) 0 0;color:#71717a;opacity:var(--learning-muted);font-size:11px;line-height:1.65}.learning-product.is-enhanced .learning-product-actions{margin-top:calc(var(--learning-gap) * .55)}.learning-product.is-enhanced .learning-product-actions span:first-child{border:1px solid var(--brand);background:var(--brand);color:#fff}.learning-product.is-enhanced .learning-product-actions span:last-child{border:1px solid transparent;background:transparent;color:#71717a}.learning-product.is-enhanced .learning-product-proof{margin-top:calc(var(--learning-gap) * .6);opacity:var(--learning-muted)}.learning-product.is-enhanced.priority-action .learning-product-actions span:first-child{padding-inline:16px;box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 18%,transparent);transform:translateY(-1px)}.learning-product.is-enhanced.priority-proof .learning-product-proof{opacity:1}.learning-product.is-enhanced.priority-proof .learning-product-proof b{color:var(--brand)}.learning-product.is-enhanced.priority-proof .learning-product-copy h2{font-size:calc(var(--learning-title) * .9)}.learning-product-art{position:relative;width:100%;min-height:236px}.learning-art-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--brand) 17%,transparent);border-radius:50%}.orbit-one{width:216px;height:216px;right:14px;top:7px}.orbit-two{width:148px;height:148px;right:48px;top:40px}.learning-art-card{position:absolute;width:146px;height:178px;padding:15px;border:1px solid rgba(255,255,255,.72);border-radius:13px;background:rgba(255,255,255,.9);box-shadow:0 18px 40px rgba(24,24,27,.11)}.card-back{right:76px;top:32px;transform:rotate(-9deg);opacity:.62}.card-front{right:28px;top:24px;transform:rotate(5deg)}.learning-art-card i{display:block;width:100%;height:76px;margin-bottom:12px;border-radius:8px;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 70%,#fff),color-mix(in srgb,var(--brand) 18%,#fff))}.learning-art-card strong{display:block;color:#27272a;font-size:9px}.learning-art-card span{display:block;width:82%;height:5px;margin-top:8px;border-radius:3px;background:#e4e4e7}.learning-art-card span:last-child{width:54%}.learning-art-dot{position:absolute;border-radius:50%;background:var(--brand);box-shadow:0 5px 14px color-mix(in srgb,var(--brand) 24%,transparent)}.dot-one{width:12px;height:12px;right:28px;top:12px}.dot-two{width:7px;height:7px;right:190px;bottom:18px;opacity:.4}.learning-insight{max-width:740px;margin:18px 0 0;padding-left:13px;border-left:2px solid var(--brand);color:var(--text-2);font-size:12.5px;line-height:1.72}.learning-insight b{margin:0 3px;color:var(--brand);font-weight:680}.learning-module{margin-top:34px;padding-top:30px;border-top:1px solid var(--border-light)}.learning-module-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.learning-module-heading small{display:block;margin-bottom:5px;color:var(--brand);font-size:10.5px;font-weight:650;letter-spacing:.06em}.learning-module-heading h3{margin:0;font-size:19px;font-weight:690;letter-spacing:-.02em}.learning-module-heading p{margin:6px 0 0;color:var(--text-2);font-size:12px;line-height:1.6}.learning-priority-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.learning-priority-options button{min-width:0;min-height:96px;padding:17px 18px;display:grid;grid-template-columns:19px minmax(0,1fr);align-content:center;grid-column-gap:10px;column-gap:10px;border:0;background:transparent;color:var(--text-2);text-align:left;transition:background-color .2s ease}.learning-priority-options button+button{border-left:1px solid var(--border-light)}.learning-priority-options button:hover{background:color-mix(in srgb,var(--brand) 3%,transparent)}.learning-priority-options button>i{grid-row:1/3;width:19px;height:19px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;color:transparent;font-size:11px}.learning-priority-options button b{color:var(--text);font-size:12px;font-weight:650}.learning-priority-options button span{margin-top:4px;color:var(--text-3);font-size:10.5px;line-height:1.5}.learning-priority-options button.is-active{background:color-mix(in srgb,var(--brand) 5%,transparent)}.learning-priority-options button.is-active>i{border-color:var(--brand);background:var(--brand);color:#fff}.learning-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.learning-control{min-width:0;padding-right:24px;display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;grid-gap:9px;gap:9px}.learning-control+.learning-control{padding-left:24px;border-left:1px solid var(--border-light)}.learning-control>span{color:var(--text);font-size:11px;font-weight:610}.learning-control input{grid-column:1/-1;width:100%;height:3px;accent-color:var(--brand);cursor:ew-resize}.learning-control output{justify-self:end;color:var(--brand);font-family:Manrope Variable,sans-serif;font-size:10px;font-weight:650}.learning-finish,.learning-next{min-height:36px;padding:7px 13px;display:flex;align-items:center;justify-content:center;gap:7px;flex:none;border:0;border-radius:7px;font-size:11.5px;font-weight:650}.learning-next{background:var(--bg-soft);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.learning-next:hover{border-color:var(--text-3);background:var(--bg-hover)}.learning-finish{background:var(--text);color:var(--bg)}.learning-finish:hover:not(:disabled){background:color-mix(in srgb,var(--text) 88%,var(--bg))}.learning-finish:disabled{opacity:.26;cursor:not-allowed}.learning-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.learning-checks button{min-height:58px;padding:13px 16px;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--text-2);font-size:11px;line-height:1.45;text-align:left}.learning-checks button+button{border-left:1px solid var(--border-light)}.learning-checks button i{width:20px;height:20px;display:grid;place-items:center;flex:none;border:1px solid var(--border);border-radius:5px;color:transparent;font-size:12px}.learning-checks button.is-checked{color:var(--text);background:color-mix(in srgb,var(--brand) 4%,transparent)}.learning-checks button.is-checked i{border-color:var(--brand);background:var(--brand);color:#fff}.learning-verify-action{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:20px}.learning-verify-action p{margin:0;color:var(--text-3);font-size:11px}.learning-result{margin-top:34px;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid color-mix(in srgb,var(--brand) 22%,var(--border));border-radius:9px;background:linear-gradient(120deg,color-mix(in srgb,var(--brand) 7%,var(--bg)),var(--bg) 58%)}.learning-result small{color:var(--brand);font-size:10px;font-weight:650}.learning-result h3{margin:5px 0 0;font-size:17px;font-weight:690;letter-spacing:-.015em}.learning-result p{margin:6px 0 0;color:var(--text-2);font-size:11px}.learning-result-actions{display:flex;gap:7px}.learning-result-actions button{min-height:36px;padding:7px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border);border-radius:7px;background:var(--bg);color:var(--text-2);font-size:11.5px;font-weight:650}.learning-result-actions button:first-child{border-color:var(--brand);background:var(--brand);color:#fff}.learning-result-actions button:hover{border-color:color-mix(in srgb,var(--brand) 35%,var(--border))}@media (max-width:800px){.learning-lab-shell{width:calc(100% - 40px)}.learning-generated{display:none}.learning-intro{padding:40px 0 34px}.learning-intro h1{font-size:clamp(34px,9vw,46px)}.learning-product-hero{padding-inline:30px;grid-template-columns:minmax(0,1fr) 220px;gap:12px}.learning-priority-options{grid-template-columns:1fr}.learning-priority-options button+button{border-top:1px solid var(--border-light);border-left:0}.learning-priority-options button{min-height:76px}.learning-controls{grid-template-columns:1fr;gap:15px}.learning-control{padding:0}.learning-control+.learning-control{padding:15px 0 0;border-top:1px solid var(--border-light);border-left:0}.learning-checks{grid-template-columns:1fr}.learning-checks button+button{border-top:1px solid var(--border-light);border-left:0}.learning-result{align-items:flex-start;flex-direction:column}}@media (max-width:600px){.learning-lab-shell{width:calc(100% - 32px);padding-top:14px}.learning-intro{padding-top:34px}.learning-intro>p{font-size:13.5px}.learning-route{align-items:flex-start;flex-direction:column;gap:7px}.learning-route li+li:before{width:1px;height:8px;margin:-7px 8px 0 5px}.learning-stage{padding-top:24px}.learning-stage-header h2{font-size:21px}.learning-reset{font-size:0}.learning-reset i{font-size:15px}.learning-option-cards{grid-template-columns:1fr}.learning-option-cards button{min-height:82px}.learning-product{min-height:560px}.learning-preview-caption b{display:none}.learning-product-nav{grid-template-columns:1fr 1fr;padding-inline:20px}.learning-product-nav nav{display:none}.learning-product-hero{min-height:470px;padding:28px 24px 20px;grid-template-columns:1fr;align-content:start}.learning-product.is-enhanced .learning-product-copy h2{font-size:min(var(--learning-title),46px)}.learning-product-art{min-height:184px;transform:scale(.76);transform-origin:top center}.learning-art-card{right:50%!important;margin-right:-78px}.orbit-one{right:50%;margin-right:-108px}.orbit-two{right:50%;margin-right:-74px}.dot-one{right:calc(50% - 110px)}.dot-two{right:calc(50% + 82px)}.learning-observe-action{align-items:flex-end;flex-direction:column;gap:8px}.learning-module-heading{flex-direction:column}.learning-next{align-self:flex-start}.learning-verify-action{align-items:stretch;flex-direction:column}.learning-finish,.learning-result-actions{align-self:stretch}.learning-result-actions button{flex:1 1}}.detail :is(.dh-demo,.usage-box,.anat-stage,.variant-demo,.scene-shot) :is(small,label,figcaption){font-size:12px!important;line-height:1.45}.detail :is(.dh-demo,.usage-box,.anat-stage,.variant-demo,.scene-shot) :is([style*="font-size:6px"],[style*="font-size: 6px"],[style*="font-size:7px"],[style*="font-size: 7px"],[style*="font-size:8px"],[style*="font-size: 8px"],[style*="font-size:9px"],[style*="font-size: 9px"],[style*="font-size:10px"],[style*="font-size: 10px"]){font-size:11px!important;line-height:1.4}.detail .readability-microcopy{font-size:11px!important;line-height:1.4!important}.detail .frontend-anat-part b,.detail .frontend-anat-screen b,.detail .frontend-v b{font-size:14px!important}.detail .frontend-anat-part small,.detail .frontend-anat-screen small,.detail .frontend-v small{font-size:12px!important}@media (max-width:720px){.detail :is(.dh-demo,.usage-box,.anat-stage,.variant-demo,.scene-shot) :is(small,label,figcaption){font-size:12px!important}}