.hero-principles{--tilery-panel-bg:#111318;--tilery-tab-active-bg:#111318;--tilery-tabbar-bg:#0d0f13;transform-origin:72% 48%;animation:8s ease-in-out 1.2s infinite home-hero-principles-float;transform:perspective(1100px)rotateX(7deg)rotateY(-18deg)rotate(1deg)translateZ(-42px)scale(.95)}.principles-visual:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(82% 80% at 52% 50%, var(--home-workspace-glow), var(--home-workspace-glow-soft) 54%, transparent 82%);filter:blur(34px);opacity:.58;border-radius:38px;position:absolute;inset:-58px -28px -58px -50px}[data-theme=light] .hero-principles{--tilery-bg:#f8fafc;--tilery-panel-bg:#fff;--tilery-panel-border:#0f172a24;--tilery-tabbar-bg:#eef2f7;--tilery-tab-active-bg:#fff;--tilery-tab-active-fg:#111827;--tilery-tab-fg:#4b5563;--tilery-fg:#1f2937}[data-theme=light] .hero-principles .pp-workspace,[data-theme=light] .hero-principles .principles-visual{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=light] .hero-principles .pp-code,[data-theme=light] .hero-principles .pp-terminal-text,[data-theme=light] .hero-principles .pp-preview{color:#94a3b8}[data-theme=light] .hero-principles .pp-preview-pane strong{color:#64748b}.pp-a{animation:7.2s ease-in-out 1.35s infinite home-pp-a-split}.pp-b{animation:7.2s ease-in-out 1.35s infinite home-pp-b-split}.pp-term-wrap{animation:7.2s ease-in-out 1.35s infinite home-pp-term-split}.pp-body--a{animation:7.2s ease-in-out 1.35s infinite home-pp-body-a}.pp-body--b{animation:7.2s ease-in-out 1.35s infinite home-pp-body-b}.pp-body--c{animation:7.2s ease-in-out 1.35s infinite home-pp-body-c}.pp-tab--active:after{content:"";pointer-events:none;border:1px solid var(--tilery-accent,#a3e635);opacity:0;border-bottom:0;border-radius:5px 5px 0 0;transition:opacity .16s;position:absolute;inset:0 0 -1px}.pp-tab--active:before{content:"";pointer-events:none;background:var(--tilery-accent,#a3e635);opacity:0;width:100vw;height:1px;transition:opacity .16s;position:absolute;bottom:-1px;left:100%}@media (max-width:980px){.hero-principles{width:min(648px,64.8vw);height:378px;right:clamp(18px,4vw,32px)}}@media (max-width:1024px){.hero-principles{width:100%;height:270px;margin:0;animation:none;position:relative;top:auto;right:auto;transform:none}}@media (prefers-reduced-motion:reduce){.hero-principles,.principles-visual .pp-a,.principles-visual .pp-b,.principles-visual .pp-term-wrap,.principles-visual .pp-body{animation:none!important}}@keyframes home-hero-principles-float{0%,to{transform:perspective(1100px)rotateX(7deg)rotateY(-18deg)rotate(1deg)translateZ(-42px)scale(.95)}50%{transform:perspective(1100px)rotateX(8deg)rotateY(-15deg)rotate(0)translate3d(-10px,-7px,-42px)scale(.95)}}@keyframes home-pp-a-split{0%,16%,to{flex-basis:100%}32%,88%{flex-basis:50%}}@keyframes home-pp-b-split{0%,16%,to{opacity:0;flex-basis:0%}32%,88%{opacity:1;flex-basis:50%}}@keyframes home-pp-term-split{0%,32%,to{opacity:0;flex-basis:0%}50%,76%{opacity:1;flex-basis:50%}88%{opacity:0;flex-basis:0%}}@keyframes home-pp-body-a{0%,30%,to{opacity:1}52%,76%{opacity:.82}}@keyframes home-pp-body-b{0%,24%,96%,to{opacity:0}34%,90%{opacity:1}}@keyframes home-pp-body-c{0%,32%,to{opacity:0}46%,76%{opacity:1}88%{opacity:0}}