@font-face{font-display:swap;font-family:Cinzel;font-style:normal;font-weight:var(--font-weight-medium);src:url(/assets/fonts/Cinzel-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Cinzel;font-style:normal;font-weight:var(--font-weight-bold);src:url(/assets/fonts/Cinzel-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Gontserrat;font-style:normal;font-weight:var(--font-weight-normal);src:url(/assets/fonts/Gontserrat-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Gontserrat;font-style:normal;font-weight:var(--font-weight-semibold);src:url(/assets/fonts/Gontserrat-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Kanit;font-style:normal;font-weight:var(--font-weight-normal);src:url(/assets/fonts/Kanit-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Kanit;font-style:normal;font-weight:var(--font-weight-semibold);src:url(/assets/fonts/Kanit-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Righteous;font-style:normal;font-weight:var(--font-weight-normal);src:url(/assets/fonts/Righteous-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Source Code Pro;font-style:normal;font-weight:var(--font-weight-medium);src:url(/assets/fonts/SourceCodePro-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Source Code Pro;font-style:normal;font-weight:var(--font-weight-bold);src:url(/assets/fonts/SourceCodePro-Bold.woff2) format("woff2")}.bg-global{background-attachment:fixed;background-image:url(/assets/background.webp);background-position:center;background-size:cover}.bg-global-fixed{background-attachment:fixed;background-image:url(/assets/background.webp);background-position:center;background-size:cover}.bg-global-scroll{background-attachment:scroll;background-image:url(/assets/background.webp);background-position:center;background-size:cover}.bg-overlay-dark{position:relative}.bg-overlay-dark:before{background:var(--underlay-dark);content:"";inset:0;pointer-events:none;position:absolute}.bg-gradient-accent{background:linear-gradient(45deg,#cea5551a,#cea5550d,#cea5551a)}.bg-glass{backdrop-filter:var(--glass-blur);background:var(--glass-bg)}.bg-glass-dark{backdrop-filter:var(--glass-blur);background:var(--glass-bg-dark)}.bg-glass-darker{backdrop-filter:var(--glass-blur);background:var(--glass-bg-darker)}:root{--white: #fff;--black-alpha-heavy: rgb(0 0 0 / 40%);--black-alpha-overlay: rgb(0 0 0 / 30%);--banes-lab-main: #333;--banes-lab-main-dark: #333333a1;--banes-lab-accent: #cea555;--banes-lab-accent-dark: #cea555a1;--banes-lab-pag: #e28840;--banes-lab-pag-dark: #e28840a1;--banes-lab-liquid: #61afd8;--banes-lab-liquid-dark: #61afd8a1;--banes-lab-silver: #aaa;--banes-lab-silver-dark: #aaaaaaa1;--accent-subtle: rgb(226 169 64 / 10%);--accent-light: rgb(226 169 64 / 20%);--accent-medium: rgb(226 169 64 / 30%);--accent-visible: rgb(226 169 64 / 40%);--card-bg: rgb(20 20 20 / 40%);--card-border-accent: rgb(206 165 85 / 50%);--primary-gradient: linear-gradient(135deg, var(--banes-lab-accent) var(--banes-lab-accent-dark));--gradient-blue: linear-gradient(to bottom right, #1e3a5f, #3b82f6);--gradient-gold: linear-gradient(to bottom right, #92400e, #ca8a04);--danger-primary: #f44336;--danger-subtle: rgb(244 67 54 / 10%);--danger-light: rgb(244 67 54 / 20%);--danger-medium: rgb(244 67 54 / 30%);--danger-intense: rgb(220 53 69 / 90%);--success-primary: #61afd8;--success-dark: #61afd8a1;--success-light: rgb(97 175 216 / 20%);--success-medium: rgb(97 175 216 / 30%);--warning-primary: #ffc107;--warning-subtle: rgb(255 193 7 / 10%);--warning-light: rgb(255 193 7 / 20%);--warning-medium: rgb(255 193 7 / 30%);--info-color: #007bff;--hl-attr: #d19a66;--hl-bold: #e5c07b;--hl-code: #98c379;--hl-comment: #5c6370;--hl-heading: #61afef;--hl-key: #e5c07b;--hl-keyword: #c678dd;--hl-number: #d19a66;--hl-string: #98c379;--hl-tag: #e06c75;--text-light-gray: #ccc;--text-mid-gray: #888;--text-sidebar: #cea555;--overlay-subtle: rgb(255 255 255 / 10%);--overlay-light: rgb(255 255 255 / 20%);--overlay-medium: rgb(255 255 255 / 30%);--overlay-dark: rgb(2 2 2 / 40%);--overlay-banes-lab-main: rgb(53 53 53 / 40%);--overlay-banes-lab-accent: rgb(226 136 64 / 40%);--overlay-banes-lab-liquid: rgb(97 175 216 / 40%);--overlay-banes-lab-silver: rgb(170 170 170 / 40%);--underlay-dark: rgb(0 0 0 / 60%);--text-muted: rgb(255 255 255 / 60%);--white-alpha-subtle: rgb(255 255 255 / 5%);--white-alpha-border: rgb(255 255 255 / 20%);--white-alpha-medium: rgb(255 255 255 / 40%);--white-alpha-muted: rgb(255 255 255 / 60%);--white-alpha-primary: rgb(255 255 255 / 70%);--white-alpha-secondary: rgb(255 255 255 / 80%);--white-alpha-strong: rgb(255 255 255 / 80%);--white-alpha-tertiary: rgb(255 255 255 / 90%);--white-alpha-15: rgb(255 255 255 / 15%);--accent-hover: rgb(206 165 85 / 40%);--liquid-hover: rgb(97 175 216 / 50%);--liquid-subtle: rgb(97 175 216 / 15%);--liquid-gradient: linear-gradient(180deg, var(--banes-lab-liquid) 0%, rgb(97 175 216 / 30%) 100%);--card-gradient: linear-gradient(135deg, rgb(20 20 20 / 60%) 0%, rgb(30 30 30 / 40%) 100%);--preview-bg: rgb(10 10 10 / 98%);--code-block: rgb(19 19 19 / 83.6%)}:root{--font-family-base: gontserrat, sans-serif;--font-family-heading: cinzel, serif;--font-family-mono: "Source Code Pro", monospace;--font-family-accent: kanit, sans-serif;--font-family-display: righteous, serif;--font-xxs: .5rem;--font-xs: .6rem;--font-sm: .65rem;--font-md: .7rem;--font-regular: .8rem;--font-lg: .88rem;--font-xl: .9rem;--font-xxl: 1.5rem;--font-hero: 1.6rem;--font-display: 2.4rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--letter-spacing-tight: .03em;--letter-spacing-wide: .05em;--line-height-normal: 1.5;--line-height-loose: 1.75}:root{--blur-soft: blur(4px);--blur-medium: blur(6px);--blur-light: blur(10px);--blur-strong: blur(20px);--drop-shadow-accent: drop-shadow(0 0 20px var(--accent-medium));--drop-shadow-danger: drop-shadow(0 0 10px var(--danger-intense));--glass-bg: rgb(49 49 49 / 70%);--glass-bg-light: rgb(49 49 49 / 50%);--glass-bg-dark: rgb(43 43 43 / 50%);--glass-bg-darker: rgb(43 43 43 / 65%);--glass-bg-darkest: rgb(43 43 43 / 80%);--glass-banes-lab-main: rgb(65 65 65 / 85%);--glass-blur: blur(12px);--glass-border: rgb(226 169 64 / 30%);--glass-shadow: 0 8px 32px rgb(0 0 0 / 30%);--glow-accent-sm: 0 0 8px var(--accent-medium);--glow-accent-md: 0 0 12px var(--accent-medium);--glow-danger-sm: 0 0 8px var(--danger-light);--glow-danger-md: 0 0 12px var(--danger-light);--glow-success-md: 0 0 16px var(--success-light);--glow-info-md: 0 0 16px var(--overlay-light);--glow-info-lg: 0 0 20px rgb(0 123 255 / 30%);--glow-success-lg: 0 0 20px var(--success-medium);--glow-warning-lg: 0 0 20px var(--warning-medium);--glow-danger-lg: 0 0 20px var(--danger-medium);--saturate-intense: saturate(180%);--shadow-subtle: rgb(0 0 0 / 10%);--shadow-light: rgb(0 0 0 / 20%);--shadow-medium: rgb(0 0 0 / 30%);--shadow-strong: rgb(0 0 0 / 50%);--shadow-heavy: rgb(0 0 0 / 70%);--shadow-sm: 0 2px 4px var(--shadow-subtle);--shadow-md: 0 4px 6px rgb(0 0 0 / 10%);--shadow-lg: 0 8px 16px rgb(0 0 0 / 15%);--shadow-xl: 0 12px 24px rgb(0 0 0 / 20%);--shadow-modal: 0 0 30px var(--shadow-strong), 0 0 60px var(--accent-subtle), inset 0 1px 0 var(--overlay-light);--info-bg-subtle: rgb(0 123 255 / 15%);--blur-heavy: blur(12px);--shadow-preview: 0 8px 32px rgb(0 0 0 / 80%)}:root{--border-accent: 3px;--border-accent-left: var(--border-accent) solid var(--banes-lab-accent);--border-m: 2px;--easing-ease: ease;--easing-ease-in-out: ease-in-out;--easing-ease-out: ease-out;--font-code: .9em;--height-chat-widget: 32rem;--opacity-muted: .6;--percent-full: 100%;--percent-half: 50%;--percent-nearly-full: 90%;--preview-content-height: 20rem;--preview-max-height: 28rem;--preview-width: 28rem;--radius-round: 50%;--size-icon-inline: 1.2em;--size-icon-social: 2.25rem;--size-logo-footer: 5rem;--space-code-h: .4em;--space-code-v: .1em;--touch-target-min: 2.75rem;--touch-target-recommended: 3rem;--transform-hover-lift: translateY(-2px);--vh: 1vh;--viewport-full: 100vh;--width-chat-widget: 24rem;--width-sidebar: 10rem;--width-sidebar-collapsed: 2.5rem;--width-sidebar-legal: 13.75rem;--z-dropdown: 100;--z-dropdown-active: 200;--z-dropdown-menu: 100;--z-fixed: 1030;--z-modal: 1500;--z-popover: 1060;--z-preview: 9999;--z-sticky: 1020;--border-s: 1px;--border-xl: 4px;--height-sm: 1.5rem;--height-md: 2rem;--height-xl: 3.125rem;--opacity-medium: .4;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--size-xs: .25rem;--size-sm: .5rem;--size-md: 1rem;--size-lg: 1.25rem;--size-xl: 1.875rem;--size-icon-sm: 3rem;--size-icon-md: 3.5rem;--size-icon-lg: 4rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: .938rem;--space-xl: 1.25rem;--space-xxl: 1.563rem;--space-xxxl: 1.875rem;--transform-hover-lg: translateY(-2px) scale(1.03);--transform-hover-md: translateY(-2px) scale(1.02);--transform-hover-sm: translateY(-1px) scale(1.01);--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--transition-slower: .5s;--width-content-md: 50rem;--width-modal-sm: 25rem;--width-modal-md: 56.25rem;--accent-subtle: rgb(226 169 64 / 10%);--accent-light: rgb(226 169 64 / 20%);--accent-medium: rgb(226 169 64 / 30%);--overlay-subtle: rgb(255 255 255 / 10%);--overlay-light: rgb(255 255 255 / 20%);--overlay-medium: rgb(255 255 255 / 30%);--overlay-dark: rgb(2 2 2 / 40%);--glow-accent-sm: 0 0 8px var(--accent-medium);--glow-accent-md: 0 0 12px var(--accent-medium);--glow-danger-sm: 0 0 8px var(--danger-light);--glow-danger-md: 0 0 12px var(--danger-light)}@supports (height: 100svh){:root{--vh: 1svh}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUpLarge{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes subtlePulse{0%,to{opacity:1}50%{opacity:.9}}@keyframes pulseRing{0%{box-shadow:0 0 #ffffffb3}40%{box-shadow:0 0 0 6px #fff0}to{box-shadow:0 0 #ffffffb3}}@keyframes pulseRingAccent{0%{box-shadow:0 0 #cea555b3}50%{box-shadow:0 0 0 6px #cea55500}to{box-shadow:0 0 #cea555b3}}@keyframes pulseRingDanger{0%{box-shadow:0 0 #ff2020b3}50%{box-shadow:0 0 0 6px #ff202000}to{box-shadow:0 0 #ff2020b3}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-fade-out{animation:fadeOut .3s ease forwards}.animate-fade-in-up{animation:fadeInUp .4s ease forwards}.animate-fade-in-up-large{animation:fadeInUpLarge .4s ease forwards}.animate-scale-in{animation:scaleIn .3s ease forwards}.animate-slide-in-left{animation:slideInLeft .3s ease forwards}.animate-slide-in-right{animation:slideInRight .3s ease forwards}.animate-pulse{animation:subtlePulse 4s ease-in-out infinite}.animate-pulse-ring{animation:pulseRing 2s infinite}.animate-pulse-ring-accent{animation:pulseRingAccent 2s infinite}.animate-pulse-ring-danger{animation:pulseRingDanger 2s infinite}.animate-spin{animation:spin 1s linear infinite}:root{--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1)}.transition-all{transition:all var(--transition-base) var(--easing-ease)}.transition-fast{transition:all var(--transition-fast) var(--easing-ease)}.transition-slow{transition:all var(--transition-slow) var(--easing-ease)}.transition-spring{transition:all var(--transition-spring)}.transition-colors{transition:color var(--transition-base) var(--easing-ease),background-color var(--transition-base) var(--easing-ease),border-color var(--transition-base) var(--easing-ease)}.transition-opacity{transition:opacity var(--transition-base) var(--easing-ease)}.transition-transform{transition:transform var(--transition-base) var(--easing-ease)}.hover-lift:hover{transform:translateY(-2px)}.hover-lift-large:hover{transform:translateY(-4px)}.hover-scale:hover{transform:scale(1.05)}.hover-scale-small:hover{transform:scale(1.02)}.hover-glow:hover{box-shadow:var(--glow-accent-md)}.hover-glow-large:hover{box-shadow:0 8px 32px #cea5551a}.card-hover{backdrop-filter:var(--blur-medium);transition:all var(--transition-base) var(--easing-ease)}.card-hover:hover{box-shadow:0 8px 32px #cea5551a;transform:translateY(-4px)}.icon-hover{transition:transform var(--transition-base) var(--easing-ease)}.icon-hover:hover{transform:scale(1.1)}.button-hover{transition:all var(--transition-base) var(--easing-ease)}.button-hover:hover{box-shadow:0 4px 16px #cea5554d;transform:translateY(-2px)}.link-hover{transition:color var(--transition-fast),border-color var(--transition-fast)}.link-hover:hover{border-color:var(--accent-visible);color:var(--banes-lab-accent)}.backdrop-blur-soft{backdrop-filter:var(--blur-soft)}.backdrop-blur-medium{backdrop-filter:var(--blur-medium)}.backdrop-blur-strong{backdrop-filter:var(--blur-strong)}.glass-panel{backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}[data-animate]{opacity:0;transform:translateY(0)}[data-animate=fadeIn].animated{animation:fadeIn var(--animate-duration, .4s) var(--animate-easing, ease) var(--animate-delay, 0ms) both}[data-animate=fadeOut].animated{animation:fadeOut var(--animate-duration, .3s) var(--animate-easing, ease) var(--animate-delay, 0ms) both}[data-animate=fadeInUp].animated{animation:fadeInUp var(--animate-duration, .6s) cubic-bezier(.25,.46,.45,.94) var(--animate-delay, 0ms) both}[data-animate=fadeInUpLarge].animated{animation:fadeInUpLarge var(--animate-duration, .8s) cubic-bezier(.25,.46,.45,.94) var(--animate-delay, 0ms) both}[data-animate=scaleIn].animated{animation:scaleIn var(--animate-duration, .5s) cubic-bezier(.34,1.56,.64,1) var(--animate-delay, 0ms) both}[data-animate=slideInLeft].animated{animation:slideInLeft var(--animate-duration, .5s) cubic-bezier(.25,.46,.45,.94) var(--animate-delay, 0ms) both}[data-animate=slideInRight].animated{animation:slideInRight var(--animate-duration, .5s) cubic-bezier(.25,.46,.45,.94) var(--animate-delay, 0ms) both}[data-animate=slideInDown].animated{animation:slideInDown var(--animate-duration, .5s) cubic-bezier(.25,.46,.45,.94) var(--animate-delay, 0ms) both}[data-animate=zoomIn].animated{animation:zoomIn var(--animate-duration, .4s) cubic-bezier(.34,1.56,.64,1) var(--animate-delay, 0ms) both}[data-animate=bounceIn].animated{animation:bounceIn var(--animate-duration, .6s) cubic-bezier(.68,-.55,.265,1.55) var(--animate-delay, 0ms) both}[data-animate=pulse].animated{animation:subtlePulse var(--animate-duration, 4s) ease-in-out var(--animate-delay, 0ms) infinite both}[data-animate=pulseRing].animated{animation:pulseRing var(--animate-duration, 2s) ease var(--animate-delay, 0ms) infinite both}[data-animate=pulseRingAccent].animated{animation:pulseRingAccent var(--animate-duration, 2s) ease var(--animate-delay, 0ms) infinite both}[data-animate=pulseRingDanger].animated{animation:pulseRingDanger var(--animate-duration, 2s) ease var(--animate-delay, 0ms) infinite both}[data-animate=spin].animated{animation:spin var(--animate-duration, 1s) linear var(--animate-delay, 0ms) infinite both}[data-animate=float].animated{animation:float var(--animate-duration, 3s) ease-in-out var(--animate-delay, 0ms) infinite both}.u-hidden{display:none!important}.u-block{display:block!important}.u-flex{display:flex!important}.u-inline-flex{display:inline-flex!important}.u-grid{display:grid!important}.u-visible{visibility:visible!important}.u-invisible{visibility:hidden!important}.u-no-transition{transition:none!important}.u-cursor-pointer{cursor:pointer!important}.u-cursor-default{cursor:default!important}.u-overflow-hidden{overflow:hidden!important}.u-overflow-auto{overflow:auto!important}.u-text-center{text-align:center!important}.u-text-left{text-align:left!important}.u-text-right{text-align:right!important}.u-flex-center{align-items:center!important;display:flex!important;justify-content:center!important}.u-flex-between{align-items:center!important;display:flex!important;justify-content:space-between!important}.u-flex-col{display:flex!important;flex-direction:column!important}.u-gap-sm{gap:.5rem!important}.u-gap-md{gap:1rem!important}.u-gap-lg{gap:1.5rem!important}.u-w-full{width:100%!important}.u-h-full{height:100%!important}.u-relative{position:relative!important}.u-absolute{position:absolute!important}.u-no-scrollbar::-webkit-scrollbar{display:none}.u-no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}[data-position-x]{left:var(--position-x)!important}[data-position-y]{top:var(--position-y)!important}[data-width]{width:var(--width)!important}[data-custom-cursor]{cursor:var(--custom-cursor)!important}[data-custom-transition]{transition:var(--custom-transition)!important}.flex{display:flex}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.flex-center{align-items:center;display:flex;justify-content:center}.flex-between{align-items:center;display:flex;justify-content:space-between}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.grid{display:grid}.grid-2-col{display:grid;grid-template-columns:repeat(2,1fr)}.grid-3-col{display:grid;grid-template-columns:repeat(3,1fr)}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--width-col-md),1fr))}.p-0{padding:0}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.p-xxl{padding:var(--space-xxl)}.m-0{margin:0}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.w-full{width:var(--percent-full)}.h-full{height:var(--percent-full)}.custom-dropdown{position:relative;width:100%;z-index:100}.custom-dropdown.open{z-index:9999}.form-group:has(.custom-dropdown.open),.form-row:has(.custom-dropdown.open),.form-section:has(.custom-dropdown.open){position:relative;z-index:9999}.custom-dropdown.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.custom-dropdown-trigger{align-items:center;background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--font-md);gap:var(--space-sm);height:40px;justify-content:space-between;padding:0 var(--space-md);transition:all var(--transition-base)}.custom-dropdown-trigger:hover{background:var(--overlay-light);border-color:var(--accent-light)}.custom-dropdown.open .custom-dropdown-trigger{background:var(--overlay-light);border-color:var(--banes-lab-accent);box-shadow:var(--glow-accent-sm)}.custom-dropdown-trigger-content{display:flex;flex:1;justify-content:center;min-width:0}.custom-dropdown-placeholder{color:var(--text-mid-gray)}.custom-dropdown-arrow{color:var(--text-mid-gray);flex-shrink:0;font-size:var(--font-size-sm);transition:transform var(--transition-base)}.custom-dropdown.open .custom-dropdown-arrow{color:var(--white);transform:rotate(180deg)}.custom-dropdown-menu{background:var(--banes-lab-main);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;margin-top:var(--space-xs);opacity:0;pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(-8px);transition:all var(--transition-base);visibility:hidden;z-index:9999}.custom-dropdown.open .custom-dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.custom-dropdown-menu.animation-slide{transform:translateY(-16px) scaleY(.9);transform-origin:top}.custom-dropdown.open .custom-dropdown-menu.animation-slide{transform:translateY(0) scaleY(1)}.custom-dropdown-menu.animation-none{transition:none}.custom-dropdown-search{border-bottom:var(--border-s) solid var(--accent-subtle);padding:var(--space-sm)}.custom-dropdown-search-input{background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-sm);color:var(--white);font-family:var(--font-family-base);font-size:var(--font-size-sm);outline:none;padding:var(--space-xs) var(--space-sm);width:100%}.custom-dropdown-search-input:focus{border-color:var(--banes-lab-accent)}.custom-dropdown-search-input::placeholder{color:var(--text-mid-gray)}.custom-dropdown-options{overflow-y:auto;padding:0}.custom-dropdown-empty{color:var(--text-mid-gray);font-size:var(--font-size-sm);padding:var(--space-md);text-align:center}.custom-dropdown-item{align-items:center;cursor:pointer;display:flex;font-size:var(--font-md);gap:var(--space-sm);justify-content:center;padding:var(--space-sm) var(--space-md);position:relative;transition:all var(--transition-fast)}.custom-dropdown-item:hover,.custom-dropdown-item.focused{background:var(--overlay-light)}.custom-dropdown-item.selected{background:var(--banes-lab-accent-dark)}.custom-dropdown-item.disabled{cursor:not-allowed;opacity:.5}.custom-dropdown-item-content{align-items:center;display:flex;gap:var(--space-sm);justify-content:center;min-width:0}.custom-dropdown-image{border-radius:var(--radius-sm);flex-shrink:0;height:24px;object-fit:cover;width:24px}.custom-dropdown-icon{color:var(--overlay-light);flex-shrink:0;font-size:var(--font-size-base);width:20px}.custom-dropdown-text{display:flex;flex:1;flex-direction:column;gap:var(--space-xxs);min-width:0}.custom-dropdown-label{color:var(--white);font-size:inherit}.custom-dropdown-description{color:var(--text-mid-gray);font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-dropdown-check{color:var(--banes-lab-accent);font-size:var(--font-size-sm);position:absolute;right:var(--space-sm)}.custom-dropdown.theme-minimal .custom-dropdown-trigger{background:transparent;border-color:transparent}.custom-dropdown.theme-minimal .custom-dropdown-trigger:hover{background:var(--overlay-subtle)}.custom-dropdown.theme-minimal.open .custom-dropdown-trigger{background:var(--overlay-subtle);border-color:transparent;box-shadow:none}.custom-dropdown.theme-accent .custom-dropdown-trigger{border-color:var(--banes-lab-accent)}.custom-dropdown.theme-accent .custom-dropdown-arrow{color:var(--banes-lab-accent)}.custom-dropdown.theme-accent .custom-dropdown-menu{border-color:var(--banes-lab-accent)}.custom-dropdown-label.effect-none{color:var(--white)}.custom-dropdown-label.effect-glow{color:var(--effect-color, var(--banes-lab-accent));text-shadow:0 0 6px var(--effect-color, var(--banes-lab-accent)),0 0 12px var(--effect-color, var(--banes-lab-accent))}.custom-dropdown-label.effect-gradient{animation:dropdown-gradient-shift 3s ease infinite;background:linear-gradient(90deg,var(--effect-color, #fff),var(--effect-color-shift, var(--banes-lab-accent)),var(--effect-color, #fff));background-clip:text;background-size:200% 100%;-webkit-text-fill-color:transparent}.custom-dropdown-label.effect-shimmer{animation:dropdown-shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,var(--effect-color, #fff) 0%,var(--effect-color-shift, var(--banes-lab-accent)) 50%,var(--effect-color, #fff) 100%);background-clip:text;background-size:200% 100%;-webkit-text-fill-color:transparent}@keyframes dropdown-gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes dropdown-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.form-input{background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);color:var(--white);font-family:var(--font-family-base);font-size:var(--font-size-base);outline:none;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base);width:100%}.form-input::placeholder{color:var(--text-mid-gray)}.form-input:focus{background:var(--overlay-light);border-color:var(--banes-lab-accent);box-shadow:var(--glow-accent-sm)}.form-input:disabled{cursor:not-allowed;opacity:.5}.form-input:-webkit-autofill,.form-input:-webkit-autofill:hover,.form-input:-webkit-autofill:focus{border-color:var(--banes-lab-accent);box-shadow:0 0 0 1000px var(--banes-lab-main) inset;caret-color:var(--banes-lab-accent);-webkit-text-fill-color:var(--banes-lab-accent)}.form-textarea{min-height:80px;resize:vertical}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label{color:var(--text-light-gray);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.form-hint{color:var(--text-mid-gray);font-size:var(--font-size-xs)}.input-counter-wrapper{position:relative;width:100%}.input-counter-wrapper input{padding-right:70px}.input-counter-wrapper textarea{padding-bottom:var(--space-xl)}.char-counter{background:var(--overlay-subtle);border-radius:var(--radius-sm);color:var(--text-mid-gray);font-size:var(--font-size-xs);padding:2px 6px;pointer-events:none;position:absolute}.input-counter-wrapper:not(.textarea-counter) .char-counter{right:var(--space-sm);top:50%;transform:translateY(-50%)}.textarea-counter .char-counter{bottom:var(--space-sm);right:var(--space-sm)}.char-counter.near-limit{color:var(--warning-primary)}.char-counter.at-limit{color:var(--danger-primary)}.btn{align-items:center;border:var(--border-s) solid transparent;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-xs);justify-content:center;letter-spacing:var(--letter-spacing-wide);padding:var(--space-sm) var(--space-lg);text-decoration:none;text-transform:uppercase;transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast)}.btn:hover:not(:disabled){transform:var(--transform-hover-md)}.btn:active:not(:disabled){transform:translateY(0) scale(1)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary{background:var(--banes-lab-accent);border-color:var(--banes-lab-accent);color:var(--banes-lab-main)}.btn-primary:hover:not(:disabled){background:var(--banes-lab-accent-dark);box-shadow:var(--glow-accent-sm)}.btn-secondary{background:var(--overlay-light);border-color:var(--accent-subtle);color:var(--white)}.btn-secondary:hover:not(:disabled){background:var(--overlay-medium);border-color:var(--accent-light)}.btn-danger{background:var(--danger-subtle);border-color:var(--danger-primary);color:var(--white)}.btn-danger:hover:not(:disabled){background:var(--danger-medium);box-shadow:var(--glow-danger-sm)}.btn-sm{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-md)}.form-checkbox{appearance:none;aspect-ratio:1;background:var(--banes-lab-main);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-sm);cursor:pointer;height:16px;position:relative;transition:all var(--transition-base)}.form-checkbox:hover{border-color:var(--accent-light)}.form-checkbox:checked{background:var(--banes-lab-main);border-color:var(--banes-lab-main)}.form-checkbox:checked:after{border:solid var(--text-light-gray);border-width:0 2px 2px 0;content:"";height:8px;left:50%;position:absolute;top:45%;transform:translate(-50%,-50%) rotate(45deg);width:4px}.form-checkbox:disabled{cursor:not-allowed;opacity:.5}.icon-pag{background-image:url(/assets/images/png/pag-sidebar.png);background-position:center;background-repeat:no-repeat;background-size:contain;display:inline-block;height:1em;vertical-align:-.125em;width:1em}.icon-pag-xl{background-image:url(/assets/images/png/pag-logo.png);background-position:center;background-repeat:no-repeat;background-size:contain;display:inline-block;filter:brightness(0) invert(1);height:24px;width:24px}[data-sidebar].collapsed .nav-button.active .icon-pag{filter:saturate(0)}@media(prefers-reduced-motion:reduce){[data-theme]{transition:none}}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{background-color:var(--banes-lab-main);font-family:var(--font-family-base);margin:0;-webkit-tap-highlight-color:transparent;touch-action:pan-x pan-y}@supports (padding: env(safe-area-inset-top)){body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}[data-theme]{transition:background-color var(--transition-base) var(--easing-ease-out),color var(--transition-base) var(--easing-ease-out)}a{text-decoration:none}img{display:block;max-width:var(--percent-full)}[data-bg-image]{height:var(--percent-full);left:0;object-fit:cover;object-position:center center;position:fixed;top:0;width:var(--percent-full);z-index:-1}::-webkit-scrollbar{width:0}::-webkit-scrollbar-track{width:0}::-webkit-scrollbar-thumb{width:0}::-webkit-scrollbar-thumb:hover{width:0}[data-widget-overlay]{inset:0;pointer-events:none;position:fixed;z-index:var(--z-modal)}[data-widget-overlay]>*{pointer-events:auto;position:absolute}@media(pointer:fine){.u-cursor-not-allowed{cursor:not-allowed!important}}.hidden{display:none!important}.invisible{visibility:hidden!important}.no-scroll{overflow:hidden!important}.empty-state{color:var(--text-light-gray);opacity:.8;padding:var(--size-xl) var(--space-lg);text-align:center}.empty-state i{color:var(--accent-medium);display:block;font-size:var(--font-hero);margin-bottom:var(--space-lg)}.empty-state p{font-size:var(--font-regular);margin:var(--space-sm) 0}.empty-state p:last-child{font-size:var(--font-md);opacity:.7}.cipher-suites,.cookie-settings,.resources-table{margin-top:var(--space-md)}.cipher-label,.cookie-label,.resources-label{color:var(--white);display:block;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.cipher-list,.cookie-list{color:var(--text-light-gray);font-size:var(--font-sm);list-style:none;margin:0;padding-left:var(--space-md)}.cipher-list li,.cookie-list li{margin-bottom:var(--space-xs)}.cipher-item{font-family:var(--font-family-mono);font-size:var(--font-xs)}.cookie-desc{color:var(--text-mid-gray);font-size:var(--font-xs)}.layers-list{display:flex;flex-direction:column;gap:var(--space-md)}.layer-item{background:var(--overlay-subtle);border-radius:var(--radius-sm);padding:var(--space-md)}.layer-name{color:var(--banes-lab-accent);display:block;font-size:var(--font-sm);margin-bottom:var(--space-xs)}.layer-points{color:var(--text-light-gray);font-size:var(--font-sm);list-style:disc;margin:0;padding-left:var(--space-lg)}.resources-list{display:grid;gap:var(--space-xs);margin:0}.resources-list dt{color:var(--white);font-size:var(--font-sm)}.resources-list dd{color:var(--text-light-gray);font-size:var(--font-sm);margin:0 0 var(--space-xs) var(--space-md)}.headers-table{border-collapse:collapse;font-size:var(--font-sm);width:100%}.headers-table th,.headers-table td{border:var(--border-s) solid var(--accent-subtle);padding:var(--space-xs) var(--space-sm);text-align:left}.headers-table th{background:var(--accent-subtle);color:var(--white)}.headers-table td{color:var(--text-light-gray)}.headers-table code{color:var(--banes-lab-accent);font-family:var(--font-family-mono);font-size:var(--font-xs)}.log-fields-list,.events-list,.deletion-steps,.practices-list,.responsibilities-list{color:var(--text-light-gray);font-size:var(--font-sm);list-style:disc;margin:0;padding-left:var(--space-lg)}.log-fields-list li,.events-list li,.deletion-steps li,.practices-list li,.responsibilities-list li{margin-bottom:var(--space-xs)}.steps-list{color:var(--text-light-gray);font-size:var(--font-sm);margin:0;padding-left:var(--space-lg)}.steps-list li{margin-bottom:var(--space-sm)}.steps-list strong{color:var(--banes-lab-accent)}.contact-info{background:var(--overlay-subtle);border-radius:var(--radius-sm);padding:var(--space-md)}.contact-email,.contact-response{color:var(--text-light-gray);font-size:var(--font-sm);margin:0 0 var(--space-xs) 0}.contact-email a,.third-party-details a{color:var(--banes-lab-accent);text-decoration:none}:where(.contact-email) a:hover,:where(.third-party-details) a:hover{text-decoration:underline}.contact-note{color:var(--text-mid-gray);font-size:var(--font-xs)}.contact-dpo,.contact-address{color:var(--text-light-gray);font-size:var(--font-sm);margin:0 0 var(--space-xs) 0}.simple-list{color:var(--text-light-gray);font-size:var(--font-sm);list-style:disc;margin:0;padding-left:var(--space-lg)}.simple-list li{margin-bottom:var(--space-xs)}.data-groups{display:flex;flex-direction:column;gap:var(--space-md)}.data-group{background:var(--overlay-subtle);border-radius:var(--radius-sm);padding:var(--space-md)}.data-group-name{color:var(--banes-lab-accent);display:block;font-size:var(--font-sm);margin-bottom:var(--space-xs)}.data-group-list{color:var(--text-light-gray);font-size:var(--font-sm);list-style:disc;margin:0;padding-left:var(--space-lg)}.data-group-list li{margin-bottom:var(--space-xs)}.third-parties{display:flex;flex-direction:column;gap:var(--space-md)}.third-party-item{background:var(--overlay-subtle);border-left:var(--border-accent-left);border-radius:var(--radius-sm);padding:var(--space-md)}.third-party-name{color:var(--white);display:block;font-size:var(--font-sm);margin-bottom:var(--space-sm)}.third-party-details{display:grid;gap:var(--space-xs);margin:0}.third-party-details dt{color:var(--text-mid-gray);font-size:var(--font-xs);font-weight:var(--font-weight-semibold)}.third-party-details dd{color:var(--text-light-gray);font-size:var(--font-sm);margin:0 0 var(--space-xs) 0}.cookies-table{border-collapse:collapse;font-size:var(--font-sm);width:100%}.cookies-table th,.cookies-table td{border:var(--border-s) solid var(--accent-subtle);padding:var(--space-xs) var(--space-sm);text-align:left}.cookies-table th{background:var(--accent-subtle);color:var(--white)}.cookies-table td{color:var(--text-light-gray)}.cookies-table code{color:var(--banes-lab-accent);font-family:var(--font-family-mono);font-size:var(--font-xs)}.how-to{background:var(--overlay-subtle);border-radius:var(--radius-sm);margin-top:var(--space-sm);padding:var(--space-md)}.how-to-label{color:var(--banes-lab-accent);display:block;font-size:var(--font-sm);margin-bottom:var(--space-xs)}.how-to-list{color:var(--text-light-gray);font-size:var(--font-sm);list-style:decimal;margin:0;padding-left:var(--space-lg)}.how-to-list li{margin-bottom:var(--space-xs)}.labeled-list{margin-top:var(--space-sm)}.labeled-list-label{color:var(--white);display:block;font-size:var(--font-sm);margin-bottom:var(--space-xs)}.labeled-list-items{color:var(--text-light-gray);font-size:var(--font-sm);list-style:disc;margin:0;padding-left:var(--space-lg)}.labeled-list-items li{margin-bottom:var(--space-xs)}.breach-steps{display:flex;flex-direction:column;gap:var(--space-md)}.breach-step{background:var(--overlay-subtle);border-radius:var(--radius-sm);padding:var(--space-md)}.breach-phase{color:var(--banes-lab-accent);display:block;font-size:var(--font-sm);margin-bottom:var(--space-xs)}.breach-actions{color:var(--text-light-gray);font-size:var(--font-sm);list-style:disc;margin:0;padding-left:var(--space-lg)}.breach-actions li{margin-bottom:var(--space-xs)}.notification-types{display:flex;flex-direction:column;gap:var(--space-md)}.notification-type{background:var(--overlay-subtle);border-radius:var(--radius-sm);padding:var(--space-md)}.notification-type-name{color:var(--banes-lab-accent);display:block;font-size:var(--font-sm);margin-bottom:var(--space-xs)}.notification-methods{color:var(--text-light-gray);font-size:var(--font-sm);list-style:disc;margin:0;padding-left:var(--space-lg)}.notification-methods li{margin-bottom:var(--space-xs)}.response-time{color:var(--text-light-gray);font-size:var(--font-sm);margin-top:var(--space-sm)}.response-time strong{color:var(--white)}.subsection-external-link{color:var(--banes-lab-accent);display:inline-block;font-size:var(--font-sm);margin-top:var(--space-sm);text-decoration:none}.subsection-external-link:hover{text-decoration:underline}@media(width<=768px){.cookies-table,.headers-table{display:block;overflow-x:auto}.legal-section{box-sizing:border-box;max-width:var(--percent-full);overflow:hidden;padding:var(--space-md)}.items-list{max-width:var(--percent-full)}.items-list dd{overflow-wrap:break-word;word-break:normal}.third-party-details dd{overflow-wrap:break-word}.third-party-details a,.contact-email a,.items-list a{word-break:break-all}.contact-info,.third-party-item,.data-group,.breach-step,.notification-type,.how-to,.layer-item{box-sizing:border-box;max-width:var(--percent-full);overflow-wrap:break-word}.subsection{max-width:var(--percent-full);overflow:hidden}}@media(width<=480px){.legal-section{padding:var(--space-sm)}.cookies-table,.headers-table{font-size:var(--font-xs)}.cookies-table th,.cookies-table td,.headers-table th,.headers-table td{padding:var(--space-xxs) var(--space-xs)}.section-header{gap:var(--space-sm)}.section-icon{font-size:var(--font-lg)}.section-content{font-size:var(--font-sm)}}.legal-header{border-bottom:var(--border-s) solid var(--accent-subtle);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);text-align:center}.legal-title{color:var(--banes-lab-accent);font-family:var(--font-family-heading);font-size:var(--font-xxl);margin-bottom:var(--space-sm)}.legal-dates{color:var(--text-mid-gray);display:flex;font-size:var(--font-sm);gap:var(--space-lg);justify-content:center;margin-bottom:var(--space-md)}.legal-intro{color:var(--text-light-gray);font-size:var(--font-regular);line-height:var(--line-height-loose);margin:0 auto;max-width:var(--width-content-md)}.legal-layout{display:grid;gap:var(--space-xl);grid-template-columns:var(--width-sidebar-legal) 1fr}.legal-toc{background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);height:fit-content;padding:var(--space-lg);position:sticky;top:var(--space-lg)}.toc-title{border-bottom:var(--border-s) solid var(--accent-subtle);color:var(--banes-lab-accent);font-family:var(--font-family-heading);font-size:var(--font-lg);margin-bottom:var(--space-md);padding-bottom:var(--space-sm)}.toc-list{display:flex;flex-direction:column;gap:var(--space-xs);list-style:none;margin:0;padding:0}.toc-item{border-radius:var(--radius-sm)}.toc-link{align-items:center;color:var(--text-light-gray);display:flex;font-size:var(--font-sm);gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);text-decoration:none}.toc-link:hover{color:var(--banes-lab-accent)}.toc-link.active{background:var(--accent-subtle);border-radius:var(--radius-sm);color:var(--banes-lab-accent)}.toc-link i{font-size:var(--font-md);width:var(--size-icon-inline)}.legal-sections{display:flex;flex-direction:column;gap:var(--space-lg)}.legal-section{background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);padding:var(--space-lg)}.section-header{align-items:flex-start;display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}.section-icon{color:var(--banes-lab-accent);font-size:var(--font-xxl);line-height:1}.section-title{color:var(--white);font-family:var(--font-family-heading);font-size:var(--font-lg);margin:0}.section-intro{color:var(--text-light-gray);font-size:var(--font-regular);line-height:var(--line-height-loose);margin-bottom:var(--space-lg)}.subsection{margin-bottom:var(--space-xl)}.subsection:last-child{margin-bottom:0}.subsection-title{border-bottom:var(--border-s) solid var(--accent-subtle);color:var(--banes-lab-accent);font-size:var(--font-regular);margin-bottom:var(--space-md);padding-bottom:var(--space-xs)}.subsection-text{color:var(--text-light-gray);font-size:var(--font-md);line-height:var(--line-height-loose);margin-bottom:var(--space-md)}.subsection-note{background:var(--accent-subtle);border-left:var(--border-accent-left);color:var(--text-light-gray);font-size:var(--font-sm);margin-top:var(--space-md);padding:var(--space-sm) var(--space-md)}.subsection-link{color:var(--banes-lab-accent);display:inline-block;font-size:var(--font-sm);margin-top:var(--space-sm);text-decoration:none}.subsection-link:hover{text-decoration:underline}.items-list{display:grid;gap:var(--space-sm);margin:0}.items-list dt{color:var(--white);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.items-list dd{color:var(--text-light-gray);font-size:var(--font-sm);margin:0 0 var(--space-sm) 0;padding-left:var(--space-md)}.legal-footer{border-top:var(--border-s) solid var(--accent-subtle);color:var(--text-mid-gray);font-size:var(--font-sm);margin-top:var(--space-xl);padding-top:var(--space-lg);text-align:center}.legal-footer p{margin:var(--space-xs) 0}.legal-footer-doc{margin-bottom:var(--space-xl)}.company-footer{align-items:center;border-top:var(--border-s) solid var(--accent-subtle);display:flex;flex-direction:column;gap:var(--space-lg);padding-top:var(--space-xl)}.company-logo{height:var(--size-logo-footer);width:var(--size-logo-footer)}.company-info{align-items:center;display:flex;flex-direction:column;gap:var(--space-xs)}.company-name{color:var(--banes-lab-accent);font-family:var(--font-family-heading);font-size:var(--font-lg)}.company-tagline{color:var(--text-mid-gray);font-size:var(--font-sm)}.company-links{display:flex;gap:var(--space-md)}.company-social-link{align-items:center;background:var(--accent-subtle);border-radius:var(--percent-half);color:var(--text-light-gray);display:flex;font-size:var(--font-md);height:var(--size-icon-social);justify-content:center;text-decoration:none;transition:all var(--timing-fast) ease;width:var(--size-icon-social)}.company-social-link:hover{background:var(--banes-lab-accent);color:var(--background-dark);transform:var(--transform-hover-lift)}.company-details{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-xl);justify-content:center;width:100%}.company-details span{color:var(--text-light-gray);font-size:var(--font-sm)}.company-details strong{color:var(--text-mid-gray)}.company-details a{color:var(--banes-lab-accent);text-decoration:none}.company-details a:hover{text-decoration:underline}.company-copyright{color:var(--text-mid-gray);font-size:var(--font-xs);margin:0}@media(width<=768px){.legal-layout{grid-template-columns:1fr}.legal-toc{display:none}.legal-dates{flex-direction:column;gap:var(--space-xs)}}@media(width<=480px){.legal-header{padding-bottom:var(--space-md)}.legal-title{font-size:var(--font-xl)}.legal-intro{font-size:var(--font-sm)}.legal-section{padding:var(--space-sm)}.section-title{font-size:var(--font-md)}.items-list dd{padding-left:var(--space-sm)}}@media(width>=769px){.container{display:grid;grid-template-columns:auto 1fr}}@media(width<=768px){.container{height:calc(var(--viewport-full) - var(--touch-target-recommended))}[data-sidebar]{height:var(--percent-full);left:0;pointer-events:none;position:fixed;top:0;transform:translate(calc(var(--percent-full) * -1));transition:transform var(--transition-base) var(--easing-ease-out);width:var(--width-sidebar);z-index:calc(var(--z-fixed) + 10)}[data-sidebar].open{pointer-events:auto;transform:translate(0)}[data-app]{height:calc(var(--percent-full) - var(--touch-target-recommended))}}@media(width>=769px){.mobile-overlay{display:none}}.container{display:flex;height:var(--viewport-full);position:relative}[data-app]{box-sizing:border-box;display:flex;flex:1;flex-direction:column;font-size:var(--font-regular);min-height:0;overflow:hidden auto;width:var(--percent-full)}[data-app]>*:first-child{flex:1;width:var(--percent-full)}.page-content{padding:clamp(var(--space-md),2vw,var(--space-xl))}.mobile-overlay{background:var(--shadow-strong);display:none;inset:0;opacity:0;position:fixed;transition:opacity var(--transition-slow) var(--easing-ease-out);z-index:calc(var(--z-fixed) - 1)}.mobile-overlay.active{display:block;opacity:1}.site-footer{color:var(--text-mid-gray);font-size:var(--font-xs);padding:var(--space-lg);text-align:center}.sidebar-mobile-header{display:none}@media(width<=768px){.sidebar-mobile-header{align-items:center;display:flex;justify-content:flex-end;padding:var(--space-xs)}.sidebar-mobile-logout-button{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--banes-lab-accent);cursor:pointer;display:flex;justify-content:center;padding:var(--space-xs);transition:all var(--transition-base) ease}.sidebar-mobile-logout-button:hover,.sidebar-mobile-logout-button:active{background:var(--danger-subtle);color:var(--danger-primary)}.sidebar-mobile-logout-button i{font-size:var(--font-size-lg)}[data-sidebar]{height:calc(var(--vh) * 100);left:0;padding:0;padding-bottom:calc(var(--touch-target-recommended) + var(--space-md));pointer-events:none;position:fixed;top:0;transform:translate(calc(var(--percent-full) * -1));z-index:var(--z-fixed)}[data-sidebar].open{pointer-events:auto;transform:translate(0)}[data-sidebar].collapsed{width:var(--width-sidebar)}@supports (height: 100svh){[data-sidebar]{height:100svh}}.sidebar-header{display:none}.sidebar-footer{align-items:center;background:transparent;border-top:var(--border-s) solid var(--banes-lab-subtle);bottom:0;height:var(--touch-target-recommended);justify-content:flex-end;left:0;margin-top:0;padding:0;padding-right:var(--space-md);pointer-events:none;position:fixed;right:0}.sidebar-footer [data-toggle-sidebar]{pointer-events:auto}.sidebar-footer .sidebar-logout-button{display:none}}@media(prefers-reduced-motion:reduce){[data-sidebar]{transition:none}}@media(width>=769px){[data-sidebar]{position:relative;transform:translate(0)}}.sidebar-header{align-items:center;display:flex;justify-content:flex-end;padding:var(--space-md)}[data-sidebar]{backdrop-filter:var(--glass-blur);background:var(--glass-bg);box-shadow:var(--glass-shadow);box-sizing:border-box;container-name:sidebar;container-type:inline-size;display:flex;flex-direction:column;height:calc(var(--vh) * 100);overflow:hidden;padding:var(--space-sm);transition:width var(--transition-base) var(--easing-ease-out),padding var(--transition-base) var(--easing-ease-out),transform var(--transition-base) var(--easing-ease-out);width:var(--width-sidebar)}[data-sidebar].collapsed{padding:var(--space-sm) var(--space-xs);width:calc(var(--height-md) + var(--size-xs))}@container sidebar (min-width: var(--width-sidebar)){[data-sidebar]{padding:var(--space-md)}}.sidebar-footer{align-items:center;border-top:var(--border-s) solid var(--border-color);display:flex;gap:var(--space-sm);justify-content:center;margin-top:auto;padding:var(--space-md)}.sidebar-logout-button{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--banes-lab-accent);cursor:pointer;display:flex;gap:var(--space-xs);padding:var(--space-xs);transition:all var(--transition-base) ease}.sidebar-logout-button:hover{background:var(--danger-subtle);color:var(--danger-primary)}.sidebar-logout-button i{font-size:var(--font-size-base)}.sidebar-logout-label{display:none}[data-sidebar].collapsed .sidebar-logout-button{padding:var(--space-xs)}@supports (height: 100svh){[data-sidebar]{height:100svh}}@media(width<=768px){.mobile-footer-nav{align-items:center;display:flex;justify-content:space-between;padding-left:var(--space-md);padding-right:var(--space-md);transform:translateY(0)}}@media(hover:none)and (pointer:coarse){.mobile-footer-nav-item{min-height:var(--touch-target-recommended)}}.mobile-footer-nav{backdrop-filter:var(--glass-blur);background:var(--glass-banes-lab-main);border-top:var(--border-s) solid var(--glass-border);bottom:0;box-shadow:var(--shadow-sm);height:var(--touch-target-recommended);left:0;padding:0;position:fixed;right:0;transition:transform var(--transition-base) var(--easing-ease-out);z-index:var(--z-sticky)}@media(width>=769px){.mobile-footer-nav{display:none;transform:translateY(var(--percent-full))}}.mobile-footer-nav-item{align-items:center;background:none;border:none;color:var(--text-light-gray);cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;gap:var(--space-xs);justify-content:center;min-height:var(--touch-target-min);padding:var(--space-xs);text-decoration:none;transition:color var(--transition-fast)}.mobile-footer-nav-item:first-child,.mobile-footer-nav-item:last-child{min-width:var(--touch-target-recommended)}.mobile-footer-nav-item i{font-size:var(--font-regular)}.mobile-footer-nav-item span{font-size:var(--font-xxs);text-transform:capitalize}.mobile-footer-nav-item.active,.mobile-footer-nav-item:hover{color:var(--banes-lab-accent)}.mobile-footer-logo{height:var(--height-sm);object-fit:contain;opacity:.7;transition:opacity var(--transition-fast);width:auto}.mobile-footer-chat-logo{height:var(--height-md);object-fit:contain;opacity:.7;transition:opacity var(--transition-fast);width:auto}.mobile-footer-nav-item.active .mobile-footer-logo,.mobile-footer-nav-item:hover .mobile-footer-logo,.mobile-footer-nav-item.active .mobile-footer-chat-logo,.mobile-footer-nav-item:hover .mobile-footer-chat-logo{opacity:1}@supports (padding: env(safe-area-inset-bottom)){.mobile-footer-nav{height:calc(var(--touch-target-recommended) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}}@media(width<=768px){.nav-container{border-bottom:var(--border-s) solid var(--banes-lab-subtle);border-top:none;flex:1;margin-top:0;overflow-y:auto;padding:var(--space-sm);padding-top:0}}.nav-container{align-items:stretch;border-top:var(--border-s) solid var(--banes-lab-subtle);display:flex;flex-direction:column;gap:calc(var(--space-xs) / 2);width:var(--percent-full)}.nav-button{align-items:center;background:none;border:none;border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-sidebar);display:flex;flex-wrap:nowrap;font-family:var(--font-family-base);gap:var(--space-md);justify-content:flex-start;margin:0;min-height:var(--height-md);padding:var(--space-sm) var(--space-md);position:relative;text-align:left;transition:all var(--transition-slow) ease;width:var(--percent-full)}.nav-button i{display:inline-block;flex-shrink:0;min-width:var(--size-md);opacity:1;text-align:center;transition:all var(--transition-slow) ease;visibility:visible}.nav-button.active i{transition:color var(--transition-slow) ease}.nav-text{flex-shrink:0;transition:opacity var(--transition-slow) ease;white-space:nowrap}.nav-button--locked{cursor:default;pointer-events:none}.nav-button--locked>*:not(.nav-lock-icon){opacity:.5}.nav-lock-icon{color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);margin-left:auto;transition:all var(--transition-slow) ease}.nav-button--locked .nav-lock-icon{opacity:.5;pointer-events:auto}.nav-button--locked .nav-lock-icon:hover{color:var(--banes-lab-accent);opacity:1;transform:scale(1.2)}.nav-button:not(.nav-button--locked):hover{background:var(--overlay-subtle);color:var(--banes-lab-accent);transform:scale(1.05);transition:all var(--transition-slow) ease}.nav-button:not(.nav-button--locked):hover i{transform:scale(1.1)}[data-sidebar] .nav-button.active{background:var(--overlay-light);color:var(--active-text-color, var(--banes-lab-accent));transition:all var(--transition-slow) ease}@container sidebar (max-width: 30px){[data-sidebar] .nav-button.active{background:none;height:calc(var(--border-s) * 2);transition:ease var(--transition-slow)}[data-sidebar] .nav-button.active i{color:var(--banes-lab-silver);transition:color var(--transition-slow) ease var(--transition-slow)}}[data-sidebar].collapsed .nav-container{align-items:center}[data-sidebar].collapsed .nav-button{border-radius:var(--radius-sm);height:var(--height-sm);justify-content:center;min-height:var(--height-sm);padding:var(--space-xs);width:var(--height-sm)}[data-sidebar].collapsed .nav-button:not(.active),[data-sidebar].collapsed .nav-button:not(.active):hover{background:none}[data-sidebar].collapsed .nav-text{display:none}[data-sidebar].collapsed .nav-button--locked>i:first-child{display:none}[data-sidebar].collapsed .nav-button--locked .nav-lock-icon{margin-left:0}[data-sidebar].collapsed .nav-button.active i{color:var(--banes-lab-silver);transition:color var(--transition-base) ease var(--transition-base)}@media(width>=769px){.sidebar-header [data-toggle-sidebar]{position:absolute;right:var(--space-sm);top:var(--space-sm)}.sidebar-footer [data-toggle-sidebar]{display:none}[data-sidebar].collapsed .sidebar-header [data-toggle-sidebar]{left:var(--percent-half);right:auto;top:var(--space-sm);transform:translate(calc(var(--percent-half) * -1))}}@media(width<=768px){.sidebar-header [data-toggle-sidebar]{display:none}.sidebar-footer [data-toggle-sidebar]{background:none;font-size:var(--font-regular);height:var(--touch-target-recommended);position:relative;width:var(--touch-target-recommended)}.sidebar-footer [data-toggle-sidebar]:hover{transform:scale(1.1)}}[data-toggle-sidebar]{align-items:center;background:none;border:none;color:var(--text-sidebar);cursor:pointer;display:flex;font-size:var(--font-md);height:var(--size-lg);justify-content:center;padding:var(--space-xs);transition:all var(--transition-slow) ease;width:var(--size-lg);z-index:var(--z-dropdown)}[data-toggle-sidebar]:hover{color:var(--banes-lab-accent);transform:scale(1.1)}.modal{inset:0;position:fixed;z-index:var(--z-modal)}.modal-backdrop{align-items:center;backdrop-filter:var(--blur-heavy);display:flex;height:100%;justify-content:center;padding:var(--space-lg);width:100%}.modal-content{background:var(--banes-lab-main);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;width:100%}.modal-header{align-items:center;background:var(--code-block);border-bottom:var(--border-s) solid var(--accent-subtle);display:flex;flex-shrink:0;gap:var(--space-md);justify-content:space-between;padding:var(--space-sm) var(--space-md)}.modal-title{color:var(--banes-lab-accent);font-family:var(--font-family-code);font-size:var(--font-sm);font-weight:var(--font-weight-medium)}.modal-actions{align-items:center;display:flex;gap:var(--space-xs)}.modal-close{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--white-alpha-muted);cursor:pointer;display:flex;font-size:var(--font-lg);height:var(--touch-target-min);justify-content:center;transition:all var(--timing-fast) ease;width:var(--touch-target-min)}.modal-close:hover{background:var(--overlay-subtle);color:var(--white)}.modal-body{flex:1;overflow:auto}.modal-body::-webkit-scrollbar{width:var(--space-xs)}.modal-body::-webkit-scrollbar-track{background:var(--code-block)}.modal-body::-webkit-scrollbar-thumb{background:var(--accent-subtle);border-radius:var(--radius-xs)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--banes-lab-accent)}@media(width<=768px){.modal-backdrop{padding:0}.modal-content{border-radius:0;max-height:100vh;max-width:100vw}}.notification-modal-overlay{align-items:center;backdrop-filter:var(--blur-soft);background:var(--shadow-heavy);display:flex;inset:0;justify-content:center;opacity:1;padding:var(--space-lg);position:fixed;transition:opacity var(--transition-base) var(--easing-ease);z-index:var(--z-modal)}.notification-modal-overlay.hidden{opacity:0;pointer-events:none}.notification-modal-container{align-items:center;background:var(--code-block);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-md);max-width:var(--width-modal-sm);padding:var(--space-xxl);position:relative;scale:.85;text-align:center;transform:scale(1);transition:transform var(--transition-base) var(--easing-ease);width:var(--percent-full)}.notification-modal-overlay.hidden .notification-modal-container{transform:scale(.95)}.notification-modal-container:before{background:var(--primary-gradient);border-radius:var(--radius-lg);content:"";height:var(--space-lg);left:0;position:absolute;right:0;top:0;width:var(--percent-full)}.notification-modal-icon{align-items:center;animation:icon-pulse 2s ease-in-out infinite;border-radius:var(--percent-half);display:flex;font-size:var(--font-hero);height:var(--size-icon-lg);justify-content:center;width:var(--size-icon-lg)}.notification-modal-icon.info{background:var(--info-bg-subtle);box-shadow:var(--glow-info-lg);color:var(--info-color)}.notification-modal-icon.success{background:var(--success-light);box-shadow:var(--glow-success-lg);color:var(--success-primary)}.notification-modal-icon.warning{background:var(--warning-light);box-shadow:var(--glow-warning-lg);color:var(--warning-primary)}.notification-modal-icon.danger{background:var(--danger-light);box-shadow:var(--glow-danger-lg);color:var(--danger-primary)}@keyframes icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.notification-modal-title{color:var(--banes-lab-accent);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);margin:0;text-transform:uppercase}.notification-modal-message{color:var(--text-light-gray);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0}.notification-modal-input-container{width:var(--percent-full)}.notification-modal-input-container.hidden{display:none}.notification-modal-input{background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);color:var(--white);font-size:var(--font-size-base);outline:none;padding:var(--space-md);transition:all var(--transition-base) var(--easing-ease);width:var(--percent-full)}.notification-modal-input:focus{background:var(--overlay-light);border-color:var(--banes-lab-accent);box-shadow:var(--glow-accent-sm)}.notification-modal-input::placeholder{color:var(--text-mid-gray)}.notification-modal-actions{display:flex;gap:var(--space-md);margin-top:var(--space-sm);width:var(--percent-full)}.notification-modal-btn{align-items:center;border:var(--border-s) solid transparent;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1;font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--space-xs);justify-content:center;letter-spacing:var(--letter-spacing-tight);padding:var(--space-md) var(--space-lg);text-transform:uppercase;transition:all var(--transition-base) var(--easing-ease)}.notification-modal-btn i{font-size:var(--font-size-base)}.notification-modal-btn.cancel{background:var(--overlay-subtle);border-color:var(--accent-subtle);color:var(--text-light-gray)}.notification-modal-btn.cancel:hover{background:var(--overlay-light);border-color:var(--accent-light);color:var(--white)}.notification-modal-btn.confirm{background:var(--banes-lab-accent);border-color:var(--banes-lab-accent);color:var(--banes-lab-main)}.notification-modal-btn.confirm:hover{background:var(--banes-lab-accent-dark);border-color:var(--banes-lab-accent-dark);box-shadow:var(--glow-accent-md)}.notification-modal-btn.danger{background:var(--danger-primary);border-color:var(--danger-primary);color:var(--white)}.notification-modal-btn.danger:hover{background:var(--danger-dark);border-color:var(--danger-dark);box-shadow:var(--glow-danger-md)}@media(width<=480px){.notification-modal-container{padding:var(--space-xl)}.notification-modal-icon{font-size:var(--font-xxl);height:var(--size-icon-md);width:var(--size-icon-md)}.notification-modal-actions{flex-direction:column}}.under-construction-content{display:flex;flex-direction:column;gap:var(--space-lg);justify-content:center;margin:0 auto;max-width:var(--width-modal-md);min-height:70vh;padding:var(--space-xl);position:relative}.under-construction-content:before{background:var(--primary-gradient);border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";height:var(--border-m);left:0;opacity:var(--opacity-muted);position:absolute;right:0;top:0}.under-construction-header{align-items:center;display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-xl) 0}.under-construction-icon{align-items:center;display:flex;justify-content:center}.under-construction-logo{animation:logo-beam 3s ease-in-out infinite;filter:drop-shadow(0 0 8px rgb(59 169 219 / 40%));height:120px;width:auto}@keyframes logo-beam{0%,to{filter:drop-shadow(0 0 5px rgb(59 169 219 / 30%));transform:scale(1)}50%{filter:drop-shadow(0 0 15px rgb(59 169 219 / 50%));transform:scale(1.02)}}.under-construction-title{align-items:center;border-bottom:var(--border-s) solid var(--accent-subtle);color:var(--banes-lab-accent);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--space-sm);letter-spacing:var(--letter-spacing-tight);margin:0;padding-bottom:var(--space-md);text-transform:uppercase}.under-construction-message{color:var(--text-light-gray);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.under-construction-footer{border-top:var(--border-s) solid var(--accent-subtle);padding-top:var(--space-lg)}.under-construction-countdown{color:var(--text-mid-gray);font-size:var(--font-size-sm)}.under-construction-countdown .countdown-value{color:var(--banes-lab-accent);font-weight:var(--font-weight-bold)}.under-construction-back{align-items:center;background:var(--banes-lab-accent);border:none;border-radius:var(--radius-md);color:var(--banes-lab-main);cursor:pointer;display:flex;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-sm);justify-content:center;letter-spacing:var(--letter-spacing-wide);padding:var(--space-md) var(--space-xl);text-transform:uppercase;transition:background var(--transition-base),transform var(--transition-fast);width:var(--percent-full)}.under-construction-back:hover{background:var(--banes-lab-accent-dark);transform:var(--transform-hover-sm)}.under-construction-back:active{transform:translateY(0)}@media(width<=768px){.under-construction-content{padding:var(--space-md)}.under-construction-header{padding:var(--space-md) 0}.under-construction-logo{height:80px}}.download-preview{backdrop-filter:var(--blur-heavy);background:var(--preview-bg);border:var(--border-s) solid var(--accent-hover);border-radius:var(--radius-md);box-shadow:var(--shadow-preview);max-height:var(--preview-max-height);opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:var(--percent-half);transform:translateY(-50%) scale(.95);transition:opacity var(--transition-fast),transform var(--transition-fast);width:var(--preview-width);z-index:var(--z-preview)}.download-preview.visible{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}.preview-header{align-items:center;background:var(--accent-light);border-bottom:var(--border-s) solid var(--overlay-subtle);display:flex;justify-content:space-between;padding:var(--space-sm) var(--space-md)}.preview-title{color:var(--banes-lab-accent);font-family:var(--font-family-mono);font-size:var(--font-xs)}.preview-copy-btn{align-items:center;background:transparent;border:none;color:var(--white-alpha-muted);cursor:pointer;display:flex;font-size:var(--font-sm);padding:var(--space-xs);transition:color var(--transition-fast)}.preview-copy-btn:hover{color:var(--banes-lab-accent)}.preview-content{color:var(--white-alpha-strong);display:block;font-family:var(--font-family-mono);font-size:var(--font-xs);line-height:var(--line-height-normal);margin:0;max-height:var(--preview-content-height);overflow-y:auto;padding:var(--space-md);white-space:pre}.hl-tag{color:var(--hl-tag)}.hl-attr{color:var(--hl-attr)}.hl-bold{color:var(--hl-bold);font-weight:var(--font-weight-bold)}.hl-code{background:var(--white-alpha-subtle);color:var(--hl-code);padding:0 2px}.code-block{background:var(--code-block);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-sm);margin:var(--space-sm) 0;max-height:calc(var(--line-height-loose) * var(--font-sm) * 13 + var(--space-md) * 2);overflow:hidden;position:relative}.code-block-header{align-items:center;background:var(--code-block);border-bottom:var(--border-s) solid var(--accent-subtle);display:flex;justify-content:space-between;padding:var(--space-xs) var(--space-md)}.code-block-title{color:var(--banes-lab-accent);font-family:var(--font-family-code);font-size:var(--font-xs)}.code-block-actions{align-items:center;display:flex;gap:var(--space-xs)}.code-block-copy{align-items:center;background:transparent;border:none;color:var(--white-alpha-muted);cursor:pointer;display:flex;font-size:var(--font-sm);padding:var(--space-xs);transition:color var(--timing-fast) ease}.code-block-copy:hover{color:var(--banes-lab-accent)}.code-block-expand{align-items:center;background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-sm);color:var(--white-alpha-muted);cursor:pointer;display:flex;font-family:var(--font-family-code);font-size:var(--font-xs);gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);transition:all var(--timing-fast) ease}.code-block-expand:hover{background:var(--overlay-light);border-color:var(--banes-lab-accent);color:var(--banes-lab-accent)}.code-block-expand i{font-size:var(--font-xs)}.code-block-content{overflow-x:auto}.code-block--expandable .code-block-content{overflow:hidden;position:relative}.code-block--expandable .code-block-content:after{background:linear-gradient(to bottom,transparent 0%,var(--code-block) 80%);bottom:0;content:"";height:var(--space-xxl);left:0;pointer-events:none;position:absolute;right:0}.code-block code{color:var(--text-light-gray);display:block;font-family:var(--font-family-code);font-size:var(--font-sm);line-height:var(--line-height-loose);padding:var(--space-md);white-space:pre}.code-block-content::-webkit-scrollbar{height:var(--space-xs);width:var(--space-xs)}.code-block-content::-webkit-scrollbar-track{background:var(--code-block)}.code-block-content::-webkit-scrollbar-thumb{background:var(--accent-subtle);border-radius:var(--radius-xs)}.code-block-content::-webkit-scrollbar-thumb:hover{background:var(--banes-lab-accent)}.code-modal .modal-content{max-width:1200px;opacity:0;transform:scale(.1)}.code-modal--open .modal-content{animation:modal-pop-in .3s cubic-bezier(.34,1.56,.64,1) forwards}.code-modal--closing .modal-content{animation:modal-pop-out .15s ease-in forwards}@keyframes modal-pop-in{0%{opacity:0;transform:scale(.1)}to{opacity:1;transform:scale(1)}}@keyframes modal-pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.1)}}.code-modal-pre{background:var(--code-block);margin:0;min-height:100%;min-width:100%;width:max-content}.code-modal-pre code{color:var(--text-light-gray);display:block;font-family:var(--font-family-code);font-size:var(--font-sm);line-height:var(--line-height-loose);padding:var(--space-lg);white-space:pre}.hl-keyword{color:var(--hl-keyword)}.hl-action{color:var(--hl-function)}.hl-string{color:var(--hl-string)}.hl-number{color:var(--hl-number)}.hl-comment{color:var(--hl-comment);font-style:italic}.hl-literal{color:var(--hl-literal)}.hl-operator{color:var(--white-alpha-muted)}.hl-variable{color:var(--hl-variable)}.hl-nonterminal{color:var(--hl-keyword)}.hl-definition{color:var(--banes-lab-pag);font-weight:var(--font-weight-bold)}.hl-terminal{color:var(--hl-string)}.hl-frontmatter{color:var(--hl-comment)}.hl-heading{color:var(--banes-lab-pag);font-weight:var(--font-weight-semibold)}.hl-phase{color:var(--banes-lab-accent);font-weight:var(--font-weight-medium)}.hl-status{color:var(--hl-function)}.hl-emoji{font-style:normal}.hl-key{color:var(--hl-property)}.hl-selector{color:var(--hl-keyword)}.hl-value{color:var(--hl-string)}.subsection-symbol{color:var(--white-alpha-muted);font-size:var(--font-md);font-weight:var(--font-weight-normal);margin-left:var(--space-xs)}.content-card-title{color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-semibold);margin:0}.content-card-text{color:var(--white-alpha-secondary);font-size:var(--font-sm);line-height:var(--line-height-normal);margin:0}.content-card-list{color:var(--white-alpha-secondary);font-size:var(--font-sm);line-height:var(--line-height-normal);list-style:none;margin:0;padding:0}.content-card-list li{padding-left:var(--space-md);position:relative}.content-card-list li:before{content:"•";font-weight:var(--font-weight-bold);left:0;position:absolute}.navigation-card-content{flex:1;min-width:0}.navigation-card-title{color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-semibold);margin:0}.navigation-card-desc{color:var(--white-alpha-secondary);font-size:var(--font-sm);line-height:var(--line-height-normal);margin:var(--space-xxs) 0 0}.home-content{display:flex;flex-direction:column;padding:var(--space-xl);width:var(--percent-full)}.home-header{align-items:center;display:flex;flex-direction:column;padding:var(--space-xxl) 0;text-align:center}.home-logo{border-radius:var(--percent-half);box-shadow:0 4px 20px var(--black-alpha-heavy);height:8rem;margin-bottom:var(--space-lg);object-fit:cover;width:8rem}.home-title{color:var(--banes-lab-accent);font-family:var(--font-family-heading);font-size:var(--font-display);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);margin:0}.home-main{flex:1;margin:0 auto;max-width:70rem;width:var(--percent-full)}.home-cards-grid{display:grid;gap:var(--space-xxl);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-xxl)}.home-card{backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;position:relative;transition:border-color var(--transition-slow)}.home-card:hover{border-color:var(--card-border-accent)}.card-gradient-overlay{border-radius:var(--radius-lg);height:var(--percent-full);left:0;opacity:.05;position:absolute;top:0;transition:opacity var(--transition-slow);width:var(--percent-full)}.home-card:hover .card-gradient-overlay{opacity:.1}.home-card.card-blue .card-gradient-overlay{background:var(--gradient-blue)}.home-card.card-gold .card-gradient-overlay{background:var(--gradient-gold)}.card-content{display:flex;flex:1;flex-direction:column;padding:var(--space-xxl);position:relative}.card-header{align-items:flex-start;display:flex;gap:var(--space-lg);margin-bottom:var(--space-xl)}.card-icon-wrapper{align-items:center;border-radius:var(--radius-md);color:var(--white);display:flex;height:3.5rem;justify-content:center;width:3.5rem}.home-card.card-blue .card-icon-wrapper{background:var(--gradient-blue)}.home-card.card-gold .card-icon-wrapper{background:var(--gradient-gold)}.card-icon{font-size:var(--font-xxl)}.card-title-group{flex:1}.card-title{color:var(--banes-lab-accent);font-family:var(--font-family-heading);font-size:var(--font-xxl);font-weight:var(--font-weight-medium);margin:0 0 var(--space-xs)}.card-subtitle{color:var(--white-alpha-primary);font-weight:var(--font-weight-medium);margin:0}.card-description{color:var(--white-alpha-secondary);flex:1;line-height:var(--line-height-loose);margin:0 0 var(--space-xl)}.card-examples{background:var(--black-alpha-overlay);border-radius:var(--radius-md);font-family:var(--font-family-mono);font-size:var(--font-md);margin-bottom:var(--space-xl);padding:var(--space-lg)}.example-line{color:var(--white-alpha-tertiary);margin-bottom:var(--space-xs)}.example-line:last-child{margin-bottom:0}.card-footer{margin-top:auto}.card-audience{color:var(--white-alpha-muted);font-size:var(--font-md);margin:0 0 var(--space-lg)}.card-button{align-items:center;background:var(--banes-lab-accent);border-radius:var(--radius-md);color:var(--banes-lab-main);display:flex;font-weight:var(--font-weight-semibold);gap:var(--space-sm);justify-content:center;padding:var(--space-md) var(--space-xl);text-decoration:none;transition:background var(--transition-base),transform var(--transition-fast)}.card-button:hover{background:var(--banes-lab-accent-dark);transform:var(--transform-hover-md)}.card-button i{font-size:var(--font-regular)}.home-footer{backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-lg);padding:var(--space-xxl);text-align:center}.footer-creator{color:var(--white-alpha-secondary);margin:0 0 var(--space-md)}.footer-links-text{color:var(--white-alpha-secondary);line-height:var(--line-height-loose);margin:0}.footer-link{color:var(--banes-lab-accent);font-weight:var(--font-weight-semibold);text-decoration:none;transition:color var(--transition-slow)}.footer-link:hover{color:var(--accent-hover);text-decoration:underline}@media(width<=900px){.home-cards-grid{grid-template-columns:1fr}}@media(width<=640px){.home-content{padding:var(--space-lg)}.home-logo{height:6rem;width:6rem}.home-title{font-size:var(--font-hero)}.card-content{padding:var(--space-xl)}.card-header{flex-direction:column}.card-title{font-size:var(--font-xl)}}.terms-page{display:flex;flex-direction:column}.terms-content{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-xl)}.privacy-page{display:flex;flex-direction:column}.privacy-content{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-xl)}.info-page{display:flex;flex-direction:column}.info-content{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-xl)}.stages-grid{display:grid;gap:var(--space-xl);grid-template-columns:repeat(2,1fr)}.stage-card{backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-lg);padding:var(--space-xxl);transition:border-color var(--transition-slow)}.stage-card:hover{border-color:var(--card-border-accent)}.stage-title{color:var(--banes-lab-accent);font-size:var(--font-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-sm)}.stage-description{color:var(--white-alpha-secondary);line-height:var(--line-height-normal);margin:0 0 var(--space-lg)}.stage-steps{color:var(--white-alpha-primary);font-size:var(--font-md);line-height:var(--line-height-loose);margin:0;padding-left:var(--space-xl)}.stage-steps li{margin-bottom:var(--space-xs)}.stage-output,.stage-constraint{border-top:var(--border-s) solid var(--overlay-subtle);color:var(--white-alpha-primary);font-size:var(--font-sm);line-height:var(--line-height-normal);margin:var(--space-md) 0 0;padding-top:var(--space-md)}.stage-output strong,.stage-constraint strong{color:var(--banes-lab-accent)}.stage-card code{background:var(--liquid-subtle);border-radius:var(--radius-xs);color:var(--banes-lab-liquid);font-family:var(--font-family-mono);font-size:var(--font-code);padding:var(--space-code-v) var(--space-code-h)}@media(width<=900px){.stages-grid{grid-template-columns:1fr}}.benefits-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(4,1fr)}.benefit-card{backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;transition:border-color var(--transition-slow)}.benefit-card:hover{border-color:var(--liquid-hover)}.benefit-icon{color:var(--banes-lab-liquid);font-size:var(--font-xxl);margin-bottom:var(--space-md)}.benefit-title{color:var(--white);font-size:var(--font-regular);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-sm)}.benefit-text{color:var(--white-alpha-primary);font-size:var(--font-md);line-height:var(--line-height-normal);margin:0}@media(width<=900px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media(width<=640px){.benefits-grid{grid-template-columns:1fr}}.methodology-downloads{margin:0 auto var(--space-xxl);max-width:70rem;width:var(--percent-full)}.formats-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}.format-card{backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color var(--transition-slow)}.format-card:hover{border-color:var(--card-border-accent)}.format-header{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.format-icon{color:var(--banes-lab-liquid);font-size:var(--font-xl)}.format-name{color:var(--white);font-size:var(--font-regular);font-weight:var(--font-weight-semibold)}.format-category{color:var(--white-alpha-medium);font-size:var(--font-xs);margin-left:auto}.format-downloads{display:flex;flex-direction:column;gap:var(--space-xs)}.download-btn{align-items:center;background:var(--black-alpha-overlay);border:var(--border-s) solid var(--overlay-subtle);border-radius:var(--radius-sm);color:var(--white-alpha-primary);display:flex;font-size:var(--font-sm);gap:var(--space-sm);justify-content:space-between;padding:var(--space-sm) var(--space-md);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.download-btn:hover{background:var(--accent-light);border-color:var(--accent-hover);color:var(--banes-lab-accent)}.download-btn i{font-size:var(--font-xs);opacity:.6}.download-btn:hover i{opacity:1}.download-btn-wrapper{position:static}.method-download-card{backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color var(--transition-slow)}.method-download-card:hover{border-color:var(--card-border-accent)}.download-card-title{color:var(--white);font-size:var(--font-regular);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-md);text-transform:capitalize}.downloads-error{color:var(--danger-primary);grid-column:1 / -1;text-align:center}@media(width<=640px){.formats-grid{grid-template-columns:1fr}}.methodology-projects,.methodology-personas{margin:0 auto var(--space-xxl);max-width:70rem;width:var(--percent-full)}.projects-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(3,1fr)}.project-card{backdrop-filter:var(--blur-soft);background:#14141466;border:var(--border-s) solid rgb(255 255 255 / 20%);border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:var(--space-xl);text-decoration:none;transition:border-color var(--transition-slow),transform var(--transition-fast)}.project-card:hover{border-color:#cea5557f;transform:var(--transform-hover-sm)}.project-icon{color:var(--banes-lab-liquid);font-size:var(--font-xxl);margin-bottom:var(--space-md)}.project-name{color:var(--banes-lab-accent);font-size:var(--font-regular);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-sm)}.project-description{color:#ffffffb3;flex:1;font-size:var(--font-md);line-height:var(--line-height-normal);margin:0 0 var(--space-lg)}.project-link{align-items:center;color:var(--banes-lab-accent);display:flex;font-size:var(--font-md);font-weight:var(--font-weight-medium);gap:var(--space-xs)}.personas-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}.persona-card{backdrop-filter:var(--blur-soft);background:#14141466;border:var(--border-s) solid rgb(255 255 255 / 20%);border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:var(--space-lg);transition:border-color var(--transition-slow)}.persona-card:hover{border-color:#cea5557f}.persona-name{color:var(--banes-lab-accent);font-size:var(--font-regular);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-sm)}.persona-description{color:#ffffffb3;flex:1;font-size:var(--font-sm);line-height:var(--line-height-normal);margin:0 0 var(--space-md)}@media(width<=900px){.projects-grid{grid-template-columns:1fr}}.methodology-implementation{margin:0 auto var(--space-xxl);max-width:70rem;width:var(--percent-full)}.implementation-subsection{margin-bottom:var(--space-xl)}.subsection-title{color:var(--banes-lab-accent);font-size:var(--font-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-md);margin-top:var(--space-sm)}.implementation-steps{color:var(--white-alpha-secondary);line-height:var(--line-height-loose);margin:0;padding-left:var(--space-xl)}.implementation-steps li{margin-bottom:var(--space-sm)}.quality-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}.quality-item{align-items:center;backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--overlay-subtle);border-radius:var(--radius-md);display:flex;gap:var(--space-sm);padding:var(--space-md)}.quality-icon{color:var(--banes-lab-liquid);font-size:var(--font-lg)}.quality-item span{color:var(--white-alpha-secondary);font-size:var(--font-md)}.methodology-persona-framework,.methodology-persona-creation{margin:0 auto var(--space-xxl);max-width:70rem;width:var(--percent-full)}.framework-subsection,.creation-subsection{margin-top:var(--space-xl)}.materials-grid,.framework-downloads-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}.material-card,.framework-card{backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color var(--transition-slow)}.material-card:hover,.framework-card:hover{border-color:var(--card-border-accent)}.material-type,.framework-card-title{color:var(--banes-lab-accent);font-size:var(--font-regular);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-sm)}.material-description{color:var(--white-alpha-primary);font-size:var(--font-sm);line-height:var(--line-height-normal);margin:0}@media(width<=640px){.materials-grid,.framework-downloads-grid{grid-template-columns:1fr}}.flowchart{display:flex;gap:0}.flowchart-vertical{flex-direction:column}.flowchart-node{align-items:center;background:var(--card-gradient);border:var(--border-s) solid var(--white-alpha-15);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);text-align:center;transition:border-color var(--transition-slow),transform var(--transition-fast)}.flowchart-node:hover{transform:var(--transform-hover-lift)}.node-number{align-items:center;background:var(--banes-lab-accent);border-radius:var(--radius-md);color:var(--black);display:flex;flex-shrink:0;font-size:var(--font-xs);font-weight:var(--font-weight-bold);height:1.25rem;justify-content:center;width:1.25rem}.node-content{display:flex;flex-direction:column;gap:var(--space-xs)}.node-title{color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-xs)}.node-description,.node-text{color:var(--white-alpha-primary);font-size:var(--font-sm);line-height:var(--line-height-normal);margin:0}.flowchart-connector{align-items:center;display:flex;justify-content:center;padding:var(--space-xs) 0}.connector-arrow{background:var(--liquid-gradient);border-radius:var(--radius-xs);height:1.5rem;position:relative;width:2px}.connector-arrow:after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--banes-lab-liquid);bottom:-6px;content:"";left:50%;position:absolute;transform:translate(-50%)}.flowchart-split{display:grid;gap:var(--space-xl);grid-template-columns:repeat(2,1fr)}.flowchart-section-title{color:var(--banes-lab-accent);font-size:var(--font-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-md)}.flowchart-compact .flowchart-node{padding:var(--space-sm) var(--space-md)}.flowchart-compact .node-number{font-size:var(--font-xxs);height:1rem;width:1rem}@media(width<=768px){.flowchart-split{grid-template-columns:1fr}}.method-page{display:flex;flex-direction:column}.method-content{display:flex;flex-direction:column;padding:var(--space-xl);width:var(--percent-full)}.method-header{align-items:center;display:flex;flex-direction:column;padding:var(--space-xxl) 0;text-align:center}.method-title{color:var(--banes-lab-accent);font-family:var(--font-family-heading);font-size:var(--font-display);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);margin:0;text-transform:uppercase}.method-subtitle{color:var(--white-alpha-secondary);font-size:var(--font-lg);font-weight:var(--font-weight-normal);margin:var(--space-md) 0 0}.method-tabs-anchor{margin:0 auto var(--space-xxl);max-width:70rem;position:sticky;top:var(--space-md);width:var(--percent-full);z-index:100}.method-tabs{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.method-tab-button span{display:inline;max-width:100px;opacity:1;overflow:hidden;transition:max-width var(--transition-normal),opacity var(--transition-fast)}.method-tabs.pinned .method-tab-button span{max-width:0;opacity:0}.method-tab-button{align-items:center;background:var(--banes-lab-main);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-md);color:var(--white-alpha-secondary);cursor:pointer;display:flex;font-family:var(--font-family-body);font-size:var(--font-sm);font-weight:var(--font-weight-medium);gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-fast)}.method-tab-button:hover,.method-tab-button.active{background:var(--banes-lab-accent);border-color:var(--banes-lab-accent);color:var(--black)}.method-tab-button i{font-size:var(--font-md);transition:font-size var(--transition-fast)}.method-tab-content{width:var(--percent-full)}.method-tabs-footer{bottom:var(--space-md);margin:0 auto;top:auto;width:auto}.method-tabs-footer .method-tab-button{padding:var(--space-sm);position:relative}.method-symbol{display:inline-block;font-family:var(--font-family-body);font-size:var(--font-sm);font-weight:var(--font-weight-bold);min-width:1em;text-align:center}.method-tabs-footer .method-tab-button span:not(.method-symbol){background:#333;border:var(--border-s) solid var(--banes-lab-accent);border-radius:var(--radius-sm);bottom:100%;color:var(--white);font-size:var(--font-xs);left:50%;margin-bottom:var(--space-xs);max-width:none;opacity:0;overflow:visible;padding:var(--space-xs) var(--space-sm);pointer-events:none;position:absolute;transform:translate(-50%);transition:opacity var(--timing-fast) ease;white-space:nowrap;width:max-content}.method-tabs-footer .method-tab-button:hover span:not(.method-symbol){opacity:1}.method-section{margin:0 auto var(--space-xxl);max-width:70rem;padding-bottom:var(--space-xxl);width:var(--percent-full)}.method-section:not(:last-child){border-bottom:var(--border-s) solid var(--white-alpha-border)}:where(.method-section) .section-title{border-left:4px solid var(--banes-lab-accent);color:var(--banes-lab-accent);font-family:var(--font-family-heading);font-size:var(--font-hero);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);margin:0 0 var(--space-lg);padding-left:var(--space-md);text-transform:uppercase}.method-section .section-text{color:var(--white-alpha-primary);font-size:var(--font-md);line-height:var(--line-height-loose);margin:0 0 var(--space-xl);max-width:50rem}:where(.method-section .section-text) strong,:where(.method-section .section-text) em{color:var(--banes-lab-accent)}.method-section .section-title-wrapper{align-items:center;display:flex;gap:var(--space-md);justify-content:space-between}:where(.method-section .section-title-wrapper) .section-title{margin:0}.method-subsection{backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-xl);position:relative;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);z-index:1}.method-subsection:hover{border-color:var(--banes-lab-accent-dark);box-shadow:0 4px 24px #0003;z-index:10}.method-subsection:last-child{margin-bottom:0}.method-subsection .subsection-title{align-items:center;color:var(--white);display:flex;font-size:var(--font-xl);font-weight:var(--font-weight-bold);gap:var(--space-sm);margin:0 0 var(--space-md)}.method-subsection .subsection-title:before{color:var(--banes-lab-accent);content:"›";font-size:var(--font-xxl);font-weight:var(--font-weight-bold)}.method-subsection .section-text{color:var(--white-alpha-secondary);font-size:var(--font-md);line-height:var(--line-height-loose);margin:0 0 var(--space-lg)}.method-subsection-grid,.method-subsection-content-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr))}.method-subsection-grid .method-subsection{display:flex;flex-direction:column;margin-bottom:0;min-width:0}.method-list{color:var(--white-alpha-primary);line-height:var(--line-height-loose);list-style:none;margin:0;padding-left:0}.method-list li{margin-bottom:var(--space-sm);padding-left:var(--space-lg);position:relative}.method-list li:before{color:var(--banes-lab-accent);content:"•";font-size:var(--font-lg);font-weight:var(--font-weight-bold);left:0;position:absolute}.method-list li strong{color:var(--banes-lab-accent);font-weight:var(--font-weight-semibold)}.method-list li code{background:#cea55526;border:var(--border-s) solid rgb(206 165 85 / 30%);border-radius:var(--radius-sm);color:var(--banes-lab-accent);font-family:var(--font-family-mono);font-size:var(--font-sm);padding:.1em .4em}.method-icon-list{display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr);margin:var(--space-lg) 0}.method-icon-item{align-items:flex-start;background:var(--black-alpha-overlay);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);transition:background var(--transition-fast)}.method-icon-item:hover{background:#cea5551a}.method-icon-item-icon{color:var(--banes-lab-accent);flex-shrink:0;font-size:var(--font-xl)}.method-icon-item-label{color:var(--banes-lab-accent);font-weight:var(--font-weight-semibold)}.method-icon-item-desc{color:var(--white-alpha-secondary);font-size:var(--font-sm)}.method-content-cards{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));margin-top:var(--space-md)}.method-content-card{background:var(--black-alpha-overlay);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-xs);min-width:0;padding:var(--space-md);transition:border-color var(--transition-fast),background var(--transition-fast)}.method-content-card:hover{background:#cea5550d;border-color:var(--banes-lab-accent-dark)}.method-content-cards .content-card-list li:before{color:var(--banes-lab-accent)}.method-content-cards .content-card-list li strong{color:var(--banes-lab-accent)}.method-navigation-cards{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));margin-top:var(--space-md)}.method-navigation-card{align-items:center;background:var(--black-alpha-overlay);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-md);color:inherit;display:flex;gap:var(--space-md);min-width:0;padding:var(--space-md) var(--space-lg);text-decoration:none;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.method-navigation-card:hover{background:#cea5551a;border-color:var(--banes-lab-accent);transform:translateY(-2px)}.method-navigation-card .navigation-card-icon{color:var(--banes-lab-accent);flex-shrink:0;font-size:var(--font-xl)}.navigation-card-arrow{color:var(--white-alpha-muted);flex-shrink:0;font-size:var(--font-md);transition:color var(--transition-fast),transform var(--transition-fast)}.method-navigation-card:hover .navigation-card-arrow{color:var(--banes-lab-accent);transform:translate(4px)}.method-downloads-container{margin-top:var(--space-lg)}.method-downloads-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));margin-top:var(--space-md)}.method-footer{backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-lg);margin:var(--space-xl) auto 0;max-width:70rem;padding:var(--space-xxl);text-align:center;width:var(--percent-full)}.method-footer .footer-text,.method-footer .footer-license{color:var(--white-alpha-secondary);margin:0 0 var(--space-sm)}.method-footer .footer-license{margin-bottom:0}.method-footer .footer-link{color:var(--banes-lab-accent);font-weight:var(--font-weight-semibold);text-decoration:none;transition:color var(--transition-slow)}.method-footer .footer-link:hover{text-decoration:underline}.method-footer .cc-icons{display:inline-flex;gap:var(--space-xs);margin-left:var(--space-xs);vertical-align:middle}.method-footer .cc-icons img{vertical-align:middle}.method-copy-btn{background:transparent;border:none;color:#cea5557f;cursor:pointer;font-size:var(--font-lg);padding:0;transition:color var(--transition-fast)}.method-copy-btn:hover{color:#cea55559}.method-copy-btn.copied{color:var(--success-primary)}.method-copy-all-btn{background:transparent;border:none;color:#cea5557f;font-size:var(--font-xl);padding:0;position:fixed;right:var(--space-xl);top:var(--space-xl);z-index:1000}.method-copy-all-btn:hover{color:#cea55559}.method-copy-all-btn.copied{color:var(--success-primary)}.method-section--callout{background:linear-gradient(135deg,#cea55514,#cea55508);border:var(--border-s) solid rgb(206 165 85 / 25%);border-radius:var(--radius-lg);margin-bottom:var(--space-xxl);padding:var(--space-xl);padding-bottom:var(--space-lg)}.method-section--callout:not(:last-child){border-bottom:var(--border-s) solid rgb(206 165 85 / 25%)}.method-section--callout .section-title-wrapper{gap:var(--space-sm);justify-content:flex-start;margin-bottom:var(--space-md)}.method-section--callout .callout-icon{color:var(--banes-lab-accent);font-size:var(--font-xxl)}.method-section--callout .section-title{border-left:none;font-size:var(--font-xl);margin:0;padding-left:0}.method-section--callout .section-text{margin-bottom:var(--space-lg)}.method-section--callout .method-subsection{background:transparent;border:none;margin-bottom:0;padding:var(--space-md)}.method-section--callout .method-subsection:hover{border-color:transparent;box-shadow:none}.method-section--callout .subsection-title{color:var(--banes-lab-accent);font-size:var(--font-md);margin-bottom:var(--space-md)}.method-section--callout .subsection-title:before{display:none}.method-section--callout .method-navigation-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));margin-top:0}.method-section--callout .method-navigation-card{background:var(--banes-lab-main);border-color:#cea55566;padding:var(--space-md)}.method-section--callout .navigation-card-icon{font-size:var(--font-lg)}.method-section--callout .navigation-card-title{font-size:var(--font-sm)}.method-section--callout .navigation-card-desc{font-size:var(--font-xs)}@media(width<=56.25rem){.method-subsection-grid,.method-subsection-content-grid{grid-template-columns:1fr}}@media(width<=40rem){.method-content{padding:var(--space-lg)}.method-title{font-size:var(--font-xxl)}.method-section .section-title{font-size:var(--font-xl)}.method-subsection{padding:var(--space-lg)}.method-subsection .subsection-title{font-size:var(--font-lg)}.method-tabs{gap:var(--space-xs)}.method-tab-button{font-size:var(--font-xs);padding:var(--space-xs) var(--space-sm)}.method-tab-button span:not(.method-symbol){display:none}.method-tab-button i{font-size:var(--font-lg)}.method-icon-list{grid-template-columns:1fr}}.pag-page{display:flex;flex-direction:column}.pag-content{display:flex;flex-direction:column;padding:var(--space-xl);width:var(--percent-full)}.pag-header{align-items:center;display:flex;flex-direction:column;padding:var(--space-xxl) 0;text-align:center}.pag-logo{height:auto;margin-bottom:var(--space-lg);max-width:120px;width:100%}.pag-title{color:var(--banes-lab-pag);font-family:var(--font-family-heading);font-size:var(--font-display);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);margin:0;text-transform:uppercase}.pag-subtitle{color:var(--white-alpha-secondary);font-size:var(--font-lg);font-weight:var(--font-weight-normal);margin:var(--space-md) 0 0}.pag-tabs-anchor{margin:0 auto var(--space-xxl);max-width:70rem;position:sticky;top:var(--space-md);width:var(--percent-full);z-index:100}.pag-tabs{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.pag-tab-button span{display:inline;max-width:100px;opacity:1;overflow:hidden;transition:max-width var(--transition-normal),opacity var(--transition-fast)}.pag-tabs.pinned .pag-tab-button span{max-width:0;opacity:0}.pag-tab-button{align-items:center;background:var(--banes-lab-main);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-md);color:var(--white-alpha-secondary);cursor:pointer;display:flex;font-family:var(--font-family-body);font-size:var(--font-sm);font-weight:var(--font-weight-medium);gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-fast)}:where(.pag-tab-button):hover{background:var(--banes-lab-pag);border-color:var(--banes-lab-pag);color:var(--black)}.pag-tab-button.active{background:var(--banes-lab-pag);border-color:var(--banes-lab-pag);color:var(--black)}.pag-tab-button.active:hover{background:var(--banes-lab-pag);border-color:var(--banes-lab-pag)}.pag-tab-button i{font-size:var(--font-md);transition:font-size var(--transition-fast)}:where(.pag-tabs.collapsed) .pag-tab-button{justify-content:center;padding:var(--space-sm)}.pag-tabs.collapsed .pag-tab-button span{display:none}.pag-tabs.collapsed .pag-tab-button i{font-size:var(--font-lg)}.pag-tab-content{width:var(--percent-full)}.pag-tabs-footer{bottom:var(--space-md);margin:0 auto;top:auto;width:auto}.pag-tabs-footer .pag-tab-button{padding:var(--space-sm);position:relative}.pag-symbol{display:inline-block;font-family:var(--font-family-body);font-size:var(--font-sm);font-weight:var(--font-weight-bold);min-width:1em;text-align:center}.pag-tabs-footer .pag-tab-button span:not(.pag-symbol){background:#333;border:var(--border-s) solid var(--banes-lab-pag);border-radius:var(--radius-sm);bottom:100%;color:var(--white);font-size:var(--font-xs);left:50%;margin-bottom:var(--space-xs);max-width:none;opacity:0;overflow:visible;padding:var(--space-xs) var(--space-sm);pointer-events:none;position:absolute;transform:translate(-50%);transition:opacity var(--timing-fast) ease;white-space:nowrap;width:max-content}.pag-tabs-footer .pag-tab-button:hover span:not(.pag-symbol){opacity:1}.pag-section{margin:0 auto var(--space-xxl);max-width:70rem;padding-bottom:var(--space-xxl);width:var(--percent-full)}.pag-section:not(:last-child){border-bottom:var(--border-s) solid var(--white-alpha-border)}.pag-section .section-title{border-left:4px solid var(--banes-lab-pag);color:var(--banes-lab-pag);font-family:var(--font-family-heading);font-size:var(--font-hero);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);margin:0 0 var(--space-lg);padding-left:var(--space-md);text-transform:uppercase}.pag-section .section-text{color:var(--white-alpha-primary);font-size:var(--font-md);line-height:var(--line-height-loose);margin:0 0 var(--space-xl);max-width:50rem}:where(.pag-section .section-text) strong,:where(.pag-section .section-text) em{color:var(--banes-lab-pag)}.pag-subsection{backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-xl);position:relative;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);z-index:1}.pag-subsection:hover{border-color:var(--banes-lab-pag-dark);box-shadow:0 4px 24px #0003;z-index:10}.pag-subsection:last-child{margin-bottom:0}.pag-subsection .subsection-title{align-items:center;color:var(--white);display:flex;font-size:var(--font-xl);font-weight:var(--font-weight-bold);gap:var(--space-sm);margin:0 0 var(--space-md)}.pag-subsection .subsection-title:before{color:var(--banes-lab-pag);content:"›";font-size:var(--font-xxl);font-weight:var(--font-weight-bold)}.pag-subsection .section-text{color:var(--white-alpha-secondary);font-size:var(--font-md);line-height:var(--line-height-loose);margin:0 0 var(--space-lg)}.pag-subsection-grid,.pag-subsection-content-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr))}.pag-subsection-content-grid>*{min-width:0}:where(.pag-subsection-content-grid)>.pag-table-wrapper,:where(.pag-subsection-content-grid)>.pag-comparison-grid,:where(.pag-subsection-content-grid)>.pag-type-cards,:where(.pag-subsection-content-grid)>.pag-checkbox-grid,:where(.pag-subsection-content-grid)>.pag-content-cards,:where(.pag-subsection-content-grid)>.pag-navigation-cards,:where(.pag-subsection-content-grid)>.pag-icon-list{grid-column:1 / -1}:where(.pag-subsection-content-grid) .pag-content-cards{grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr))}:where(.pag-subsection-content-grid) .pag-content-card{height:100%}:where(.pag-subsection-content-grid) .pag-icon-list{grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr))}:where(.pag-subsection-content-grid) .pag-icon-item{height:100%}.pag-subsection-content-grid>.code-block{height:auto;min-height:100%;overflow:hidden}.pag-subsection-grid .pag-subsection{display:flex;flex-direction:column;margin-bottom:0;min-width:0}.pag-subsection-grid .pag-subsection:has(.pag-table-wrapper),.pag-subsection-grid .pag-subsection:has(.pag-icon-list),.pag-subsection-grid .pag-subsection:has(.pag-role-table){grid-column:1 / -1}:where(.pag-subsection-grid) .pag-table-wrapper{max-width:100%;min-width:0;overflow-x:auto}:where(.pag-subsection-grid) .pag-table{font-size:var(--font-xs)}:where(.pag-subsection-grid .pag-table) td,:where(.pag-subsection-grid .pag-table) th{padding:var(--space-xs) var(--space-sm)}@media(width<=40rem){.pag-subsection-grid .pag-table{font-size:var(--font-size-xxs)}.pag-subsection-grid .pag-table td,.pag-subsection-grid .pag-table th{font-weight:var(--font-weight-normal);padding:var(--space-xxs) var(--space-xs);text-align:center}}.pag-subsection-grid .code-block{flex:1}:where(.pag-subsection-grid) .pag-list{font-size:var(--font-sm)}:where(.pag-subsection-grid) .pag-list li{margin-bottom:var(--space-xs)}.pag-category-header{border-bottom:2px solid var(--banes-lab-pag);margin:var(--space-xxl) 0 var(--space-lg);padding-bottom:var(--space-md)}.pag-category-header:first-child{margin-top:0}.pag-category-header .category-title{color:var(--banes-lab-pag);font-family:var(--font-family-heading);font-size:var(--font-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);margin:0;text-transform:uppercase}.pag-category-header .category-desc{color:var(--white-alpha-secondary);font-size:var(--font-sm);line-height:var(--line-height-normal);margin:var(--space-sm) 0 0}.pag-list{color:var(--white-alpha-primary);line-height:var(--line-height-loose);list-style:none;margin:0;padding-left:0}.pag-list li{margin-bottom:var(--space-sm);padding-left:var(--space-lg);position:relative}.pag-list li:before{color:var(--banes-lab-pag);content:"•";font-size:var(--font-lg);font-weight:var(--font-weight-bold);left:0;position:absolute}:where(.pag-list li) strong{color:var(--banes-lab-pag);font-weight:var(--font-weight-semibold)}.pag-icon-list{display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr);margin:var(--space-lg) 0}.pag-icon-item{align-items:flex-start;background:var(--black-alpha-overlay);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);transition:background var(--transition-fast)}.pag-icon-item:hover{background:#d4af371a}.pag-icon-item-icon{color:var(--banes-lab-pag);flex-shrink:0;font-size:var(--font-xl)}.pag-icon-item-label{color:var(--banes-lab-pag);font-weight:var(--font-weight-semibold)}.pag-icon-item-desc{color:var(--white-alpha-secondary);font-size:var(--font-sm)}.pag-checkbox-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr);margin:var(--space-lg) 0}.pag-checkbox-item{align-items:flex-start;background:var(--black-alpha-overlay);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-sm);padding:var(--space-md);transition:background var(--transition-fast);user-select:none}.pag-checkbox-item:hover{background:#d4af371a}.pag-checkbox-item.checked{background:#d4af3726}.pag-checkbox{align-items:center;background:transparent;border:2px solid var(--white-alpha-muted);border-radius:var(--radius-xs);color:transparent;display:flex;flex-shrink:0;font-size:var(--font-xs);height:18px;justify-content:center;transition:all var(--transition-fast);width:18px}.pag-checkbox-item.checked .pag-checkbox{background:var(--banes-lab-pag);border-color:var(--banes-lab-pag);color:var(--black)}.pag-checkbox-label{color:var(--white-alpha-primary);font-size:var(--font-sm);line-height:var(--line-height-normal);transition:color var(--transition-fast)}.pag-checkbox-item.checked .pag-checkbox-label,.pag-checkbox-label strong{color:var(--banes-lab-pag)}.pag-comparison-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr);margin:var(--space-lg) 0}.pag-comparison-card{background:var(--black-alpha-overlay);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md)}.comparison-issue{color:var(--banes-lab-pag);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.comparison-wrong,.comparison-correct{display:flex;flex-direction:column;gap:var(--space-xs)}.comparison-label{align-items:center;display:flex;font-size:var(--font-xs);gap:var(--space-xs)}.comparison-wrong .comparison-label{color:var(--danger-primary)}.comparison-correct .comparison-label{color:var(--success-primary)}.comparison-code{background:var(--code-block);border-radius:var(--radius-sm);color:var(--text-light-gray);font-family:var(--font-family-code);font-size:var(--font-xs);padding:var(--space-sm);white-space:pre-wrap}.label-good{color:var(--success-primary);font-weight:var(--font-weight-semibold)}.label-bad{color:var(--danger-primary);font-weight:var(--font-weight-semibold)}.pag-type-cards{display:grid;gap:var(--space-md);grid-template-columns:repeat(3,1fr);margin:var(--space-lg) 0}.pag-type-card{background:var(--black-alpha-overlay);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);transition:border-color var(--transition-fast),transform var(--transition-fast)}.pag-type-card:hover{border-color:var(--banes-lab-pag-dark);transform:translateY(-2px)}.pag-type-card .type-name{background:var(--banes-lab-pag);border-radius:var(--radius-sm);color:var(--black);display:inline-block;font-family:var(--font-family-mono);font-size:var(--font-sm);font-weight:var(--font-weight-bold);padding:var(--space-xs) var(--space-sm);width:fit-content}.pag-type-card .type-verb{color:var(--banes-lab-pag);font-family:var(--font-family-mono);font-size:var(--font-xs);font-weight:var(--font-weight-medium)}.pag-type-card .type-purpose{color:var(--white-alpha-secondary);font-size:var(--font-sm);line-height:var(--line-height-normal)}.pag-table-wrapper{border-radius:var(--radius-lg);margin:var(--space-lg) 0;overflow:hidden}.pag-table{border-collapse:collapse;font-size:var(--font-sm);width:100%}.pag-table th{background:var(--banes-lab-pag);color:var(--black);font-size:var(--font-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);padding:var(--space-md) var(--space-lg);text-align:center;text-transform:uppercase}:where(.pag-table) td{background:var(--card-bg);border-bottom:var(--border-s) solid var(--white-alpha-border);color:var(--white-alpha-primary);padding:var(--space-md) var(--space-lg);text-align:center}:where(.pag-table tr:hover) td{background:var(--black-alpha-overlay)}:where(.pag-table) td:first-child{font-weight:var(--font-weight-medium)}:where(.pag-table.wrong-correct-table td:first-child) .pag-keyword{background:#dc354526;border-color:#dc35454d;color:var(--danger-primary)}:where(.pag-table.wrong-correct-table td:nth-child(2)) .pag-keyword{background:#28a74526;border-color:#28a7454d;color:var(--success-primary)}:where(.pag-role-table) td:first-child strong{color:var(--banes-lab-pag)}.pag-role-table td{vertical-align:top}.pag-content-cards{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));margin-top:var(--space-md)}.pag-content-card{background:var(--black-alpha-overlay);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-xs);min-width:0;padding:var(--space-md);transition:border-color var(--transition-fast),background var(--transition-fast)}.pag-content-card:hover{background:#d4af370d;border-color:var(--banes-lab-pag-dark)}.pag-content-cards .content-card-list li:before{color:var(--banes-lab-pag)}.pag-content-cards .content-card-list li strong{color:var(--banes-lab-pag)}.pag-navigation-cards{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));margin-top:var(--space-md)}.pag-navigation-card{align-items:center;background:var(--black-alpha-overlay);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-md);color:inherit;display:flex;gap:var(--space-md);min-width:0;padding:var(--space-md) var(--space-lg);text-decoration:none;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.pag-navigation-card:hover{background:#d4af371a;border-color:var(--banes-lab-pag);transform:translateY(-2px)}.pag-navigation-card .navigation-card-icon{color:var(--banes-lab-pag);flex-shrink:0;font-size:var(--font-xl)}.pag-navigation-card .navigation-card-arrow{color:var(--white-alpha-muted);flex-shrink:0;font-size:var(--font-md);transition:color var(--transition-fast),transform var(--transition-fast)}.pag-navigation-card:hover .navigation-card-arrow{color:var(--banes-lab-pag);transform:translate(4px)}.pag-content-cards--warning .pag-content-card{border-left:3px solid var(--warning-primary, #ffc107)}.pag-content-cards--warning .pag-content-card:hover{border-left-color:var(--banes-lab-pag)}.pag-content-cards--warning .content-card-title:before{color:var(--warning-primary, #ffc107);content:"⚠ "}.pag-keyword{background:#d4af3726;border:var(--border-s) solid rgb(212 175 55 / 30%);border-radius:var(--radius-sm);color:var(--banes-lab-pag);font-family:var(--font-family-mono);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);padding:.15em .5em}.pag-keyword-grid{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin:var(--space-lg) 0;position:relative}.pag-keyword-grid .pag-keyword{cursor:default;padding:var(--space-xs) var(--space-md);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.pag-keyword-interactive:hover{background:var(--banes-lab-pag);border-color:var(--banes-lab-pag);color:var(--black);transform:translateY(-2px)}.pag-keyword-wrapper{display:inline-block;position:relative}.pag-keyword-tooltip{backdrop-filter:var(--blur-soft);background:#131313f2;border:var(--border-s) solid var(--banes-lab-pag);border-radius:var(--radius-md);bottom:calc(100% + 8px);display:flex;flex-direction:column;gap:var(--space-xs);left:50%;max-width:18rem;min-width:12rem;opacity:0;padding:var(--space-sm) var(--space-md);pointer-events:none;position:absolute;transform:translate(-50%);transition:opacity var(--transition-fast);z-index:9999}.pag-keyword-wrapper:hover .pag-keyword-tooltip{opacity:1;pointer-events:auto}.pag-keyword-tooltip:after{border-color:var(--banes-lab-pag) transparent transparent transparent;border-style:solid;border-width:6px;content:"";left:50%;position:absolute;top:100%;transform:translate(-50%)}.pag-keyword-tooltip .tooltip-desc{color:var(--white-alpha-primary);font-size:var(--font-sm);line-height:var(--line-height-normal)}.pag-keyword-tooltip .tooltip-example{background:var(--black-alpha-overlay);border-radius:var(--radius-sm);color:var(--banes-lab-pag);display:block;font-family:var(--font-family-mono);font-size:var(--font-xs);padding:var(--space-xs) var(--space-sm);white-space:nowrap}.pag-bnf-block{backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-lg);margin:var(--space-lg) 0;overflow:hidden}.pag-bnf{color:var(--white-alpha-secondary);font-family:var(--font-family-mono);font-size:var(--font-sm);line-height:var(--line-height-loose);margin:0;overflow-x:auto;padding:var(--space-xl)}.pag-bnf-rules-group{margin-top:var(--space-md)}.pag-diagram-block{backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-lg);margin:var(--space-lg) 0;overflow:hidden}.pag-diagram{color:var(--banes-lab-pag);font-family:var(--font-family-mono);font-size:var(--font-sm);line-height:var(--line-height-normal);margin:0;overflow-x:auto;padding:var(--space-xl);white-space:pre}.pag-footer{backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-lg);margin:var(--space-xl) auto 0;max-width:70rem;padding:var(--space-xxl);text-align:center;width:var(--percent-full)}.pag-footer .footer-text,.pag-footer .footer-license{color:var(--white-alpha-secondary);margin:0 0 var(--space-sm)}.pag-footer .footer-license{margin-bottom:0}.pag-footer .footer-link{color:var(--banes-lab-pag);font-weight:var(--font-weight-semibold);text-decoration:none;transition:color var(--transition-slow)}.pag-footer .footer-link:hover{text-decoration:underline}.pag-footer .cc-icons{display:inline-flex;gap:var(--space-xs);margin-left:var(--space-xs);vertical-align:middle}.pag-footer .cc-icons img{vertical-align:middle}.pag-link-button{align-items:center;background:var(--banes-lab-pag);border-radius:var(--radius-md);color:var(--black);display:inline-flex;font-size:var(--font-sm);font-weight:var(--font-weight-bold);gap:var(--space-xs);letter-spacing:var(--letter-spacing-wide);margin-top:var(--space-lg);padding:var(--space-md) var(--space-xl);text-decoration:none;text-transform:uppercase;transition:all var(--transition-fast)}.pag-link-button:hover{background:var(--white);box-shadow:0 4px 12px #d4af374d;transform:translateY(-2px)}.pag-feature-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:var(--space-xl)}.pag-feature-card{backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:border-color var(--transition-fast),transform var(--transition-fast)}.pag-feature-card:hover{border-color:var(--banes-lab-pag-dark);transform:translateY(-4px)}.pag-feature-card .feature-icon{color:var(--banes-lab-pag);font-size:var(--font-xxl);margin-bottom:var(--space-md)}.pag-feature-card .feature-title{color:var(--white);font-size:var(--font-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--space-sm)}.pag-feature-card .feature-desc{color:var(--white-alpha-secondary);font-size:var(--font-sm);line-height:var(--line-height-loose);margin:0}.pag-callout{background:#d4af371a;border-left:4px solid var(--banes-lab-pag);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:var(--space-lg) 0;padding:var(--space-lg)}.pag-callout-title{color:var(--banes-lab-pag);font-size:var(--font-md);font-weight:var(--font-weight-bold);margin:0 0 var(--space-sm);text-transform:uppercase}.pag-callout-text{color:var(--white-alpha-primary);font-size:var(--font-sm);line-height:var(--line-height-loose);margin:0}@media(width<=56.25rem){.pag-subsection-grid{grid-template-columns:1fr}.pag-subsection-grid .code-block{max-height:none}.pag-subsection-content-grid{grid-template-columns:1fr}}@media(width<=40rem){.pag-content{padding:var(--space-lg)}.pag-logo{max-width:80px}.pag-title{font-size:var(--font-xxl)}.pag-section .section-title{font-size:var(--font-xl)}.pag-subsection{padding:var(--space-lg)}.pag-subsection .subsection-title{font-size:var(--font-lg)}.pag-tabs{gap:var(--space-xs)}.pag-tab-button{font-size:var(--font-xs);padding:var(--space-xs) var(--space-sm)}.pag-tab-button span:not(.pag-symbol){display:none}.pag-tab-button i{font-size:var(--font-lg)}.pag-tabs.collapsed,.pag-tabs.collapsed .pag-tab-button{padding:var(--space-xs)}.pag-table{font-size:var(--font-xs)}.pag-table th,.pag-table td{padding:var(--space-sm) var(--space-md)}.pag-bnf,.pag-diagram{font-size:var(--font-xs);padding:var(--space-md)}.pag-feature-grid{grid-template-columns:1fr}.pag-bnf-rule{padding:var(--space-md)}.bnf-rule-title{font-size:var(--font-sm)}.pag-bnf-rule .pag-bnf{padding:var(--space-sm)}.pag-checkbox-grid,.pag-comparison-grid,.pag-type-cards,.pag-icon-list{grid-template-columns:1fr}}.pag-copy-btn{background:transparent;border:none;color:#e288407f;cursor:pointer;font-size:var(--font-lg);padding:0;transition:color var(--transition-fast)}.pag-copy-btn:hover{color:#e2884059}.pag-copy-btn.copied{color:var(--success-primary)}.pag-page .pag-section .pag-section-title-wrapper{align-items:center;display:flex;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-lg)}.pag-page .pag-section .pag-section-title-wrapper .section-title{margin:0}.pag-page .pag-section .pag-section-title-wrapper .pag-copy-btn{flex-shrink:0;position:relative}.pag-copy-all-btn{background:transparent;border:none;color:#e288407f;font-size:var(--font-xl);padding:0;position:fixed;right:var(--space-xl);top:var(--space-xl);z-index:1000}.pag-copy-all-btn:hover{color:#e2884059}.pag-copy-all-btn.copied{color:var(--success-primary)}.licensing-page{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:var(--space-xl)}.licensing-content{margin:0 auto;max-width:var(--width-content-xl);width:100%}.licensing-header{align-items:center;display:flex;flex-direction:column}.licensing-emblem{height:7rem;object-fit:contain;width:auto}.license-cards{display:grid;gap:var(--space-lg);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-xl)}.license-card{background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden;padding:var(--space-lg);position:relative;transition:border-color var(--timing-fast) ease}.license-card:before{background:var(--license-color, var(--banes-lab-accent));border-radius:var(--radius-md) var(--radius-md) 0 0;content:"";height:var(--space-xs);left:0;position:absolute;right:0;top:0}.license-card:hover{border-color:var(--license-color, var(--banes-lab-accent))}.license-card-header{align-items:flex-start;display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}.license-icon{color:var(--license-color, var(--banes-lab-accent));font-size:var(--font-hero);line-height:1}.license-card-title-wrapper{display:flex;flex-direction:column;gap:var(--space-xs)}.license-card-title{color:var(--white);font-family:var(--font-family-heading);font-size:var(--font-lg);margin:0}.license-badge-wrapper{align-items:center;display:flex;gap:var(--space-sm)}.license-badge{background:var(--license-color, var(--banes-lab-accent));border-radius:var(--radius-sm);color:var(--background-dark);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-md);width:fit-content}.license-download-btn{align-items:center;background:var(--overlay-medium);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-sm);color:var(--text-light-gray);display:flex;font-size:var(--font-sm);height:var(--space-xl);justify-content:center;text-decoration:none;transition:all var(--timing-fast) ease;width:var(--space-xl)}.license-download-btn:hover{background:var(--license-color, var(--banes-lab-accent));border-color:var(--license-color, var(--banes-lab-accent));color:var(--background-dark)}.license-spdx{background:var(--background-dark);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-sm);color:var(--text-light-gray);font-family:var(--font-family-code);font-size:var(--font-xs);margin-bottom:var(--space-md);overflow-wrap:break-word;padding:var(--space-xs) var(--space-sm);word-break:break-all}.license-description{color:var(--text-light-gray);font-size:var(--font-md);line-height:var(--line-height-loose);margin-bottom:var(--space-lg)}.license-list-section{margin-bottom:var(--space-md)}.license-list-title{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm);text-transform:uppercase}.license-list-title.permitted,.license-list-title.restricted{color:var(--banes-lab-accent)}.license-list{display:flex;flex-direction:column;gap:var(--space-xs);list-style:none;margin:0;padding:0}.license-list li{align-items:flex-start;color:var(--text-light-gray);display:flex;font-size:var(--font-sm);gap:var(--space-sm)}.license-list li i{flex-shrink:0;margin-top:var(--space-xxs)}.license-list.permitted li i{color:var(--status-success)}.license-list.restricted li i{color:var(--status-error)}.license-cta{background:var(--license-color, var(--banes-lab-accent));border:none;border-radius:var(--radius-sm);color:var(--background-dark);cursor:pointer;font-size:var(--font-md);font-weight:var(--font-weight-semibold);margin-top:auto;padding:var(--space-sm) var(--space-md);text-align:center;text-decoration:none;transition:opacity var(--timing-fast) ease}.license-cta:hover{opacity:.9}.licensing-page .toc-group-label{color:var(--text-mid-gray);display:block;font-size:var(--font-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs);padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.licensing-page .toc-sublist{display:flex;flex-direction:column;gap:var(--space-xxs);list-style:none;margin:0 0 var(--space-sm) 0;padding:0}.licensing-page .legal-layout,.licensing-page .legal-sections{min-width:0}.licensing-page .legal-section{min-width:0;overflow-wrap:break-word}@media(width<=768px){.license-cards{grid-template-columns:1fr}.licensing-page{padding:var(--space-md)}}@media(width<=480px){.license-card-header{flex-direction:column}.license-icon{font-size:var(--font-xl)}}