.ph-shell{--ph-ink: #102033;--ph-muted: #586779;--ph-line: #dce2e8;--ph-soft: #eef4f7;--ph-blue: #0a66c2;min-height:70vh;color:var(--ph-ink);background:#f7f9fa}.ph-shell ::selection{color:#fff;background:#145ca8}.ph-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ph-nav{min-height:58px;padding:0 max(1rem,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fff;border-bottom:1px solid var(--ph-line)}.ph-nav a{color:var(--ph-muted);text-decoration:none}.ph-nav a:hover,.ph-nav a.active{color:var(--ph-ink)}.ph-wordmark{font-weight:800!important;color:var(--ph-ink)!important;letter-spacing:-.02em}.ph-nav>div{display:flex;gap:1.4rem;font-size:.84rem;font-weight:650}.ph-hero{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.45fr .55fr;gap:5rem;align-items:end;padding:6rem 1rem 5rem}.ph-hero h1{max-width:820px;margin:0;font-size:clamp(3.2rem,7vw,6rem);line-height:.92;letter-spacing:-.04em}.ph-hero>div>p{max-width:62ch;margin:2rem 0;color:var(--ph-muted);font-size:1.05rem;line-height:1.7}.ph-hero-actions{display:flex;align-items:center;gap:1.3rem}.ph-hero-actions a{text-decoration:none;font-weight:750}.ph-primary{display:inline-flex;align-items:center;gap:.5rem;width:max-content;min-height:46px;padding:.75rem 1rem;color:#fff!important;background:var(--ph-blue);border-radius:12px;text-decoration:none}.ph-primary svg{width:18px}.ph-hero aside{display:grid;gap:.7rem;padding:1.5rem;color:#dbeeff;background:#102b47;border-radius:14px;box-shadow:0 18px 36px #10203329}.ph-hero aside svg{width:32px;height:32px;color:#78b8fa}.ph-hero aside strong{color:#fff;font-size:1.15rem}.ph-hero aside span,.ph-hero aside p{font-size:.82rem;line-height:1.5}.ph-hero aside p{margin:.3rem 0 0;color:#bed2e6}.ph-main,.ph-detail{max-width:1180px;margin:auto;padding:4rem 1rem 6rem}.ph-brand-page{min-height:70vh}.ph-section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.ph-section-head h1,.ph-section-head h2{margin:0;font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.035em}.ph-section-head p{max-width:50ch;margin:0;color:var(--ph-muted);line-height:1.55}.ph-filter{padding:1rem;background:#fff;border-radius:14px;box-shadow:0 12px 30px #10203312}.ph-search{display:flex;align-items:center;gap:.7rem;padding:0 .3rem 1rem;border-bottom:1px solid var(--ph-line)}.ph-search svg{width:20px}.ph-search input{width:100%;border:0;outline:0;font:inherit;font-size:1rem;background:transparent}.ph-filter-row{display:flex;align-items:center;gap:.65rem;padding-top:1rem}.ph-filter-row>svg{width:18px;color:var(--ph-muted)}.ph-filter select,.ph-pickers select,.ph-finder select{min-height:44px;padding:.55rem 2rem .55rem .7rem;color:var(--ph-ink);background:#f5f7f8;border:1px solid var(--ph-line);border-radius:10px;font:inherit}.ph-count{color:var(--ph-muted);font-size:.8rem;font-weight:700}.ph-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.ph-card{min-width:0;overflow:hidden;background:#fff;border-radius:14px;box-shadow:0 12px 30px #1020330f;transition:transform .2s ease,box-shadow .2s ease}.ph-card:hover{transform:translateY(-3px);box-shadow:0 19px 38px #1020331a}.ph-device{height:200px;display:grid;place-items:center;background:#e9eef2}.ph-device:before{content:"";width:87px;height:156px;border:5px solid #192634;border-radius:20px;background:#dfe8ee;box-shadow:8px 12px 25px #1020332e;transform:rotate(5deg)}.ph-device span{position:absolute}.ph-apple{background:#f0eee9}.ph-samsung{background:#e7ecf9}.ph-google{background:#e8f0eb}.ph-card-copy{padding:1.25rem}.ph-card-copy>p{margin:0;color:var(--ph-muted);font-size:.72rem;font-weight:750;text-transform:uppercase;letter-spacing:.07em}.ph-card h2{margin:.35rem 0 1rem;font-size:1.35rem;letter-spacing:-.02em}.ph-card h2 a{color:inherit;text-decoration:none}.ph-card dl{display:grid;gap:.6rem;margin:0}.ph-card dl div{display:grid;grid-template-columns:18px 70px 1fr;gap:.4rem;align-items:center;font-size:.76rem}.ph-card dl svg{width:16px;color:var(--ph-muted)}.ph-card dt{color:var(--ph-muted)}.ph-card dd{margin:0;text-align:right;font-weight:700}.ph-card-foot{display:flex;justify-content:space-between;gap:1rem;margin-top:1.15rem;padding-top:1rem;border-top:1px solid var(--ph-line);font-size:.78rem;font-weight:700}.ph-card-foot a{color:var(--ph-blue)}.ph-empty{padding:4rem;text-align:center;background:#fff;border-radius:14px}.ph-crumb{display:flex;gap:.5rem;margin-bottom:2rem;color:var(--ph-muted);font-size:.8rem}.ph-crumb a{color:inherit}.ph-detail-hero{min-height:420px;display:grid;grid-template-columns:1fr 330px;align-items:center;padding:3rem;background:#102b47;color:#fff;border-radius:16px}.ph-source-badge{display:flex;align-items:center;gap:.45rem;color:#b9dbfc;font-size:.78rem;font-weight:700}.ph-source-badge svg{width:17px}.ph-detail-hero h1{margin:1rem 0;font-size:clamp(3rem,7vw,5.7rem);line-height:.95;letter-spacing:-.04em}.ph-detail-hero>div>p:not(.ph-source-badge){color:#bed2e6}.ph-detail-hero .ph-primary{margin-top:1.2rem}.ph-device-large{height:330px;background:transparent}.ph-device-large:before{width:150px;height:285px;border-width:8px;border-radius:33px;background:#c9dbe8}.ph-key{display:grid;grid-template-columns:repeat(4,1fr);margin:1.2rem 0 4rem;background:#fff;border-radius:14px;box-shadow:0 12px 30px #1020330f}.ph-key div{display:grid;gap:.35rem;align-content:start;padding:1.4rem;border-right:1px solid var(--ph-line)}.ph-key div:last-child{border:0}.ph-key span,.ph-key small{color:var(--ph-muted);font-size:.74rem}.ph-key strong{font-size:1.05rem}.ph-spec-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:3rem;align-items:start}.ph-spec-layout>article>h2{font-size:2.2rem}.ph-spec-group{margin:2.6rem 0}.ph-spec-group h3{padding-bottom:.7rem;border-bottom:2px solid var(--ph-ink);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.ph-spec-group dl{margin:0}.ph-spec-group dl div{display:grid;grid-template-columns:180px 1fr;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--ph-line)}.ph-spec-group dt{color:var(--ph-muted)}.ph-spec-group dd{margin:0;font-weight:650}.ph-source-panel{position:sticky;top:1rem;padding:1.4rem;background:#e9f2fa;border-radius:14px}.ph-source-panel h2{margin-top:0}.ph-source-panel>p{display:flex;gap:.4rem;align-items:center;color:#17603a;font-weight:700;text-transform:capitalize}.ph-source-panel svg{width:18px}.ph-source-panel dl{font-size:.82rem}.ph-source-panel dt{margin-top:1rem;color:var(--ph-muted)}.ph-source-panel dd{margin:.25rem 0;line-height:1.5}.ph-source-panel a{display:flex;align-items:center;gap:.3rem;margin-top:1.4rem;color:var(--ph-blue);font-weight:750}.ph-pickers{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:end;margin-bottom:2rem}.ph-pickers label,.ph-finder label{display:grid;gap:.4rem;color:var(--ph-muted);font-size:.8rem;font-weight:700}.ph-pickers select{width:100%;font-size:1rem}.ph-swap{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;padding:.6rem .75rem;color:var(--ph-muted);background:transparent;border:1px solid var(--ph-line);border-radius:10px;font-weight:700}.ph-swap svg{width:17px}.ph-compare-table{overflow:hidden;background:#fff;border-radius:14px;box-shadow:0 12px 30px #1020330f}.ph-compare-head,.ph-compare-row{display:grid;grid-template-columns:180px 1fr 1fr}.ph-compare-head>*{padding:1.2rem;color:#fff;background:#102b47}.ph-compare-row>span,.ph-compare-row>div{padding:1rem;border-bottom:1px solid var(--ph-line)}.ph-compare-row>span{color:var(--ph-muted)}.ph-compare-row>div{font-weight:700}.ph-compare-row small{display:block;width:max-content;margin-top:.35rem;padding:.2rem .45rem;color:#17603a;background:#e5f6ec;border-radius:999px;font-size:.68rem}.ph-compare-note{color:var(--ph-muted);font-size:.78rem}.ph-finder{display:grid;grid-template-columns:250px 1fr;gap:2rem;align-items:start}.ph-finder>aside{display:grid;gap:1rem;padding:1.2rem;background:#fff;border-radius:14px}.ph-finder h2{margin:0}.ph-finder select{width:100%}.ph-check{display:flex!important;align-items:center;gap:.5rem!important}.ph-check input{width:18px;height:18px}.ph-finder button{min-height:44px;background:transparent;border:1px solid var(--ph-line);border-radius:10px;font-weight:700}.ph-finder .ph-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 850px){.ph-hero{grid-template-columns:1fr;gap:2rem}.ph-hero aside{max-width:520px}.ph-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ph-detail-hero{grid-template-columns:1fr 210px}.ph-key{grid-template-columns:repeat(2,1fr)}.ph-key div:nth-child(2){border-right:0}.ph-key div:nth-child(-n+2){border-bottom:1px solid var(--ph-line)}.ph-spec-layout{grid-template-columns:1fr}.ph-source-panel{position:static}.ph-finder{grid-template-columns:1fr}.ph-finder>aside{grid-template-columns:repeat(2,1fr)}.ph-finder h2,.ph-finder button{grid-column:1/-1}}@media (max-width: 620px){.ph-nav{align-items:flex-start;padding-top:.8rem;padding-bottom:.8rem}.ph-nav>div{width:100%;overflow-x:auto;gap:1rem}.ph-nav{flex-direction:column}.ph-hero{padding-top:3.5rem}.ph-hero h1{font-size:clamp(3rem,16vw,4.5rem)}.ph-section-head{align-items:flex-start;flex-direction:column}.ph-filter-row{overflow-x:auto}.ph-filter-row select{flex:none}.ph-grid,.ph-finder .ph-grid{grid-template-columns:1fr}.ph-detail{padding-top:2rem}.ph-detail-hero{grid-template-columns:1fr;min-height:0;padding:1.5rem}.ph-device-large{height:250px;grid-row:1}.ph-device-large:before{height:220px;width:116px}.ph-key{grid-template-columns:1fr}.ph-key div{border-right:0!important;border-bottom:1px solid var(--ph-line)!important}.ph-key div:last-child{border-bottom:0!important}.ph-spec-group dl div{grid-template-columns:1fr;gap:.35rem}.ph-pickers{grid-template-columns:1fr}.ph-pickers>span{padding:0}.ph-compare-table{overflow:visible;background:transparent;box-shadow:none}.ph-compare-head{position:sticky;top:0;z-index:2;grid-template-columns:1fr 1fr}.ph-compare-head>span{display:none}.ph-compare-head strong{font-size:.78rem}.ph-compare-row{grid-template-columns:1fr 1fr;margin-bottom:.8rem;background:#fff;border-radius:12px;overflow:hidden}.ph-compare-row>span{grid-column:1/-1;padding:.65rem 1rem;background:#eef4f7;font-size:.75rem;font-weight:700}.ph-compare-row>div{min-width:0;overflow-wrap:anywhere}.ph-finder>aside{grid-template-columns:1fr}.ph-finder h2,.ph-finder button{grid-column:auto}.ph-hero-actions{align-items:flex-start;flex-direction:column}}