.pioni-feature{position:relative;width:100%;display:block;padding-block:var(--space-4xl);overflow:hidden;background:var(--color-bg);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);z-index:1}.pioni-feature__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80vw;height:80vh;background:radial-gradient(circle at center,rgba(124,58,237,.08) 0%,transparent 60%);pointer-events:none;z-index:-1}[data-theme=dark] .pioni-feature__glow{background:radial-gradient(circle at center,rgba(167,139,250,.12) 0%,transparent 60%)}.pioni-container-fix{width:100%!important;max-width:1200px!important;margin:0 auto!important;padding-inline:2rem!important;box-sizing:border-box!important}.pioni-feature__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:center}.pioni-feature__content{display:flex;flex-direction:column}.pioni-badge-tech{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text);margin-bottom:var(--space-2xl)}.badge-line{width:32px;height:2px;background:var(--color-accent);box-shadow:0 0 10px var(--color-accent-glow);border-radius:2px}.badge-icon{color:var(--color-accent)}.pioni-text-animator{animation:slideFadeUp .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pioni-slide-tag{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);font-weight:700;color:var(--color-text-secondary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.pioni-title{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--color-text);margin-bottom:var(--space-md)}.pioni-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-2xl);max-width:480px}.pioni-controls{display:flex;gap:12px;margin-top:var(--space-lg)}.pioni-dot{position:relative;width:40px;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden;padding:0;cursor:pointer;transition:background .3s ease}[data-theme=dark] .pioni-dot{background:#ffffff1a}.pioni-dot-fill{position:absolute;top:0;left:0;height:100%;width:0%;background:var(--color-accent);border-radius:3px}.pioni-dot.is-active .pioni-dot-fill{animation:fillDot 5s linear forwards}@keyframes fillDot{0%{width:0%}to{width:100%}}.pioni-feature__mockup{display:flex;justify-content:center;align-items:center;perspective:1000px}.pioni-ai-window{position:relative;width:100%;max-width:460px;height:520px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 60px -15px #0003;transform:rotateY(-4deg) rotateX(2deg);transition:transform .5s cubic-bezier(.34,1.56,.64,1);animation:floatWindow 6s ease-in-out infinite}[data-theme=dark] .pioni-ai-window{background:#14141499;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-color:#ffffff14;box-shadow:0 30px 60px -15px #000c,0 0 50px #7c3aed1a,inset 0 1px #ffffff0d}.pioni-ai-window:hover{transform:rotateY(0) rotateX(0) translateY(-5px);animation-play-state:paused}@keyframes floatWindow{0%,to{transform:translateY(0) rotateY(-4deg) rotateX(2deg)}50%{transform:translateY(-12px) rotateY(-4deg) rotateX(2deg)}}.pioni-window-header{display:flex;align-items:center;justify-content:center;padding:16px 20px;background:#00000005;border-bottom:1px solid var(--color-border);position:relative}[data-theme=dark] .pioni-window-header{background:#0003;border-bottom-color:#ffffff0d}.pioni-window-dots{position:absolute;left:20px;display:flex;gap:6px}.pioni-window-dots span{width:10px;height:10px;border-radius:50%}.dot-close{background:#ef4444}.dot-min{background:#f59e0b}.dot-max{background:#10b981}.pioni-window-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--color-text);letter-spacing:.05em;text-transform:uppercase}.text-accent{color:var(--color-accent)}.pioni-window-body{flex:1;position:relative;background:var(--color-bg);overflow:hidden;width:100%}[data-theme=dark] .pioni-window-body{background:#0003}.pioni-screen-track{display:flex;flex-wrap:nowrap;height:100%;width:100%;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.pioni-slide-screen{flex:0 0 100%;width:100%;height:100%;box-sizing:border-box;padding:24px 20px 16px;display:flex;flex-direction:column;justify-content:flex-end}.pioni-chat-container{display:flex;flex-direction:column;gap:16px;width:100%}.pioni-bubble{padding:14px 18px;border-radius:18px;font-size:13.5px;line-height:1.5;max-width:85%;width:fit-content;box-shadow:0 2px 10px #0000000d;word-wrap:break-word;white-space:normal}.user-bubble{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);align-self:flex-end;border-bottom-right-radius:4px}[data-theme=dark] .user-bubble{background:#ffffff0d;border-color:#ffffff0d;color:#fff}.pioni-response-wrapper{display:flex;align-items:flex-end;gap:10px}.pioni-avatar-bubble{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),#ec4899);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px #7c3aed4d}.ai-bubble{background:#7c3aed1a;border:1px solid rgba(124,58,237,.2);color:var(--color-text);align-self:flex-start;border-bottom-left-radius:4px}[data-theme=dark] .ai-bubble{background:#7c3aed26;color:#e4e4e7}.pioni-msg-with-icon{display:inline-flex;align-items:center;gap:6px;vertical-align:middle}.pioni-window-input{padding:16px 20px;background:#00000005;border-top:1px solid var(--color-border)}[data-theme=dark] .pioni-window-input{background:#0003;border-top-color:#ffffff0d}.pioni-fake-input{display:flex;align-items:center;justify-content:space-between;background:var(--color-bg);border:1px solid var(--color-border);padding:10px 16px;border-radius:var(--radius-full);font-size:13px;color:var(--color-text-secondary)}[data-theme=dark] .pioni-fake-input{background:#0000004d;border-color:#ffffff1a}.pioni-send-btn{width:26px;height:26px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center}@media(max-width:1023px){.pioni-feature__grid{grid-template-columns:1fr;text-align:center;gap:var(--space-4xl)}.pioni-badge-tech,.pioni-slide-tag{justify-content:center;margin-inline:auto}.pioni-subtitle{margin-inline:auto}.pioni-controls{justify-content:center}.pioni-ai-window{transform:none;animation:none;margin:0 auto}.pioni-ai-window:hover{transform:none}}@media(max-width:639px){.pioni-container-fix{padding-inline:1rem!important}.pioni-ai-window{height:480px;border-radius:16px}.pioni-title{font-size:2.2rem}}.app-preview{padding-block:var(--space-4xl);background:var(--color-bg);position:relative;overflow:hidden}.app-preview__header{text-align:center;margin-bottom:var(--space-4xl);max-width:600px;margin-inline:auto}.app-preview__header h2{font-size:var(--text-5xl);margin-bottom:var(--space-md);letter-spacing:-.03em}.app-preview__header p{font-size:var(--text-xl);color:var(--color-text-secondary)}.app-preview__showcase{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xl)}.app-preview__phone-wrapper{position:relative;display:flex;justify-content:center;align-items:center;padding:var(--space-xl) 0;animation:levitate 6s ease-in-out infinite}@keyframes levitate{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.app-preview__phone-glow{position:absolute;top:50%;left:50%;width:260px;height:520px;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,var(--color-accent) 0%,transparent 70%);opacity:.2;filter:blur(60px);z-index:0;pointer-events:none}[data-theme=dark] .app-preview__phone-glow{opacity:.15;filter:blur(80px)}.app-preview__phone{position:relative;width:300px;height:610px;background:#111;border-radius:48px;padding:12px;z-index:1;box-shadow:inset 0 0 0 2px #333,inset 0 0 20px #ffffff0d,0 0 0 1px #222,0 0 0 4px #1a1a1a,0 30px 60px -15px #00000080,0 40px 80px -20px var(--color-accent-glow)}[data-theme=dark] .app-preview__phone{background:#0a0a0a;box-shadow:inset 0 0 0 2px #2a2a2a,inset 0 0 20px #ffffff05,0 0 0 1px #111,0 0 0 4px #151515,0 30px 60px -15px #000c,0 50px 100px -20px #a78bfa1a}.app-preview__notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:100px;height:28px;background:#000;border-radius:0 0 20px 20px;z-index:2;box-shadow:inset 0 -1px 2px #ffffff1a}.app-preview__screen{position:relative;width:100%;height:100%;border-radius:36px;overflow:hidden;background:#000;border:4px solid #000}.app-preview__screen:after{content:"";position:absolute;top:0;left:-50%;width:200%;height:100%;background:linear-gradient(to bottom right,#ffffff0d,#fff0 40% 100%);pointer-events:none;z-index:2}.app-preview__slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.03);transition:opacity .6s ease,transform .8s cubic-bezier(.16,1,.3,1)}.app-preview__slide--active{opacity:1;transform:scale(1)}.app-preview__indicator{position:absolute;bottom:18px;left:50%;transform:translate(-50%);width:120px;height:5px;background:#ffffff4d;border-radius:3px;z-index:2}.app-preview__controls{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);margin-top:var(--space-lg)}.app-preview__dots{display:flex;gap:var(--space-sm);align-items:center;height:12px}.app-preview__dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-border);border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .app-preview__dot{background:#3f3f46}.app-preview__dot:hover{background:var(--color-text-secondary)}.app-preview__dot--active{width:28px;background:var(--color-accent)}[data-theme=dark] .app-preview__dot--active{background:var(--color-accent);box-shadow:0 0 10px var(--color-accent-glow)}.app-preview__label{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);animation:fadeIn var(--transition-base)}@media(max-width:639px){.app-preview__header h2{font-size:var(--text-4xl)}.app-preview__phone-wrapper{animation:none}.app-preview__phone{width:240px;height:490px;border-radius:36px;padding:8px}.app-preview__screen{border-radius:28px}}