.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)}.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}.page-hero--sub{padding:32px 0 20px}.page-hero--sub .page-hero-title{margin-bottom:20px}.page-hero--sub .page-hero-title h1{font-size:clamp(2rem,4vw,2.75rem)}.page-hero--sub .page-hero-inner{flex-direction:column;align-items:center}.page-hero--sub .page-hero-text{text-align:center;max-width:640px;margin:0 auto;padding-right:0}.page-hero--sub .page-hero-text p{margin-bottom:12px}.page-hero--sub .page-hero-text p:last-child{margin-bottom:0}.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;padding:80px 0;position:relative;box-shadow:0 6.593px 10.548px #0000,0 15.823px 52.742px #0000,0 34.282px 105.484px #0000}.patterns-header{text-align:center;padding:0 0 48px}.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);margin:0;font-size:1.05em;line-height:1.6}.patterns-filters{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:48px;display:flex}.pattern-filter{color:var(--color-text-muted);border:1px solid var(--color-border-medium);cursor:pointer;background:0 0;border-radius:40px;flex-direction:row;justify-content:center;align-items:center;gap:0;padding:10px 24px;font-family:inherit;font-size:.95em;font-weight:500;transition:all .25s;display:inline-flex}.pattern-filter:before{content:none}.pattern-filter:hover{color:var(--color-text);border-color:var(--color-text);background:var(--color-hover)}.pattern-filter.is-active{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.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:center;margin:0 0 .5em;font-size:2em;font-weight:600}.pattern-divider{background:#4d638026;width:50%;height:1px;margin:48px auto 0}.pattern-examples-label{color:var(--color-text);text-align:center;margin:48px 0 24px;font-size:1.6em;font-weight:300}.pattern-desc{color:var(--color-text-muted);text-align:center;margin:0 auto 48px;font-size:1.05em;line-height:1.6}.pattern-visuals{flex-direction:column;align-items:center;gap:32px;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}.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;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:340px}.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)}.page-hero-image img,.page-hero-image video{max-width:100%;height:280px}.patterns-header h2{font-size:1.8em}.patterns-filters{gap:8px}.pattern-filter{padding:8px 16px;font-size:.85em}.hax-research-inner{flex-direction:column;gap:32px}.hax-research-text h2{font-size:1.45rem}.hax-research-image{justify-content:center}.hax-research-image img{max-width:100%;height:auto}.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}.page-hero-image img,.page-hero-image video{height:220px}.patterns-header h2{font-size:1.5em}.hax-research-text h2{font-size:1.28rem}.sdk-text h2{font-size:1.5em}}