/* AQPWEB · DESIGN RESET 2026-10-24 · single visual authority */
:root{color-scheme:light;--page:#f2f5fa;--surface:#fff;--panel:#fff;--soft:#f5f8fd;--ink:#15253c;--muted:#54677f;--stroke:#dae3ef;--blue:#1767f2;--blue-contrast:#fff;--accent:#0754d3;--success:#11765a;--amber:#8b5b13;--shadow:0 18px 52px rgba(16,38,68,.1);--round:18px}
body.dark{color-scheme:dark;--page:#0d1829;--surface:#15253b;--panel:#182b43;--soft:#102036;--ink:#f5f9ff;--muted:#bbc9df;--stroke:#31455e;--blue:#72a7ff;--blue-contrast:#071528;--accent:#9dc5ff;--success:#81e6bd;--amber:#f0c37c;--shadow:0 18px 58px rgba(0,0,0,.25)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--page);color:var(--ink);font:400 16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-underline-offset:3px}
button,input,select{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.shell{width:min(1136px,calc(100% - 48px));margin-inline:auto}
.skip{position:absolute;left:-9999px;z-index:100;background:var(--surface);padding:10px}
.skip:focus{left:12px;top:12px}
.mast{height:88px;background:var(--surface);border-bottom:1px solid var(--stroke);position:relative;z-index:4}
.mast-in{height:100%;display:flex;align-items:center;gap:20px}
.brand{display:inline-flex;align-items:center;gap:15px;min-width:0;text-decoration:none;color:var(--ink)}
.brand:hover{color:var(--ink)}
.brand img{display:block;width:74px;height:74px;object-fit:contain;flex:none}
.brand-name{min-width:0;display:flex;flex-direction:column;line-height:1.2}
.brand-name strong{font-size:23px;font-weight:850;letter-spacing:-.04em}
.brand-name small{font-size:10px;letter-spacing:.09em;font-weight:750;margin-top:6px;color:var(--muted)}
.mast nav{margin-left:auto;display:flex;align-items:center;gap:25px}
.mast nav a{text-decoration:none;color:var(--muted);font-weight:670;font-size:14px}
.mast nav a:hover{color:var(--accent)}
.theme{height:44px;width:44px;background:var(--soft);border:1px solid var(--stroke);border-radius:12px;color:var(--ink);font-size:22px;display:grid;place-items:center}
.hero{position:relative;background:#132d50 url("/assets/aqp-world.svg") center 48%/cover no-repeat;overflow:hidden;min-height:253px}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,26,49,.97) 0%,rgba(10,37,66,.89) 42%,rgba(10,37,66,.56) 76%,rgba(14,38,64,.24) 100%)}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:76px;background:linear-gradient(0deg,var(--page),transparent)}
.hero-in{position:relative;z-index:1;padding:30px 0 84px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#e5f1ff;background:#0c2d50ad;border:1px solid #9ccafa57;border-radius:99px;padding:7px 13px;font-size:11px;letter-spacing:.06em;font-weight:800}
.spark{width:8px;height:8px;border-radius:50%;background:#45e5ac;box-shadow:0 0 0 4px #45e5ac33}
.hero h1{font-size:clamp(30px,4.3vw,49px);line-height:1.09;letter-spacing:-.055em;color:white;font-weight:850;margin:17px 0 10px}
.hero h1 em{color:#8cc3ff;font-style:normal}
.hero p{max-width:630px;font-size:16px;color:#e3ecfb;margin:0}
.search-panel{position:relative;margin-top:-54px;z-index:2;background:var(--panel);border:1px solid var(--stroke);box-shadow:var(--shadow);border-radius:22px;padding:27px 29px 23px}
.search-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.search-heading h2{margin:0;font-size:23px;line-height:1.3;letter-spacing:-.04em}
.search-heading p{margin:3px 0 17px;font-size:14px;color:var(--muted)}
.example{border:0;padding:0;background:none;color:var(--accent);font-size:inherit;font-weight:690;text-decoration:underline}
.safe{display:flex;align-items:center;gap:8px;border:1px solid var(--stroke);background:var(--soft);color:var(--success);border-radius:99px;padding:8px 12px;font-size:12px;font-weight:750;white-space:nowrap}
.input-wrap{display:flex;gap:12px;align-items:center;min-height:62px;background:var(--surface);border:2px solid var(--blue);border-radius:13px;padding:0 17px;box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 9%,transparent)}
.input-wrap:focus-within{box-shadow:0 0 0 5px color-mix(in srgb,var(--blue) 18%,transparent)}
.search-icon{color:var(--blue);font-size:30px;line-height:1}
.input-wrap input{border:0;background:transparent;color:var(--ink);outline:0;min-width:0;flex:1;font-size:16px}
.input-wrap input::placeholder{color:var(--muted)}
.search-hint{font-size:12px;color:var(--muted);white-space:nowrap}
.filterbar{display:flex;justify-content:space-between;gap:10px 20px;align-items:center;margin:16px 0 15px;flex-wrap:wrap}
.chips{display:flex;gap:7px;flex-wrap:wrap}
.chip{border:1px solid var(--stroke);border-radius:10px;min-height:42px;background:var(--surface);color:var(--muted);padding:8px 13px;font-size:13px;font-weight:730}
.chip.active{background:#1767f2;border-color:#1767f2;color:white}
.verified-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;margin-left:auto;font-size:13px;color:var(--muted);white-space:nowrap}
.verified-toggle input{width:17px;height:17px;accent-color:#1767f2}
.page-size{font-size:13px;color:var(--muted);white-space:nowrap}
select{background:var(--surface);color:var(--ink);border:1px solid var(--stroke);border-radius:10px;padding:8px 10px}
.results-top{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--stroke);padding:17px 0 13px}
.results-top strong{font-size:15px}
.results-top small{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.results-top select{font-size:13px;min-height:40px;max-width:200px}
.results{border:1px solid var(--stroke);border-radius:14px;overflow:hidden;background:var(--surface)}
.result{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(170px,auto);min-height:79px;gap:14px;align-items:center;padding:11px 16px;border-bottom:1px solid var(--stroke)}
.result:nth-child(even){background:var(--soft)}
.result:last-child{border-bottom:0}
.device-icon{width:46px;height:46px;border:1px solid var(--stroke);border-radius:12px;display:grid;place-items:center;color:var(--blue);background:var(--panel)}
.glyph{display:inline-block;width:20px;height:20px;vertical-align:middle;flex:none}
.device-icon .glyph{width:26px;height:26px}
.device-info{min-width:0}
.device-info a{font-weight:780;text-decoration:none;color:var(--ink);font-size:15px;line-height:1.3}
.device-info a:hover{color:var(--accent);text-decoration:underline}
.device-info small{display:block;font-size:12px;color:var(--muted);margin-top:4px;line-height:1.45}
.source-pill{font-size:12px;font-weight:730;color:var(--success)}
.pending-pill{font-size:12px;font-weight:710;color:var(--amber)}
.downloads{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.os-btn,.verify-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid var(--stroke);border-radius:10px;padding:9px 14px;font-size:13px;font-weight:730;text-decoration:none;white-space:nowrap;background:var(--panel);color:var(--ink)}
.os-btn:first-child{background:#1767f2;border-color:#1767f2;color:#fff}
.os-btn:first-child:hover{background:#0853cf;color:#fff}
.os-btn:hover,.verify-btn:hover{border-color:var(--blue);color:var(--accent)}
.os-btn .glyph{width:16px;height:16px}
.verify-btn{background:var(--soft);color:var(--muted)}
.pagination{padding:18px 0;display:flex;align-items:center;justify-content:center;gap:14px}
.pagination button{height:40px;width:40px;background:var(--surface);color:var(--ink);border:1px solid var(--stroke);border-radius:10px;font-size:21px}
.pagination button:disabled{opacity:.4;cursor:not-allowed}
.pagination span{font-size:13px;font-weight:740}
.source-note{margin:0;padding:12px 15px;background:var(--soft);color:var(--muted);border:1px solid var(--stroke);border-radius:11px;font-size:13px;line-height:1.6}
.source-note strong{color:var(--ink)}
.loading,.empty{padding:40px 20px;text-align:center;color:var(--muted);font-size:14px}
.steps{padding:67px 0 55px}
.section-title{text-align:center}
.kicker{font-size:11px;font-weight:850;letter-spacing:.13em;color:var(--accent)}
.section-title h2{font-size:29px;letter-spacing:-.045em;margin:7px 0 25px}
.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.step-grid article{border:1px solid var(--stroke);border-radius:17px;background:var(--surface);padding:23px}
.number{display:inline-block;background:var(--soft);color:var(--accent);padding:6px 10px;border-radius:8px;font-size:13px;font-weight:850}
.step-grid h3{font-size:18px;margin:17px 0 6px}
.step-grid p{font-size:14px;color:var(--muted);margin:0}
.seo-models{margin:30px 0 0;border-radius:15px;border:1px solid var(--stroke);padding:19px 22px;background:var(--surface)}
.seo-models h2{font-size:16px;letter-spacing:-.02em;margin:0 0 8px}
.seo-models p{font-size:13px;color:var(--muted);line-height:2.05;margin:0}
.seo-models a{color:var(--accent);text-decoration:none}
.seo-models a:hover{text-decoration:underline}
.support{display:grid;grid-template-columns:140px 1fr;gap:32px;align-items:center;background:var(--surface);border:1px solid var(--stroke);border-radius:20px;padding:34px;margin-bottom:35px;scroll-margin-top:25px}
.support-art{font-size:22px;color:var(--accent);text-align:center}
.support-art span{width:100px;height:100px;display:inline-grid;place-items:center;background:var(--soft);border:5px double var(--blue);border-radius:23px;transform:rotate(-8deg);font-size:50px}
.support h2{font-size:27px;letter-spacing:-.045em;margin:5px 0}
.support p{font-size:14px;color:var(--muted);margin:8px 0}
.support .donate-status{font-weight:730;color:var(--accent)}
.donate-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;gap:8px;border-radius:11px;color:white;background:linear-gradient(110deg,#1767f2,#6257ee);padding:12px 23px;font-size:15px;font-weight:800;text-decoration:none;border:0}
.donate-button:hover{filter:brightness(1.08);color:white}
.donate-button.disabled{opacity:.7;cursor:not-allowed}
.support small{display:block;font-size:12px;color:var(--muted);margin-top:10px}
.disclosure{padding:23px 0 30px;font-size:13px;color:var(--muted);border-top:1px solid var(--stroke)}
.disclosure strong{color:var(--ink)}
footer{background:var(--surface);border-top:1px solid var(--stroke);font-size:13px}
.footer-in{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;padding:24px 0}
.footer-in>div:first-child{display:flex;flex-direction:column}
.footer-in>div:first-child span{color:var(--muted)}
.footer-links{display:flex;gap:18px;flex-wrap:wrap}
.footer-in p{margin:0;color:var(--muted)}
.overlay{position:fixed;inset:0;z-index:99;display:grid;place-items:center;padding:20px;background:rgba(3,13,32,.68);backdrop-filter:blur(7px)}
.overlay[hidden]{display:none}
.modal{width:min(460px,100%);position:relative;background:var(--panel);border:1px solid var(--stroke);border-radius:22px;box-shadow:0 30px 120px rgba(0,0,0,.25);padding:33px;text-align:center}
.modal h2{font-size:28px;line-height:1.2;margin:10px 0}
.modal p{color:var(--muted);font-size:15px;margin:11px 0 22px}
.modal-icon{font-size:40px;color:#ed589a}
.modal small{display:block;color:var(--muted);font-size:12px;margin-top:8px}
.modal .donate-button{width:100%}
.close{position:absolute;right:12px;top:10px;font-size:27px;border:0;background:none;color:var(--muted)}
.later{padding:8px;border:0;background:none;color:var(--muted);font-size:13px;margin:12px auto 0;display:block}
@media(max-width:950px){.mast nav{gap:16px}.filterbar{gap:11px}.verified-toggle{margin-left:0}.result{grid-template-columns:42px minmax(0,1fr) minmax(166px,auto)}.os-btn{padding:9px 11px}}
@media(max-width:740px){.shell{width:calc(100% - 28px)}.mast{height:76px}.brand img{height:65px;width:65px}.brand-name strong{font-size:19px}.brand-name small{font-size:9px}.mast nav{display:none}.theme{margin-left:auto}.hero{min-height:238px;background-position:57% center}.hero-in{padding:27px 0 85px}.hero h1{font-size:clamp(29px,6.2vw,38px);max-width:530px}.hero p{font-size:14px;max-width:530px}.search-panel{margin-top:-50px;padding:19px 18px;border-radius:18px}.search-heading h2{font-size:20px}.safe{display:none}.input-wrap{min-height:57px}.input-wrap input{font-size:16px}.search-hint{display:none}.results-top{align-items:flex-start}.result{grid-template-columns:40px minmax(0,1fr);gap:7px 12px;min-height:112px;padding:13px}.device-icon{width:40px;height:40px}.downloads{grid-column:2;justify-content:flex-start}.os-btn,.verify-btn{min-height:43px}.step-grid{grid-template-columns:1fr}.steps{padding:45px 0}.support{grid-template-columns:1fr;gap:8px}.support-art{display:none}}
@media(max-width:480px){.shell{width:calc(100% - 22px)}.mast{height:70px}.brand img{height:57px;width:57px}.brand-name{gap:1px}.brand-name strong{font-size:17px}.brand-name small{font-size:8px;letter-spacing:.06em}.theme{width:40px;height:40px}.hero{min-height:216px;background-position:56% center}.hero-in{padding:21px 0 73px}.eyebrow{font-size:9px;letter-spacing:0;padding:6px 10px}.hero h1{font-size:clamp(26px,7.3vw,34px);margin:12px 0 8px}.hero p{font-size:13px}.search-panel{margin-top:-40px;padding:15px 13px}.search-heading p{margin-bottom:13px}.search-heading h2{font-size:19px}.input-wrap{padding:0 12px;min-height:54px}.input-wrap input{font-size:16px}.filterbar{margin:13px 0;gap:10px}.chip{font-size:12px;min-height:39px;padding:7px 10px}.verified-toggle{font-size:12px;min-height:37px}.page-size{margin-left:auto;font-size:12px}.results-top{gap:10px;flex-wrap:wrap}.results-top strong{font-size:14px}.results-top small{font-size:12px}.results-top select{min-height:39px}.result{padding:13px 9px;gap:7px 10px}.device-icon{width:36px;height:36px}.device-info a{font-size:14px}.device-info small{font-size:12px}.downloads{grid-column:2}.os-btn{min-width:104px;padding:8px 11px}.source-note{padding:10px 12px;font-size:12px}.seo-models{padding:14px;margin-top:20px}.seo-models p{max-height:130px;overflow:auto}.section-title h2{font-size:24px}.support{padding:22px}.footer-in{gap:12px;flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.overlay{backdrop-filter:none}}