.pf-page{min-height:100vh;padding-bottom:90px;background:radial-gradient(circle at 85% 8%,color-mix(in srgb,var(--color-primary) 10%,transparent),transparent 28%),var(--color-bg)}
.pf-hero{padding:132px 0 48px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 68%,transparent),transparent);border-bottom:1px solid color-mix(in srgb,var(--color-border) 72%,transparent)}
.pf-hero-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.7fr);align-items:center;gap:46px}.pf-hero-inner.is-single{grid-template-columns:1fr}.pf-hero-inner.is-single>.pf-hero-copy{max-width:820px;margin-inline:auto;text-align:center}.pf-hero-inner.is-single>.pf-hero-copy .pf-hero-points{justify-content:center}.pf-hero-inner.is-single>.pf-hero-visual{max-width:520px;width:100%;margin-inline:auto}
.pf-hero-copy{max-width:700px}.pf-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--color-primary);font-size:.78rem;font-weight:900}.pf-kicker:before{content:"";width:22px;height:2px;border-radius:999px;background:var(--color-accent)}
.pf-hero h1{font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.15;margin:10px 0 14px;letter-spacing:-.055em}.pf-hero-copy>p{max-width:660px;margin:0;color:var(--color-muted);font-size:1rem;line-height:2}
.pf-hero-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.pf-hero-points span{padding:7px 11px;border:1px solid var(--color-border);border-radius:999px;background:color-mix(in srgb,var(--color-surface) 86%,transparent);font-size:.72rem;font-weight:800;color:var(--color-muted)}
.pf-hero-visual{position:relative;min-height:280px;display:grid;place-items:center}.pf-phone-shape{width:178px;height:260px;border:1px solid color-mix(in srgb,var(--color-primary) 35%,var(--color-border));border-radius:36px;background:linear-gradient(145deg,color-mix(in srgb,var(--color-surface) 94%,var(--color-primary) 6%),var(--color-surface));box-shadow:var(--shadow-lg);display:grid;place-items:center;align-content:center;gap:9px;transform:rotate(-5deg)}
.pf-phone-shape:before{content:"";position:absolute;top:11px;width:52px;height:5px;border-radius:999px;background:var(--color-border)}.pf-phone-shape i{width:76px;height:76px;border-radius:25px;background:linear-gradient(135deg,var(--blue-700),var(--blue-900));box-shadow:0 16px 38px rgba(18,58,114,.24)}.pf-phone-shape b{font-size:1.85rem;color:var(--color-accent)}.pf-phone-shape span{font-size:.78rem;color:var(--color-muted);font-weight:800}
.pf-float-card{position:absolute;padding:10px 14px;border:1px solid var(--color-border);border-radius:14px;background:color-mix(in srgb,var(--color-surface) 92%,transparent);box-shadow:var(--shadow-sm);font-size:.74rem;font-weight:900;backdrop-filter:blur(12px)}.pf-float-card.one{right:2%;top:20%}.pf-float-card.two{left:4%;bottom:18%}
.pf-shell{margin-top:34px;position:relative}.pf-wizard{max-width:980px;margin:0 auto;padding:24px;border:1px solid var(--color-border);border-radius:28px;background:var(--color-surface);box-shadow:var(--shadow-md)}
.pf-progress{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:10px;margin-bottom:24px;padding:4px 6px}.pf-progress>button{border:0;background:transparent;color:var(--color-muted);display:flex;align-items:center;gap:8px;padding:0;font-size:.72rem;font-weight:900;cursor:default}.pf-progress b{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--color-surface-2);border:1px solid var(--color-border);font-size:.68rem}.pf-progress>i{height:1px;background:var(--color-border)}.pf-progress>button.is-active,.pf-progress>button.is-done{color:var(--color-primary)}.pf-progress>button.is-active b{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 7px 20px color-mix(in srgb,var(--color-primary) 28%,transparent)}.pf-progress>button.is-done b{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border))}
.pf-summary-list{display:grid;gap:7px;margin-bottom:10px}.pf-step-summary{width:100%;border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));border-radius:13px;background:color-mix(in srgb,var(--color-primary) 4%,var(--color-surface));padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:right;color:inherit}.pf-step-summary>span{display:flex;align-items:baseline;gap:9px;min-width:0}.pf-step-summary small{color:var(--color-muted);font-size:.66rem;white-space:nowrap}.pf-step-summary strong{font-size:.76rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-step-summary em{font-style:normal;color:var(--color-primary);font-size:.68rem;font-weight:900;white-space:nowrap}
.pf-step-panel{padding:18px 4px 4px}.pf-step-head{max-width:690px;margin-bottom:20px}.pf-step-head>span{font-size:.67rem;color:var(--color-primary);font-weight:900}.pf-step-head h2{font-size:clamp(1.35rem,3vw,2rem);margin:6px 0 7px;letter-spacing:-.035em}.pf-step-head p{margin:0;color:var(--color-muted);font-size:.8rem;line-height:1.9}
.pf-budget-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pf-budget-choice{min-height:88px;border:1px solid color-mix(in srgb,var(--color-text) 14%,var(--color-border));border-radius:17px;background:var(--color-surface);color:var(--color-text);padding:13px;display:grid;align-content:center;gap:3px;text-align:right;box-shadow:0 7px 20px rgba(15,40,75,.04);transition:.18s}.pf-budget-choice:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--color-primary) 46%,var(--color-border));box-shadow:var(--shadow-sm)}.pf-budget-choice.is-selected{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 7%,var(--color-surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 12%,transparent)}.pf-budget-choice span{font-size:.88rem;font-weight:950}.pf-budget-choice small{font-size:.66rem;color:var(--color-muted)}.pf-budget-choice.custom{border-style:dashed}
.pf-custom-budget{margin-top:12px;padding:14px;border:1px dashed color-mix(in srgb,var(--color-primary) 36%,var(--color-border));border-radius:17px;background:var(--color-surface-2);display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.pf-custom-budget label{display:grid;gap:5px}.pf-custom-budget label>span{font-size:.67rem;color:var(--color-muted);font-weight:800}.pf-custom-budget label>div{display:flex;align-items:center;overflow:hidden;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.pf-custom-budget input{width:100%;min-width:0;height:43px;border:0;outline:0;background:transparent;color:var(--color-text);padding:0 10px;direction:ltr;text-align:left;font-size:.8rem}.pf-custom-budget b{padding:0 10px;border-right:1px solid var(--color-border);color:var(--color-muted);font-size:.65rem;white-space:nowrap}
.pf-usecase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pf-usecase-card{position:relative;min-height:152px;border:1px solid color-mix(in srgb,var(--color-text) 15%,var(--color-border));border-radius:18px;background:var(--color-surface);padding:15px;display:grid;align-content:start;gap:10px;cursor:pointer;box-shadow:0 7px 20px rgba(15,40,75,.04);transition:.18s}.pf-usecase-card:hover{border-color:color-mix(in srgb,var(--color-primary) 42%,var(--color-border));transform:translateY(-2px);box-shadow:var(--shadow-sm)}.pf-usecase-card>input{position:absolute;opacity:0;pointer-events:none}.pf-usecase-icon{width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--color-primary) 9%,var(--color-surface-2));color:var(--color-primary);display:grid;place-items:center}.pf-usecase-icon svg{width:22px;height:22px}.pf-usecase-copy{display:grid;gap:4px}.pf-usecase-copy strong{font-size:.8rem}.pf-usecase-copy small{font-size:.66rem;color:var(--color-muted);line-height:1.7}.pf-usecase-check{position:absolute;top:11px;left:11px;width:23px;height:23px;border:1px solid var(--color-border);border-radius:8px;display:grid;place-items:center;color:transparent;font-size:.7rem;font-weight:950;background:var(--color-surface-2);transition:.18s}.pf-usecase-card:has(input:checked){border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,var(--color-surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 11%,transparent)}.pf-usecase-card:has(input:checked) .pf-usecase-check{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pf-usecase-card:has(input:checked) .pf-usecase-icon{background:var(--color-primary);color:#fff}
.pf-step-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border)}.pf-step-actions .btn{min-width:130px}.pf-step-actions .btn:disabled{opacity:.42;cursor:not-allowed;transform:none}
.pf-priority-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pf-priority-card{position:relative;min-height:92px;border:1px solid color-mix(in srgb,var(--color-text) 15%,var(--color-border));border-radius:17px;background:var(--color-surface);padding:13px;display:flex;align-items:center;gap:11px;cursor:pointer;transition:.18s}.pf-priority-card:hover{border-color:color-mix(in srgb,var(--color-primary) 42%,var(--color-border))}.pf-priority-card input{position:absolute;opacity:0;pointer-events:none}.pf-priority-card .pf-usecase-icon{width:38px;height:38px;flex:0 0 38px}.pf-priority-card>span:last-child{display:grid;gap:3px}.pf-priority-card strong{font-size:.78rem}.pf-priority-card small{color:var(--color-muted);font-size:.64rem}.pf-priority-card:has(input:checked){border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,var(--color-surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 11%,transparent)}
.pf-results{max-width:1180px;margin:30px auto 0}.pf-results-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:13px}.pf-results-head h2{font-size:clamp(1.45rem,3vw,2.25rem);margin:5px 0 6px}.pf-results-head p{max-width:780px;margin:0;color:var(--color-muted);font-size:.78rem;line-height:1.9}.pf-result-meta{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}.pf-result-meta span{padding:6px 9px;border-radius:999px;background:var(--color-surface-2);border:1px solid var(--color-border);font-size:.66rem;color:var(--color-muted);font-weight:800}
.pf-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.pf-model-card{border:1px solid var(--color-border);border-radius:23px;background:var(--color-surface);overflow:hidden;box-shadow:var(--shadow-sm)}.pf-model-main{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:17px}.pf-model-image{height:164px;border-radius:17px;background:linear-gradient(145deg,var(--color-surface-2),color-mix(in srgb,var(--color-primary) 8%,var(--color-surface)));display:grid;place-items:center;overflow:hidden}.pf-model-image img{width:100%;height:100%;object-fit:contain;padding:8px}.pf-model-image span{font-size:2.4rem;color:color-mix(in srgb,var(--color-primary) 42%,var(--color-muted))}.pf-model-copy{min-width:0;display:grid;align-content:start}.pf-model-top{display:flex;justify-content:space-between;gap:9px;align-items:flex-start}.pf-model-brand{font-size:.64rem;color:var(--color-muted);font-weight:800}.pf-score{flex:0 0 auto;width:48px;height:48px;border-radius:15px;background:color-mix(in srgb,var(--color-success) 11%,var(--color-surface));color:var(--color-success);display:grid;place-items:center;font-size:.8rem;font-weight:950;border:1px solid color-mix(in srgb,var(--color-success) 23%,var(--color-border))}.pf-model-copy h3{font-size:1rem;margin:3px 0 4px;line-height:1.6}.pf-variant{font-size:.67rem;color:var(--color-muted)}.pf-model-price{margin-top:10px;display:grid;gap:1px}.pf-model-price small{font-size:.61rem;color:var(--color-muted)}.pf-model-price strong{font-size:.92rem}.pf-match-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.pf-match-tags span{padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface-2));color:var(--color-primary);font-size:.59rem;font-weight:850}.pf-model-link{margin-top:12px;color:var(--color-primary);font-size:.68rem;font-weight:900}
.pf-model-ads{border-top:1px solid var(--color-border);padding:13px 17px 16px;background:color-mix(in srgb,var(--color-surface-2) 42%,var(--color-surface))}.pf-model-ads>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pf-model-ads>header strong{font-size:.72rem}.pf-model-ads>header span{font-size:.61rem;color:var(--color-muted)}.pf-mini-ads{display:grid;gap:7px}.pf-mini-ad{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:9px;align-items:center;padding:7px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.pf-mini-ad-media{width:48px;height:48px;border-radius:10px;overflow:hidden;background:var(--color-surface-2);display:grid;place-items:center}.pf-mini-ad-media img{width:100%;height:100%;object-fit:cover}.pf-mini-ad-media span{font-size:1rem;color:var(--color-muted)}.pf-mini-ad-copy{min-width:0;display:grid}.pf-mini-ad-copy strong{font-size:.66rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-mini-ad-copy small{font-size:.57rem;color:var(--color-muted);margin-top:2px}.pf-mini-ad-price{text-align:left;display:grid;gap:2px}.pf-mini-ad-price strong{font-size:.64rem;white-space:nowrap}.pf-mini-ad-price span{font-size:.54rem;color:var(--color-success);font-weight:900}.pf-no-ad{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px dashed var(--color-border);border-radius:12px;color:var(--color-muted);font-size:.64rem}.pf-no-ad a{color:var(--color-primary);font-weight:900;white-space:nowrap}
.pf-loading{max-width:720px;margin:28px auto 0;padding:30px;border:1px solid var(--color-border);border-radius:22px;background:var(--color-surface);display:grid;place-items:center;text-align:center;gap:6px;box-shadow:var(--shadow-sm)}.pf-loading>span{width:34px;height:34px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:pfSpin .8s linear infinite}.pf-loading strong{font-size:.83rem}.pf-loading small{font-size:.66rem;color:var(--color-muted)}@keyframes pfSpin{to{transform:rotate(360deg)}}
.pf-error{max-width:760px;margin:18px auto;padding:12px 14px;border:1px solid color-mix(in srgb,var(--color-accent) 28%,var(--color-border));border-radius:14px;background:color-mix(in srgb,var(--color-accent) 8%,var(--color-surface));color:var(--color-accent);font-size:.75rem;font-weight:800}.pf-empty{padding:44px 20px;text-align:center;border:1px dashed var(--color-border);border-radius:22px;background:var(--color-surface)}.pf-empty>div{font-size:2rem;color:var(--color-primary)}.pf-empty h3{margin:8px 0 4px}.pf-empty p{margin:0 0 16px;color:var(--color-muted);font-size:.76rem}

.pf-page.is-hero-hidden{padding-top:104px}.pf-page.is-hero-hidden .pf-shell{margin-top:0}
@media(max-width:1050px){.pf-hero-inner{grid-template-columns:1fr auto}.pf-usecase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-result-grid{grid-template-columns:1fr}}
@media(max-width:760px){.pf-page{padding-bottom:105px}.pf-page.is-hero-hidden{padding-top:82px}.pf-hero{padding:100px 0 28px}.pf-hero-inner{grid-template-columns:1fr;gap:20px}.pf-hero-copy{text-align:center}.pf-hero-copy>p{font-size:.84rem;line-height:1.9}.pf-hero-points{justify-content:center}.pf-hero-visual{display:none}.pf-shell{width:calc(100% - 20px);margin-top:18px}.pf-wizard{padding:14px;border-radius:20px}.pf-progress{gap:6px;margin-bottom:14px}.pf-progress>button span{display:none}.pf-progress b{width:29px;height:29px}.pf-summary-list{margin-bottom:4px}.pf-step-panel{padding:13px 0 2px}.pf-step-head{margin-bottom:15px}.pf-step-head h2{font-size:1.3rem}.pf-step-head p{font-size:.73rem}.pf-budget-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pf-budget-choice{min-height:76px;padding:11px}.pf-budget-choice span{font-size:.78rem}.pf-custom-budget{grid-template-columns:1fr;gap:8px}.pf-custom-budget .btn{width:100%}.pf-usecase-grid{grid-template-columns:1fr;gap:8px}.pf-usecase-card{min-height:0;grid-template-columns:42px minmax(0,1fr);align-items:center;padding:11px;gap:10px}.pf-usecase-copy small{line-height:1.55}.pf-usecase-check{top:50%;transform:translateY(-50%);left:11px}.pf-step-actions{position:sticky;bottom:82px;z-index:12;margin:18px -6px -4px;padding:10px 6px 4px;background:linear-gradient(180deg,transparent,var(--color-surface) 26%)}.pf-step-actions .btn{min-width:0;flex:1}.pf-priority-grid{grid-template-columns:1fr}.pf-results{margin-top:22px}.pf-results-head{align-items:flex-start;flex-direction:column}.pf-results-head .btn{width:100%}.pf-model-main{grid-template-columns:104px minmax(0,1fr);gap:11px;padding:12px}.pf-model-image{height:132px}.pf-score{width:42px;height:42px;border-radius:13px}.pf-model-copy h3{font-size:.88rem}.pf-model-ads{padding:11px 12px 13px}.pf-mini-ad{grid-template-columns:44px minmax(0,1fr);}.pf-mini-ad-media{width:44px;height:44px}.pf-mini-ad-price{grid-column:2;text-align:right;display:flex;gap:6px;align-items:center}.pf-no-ad{align-items:flex-start;flex-direction:column}.pf-loading{margin-top:18px;padding:24px 14px}.pf-step-summary{padding:7px 9px}.pf-step-summary small{display:none}}
@media(max-width:390px){.pf-budget-grid{grid-template-columns:1fr 1fr}.pf-budget-choice{min-height:72px}.pf-model-main{grid-template-columns:90px minmax(0,1fr)}.pf-model-image{height:120px}.pf-model-price strong{font-size:.8rem}}

.pf-page [hidden]{display:none!important}