:root{--bg:#f6f9ff;--surface:#fff;--ink:#0f172a;--muted:#607087;--line:#dbe5f2;--brand:#2563eb;--brand-2:#0891b2;--accent:#f59e0b;--soft:#eef5ff;--radius:8px;--shadow:0 18px 50px rgba(30,64,175,.12)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 12% 10%,rgba(37,99,235,.1),transparent 28%),radial-gradient(circle at 92% 16%,rgba(8,145,178,.12),transparent 28%),linear-gradient(180deg,#f8fbff 0%,#eef5ff 52%,#f8fbff 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(37,99,235,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.055) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 72%)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);border-bottom:1px solid rgba(219,229,242,.9);backdrop-filter:blur(18px);box-shadow:0 10px 35px rgba(15,23,42,.06)}.header-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px}.brand strong{display:block;font-size:18px;color:var(--ink)}.brand small{display:block;color:var(--muted);font-size:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius);background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;font-weight:900;box-shadow:0 10px 24px rgba(37,99,235,.22)}.primary-nav ul{display:flex;align-items:center;gap:4px;padding:0;margin:0;list-style:none}.primary-nav a{display:block;padding:10px 12px;border-radius:var(--radius);color:#334155;font-weight:750;font-size:14px}.primary-nav a:hover{background:#eef5ff;color:var(--brand)}.nav-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:9px 12px}h1,h2,h3{line-height:1.12;margin:0 0 14px;color:var(--ink);letter-spacing:0}h1{font-size:clamp(30px,3.6vw,48px)}h2{font-size:clamp(22px,2.4vw,32px)}h3{font-size:18px}.eyebrow{display:inline-flex;color:var(--brand);text-transform:uppercase;font-size:12px;font-weight:900}.hero{background:linear-gradient(90deg,rgba(248,251,255,.98),rgba(248,251,255,.72)),url("../images/light-premium-phones.png") right center/contain no-repeat;color:var(--ink);padding:62px 0 54px;border-bottom:1px solid rgba(219,229,242,.9)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}.hero h1{font-size:clamp(34px,4.4vw,54px)}.hero p,.archive-head p,.page-content>p,.seo-intro p,.programmatic-listing p{color:var(--muted);font-size:17px}.hero-search,.finder-form{display:grid;gap:8px;margin-top:22px}.hero-search{grid-template-columns:1fr auto}.finder-form{grid-template-columns:repeat(3,1fr)}input,select,button{min-height:46px;border-radius:var(--radius);border:1px solid #cfdbec;padding:0 13px;font:inherit;background:#fff;color:var(--ink)}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:0;border-radius:var(--radius);background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 14px 30px rgba(37,99,235,.22)}.button--ghost{background:#eef5ff;color:var(--brand);border:1px solid #c8d8f3}.quick-links,.cta-row,.related-links,.brand-nav-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.quick-links a,.spec-pills span,.trust-list span,.related-links a,.brand-nav-links a{background:#fff;border:1px solid #dbe5f2;color:#1e3a8a;border-radius:var(--radius);padding:9px 12px;font-weight:800}.hero-panel,.finder-panel,.spec-card,.content-card,.phone-card,.overview-panel,.seo-copy,.faq-item,.mini-panel,.pros-box,.cons-box,.price-trust span,.source-note,.author-box,.pta-calculator,.winner-grid div,.buyer-fit>div,.brand-tile,.comparison-card,.silo-grid a,.price-grid a,.phone-visual,.compare-table-wrap,.compare-selector,.stats-strip span,.brand-hero-card{background:rgba(255,255,255,.92);border:1px solid rgba(219,229,242,.95);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(16px)}.hero-panel,.finder-panel,.spec-card,.content-card{padding:20px}.finder-form button{grid-column:1/-1}.section{padding:64px 0}.section--tight{padding:34px 0}.section--muted{background:rgba(232,241,255,.72);border-block:1px solid rgba(219,229,242,.9)}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}.text-link{color:var(--brand);font-weight:900}.phone-grid,.post-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.phone-card,.brand-tile,.comparison-card,.silo-grid a,.price-grid a{overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.phone-card:hover,.brand-tile:hover,.comparison-card:hover,.silo-grid a:hover,.price-grid a:hover{transform:translateY(-5px);border-color:rgba(37,99,235,.34);box-shadow:0 24px 70px rgba(37,99,235,.16)}.phone-card__media{min-height:210px;display:grid;place-items:center;background:radial-gradient(circle at 50% 18%,rgba(37,99,235,.12),transparent 42%),linear-gradient(180deg,#fff,#edf4ff)}.phone-card__body{padding:16px}.phone-card strong,.price,.score-card strong,.winner-grid strong,.mini-panel strong,.brand-hero-card strong{display:block;color:var(--brand);font-size:20px;margin:6px 0 10px}.phone-card ul{display:grid;gap:5px;padding:0;margin:0 0 12px;list-style:none;color:var(--muted);font-size:14px}.phone-card__mockup,.device-large{display:block;width:108px;aspect-ratio:9/18;border-radius:24px;background:linear-gradient(160deg,#111827,#2563eb 52%,#06b6d4);border:8px solid #0f172a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 18px 38px rgba(15,23,42,.18)}.device-large{width:190px}.price-grid,.brand-directory,.comparison-grid,.silo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.silo-grid{grid-template-columns:repeat(3,1fr)}.price-grid a,.brand-tile,.comparison-card,.silo-grid a{min-height:126px;padding:18px}.brand-tile{min-height:176px}.brand-tile em{display:block;color:var(--muted);font-style:normal;font-size:14px;margin:8px 0}.brand-logo{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border-radius:var(--radius);background:#f8fbff;border:1px solid #dbe5f2;color:#1e293b;font-weight:950;margin-bottom:12px}.brand-logo--large{min-height:62px;font-size:26px;width:100%}.seo-intro,.guide-grid,.editorial-band{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}.stats-strip,.trust-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.page-shell{padding:52px 0}.archive-head{max-width:780px;margin-bottom:24px}.breadcrumb{display:flex;gap:8px;color:var(--muted);font-size:14px;padding:18px 0 0}.breadcrumb a{color:var(--brand);font-weight:800}.phone-hero{padding:42px 0 48px;background:linear-gradient(90deg,rgba(248,251,255,.96),rgba(238,245,255,.82)),url("../images/light-premium-phones.png") right center/contain no-repeat}.phone-hero-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:center}.phone-visual{display:grid;place-items:center;min-height:420px}.price{font-size:38px}.price-trust,.score-grid,.pros-cons,.buyer-fit,.winner-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0}.score-grid{grid-template-columns:repeat(5,1fr)}.score-card{background:#f8fbff;border:1px solid #dbe5f2;border-radius:var(--radius);padding:10px;text-align:center}.score-card span{color:var(--muted);font-weight:800;font-size:12px}.spec-pills{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.phone-content{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;padding:48px 0;align-items:start}.spec-stack{display:grid;gap:16px}.spec-section h2{font-size:22px;padding-bottom:12px;border-bottom:1px solid var(--line)}table{width:100%;border-collapse:collapse}th,td{padding:13px 10px;border-bottom:1px solid #e2eaf5;text-align:left;vertical-align:top}th{width:38%;color:var(--muted)}tr:nth-child(even){background:#f8fbff}.overview-panel{position:sticky;top:96px;padding:22px}.pros-box{background:#edf9ff;border-color:#bae6fd}.cons-box,.notice{background:#fff8eb;border-color:#fde2ad;color:#7c4a03}.pros-box ul,.cons-box ul,.buyer-fit ul{margin:0;padding-left:18px}.faq-list{margin-top:20px;display:grid;gap:10px}.faq-item{padding:14px}.source-note,.author-box{margin-top:16px;padding:14px}.author-box{display:grid;grid-template-columns:54px 1fr;gap:14px}.author-avatar,.versus-badge{display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;font-weight:950}.author-avatar{width:54px;height:54px;border-radius:50%}.related-section{padding:0 0 56px}.archive-hero{padding:52px 0;background:linear-gradient(90deg,rgba(29,78,216,.92),rgba(8,145,178,.78)),url("../images/light-premium-phones.png") right center/contain no-repeat;color:#fff}.archive-hero h1,.archive-hero p{color:#fff}.archive-hero-grid{display:grid;grid-template-columns:1fr 220px;gap:24px;align-items:center}.mini-panel,.brand-hero-card{text-align:center;padding:18px;color:var(--ink)}.mini-panel strong,.brand-hero-card strong{font-size:44px;line-height:1}.programmatic-listing{margin-top:24px}.compare-selector{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;padding:14px;margin-bottom:24px}.compare-phone-head{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;margin:24px 0}.versus-badge{width:54px;height:54px;border-radius:50%}.compare-table-wrap{overflow-x:auto}.compare-table{min-width:720px}.compare-table thead th{background:#eef5ff;color:var(--ink)}.winner-grid{grid-template-columns:repeat(4,1fr)}.winner-grid div{padding:12px}.winner-grid span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.pta-calculator{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;margin:22px 0;padding:14px;align-items:end}.pta-calculator label{display:block;font-weight:900;margin-bottom:6px}.pta-result,.helper-note{grid-column:1/-1}.pta-result{background:var(--soft);border-radius:var(--radius);padding:12px;font-weight:900;color:var(--brand)}.helper-note{color:var(--muted);margin:0}.site-footer{background:#0f172a;color:#fff;padding:42px 0 22px}.site-footer a,.site-footer p,.footer-bottom{color:rgba(226,232,240,.78)}.footer-grid{display:grid;grid-template-columns:1.2fr .6fr .6fr;gap:28px}.site-footer a{display:block;margin:8px 0}.footer-bottom{display:flex;justify-content:space-between;gap:16px;border-top:1px solid rgba(219,229,242,.12);margin-top:28px;padding-top:18px;font-size:14px}@media(max-width:900px){.nav-toggle{display:inline-flex}.primary-nav{display:none;position:absolute;inset:76px 16px auto;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px}.primary-nav.is-open{display:block}.primary-nav ul{display:grid}.hero-grid,.seo-intro,.guide-grid,.editorial-band,.phone-hero-grid,.phone-content,.archive-hero-grid,.compare-selector,.compare-phone-head,.footer-grid,.pta-calculator{grid-template-columns:1fr}.overview-panel{position:static}.phone-grid,.post-grid,.price-grid,.brand-directory,.comparison-grid,.winner-grid{grid-template-columns:repeat(2,1fr)}h1,.hero h1{font-size:32px}h2{font-size:24px}}@media(max-width:560px){.container{width:min(100% - 22px,1180px)}.hero,.phone-hero,.archive-hero{background-image:linear-gradient(180deg,rgba(248,251,255,.98),rgba(238,245,255,.94))}.archive-hero{background-image:linear-gradient(90deg,rgba(29,78,216,.96),rgba(8,145,178,.86))}.hero-search,.finder-form,.phone-grid,.post-grid,.silo-grid,.trust-list,.price-grid,.brand-directory,.comparison-grid,.stats-strip,.pros-cons,.buyer-fit,.price-trust,.score-grid,.winner-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}}
