/* v5.8.0 — Product Experience */
:root{--pf-surface:#101014;--pf-border:rgba(245,179,52,.22);--pf-muted:#b8b2a6;--pf-radius:28px}
.product-first .site-header{background:linear-gradient(180deg,rgba(9,9,11,.96),rgba(9,9,11,.78));backdrop-filter:blur(18px)}
.product-first .site-nav a{position:relative}.product-first .site-nav a:not(.nav-whatsapp)::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:linear-gradient(90deg,#f5b334,#e6e1d6);transition:right .28s ease}.product-first .site-nav a:hover::after,.product-first .site-nav a[aria-current="page"]::after{right:0}
.product-hero{min-height:88svh}.product-hero::after{content:"";position:absolute;inset:auto 0 0;height:36%;background:linear-gradient(transparent,#09090b);pointer-events:none}.product-hero-copy{max-width:900px}.product-hero-copy h1{font-size:clamp(3.2rem,7vw,7.2rem);line-height:.91;letter-spacing:-.055em}.product-hero-copy>p:not(.eyebrow){max-width:720px;font-size:clamp(1.05rem,1.5vw,1.35rem)}
.product-quick-nav{position:sticky;top:78px;z-index:18;background:rgba(9,9,11,.82);backdrop-filter:blur(18px);border-block:1px solid rgba(255,255,255,.08)}.product-quick-nav .shell{display:flex;gap:10px;overflow:auto;padding-block:12px;scrollbar-width:none}.product-quick-nav a{white-space:nowrap;padding:10px 16px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#e6e1d6;font-size:.88rem}.product-quick-nav a:hover{border-color:#f5b334;color:#f5b334}
.product-stage{padding:110px 0}.product-stage-head{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:end;margin-bottom:44px}.product-stage-head h2{font-size:clamp(2.4rem,5vw,5rem);max-width:760px}.product-stage-head>p{color:var(--pf-muted);font-size:1.08rem;max-width:560px}
.experience-console{display:grid;grid-template-columns:360px minmax(0,1fr);min-height:650px;border:1px solid var(--pf-border);border-radius:var(--pf-radius);overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));box-shadow:0 40px 100px rgba(0,0,0,.3)}.experience-steps{padding:28px;background:rgba(0,0,0,.22);border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:12px}.experience-step{appearance:none;text-align:left;color:#e6e1d6;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:20px;cursor:pointer;transition:.25s}.experience-step span{display:block;color:#f5b334;font-size:.72rem;letter-spacing:.14em;margin-bottom:8px}.experience-step strong{display:block;font-size:1.08rem}.experience-step small{display:block;color:#aaa397;margin-top:7px;line-height:1.45}.experience-step:hover,.experience-step[aria-selected="true"]{background:linear-gradient(135deg,rgba(245,179,52,.16),rgba(181,84,58,.08));border-color:rgba(245,179,52,.55);transform:translateX(5px)}.experience-view{position:relative;min-height:620px}.experience-view img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:opacity .35s ease,transform .65s ease}.experience-view.is-changing img{opacity:.35;transform:scale(1.025)}.experience-caption{position:absolute;left:28px;right:28px;bottom:28px;z-index:2;padding:26px;border-radius:22px;background:linear-gradient(135deg,rgba(8,8,10,.94),rgba(8,8,10,.68));border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px)}.experience-caption h3{font-size:clamp(1.6rem,3vw,2.8rem);margin:.2rem 0 .55rem}.experience-caption p{color:#d2cdc4;max-width:700px}
.product-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-proof{padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(255,255,255,.025)}.product-proof .number{font-size:3rem;color:#f5b334;font-family:Georgia,serif}.product-proof h3{margin:.4rem 0}.product-proof p{color:var(--pf-muted)}
.product-compare{padding:110px 0;background:radial-gradient(circle at 15% 15%,rgba(245,179,52,.09),transparent 35%),#0b0b0e}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.compare-card{position:relative;padding:30px;border-radius:25px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);overflow:hidden}.compare-card::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,#f5b334,#b5543a);transform:scaleX(0);transform-origin:left;transition:.35s}.compare-card:hover::before{transform:scaleX(1)}.compare-card img{width:100%;height:94px;object-fit:contain;object-position:left;margin-bottom:25px}.compare-card ul{padding-left:18px;color:#c9c3b8;min-height:110px}.compare-card a{display:inline-flex;margin-top:15px;color:#f5b334}
.product-gallery{display:grid;grid-template-columns:1.4fr .6fr;gap:18px}.product-gallery figure{margin:0;overflow:hidden;border-radius:24px;min-height:360px;background:#111}.product-gallery figure:first-child{grid-row:span 2}.product-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.product-gallery figure:hover img{transform:scale(1.025)}
.product-final-cta{position:relative;overflow:hidden}.product-final-cta::before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 120deg,transparent,rgba(245,179,52,.13),transparent 35%);animation:pfSpin 18s linear infinite;pointer-events:none}@keyframes pfSpin{to{transform:rotate(1turn)}}
[data-product-theme="mei"]{--pf-border:rgba(142,172,136,.35)}[data-product-theme="mei"] .experience-step span,[data-product-theme="mei"] .product-proof .number{color:#b9c99f}[data-product-theme="arcanum"]{--pf-border:rgba(199,143,44,.38)}
@media(max-width:900px){.product-stage-head{grid-template-columns:1fr;gap:18px}.experience-console{grid-template-columns:1fr;min-height:0}.experience-steps{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,82vw);overflow:auto}.experience-step:hover,.experience-step[aria-selected="true"]{transform:none}.experience-view{min-height:540px}.product-proof-grid,.compare-grid{grid-template-columns:1fr}.product-gallery{grid-template-columns:1fr}.product-gallery figure:first-child{grid-row:auto}.product-gallery figure{min-height:280px}.product-quick-nav{top:68px}}
@media(max-width:560px){.product-hero{min-height:82svh}.product-hero-copy h1{font-size:clamp(2.7rem,14vw,4.5rem)}.product-stage{padding:78px 0}.experience-console{border-radius:20px}.experience-steps{padding:15px}.experience-view{min-height:500px}.experience-caption{left:14px;right:14px;bottom:14px;padding:20px}.product-gallery figure{min-height:240px}}
@media(prefers-reduced-motion:reduce){.product-final-cta::before{animation:none}.experience-view img,.product-gallery img,.experience-step{transition:none}}