body:before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,#e8f7ff20,#eaf9fb42 49%,#eefbfcdb),url('/assets/alpine-panorama.png') center top/cover no-repeat}.app-shell{max-width:1680px;margin:0 auto}.header{height:64px;padding:0 4.3%;display:flex;align-items:center;gap:44px;background:#f7fcffb5;backdrop-filter:blur(20px);border-bottom:1px solid #ffffffa8}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:24px;font-weight:750;color:#101e36;white-space:nowrap;letter-spacing:-.03em}.brand small{color:#162540;letter-spacing:.13em;font-size:13px;margin-left:5px}.brand-symbol{width:31px;height:31px;color:#1b799a;flex:none}.header nav{display:flex;gap:27px;align-self:stretch;white-space:nowrap}.header .nav{position:relative;border:0;background:transparent;border-radius:0;font-size:14px;padding:0 7px;color:#394e6b}.header .nav[aria-pressed=true]{color:#066dcd;font-weight:650}.header .nav[aria-pressed=true]:after{content:'';position:absolute;bottom:10px;height:2px;left:8px;right:8px;background:#1bbfd2}.header .nav span{font-size:11px;display:inline-flex;align-items:center;justify-content:center;background:#e8f2ff;border-radius:20px;min-width:17px;height:17px;color:#426589}.header-tools{margin-left:auto;display:flex;align-items:center;gap:15px}#global-search{position:relative;display:flex;align-items:center;width:270px}#global-query{width:100%;border-radius:24px;border-color:#d8eafa;background:#ffffffb3;height:37px;font-size:11px;padding-right:53px}#global-search button{position:absolute;right:8px;border:0;background:transparent;min-height:25px;padding:3px 5px;font-size:11px;color:#56708c}.motion-toggle{font-size:11px;min-height:30px;padding:5px 8px;border:0;background:transparent;color:#56708c}.motion-indicator{display:inline-block;width:5px;height:5px;border-radius:50%;background:#36c1af;margin-right:5px}main{padding:0 2.5% 20px}.glass-panel{background:linear-gradient(125deg,#ffffffeb,#fafdffcc);border-radius:18px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}#message{position:sticky;top:8px;z-index:12;background:#faffff;color:#234866;border:1px solid #b6ddeb;padding:10px 16px;border-radius:12px;margin-top:10px;box-shadow:0 8px 28px -20px #1c5d87}.home-hero{position:relative;height:310px;margin:0 -2.64%;padding:72px 4.8% 25px;isolation:isolate;overflow:hidden}.hero-copy{position:relative;z-index:2;max-width:690px}.hero-copy h1{font-size:clamp(34px,3.4vw,58px);white-space:nowrap;letter-spacing:-.045em;margin-bottom:14px}.hero-copy h1 span{color:#1375c0}.hero-lead{font-size:23px;color:#4a5d77;letter-spacing:.025em}.hero-promises{display:flex;gap:40px;margin-top:33px;font-size:12px;color:#425c75}.hero-promises>span{padding-left:16px;border-left:1px solid #36c7d7;min-width:107px}.hero-promises small{display:block;font-size:11px;margin-top:2px}.hero-phones{position:absolute;right:4.2%;bottom:-17px;width:51%;height:292px;z-index:1}.hero-device-group{display:flex;align-items:flex-end;height:100%;justify-content:center;gap:0}.hero-phones .brand-panel{width:25%;height:240px;min-width:0;background:transparent;mix-blend-mode:multiply;padding:0;overflow:visible;filter:drop-shadow(0 16px 14px #5482a530)}.hero-phones .brand-panel img{height:100%;width:100%;object-fit:contain}.hero-phones .brand-panel:nth-child(1){transform:translate(6px,18px) rotate(-7deg);height:222px}.hero-phones .brand-panel:nth-child(2){transform:translateY(-3px) rotate(-4deg);height:279px}.hero-phones .brand-panel:nth-child(3){transform:translateY(10px) rotate(3deg);height:250px}.hero-phones .brand-panel:nth-child(4){transform:translateY(30px) rotate(6deg);height:224px}.hero-phones .brand-panel:nth-child(5){transform:translateY(39px) rotate(8deg);height:210px}.hero-phones .brand-panel span{display:none}.hero-note{font-family:KaiTi,STKaiti,serif;font-size:18px;letter-spacing:3px;transform:rotate(-10deg);line-height:1.75;color:#406384;position:absolute;right:2%;top:65px;z-index:3}.needs-panel{position:relative;display:grid;grid-template-columns:30% minmax(0,1fr);gap:10px 20px;padding:23px 30px 20px;margin:0 5.5% 22px;min-height:127px;background:#fffffff0}.needs-copy h2{font-size:25px;margin-bottom:6px}.needs-copy p{font-size:12px;line-height:1.5;margin-bottom:0;max-width:290px}.needs-copy .text-button{font-size:11px;min-height:20px;padding:2px 0;color:#4e6f90}#natural-needs{display:grid;grid-template-columns:minmax(0,1fr) 180px;column-gap:25px;align-items:center}.needs-entry{display:block;min-width:0}.needs-entry textarea{display:block;resize:vertical;min-height:49px;height:49px;max-height:150px;width:100%;padding:13px 15px;line-height:1.7;background:#ffffffbd;border-radius:14px;font-size:12px;overflow:hidden}#extract-needs{grid-column:2;grid-row:1/3;height:53px;font-size:16px;border-radius:30px}.examples{display:flex;align-items:center;gap:10px;margin-top:8px;grid-column:1;flex-wrap:wrap}.examples button{font-size:11px;padding:5px 15px;min-height:30px;color:#59718e;background:#f7fbff}.needs-notices{grid-column:1/-1;margin-top:0;font-size:11px}.needs-notices:not([open]){position:absolute;bottom:-17px;left:32px;right:25px}.needs-notices>summary{font-size:11px;padding:1px 0;color:#546e85;line-height:1.5}.needs-notices[open]{padding-top:8px;border-top:1px solid var(--line)}.needs-notices #needs-result{font-size:12px}.needs-notices .small{font-size:11px}.recommend-layout{display:grid;grid-template-columns:minmax(0,3.15fr) minmax(260px,1fr);gap:20px;align-items:start}#recommend-results-view{min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 13px;min-height:44px}.section-heading h2{font-size:23px;display:inline-block;margin:0 18px 0 0;position:relative}.section-heading h2:after{content:'';display:block;width:33px;height:2px;background:#2ac6d5;margin-top:6px}.section-heading>div{display:flex;align-items:center;gap:0;flex-wrap:wrap}.section-heading p{font-size:11px;display:inline;margin:0;max-width:340px}.count-badge{font-size:11px;line-height:1.2;color:#077596;border:1px solid #aee9ed;background:#ffffffc7;border-radius:25px;padding:6px 15px;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card{position:relative;background:linear-gradient(120deg,#fffffffa,#f9fdffea);border-radius:17px;overflow:hidden;min-width:0;display:grid;grid-template-columns:42% minmax(0,1fr);align-items:center;min-height:254px;box-shadow:0 9px 24px -25px #478ca5}.brand-panel{height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;color:#4e6e8a;min-width:0;position:relative;background:transparent}.brand-panel strong{font-size:17px}.brand-panel>span{font-size:11px;color:#5d6d7f;text-align:center;line-height:1.5}.phone-panel img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.phone-panel>span{position:absolute;bottom:2px;left:5px;right:5px;font-size:11px;line-height:1.35}.card-body{padding:16px 13px 15px 0;min-width:0}.card h3{font-size:15px;letter-spacing:-.02em;margin-bottom:6px;overflow-wrap:anywhere}.card p{margin-bottom:5px;overflow-wrap:anywhere}.card .small{font-size:11px;line-height:1.55}.card .price{font-size:20px;font-weight:700;color:#076cd9;line-height:1.35;margin:7px 0}.category-tags{display:flex;flex-wrap:wrap;gap:4px;margin:7px 0}.category-tag{font-size:11px;background:#e9f8f7;color:#22786d;padding:3px 5px;border-radius:5px}.category-pending{font-size:11px;color:#715732}.card-actions{display:flex;gap:7px;margin-top:9px;flex-wrap:wrap}.card-actions button{font-size:11px;padding:4px 8px;min-height:26px;border-radius:15px;white-space:nowrap}.card-actions button:last-child{color:#0e7b9a;border-color:#bdeaf3}.recommendation-reason{font-size:11px;line-height:1.7;margin:9px 0}.match-score{display:grid;grid-template-columns:1fr auto;gap:5px 7px;background:#eef8fc;padding:8px;border-radius:9px;margin-top:8px}.match-score>span{grid-column:1/-1;color:#576e84;font-size:11px}.match-score progress{width:100%;height:6px;margin-top:3px}.match-score strong{font-size:11px;color:#007a9f;font-weight:650;line-height:1.1}.technical-evidence>summary{font-size:11px;padding:5px 0;color:#556e86}.technical-evidence[open]{font-size:11px;max-height:430px;overflow-y:auto;padding-right:4px}.technical-evidence .score{padding:6px 0;font-size:12px}.technical-evidence .small{font-size:11px}.reference-scores h4{font-size:12px}.reference-score{margin:10px 0}.reference-score-heading{display:flex;justify-content:space-between;font-size:11px;gap:8px}.reference-score progress{width:100%}.reference-score-missing .reference-score-value{color:#656e7c}.reference-score-value{color:#0771c6;font-variant-numeric:tabular-nums}.reference-limitations{margin-top:8px}.reference-basis>summary{font-size:11px}.more-recommendations,.decision-details{margin-top:15px;padding:0 16px;background:#ffffffbd;border-radius:12px}.more-recommendations[open],.decision-details[open]{padding-bottom:15px}.decision-note{font-size:12px;line-height:1.7}.decision-note h3{font-size:16px}.decision-note p{margin-bottom:8px}.decision-note .small{font-size:11px}#preferences-panel{padding:17px 21px 16px;min-width:0;margin:4px 0 0}#preferences-panel>summary{display:flex;align-items:center;justify-content:space-between;padding:0 0 7px;color:var(--ink);font-size:21px;font-weight:700}#preferences-panel>summary:after{display:none}#preferences-panel>summary>span:after{content:'';display:block;width:23px;height:2px;background:#24bdd4;margin-top:6px}#edit-preferences{font-size:11px;font-weight:400;color:#636f7e}.preferences-summary{font-size:11px;line-height:1.6;color:#5c6d7e;margin:4px 0 9px}.budget-row{margin:10px 0 17px}.budget-row>label{font-weight:650;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:12px}.budget-row small{font-weight:400;font-size:11px}.budget-inputs{display:flex;gap:6px;align-items:center}.budget-inputs input{width:calc(50% - 10px);font-size:11px;padding:7px 8px;border-radius:8px;background:#f3f9ff;height:31px}.budget-inputs>span{color:#5c6f7c}.importance-control{margin:12px 0 16px}.importance-control label{font-size:12px;font-weight:650}.importance-control output{display:block;float:right;color:#3275a6;font-size:11px;font-weight:400;padding-top:2px}.importance-control input[type=range]{height:6px;margin:13px 0 7px}.importance-scale{display:flex;justify-content:space-between;font-size:11px;color:#5e6d7d;gap:3px}.importance-control>p{display:none}.importance-control:nth-child(2) input{accent-color:#46c4ab}.more-preferences{margin-top:0!important}.more-preferences>summary{background:#eef7fce6;border-radius:8px;padding:8px 10px;color:#315f83;font-size:11px}.more-preferences[open]{padding-bottom:10px}.advanced-settings{margin-top:9px!important}.advanced-settings>summary{font-size:11px;color:#5c6e7f;padding:6px 0}.advanced-settings[open]{padding-bottom:10px}.advanced-settings fieldset{border-top:1px solid var(--line);padding-top:12px;margin-top:10px}.advanced-settings legend{font-size:12px}.advanced-settings label{display:block;margin-bottom:8px}.advanced-settings select,.advanced-settings input,.target input{display:block;width:100%;margin-top:4px;font-size:11px;padding:7px 8px}.advanced-settings .small{font-size:11px}.advanced-settings .field-grid{display:grid;grid-template-columns:1fr;gap:10px}.advanced-settings select[multiple]{height:98px}.advanced-settings .actions{gap:5px}.advanced-settings .actions button{font-size:11px;min-height:30px;padding:6px 9px}.target{display:block;margin-top:10px;font-size:11px}.performance-record{padding:9px 0;border-top:1px solid var(--line)}.performance-record p{font-size:11px;margin-bottom:5px}#performance-blocker:empty{display:none}#performance-blocker{font-size:11px;line-height:1.6}.confirm-line{font-size:11px;margin-top:9px}.confirm-line>label{display:flex;align-items:flex-start;gap:7px;line-height:1.6;font-size:11px;color:#576f87}.confirm-line>.primary{width:100%;font-size:12px;min-height:36px;padding:7px 10px;margin-top:9px}.tradeoff-rail{display:flex;align-items:center;gap:15px;margin-top:17px;padding:17px 22px;min-height:105px}.rail-title{flex:none;width:130px}.rail-title h2{font-size:23px;margin-bottom:4px}.rail-title p{line-height:1.5;font-size:11px;margin:0}.rail-items{display:flex;min-width:0;flex:1;gap:20px;overflow:hidden}.rail-phone{display:flex;align-items:center;gap:9px;min-width:140px;flex:1}.rail-phone .brand-panel{width:49px;height:70px;flex:none;padding:0}.rail-phone .brand-panel>span{display:none}.rail-phone-copy{min-width:0}.rail-phone h3{font-size:11px;line-height:1.3;max-width:130px;margin:0 0 4px}.rail-phone .small{font-size:11px;margin-bottom:3px}.rail-price{font-size:12px;font-weight:650;margin:0}.rail-phone button{min-height:26px;font-size:11px;padding:4px 9px;flex:none}.rail-link{font-size:11px;white-space:nowrap;padding:9px 16px;background:#ffffffda;box-shadow:0 4px 13px -9px #548dc9}
.page-hero{height:140px;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;position:relative}.page-hero h1{font-size:46px;margin-bottom:8px}.page-hero p{color:#415b79;font-size:18px;margin-bottom:0}.page-hero .count-badge{color:#143c60;background:#ffffffab;border:0;font-size:12px;font-weight:600;padding:10px 18px}.catalog-toolbar{display:flex;align-items:center;gap:15px;padding:12px;margin:0 0 9px}.catalog-toolbar #catalog-search{display:flex;align-items:center;gap:4px;position:relative;flex:1;min-width:200px}.catalog-toolbar #search{width:100%;height:40px;border:0;border-radius:30px;background:#edf4fcaa;font-size:12px;padding:10px 55px 10px 19px}.catalog-toolbar #catalog-search button{position:absolute;right:7px;border:0;font-size:11px;padding:4px 8px;background:transparent;min-height:28px}.category-filters{display:flex;gap:10px;align-items:center;flex:none}.category-filters button{font-size:11px;color:#4c6483;border:0;background:#edf4fbaf;padding:9px 17px;min-height:35px}.category-filters button[aria-pressed=true]{color:#03798b;background:#e0fbfc;box-shadow:inset 0 0 0 1px #82e6ec}.catalog-toolbar select{border:0;border-radius:24px;background:#f7fbffe6;width:146px;font-size:11px;flex:none;padding:10px}.catalog-notes{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:21px;padding:0 10px;margin-bottom:5px}#catalog-status{font-size:11px;margin:0}.catalog-filter-details{font-size:11px;max-width:75%;margin-left:auto}.catalog-filter-details>summary{padding:0;font-size:11px}.catalog-filter-details[open]{background:#fffffff2;padding:12px;border-radius:12px;max-width:580px}.catalog-filter-details button{font-size:11px;padding:5px 10px;min-height:30px}.catalog-filter-details p{font-size:11px;margin:8px 0}.catalog-filter-details .category-status-control{display:block;margin:9px 0}.catalog-filter-details select{display:inline-block;margin-left:8px;font-size:11px;padding:5px}.catalog-feature{display:grid;grid-template-columns:36% 30% minmax(0,1fr);padding:18px 18px 18px 10px;gap:16px;min-height:347px;margin-bottom:14px;align-items:center}.featured-photo{height:320px;padding:0 12px 13px}.featured-photo>span{font-size:11px}.featured-info{align-self:center;min-width:0}.featured-brand{font-size:13px;color:#2f7398;margin-bottom:4px}.featured-info h2{font-size:30px;line-height:1.2;letter-spacing:-.025em;margin-bottom:10px}.featured-configuration{font-size:17px;font-weight:550;margin-bottom:9px}.evidence-badge{display:inline-block;border:1px solid #8ae0da;background:#ebfffd;color:#037872;font-size:11px;padding:3px 10px;border-radius:20px;margin-bottom:18px}.featured-price{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.featured-price strong{font-size:30px;font-variant-numeric:tabular-nums;color:#0768f0;line-height:1.2}.featured-price button{font-size:11px;color:#076edb;padding:7px 13px;min-height:32px}.featured-info .small{font-size:11px;line-height:1.7;margin-bottom:8px}.feature-controls{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.feature-controls button{font-size:11px;min-height:28px;padding:5px 10px}.featured-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-self:stretch;align-content:center}.featured-spec{background:#edf5fcac;border-radius:12px;padding:11px 12px;min-height:81px;display:flex;flex-direction:column;justify-content:center;min-width:0}.featured-spec>span{font-size:11px;color:#5c738c;margin-bottom:3px}.featured-spec>strong{font-size:16px;line-height:1.35;overflow-wrap:anywhere}.featured-spec>small{font-size:11px;color:#5f7285;margin-top:4px}.feature-detail{grid-column:1/-1;justify-self:end;font-size:11px;min-height:22px;padding:0 3px}.catalog-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.catalog-cards .card{grid-template-columns:44% minmax(0,1fr);min-height:225px}.catalog-cards .brand-panel{height:208px;padding:7px 2px}.catalog-cards .card-body{padding-right:12px}.catalog-cards h3{font-size:14px}.catalog-cards .price{font-size:18px}.catalog-cards .card .small{font-size:11px}.catalog-cards .category-tags{display:none}.catalog-cards .card-actions{gap:4px}.catalog-cards .card-actions button{font-size:11px;padding:3px 6px;min-height:24px}.catalog-image-note{text-align:center;font-size:11px;margin:10px 0 0}.catalog-more{grid-column:1/-1}.catalog-more .cards{grid-template-columns:repeat(4,minmax(0,1fr))}.comparison-board{display:grid;grid-template-columns:minmax(0,3.2fr) minmax(270px,1fr);gap:15px;padding-top:24px}.comparison-main{min-width:0}.comparison-top{display:grid;grid-template-columns:minmax(180px,.85fr) minmax(0,2.5fr);gap:15px;margin-bottom:14px;min-height:330px}.comparison-title{padding:8px 5px}.comparison-title h1{font-family:SimSun,"Songti SC",serif;letter-spacing:-.04em;font-size:43px;margin-bottom:12px}.comparison-title>p{font-size:14px;color:#4d6b80;line-height:1.8}.status-badge{font-size:11px;background:#dffbf4;color:#217d73;display:inline-block;border-radius:24px;padding:7px 13px}.comparison-title>button{display:block;margin-top:12px;font-size:11px;border:0;background:#ffffffb5;color:#057d80}.comparison-phones{display:grid;grid-template-columns:repeat(var(--phone-count),minmax(0,1fr));gap:10px;min-width:0}.comparison-phone{position:relative;text-align:center;padding:20px 12px 12px;min-width:0}.comparison-phone .brand-panel{height:210px;padding:5px 3px 15px}.comparison-phone h2{font-size:15px;margin:7px 0 4px}.comparison-phone .small{font-size:11px;margin:0 0 4px}.comparison-phone .compare-price{font-size:22px;font-weight:700;margin:5px 0 3px}.comparison-phone>button:not(.remove-comparison){padding:4px 11px;min-height:26px;font-size:11px;margin-top:5px}.remove-comparison{position:absolute;right:10px;top:10px;z-index:1;padding:0;min-height:26px;line-height:24px;width:26px;border:1px solid #e0edf4;border-radius:50%;font-size:17px;color:#5d7185}.comparison-table table{font-size:12px;min-width:600px}.comparison-table th,.comparison-table td{padding:10px 14px;text-align:center}.comparison-table thead th:first-child{font-size:18px;text-align:left;white-space:nowrap}.comparison-table tbody th{text-align:left;font-weight:500;color:#4c6680;min-width:160px}.comparison-table tr:last-child td,.comparison-table tr:last-child th{border-bottom:0}.comparison-conclusion{padding:30px 25px;min-width:0}.comparison-conclusion>h2{font-family:SimSun,"Songti SC",serif;font-size:28px;margin:7px 0 10px}.comparison-conclusion>h2:before{content:'';display:inline-block;width:10px;height:10px;background:#3ac9b5;border-radius:50%;margin-right:9px;vertical-align:middle}.comparison-conclusion>p{line-height:1.8}.comparison-conclusion>section{margin:24px 0 0;padding-bottom:18px;border-bottom:1px solid #d8ebf3}.comparison-conclusion section h3{font-size:17px;margin-bottom:8px}.comparison-conclusion section p{font-size:12px;line-height:1.85;color:#4c6882;margin-bottom:7px}.comparison-conclusion section .small{font-size:11px;color:#5c6f81}.comparison-conclusion>button{font-size:12px;width:100%;background:linear-gradient(100deg,#098677,#087c73);color:white;border:0;margin-top:24px}.comparison-empty{padding:45px 30px;grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.comparison-empty p{font-size:13px;color:#5e7485}.comparison-empty button{margin-top:8px;color:#0771bc}.compare-bottom{display:flex;align-items:center;gap:22px;padding:17px 22px;margin-top:16px;min-height:115px}.compare-bottom>div:first-child{flex:0 0 230px}.compare-bottom h2{font-size:20px}.compare-bottom p{margin-bottom:0}.compare-bottom .rail-phone{padding:5px 10px;background:#f6fbffbf;border-radius:12px;min-width:200px;gap:12px}.compare-bottom .rail-items{gap:12px}.compare-bottom .rail-phone .brand-panel{height:70px;width:48px}.compare-bottom .rail-phone button{margin-left:auto;color:#008073;border-color:#7ddacb}.data-hero{height:178px;padding:20px 3.2%}.data-hero h1{font-family:SimSun,"Songti SC",serif;font-size:47px}.data-hero p{font-family:SimSun,"Songti SC",serif;font-size:20px;letter-spacing:1px;margin-bottom:12px}.data-hero .status-badge{font-size:11px;color:#476b84;background:#ffffffc9;letter-spacing:0}.data-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:15px;padding:0 3.2%}.data-counters{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:25px 15px;margin-bottom:2px}.data-counters>div{display:flex;align-items:baseline;gap:14px;justify-content:center;border-right:1px solid #cfe4f2}.data-counters>div:last-child{border-right:0}.data-counters strong{font-family:Georgia,"Times New Roman",serif;font-size:45px;font-weight:500;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums}.data-counters span{font-size:13px;color:#334e68}.data-workflow,.data-source,.data-dimensions,.data-explain{padding:21px 23px 20px}.data-layout h2{font-family:SimSun,"Songti SC",serif;font-size:23px;font-weight:700;margin-bottom:8px}.data-layout>section>h2{position:relative;padding-left:14px}.data-layout>section>h2:before{content:'';position:absolute;left:0;top:5px;bottom:4px;width:3px;border-radius:2px;background:#4f91f7}.data-layout .muted{font-size:12px;margin:0 0 15px 14px;line-height:1.6}.workflow-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;text-align:center}.workflow-steps li{position:relative;padding-top:6px}.workflow-number{display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin:0 auto 24px;background:linear-gradient(135deg,#c4eaff,#4a93ff);color:white;font-size:21px;font-weight:650;border-radius:13px;box-shadow:0 8px 20px -11px #448dd8}.workflow-steps li:nth-child(2) .workflow-number{background:linear-gradient(135deg,#bef4e7,#33bfa5)}.workflow-steps li:nth-child(3) .workflow-number{background:linear-gradient(135deg,#e3d8ff,#9377e9)}.workflow-steps li:nth-child(4) .workflow-number{background:linear-gradient(135deg,#b3f5f7,#2ebccd)}.workflow-steps li:not(:last-child):after{content:'';position:absolute;top:26px;left:calc(50% + 30px);width:calc(100% - 42px);border-top:1px dotted #94bfeb}.workflow-steps h3{font-family:SimSun,"Songti SC",serif;font-size:17px;margin-bottom:6px}.workflow-steps p{font-size:11px;line-height:1.9;margin-bottom:0}.source-chart-wrap{display:flex;align-items:center;gap:23px;padding:4px 0 0}.source-donut{height:176px;width:176px;min-width:176px;border-radius:50%;background:var(--source-chart,#dae9f6);padding:30px;display:flex;align-items:center;justify-content:center}.source-donut>div{background:#f5fbff;border-radius:50%;width:116px;height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center}.source-donut strong{font-family:Georgia,serif;font-size:28px;font-weight:500;line-height:1.2}.source-donut span{font-size:11px;margin-top:4px}.source-legend{list-style:none;padding:0;margin:0;flex:1;min-width:0}.source-legend li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;font-size:12px;margin:10px 0;position:relative;padding-left:14px}.source-legend li:before{content:'';width:7px;height:7px;position:absolute;left:0;border-radius:50%;background:var(--segment-color)}.source-legend strong{font-size:12px;font-weight:550}.source-legend small{font-size:11px;min-width:36px;text-align:right}.dimension-list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:10px}.dimension-list>div{background:linear-gradient(135deg,#eff9ff,#f2fffc);border:1px solid #e0f0f6;border-radius:10px;padding:14px 5px;text-align:center}.dimension-list strong{font-size:13px;display:block;margin-bottom:8px}.dimension-list small{font-size:11px;line-height:1.7;display:block}.data-explain>p{font-size:12px;color:#59728b;line-height:1.8;margin-left:14px;margin-bottom:16px}.explain-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.explain-features>div{background:#eff8ffb8;border:1px solid #e4eef9;border-radius:10px;padding:13px 10px}.explain-features h3{font-size:13px;margin-bottom:5px}.explain-features p{font-size:11px;line-height:1.7;margin:0}.release-strip{font-size:11px;margin:14px 3.2% 0;color:#54708b}.release-strip>summary{font-size:11px;padding:8px 0}.release-info{padding:16px;background:#ffffffbf;border-radius:12px;overflow-wrap:anywhere;font-size:11px}.release-info p{margin-bottom:8px}#refresh-meta{margin:0 3.2%;font-size:11px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:#526f86;padding:18px 9px 0;margin-top:6px}footer strong{font-size:11px;font-weight:500;white-space:nowrap}footer p{margin:0;font-size:11px}body[data-current-view=compare]:before{background-position:center 35%}.motion-off *{scroll-behavior:auto!important}
@media(min-width:1600px){.home-hero{height:350px;padding-top:88px}.hero-phones{height:320px;bottom:0}.hero-phones .brand-panel:nth-child(2){height:310px}.hero-phones .brand-panel:nth-child(3){height:285px}.card{min-height:280px}.card .brand-panel{height:240px}.card h3{font-size:17px}.card .small{font-size:11px}.recommendation-reason{font-size:12px}.catalog-cards .card{min-height:245px}.catalog-cards .card .brand-panel{height:230px}}
@media(max-width:1250px){.header{padding:0 3%;gap:25px}.header nav{gap:16px}.header-tools{gap:5px}#global-search{width:220px}.motion-toggle{display:none}.hero-copy h1{font-size:42px}.hero-lead{font-size:19px}.hero-promises{gap:22px}.home-hero{padding-top:70px;height:290px}.hero-phones{width:48%;right:0}.hero-note{display:none}.needs-panel{margin-left:2%;margin-right:2%;grid-template-columns:29% 1fr;padding:22px}.needs-copy h2{font-size:23px}#natural-needs{grid-template-columns:1fr 150px;column-gap:15px}.examples{gap:6px}.examples button{padding:4px 12px}.recommend-layout{grid-template-columns:minmax(0,3fr) minmax(240px,1fr);gap:15px}.section-heading>div{display:block}.section-heading p{display:block;margin-top:6px;max-width:none}.section-heading h2{font-size:21px}.section-heading h2:after{margin-top:3px}.section-heading{min-height:57px}.count-badge{font-size:11px;padding:6px 10px}.card{grid-template-columns:39% minmax(0,1fr)}.card .brand-panel{height:180px}.card h3{font-size:13px}.card-body{padding-right:9px}.card .price{font-size:18px}.card-actions{gap:4px}.card-actions button{padding:4px 6px;font-size:11px}#preferences-panel{padding:16px}.rail-items{gap:13px}.rail-phone:nth-child(n+5){display:none}.rail-title{width:115px}.rail-link{padding:8px 12px;font-size:11px}.catalog-toolbar{gap:9px}.category-filters{gap:6px}.category-filters button{font-size:11px;padding:9px 13px}.catalog-toolbar select{width:120px;font-size:11px}.catalog-feature{grid-template-columns:34% 30% minmax(0,1fr);gap:12px;padding-right:14px}.featured-info h2{font-size:27px}.featured-price strong{font-size:28px}.featured-spec{padding:9px;min-height:77px}.featured-spec strong{font-size:14px}.catalog-cards .card{grid-template-columns:42% minmax(0,1fr)}.catalog-cards h3{font-size:12px}.catalog-cards .card .brand-panel{height:190px}.comparison-board{grid-template-columns:minmax(0,3fr) minmax(240px,1fr)}.comparison-top{grid-template-columns:180px 1fr}.comparison-title h1{font-size:36px}.comparison-phone .brand-panel{height:185px}.comparison-phone{padding:20px 8px 12px}.comparison-phone h2{font-size:13px}.comparison-conclusion{padding:25px 19px}.compare-bottom>div:first-child{flex-basis:195px}.data-layout{padding:0 1%;grid-template-columns:1.35fr 1fr}.data-workflow,.data-source,.data-dimensions,.data-explain{padding:20px 18px}.source-chart-wrap{gap:13px}.source-donut{height:147px;width:147px;min-width:147px;padding:25px}.source-donut>div{height:97px;width:97px}.source-legend li{gap:6px;font-size:11px}.source-legend strong{font-size:11px}.source-legend small{font-size:11px}.data-counters strong{font-size:40px}.data-layout h2{font-size:21px}}
@media(max-width:1000px){.brand small{display:none}.header nav{gap:10px}.header{gap:15px}.header .nav{font-size:12px}#global-search{width:185px}.hero-copy h1{font-size:35px}.hero-lead{font-size:17px}.hero-phones{width:49%;right:-3%;opacity:.8}.hero-promises{gap:16px;font-size:11px}.hero-promises>span{min-width:90px;padding-left:10px}.hero-promises small{font-size:11px}.home-hero{height:265px;padding-top:57px}.needs-panel{grid-template-columns:1fr;gap:12px;padding:18px 22px}.needs-copy{display:flex;align-items:center;gap:20px}.needs-copy h2{font-size:21px;margin-bottom:0;white-space:nowrap}.needs-copy p{max-width:none}.needs-copy .text-button{margin-left:auto;white-space:nowrap}#natural-needs{grid-template-columns:1fr 150px}.recommend-layout{grid-template-columns:minmax(0,1fr) 245px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}#results>.card:nth-child(3){grid-column:1/-1;grid-template-columns:27% 1fr;min-height:165px}#results>.card:nth-child(3) .brand-panel{height:150px}.card{min-height:235px}.rail-phone:nth-child(n+4){display:none}.catalog-toolbar{flex-wrap:wrap}.catalog-toolbar #catalog-search{min-width:300px}.category-filters{order:3;width:100%;justify-content:center;gap:16px}.catalog-feature{grid-template-columns:38% minmax(0,1fr)}.featured-specs{grid-column:1/-1;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.featured-spec{min-height:75px}.featured-spec strong{font-size:13px}.featured-spec small{font-size:11px}.feature-detail{grid-column:1/-1}.featured-photo{height:275px}.catalog-feature{min-height:0}.catalog-cards,.catalog-more .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-cards .card{min-height:230px}.catalog-cards .card .brand-panel{height:215px}.catalog-cards h3{font-size:16px}.catalog-cards .card .small{font-size:11px}.catalog-cards .card-actions button{font-size:11px}.comparison-board{grid-template-columns:1fr}.comparison-top{grid-template-columns:190px 1fr}.comparison-conclusion{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:20px}.comparison-conclusion>h2,.comparison-conclusion>p,.comparison-conclusion>button{grid-column:1/-1;margin:0}.comparison-conclusion>section{margin:0;padding-bottom:0;border:0}.comparison-phone .brand-panel{height:200px}.compare-bottom{flex-wrap:wrap}.compare-bottom>div:first-child{flex-basis:100%}.compare-bottom .rail-phone:nth-child(n+4){display:none}.data-layout{grid-template-columns:1fr 1fr}.data-workflow,.data-source,.data-dimensions,.data-explain{grid-column:1/-1}.source-chart-wrap{justify-content:center;gap:60px}.source-legend{max-width:270px}.dimension-list{gap:10px}.data-counters strong{font-size:35px}.data-counters span{font-size:11px}.data-counters>div{gap:8px}.data-hero{height:160px}.data-hero h1{font-size:41px}.data-hero p{font-size:17px}}
@media(max-width:700px){.header{height:auto;min-height:91px;padding:12px 18px 0;flex-wrap:wrap;gap:7px 13px}.brand{font-size:22px;gap:7px}.brand-symbol{width:25px;height:25px}.header-tools{margin-left:auto}#global-search{width:170px}#global-query{font-size:11px;height:31px}.header nav{order:3;width:100%;justify-content:space-between;height:38px;gap:8px}.header .nav{font-size:12px;padding:0 5px}.header .nav[aria-pressed=true]:after{bottom:1px}.header .nav span{min-width:14px;height:14px;font-size:11px}.home-hero{height:300px;padding:33px 7% 15px}.hero-copy h1{font-size:29px;white-space:normal;max-width:280px;line-height:1.25;margin-bottom:10px}.hero-copy h1 span{display:block}.hero-lead{font-size:12px;max-width:200px;line-height:1.8;margin-bottom:15px}.hero-promises{flex-direction:column;gap:10px;margin-top:15px;font-size:11px}.hero-promises>span{min-width:0;width:120px;padding-left:9px;line-height:1.6}.hero-promises small{display:inline;margin-left:5px;font-size:11px}.hero-phones{width:59%;right:1%;bottom:15px;height:180px;opacity:.94}.hero-phones .brand-panel:nth-child(n){height:145px;width:44%;transform:rotate(-5deg);flex:none}.hero-phones .brand-panel:nth-child(2){height:185px;transform:translate(-12px,-16px) rotate(4deg)}.hero-phones .brand-panel:nth-child(3){height:155px;transform:translateX(-24px) rotate(7deg)}.hero-phones .brand-panel:nth-child(n+4){display:none}.hero-device-group{justify-content:flex-start}.needs-panel{margin:0 5px 25px;padding:18px;min-height:155px;border-radius:16px}.needs-copy{display:block;position:relative}.needs-copy h2{font-size:20px;margin-bottom:5px}.needs-copy p{font-size:11px;max-width:245px}.needs-copy .text-button{position:absolute;right:0;top:1px;font-size:11px}#natural-needs{grid-template-columns:minmax(0,1fr) 90px;gap:8px}.needs-entry textarea{height:45px;min-height:45px;padding:10px 11px;font-size:11px;border-radius:10px}#extract-needs{height:43px;grid-row:1;border-radius:22px;font-size:11px;padding:7px 8px}.examples{margin-top:2px;gap:6px;grid-column:1/-1;flex-wrap:nowrap}.examples button{font-size:11px;padding:4px 11px;min-height:27px}.needs-notices:not([open]){bottom:-17px;left:15px;right:15px}.needs-notices>summary{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}main{padding:0 13px 18px}.home-hero{margin:0 -13px}.recommend-layout{display:flex;flex-direction:column;gap:15px}#recommend-results-view{width:100%;order:2}#preferences-panel{width:100%;order:1;margin-top:0;padding:16px 18px}#preferences-panel>summary{font-size:19px}#preferences-panel>summary>span:after{margin-top:4px;height:2px}.preferences-summary{font-size:11px;margin-bottom:6px}#preferences{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.budget-row{grid-column:1/-1;margin:7px 0 8px;display:flex;align-items:center;gap:15px}.budget-row>label{flex:none;display:block;width:70px;line-height:1.3;font-size:11px}.budget-row small{display:block;font-size:11px;margin-top:3px}.budget-inputs{flex:1}.budget-inputs input{height:28px;font-size:11px;flex:1}.performance-preferences{grid-column:1/-1}.performance-preferences>.importance-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.importance-control{margin:6px 0 10px}.importance-control label{font-size:11px}.importance-control output{font-size:11px;max-width:83px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.importance-scale{font-size:11px;gap:1px}.importance-control input[type=range]{margin:11px 0 6px}.more-preferences>summary{padding:7px 10px;font-size:11px}.more-preferences[open]>.importance-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 15px}.more-preferences .target{max-width:170px}.advanced-settings{grid-column:1/-1;margin-top:4px!important}.confirm-line{grid-column:1/-1;margin-top:5px;display:flex;align-items:center;gap:8px}.confirm-line>label{font-size:11px;flex:1;line-height:1.7;min-width:0}.confirm-line>.primary{width:145px;font-size:11px;padding:7px;margin:0;min-height:33px;flex:none}#performance-blocker{grid-column:1/-1}.advanced-settings>summary{font-size:11px}#budget-unlimited-line{grid-column:1/-1;font-size:11px;display:flex;align-items:center;gap:6px}.section-heading{min-height:44px;margin:3px 0 13px;gap:8px}.section-heading h2{font-size:21px;margin-right:0}.section-heading p{font-size:11px;line-height:1.6;margin-top:5px;max-width:215px}.count-badge{font-size:11px;padding:5px 9px}.cards{grid-template-columns:1fr;gap:11px}.card,#results>.card:nth-child(3){display:grid;grid-template-columns:37% minmax(0,1fr);min-height:230px;grid-column:auto}.card .brand-panel,#results>.card:nth-child(3) .brand-panel{height:215px;padding:12px 5px}.card-body{padding:16px 15px 16px 0}.card h3{font-size:17px}.card .small{font-size:11px;line-height:1.6}.card .price{font-size:21px}.card .phone-panel>span{font-size:11px}.card-actions{gap:8px}.card-actions button{font-size:11px;padding:6px 12px;min-height:31px}.recommendation-reason{font-size:11px;line-height:1.8}.technical-evidence>summary{font-size:11px}.match-score{padding:8px 10px}.match-score>span{font-size:11px}.match-score strong{font-size:11px}.tradeoff-rail{display:block;padding:16px 16px 12px;margin-top:17px}.rail-title{width:auto;display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.rail-title h2{font-size:20px}.rail-title p{font-size:11px}.rail-title p br{display:none}.rail-items{gap:12px;overflow:auto;scroll-snap-type:x proximity;padding-bottom:5px}.rail-phone{flex:0 0 145px;min-width:145px;scroll-snap-align:start}.rail-phone:nth-child(n){display:flex}.rail-phone .brand-panel{height:62px;width:43px}.rail-phone h3{font-size:11px}.rail-phone .small{font-size:11px}.rail-link{display:block;margin:10px 0 0 auto;font-size:11px}.page-hero{height:138px;padding:22px 4px 16px;align-items:flex-start}.page-hero h1{font-size:35px}.page-hero p{font-size:12px;line-height:1.8;max-width:250px}.page-hero .count-badge{font-size:11px;padding:7px 9px;margin-top:4px;position:absolute;right:3px;top:26px}.catalog-toolbar{padding:10px;gap:8px;flex-wrap:wrap}.catalog-toolbar #catalog-search{min-width:0;flex-basis:100%}.catalog-toolbar #search{height:38px;font-size:11px;padding-left:13px}.category-filters{justify-content:space-between;gap:4px;order:2;width:100%}.category-filters button{font-size:11px;padding:7px 10px;min-height:32px}.catalog-toolbar select{order:3;margin-left:auto;width:143px;min-height:28px;padding:5px 8px;font-size:11px}.catalog-notes{padding:0 5px;min-height:23px;gap:7px}.catalog-filter-details{max-width:100%}.catalog-filter-details>summary{font-size:11px;white-space:nowrap}#catalog-status{font-size:11px;line-height:1.7}.catalog-filter-details[open]{position:absolute;left:19px;right:19px;z-index:9;box-shadow:0 12px 40px #5485a82a}.catalog-feature{grid-template-columns:43% minmax(0,1fr);gap:10px;padding:16px 13px 10px;margin-bottom:12px}.featured-photo{height:221px;padding:0 0 12px}.featured-photo>span{font-size:11px}.featured-brand{font-size:11px}.featured-info h2{font-size:22px;margin-bottom:8px}.featured-configuration{font-size:12px;margin-bottom:8px}.evidence-badge{font-size:11px;padding:2px 7px;margin-bottom:12px}.featured-price{gap:9px;margin-bottom:8px}.featured-price strong{font-size:23px}.featured-price button{font-size:11px;min-height:28px;padding:5px 10px}.featured-info .small{font-size:11px;margin-bottom:5px;line-height:1.7}.feature-controls{gap:5px;margin-top:10px}.feature-controls button{font-size:11px;padding:4px 7px;min-height:25px}.featured-specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:4px}.featured-spec{padding:9px 8px;min-height:72px;border-radius:9px}.featured-spec>span{font-size:11px}.featured-spec>strong{font-size:12px}.featured-spec>small{font-size:11px;line-height:1.4}.feature-detail{font-size:11px;min-height:30px}.catalog-cards,.catalog-more .cards{grid-template-columns:1fr}.catalog-cards .card{min-height:220px;grid-template-columns:39% minmax(0,1fr)}.catalog-cards .card .brand-panel{height:205px}.catalog-cards h3{font-size:17px}.catalog-cards .card .small{font-size:11px}.catalog-cards .card-actions button{font-size:11px;min-height:30px;padding:5px 10px}.catalog-image-note{font-size:11px;line-height:1.7;margin-top:14px}.pagination{gap:9px}.pagination .small{font-size:11px}.pagination button{font-size:11px;min-height:31px;padding:6px 10px}.comparison-board{display:block;padding-top:22px}.comparison-top{display:block;min-height:0}.comparison-title{padding:0 4px 17px}.comparison-title h1{font-size:36px;margin-bottom:9px}.comparison-title>p{font-size:12px;margin-bottom:8px}.comparison-title .status-badge{font-size:11px;padding:5px 11px}.comparison-title>button{display:inline-block;font-size:11px;margin:0 0 0 10px;padding:5px 10px;min-height:28px}.comparison-phones{gap:8px;overflow-x:auto;grid-template-columns:repeat(var(--phone-count),minmax(144px,1fr));padding-bottom:4px}.comparison-phone{padding:20px 9px 12px}.comparison-phone .brand-panel{height:170px;padding:3px 1px 15px}.comparison-phone h2{font-size:13px}.comparison-phone .small{font-size:11px}.comparison-phone .compare-price{font-size:21px}.comparison-phone>button:not(.remove-comparison){font-size:11px;padding:4px 9px}.comparison-table{margin-top:12px}.comparison-table table{min-width:600px;font-size:11px}.comparison-table th,.comparison-table td{padding:10px}.comparison-table tbody th{min-width:118px}.comparison-table thead th:first-child{font-size:15px}.comparison-table>p{font-size:11px;line-height:1.8}.comparison-conclusion{display:block;padding:20px 19px;margin-top:14px}.comparison-conclusion>h2{font-size:25px;margin-bottom:8px}.comparison-conclusion>p{font-size:11px}.comparison-conclusion>section{margin-top:17px;padding-bottom:14px;border-bottom:1px solid var(--line)}.comparison-conclusion section h3{font-size:16px}.comparison-conclusion section p{font-size:11px}.comparison-conclusion section .small{font-size:11px}.comparison-conclusion>button{margin-top:17px;min-height:38px}.compare-bottom{display:block;padding:17px;margin-top:14px}.compare-bottom>div:first-child{margin-bottom:14px}.compare-bottom h2{font-size:20px}.compare-bottom p{font-size:11px}.compare-bottom .rail-items{display:flex}.compare-bottom .rail-phone{flex:0 0 245px;min-width:245px;padding:8px}.compare-bottom .rail-phone:nth-child(n){display:flex}.compare-bottom .quiet{display:block;margin-left:auto;font-size:11px;margin-top:8px}.comparison-empty{padding:35px 20px}.comparison-empty h2{font-size:18px}.comparison-empty p{font-size:11px}.data-hero{height:167px;padding:25px 5px}.data-hero h1{font-size:36px}.data-hero p{font-size:14px;letter-spacing:0;margin-bottom:12px}.data-hero .status-badge{font-size:11px;padding:5px 10px}.data-layout{display:block;padding:0}.data-counters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:15px 10px;gap:20px 0;margin-bottom:13px}.data-counters>div{gap:8px}.data-counters>div:nth-child(2){border-right:0}.data-counters strong{font-size:37px}.data-counters span{font-size:11px}.data-workflow,.data-source,.data-dimensions,.data-explain{padding:20px 17px;margin-bottom:13px}.data-layout h2{font-size:21px}.data-layout .muted{font-size:11px;line-height:1.8;margin-bottom:17px}.workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.workflow-number{margin-bottom:13px;width:38px;height:38px;font-size:19px}.workflow-steps h3{font-size:17px}.workflow-steps p{font-size:11px;line-height:1.8}.workflow-steps li:nth-child(2):after{display:none}.source-chart-wrap{gap:18px;padding-top:0}.source-donut{height:143px;width:143px;min-width:143px;padding:25px}.source-donut>div{height:93px;width:93px}.source-donut strong{font-size:27px}.source-donut span{font-size:11px}.source-legend li{font-size:11px;padding-left:12px;gap:5px;margin:10px 0}.source-legend strong{font-size:11px}.source-legend small{font-size:11px;min-width:30px}.dimension-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.dimension-list>div{padding:13px 5px}.dimension-list strong{font-size:13px}.dimension-list small{font-size:11px}.data-explain>p{font-size:11px;line-height:1.8}.explain-features{gap:6px}.explain-features>div{padding:11px 8px}.explain-features h3{font-size:12px}.explain-features p{font-size:11px;line-height:1.7}.release-strip{margin:0 4px;font-size:11px}.release-strip>summary{font-size:11px;line-height:1.8}#refresh-meta{font-size:11px;margin-left:5px}footer{display:block;text-align:center;padding:16px 6px 0;margin-top:0}footer strong{display:block;font-size:11px;margin-bottom:6px}footer p{font-size:11px;line-height:1.8}dialog{padding:18px}dialog .section-heading h2{font-size:19px}body:before{background-size:auto 100vh;background-position:61% top}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Keep the initial preference overview as compact as the reference. */
#preferences-panel .budget-row{margin-top:8px;margin-bottom:12px}#preferences-panel .importance-control{margin:8px 0 11px}#preferences-panel .importance-scale{display:none}#preferences-panel .importance-control:focus-within .importance-scale{display:flex}#preferences-panel input[type=range]{margin:10px 0 6px}#preferences-panel .advanced-settings .preferences-summary{margin:8px 0 12px}.section-heading>div{min-width:0;flex:1}.hero-copy h1{letter-spacing:-.04em}

/* Reference composition: large device artwork, compact preference sidebar. */
.ui-icon{width:25px;height:25px;object-fit:contain;flex:none}
.data-counters>div>.ui-icon{width:42px;height:46px;margin-right:14px;filter:invert(48%) sepia(60%) saturate(1600%) hue-rotate(181deg)}
.workflow-illustration{display:block;width:100%;height:125px;object-fit:cover;object-position:center;margin:2px 0 9px}
.workflow-steps{gap:12px}.workflow-number{width:27px;height:27px;font-size:15px;margin-bottom:8px;border-radius:50%}
.workflow-steps li:not(:last-child):after{top:19px}.workflow-steps h3{font-size:16px}.workflow-steps .small{font-size:12px;line-height:1.65}
.brand .brand-symbol{width:26px;height:32px}.card .phone-panel>span,.featured-photo>span{display:none}
.card h3{font-size:18px}.card .price{font-size:23px}.card .brand-panel img{transform:scale(1.28);mix-blend-mode:multiply}
@media(min-width:1100px){
 .hero-phones{width:54%;right:1%;height:345px;bottom:-17px}
 .hero-phones .brand-panel img{transform:scale(1.68);mix-blend-mode:multiply}
 .hero-phones .brand-panel:nth-child(1){height:265px;transform:translate(0,26px) rotate(-5deg)}
 .hero-phones .brand-panel:nth-child(2){height:325px;transform:translateY(-15px) rotate(-2deg)}
 .hero-phones .brand-panel:nth-child(3){height:292px;transform:translateY(12px) rotate(2deg)}
 .hero-phones .brand-panel:nth-child(4){height:280px;transform:translateY(20px) rotate(4deg)}
 .hero-phones .brand-panel:nth-child(5){height:275px;transform:translateY(28px) rotate(6deg)}
 #preferences-panel{padding:16px 20px}.preferences-summary{display:none}
 .budget-row{margin:7px 0 9px}.importance-control{margin:8px 0 9px}
 .importance-scale{display:none}.importance-control:focus-within .importance-scale{display:flex;font-size:10px}
 .importance-control input[type=range]{margin:9px 0 3px}
 .card .brand-panel{height:250px}.featured-photo img{transform:scale(1.23);mix-blend-mode:multiply}
 .catalog-feature{min-height:385px}.catalog-heading{padding-bottom:10px}
}
@media(max-width:700px){
 .importance-scale{display:none}.importance-control:focus-within .importance-scale{display:flex;font-size:9px}
 .workflow-illustration{height:75px}.workflow-steps{gap:8px}.workflow-steps h3{font-size:12px}
 .workflow-steps .small{font-size:11px}.workflow-number{width:24px;height:24px;font-size:12px}
 .data-counters>div>.ui-icon{width:26px;height:30px;margin-right:6px}.card h3{font-size:17px}
}

@media(min-width:1100px){.hero-phones{mix-blend-mode:multiply}.hero-phones .brand-panel img{transform:scale(1.08)}.hero-phones .brand-panel{filter:none}.home-hero{isolation:auto}}

.card .brand-panel{overflow:hidden}.card .brand-panel img{transform:none}

.recommendation-reason p{font-size:12px;line-height:1.7}.card .small,.featured-spec small{font-size:12px}.primary:hover:not(:disabled){background:linear-gradient(105deg,#087587,#0864c7);color:#fff}@media(max-width:700px){.budget-inputs input{height:40px}.more-preferences>summary,.advanced-settings>summary{min-height:40px}.card-actions button{min-height:40px}.workflow-illustration{display:none}}
.catalog-filter-summary{margin:0 0 14px;overflow-wrap:anywhere}
#catalog-filter-details{position:static;left:auto;right:auto;padding:12px 20px;margin:0 0 18px;width:100%;max-width:100%;box-sizing:border-box}
#catalog-filter-details>summary{font-size:13px;white-space:normal;min-height:32px}
#catalog-filters label{font-size:13px}
#catalog-filters input,#catalog-filters select{display:block;margin:0;font-size:14px}
#catalog-filters p{font-size:12px}
#catalog-filters button{font-size:13px;min-height:40px;padding:8px 12px}
.catalog-local-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:12px 0}
.catalog-local-grid label{display:flex;flex-direction:column;gap:6px;min-width:0}
.catalog-local-grid input,.catalog-local-grid select{width:100%;min-width:0}
.catalog-local-grid label:nth-last-child(-n+2){grid-column:span 2}
@media(max-width:700px){.catalog-local-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-local-grid label:nth-last-child(-n+2){grid-column:span 1}#catalog-filter-details{padding:10px 14px}#catalog-filters .actions{display:flex;flex-wrap:wrap}}
