@layer components{.ps-section{color:var(--color-text-on-dark);background:var(--color-dark);padding:clamp(5rem,10vw,10rem) clamp(1.25rem,5vw,5rem)}@media (max-width:991px){.ps-section{padding-inline-start:5vw!important}}.ps-inner{max-width:var(--container-max);grid-template-columns:1fr 1.6fr;gap:clamp(3rem,6vw,6rem);margin:0 auto;display:grid}.ps-left{position:relative}.ps-left-sticky{position:sticky;top:clamp(6rem,10vw,10rem)}.ps-eyebrow{font-family:var(--font-body),sans-serif;font-size:var(--text-eyebrow);color:var(--color-coral);text-transform:uppercase;letter-spacing:.12em;margin-bottom:clamp(1rem,1.5vw,1.5rem);font-weight:600}.ps-headline{max-width:14ch;font-family:var(--font-heading),sans-serif;font-size:var(--text-section);color:var(--color-text-on-dark);letter-spacing:-.015em;margin-bottom:clamp(2.5rem,4vw,4rem);font-weight:700;line-height:1.12}.ps-product-list{flex-direction:column;gap:clamp(1.5rem,2.5vw,2.5rem);display:flex}.ps-product-item{border-left:2px solid var(--color-white-a6);opacity:.4;transition:opacity .4s var(--ease-smooth),border-color .4s var(--ease-smooth);padding-left:clamp(1rem,1.5vw,1.5rem)}.ps-product-item--active{border-left-color:var(--color-coral);opacity:1}.ps-product-name{font-family:var(--font-heading),sans-serif;font-size:var(--text-card-title);color:var(--color-text-on-dark);margin-bottom:clamp(.3rem,.5vw,.5rem);font-weight:700}.ps-product-desc{max-width:28rem;font-family:var(--font-body),sans-serif;font-size:var(--text-body);color:var(--color-text-muted-dark);margin-bottom:clamp(.75rem,1vw,1rem);font-weight:400;line-height:1.6}.ps-product-link{font-family:var(--font-body),sans-serif;color:var(--color-coral);transition:gap .2s var(--ease-smooth);align-items:center;gap:.5rem;font-size:clamp(.9rem,1vw,1rem);font-weight:600;text-decoration:none;display:inline-flex}.ps-product-link:hover{gap:.7rem}.ps-right{flex-direction:column;display:flex}.ps-panel{align-items:center;min-height:80vh;display:flex}.ps-panel-inner{opacity:.3;width:100%;transition:opacity .5s var(--ease-smooth),transform .5s var(--ease-smooth);transform:translateY(12px)}.ps-panel-inner--visible{opacity:1;transform:translateY(0)}.ps-browser{background:var(--color-dark-surface);border-radius:clamp(12px,1.5vw,20px);overflow:hidden;box-shadow:0 8px 40px #0000004d}.ps-browser-chrome{background:var(--color-dark-surface);border-bottom:1px solid var(--color-white-a6);align-items:center;gap:6px;padding:clamp(.5rem,.8vw,.75rem) clamp(.75rem,1.2vw,1.25rem);display:flex}.ps-browser-dot{border-radius:50%;width:9px;height:9px}.ps-browser-dot:first-child{background:#ec6a5e}.ps-browser-dot:nth-child(2){background:#f4bf4f}.ps-browser-dot:nth-child(3){background:#61c554}.ps-browser-bar{max-width:240px;height:26px;font-family:var(--font-body),sans-serif;color:var(--color-text-muted-dark);letter-spacing:.02em;background:var(--color-white-a6);border-radius:var(--radius-small);flex:1;align-items:center;margin-left:10px;padding:0 10px;font-size:.7rem;display:flex}.ps-browser-body{position:relative}.ps-screenshot{width:100%;height:auto;display:block}.ps-ares-mock{background:var(--color-dark);padding:clamp(1.25rem,2vw,2rem);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:clamp(.7rem,.85vw,.85rem);line-height:1.7}.ps-ares-query{border-bottom:1px solid var(--color-white-a6);margin-bottom:clamp(.75rem,1vw,1rem);padding-bottom:clamp(.75rem,1vw,1rem)}.ps-ares-prompt{color:var(--color-coral);font-weight:700}.ps-ares-query-text{color:var(--color-text-on-dark)}.ps-ares-response{color:var(--color-text-muted-dark);word-break:break-word;white-space:pre-wrap;margin:0}.ps-mobile-info{display:none}@media (max-width:768px){.ps-inner{grid-template-columns:1fr}.ps-left-sticky{position:relative;top:0}.ps-product-list{display:none}.ps-mobile-info{margin-bottom:clamp(1.25rem,2vw,1.5rem);display:block}.ps-panel{min-height:auto;margin-bottom:clamp(3rem,5vw,4rem)}.ps-panel-inner{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ps-panel-inner,.ps-product-item{transition:none}}}
@layer components{.qs-section{background:var(--color-warm);padding:clamp(2.5rem,4vw,4rem) 0;position:relative;overflow:hidden}.qs-fade{z-index:10;pointer-events:none;width:12%;height:100%;position:absolute;top:0}.qs-fade--left{background:linear-gradient(to right,var(--color-warm)20%,transparent 100%);left:0}.qs-fade--right{background:linear-gradient(to left,var(--color-warm)20%,transparent 100%);right:0}.qs-heading{font-family:var(--font-heading),sans-serif;color:var(--color-text-primary);text-align:center;letter-spacing:-.01em;margin-bottom:clamp(1.5rem,2.5vw,2.5rem);font-size:clamp(1.15rem,1.6vw,1.6rem);font-weight:600}.qs-row{margin-bottom:clamp(.75rem,1vw,1rem);position:relative;overflow:visible}.qs-row:last-child{margin-bottom:0}.qs-track{width:max-content}.qs-track-inner{gap:clamp(.5rem,.8vw,.75rem);padding:.25rem 0;display:flex}.qs-track--left{animation:55s linear infinite qsScrollLeft}.qs-track--right{animation:55s linear infinite qsScrollRight}.qs-track:hover{animation-play-state:paused}@keyframes qsScrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes qsScrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.qs-pill-wrap{flex-shrink:0;position:relative}.qs-pill{font-family:var(--font-body),sans-serif;color:var(--color-text-muted);white-space:nowrap;cursor:pointer;background:var(--color-warm);border-radius:var(--radius-pill);transition:background .2s var(--ease-smooth),border-color .2s var(--ease-smooth),color .2s var(--ease-smooth),transform .2s var(--ease-smooth);border:1px solid #0000;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:clamp(.8rem,.95vw,.95rem);font-weight:500;display:inline-flex}.qs-pill:hover,.qs-pill--active{color:var(--color-coral);background:var(--color-white);border-color:var(--color-coral);transform:translateY(-1px)}.qs-pill-icon{opacity:.5;width:14px;height:14px;transition:opacity .2s var(--ease-smooth);flex-shrink:0}.qs-pill:hover .qs-pill-icon,.qs-pill--active .qs-pill-icon{opacity:1}.qs-tooltip{z-index:20;width:280px;font-family:var(--font-body),sans-serif;color:var(--color-text-muted);background:var(--color-white);border:1px solid var(--color-warm-darker);border-radius:var(--radius-inner);box-shadow:var(--shadow-dropdown);animation:qsTooltipIn .15s var(--ease-smooth);padding:.85rem 1rem;font-size:clamp(.78rem,.85vw,.85rem);font-weight:400;line-height:1.55;display:block;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}@keyframes qsTooltipIn{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (prefers-reduced-motion:reduce){.qs-track--left,.qs-track--right{animation:none}}@media (max-width:768px){.qs-section{padding:clamp(2rem,4vw,3rem) 0}.qs-pill{padding:.45rem .8rem;font-size:.8rem}.qs-tooltip{width:240px;font-size:.78rem}.qs-fade{width:8%}}}