.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--sub{padding:32px 0 16px}.page-hero--sub .page-hero-title{margin-bottom:20px}.page-hero--sub .page-hero-title h1{font-size:clamp(2rem,4vw,3em);font-weight:600}.page-hero--sub .page-hero-inner{flex-direction:column;align-items:center}.page-hero--sub .page-hero-text{text-align:center;max-width:720px;margin:0 auto;padding-right: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}.principles-preview-section{z-index:1;padding:24px 0 80px;position:relative}.principles-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px;display:grid}.principle-card{box-shadow:0 2px 16px var(--color-shadow);background:linear-gradient(145deg,#fffffff2 0%,#f5f8fffa 100%);border:1px solid #4d638033;border-radius:16px;padding:28px 24px}[data-theme=dark] .principle-card{border-color:var(--color-border-medium);background:#1c202ceb}.principle-card h3{color:var(--color-text);margin:0 0 14px;font-size:1.15em;font-weight:700}.principle-card p{color:var(--color-text-muted);margin:0;font-size:.95em;line-height:1.65}.patterns-cta-row{text-align:center;margin-top:48px}@media (max-width:900px){.principles-grid{grid-template-columns:1fr}}.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}@media (max-width:1024px){.page-hero-title h1,.patterns-header h2{font-size:clamp(2em,3.5vw,10em)}}@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}}@media (max-width:480px){.page-hero-title h1{font-size:1.6em}.patterns-header h2{font-size:1.5em}}