.hero{--hero-header-height:calc(var(--header-height) + 1px);min-block-size:calc(100dvh - var(--hero-header-height));isolation:isolate;flex-direction:column;display:flex;position:relative;overflow:clip}.hero:before{z-index:0;background:linear-gradient(var(--pixel-grid) 1px, transparent 1px), linear-gradient(90deg, var(--pixel-grid) 1px, transparent 1px);background-size:var(--grid-cell) var(--grid-cell);content:"";pointer-events:none;position:absolute;inset:0;-webkit-mask-image:radial-gradient(84% 76% at 50% 48%,#000 35%,#0000 92%);mask-image:radial-gradient(84% 76% at 50% 48%,#000 35%,#0000 92%)}.hero__grid-accents,.hero__grid-accents span{pointer-events:none;position:absolute;inset:0}.hero__grid-accents{z-index:0;overflow:hidden}.hero__grid-accents span:first-child{background:linear-gradient(var(--color-accent) 0 0) 97px 129px / 31px 31px no-repeat, linear-gradient(var(--color-lime) 0 0) 417px 449px / 31px 31px no-repeat, linear-gradient(var(--color-warm-accent) 0 0) 737px 705px / 31px 31px no-repeat, linear-gradient(var(--color-accent) 0 0) 1185px 321px / 31px 31px no-repeat;opacity:0;animation:8s ease-in-out .5 grid-accent-one}.hero__grid-accents span:last-child{background:linear-gradient(var(--color-hot-accent) 0 0) 33px 257px / 31px 31px no-repeat, linear-gradient(var(--color-accent) 0 0) 769px 545px / 31px 31px no-repeat, linear-gradient(var(--color-lime) 0 0) 353px 897px / 31px 31px no-repeat, linear-gradient(var(--color-hot-accent) 0 0) 1377px 641px / 31px 31px no-repeat;opacity:0;animation:8s ease-in-out 1s .5 grid-accent-two}.hero__grid{z-index:1;align-items:center;gap:var(--space-12);flex:1;grid-template-columns:repeat(2,minmax(0,1fr));padding-block:clamp(1.5rem,6svh,5rem);display:grid;position:relative}.hero__copy{max-width:42rem;container-type:inline-size}.hero h1,.section-heading h2{margin-top:var(--space-3);color:var(--color-ink);font-weight:850;line-height:.95}.hero h1{font-size:clamp(1.25rem,3.5vw,5.25rem);letter-spacing:-.035em;max-width:none;font-size:min(5.25rem,9.2cqi)}.hero h1 span{white-space:nowrap;display:block}.hero h1 span:first-child{margin-bottom:.2em}.hero__subtitle{margin-top:var(--space-5);max-width:38rem;color:var(--color-text-muted);font-size:var(--text-md)}.hero__actions{gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.hero__visual{min-width:0;justify-content:flex-end;padding-inline-end:var(--space-2);display:flex;position:relative}.brique-scene{isolation:isolate;aspect-ratio:7/4;border:2px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface);width:100%;box-shadow:var(--shadow-pixel), 0 0 .85rem var(--scene-perimeter-light);flex:0 100%;margin-inline:0;position:relative;overflow:hidden}.brique-scene__backdrop,.brique-scene__shelf,.brique-scene__glass{position:absolute;inset:0}.brique-scene__backdrop{z-index:0;background:linear-gradient(180deg, var(--scene-bg-top), var(--scene-bg-bottom))}.brique-scene__shelf{z-index:1;padding:clamp(1.35rem,4vw,3rem);grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));place-items:center;gap:clamp(.6rem,1.5vw,1rem);padding-bottom:clamp(1.8rem,5vw,3.6rem);display:grid}.brique-scene__glass{z-index:3;border:1px solid var(--scene-glass-edge);background:linear-gradient(180deg, var(--scene-glass-tint), transparent 26%);box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--scene-glass-edge) 28%, transparent), inset 0 0 .8rem var(--scene-glass-glow), inset 0 0 1.4rem var(--scene-glass-rim);pointer-events:none}.brique-scene__shine{content:"";background:var(--scene-glass-shine);height:145%;opacity:var(--scene-glass-band-opacity);display:block;position:absolute;top:-18%;transform:rotate(18deg)}.brique-scene__shine--wide{width:4%;left:24%}.brique-scene__shine--thin{opacity:.46;width:1.5%;left:69%}.pixel-item{max-inline-size:100%;aspect-ratio:1;width:clamp(4.1rem,8.7vw,6.35rem);filter:drop-shadow(.25rem .3rem 0 #00000029) drop-shadow(0 0 .9rem var(--scene-light));place-items:center;display:grid}.pixel-item svg{width:100%;height:100%;overflow:visible}.pixel-item rect,.pixel-item polygon,.pixel-item path{shape-rendering:crispedges}.pixel-item--couch,.pixel-item--car,.pixel-item--motorcycle,.pixel-item--bicycle{width:clamp(4.8rem,10vw,7.35rem)}.pixel-item--tv,.pixel-item--house{width:clamp(4.5rem,9.5vw,6.85rem)}.px-dark{fill:#15191f}.px-frame{fill:#2f3742}.px-metal{fill:#8a949f}.px-light,.px-white,.px-shine{fill:#f7fbff}.px-shadow{fill:#11131538}.px-screen{fill:#118fe5}.px-phone-screen{fill:#2896ee}.px-app-one{fill:#a8ff00}.px-app-two{fill:var(--color-warm-accent)}.px-app-three{fill:var(--color-hot-accent)}.px-app-four{fill:#f7fbff}.px-couch{fill:#b86b32}.px-couch-mid{fill:#9a5529}.px-couch-dark{fill:#6f361c}.px-couch-light{fill:#f09b56}.px-tv{fill:#8a512a}.px-tv-light{fill:#d3863e}.px-tv-dark{fill:#4a2a18}.px-tv-screen{fill:#98aaa5}.px-tire{fill:var(--px-tire)}.px-blue{fill:#1479e8}.px-blue-light{fill:#5fb0ff}.px-glass{fill:#78c5f0}.px-window{fill:var(--px-window)}.px-red{fill:#e53027}.px-red-light{fill:#ff725f}.px-wall{fill:#f1d7a8}.px-roof{fill:#c7432f}.px-stone{fill:#9a9185}.px-door{fill:#8b5826}.px-green{fill:#52913b}.px-screen-dark{fill:#0b5fa3}.px-metal-dark{fill:#6d7680}.px-metal-light{fill:#b4bcc4}.px-phone-screen-low{fill:#1f7fd6}.px-app-five{fill:#20c7c9}.px-dock{fill:#6fb8f5}.px-pillow-fill{fill:#1fa7a5}.px-pillow-light{fill:#6fded9}.px-tv-sky{fill:#8fd3f0}.px-green-light{fill:#7cc15a}.px-glass-light{fill:#c9eeff}.px-red-dark{fill:#a8211b}.px-tail{fill:#ffb199}.px-brick{fill:#a8452f}.px-brick-dark{fill:#6f2c1f}.px-wall-dark{fill:#e3c38e}.px-roof-dark{fill:#9c3222}.px-roof-light{fill:#e0604a}.px-door-dark{fill:#6b4119}.px-gold{fill:#d4a23a}@media (prefers-reduced-motion:reduce){.hero__grid-accents span:first-child,.hero__grid-accents span:last-child{opacity:.06;animation:none}}.stats-strip{border-block:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.stat{align-content:start;gap:var(--space-3);padding:var(--space-6);display:grid}.stat+.stat{border-left:1px solid var(--color-border)}.stat span{color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-xl);font-weight:900;display:block}.stat p,.principle-card p,.door-card__body{color:var(--color-text-muted)}.section-grid{gap:var(--space-6);padding-block:var(--space-10);display:grid}.section-heading{margin-bottom:var(--space-4);text-align:center}.section-heading h2{font-size:var(--text-xl)}.door-grid,.principle-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.door-card,.principle-card{gap:var(--space-3);padding:var(--space-6);align-content:start;display:grid}.door-card{text-decoration:none}.home-card__icon{border:2px solid var(--color-border-strong);background:var(--color-lime);color:#111315;place-items:center;width:3rem;height:3rem;display:grid}.home-card__icon svg{width:1.5rem;height:1.5rem}.door-card__title,.principle-card h2{color:var(--color-ink);font-size:var(--text-lg);font-weight:850}.principle-section{padding-bottom:var(--space-16)}.hero__subtitle{font-size:var(--text-base)}@media (max-width:860px){.hero{--hero-header-height:calc(3rem + 1px + env(safe-area-inset-top,0px))}.hero__grid,.section-grid{grid-template-columns:1fr}.hero__grid{align-content:center;gap:var(--space-6);padding-block:clamp(1.25rem,3svh,2.5rem)}.hero__visual{justify-content:center}.brique-scene{flex-basis:min(100%,34rem,48svh)}.door-grid,.principle-grid,.stats-strip{grid-template-columns:1fr}.section-heading h2{font-size:var(--text-lg)}.section-grid{padding-bottom:var(--space-4)}.stat{padding:var(--space-5) var(--space-6)}.stat+.stat{border-top:1px solid var(--color-border);border-left:0}.stat span{font-size:var(--text-lg);line-height:1.1}.stat p{margin-top:var(--space-2);font-size:var(--text-xs)}}@media (max-width:560px){.hero__actions{grid-template-columns:1fr;display:grid}}@media (max-width:560px) and (max-height:700px){.hero__grid{gap:var(--space-4);padding-block:var(--space-4)}.hero__subtitle{margin-top:var(--space-3);font-size:var(--text-sm)}.hero__actions{margin-top:var(--space-4);gap:var(--space-2);flex-wrap:nowrap;display:flex}.hero__actions a{min-inline-size:0;padding-inline:var(--space-2);font-size:var(--text-xs);text-align:center;flex:1}.brique-scene{flex-basis:min(100%,36svh)}}:root{--px-window:#78c5f0;--px-window-lit:#ffd166;--px-sparkle:#fffffff2;--px-puff:#aab3b9;--px-tire:#20252b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--px-window:#ffd166;--px-window-lit:#35556b;--px-sparkle:#dcf9ffd9;--px-puff:#c9d1d6;--px-tire:#3a434b}}:root[data-theme=dark]{--px-window:#ffd166;--px-window-lit:#35556b;--px-sparkle:#dcf9ffd9;--px-puff:#c9d1d6;--px-tire:#3a434b}.px-cursor{fill:#f7fbff}.px-badge{fill:var(--color-hot-accent)}.px-spoke{fill:#8a949f}.px-scan,.px-puff,.px-smoke,.px-static,.px-ch-bars,.px-notify,.px-keytap,.px-ears--late{opacity:0}.px-scan{fill:#f7fbff}.px-puff{fill:var(--px-puff)}.brique-scene__glint,.brique-scene__sparkle{pointer-events:none;display:block;position:absolute}.brique-scene__glint{background:linear-gradient(90deg, transparent, var(--scene-glass-shine) 30% 70%, transparent);opacity:0;width:9%;height:140%;top:-20%;left:0;rotate:18deg}.brique-scene__sparkle{background:var(--px-sparkle);opacity:0;width:3px;height:3px;top:22%;left:18%}@media (prefers-reduced-motion:no-preference){.pixel-item{--bob-lift:-1px;--bob-duration:3.6s;--bob-delay:0s;animation:px-set-down .68s linear(0, .214 14.7%, .386 23.7%, .598 31.9%, .999 44.7%, .807 52.6%, .762 56%, .747 59.4%, .758 62.4%, .793 65.6%, .999 77.4%, .961 81.2%, .949 84.8%, .956 88%, .993 95.5%, 1) backwards, px-fade-in .22s ease-out backwards}.pixel-item:first-child{--bob-lift:-2px;animation-delay:.15s}.pixel-item:nth-child(2){--bob-lift:-2px;--bob-duration:2.8s;--bob-delay:-.3s;animation-delay:.22s}.pixel-item:nth-child(3){--bob-duration:4.8s;--bob-delay:-.9s;animation-delay:.29s}.pixel-item:nth-child(4){--bob-duration:4.2s;--bob-delay:-1.4s;animation-delay:.36s}.pixel-item:nth-child(5){--bob-duration:3.2s;--bob-delay:-.6s;animation-delay:.43s}.pixel-item:nth-child(6){animation-delay:.5s}.pixel-item:nth-child(7){animation-delay:.57s}.pixel-item:nth-child(8){--bob-duration:5.2s;--bob-delay:-1.1s;animation-delay:.64s}.px-sprite{animation:px-bob var(--bob-duration) steps(1, end) var(--bob-delay) 2}.px-shadow{transform-box:fill-box;transform-origin:50%;animation:px-bob-shadow var(--bob-duration) steps(1, end) var(--bob-delay) 2}.px-typed{transform-box:fill-box;transform-origin:0;animation:4.2s steps(6,end) px-type}.px-cursor{animation:1s step-end 4 px-blink}.px-keytap{animation:4.2s step-end px-keytap}.pixel-item--phone .px-sprite{animation:6s step-end -1s px-buzz}.pixel-item--phone .px-shadow{animation:none}.px-notify{animation:6s step-end -1s px-notify}.px-badge{transform-box:fill-box;transform-origin:50%;animation:6s step-end -1s px-badge-pop}.px-app{animation:3.6s step-end px-app-flash}.px-app--2{animation-delay:.1s}.px-app--3{animation-delay:.2s}.px-app--4{animation-delay:.3s}.px-app--5{animation-delay:.4s}.px-app--6{animation-delay:.5s}.px-app--7{animation-delay:.6s}.px-app--8{animation-delay:.7s}.px-app--9{animation-delay:.8s}.px-seat{animation:7s step-end -2s px-sit}.px-pillow{animation:7s step-end -2s px-pillow-hop}.px-ch-bars{animation:9s step-end .55 px-ch-bars}.px-ch-land{animation:9s step-end .55 px-ch-land}.px-tv-screen{animation:9s step-end .55 px-ch-blue}.px-static{animation:9s step-end .55 px-static}.px-static--late{animation-name:px-static-late}.px-ears{animation:9s step-end .55 px-ears}.px-ears--late{animation-name:px-ears-late}.px-scan{animation:2.4s steps(10,end) 2 px-scan}.px-spoke{animation:7s step-end -1s .8 px-spin}.px-spoke--late{animation-name:px-spin-late}.pixel-item--car .px-sprite,.pixel-item--motorcycle .px-sprite{animation:6s step-end -1.5s px-rev}.pixel-item--car .px-shadow,.pixel-item--motorcycle .px-shadow{animation:none}.px-headlight{animation:6s step-end -1.5s px-flash}.px-puff{animation:6s step-end -1.5s px-puff-left}.px-puff--right{animation-name:px-puff-right}.px-puff--late{animation-delay:-1.15s}.pixel-item--motorcycle .px-sprite,.pixel-item--motorcycle .px-headlight,.pixel-item--motorcycle .px-puff{animation-delay:-3s}.pixel-item--motorcycle .px-puff--late{animation-delay:-2.65s}.px-window--lit{animation:8s step-end -2s .85 px-window}.px-window--late{animation-iteration-count:1.2;animation-delay:-5s}.px-shrub{animation:3.2s step-end px-sway}.px-shrub--late{animation-delay:-1.3s}.px-smoke{animation:4.5s step-end px-smoke}.px-smoke--mid{animation-delay:-1.5s}.px-smoke--late{animation-delay:-3s}.brique-scene__glint{animation:9s ease-in-out 1.4s .25 px-glint}.brique-scene__sparkle{animation:7.5s step-end 1s .53 px-sparkle}@media (hover:hover) and (pointer:fine){.pixel-item:hover .px-sprite{animation:1.2s ease-in-out px-hop}.pixel-item:hover .px-shadow{animation:1.2s ease-in-out px-hop-shadow}}.home-card__icon{transition:translate .24s,box-shadow .24s}:is(.door-card:hover .home-card__icon,.door-card:focus-visible .home-card__icon){translate:0 -1px}@media (hover:hover){.door-card:hover .home-card__icon svg,.principle-card:hover .home-card__icon svg{animation:1.6s ease-in-out icon-pulse}}.door-card:focus-visible .home-card__icon svg{animation:1.6s ease-in-out icon-pulse}@supports (animation-timeline:view()) and (animation-range:entry){.stat,.door-card,.principle-card{animation:linear backwards px-rise;animation-timeline:view();animation-range:entry entry 70%}.stat:nth-child(2),.door-card:nth-child(2),.principle-card:nth-child(2){animation-range:entry 10% entry 80%}.stat:nth-child(3),.door-card:nth-child(3),.principle-card:nth-child(3){animation-range:entry 20% entry 90%}}}@keyframes px-set-down{0%{translate:0 -45%}}@keyframes px-fade-in{0%{opacity:0}}@keyframes px-bob{0%,to{translate:0}50%{translate:0 var(--bob-lift)}}@keyframes px-bob-shadow{0%,to{scale:1}50%{scale:.9 1}}@keyframes px-type{0%{scale:0 1}35%,to{scale:1}}@keyframes px-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes px-app-flash{0%,8%,to{opacity:1}4%{opacity:.4}}@keyframes px-spin{0%,6%,14%,24%,38%,56%,to{opacity:1}3%,10%,19%,31%,47%{opacity:0}}@keyframes px-spin-late{0%,6%,14%,24%,38%{opacity:0}3%,10%,19%,31%,47%,56%,to{opacity:1}}@keyframes px-rev{0%,64%,68%,72%,76%,to{translate:0}66%,70%,74%{translate:0 -1px}}@keyframes px-flash{0%,62%,66%,to{opacity:1}60%,64%{opacity:.15}}@keyframes px-puff-left{0%,65%,to{opacity:0;translate:0}66%{opacity:.9;translate:0}72%{opacity:.7;translate:-2px -2px}78%{opacity:.45;translate:-4px -4px}84%{opacity:.2;translate:-6px -7px}90%{opacity:0;translate:-7px -10px}}@keyframes px-puff-right{0%,65%,to{opacity:0;translate:0}66%{opacity:.9;translate:0}72%{opacity:.7;translate:2px -2px}78%{opacity:.45;translate:4px -4px}84%{opacity:.2;translate:6px -7px}90%{opacity:0;translate:7px -10px}}@keyframes px-window{0%,to{fill:var(--px-window)}45%,80%{fill:var(--px-window-lit)}}@keyframes px-sway{0%,to{translate:0}50%{translate:1px}}@keyframes px-glint{0%{opacity:var(--scene-glass-band-opacity);translate:-350%}22%,to{opacity:var(--scene-glass-band-opacity);translate:1500%}}@keyframes px-sparkle{0%{opacity:0;top:20%;left:20%}3%,9%{opacity:1;box-shadow:none}5%{opacity:1;box-shadow:3px 0 var(--px-sparkle), -3px 0 var(--px-sparkle), 0 3px var(--px-sparkle), 0 -3px var(--px-sparkle)}11%{opacity:0}33%{opacity:0;top:56%;left:44%}36%,42%{opacity:1;box-shadow:none}38%{opacity:1;box-shadow:3px 0 var(--px-sparkle), -3px 0 var(--px-sparkle), 0 3px var(--px-sparkle), 0 -3px var(--px-sparkle)}44%{opacity:0}66%{opacity:0;top:54%;left:82%}69%,75%{opacity:1;box-shadow:none}71%{opacity:1;box-shadow:3px 0 var(--px-sparkle), -3px 0 var(--px-sparkle), 0 3px var(--px-sparkle), 0 -3px var(--px-sparkle)}77%,to{opacity:0}}@keyframes px-hop{0%,to{translate:0}15%{translate:0 -3px}30%{translate:0 -5px}45%{translate:0 -6px}60%{translate:0 -5px}75%{translate:0 -3px}90%{translate:0 1px}}@keyframes px-hop-shadow{0%,to{scale:1}15%,75%{scale:.85 1}30%,60%{scale:.75 1}45%{scale:.7 1}90%{scale:1.06 1}}@keyframes icon-pulse{50%{scale:1.04}}@keyframes px-rise{0%{opacity:0;translate:0 1.25rem}}@keyframes px-keytap{0%,7%,15%,23%,31%,to{opacity:0}4%,12%,20%,28%{opacity:1}}@keyframes px-buzz{0%,48%,53%,57%,to{translate:0}49%,51%,55%{translate:1px}50%,52%,56%{translate:-1px}}@keyframes px-notify{0%,52%{opacity:0;translate:0 -3px}53%{opacity:1;translate:0 -2px}54%{opacity:1;translate:0 -1px}55%,85%{opacity:1;translate:0}86%,to{opacity:0;translate:0}}@keyframes px-badge-pop{0%,53%{scale:0}54%{scale:1.5}56%,to{scale:1}}@keyframes px-sit{0%,to{translate:0}70%{translate:0 1px}72%{translate:0 2px}86%{translate:0 1px}90%{translate:0}}@keyframes px-pillow-hop{0%,70%,78%,to{translate:0}72%{translate:0 -2px}74%{translate:0 -3px}76%{translate:0 -1px}}@keyframes px-ch-bars{0%{opacity:1}30%,to{opacity:0}}@keyframes px-ch-land{0%,64%,to{opacity:0}34%{opacity:1}}@keyframes px-ch-blue{0%,96%,to{fill:#98aaa5}68%{fill:#2f6fd6}}@keyframes px-static{0%,31%,33%,65%,67%,97%,99%,to{opacity:0}30%,32%,64%,66%,96%,98%{opacity:1}}@keyframes px-static-late{0%,30%,32%,34%,64%,66%,68%,96%,98%,to{opacity:0}31%,33%,65%,67%,97%,99%{opacity:1}}@keyframes px-ears{0%,34%,68%,to{opacity:1}27%,61%,93%{opacity:0}}@keyframes px-ears-late{0%,34%,68%,to{opacity:0}27%,61%,93%{opacity:1}}@keyframes px-scan{0%{opacity:.28;translate:0}to{opacity:.28;translate:0 20px}}.agent-section{padding-block:1rem 4rem}.agent-card{justify-content:space-between;align-items:center;gap:2rem;padding:2rem;display:flex}.agent-card p{max-width:60ch}.agent-card__cta{flex-shrink:0}@media (max-width:640px){.agent-card{flex-direction:column;align-items:flex-start}}@keyframes px-smoke{0%,to{opacity:0;translate:0}5%{opacity:.85;translate:0}20%{opacity:.75;translate:1px -3px}40%{opacity:.55;translate:2px -6px}60%{opacity:.3;translate:4px -9px}80%{opacity:.1;translate:5px -12px}90%{opacity:0;translate:6px -14px}}