@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.container{width:100%}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-auto{height:auto}.w-fit{width:fit-content}.w-full{width:100%}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.\[scrollbar-width\:none\]{scrollbar-width:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-x-auto{overflow-x:auto}.rounded-\[4px\]{border-radius:4px}.rounded-\[6px\]{border-radius:6px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-\[\#d0d7de\]{border-color:#d0d7de}.bg-\[\#f6f8fa\]{background-color:#f6f8fa}.bg-transparent{background-color:#0000}.px-\[16px\]{padding-inline:16px}.py-\[18px\]{padding-block:18px}.whitespace-nowrap{white-space:nowrap}.text-\[\#24292f\]{color:#24292f}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-80{opacity:.8}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}:root{font-feature-settings:"liga" 1, "calt" 1;--fancy-transition:.25s cubic-bezier(.78, 0, .22, 1);--color-bg:#fff;--color-text:#293247;--color-text-muted:#67707f;--color-text-subtle:#59616b;--color-border:#29324714;--color-border-medium:#29324726;--color-surface:#fffffff7;--color-hover:#2932470a;--color-card-badge-bg:#293247b3;--color-innovation-bg:linear-gradient(to right, #d2c2ff26, #fff0);--color-blog-card-bg:linear-gradient(to right, #d2c2ff26, #fff0);--color-tag-bg:#00bceb1a;--color-tag-border:#00bceb33;--color-tag-text:#187adc;--color-accent:#00bceb;--color-accent-hover:#187adc;--color-hamburger:#293247;--color-shadow:#29324714;font-family:Inter,sans-serif}@supports (font-variation-settings:normal){:root{color:var(--color-text);font-family:InterVariable,sans-serif}}[data-theme=dark]{--color-bg:#0f1117;--color-text:#e0e4ec;--color-text-muted:#9ca3b0;--color-text-subtle:#8a919c;--color-border:#ffffff14;--color-border-medium:#ffffff26;--color-surface:#0f1117f7;--color-hover:#ffffff0f;--color-card-badge-bg:#00000080;--color-innovation-bg:linear-gradient(to right, #9345e11a, #0f111700);--color-blog-card-bg:linear-gradient(to right, #9345e11a, #0f111700);--color-tag-bg:#00bceb1f;--color-tag-border:#00bceb40;--color-tag-text:#3fc6ee;--color-accent:#3fc6ee;--color-accent-hover:#00bceb;--color-hamburger:#e0e4ec;--color-shadow:#0000004d}[data-theme=dark] .logo-light,[data-theme=dark] .footer-logo .logo-light{display:none}[data-theme=dark] .logo-dark,[data-theme=dark] .footer-logo .logo-dark{display:block}.logo-dark,.footer-logo .logo-dark{display:none}[data-theme=dark] .initiative-card{background-image:var(--bg-section-dark)}[data-theme=dark] .initiative-card.reversed{background-image:var(--bg-section-inverted-dark)}video.video-dark,img.img-dark,[data-theme=dark] video.video-light,[data-theme=dark] img.img-light{display:none!important}[data-theme=dark] video.video-dark,[data-theme=dark] img.img-dark{display:block!important}.theme-toggle{color:var(--color-text);cursor:pointer;z-index:0;background:0 0;border:none;border-radius:8px;flex-direction:row;padding:6px;transition:background .2s;display:inline-flex}.theme-toggle:before{content:none}.theme-toggle:hover{background:var(--color-hover)}.theme-toggle .icon-sun,[data-theme=dark] .theme-toggle .icon-moon{display:none}[data-theme=dark] .theme-toggle .icon-sun{display:block}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);width:100%;color:var(--color-text);margin:0;padding:0;overflow-x:clip}a:link,a:visited,a:hover,a:active{color:var(--color-text);text-decoration:none}.container{box-sizing:border-box;width:100%;padding:0 min(10%,max(10%,50% - 700px))}h1{margin:5px 0;font-size:clamp(2.2em,3.5vw,10em);font-weight:200}h2{margin:5px 0;font-size:clamp(2.2em,3.5vw,10em);font-weight:600}h3{margin:3% 0;font-size:clamp(2em,2.8vw,4.5em);font-weight:200}h4{color:var(--color-text-muted);margin:4% 0;font-size:1.2em;font-weight:600;line-height:1.6em}h5{margin:4% 0;font-size:clamp(1.2em,1.5vw,2.8em);font-weight:200;line-height:1.6em}h6{text-transform:uppercase;letter-spacing:1.8px;color:var(--color-text-subtle);margin:5px 0;font-size:.8em;font-weight:600}button,.cta-button{color:var(--color-text);cursor:pointer;z-index:0;background:0 0;border:none;border-radius:40px;justify-content:center;align-items:center;gap:8px;padding:18px 24px;font-family:inherit;font-size:1.2em;text-decoration:none;display:inline-flex;position:relative}.cta-button:before{content:"";-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(294deg,#9345e1,#187adc,#00bceb,#74bf4b,#f5b35c,#f09256,#eb7251);border-radius:40px;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}header{border-bottom:1px solid var(--color-border);z-index:2;width:100%;padding:1% 0;display:flex;position:relative}.design{margin-left:8px;font-size:1.8em;font-weight:200}.logo{align-items:center}.logo,header .container{justify-content:space-between;align-items:center;display:flex}nav ul{align-items:center;gap:30px;list-style:none;display:flex}.nav-dropdown>li{width:100%;display:block}.nav-dropdown>li>a{text-align:left;width:100%;color:var(--color-text-muted);white-space:nowrap;padding:10px 20px;font-size:.9em;transition:background .2s;display:block}.nav-dropdown>li>a:hover{background:var(--color-hover);color:var(--color-text)!important}.external-link-icon{vertical-align:middle;opacity:.5;width:12px;height:12px;margin-left:4px;display:inline-block}nav>ul>li{position:relative}.text,.icon{vertical-align:middle;display:inline-block}.icon{margin-top:2px}.has-dropdown{position:relative}.nav-dropdown{z-index:20;opacity:0;visibility:hidden;transform-origin:top;background:var(--color-surface);border:1px solid var(--color-border);min-width:200px;box-shadow:0 6px 24px var(--color-shadow);border-radius:8px;flex-direction:column;gap:0;margin:0;padding:0;list-style:none;transition:opacity .2s,transform .2s,visibility .2s;display:flex;position:absolute;top:calc(100% + .5rem);left:0;overflow:hidden;transform:scaleY(0)}.has-dropdown.is-active>.nav-dropdown{opacity:1;visibility:visible;transform:scaleY(1)}.nav-dropdown.nav-dropdown--research{transform-origin:100% 0;left:auto;right:0}.nav-dropdown-group{padding:0}.nav-dropdown-label{color:var(--color-text);white-space:nowrap;align-items:center;padding:10px 20px;font-size:.95em;font-weight:400;text-decoration:none;transition:background .2s;display:flex}.nav-dropdown-label:hover{background:var(--color-hover)}.nav-dropdown-sub{border-left:2px solid var(--color-border);flex-direction:column;gap:0;margin:0 12px 8px 20px;padding:0;list-style:none;display:flex}.nav-dropdown-sub li{width:100%;display:block}.nav-dropdown-sub li a{text-align:left;width:100%;color:var(--color-text-muted);white-space:nowrap;padding:6px 16px;font-size:.85em;transition:background .2s,color .2s,border-color .2s;display:block}.nav-dropdown-sub li a:hover{background:var(--color-hover);color:var(--color-text)!important}.blob{opacity:1;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;position:absolute}.blob-1{background-image:var(--bg-blob-violet);animation:10s ease-in-out infinite alternate move1;top:-10%;left:10%}.blob-2{background-image:var(--bg-blob-orange);animation:15s ease-in-out infinite alternate move2;top:20%;right:10%}.blob-3{background-image:var(--bg-blob-blue);animation:8s ease-in-out infinite alternate move3;bottom:10%;left:30%}@keyframes move1{0%{transform:translate(0)scale(1)}to{transform:translate(20%,50%)scale(1.1)}}@keyframes move2{0%{transform:translate(0)rotate(0)}to{transform:translate(-30%,30%)rotate(90deg)}}@keyframes move3{0%{transform:translate(0)}to{transform:translate(50%,-30%)}}.blobs-container{z-index:0;pointer-events:none;width:100%;height:100vh;position:fixed;top:0;left:0}.hero-section{z-index:1;align-items:center;width:100%;min-height:100vh;display:flex;position:relative}.hero-section .content{z-index:2;width:75%;margin:0;padding:60px 0;position:relative}.hero-scroll-wrap{pointer-events:none;z-index:10;justify-content:center;display:flex;position:absolute;bottom:28px;left:0;right:0}.hero-scroll-arrow{pointer-events:auto;width:38px;height:38px;color:var(--color-text-muted);cursor:pointer;justify-content:center;align-items:center;margin:0 auto;text-decoration:none;transition:color .2s,transform .2s;display:flex}.hero-scroll-arrow:hover{color:var(--color-text);transform:translateY(4px)}.hero-scroll-arrow svg{width:28px;height:28px;display:block}.initiatives-section{text-align:center;z-index:1;padding:80px 0 40px;position:relative}.timeline{z-index:1;width:100%;margin:0 auto;padding:0;position:relative}.initiative-card{background-image:var(--bg-section);background-position:0 40px;background-repeat:no-repeat;background-size:5431px 3059px;align-items:center;gap:60px;padding:90px min(11%,max(10%,50% - 700px));display:flex;position:relative;overflow:hidden}.initiative-card>*{max-width:none}.initiative-card.reversed{background-image:var(--bg-section-inverted);background-position:right 40px;flex-direction:row-reverse;margin-top:-99px}.initiative-card .card-text{text-align:left;flex:1}.initiative-card .card-image{border-radius:16px;flex:1.2;margin-top:-20px;position:relative;overflow:hidden}.initiative-card .card-image video{aspect-ratio:3/2;object-fit:cover;width:100%}.initiative-card .card-image video.video-light{display:block}.card-badge{background:var(--color-card-badge-bg);color:#fff;letter-spacing:.5px;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;border-radius:6px;padding:4px 12px;font-size:.7em;font-weight:600;position:absolute;top:16px;left:16px}.initiative-card .card-text h3{color:var(--color-text);margin:0 0 40px;font-size:clamp(1.8em,2.5vw,3.5em);font-weight:200}.initiative-card .card-text p{color:var(--color-text-muted);margin:0 0 24px;font-size:1.05em;font-weight:400;line-height:1.6}.arrow-link{border:1px solid var(--color-border-medium);cursor:pointer;width:40px;height:40px;color:var(--color-text);background:0 0;border-radius:10px;justify-content:center;align-items:center;font-size:1em;text-decoration:none;transition:background .2s;display:inline-flex}.arrow-link:hover{background:var(--color-hover)}.arrow-link svg{width:16px;height:16px}.initiative-card .card-text-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.initiative-card-link{z-index:0;position:absolute;inset:0}.initiative-card--linked .card-text,.initiative-card--linked .card-image{z-index:1;pointer-events:none;position:relative}.initiative-card--linked .arrow-link{pointer-events:auto;position:relative}.initiative-card--linked .card-image video{pointer-events:none}.initiative-card-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:-6px}.initiative-card--linked .card-text h3{pointer-events:auto;cursor:pointer;display:inline}.text-link-cta{border:1.5px solid var(--color-border,#7882a04d);height:40px;color:var(--color-text);white-space:nowrap;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;min-width:max-content;padding:0 16px;font-size:.95em;font-weight:500;text-decoration:none;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.text-link-cta:hover{border-color:var(--color-text);background:#ffffff0a;text-decoration:none}.arrow-link.arrow-link--labeled{white-space:nowrap;flex-shrink:0;gap:8px;width:auto;min-width:max-content;height:40px;padding:0 14px 0 16px;font-size:.95em;font-weight:500}.arrow-link.arrow-link--labeled span{white-space:nowrap;line-height:1.2}.innovation-section{z-index:1;border-top:1px solid var(--color-border);padding:80px 0;position:relative}.innovation-inner{align-items:center;gap:60px;display:flex}.innovation-text{flex:1}.innovation-text h6{color:var(--color-text-subtle);margin:0 0 8px}.innovation-text h2{color:var(--color-text);margin:0 0 16px;font-size:2.4em;font-weight:600}.innovation-text p{color:var(--color-text-muted);margin:0 0 32px;font-size:1.05em;line-height:1.7}.innovation-image{flex:1;justify-content:center;display:flex}.innovation-image img{object-fit:cover;border-radius:16px;width:100%;height:360px;display:block}.innovation-cta{color:var(--color-text);z-index:0;background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:14px 28px;font-size:1em;font-weight:500;text-decoration:none;transition:transform .2s;display:inline-flex;position:relative}.innovation-cta:before{content:"";-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:conic-gradient(from 180deg,#ff6b6b,#a855f7,#6366f1,#3b82f6,#00bceb,#10b981,#eab308,#ff6b6b);border-radius:999px;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.innovation-cta:hover{transform:scale(1.03)}.innovation-cta svg{flex-shrink:0;width:16px;height:16px}.blog-section{z-index:1;border-top:1px solid var(--color-border);padding:80px 0;position:relative}.section-header{text-align:center;margin-bottom:48px}.section-header h3{margin:0 0 16px}.section-header p{color:var(--color-text-muted);margin:0;font-size:1.05em}.blog-cards{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:48px;display:grid}.blog-section .blog-cards{grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.blog-section .blog-cards{grid-template-columns:1fr}}.blog-card{background:var(--color-blog-card-bg);border:1px solid var(--color-border);text-align:left;height:320px;color:var(--color-text);border-radius:16px;flex-direction:column;justify-content:space-between;padding:32px;text-decoration:none;transition:border-color .2s,background .2s;display:flex}.blog-card:hover{border-color:var(--color-border-medium);background:var(--color-hover)}.blog-card h4{color:var(--color-text);text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.8em;margin:0 0 16px;font-size:22px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-desc{color:var(--color-text-muted);text-align:left;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.9em;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-meta{color:var(--color-text-muted);align-items:center;gap:16px;margin-bottom:16px;font-size:.85em;display:flex}.blog-meta span{align-items:center;gap:6px;display:inline-flex}.blog-meta svg{flex-shrink:0;width:14px;height:14px}.blog-footer{color:var(--color-text-subtle);justify-content:space-between;align-items:center;font-size:.85em;display:flex}.read-more{color:var(--color-accent);font-weight:500}.view-all-btn{border:1px solid var(--color-border-medium);color:var(--color-text);border-radius:40px;align-items:center;gap:8px;padding:12px 28px;font-size:1em;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.view-all-btn:hover{background:var(--color-hover);border-color:var(--color-text)}footer{border-top:1px solid var(--color-border);padding:60px 0 0}.footer-top{justify-content:space-between;align-items:flex-start;gap:60px;padding-bottom:48px;display:flex}.footer-logo img{height:56px}.footer-links{flex-direction:column;gap:12px;display:flex}.footer-links h6{margin-bottom:4px}.footer-links a{color:var(--color-text-muted);align-items:center;gap:4px;font-size:.95em;text-decoration:none;transition:color .2s;display:inline-flex}.footer-links a:hover{color:var(--color-text)}.footer-links a svg{opacity:.5;width:12px;height:12px}.footer-social{flex-direction:column;gap:10px;display:flex}.footer-social-icons{gap:10px;display:flex}.footer-social-icons a{border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text-subtle);border-radius:10px;justify-content:center;align-items:center;transition:background .2s,color .2s;display:inline-flex}.footer-social-icons a:hover{background:var(--color-hover);color:var(--color-text)}.footer-social-icons a svg{width:18px;height:18px}.footer-bottom{border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-subtle);padding:24px 0;font-size:.85em}.footer-legal{font-size:1em;padding-left:4px!important;padding-right:4px!important}.menu-toggle{cursor:pointer;z-index:10;background:0 0;border:none;padding:8px;display:none;position:relative}.menu-toggle:before{content:none}.menu-toggle span{background:var(--color-hamburger);border-radius:2px;width:22px;height:2px;margin:5px 0;transition:transform .3s,opacity .3s;display:block}.menu-toggle.active span:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (min-width:2560px){html{font-size:20px}.hero-section .content{width:80%}.cta-button{padding:14px 32px;font-size:1.1em}}@media (max-width:1024px){h1,h2{font-size:2.2em}h3{font-size:1.8em}h5{font-size:1.3em}.hero-section .content{width:90%;max-width:none}.initiative-card{gap:40px;padding:80px min(20%,max(10%,50% - 700px))}.initiative-card .card-text h3,.initiatives-section .section-header h3{font-size:1.8em}.innovation-text h2{font-size:2em}.innovation-inner{gap:40px}.innovation-image img{height:320px}.blog-section .section-header h3{font-size:1.8em}.blog-card{height:auto;min-height:260px;padding:28px}.blog-card h4{font-size:20px}}@media (max-width:768px){.menu-toggle{display:block}header{padding:14px 0}.hero-scroll-wrap,.hero-scroll-arrow{display:none}header nav{background:var(--color-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9;width:70%;max-width:300px;height:100vh;padding:72px 20px 32px;transition:right .35s;position:fixed;top:0;right:-100%;overflow-y:auto;box-shadow:-4px 0 24px #00000014}header nav.open{right:0}header nav ul{flex-direction:column;align-items:flex-start;gap:0;width:100%;margin:0;padding:0}header nav ul li{border-bottom:1px solid var(--color-border);width:100%;padding:12px 0}header nav ul li a{text-align:left;width:100%;font-size:.95em;display:block}.has-dropdown>a .icon{transition:transform .25s}.has-dropdown.is-active>a .icon{transform:rotate(180deg)}.nav-dropdown{opacity:1;visibility:visible;min-width:0;box-shadow:none;background:0 0;border:none;border-radius:0;padding:4px 0 0 12px;display:none;position:static;overflow:visible;transform:scaleY(1)}.has-dropdown.is-active>.nav-dropdown{display:block}.nav-dropdown li a{padding:6px 0;font-size:.88em}.nav-dropdown li a:hover{background:0 0}.nav-dropdown-label{padding:6px 0 4px;font-size:.92em}.nav-dropdown-sub{border-left:2px solid var(--color-border);margin:0 0 0 8px}.nav-dropdown-sub li a{padding:4px 0 4px 12px;font-size:.85em}.nav-dropdown-sub li a:hover{background:0 0}h1,h2{font-size:2.4em}h3{font-size:1.8em}h4{font-size:1.05em}h5{font-size:1.15em}.hero-section{min-height:auto;padding:80px 0 60px}.hero-section .content{width:100%;padding:0}.initiatives-section{padding:60px 0 40px}.initiative-card{flex-direction:column;gap:32px;padding:60px min(20%,max(9%,50% - 700px))}.initiative-card.reversed{flex-direction:column;margin-top:-40px}.initiative-card .card-text{text-align:center}.initiative-card .card-text-actions{justify-content:center}.initiative-card .card-text h3{font-size:2em}.initiative-card .card-image{margin-top:0;padding-bottom:0}.innovation-section{padding:60px 0 40px}.innovation-inner{text-align:center;flex-direction:column;gap:32px}.innovation-text h2{font-size:2em}.innovation-image img{height:240px}.initiatives-section .section-header h3{font-size:2em}.blog-cards{grid-template-columns:1fr;gap:20px}.blog-section{padding:60px 0 40px}.blog-section .section-header h3{font-size:2em}.blog-card{height:auto;padding:28px}.footer-top{flex-direction:column;align-items:flex-start;gap:32px}.footer-bottom{padding:20px 0;font-size:.8em}}@media (max-width:480px){.container{padding:0 5%}h1,h2{font-size:1.8em}h3{font-size:1.4em}h5{font-size:1em}.design{font-size:1.4em}button{padding:14px 20px;font-size:1em}.hero-section{padding:60px 0 40px}.initiative-card{background-image:none;padding:40px 5%}.initiative-card.reversed{background-image:none;margin-top:0}.initiative-card .card-text h3{font-size:1.6em}.initiative-card .card-image video{aspect-ratio:16/10}.initiatives-section .section-header h3,.innovation-text h2{font-size:1.6em}.innovation-image img{height:200px}.blog-section .section-header h3{font-size:1.6em}.blog-card{padding:24px}.blog-card h4{margin-bottom:12px;font-size:18px}.blog-meta{flex-wrap:wrap;gap:8px;margin-bottom:12px}footer{padding:40px 0 0}.footer-logo img{height:48px}}.sc-popover{background:var(--color-bg);border-color:var(--color-border-medium);box-shadow:0 8px 32px var(--color-shadow)}.sc-popover:before{border-right-color:var(--color-border-medium)}.sc-popover:after{border-right-color:var(--color-bg)}.sc-popover--up:before{border-top-color:var(--color-border-medium);border-right-color:#0000}.sc-popover--up:after{border-top-color:var(--color-bg);border-right-color:#0000}.sc-popover-title{color:var(--color-text)}.sc-popover-desc{color:var(--color-text-muted)}.page-hero{z-index:1;padding:24px 0 64px;position:relative}.page-hero .breadcrumb{color:var(--color-text-subtle);margin-bottom:32px;font-size:.85em}.page-hero .breadcrumb a{color:var(--color-accent);text-decoration:none}.page-hero .breadcrumb span{color:var(--color-border-medium);margin:0 8px}.page-hero-title{text-align:center;margin-bottom:32px}.page-hero-title h1{margin:0;font-size:clamp(2em,3.5vw,10em);font-weight:600;line-height:1.15}.page-hero-inner{align-items:center;gap:0;display:flex}.page-hero-text{flex:5;padding-right:40px}.page-hero-text p{color:#363e4a;margin:0;font-size:18px;font-weight:300;line-height:1.7}[data-theme=dark] .page-hero-text p{color:var(--color-text-muted)}.hero-arrow-link{border:1px solid var(--color-border-medium);height:40px;color:var(--color-text);white-space:nowrap;background:0 0;border-radius:10px;align-items:center;gap:8px;padding:0 14px 0 16px;font-size:.95em;font-weight:500;text-decoration:none;transition:border-color .18s,background .18s;display:inline-flex}.hero-arrow-link:hover{background:var(--color-hover);border-color:var(--color-text)}.hero-arrow-link svg{flex-shrink:0;width:16px;height:16px}.page-hero-image{background:#dce8f5;border-radius:16px;flex:7;overflow:hidden}[data-theme=dark] .page-hero-image{background:#1a2535}.page-hero-image img,.page-hero-image video.video-light{object-fit:cover;width:100%;height:380px;display:block}.page-hero-image video.video-dark,[data-theme=dark] .page-hero-image video.video-light{display:none}[data-theme=dark] .page-hero-image video.video-dark{object-fit:cover;width:100%;height:380px;display:block}.patterns-section{z-index:1;-webkit-backdrop-filter:blur(32.96px);background:linear-gradient(132deg,#d2c2ff26 26.47%,#fff0 88.42%);border:1px solid #4d638036;position:relative;box-shadow:0 6.593px 10.548px #0000,0 15.823px 52.742px #0000,0 34.282px 105.484px #0000}.patterns-section>.container{padding-top:0;padding-bottom:96px}.patterns-header{text-align:center;padding:80px 0 64px}.patterns-header h2{margin:0 0 16px;font-size:clamp(2em,3.5vw,10em);font-weight:200}.patterns-header p{color:var(--color-text-muted);max-width:600px;margin:0 auto;font-size:1.05em;line-height:1.6}.patterns-header-divider{border:none;border-top:1px solid var(--color-border-medium);width:48px;margin:28px auto 0}.patterns-layout{grid-template-columns:180px 1fr;align-items:start;gap:48px;margin-top:56px;display:grid}.patterns-content{min-width:0}.patterns-nav{flex-direction:column;gap:4px;display:flex;position:sticky;top:32px}.pattern-nav-group{flex-direction:column;display:flex}.pattern-subnav{flex-direction:column;gap:1px;padding:4px 0 6px 10px;display:none}.pattern-subnav-patterns{border-left:2px solid var(--color-border-medium);flex-direction:column;gap:1px;margin:2px 0 2px 10px;padding-left:8px;display:none}.pattern-subnav-patterns.is-open{display:flex}.pattern-subitem--section{color:var(--color-text-muted);opacity:1;justify-content:space-between;align-items:center;margin-top:0;padding:5px 10px;font-size:.76em;font-weight:400;display:flex}.subitem-toggle-arrow{flex-shrink:0;width:13px;height:13px;transition:transform .2s}.pattern-subitem--toggle.is-open .subitem-toggle-arrow{transform:rotate(180deg)}.pattern-subnav.is-open{display:flex}.pattern-subitem{text-align:left;color:var(--color-text-muted);cursor:pointer;white-space:normal;background:0 0;border:none;border-radius:6px;justify-content:flex-start;padding:5px 10px;font-family:inherit;font-size:.73em;font-weight:400;line-height:1.35;transition:color .15s,background .15s}.pattern-subitem:hover{color:var(--color-text);background:var(--color-hover)}.pattern-subitem.is-active{color:var(--color-text);font-weight:500}.pattern-filter{text-align:left;width:100%;color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:10px 16px;font-family:inherit;font-size:.95em;font-weight:500;transition:all .2s;display:block}.pattern-filter:before{content:none}.pattern-filter:hover{color:var(--color-text);background:var(--color-hover)}.pattern-filter.is-active{background:var(--color-hover);color:var(--color-text);border-color:var(--color-border-medium);font-weight:600}.pattern-panel{animation:.35s fadeIn;display:none}.pattern-panel.is-active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pattern-title{color:var(--color-text);text-align:left;margin:0 0 .5em;scroll-margin-top:24px;font-size:2em;font-weight:600}.pattern-examples-label[id],[id$=-how-to],[id$=-pitfalls]{scroll-margin-top:24px}.pattern-divider{background:#4d638026;width:100%;height:1px;margin:48px 0 0}.pattern-examples-label{color:var(--color-text);text-align:left;margin:48px 0 24px;font-size:1.6em;font-weight:300}.pattern-desc{color:var(--color-text-muted);text-align:left;margin:0 0 48px;font-size:1.05em;line-height:1.6}.how-to-list{flex-direction:column;gap:12px;max-width:600px;margin:0 0 48px;padding:0;list-style:none;display:flex}.how-to-list li{color:var(--color-text-muted);padding-left:1.4em;font-size:1.05em;line-height:1.6;position:relative}.how-to-list li:before{content:"–";color:var(--color-accent);font-weight:500;position:absolute;left:0}.pitfalls-grid{grid-template-columns:1fr 1fr;gap:16px;margin:0 0 48px;display:grid}.pitfall-card{background:var(--color-hover);border:1px solid var(--color-border);border-radius:12px;padding:20px 22px}.pitfall-card-title{color:var(--color-text);margin:0 0 6px;font-size:.95em;font-weight:600}.pitfall-card-desc{color:var(--color-text-muted);margin:0;font-size:.9em;line-height:1.55}@media (max-width:640px){.pitfalls-grid{grid-template-columns:1fr}}.pattern-info-row{grid-template-columns:1fr 1fr;gap:24px;margin:0 0 40px;display:grid}.pattern-info,.pattern-why{border:1px solid var(--color-border);background:var(--color-hover);border-radius:16px;margin:0;padding:28px 32px}.pattern-info-title{color:var(--color-text);margin:0 0 12px;font-size:1.05em;font-weight:600}.pattern-info-symbol{-webkit-text-fill-color:transparent;background:linear-gradient(#46aace,#46aace00);-webkit-background-clip:text;background-clip:text;margin:0 0 -16px;font-size:5.5em;font-weight:800;line-height:.85;display:block}.pattern-info p:not(.pattern-info-title),.pattern-why p:not(.pattern-info-title){color:var(--color-text-muted);margin:0;font-size:1em;line-height:1.7}@media (max-width:768px){.pattern-info-row{grid-template-columns:1fr}}.pattern-related{margin:0 0 48px}.pattern-related-title{color:var(--color-text);text-align:left;margin:0 0 24px;font-size:1.6em;font-weight:300}.pattern-related-intro{text-align:left;border-top:1px solid var(--color-border);margin:96px 0 20px;padding-top:48px}.pattern-related-intro:first-of-type,.pattern-examples-label+.pattern-related-intro{border-top:none;margin-top:0;padding-top:0}.pattern-related-intro-name{color:var(--color-text);margin:0 0 8px;font-size:1.05em;font-weight:600}.pattern-related-intro-desc{color:var(--color-text-muted);margin:0;font-size:.95em;line-height:1.6}.pattern-related-tag{color:var(--color-text-muted);margin:10px 0 0;font-size:.82em}.pattern-related-tag span{border:1px solid var(--color-border-medium);color:var(--color-text);border-radius:20px;margin-left:4px;padding:2px 10px;font-weight:500;display:inline-block}.pattern-visuals{flex-direction:column;align-items:center;gap:32px;display:flex}.pattern-component-label{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);text-align:left;margin:12px 0;font-size:.78em;font-weight:700}[class*=demo-wrapper]{background:var(--color-hover);border:1px solid var(--color-border);--pad-l:72px;--pad-r:40px;border-radius:16px;padding:40px}.scope-demo-wrapper{width:100%;margin-bottom:0;padding-left:72px;position:relative}.scope-callout{width:calc(var(--pad-l,72px) - 26px);left:24px;top:var(--ct);cursor:pointer;z-index:20;align-items:center;gap:0;display:flex;position:absolute}.scope-callout .sc-num{transition:transform .15s,box-shadow .15s}.scope-callout:hover .sc-num{transform:scale(1.1);box-shadow:0 2px 10px #f5a62366}.sc-num{color:#1a1a2e;z-index:1;background:#f5a623;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8em;font-weight:700;display:flex}.sc-line{border-top:2px dashed #f5a62380;flex:1;height:1px;display:block}.sc-popover{background:var(--color-bg);border:1px solid var(--color-border-medium);width:260px;box-shadow:0 8px 32px var(--color-shadow);z-index:100;border-radius:12px;padding:14px 16px;display:none;position:absolute;top:50%;left:58px;transform:translateY(-50%)}.sc-popover:before{content:"";border:6px solid #0000;border-right-color:var(--color-border-medium);border-left:none;position:absolute;top:50%;left:-7px;transform:translateY(-50%)}.sc-popover:after{content:"";border:5px solid #0000;border-right-color:var(--color-bg);border-left:none;position:absolute;top:50%;left:-5px;transform:translateY(-50%)}.scope-callout:hover .sc-popover{display:block}.sc-popover-title{color:var(--color-text);margin:0 0 6px;font-size:.88em;font-weight:700}.sc-popover-desc{color:var(--color-text-muted);margin:0;font-size:.82em;line-height:1.55}.scope-demo{background:var(--color-bg);border:1px solid var(--color-border-medium);border-radius:16px;width:100%;font-family:inherit;overflow:hidden;box-shadow:0 2px 8px #0000000f,0 8px 32px #2932471a,0 32px 72px #2932471f}[data-theme=dark] .scope-demo{box-shadow:0 2px 8px #00000040,0 8px 32px #0006,0 32px 72px #00000073}.sc-acc-header{cursor:default}.sc-acc-header:hover{background:0 0}.sc-check,.pgates-tab{cursor:default;pointer-events:none}.scope-demo-topbar{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 20px;display:flex}.scope-demo-via{color:var(--color-text-muted);white-space:nowrap;font-size:.82em}.scope-demo-tabs{flex:1;gap:4px;display:flex}.scope-tab{color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:6px 16px;font-family:inherit;font-size:.88em;transition:background .15s,color .15s,border-color .15s}.scope-tab:hover{background:var(--color-hover);color:var(--color-text);border-color:var(--color-border)}.scope-tab.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}[data-theme=dark] .scope-tab.active{color:#0a1929}[data-theme=dark] .sc-check.sc-checked,[data-theme=dark] .pgates-check.checked{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6l3 3 5-5' stroke='%230a1929' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}[data-theme=dark] .pgates-toggle-input:checked+.pgates-toggle-track .pgates-toggle-thumb{background:#0a1929}.scope-reset{color:var(--color-text-muted);cursor:default;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;font-family:inherit;font-size:.82em;display:inline-flex}.scope-reset svg{width:14px;height:14px}.scope-hint{color:var(--color-accent);border-bottom:1px solid var(--color-border);background:#00bceb0a;justify-content:center;align-items:center;gap:6px;padding:8px 20px;font-size:.78em;display:flex}.scope-hint svg{width:14px;height:14px}.scope-panels{padding:20px}.scope-panel{display:none}.scope-panel.active{display:block}.sc-acc-item{border:1px solid var(--color-border);background:var(--color-hover);border-radius:10px;margin-bottom:8px;overflow:hidden}.sc-acc-header{align-items:center;gap:10px;padding:12px 16px;display:flex}.sc-check{background:0 0;border:1.5px solid #29324759;border-radius:3px;flex-shrink:0;width:15px;height:15px;display:inline-block}[data-theme=dark] .sc-check{border-color:#ffffff59}.sc-check.sc-checked{background:var(--color-accent);border-color:var(--color-accent);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6l3 3 5-5' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:10px}.sc-num-label{color:var(--color-text-muted);white-space:nowrap;font-size:.75em}.sc-acc-name{color:var(--color-text);flex:1;font-size:.9em;font-weight:600}.sc-chevron{width:14px;height:14px;color:var(--color-text-muted);flex-shrink:0;transition:transform .2s}.sc-expanded .sc-chevron{transform:rotate(180deg)}.sc-acc-body{flex-direction:column;gap:6px;padding:0 16px 12px;display:flex}.sc-sub-row{color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-bg);border-radius:7px;align-items:center;gap:10px;padding:9px 12px;font-size:.85em;display:flex}.sc-chat{flex-direction:column;gap:14px;display:flex}.sc-msg{align-items:flex-start;gap:10px;display:flex}.sc-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75em;font-weight:600;display:flex}.sc-user-av{background:var(--color-border-medium);color:var(--color-text)}.sc-agent-av{color:var(--color-accent);background:#00bceb1f}.sc-agent-av svg{width:16px;height:16px}.sc-bubble{background:var(--color-hover);border:1px solid var(--color-border);color:var(--color-text);border-radius:12px;max-width:85%;padding:10px 14px;font-size:.88em;line-height:1.5}.sc-with-opts{flex-direction:column;gap:10px;display:flex}.sc-opts{flex-wrap:wrap;gap:8px;display:flex}.sc-opt{border:1px solid var(--color-accent);color:var(--color-accent);background:#00bceb0f;border-radius:20px;padding:5px 12px;font-size:.82em}.sc-file{color:var(--color-text);font-size:.88em;line-height:1.6}.sc-file-h{color:var(--color-text);margin:16px 0 6px;font-weight:700}.sc-file-h:first-child{margin-top:0}.sc-file-p{color:var(--color-text-muted);margin:0 0 4px}.sc-file-ul{color:var(--color-text-muted);margin:0;padding-left:20px}.sc-file-ul li{margin-bottom:4px}.sc-link{color:var(--color-accent);text-underline-offset:2px;cursor:default;text-decoration:underline}.sc-qa{flex-direction:column;gap:16px;display:flex}.sc-qa-q{color:var(--color-text);margin:0 0 8px;font-size:.9em;font-weight:600}.sc-qa-a{color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-hover);border-radius:8px;padding:10px 14px;font-size:.85em;line-height:1.55}.sc-qa-select{color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-hover);border-radius:8px;align-items:center;gap:8px;padding:9px 14px;font-size:.85em;display:inline-flex}.sc-qa-select svg{width:14px;height:14px}.authority-callouts{justify-content:space-between;margin-top:4px;padding:0 2px;display:flex}.auth-callout{cursor:pointer;flex-direction:column;align-items:center;gap:0;display:flex;position:relative}.auth-vline{border-left:2px dashed #f5a62380;width:1px;height:16px;display:block}.auth-callout .sc-num{transition:transform .15s,box-shadow .15s}.auth-callout:hover .sc-num{transform:scale(1.1);box-shadow:0 2px 10px #f5a62366}.sc-popover--up{opacity:0;pointer-events:none;transition:opacity .15s;display:block;top:auto;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.auth-callout:first-child .sc-popover--up{left:0;transform:none}.auth-callout:last-child .sc-popover--up{left:auto;right:0;transform:none}.sc-popover--up:before{border:6px solid #0000;border-top-color:var(--color-border-medium);border-bottom:none;border-left:none;border-right:none;top:auto;bottom:-7px;left:50%;transform:translate(-50%)}.sc-popover--up:after{border:5px solid #0000;border-top-color:var(--color-bg);border-bottom:none;border-left:none;border-right:none;top:auto;bottom:-5px;left:50%;transform:translate(-50%)}.authority-demo{background:var(--color-bg);border:1px solid var(--color-border-medium);border-radius:16px;width:100%;overflow:hidden;box-shadow:0 2px 8px #0000000f,0 8px 32px #2932471a,0 32px 72px #2932471f}[data-theme=dark] .authority-demo{box-shadow:0 2px 8px #00000040,0 8px 32px #0006,0 32px 72px #00000073}.authority-demo-wrapper{width:100%;padding-left:72px;position:relative}.authority-top-label{color:var(--color-text-muted);margin:0;padding:16px 24px 0;font-size:.82em}.authority-tabs{border-bottom:1px solid var(--color-border);gap:0;padding:8px 24px 0;display:flex}.auth-tab{color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:8px 16px 10px;font-family:inherit;font-size:.88em;font-weight:500;transition:color .15s,border-color .15s}.auth-tab:hover{color:var(--color-text)}.auth-tab.active{color:var(--color-text);border-bottom-color:var(--color-accent);font-weight:600}.authority-body{padding:24px 24px 28px}.authority-scope-label{color:var(--color-text);margin:0 0 20px;font-size:.95em;font-weight:700}.authority-slider-wrap{position:relative}.authority-slider{appearance:none;background:var(--color-border-medium);cursor:pointer;background:linear-gradient(to right, var(--color-accent) 0%, var(--color-accent) var(--val,0%), var(--color-border-medium) var(--val,0%), var(--color-border-medium) 100%);border-radius:2px;outline:none;width:100%;height:4px}.authority-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-bg);border:2px solid var(--color-border-medium);width:20px;height:20px;box-shadow:0 2px 8px var(--color-shadow);cursor:pointer;border-radius:50%;transition:box-shadow .15s}.authority-slider::-webkit-slider-thumb:hover{box-shadow:0 2px 16px var(--color-shadow)}.authority-slider::-moz-range-thumb{background:var(--color-bg);border:2px solid var(--color-border-medium);cursor:pointer;border-radius:50%;width:20px;height:20px}.authority-track-labels{color:var(--color-text-muted);justify-content:space-between;margin-top:10px;font-size:.78em;display:flex}.pattern-visuals img{border:1px solid var(--color-border);width:100%;box-shadow:0 4px 24px var(--color-shadow);border-radius:16px;display:block}.pgates-demo-wrapper{width:100%;margin-bottom:0;padding-left:72px;position:relative}.pgates-demo{background:var(--color-bg);border:1px solid var(--color-border-medium);border-radius:16px;width:100%;font-family:inherit;overflow:hidden;box-shadow:0 2px 8px #0000000f,0 8px 32px #2932471a,0 32px 72px #2932471f}[data-theme=dark] .pgates-demo{box-shadow:0 2px 8px #00000040,0 8px 32px #0006,0 32px 72px #00000073}.pgates-header{color:var(--color-text);margin:0;padding:20px 24px 0;font-size:.92em;font-weight:600}.pgates-tabs{border-bottom:1px solid var(--color-border);gap:0;padding:10px 24px 0;display:flex}.pgates-tab{color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:8px 14px 10px;font-family:inherit;font-size:.85em;font-weight:500;transition:color .15s,border-color .15s}.pgates-tab:hover{color:var(--color-text)}.pgates-tab.active{color:var(--color-text);border-bottom-color:var(--color-accent);font-weight:600}.pgates-body{flex-direction:column;gap:10px;padding:16px 20px 20px;display:flex}.pgates-card{background:var(--color-hover);border:1px solid var(--color-border);border-radius:10px;padding:14px 18px}.pgates-toggle-row{color:var(--color-text);align-items:center;gap:12px;font-size:.88em;display:flex}.pgates-toggle{cursor:pointer;align-items:center;display:inline-flex;position:relative}.pgates-toggle-input{opacity:0;width:0;height:0;position:absolute}.pgates-toggle-track{background:#29324740;border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .2s;display:block;position:relative}[data-theme=dark] .pgates-toggle-track{background:#ffffff40}.pgates-toggle-input:checked+.pgates-toggle-track{background:var(--color-accent)}.pgates-toggle-thumb{pointer-events:none;background:#fff;border-radius:50%;width:14px;height:14px;transition:left .2s;position:absolute;top:3px;left:3px}.pgates-toggle-input:checked+.pgates-toggle-track .pgates-toggle-thumb{left:19px}.pgates-section-title{color:var(--color-text);margin:0 0 12px;font-size:.88em;font-weight:700}.pgates-check-row{color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin-bottom:8px;font-size:.84em;display:flex}.pgates-check{background:0 0;border:1.5px solid #29324759;border-radius:3px;flex-shrink:0;width:16px;height:16px;transition:background .15s,border-color .15s}[data-theme=dark] .pgates-check{border-color:#ffffff59}.pgates-check.checked{background:var(--color-accent);border-color:var(--color-accent);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6l3 3 5-5' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:10px}.pgates-field{margin:2px 0 10px}.pgates-field-label{color:var(--color-text);align-items:center;gap:3px;margin:0 0 6px;font-size:.8em;font-weight:600;display:flex}.pgates-required{color:#ef4444}.pgates-input-mock{background:var(--color-bg);border:1px solid var(--color-border-medium);color:var(--color-text-muted);border-radius:6px;min-width:100px;padding:7px 12px;font-size:.85em;display:inline-block}.pgates-divider{border:none;border-top:1px solid var(--color-border);margin:10px 0 0}.ir-demo-wrapper{--pad-r:72px;width:100%;padding-left:72px;padding-right:72px;position:relative}.ir-demo{background:var(--color-bg);border:1px solid var(--color-border-medium);border-radius:16px;width:100%;font-family:inherit;overflow:hidden;box-shadow:0 2px 8px #0000000f,0 8px 32px #2932471a,0 32px 72px #2932471f}[data-theme=dark] .ir-demo{box-shadow:0 2px 8px #00000040,0 8px 32px #0006,0 32px 72px #00000073}.ir-demo-header{border-bottom:1px solid var(--color-border);color:var(--color-text-muted);align-items:center;gap:8px;padding:12px 20px;font-size:.85em;display:flex}.ir-demo-header svg{width:15px;height:15px;color:var(--color-accent);flex-shrink:0}.ir-incidents{flex-direction:column;gap:12px;padding:16px 20px;display:flex}.ir-incident{border:1px solid var(--color-border);background:var(--color-hover);border-radius:10px;padding:14px 16px}.ir-incident-top{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.ir-incident-title{color:var(--color-text);flex-shrink:0;font-size:.9em;font-weight:700}.ir-badges{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.ir-badge{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:.78em;font-weight:600;display:inline-flex}.ir-badge svg{flex-shrink:0;width:12px;height:12px}.ir-badge-high{color:#ef4444;background:#ef444426}.ir-badge-medium{color:#f59e0b;background:#f59e0b26}.ir-badge-impact{color:var(--color-accent);background:#00bceb1f}.ir-incident-desc{color:var(--color-text-muted);margin:0;font-size:.82em;line-height:1.5}.sc-callout--right{width:calc(var(--pad-r,40px) - 26px);flex-direction:row-reverse;left:auto;right:24px}.sc-callout--right .sc-popover{left:auto;right:58px}.sc-callout--right .sc-popover:before{border-right-color:#0000;border-left:6px solid var(--color-border-medium);border-right:none;left:auto;right:-7px}.sc-callout--right .sc-popover:after{border-right-color:#0000;border-left:5px solid var(--color-bg);border-right:none;left:auto;right:-5px}.sc-line--v{border-left:2px dashed #f5a62380;flex:1 0;width:2px;display:block}.sc-callout--top{left:var(--cl,50%);height:calc(var(--pad-t,40px) - 12px);flex-direction:column;align-items:center;top:12px}.sc-callout--bottom{left:var(--cl,50%);height:calc(var(--pad-b,40px) - 12px);flex-direction:column;align-items:center;top:auto;bottom:12px}.sc-callout--top:hover .sc-num,.sc-callout--bottom:hover .sc-num{transform:scale(1.1);box-shadow:0 2px 10px #f5a62366}.sc-callout--top .sc-popover,.sc-callout--bottom .sc-popover{top:0;left:32px;transform:none}.sc-callout--top:hover .sc-popover,.sc-callout--bottom:hover .sc-popover{display:block}.cd-demo-wrapper{--pad-r:64px;--pad-t:48px;--pad-b:64px;box-sizing:border-box;width:100%;padding:48px 64px 64px 72px;position:relative}.cd-demo{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border-medium);border-radius:16px;padding:28px 32px;font-size:.88em;box-shadow:0 2px 8px #0000000f,0 8px 32px #2932471a,0 32px 72px #29324714}[data-theme=dark] .cd-demo{background:#0d1b2e;border-color:#0000;box-shadow:0 4px 24px #0006,0 1px 6px #00000040,0 0 0 1px #ffffff0f}.cd-demo-title{color:var(--color-text-muted);margin-bottom:18px;font-size:.95em;font-weight:500}[data-theme=dark] .cd-demo-title{color:#def}.cd-table-head,.cd-row{grid-template-columns:1.8fr 1.1fr 1.5fr auto;align-items:center;gap:0 12px;display:grid}.cd-table-head{border-bottom:1px solid var(--color-border-medium);margin-bottom:4px;padding-bottom:10px}.cd-th{color:var(--color-text-muted);letter-spacing:.03em;font-size:.8em;font-weight:600}[data-theme=dark] .cd-th{color:#6a9abf}.cd-row{border:1px solid var(--color-border);background:var(--color-hover);border-radius:10px;margin-top:8px;padding:14px 12px}[data-theme=dark] .cd-row{background:0 0;border-color:#ffffff12}.cd-td{color:var(--color-text);font-size:.88em;line-height:1.5}[data-theme=dark] .cd-td{color:#b8d0e8}.cd-td--muted{color:var(--color-text-muted);font-size:.85em}[data-theme=dark] .cd-td--muted{color:#b4c8dca6}.cd-conf-label{color:var(--color-text);margin-bottom:6px;font-size:.88em;font-weight:600;display:block}[data-theme=dark] .cd-conf-label{color:#c8dff0}.cd-conf-pct{opacity:.7;font-weight:400}.cd-bar-wrap{background:var(--color-border-medium);border-radius:4px;width:90px;height:5px;overflow:hidden}[data-theme=dark] .cd-bar-wrap{background:#ffffff1a}.cd-bar{border-radius:4px;height:100%}.cd-bar--high{background:#22c55e;width:80%}.cd-bar--medium{background:linear-gradient(90deg,#f97316,#f59e0b);width:43%}.cd-bar--low{background:#eab308;width:25%}.cd-action-btn{border:1px solid var(--color-accent);color:var(--color-accent);cursor:default;pointer-events:none;white-space:nowrap;background:0 0;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:.82em}[data-theme=dark] .cd-action-btn{color:#63b3ed;border-color:#63b3ed73}.sa-demo-wrapper{box-sizing:border-box;width:100%;padding:32px 40px 32px 72px;position:relative}.sa-demo{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border-medium);border-radius:16px;padding:28px 32px;font-size:.88em;box-shadow:0 2px 8px #0000000f,0 8px 32px #2932471a,0 32px 72px #29324714}[data-theme=dark] .sa-demo{background:#0d1b2e;border-color:#0000;box-shadow:0 4px 24px #0006,0 1px 6px #00000040,0 0 0 1px #ffffff0f}.sa-demo-title{color:var(--color-text-muted);margin-bottom:16px;font-size:.95em;font-weight:500}[data-theme=dark] .sa-demo-title{color:#def}.sa-finding{border:1px solid var(--color-border-medium);background:var(--color-hover);border-radius:10px;margin-bottom:10px;padding:18px 20px}[data-theme=dark] .sa-finding{background:0 0;border-color:#ffffff14}.sa-finding:last-child{margin-bottom:0}.sa-finding-title{color:var(--color-text);margin-bottom:6px;font-size:.92em;font-weight:700}[data-theme=dark] .sa-finding-title{color:#def}.sa-finding-desc{color:var(--color-text-muted);margin-bottom:10px;font-size:.87em}[data-theme=dark] .sa-finding-desc{color:#bed7f0cc}.sa-sources{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sa-sources-label{color:var(--color-text-muted);flex-shrink:0;font-size:.83em}.sa-source-tag{border:1px solid var(--color-border-medium);color:var(--color-text-muted);cursor:default;pointer-events:none;white-space:nowrap;background:0 0;border-radius:20px;padding:4px 12px;font-size:.8em}[data-theme=dark] .sa-source-tag{color:#a8cce8;border-color:#ffffff2e}.at-demo-wrapper{--pad-r:72px;box-sizing:border-box;width:100%;padding:32px 72px;position:relative}.at-demo{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border-medium);border-radius:16px;padding:28px 32px;font-size:.88em;box-shadow:0 2px 8px #0000000f,0 8px 32px #2932471a,0 32px 72px #29324714}[data-theme=dark] .at-demo{background:#0d1b2e;border-color:#0000;box-shadow:0 4px 24px #0006,0 1px 6px #00000040,0 0 0 1px #ffffff0f}.at-demo-title{color:var(--color-text-muted);margin-bottom:16px;font-size:.88em}[data-theme=dark] .at-demo-title{color:#bed7f0b3}.at-cards{grid-template-columns:1fr 1fr;gap:16px;display:grid}.at-card{border:1px solid var(--color-border-medium);background:var(--color-hover);border-radius:12px;padding:18px 20px}[data-theme=dark] .at-card{background:0 0;border-color:#ffffff1a}.at-card-title{color:var(--color-text);margin-bottom:12px;font-size:.92em;font-weight:700}[data-theme=dark] .at-card-title{color:#def}.at-tags{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.at-tag{border-radius:20px;padding:5px 12px;font-size:.8em;font-weight:500}.at-tag--olive{color:#8a6e10;background:#b4961e26}.at-tag--teal{color:#007a8c;background:#008ca01f}[data-theme=dark] .at-tag--olive{color:#d6bc45;background:#b4961e66}[data-theme=dark] .at-tag--teal{color:#4dc8d6;background:#148ca059}.at-card-impact{color:var(--color-text-muted);margin-bottom:14px;font-size:.85em}[data-theme=dark] .at-card-impact{color:#bed7f0a6}.at-actions{gap:8px;display:flex}.at-btn{cursor:default;pointer-events:none;border-radius:7px;padding:6px 14px;font-family:inherit;font-size:.82em}.at-btn--primary{color:#fff;background:#2563eb;border:none}.at-btn--outline{color:var(--color-accent);border:1px solid var(--color-accent);background:0 0}[data-theme=dark] .at-btn--outline{color:#7eb3e0;border-color:#64aadc59}.ur-demo-wrapper{--pad-r:72px;box-sizing:border-box;width:100%;padding:32px 72px;position:relative}.ur-demo{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border-medium);border-radius:16px;padding:28px 32px;font-size:.88em;box-shadow:0 2px 8px #0000000f,0 8px 32px #2932471a,0 32px 72px #29324714}[data-theme=dark] .ur-demo{background:#0d1b2e;border-color:#0000;box-shadow:0 4px 24px #0006,0 1px 6px #00000040,0 0 0 1px #ffffff0f}.ur-demo-title{color:var(--color-text);margin-bottom:6px;font-size:1.05em;font-weight:700}[data-theme=dark] .ur-demo-title{color:#def}.ur-demo-subtitle{color:var(--color-text-muted);margin-bottom:16px;font-size:.87em;line-height:1.5}[data-theme=dark] .ur-demo-subtitle{color:#bed7f0b3}.ur-divider{border:none;border-top:1px solid var(--color-border-medium);margin:0 0 14px}[data-theme=dark] .ur-divider{border-color:#ffffff1a}.ur-table{width:100%;margin-bottom:0}.ur-thead{grid-template-columns:1.6fr 1.4fr 1fr 1fr;gap:0 12px;padding:0 0 8px;display:grid}.ur-th{color:var(--color-text);font-size:.82em;font-weight:700}[data-theme=dark] .ur-th{color:#def}.ur-row{border-top:1px solid var(--color-border);grid-template-columns:1.6fr 1.4fr 1fr 1fr;align-items:center;gap:0 12px;padding:10px 0;display:grid}[data-theme=dark] .ur-row{border-color:#ffffff12}.ur-task{color:var(--color-text);align-items:center;gap:8px;font-size:.88em;display:flex}[data-theme=dark] .ur-task{color:#c8dff0}.ur-task-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:.75em;display:flex}.ur-task-icon--check{color:#fff;background:#2563eb}.ur-task-icon--arrow{color:var(--color-text-muted);background:0 0;font-size:1em}[data-theme=dark] .ur-task-icon--arrow{color:#8ab4d0}.ur-action{color:var(--color-text-muted);font-size:.87em}[data-theme=dark] .ur-action{color:#bed7f0bf}.ur-btn{border:1px solid var(--color-border-medium);color:var(--color-text-muted);cursor:default;pointer-events:none;white-space:nowrap;background:0 0;border-radius:6px;justify-self:start;padding:4px 12px;font-family:inherit;font-size:.82em}[data-theme=dark] .ur-btn{color:#9bbdd8;border-color:#fff3}.ur-why-title{color:var(--color-text);margin:16px 0 6px;font-size:.95em;font-weight:700}[data-theme=dark] .ur-why-title{color:#def}.ur-why-text{color:var(--color-text-muted);margin-bottom:18px;font-size:.87em;line-height:1.5}[data-theme=dark] .ur-why-text{color:#bed7f0b3}.ur-footer{gap:10px;display:flex}.ur-btn-revert{border:1px solid var(--color-accent);color:var(--color-accent);cursor:default;pointer-events:none;background:0 0;border-radius:8px;padding:8px 20px;font-family:inherit;font-size:.87em}.ur-btn-approve{color:#fff;cursor:default;pointer-events:none;background:#2563eb;border:none;border-radius:8px;padding:8px 20px;font-family:inherit;font-size:.87em}.eo-demo-wrapper{box-sizing:border-box;width:100%;padding:32px 40px 32px 72px;position:relative}.eo-demo{background:var(--color-bg);border:1px solid var(--color-border-medium);border-radius:16px;padding:24px 28px;font-size:.88em;box-shadow:0 2px 8px #0000000f,0 8px 32px #2932471a}[data-theme=dark] .eo-demo{background:#0d1b2e;border-color:#0000;box-shadow:0 4px 24px #0006,0 1px 6px #00000040,0 0 0 1px #ffffff0f}.eo-alternatives{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.eo-alt-card{border:1px solid var(--color-border-medium);border-radius:10px;padding:14px 16px}[data-theme=dark] .eo-alt-card{border-color:#ffffff1f}.eo-alt-label{color:var(--color-text-muted);margin-bottom:8px;font-size:.8em}[data-theme=dark] .eo-alt-label{color:#bed7f08c}.eo-alt-title{color:var(--color-text);margin-bottom:6px;font-size:.9em;font-weight:700}[data-theme=dark] .eo-alt-title{color:#def}.eo-alt-impact{color:var(--color-text-muted);font-size:.84em;font-weight:600}[data-theme=dark] .eo-alt-impact{color:#8ab4cc}.eo-chat{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.eo-msg{align-items:flex-start;gap:12px;display:flex}.eo-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85em;font-weight:700;display:flex}.eo-avatar--agent{color:#fff;letter-spacing:0;background:#7c6af7}.eo-avatar--user{background:var(--color-border-medium);color:var(--color-text-muted);font-size:1em;overflow:hidden}[data-theme=dark] .eo-avatar--user{color:#8ab0cc;background:#ffffff26}.eo-msg-text{color:var(--color-text);font-size:.88em;line-height:1.45}[data-theme=dark] .eo-msg-text{color:#c8dff0}.eo-fields{padding-left:44px}.eo-field-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;font-size:.87em;display:flex}.eo-field-row:last-child{margin-bottom:0}.eo-field-text{color:var(--color-text);white-space:nowrap}[data-theme=dark] .eo-field-text{color:#c8dff0}.eo-select{border:1px solid var(--color-border-medium);color:var(--color-text);cursor:default;pointer-events:none;white-space:nowrap;background:0 0;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-family:inherit;font-size:.85em;display:inline-flex}[data-theme=dark] .eo-select{color:#9bbdd8;border-color:#fff3}.eo-select--wide{min-width:100px}.eo-select-arrow{opacity:.6;font-size:.75em}.sd-demo-wrapper{box-sizing:border-box;width:100%;padding:32px 40px 32px 72px;position:relative}.sd-demo{background:var(--color-bg);border:1px solid var(--color-border-medium);border-radius:16px;padding:24px 28px;font-size:.88em;box-shadow:0 2px 8px #0000000f,0 8px 32px #2932471a}[data-theme=dark] .sd-demo{background:#0d1b2e;border-color:#0000;box-shadow:0 4px 24px #0006,0 1px 6px #00000040,0 0 0 1px #ffffff0f}.sd-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.sd-title{color:var(--color-text);margin-bottom:6px;font-size:1em;font-weight:700}[data-theme=dark] .sd-title{color:#def}.sd-subtitle{color:var(--color-text-muted);max-width:520px;font-size:.87em;line-height:1.5}[data-theme=dark] .sd-subtitle{color:#bed7f0b3}.sd-add-btn{color:#fff;cursor:default;pointer-events:none;white-space:nowrap;background:#2563eb;border:none;border-radius:8px;flex-shrink:0;padding:8px 18px;font-family:inherit;font-size:.84em}.sd-rules{flex-direction:column;gap:10px;display:flex}.sd-rule{border:1px solid var(--color-border-medium);background:var(--color-hover);border-radius:10px;padding:14px 18px}[data-theme=dark] .sd-rule{background:0 0;border-color:#ffffff1a}.sd-rule-top{align-items:center;gap:12px;margin-bottom:6px;display:flex}.sd-checkbox{border:1.5px solid var(--color-border-medium);background:0 0;border-radius:3px;flex-shrink:0;width:16px;height:16px}[data-theme=dark] .sd-checkbox{border-color:#ffffff4d}.sd-rule-name{color:var(--color-text);font-size:.9em;font-weight:600}[data-theme=dark] .sd-rule-name{color:#def}.sd-rule-desc{color:var(--color-text-muted);padding-left:28px;font-size:.84em}[data-theme=dark] .sd-rule-desc{color:#bed7f099}.ep-demo-wrapper{box-sizing:border-box;--pad-l:56px;width:100%;padding:16px 40px 16px 56px;position:relative}.ep-demo-wrapper .sc-line{flex:1}.ep-demo{background:var(--color-bg);border:1px solid var(--color-border-medium);border-radius:16px;font-size:.88em;overflow:hidden;box-shadow:0 2px 8px #0000000f,0 8px 32px #2932471a}[data-theme=dark] .ep-demo{background:#151e2d;border-color:#ffffff1a;box-shadow:0 4px 24px #0006,0 1px 6px #00000040}.ep-tabs{border-bottom:1px solid var(--color-border);gap:0;padding:0 24px;display:flex}[data-theme=dark] .ep-tabs{border-color:#ffffff14}.ep-tab{color:var(--color-text-muted);cursor:default;pointer-events:none;appearance:none;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:14px 16px 12px;font-family:inherit;font-size:.9em;font-weight:500}.ep-tab.active{color:#22c55e;border-bottom-color:#22c55e}[data-theme=dark] .ep-tab{color:#c8dcf080}[data-theme=dark] .ep-tab.active{color:#22c55e}.ep-body{flex-direction:column;gap:10px;padding:14px 18px;display:flex}.ep-msg{border:1px solid var(--color-border-medium);border-radius:10px;padding:14px 16px}[data-theme=dark] .ep-msg{background:#ffffff05;border-color:#ffffff1a}.ep-msg-top{align-items:flex-start;gap:10px;display:flex}.ep-msg-top+*{margin-top:10px}.ep-spark{color:#7c6af7;flex-shrink:0;margin-top:1px;font-size:1em}.ep-msg-text{color:var(--color-text);font-size:.88em;line-height:1.45}[data-theme=dark] .ep-msg-text{color:#c8dff0}.ep-input-row{background:var(--color-hover);border:1px solid var(--color-border-medium);border-radius:8px;align-items:center;gap:8px;padding:8px 8px 8px 12px;display:flex}[data-theme=dark] .ep-input-row{background:#00000040;border-color:#ffffff1f}.ep-input-placeholder{color:var(--color-text-muted);opacity:.6;flex:1;font-size:.87em}[data-theme=dark] .ep-input-placeholder{color:#b4c8dc80}.ep-send{cursor:default;pointer-events:none;background:#2563eb;border:none;border-radius:6px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;padding:0;display:flex}.ep-send svg{fill:none;stroke:#fff;width:14px;height:14px}.ep-alt-btn{color:#2563eb;cursor:default;pointer-events:none;background:0 0;border:1px solid #2563eb;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:.83em;display:inline-flex}[data-theme=dark] .ep-alt-btn{color:#60a5fa;border-color:#3b82f6}.ep-footer{border-top:1px solid var(--color-border);flex-direction:column;gap:8px;padding:12px 18px 10px;display:flex}[data-theme=dark] .ep-footer{border-color:#ffffff14}.ep-footer-input{background:var(--color-hover);border:1px solid var(--color-border-medium);border-radius:8px;align-items:center;gap:8px;padding:8px 8px 8px 12px;display:flex}[data-theme=dark] .ep-footer-input{background:#0003;border-color:#ffffff1a}.ep-disclaimer{color:var(--color-text-muted);text-align:center;opacity:.7;font-size:.78em}.mi-demo-wrapper{--pad-r:72px;box-sizing:border-box;width:100%;padding:32px 72px;position:relative}.mi-demo{background:var(--color-bg);border:1px solid var(--color-border-medium);border-radius:16px;grid-template-columns:220px 1fr;min-height:340px;font-size:.88em;display:grid;overflow:hidden;box-shadow:0 2px 8px #0000000f,0 8px 32px #2932471a}[data-theme=dark] .mi-demo{background:#151e2d;border-color:#ffffff1a;box-shadow:0 4px 24px #0006,0 0 0 1px #ffffff0d}.mi-left{border-right:1px solid var(--color-border);flex-direction:column;gap:8px;padding:16px 14px;display:flex}[data-theme=dark] .mi-left{border-color:#ffffff14}.mi-left-title{color:var(--color-text);margin-bottom:4px;padding:0 4px;font-size:.85em;font-weight:600}[data-theme=dark] .mi-left-title{color:#c8dff0}.mi-incident{border:1px solid var(--color-border);cursor:default;border-radius:8px;padding:10px 12px}[data-theme=dark] .mi-incident{background:#ffffff05;border-color:#ffffff14}.mi-incident.selected{background:#3b82f60f;border-color:#3b82f6}[data-theme=dark] .mi-incident.selected{background:#3b82f61a}.mi-incident-top{align-items:center;gap:7px;margin-bottom:3px;display:flex}.mi-icon{flex-shrink:0;font-size:.95em}.mi-incident-name{color:var(--color-text);font-size:.87em;font-weight:700}[data-theme=dark] .mi-incident-name{color:#def}.mi-incident-desc{color:var(--color-text-muted);padding-left:22px;font-size:.8em}[data-theme=dark] .mi-incident-desc{color:#b4c8dc8c}.mi-right{flex-direction:column;padding:16px 18px 0;display:flex}.mi-right-title{color:var(--color-text);margin-bottom:12px;font-size:.88em;font-weight:600}[data-theme=dark] .mi-right-title{color:#c8dff0}.mi-chat{flex-direction:column;flex:1;gap:10px;display:flex;overflow:hidden}.mi-msg{align-items:flex-start;gap:10px;display:flex}.mi-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;font-size:.78em;font-weight:700;display:flex}.mi-avatar--agent{color:#fff;background:#7c6af7}.mi-avatar--user{background:var(--color-border-medium);color:var(--color-text-muted);overflow:hidden}[data-theme=dark] .mi-avatar--user{color:#8ab0cc;background:#ffffff26}.mi-msg-body{flex:1}.mi-msg-text{color:var(--color-text);margin-bottom:6px;font-size:.86em;line-height:1.45}[data-theme=dark] .mi-msg-text{color:#c8dff0}.mi-actions{flex-wrap:wrap;gap:7px;margin-bottom:2px;display:flex}.mi-action-btn{color:#3b82f6;cursor:default;pointer-events:none;white-space:nowrap;background:0 0;border:1px solid #3b82f6;border-radius:6px;padding:5px 11px;font-family:inherit;font-size:.78em}[data-theme=dark] .mi-action-btn{color:#7eb3f8;border-color:#4f8ef7}.mi-footer{border-top:1px solid var(--color-border);margin-top:10px;padding:10px 0 8px}[data-theme=dark] .mi-footer{border-color:#ffffff12}.mi-input-row{background:var(--color-hover);border:1px solid var(--color-border-medium);border-radius:8px;align-items:center;gap:8px;margin-bottom:6px;padding:7px 10px;display:flex}[data-theme=dark] .mi-input-row{background:#0003;border-color:#ffffff1a}.mi-input-placeholder{color:var(--color-text-muted);opacity:.55;flex:1;font-size:.83em}.mi-send{cursor:default;pointer-events:none;background:#2563eb;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:flex}.mi-send svg{fill:#fff;width:11px;height:11px}.mi-disclaimer{color:var(--color-text-muted);text-align:center;opacity:.6;font-size:.75em}.ce-demo-wrapper{--pad-r:72px;box-sizing:border-box;width:100%;padding:32px 72px;position:relative}.ce-shell{background:var(--color-bg);border:1px solid var(--color-border-medium);border-radius:16px;font-size:.87em;overflow:hidden;box-shadow:0 2px 8px #0000000f,0 8px 32px #2932471a}[data-theme=dark] .ce-shell{background:#111827;border-color:#ffffff14;box-shadow:0 4px 24px #00000073,0 0 0 1px #ffffff0d}.ce-header{border-bottom:1px solid var(--color-border);padding:14px 20px 10px}[data-theme=dark] .ce-header{border-color:#ffffff12}.ce-header-title{color:var(--color-text);margin-bottom:5px;font-size:1em;font-weight:700}[data-theme=dark] .ce-header-title{color:#e0eeff}.ce-meta{flex-wrap:wrap;gap:18px;display:flex}.ce-meta-item{color:var(--color-text-muted);font-size:.82em}.ce-meta-item strong{color:var(--color-text);font-weight:600}[data-theme=dark] .ce-meta-item{color:#b4c8dc8c}[data-theme=dark] .ce-meta-item strong{color:#b0ccee}.ce-body{grid-template-columns:1fr 1fr;min-height:0;display:grid}.ce-editor{border-right:1px solid var(--color-border);flex-direction:column;gap:14px;max-height:420px;padding:18px 20px;display:flex;overflow-y:auto}[data-theme=dark] .ce-editor{border-color:#ffffff12}.ce-doc-title{color:var(--color-text);font-size:.97em;font-weight:700}[data-theme=dark] .ce-doc-title{color:#def}.ce-section-title{color:var(--color-text);margin-bottom:3px;font-size:.9em;font-weight:700}[data-theme=dark] .ce-section-title{color:#c8dff0}.ce-section-body{color:var(--color-text-muted);font-size:.83em;line-height:1.5}[data-theme=dark] .ce-section-body{color:#b4c8dc99}.ce-rules-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ce-ai-btn{color:#fff;cursor:default;pointer-events:none;background:#3b82f6;border:none;border-radius:7px;align-items:center;gap:6px;padding:6px 13px;font-family:inherit;font-size:.8em;font-weight:600;display:flex}.ce-ai-btn:before{content:"✦";font-size:.85em}.ce-rules-list{flex-direction:column;gap:6px;display:flex}.ce-rule{background:0 0;border:1px solid #0000;border-radius:8px;padding:10px 13px}.ce-rule.active{background:#3b82f614;border-color:#3b82f640}[data-theme=dark] .ce-rule.active{background:#3b82f61f;border-color:#3b82f659}.ce-rule-name{color:var(--color-text);margin-bottom:3px;font-size:.86em;font-weight:700}[data-theme=dark] .ce-rule-name{color:#def}.ce-rule-desc{color:var(--color-text-muted);font-size:.8em;line-height:1.45}[data-theme=dark] .ce-rule-desc{color:#b4c8dc8c}.ce-assist{flex-direction:column;gap:12px;padding:18px 18px 0;display:flex}.ce-assist-title{color:var(--color-text);font-size:.9em;font-weight:600}[data-theme=dark] .ce-assist-title{color:#c8dff0}.ce-suggestion{align-items:flex-start;gap:10px;display:flex}.ce-avatar{color:#fff;background:#7c6af7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.78em;font-weight:700;display:flex}.ce-suggestion-body{flex:1}.ce-suggestion-label{color:var(--color-text-muted);margin-bottom:3px;font-size:.78em;font-weight:600}[data-theme=dark] .ce-suggestion-label{color:#a0bed799}.ce-suggestion-text{color:var(--color-text);font-size:.84em;line-height:1.45}[data-theme=dark] .ce-suggestion-text{color:#c8dff0}.ce-review-btns{flex-wrap:wrap;gap:7px;display:flex}.ce-btn{cursor:default;pointer-events:none;border:1px solid var(--color-border-medium);color:var(--color-text);background:0 0;border-radius:6px;padding:5px 12px;font-family:inherit;font-size:.79em}[data-theme=dark] .ce-btn{color:#9dbbd8;border-color:#78a0c84d}.ce-assist-spacer{flex:1}.ce-assist-bottom{border-top:1px solid var(--color-border);margin-top:4px;padding:10px 0 0}[data-theme=dark] .ce-assist-bottom{border-color:#ffffff12}.ce-mode-btns{flex-wrap:wrap;gap:7px;margin-bottom:9px;display:flex}.ce-mode-btn{cursor:default;pointer-events:none;color:#3b82f6;background:0 0;border:1px solid #3b82f6;border-radius:6px;padding:5px 11px;font-family:inherit;font-size:.78em}[data-theme=dark] .ce-mode-btn{color:#7eb3f8;border-color:#4f8ef7}.ce-input-row{background:var(--color-hover);border:1px solid var(--color-border-medium);border-radius:8px;align-items:center;gap:8px;margin-bottom:6px;padding:7px 10px;display:flex}[data-theme=dark] .ce-input-row{background:#0003;border-color:#ffffff1a}.ce-input-placeholder{color:var(--color-text-muted);opacity:.55;flex:1;font-size:.83em}.ce-send{cursor:default;pointer-events:none;background:#2563eb;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:flex}.ce-send svg{fill:#fff;width:11px;height:11px}.ce-disclaimer{color:var(--color-text-muted);text-align:center;opacity:.6;padding-bottom:10px;font-size:.75em}.rc-demo-wrapper{--pad-r:72px;box-sizing:border-box;width:100%;padding:32px 72px;position:relative}.rc-card{background:var(--color-bg);border:1px solid var(--color-border-medium);border-radius:16px;padding:24px 28px;font-size:.88em;position:relative;box-shadow:0 2px 8px #0000000f,0 8px 32px #2932471a}[data-theme=dark] .rc-card{background:#151e2d;border-color:#ffffff14;box-shadow:0 4px 24px #00000073,0 0 0 1px #ffffff0d}.rc-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.rc-card-title{color:var(--color-text);align-items:center;gap:8px;font-size:1em;font-weight:700;display:flex}[data-theme=dark] .rc-card-title{color:#def}.rc-card-title-icon{color:#a78bfa;font-size:1.1em}.rc-status-badge{color:#fde68a;white-space:nowrap;background:#b45309;border-radius:20px;padding:5px 14px;font-size:.8em;font-weight:600}[data-theme=dark] .rc-status-badge{color:#fcd34d;background:#92400e}.rc-status-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:14px;font-size:.82em;font-weight:600}[data-theme=dark] .rc-status-label{color:#a0bed780}.rc-stepper{align-items:flex-start;margin-bottom:22px;display:flex;overflow-x:auto}.rc-step{flex-direction:column;flex:1;align-items:center;min-width:70px;display:flex;position:relative}.rc-step-track{align-items:center;width:100%;margin-bottom:6px;display:flex;position:relative}.rc-step-circle{z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.82em;font-weight:700;display:flex}.rc-step-circle--done{color:#fff;background:#16a34a;border:2px solid #16a34a}.rc-step-circle--active{color:#fff;background:#2563eb;border:2px solid #2563eb}.rc-step-circle--pending{color:var(--color-text-muted);border:2px solid var(--color-border-medium);background:0 0}[data-theme=dark] .rc-step-circle--pending{color:#a0b4d266;border-color:#fff3}.rc-connector{background:var(--color-border-medium);flex:1;height:2px}.rc-connector--done{background:#2563eb}[data-theme=dark] .rc-connector{background:#ffffff1f}[data-theme=dark] .rc-connector--done{background:#2563eb}.rc-step-name{color:var(--color-text-muted);text-align:center;padding:0 2px;font-size:.76em;font-weight:600;line-height:1.3}.rc-step-name--done,.rc-step-name--active{color:var(--color-text)}[data-theme=dark] .rc-step-name{color:#a0bed766}[data-theme=dark] .rc-step-name--done,[data-theme=dark] .rc-step-name--active{color:#c8dff0}.rc-section{margin-bottom:16px}.rc-section-title{color:var(--color-text);margin-bottom:5px;font-size:.92em;font-weight:700}[data-theme=dark] .rc-section-title{color:#c8dff0}.rc-section-body{color:var(--color-text-muted);font-size:.84em;line-height:1.5}[data-theme=dark] .rc-section-body{color:#b4c8dc99}.rc-rationale-list{color:var(--color-text-muted);margin:0;padding-left:18px;font-size:.84em;line-height:1.8;list-style:outside}[data-theme=dark] .rc-rationale-list{color:#b4c8dc99}.rc-actions-text{color:var(--color-text-muted);margin-bottom:12px;font-size:.83em;line-height:1.5}[data-theme=dark] .rc-actions-text{color:#b4c8dc99}.rc-action-btns{flex-wrap:wrap;gap:9px;display:flex}.rc-btn{cursor:default;pointer-events:none;border-radius:7px;padding:7px 18px;font-family:inherit;font-size:.84em;font-weight:600}.rc-btn--primary{color:#fff;background:#2563eb;border:none}.rc-btn--outline{border:1px solid var(--color-border-medium);color:var(--color-text);background:0 0}[data-theme=dark] .rc-btn--outline{color:#9dbbd8;border-color:#78a0c84d}.ah-demo-wrapper{--pad-r:72px;box-sizing:border-box;width:100%;padding:32px 72px;position:relative}.ah-card{background:var(--color-bg);border:1px solid var(--color-border-medium);border-radius:16px;padding:22px 24px;font-size:.88em;box-shadow:0 2px 8px #0000000f,0 8px 32px #2932471a}[data-theme=dark] .ah-card{background:#151e2d;border-color:#ffffff14;box-shadow:0 4px 24px #00000073,0 0 0 1px #ffffff0d}.ah-card-title{color:var(--color-text);margin-bottom:14px;font-size:.97em;font-weight:700}[data-theme=dark] .ah-card-title{color:#def}.ah-log{flex-direction:column;gap:8px;display:flex}.ah-entry{border:1px solid var(--color-border);background:var(--color-hover);border-radius:10px;padding:13px 16px}[data-theme=dark] .ah-entry{background:#ffffff06;border-color:#ffffff12}.ah-entry-text{color:var(--color-text);margin-bottom:8px;font-size:.86em;line-height:1.4}[data-theme=dark] .ah-entry-text{color:#c8dff0}.ah-entry-text strong{font-weight:700}.ah-badge{border-radius:20px;align-items:center;gap:5px;padding:4px 13px;font-size:.78em;font-weight:600;display:inline-flex}.ah-badge--agent{color:#7dd3fc;background:#0e4d6e}[data-theme=dark] .ah-badge--agent{color:#67c4f4;background:#0c3a54}.ah-badge--user{color:#b45309;background:#f59e0b26}[data-theme=dark] .ah-badge--user{color:#fbbf24;background:#f59e0b2e}.ah-badge-icon{font-size:.9em}.vd-demo-wrapper{box-sizing:border-box;--pad-l:56px;--pad-r:64px;width:100%;padding:16px 64px 48px 56px;position:relative}.vd-card{background:var(--color-bg);border:1px solid var(--color-border-medium);border-radius:16px;padding:24px 28px;font-size:.88em;box-shadow:0 2px 8px #0000000f,0 8px 32px #2932471a}[data-theme=dark] .vd-card{background:#151e2d;border-color:#ffffff14;box-shadow:0 4px 24px #00000073,0 0 0 1px #ffffff0d}.vd-card-title{color:var(--color-text);margin-bottom:6px;font-size:1em;font-weight:700}[data-theme=dark] .vd-card-title{color:#def}.vd-subtitle{color:var(--color-text-muted);margin-bottom:18px;font-size:.84em;line-height:1.45}[data-theme=dark] .vd-subtitle{color:#b4c8dc99}.vd-subtitle strong{color:var(--color-text);font-weight:700}[data-theme=dark] .vd-subtitle strong{color:#c8dff0}.vd-panels{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px;display:grid}.vd-panel{border:1px solid var(--color-border);border-radius:10px;flex-direction:column;gap:12px;padding:16px 18px;display:flex}[data-theme=dark] .vd-panel{background:#ffffff04;border-color:#ffffff14}.vd-panel-title{color:var(--color-text);margin-bottom:2px;font-size:.95em;font-weight:700}[data-theme=dark] .vd-panel-title{color:#def}.vd-field{flex-direction:column;gap:4px;display:flex}.vd-label{color:var(--color-text);font-size:.8em;font-weight:600}[data-theme=dark] .vd-label{color:#b0ccee}.vd-label span{color:#ef4444}.vd-input{box-sizing:border-box;border:1px solid var(--color-border-medium);background:var(--color-hover);width:100%;color:var(--color-text-muted);pointer-events:none;border-radius:6px;outline:none;padding:8px 12px;font-family:inherit;font-size:.84em}[data-theme=dark] .vd-input{color:#a0bed773;background:#00000026;border-color:#ffffff1a}.vd-input--changed{color:var(--color-text);background:#c2410c26;border-color:#c2410c;font-weight:600}[data-theme=dark] .vd-input--changed{color:#fcd9b0;background:#c2410c38;border-color:#ea580c}.vd-actions{gap:10px;display:flex}.vd-btn{cursor:default;pointer-events:none;border-radius:7px;padding:8px 20px;font-family:inherit;font-size:.84em;font-weight:600}.vd-btn--outline{color:#3b82f6;background:0 0;border:1.5px solid #3b82f6}[data-theme=dark] .vd-btn--outline{color:#7eb3f8;border-color:#4f8ef7}.vd-btn--primary{color:#fff;background:#2563eb;border:none}.bt-demo-wrapper{box-sizing:border-box;--pad-l:56px;width:100%;padding:16px 64px 48px 56px;position:relative}.bt-card{background:var(--color-bg);border:1px solid var(--color-border-medium);border-radius:16px;padding:22px 28px;font-size:.88em;box-shadow:0 2px 8px #0000000f,0 8px 32px #2932471a}[data-theme=dark] .bt-card{background:#151e2d;border-color:#ffffff14;box-shadow:0 4px 24px #00000073,0 0 0 1px #ffffff0d}.bt-card-title{color:var(--color-text);border-bottom:1px solid var(--color-border);margin-bottom:14px;padding-bottom:14px;font-size:1em;font-weight:700}[data-theme=dark] .bt-card-title{color:#def;border-color:#ffffff12}.bt-why-box{border:1px solid var(--color-border-medium);background:var(--color-hover);border-radius:8px;margin-bottom:18px;padding:14px 16px}[data-theme=dark] .bt-why-box{background:#ffffff08;border-color:#ffffff1a}.bt-why-title{color:var(--color-text);margin-bottom:4px;font-size:.92em;font-weight:700}[data-theme=dark] .bt-why-title{color:#def}.bt-why-body{color:var(--color-text-muted);font-size:.83em;line-height:1.45}[data-theme=dark] .bt-why-body{color:#b4c8dc99}.bt-details-label{color:var(--color-text-muted);margin-bottom:10px;font-size:.84em;font-weight:600}[data-theme=dark] .bt-details-label{color:#a0bed78c}.bt-details-grid{grid-template-columns:1fr 1fr;gap:7px 24px;margin-bottom:14px;display:grid}.bt-detail-key{color:var(--color-text-muted);font-size:.83em}[data-theme=dark] .bt-detail-key{color:#a0bed780}.bt-detail-val{color:var(--color-text-muted);font-size:.83em}[data-theme=dark] .bt-detail-val{color:#a0bed780}.bt-detail-val small{color:var(--color-text-muted);opacity:.65;font-size:.88em}.bt-expanders{flex-direction:column;gap:2px;margin-bottom:16px;display:flex}.bt-expander{color:#3b82f6;cursor:default;align-items:center;gap:7px;padding:3px 0;font-size:.84em;font-weight:700;display:flex}[data-theme=dark] .bt-expander{color:#60a5fa}.bt-expander-arrow{font-size:.8em}.bt-footer-divider{border:none;border-top:1px solid var(--color-border);margin:0 0 12px}[data-theme=dark] .bt-footer-divider{border-color:#ffffff12}.bt-footer-note{color:var(--color-text-muted);opacity:.75;margin-bottom:14px;font-size:.81em}[data-theme=dark] .bt-footer-note{color:#a0bed773}.bt-actions{align-items:center;gap:16px;display:flex}.bt-btn-rollback{color:#3b82f6;cursor:default;pointer-events:none;background:0 0;border:none;padding:0;font-family:inherit;font-size:.88em;font-weight:700}[data-theme=dark] .bt-btn-rollback{color:#60a5fa}.bt-btn-primary{color:#fff;cursor:default;pointer-events:none;background:#2563eb;border:none;border-radius:7px;padding:8px 20px;font-family:inherit;font-size:.84em;font-weight:600}.hax-research-section{z-index:1;padding:80px 0;position:relative}.hax-research-inner{align-items:center;gap:60px;display:flex}.hax-research-text{flex:1}.hax-research-text h2{margin:0 0 16px;font-size:clamp(1.35rem,2.5vw,2.1rem);font-weight:600;line-height:1.2}.hax-research-text p{color:var(--color-text-muted);margin:0 0 32px;font-size:1.05em;line-height:1.7}.hax-research-image{flex:1;justify-content:center;display:flex}.hax-research-image img{object-fit:cover;border-radius:16px;width:100%;height:360px;display:block}.sdk-section{z-index:1;border-top:1px solid var(--color-border);padding:80px 0;position:relative}.sdk-inner{align-items:center;gap:60px;display:flex}.sdk-text{flex:1}.sdk-text h2{margin:0 0 16px;font-size:1.8em;font-weight:600}.sdk-text p{color:var(--color-text-muted);margin:0 0 32px;font-size:1.05em;line-height:1.7}.sdk-cta{color:var(--color-text);z-index:0;background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:14px 28px;font-size:1em;font-weight:500;transition:transform .2s;display:inline-flex;position:relative}.sdk-cta:before{content:"";-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:conic-gradient(from 180deg,#ff6b6b,#a855f7,#6366f1,#3b82f6,#00bceb,#10b981,#eab308,#ff6b6b);border-radius:999px;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.sdk-cta:hover{transform:scale(1.03)}.sdk-cta svg{flex-shrink:0;width:16px;height:16px}.sdk-image{flex:1;justify-content:center;display:flex}.sdk-image img{object-fit:cover;border-radius:16px;width:100%;height:360px;display:block}@media (max-width:1024px){.page-hero-title h1{font-size:clamp(2em,3.5vw,10em)}.page-hero-image img,.page-hero-image video{height:320px}.patterns-header h2,.sdk-text h2{font-size:clamp(2em,3.5vw,10em)}.sdk-inner{gap:40px}}@media (max-width:768px){.page-hero-inner{flex-direction:column;gap:32px}.page-hero-text{padding-right:0}.page-hero-title h1{font-size:clamp(2em,3.5vw,10em)}.patterns-header h2{font-size:1.8em}.patterns-layout{grid-template-columns:1fr}.patterns-nav{flex-flow:wrap;gap:8px;position:static}.pattern-nav-group{flex-flow:wrap;gap:8px}.pattern-subnav{display:none!important}.pattern-filter{border-color:var(--color-border-medium);border-radius:40px;width:auto;padding:8px 16px;font-size:.85em}.sdk-inner{flex-direction:column;gap:32px}.sdk-text h2{font-size:1.8em}.sdk-image{justify-content:center}.sdk-image img{max-width:100%;height:auto}}@media (max-width:480px){.page-hero-title h1{font-size:1.6em}.patterns-header h2,.sdk-text h2{font-size:1.5em}}.hax-demo-fit{transform-origin:0 0}.hax-demo-modal{z-index:1000;justify-content:center;align-items:center;padding:10px;display:none;position:fixed;inset:0}.hax-demo-modal.open{display:flex}.hax-demo-modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b8;position:absolute;inset:0}.hax-demo-modal-content{z-index:1;-webkit-overflow-scrolling:touch;background:var(--color-bg);border:1px solid var(--color-border);border-radius:16px;width:100%;max-width:640px;max-height:90vh;padding:48px 8px 8px;position:relative;overflow:auto}.hax-demo-modal-close{z-index:2;border:1px solid var(--color-border-medium);background:var(--color-bg);width:36px;height:36px;color:var(--color-text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:22px;line-height:1;display:flex;position:absolute;top:8px;right:8px}.hax-demo-modal [class*=demo-wrapper]{cursor:default;background:0 0;border:none;padding:6px;overflow:hidden}.hax-demo-modal [class*=callout]{display:none}@media (min-width:769px){.hax-demo-modal{display:none!important}}@media (max-width:768px){.initiative-card,.initiative-card.reversed{background-image:none}.patterns-layout{grid-template-columns:minmax(0,1fr)}.patterns-content{min-width:0}.patterns-section [class*=demo-wrapper]{cursor:zoom-in;padding:16px;overflow:hidden}.patterns-section .scope-demo-wrapper{padding-left:16px}.patterns-section [class*=callout]{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}