.petr-hero-section{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:space-between;padding-top:100px;padding-bottom:60px;overflow:hidden;gap:40px;background:radial-gradient(circle at 75% 45%,rgba(30,30,40,.06) 0%,transparent 60%)}.petr-hero-content{flex:1;max-width:600px;z-index:10}.petr-hero-visual{--card-w: clamp(100px, 9.6vw, 148px);flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;position:relative;min-height:620px;z-index:5}.petr-stage{position:relative;z-index:5;width:min(100%,560px);height:calc(var(--card-w) * 1.397 + 300px);transform-style:flat}.petr-table{position:absolute;left:50%;top:0;width:min(100%,440px);height:calc(var(--card-w) * 1.397 * .66 + 36px);margin-left:min(-50%,-220px);border-radius:18px;border:1.5px dashed rgba(18,24,38,.18);background:#fffdf880}.petr-table__label{position:absolute;left:50%;bottom:-12px;transform:translate(-50%);padding:3px 12px;border-radius:999px;background:#fff;border:1px solid rgba(18,24,38,.1);font-size:.74rem;font-weight:700;letter-spacing:.02em;color:var(--text-secondary);white-space:nowrap;transition:opacity .3s ease}.petr-table__label.is-hidden{opacity:0}.petr-hand{position:absolute;left:50%;bottom:84px;width:var(--card-w);aspect-ratio:717 / 1002;margin-left:calc(var(--card-w) * -.5)}.petr-card{position:absolute;inset:0;transform-origin:50% 120%;will-change:transform}.petr-card__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;border-radius:6%/4.3%}.petr-card__face,.petr-card__back{position:absolute;inset:0;border-radius:inherit;backface-visibility:hidden;-webkit-backface-visibility:hidden}.petr-card__face{display:block}.petr-card__face:focus-visible{outline:3px solid var(--accent-gold);outline-offset:4px}.petr-card__face img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;box-shadow:0 14px 26px #12182647}.petr-card__back{transform:rotateY(180deg);background-size:cover;background-position:center;box-shadow:0 10px 18px #12182638}.petr-card.is-revealed .petr-card__face img{box-shadow:0 18px 34px #12182652,0 0 0 3px #c59b278c}.petr-card.is-table .petr-card__face img{box-shadow:0 8px 14px #12182633}.petr-callout{position:absolute;left:50%;bottom:calc(84px + var(--card-w) * 1.397 * 1.12 - 14px);transform:translate(-50%);z-index:40;padding:8px 16px;border-radius:999px;background:#121826;color:#fff;font-family:var(--font-display);font-weight:800;font-size:.95rem;letter-spacing:.01em;white-space:nowrap;box-shadow:0 10px 24px #1218264d}.petr-callout:after{content:"";position:absolute;left:50%;bottom:-6px;width:12px;height:12px;margin-left:-6px;background:#121826;transform:rotate(45deg)}.petr-caption{position:relative;z-index:6;margin-top:10px;min-height:92px;text-align:center}.petr-caption__name{margin:0;font-family:var(--font-display);font-weight:800;font-size:1.35rem;color:var(--text-primary)}.petr-caption__tagline{margin:2px 0 6px;font-size:.95rem;color:var(--text-secondary)}.petr-caption__link{font-size:.86rem;font-weight:700;color:var(--accent-gold-dark);text-decoration:none}.petr-caption__link:hover{text-decoration:underline}.petr-picker{position:relative;z-index:6;display:flex;gap:10px;padding:8px;border-radius:999px;background:#fffdf8cc;border:1px solid rgba(197,155,39,.3);box-shadow:0 10px 24px #1218261a}.petr-picker__btn{--c: #c59b27;width:44px;height:44px;padding:0;border:2px solid transparent;border-radius:50%;overflow:hidden;background:#fff;opacity:.7;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s ease,border-color .25s ease,box-shadow .25s ease}.petr-picker__btn img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%}.petr-picker__btn:hover{opacity:1;transform:translateY(-3px) scale(1.08)}.petr-picker__btn.is-active{opacity:1;border-color:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 30%,transparent);transform:scale(1.12)}.petr-picker__btn:focus-visible{outline:3px solid var(--accent-gold);outline-offset:2px}.petr-hero-glow{position:absolute;top:50%;left:50%;width:500px;height:500px;background:radial-gradient(circle,#eab3082e,#eab30800 70%);transform:translate(-50%,-50%);border-radius:50%;z-index:1;pointer-events:none;filter:blur(50px)}@media(max-width:968px){.petr-hero-section{flex-direction:column;text-align:center;padding-top:120px;padding-bottom:40px}.petr-hero-content .hero-actions{justify-content:center}.petr-hero-visual{--card-w: clamp(78px, 21vw, 110px);width:100%;min-height:0}.petr-stage{width:100%;transform:none!important}.petr-table{width:min(100%,340px);margin-left:min(-50%,-170px)}.petr-picker{flex-wrap:wrap;justify-content:center;border-radius:24px}}.petr-showcase-section{position:relative;padding-top:80px;padding-bottom:80px}.petr-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:60px}.petr-deck-card{--theme: #c59b27;position:relative;display:flex;flex-direction:column;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;padding:28px 28px 26px;text-align:center;transition:transform .4s ease,box-shadow .4s ease}.petr-deck-card:hover{transform:translateY(-8px);box-shadow:0 24px 44px #12182629,inset 0 0 0 1px var(--accent-gold)}.petr-deck-visual{--w: 128px;position:relative;display:block;height:230px;margin-bottom:18px;perspective:1000px}.petr-deck-glow{position:absolute;left:50%;top:50%;width:200px;height:200px;margin:-100px 0 0 -100px;border-radius:50%;background:var(--theme);opacity:.16;filter:blur(44px);transition:opacity .4s ease,transform .4s ease}.petr-deck-card:hover .petr-deck-glow{opacity:.3;transform:scale(1.15)}.petr-deck-box,.petr-slide-card{position:absolute;left:50%;top:50%;width:var(--w);height:auto;margin-left:calc(var(--w) * -.5);transform:translateY(-50%);border-radius:6%/4.3%;filter:drop-shadow(0 10px 16px rgba(18,24,38,.32));transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}.petr-deck-box{z-index:3;transform:translateY(-50%) rotateY(14deg) rotateX(8deg)}.petr-slide-card{z-index:1;opacity:0;filter:drop-shadow(0 6px 12px rgba(18,24,38,.24))}.petr-deck-card:hover .petr-deck-box{transform:translateY(-50%) rotateY(0) rotateX(0) scale(1.02)}.petr-deck-card:hover .petr-slide-card--a{opacity:1;transform:translateY(-46%) translate(-78%) rotate(-12deg)}.petr-deck-card:hover .petr-slide-card--b{opacity:1;transform:translateY(-46%) translate(78%) rotate(12deg);transition-delay:.07s}.petr-deck-tag{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);z-index:4;padding:4px 12px;border-radius:999px;background:#121826;color:#fff;font-size:.74rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;box-shadow:0 6px 14px #12182640}.petr-deck-info{display:flex;flex-direction:column;flex:1}.petr-deck-info h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:8px}.petr-deck-desc{color:var(--text-secondary);font-size:.93rem;line-height:1.55;margin:14px 0 12px}.petr-deck-facts{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 18px;list-style:none;padding:0}.petr-deck-facts li{padding:4px 10px;border-radius:999px;background:#1218260d;font-size:.8rem;font-weight:600;color:var(--text-secondary)}.petr-preview-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;margin-bottom:20px;border-radius:12px;border:1px solid rgba(0,0,0,.05);background:#00000008;color:#6b7280;font-weight:600;font-size:.95rem;transition:all .2s ease}.petr-preview-btn:hover{background:#0000000f;color:#374151}.petr-deck-info .ps-footer{margin-top:auto}.petr-pairs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}.petr-pair{margin:0;padding:12px;border-radius:14px;background:#12182608;border:1px solid rgba(18,24,38,.06)}.petr-pair--cp{background:linear-gradient(160deg,#c59b2729,#1218260f);border-color:#c59b2780}.petr-pair__cards{display:flex;justify-content:center;gap:6px}.petr-pair__card{display:block;width:48%;padding:0;border-radius:6%/4.3%;overflow:hidden;transition:transform .25s ease}.petr-pair--cp .petr-pair__card{width:48%;margin:0 auto}.petr-pair__card:hover{transform:translateY(-4px) scale(1.03)}.petr-pair__card img{display:block;width:100%;height:auto;border-radius:inherit;box-shadow:0 6px 12px #12182633}.petr-pair figcaption{display:flex;flex-direction:column;gap:2px;margin-top:10px;text-align:center;font-size:.82rem;color:var(--text-secondary)}.petr-pair figcaption strong{color:var(--text-primary);font-size:.92rem}@media(max-width:768px){.petr-product-grid{gap:24px;margin-top:40px}.petr-deck-card{padding:22px 18px 20px}.petr-pairs-grid{grid-template-columns:repeat(2,1fr);gap:12px}.petr-pair{padding:8px}}.petr-features{padding-top:40px;padding-bottom:90px}.petr-steps{counter-reset:step;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin:50px 0 22px;padding:0;list-style:none}.petr-step{position:relative;padding:30px 26px 26px;text-align:left}.petr-step__n{position:absolute;top:18px;right:22px;font-family:var(--font-display);font-weight:800;font-size:2.4rem;line-height:1;color:#c59b2740}.petr-step__icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:16px;border-radius:14px;background:linear-gradient(135deg,var(--accent-gold-light),var(--accent-gold));color:#fff;box-shadow:0 8px 18px #c59b274d}.petr-step h3{font-size:1.2rem;margin-bottom:8px;color:var(--text-primary)}.petr-step p{color:var(--text-secondary);font-size:.95rem;line-height:1.55}.petr-rules-link{text-align:center;color:var(--text-secondary);font-size:.95rem;margin-bottom:60px}.petr-rules-link a{font-weight:700;color:var(--accent-gold-dark)}.petr-rules-link a:hover{text-decoration:underline}.petr-why{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px}.petr-why__item{text-align:center;padding:10px 14px}.petr-why__icon{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;margin-bottom:14px;border-radius:50%;background:#c59b271f;color:var(--accent-gold-dark)}.petr-why__item h3{font-size:1.08rem;margin-bottom:8px;color:var(--text-primary)}.petr-why__item p{color:var(--text-secondary);font-size:.92rem;line-height:1.55}@media(max-width:768px){.petr-steps{margin-top:36px;gap:16px}.petr-rules-link{margin-bottom:44px}}