html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #147c62}img{max-width:100%}.install-prompt-backdrop{z-index:9999;-webkit-backdrop-filter:blur(9px);background:#03122ba3;justify-content:center;align-items:center;padding:20px;animation:.22s both installBackdropIn;display:flex;position:fixed;inset:0;overflow-y:auto}.install-prompt{text-align:center;color:#102747;background:linear-gradient(160deg,#fff 0%,#f0f6ff 100%);border:1px solid #fffc;border-radius:30px;width:100%;max-width:390px;max-height:calc(100dvh - 40px);padding:30px 24px 22px;animation:.3s both installCardIn;position:relative;overflow-y:auto;box-shadow:0 24px 80px #00143c4d}.install-prompt-close{color:#173b68;cursor:pointer;background:#e7effa;border:0;border-radius:50%;width:35px;height:35px;font-size:26px;position:absolute;top:13px;right:15px}.install-prompt-logo{background:#fff;border:1px solid #dce8f8;border-radius:23px;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 18px;padding:10px;display:flex;box-shadow:0 8px 24px #063b851f}.install-prompt-logo img{object-fit:contain;width:100%;height:100%}.install-prompt-eyebrow{color:#1265c5;letter-spacing:2px;margin-bottom:10px;font-size:10px;font-weight:800;display:block}.install-prompt h2{color:#082e65;letter-spacing:-.8px;max-width:310px;margin:0 auto 12px;font-size:clamp(23px,6vw,29px);font-weight:800;line-height:1.2}.install-prompt-description{color:#63748c;max-width:310px;margin:0 auto 22px;font-size:14px;line-height:1.65}.install-prompt-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0879e8,#063b85);border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;padding:13px 18px;font-size:15px;font-weight:700;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 8px 20px #063b8538}.install-prompt-button:active{transform:scale(.98)}.install-prompt-button span{font-size:22px}.install-prompt-hint{color:#75859b;margin:12px 0 0;font-size:11px;line-height:1.5}.install-prompt-later{color:#4f6480;cursor:pointer;background:0 0;border:0;margin-top:14px;padding:10px 18px;font-size:13px;font-weight:600}.install-prompt-footer{color:#8293aa;letter-spacing:1.8px;margin:15px 0 0;font-size:9px;font-weight:700}.install-prompt-instructions{text-align:left;background:#eaf2ff;border:1px solid #d8e7ff;border-radius:18px;padding:16px}.install-prompt-instructions h3{color:#083b7c;margin:0 0 12px;font-size:16px}.install-prompt-instructions ol{color:#3e5573;margin:0 0 18px;padding-left:22px;font-size:13px;line-height:1.8}.install-prompt-instructions li{margin-bottom:6px;padding-left:3px}.install-share-symbol{color:#0879e8;border:1.5px solid;border-radius:6px;justify-content:center;align-items:center;width:23px;height:23px;margin-left:7px;font-weight:800;display:inline-flex}@keyframes installBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes installCardIn{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.install-prompt-backdrop,.install-prompt{animation:none}}.product-finder-page{color:#17364a;background:#f5f9fc;min-height:100vh;padding:22px 18px 115px;font-family:inherit}.pf-header{align-items:center;gap:15px;max-width:850px;margin:0 auto 25px;display:flex}.pf-back{color:#087eae;cursor:pointer;background:#fff;border:1px solid #dceaf1;border-radius:14px;flex-shrink:0;width:43px;height:43px;font-size:22px}.pf-eyebrow{color:#0786b5;letter-spacing:1.7px;font-size:9px;font-weight:900;display:block}.pf-header h1{letter-spacing:-.7px;margin:4px 0 3px;font-size:24px;font-weight:850}.pf-header p{color:#8092a0;margin:0;font-size:12px}.pf-intro,.pf-panel,.pf-results,.pf-detail,.pf-information{max-width:850px;margin:0 auto 18px}.pf-intro{color:#fff;background:linear-gradient(125deg,#087eae,#075d8c);border-radius:21px;align-items:center;gap:17px;padding:23px;display:flex;box-shadow:0 10px 25px #087eae26}.pf-intro-icon{background:#ffffff21;border:1px solid #ffffff47;border-radius:16px;flex-shrink:0;place-items:center;width:51px;height:51px;font-size:30px;display:grid}.pf-intro h2{margin:0 0 6px;font-size:18px;font-weight:850}.pf-intro p{color:#ffffffd1;max-width:500px;margin:0;font-size:12px;line-height:1.7}.pf-tabs{background:#fff;border:1px solid #e4edf2;border-radius:14px;gap:8px;max-width:850px;margin:0 auto 15px;padding:5px;display:flex}.pf-tabs button{color:#82929f;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;padding:12px 8px;font-size:12px;font-weight:750;display:flex}.pf-tabs button.active{color:#087eae;background:#eaf6fb}.pf-tabs button span{font-size:17px}.pf-panel{background:#fff;border:1px solid #e4edf2;border-radius:20px;padding:23px;box-shadow:0 7px 22px #18324709}.pf-panel-heading,.pf-section-heading{align-items:center;gap:12px;margin-bottom:21px;display:flex}.pf-step,.pf-section-heading>span{color:#087eae;background:#eaf6fb;border-radius:12px;flex-shrink:0;place-items:center;width:37px;height:37px;font-size:12px;font-weight:900;display:grid}.pf-panel-heading h3,.pf-section-heading h3{margin:0;font-size:15px;font-weight:850}.pf-panel-heading p,.pf-section-heading p{color:#8a9aa6;margin:5px 0 0;font-size:11px;line-height:1.5}.pf-panel label{color:#526b7c;margin:0 0 8px;font-size:12px;font-weight:750;display:block}.pf-input-wrap{background:#fbfdfe;border:1px solid #dce7ed;border-radius:12px;align-items:center;gap:10px;min-height:49px;padding:0 13px;display:flex}.pf-input-wrap:focus-within{border-color:#0786b5;box-shadow:0 0 0 3px #0786b517}.pf-input-wrap>span{color:#0786b5;font-size:19px}.pf-input-wrap input{color:#17364a;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:none;padding:13px 0;font-size:13px}.pf-input-wrap input::placeholder,.pf-panel textarea::placeholder{color:#a2afb8}.pf-input-wrap button{color:#82929f;cursor:pointer;background:0 0;border:0;font-size:20px}.pf-primary-button,.pf-secondary-button{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;margin-top:13px;font-size:13px;font-weight:800;transition:all .2s;display:flex}.pf-primary-button{color:#fff;background:#087eae}.pf-primary-button:hover{background:#066b96}.pf-secondary-button{color:#087eae;background:#eef8fc;border:1px solid #d8eaf2}.pf-or{color:#a2afb8;letter-spacing:1.5px;align-items:center;gap:13px;margin:23px 0;font-size:10px;font-weight:850;display:flex}.pf-or:before,.pf-or:after{content:"";background:#edf1f4;flex:1;height:1px}.pf-barcode-heading{margin-bottom:17px}.pf-panel textarea{resize:vertical;color:#17364a;width:100%;min-height:130px;font:inherit;background:#fbfdfe;border:1px solid #dce7ed;border-radius:12px;outline:none;padding:14px;font-size:13px;line-height:1.7;display:block}.pf-panel textarea:focus{border-color:#0786b5;box-shadow:0 0 0 3px #0786b517}.pf-loading{text-align:center;background:#fff;border:1px solid #e4edf2;border-radius:17px;max-width:850px;margin:20px auto;padding:25px}.pf-spinner{border:3px solid #dceef5;border-top-color:#0786b5;border-radius:50%;width:29px;height:29px;margin:0 auto 12px;animation:.8s linear infinite pf-spin;display:block}@keyframes pf-spin{to{transform:rotate(360deg)}}.pf-loading strong{font-size:13px}.pf-loading p{color:#82929f;margin:7px 0 0;font-size:11px;line-height:1.6}.pf-error,.pf-notice{border-radius:13px;align-items:center;gap:11px;max-width:850px;margin:15px auto;padding:13px 15px;font-size:12px;display:flex}.pf-error{color:#b83232;background:#fff2f0;border:1px solid #ffd9d5}.pf-error>span,.pf-notice>span{font-size:17px;font-weight:900}.pf-error p,.pf-notice p{flex:1;margin:0;line-height:1.6}.pf-error button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:800}.pf-notice{color:#24764b;background:#eef9f3;border:1px solid #d3ebdf}.pf-results{background:#fff;border:1px solid #e4edf2;border-radius:20px;padding:22px}.pf-results-heading{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.pf-results-heading h2{margin:5px 0 0;font-size:18px}.pf-count{color:#087eae;background:#eaf6fb;border-radius:11px;place-items:center;min-width:35px;height:35px;font-size:13px;font-weight:850;display:grid}.pf-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.pf-product-card{min-width:0;color:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #e5edf2;border-radius:15px;flex-direction:column;padding:0;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.pf-product-card:hover{transform:translateY(-2px);box-shadow:0 7px 20px #18324714}.pf-card-image{background:#f6f9fb;place-items:center;height:145px;padding:13px;display:grid}.pf-card-image img{object-fit:contain;width:100%;height:100%}.pf-placeholder-icon{color:#b0c0c9;font-size:38px}.pf-card-content{flex-direction:column;align-items:flex-start;gap:7px;padding:13px;display:flex}.pf-card-brand{color:#8294a1;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:750}.pf-card-content>strong{min-height:36px;font-size:12px;line-height:1.5}.pf-mini-status{border-radius:7px;padding:6px 8px;font-size:10px;font-weight:750;line-height:1.4;display:inline-flex}.pf-mini-present{color:#b65b2c;background:#fff0e9}.pf-mini-absent{color:#23804d;background:#eaf7f0}.pf-mini-unknown{color:#697986;background:#f0f2f4}.pf-card-link{color:#087eae;margin-top:4px;font-size:11px;font-weight:800}.pf-information{background:#edf7fb;border:1px solid #d8eaf2;border-radius:16px;gap:12px;padding:17px;display:flex}.pf-information-icon{color:#fff;background:#087eae;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;font-size:13px;font-weight:900;display:grid}.pf-information strong{color:#087eae;font-size:12px}.pf-information p{color:#5c7585;margin:6px 0 0;font-size:11px;line-height:1.7}.pf-clear-button{color:#82929f;cursor:pointer;background:0 0;border:0;margin:15px auto 0;padding:10px 15px;font-size:11px;font-weight:750;display:block}.pf-detail{background:#fff;border:1px solid #e4edf2;border-radius:20px;padding:22px;box-shadow:0 7px 22px #18324709}.pf-return{color:#087eae;cursor:pointer;background:#f1f8fb;border:1px solid #dceaf1;border-radius:10px;margin-bottom:20px;padding:10px 13px;font-size:12px;font-weight:800}.pf-detail-hero{border-bottom:1px solid #edf1f4;align-items:center;gap:21px;padding-bottom:22px;display:flex}.pf-detail-image{background:#f6f9fb;border-radius:17px;flex-shrink:0;place-items:center;width:125px;height:125px;padding:10px;display:grid}.pf-detail-image img{object-fit:contain;width:100%;height:100%}.pf-detail-image>span{color:#aabac4;font-size:38px}.pf-detail-heading{min-width:0}.pf-detail-heading h2{margin:7px 0;font-size:19px;line-height:1.4}.pf-detail-heading p,.pf-detail-heading small{color:#82929f;margin:4px 0;font-size:12px}.pf-section{border-bottom:1px solid #edf1f4;padding:22px 0}.pf-section-heading{margin-bottom:15px}.pf-section-heading>span{font-size:10px}.pf-status{border:1px solid #0000;border-radius:13px;align-items:flex-start;gap:12px;padding:15px;display:flex}.pf-status-icon{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:16px;font-weight:900;display:grid}.pf-status>div{flex-direction:column;gap:5px;min-width:0;display:flex}.pf-status strong{font-size:12px;line-height:1.5}.pf-status small{font-size:11px;line-height:1.65}.pf-status-present{color:#a64d22;background:#fff3ec;border-color:#ffdbca}.pf-status-present .pf-status-icon{background:#b75b2d}.pf-status-absent{color:#23764a;background:#eef9f2;border-color:#ccebd8}.pf-status-absent .pf-status-icon{background:#23804d}.pf-status-unknown{color:#657684;background:#f4f6f7;border-color:#e1e7eb}.pf-status-unknown .pf-status-icon{background:#718493}.pf-compounds{margin-top:13px}.pf-compounds>span{color:#82929f;margin-bottom:9px;font-size:11px;font-weight:750;display:block}.pf-compounds>div{flex-wrap:wrap;gap:7px;display:flex}.pf-tag{color:#a64d22;background:#fff0e9;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:750}.pf-chemical-box{border:1px solid #0000;border-radius:13px;padding:15px}.pf-chemical-box strong{font-size:12px}.pf-chemical-box p{margin:7px 0 0;font-size:11px;line-height:1.7}.pf-chemical-alert{color:#ac3b30;background:#fff2ef;border-color:#ffd8d2}.pf-chemical-clear{color:#23764a;background:#eef9f2;border-color:#ccebd8}.pf-chemical-unknown{color:#657684;background:#f4f6f7;border-color:#e1e7eb}.pf-ingredient-text{color:#617888;overflow-wrap:anywhere;background:#fafcfd;border:1px solid #e8eef2;border-radius:12px;padding:15px;font-size:12px;line-height:1.85}.pf-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pf-info-grid>div{background:#f7fafc;border-radius:11px;flex-direction:column;gap:6px;min-width:0;padding:12px;display:flex}.pf-info-grid small{color:#8a9aa6;font-size:10px}.pf-info-grid strong{color:#355367;overflow-wrap:anywhere;font-size:11px;line-height:1.5}.pf-sources{flex-direction:column;gap:8px;display:flex}.pf-sources a{color:#087eae;background:#fbfdfe;border:1px solid #e3edf2;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:12px;font-weight:750;text-decoration:none;display:flex}.pf-sources a:hover{background:#eef8fc}.pf-sources p{color:#8796a1;font-size:11px}.pf-summary{background:#edf7fb;border-radius:13px;margin-top:18px;padding:16px}.pf-summary strong{color:#087eae;font-size:12px}.pf-summary p{color:#587181;margin:7px 0 0;font-size:11px;line-height:1.7}.pf-disclaimer{text-align:left;background:#f7f9fa;border:1px solid #e8edf1;border-radius:13px;margin-top:20px;padding:15px}.pf-disclaimer strong{color:#526b7c;font-size:12px}.pf-disclaimer p{color:#82929f;margin:7px 0 0;font-size:11px;line-height:1.75}.pf-manual-results{border-top:1px solid #edf1f4;margin-top:24px;padding-top:20px}.pf-manual-results h3{margin:0 0 14px;font-size:14px}.pf-manual-results .pf-chemical-box{margin-top:12px}.pf-manual-note{color:#82929f;font-size:11px;line-height:1.7}@media (width<=480px){.product-finder-page{padding:17px 13px 110px}.pf-header h1{font-size:22px}.pf-intro{gap:12px;padding:18px}.pf-intro h2{font-size:16px}.pf-intro-icon{width:44px;height:44px}.pf-panel,.pf-results,.pf-detail{border-radius:17px;padding:17px}.pf-results-grid{gap:9px}.pf-card-image{height:120px}.pf-card-content{padding:10px}.pf-card-content>strong{font-size:11px}.pf-detail-hero{align-items:flex-start;gap:13px}.pf-detail-image{width:100px;height:110px}.pf-detail-heading h2{font-size:16px}}@media (width<=350px){.pf-results-grid{grid-template-columns:1fr}.pf-tabs button{font-size:10px}}.pf-autocomplete{z-index:20;width:100%;position:relative}.pf-suggestions{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-height:320px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto;box-shadow:0 10px 30px #0000001a}.pf-suggestion-heading{letter-spacing:1px;color:#89919b;padding:12px 15px 8px;font-size:10px;font-weight:700}.pf-suggestion-item{text-align:left;cursor:pointer;color:#172033;background:#fff;border:none;border-bottom:1px solid #f0f1f3;align-items:center;gap:12px;width:100%;padding:13px 15px;display:flex}.pf-suggestion-item:last-child{border-bottom:none}.pf-suggestion-item:hover{background:#f4f8ff}.pf-suggestion-icon{color:#3975d7;font-size:20px}.pf-suggestion-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.pf-suggestion-text strong{font-size:13px;font-weight:600}.pf-suggestion-text small{color:#858c98;font-size:11px}.pf-suggestion-arrow{color:#9ba3af;font-size:16px}.pf-suggestion-message{color:#7b8491;text-align:center;padding:15px;font-size:12px}.pf-primary-button,.pf-secondary-button{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;font-size:15px;font-weight:600;display:flex;box-shadow:0 2px 6px #052d610f;color:#052d61!important;background:#fff!important;border:1px solid #dbe4ee!important}.pf-primary-button:hover,.pf-secondary-button:hover{background:#f5f9ff!important}.pf-primary-button:disabled,.pf-secondary-button:disabled{opacity:.6;cursor:not-allowed}.pf-primary-button span,.pf-secondary-button span{align-items:center;display:inline-flex}:root{color:#102b49;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;--navy:#052d61;--blue:#07539b;--cyan:#23d2f2;--muted:#62778c;background:#fff;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-header{z-index:10;background:#fff;border-bottom:1px solid #eaf0f5;justify-content:space-between;align-items:center;height:82px;padding:0 6%;display:flex;position:relative}.brand{align-items:center;gap:10px;display:flex}.brand-icon{border:3px solid var(--cyan);color:#079acb;border-radius:50%;place-items:center;width:43px;height:43px;font-size:26px;display:grid}.brand strong{color:var(--navy);letter-spacing:-.7px;font-size:19px;display:block}.brand strong span{color:#08aee0}.brand small{color:#77889a;margin-top:3px;font-size:10px;display:block}.main-nav{align-items:center;gap:27px;display:flex}.main-nav>a{color:#314b65;font-size:13px;font-weight:600}.main-nav>a:hover{color:#078dc2}.button{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:12px;padding:13px 19px;font-size:13px;font-weight:750;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-outline{color:var(--navy);background:#fff;border-color:#cbdde9}.menu-toggle{display:none}.hero{isolation:isolate;color:#fff;background:radial-gradient(at 80% 25%,#1682b4 0%,#0000 40%),linear-gradient(115deg,#032858,#07569a);align-items:center;min-height:620px;display:flex;position:relative;overflow:hidden}.hero-video,.hero-overlay{width:100%;height:100%;position:absolute;inset:0}.hero-video{z-index:-2;object-fit:cover;object-position:center 38%;opacity:.53}.hero-overlay{z-index:-1;background:linear-gradient(90deg,#021f48fa 0%,#033163e8 40%,#0437627d 73%,#04264f5c 100%),linear-gradient(#0000 55%,#021f486b)}.hero-content{width:min(760px,68%);padding:82px 0 108px 8%}.hero-badge{color:#a9effb;letter-spacing:1.1px;background:#ffffff0c;border:1px solid #52c8e580;border-radius:30px;align-items:center;gap:9px;padding:9px 13px;font-size:10px;font-weight:800;display:inline-flex}.hero-badge span{background:var(--cyan);border-radius:50%;width:7px;height:7px}.hero h1{letter-spacing:-3.8px;margin:26px 0 9px;font-size:clamp(43px,6vw,76px);font-weight:850;line-height:1.02}.hero h1 span{color:var(--cyan)}.hero-tagline{margin:16px 0;font-size:clamp(21px,2.5vw,29px);font-weight:650}.hero-description{color:#e0effa;max-width:510px;font-size:15px;line-height:1.85}.hero-actions{flex-wrap:wrap;gap:13px;margin-top:27px;display:flex}.button-cyan{color:#032c55;background:linear-gradient(100deg,#1bc7ef,#36d9ed)}.button-glass{color:#fff;background:#ffffff10;border-color:#c5e7ff83}.hero-points{color:#e1f5ff;flex-wrap:wrap;gap:18px;margin-top:30px;font-size:11px;display:flex}.hero-caption{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#042e5d8a;border:1px solid #ffffff3d;border-radius:13px;align-items:center;gap:12px;padding:15px 18px;display:flex;position:absolute;bottom:28px;right:6%}.caption-drop{width:37px;height:37px;color:var(--cyan);border:1px solid var(--cyan);border-radius:50%;place-items:center;font-size:22px;display:grid}.hero-caption strong{font-size:12px}.hero-caption p{color:#d1e5f4;margin:5px 0 0;font-size:10px}.intro-section{text-align:center;max-width:790px;margin:0 auto;padding:90px 24px 70px}.eyebrow{color:#0799c8;letter-spacing:1.8px;font-size:10px;font-weight:850}.intro-section h2,.section-heading h2,.how-copy h2{letter-spacing:-1.5px;font-size:clamp(29px,4vw,42px);line-height:1.15}.intro-section h2 span,.how-copy h2 span{color:#079dc9}.intro-section>p:last-child,.section-heading>p:last-child{color:var(--muted);font-size:14px;line-height:1.9}.features-section{background:#f4f9fc;padding:76px 7%}.section-heading{text-align:center;max-width:720px;margin:0 auto 42px}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1200px;margin:0 auto;display:grid}.feature-card{background:#fff;border:1px solid #e3edf4;border-radius:15px;padding:29px 25px;transition:transform .2s,box-shadow .2s;position:relative}.feature-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px #0b49700c}.feature-icon{color:#008fc1;background:#e3f8fd;border-radius:13px;place-items:center;width:52px;height:52px;font-size:29px;display:grid}.feature-number{color:#d4e5ef;font-size:24px;font-weight:850;position:absolute;top:30px;right:23px}.feature-card h3{color:#092e56;margin:22px 0 10px;font-size:17px}.feature-card p{color:#697e90;min-height:67px;font-size:12px;line-height:1.9}.text-link{color:#078fbd;background:0 0;border:0;padding:0;font-size:12px;font-weight:800}.text-link span{padding-left:5px}.how-section{grid-template-columns:1fr 1fr;align-items:center;gap:75px;padding:100px 10%;display:grid}.how-copy>p:last-child{color:var(--muted);font-size:14px;line-height:1.9}.steps-list{gap:25px;display:grid}.step{align-items:flex-start;gap:19px;display:flex}.step>span{color:#078fbd;background:#e6f8fc;border-radius:13px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:13px;font-weight:850;display:grid}.step h3{margin:2px 0 7px;font-size:16px}.step p{color:var(--muted);margin:0;font-size:12px;line-height:1.9}.education-section{color:#fff;background:radial-gradient(at 90% 10%,#0d7da5 0%,#0000 38%),linear-gradient(120deg,#052754,#07548d);padding:90px 9%;position:relative;overflow:hidden}.education-content{max-width:630px}.education-section .eyebrow{color:#6fe4f7}.education-section h2{letter-spacing:-1.5px;font-size:clamp(35px,5vw,53px);line-height:1.1}.education-section p:not(.eyebrow){color:#d9eaf6;max-width:560px;margin-bottom:28px;font-size:14px;line-height:1.9}.disclaimer-section{background:#f6fbfd;border:1px solid #dcecf4;border-radius:12px;max-width:1100px;margin:36px auto;padding:23px}.disclaimer-section strong{font-size:14px}.disclaimer-section p{color:#617589;margin-bottom:0;font-size:12px;line-height:1.9}.site-footer{border-top:1px solid #e4edf3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:27px 6%;display:flex}.site-footer>p,.site-footer>span{color:#71869a;font-size:11px}@media (width<=900px){.site-header{padding:0 5%}.main-nav{gap:15px}.main-nav>a{font-size:11px}.hero-content{width:82%;padding-left:6%}.features-section{padding:65px 5%}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.how-section{gap:35px;padding:75px 6%}}@media (width<=650px){.site-header{height:72px}.brand strong{font-size:16px}.menu-toggle{color:var(--navy);background:#fff;border:1px solid #dce8f0;border-radius:8px;padding:9px 12px;font-size:20px;display:block}.main-nav{background:#fff;border-bottom:1px solid #e2edf4;padding:18px;display:none;position:absolute;top:71px;left:0;right:0;box-shadow:0 14px 24px #062b5010}.main-nav.open{gap:18px;display:grid}.main-nav>a{font-size:14px}.main-nav .button{width:100%}.hero{align-items:flex-start;min-height:680px}.hero-video{object-position:62% center}.hero-overlay{background:linear-gradient(90deg,#032958f5,#04396bdc 65%,#063d6aab)}.hero-content{width:100%;padding:78px 23px 135px}.hero h1{letter-spacing:-2.6px;font-size:clamp(43px,11vw,61px)}.hero-description{font-size:14px}.hero-points{gap:10px;display:grid}.hero-caption{bottom:22px;left:22px;right:auto}.intro-section{padding:65px 23px}.features-grid{grid-template-columns:1fr}.feature-card p{min-height:0}.how-section{grid-template-columns:1fr;padding:65px 24px}.education-section{padding:70px 24px}.disclaimer-section{margin:22px 15px}.site-footer{flex-direction:column;align-items:flex-start;padding:26px 22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.test-page{background:radial-gradient(at 100% 0,#dff8ff 0%,#0000 40%),#f4f9fc;min-height:100vh;padding:35px 6%}.test-panel{background:#fff;border:1px solid #e0ebf2;border-radius:20px;max-width:680px;margin:35px auto;padding:34px;box-shadow:0 18px 55px #0a3b6010}.test-heading-icon{background:#e5f9ff;border-radius:16px;place-items:center;width:58px;height:58px;margin-bottom:20px;font-size:29px;display:grid}.test-panel h1{color:#052d61;letter-spacing:-1.5px;margin:10px 0;font-size:clamp(30px,5vw,42px)}.test-intro{color:#62778c;margin-bottom:30px;font-size:14px;line-height:1.85}.test-panel label{color:#163c60;margin:23px 0 9px;font-size:13px;font-weight:750;display:block}.test-panel input:not([type=file]),.test-panel select{color:#173c5e;width:100%;min-height:48px;font:inherit;background:#fff;border:1px solid #cfdee9;border-radius:10px;padding:13px 14px;font-size:14px}.test-panel input:focus,.test-panel select:focus{border-color:#0aafd9;outline:3px solid #21c8ef35}.location-heading,.capture-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.location-tag{color:#1681a7;align-items:center;gap:6px;font-size:11px;display:inline-flex}.location-dot{background:#19b6d8;border-radius:50%;width:7px;height:7px}.location-button{text-align:left;color:#063766;cursor:pointer;background:#eefaff;border:1px solid #bfeefa;border-radius:12px;align-items:center;gap:13px;width:100%;padding:17px;display:flex}.location-button:disabled{opacity:.65;cursor:wait}.location-button-icon{color:#087fa9;background:#d6f6ff;border-radius:12px;flex-shrink:0;place-items:center;width:43px;height:43px;font-size:28px;display:grid}.location-button strong,.location-button small{display:block}.location-button strong{font-size:13px}.location-button small{color:#627d91;margin-top:5px;font-size:11px;line-height:1.5}.coordinates-box{overflow-wrap:anywhere;background:#f5fbfa;border:1px solid #d8eae9;border-radius:10px;margin-top:12px;padding:15px}.coordinates-box strong{color:#155c50;font-size:12px}.coordinates-box p{color:#516e7d;margin:8px 0;font-size:12px}.coordinates-box a{color:#087ea6;margin-top:5px;font-size:12px;font-weight:750;display:inline-block}.field-hint{color:#71869a;margin:8px 0 0;font-size:11px;line-height:1.7}.capture-heading>span{color:#71869a;font-size:10px}.visually-hidden-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;height:1px;margin:-1px;position:absolute;overflow:hidden;width:1px!important;padding:0!important}.capture-button{text-align:left;color:#fff;background:linear-gradient(115deg,#05366f,#086db0);border:1px solid #0873b9;border-radius:15px;align-items:center;gap:15px;width:100%;min-height:100px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 20px #07569a20}.capture-button:hover{transform:translateY(-2px);box-shadow:0 12px 26px #07569a2a}.capture-icon{color:#63e5ff;background:#ffffff17;border:1px solid #83e8ff85;border-radius:13px;flex-shrink:0;place-items:center;width:53px;height:53px;font-size:30px;display:grid}.capture-button strong,.capture-button small{display:block}.capture-button strong{font-size:17px}.capture-button small{color:#d6edff;margin-top:6px;font-size:11px;line-height:1.5}.capture-arrow{color:#73e7ff;margin-left:auto;font-size:22px}.upload-button{color:#07528a;background:#fff;border:1px solid #c8dce9;border-radius:11px;width:100%;margin-top:12px;padding:15px;font-size:13px;font-weight:750;display:block}.upload-button:hover{background:#f1faff;border-color:#76cfe7}.upload-button span{margin-right:9px;font-size:19px}.image-preview-card{background:#f8fbfd;border:1px solid #dce9f1;border-radius:12px;align-items:center;gap:16px;margin-top:17px;padding:13px;display:flex}.test-panel .strip-preview{object-fit:contain;background:#fff;border:1px solid #e4edf3;border-radius:8px;flex-shrink:0;width:105px;height:115px;margin:0;display:block}.image-preview-details{gap:7px;min-width:0;display:grid}.image-preview-details strong{color:#163c60;font-size:13px}.image-preview-details>span{overflow-wrap:anywhere;color:#71869a;font-size:11px}.remove-image{color:#b33a43;background:0 0;border:0;justify-self:start;padding:0;font-size:11px;font-weight:750}.test-panel .notice{background:#f3faff;border:1px solid #d5e9f3;border-radius:11px;margin-top:24px;padding:16px}.test-panel .notice strong{color:#174f79;font-size:12px}.test-panel .notice p{color:#60798c;margin:8px 0 0;font-size:12px;line-height:1.8}.test-panel .button-primary{color:#032c55;background:linear-gradient(100deg,#12bde8,#39d8ee);border:0;border-radius:10px;width:100%;min-height:50px;margin-top:22px;font-weight:800}.test-message{color:#17674c;overflow-wrap:anywhere;background:#eaf8f2;border-radius:9px;padding:13px;font-size:13px;line-height:1.7}@media (width<=600px){.test-page{padding:22px 14px}.test-panel{border-radius:15px;margin:23px auto;padding:23px 18px}.capture-button{gap:11px;min-height:92px;padding:15px 12px}.capture-icon{width:45px;height:45px}.capture-button strong{font-size:15px}.capture-button small{font-size:10px}.image-preview-card{align-items:flex-start}.test-panel .strip-preview{width:80px;height:100px}}html{-webkit-text-size-adjust:100%;scroll-padding-top:20px}body{overscroll-behavior-y:contain}button,input,select,textarea,a{-webkit-tap-highlight-color:transparent}button,input,select{touch-action:manipulation}@media (width<=600px){.test-page{width:100%;min-height:100dvh;padding:16px 12px 28px;overflow-x:hidden}.test-page>.button-outline{min-height:46px;padding:12px 15px;font-size:14px}.test-panel{border-radius:18px;width:100%;max-width:100%;margin:18px auto;padding:22px 16px;box-shadow:0 8px 30px #0a3b600d}.test-panel h1{letter-spacing:-1px;font-size:32px;line-height:1.15}.test-intro{font-size:14px;line-height:1.8}.test-panel label{margin-top:23px;font-size:14px}.test-panel input:not([type=file]),.test-panel select{border-radius:11px;min-height:52px;padding:14px;font-size:16px}.location-button{border-radius:12px;min-height:76px;padding:14px}.location-button strong{font-size:14px;line-height:1.5}.location-button small{font-size:12px}.capture-button{border-radius:15px;width:100%;min-height:104px;padding:17px 13px}.capture-button strong{font-size:17px}.capture-button small{font-size:12px;line-height:1.6}.upload-button{min-height:54px;font-size:14px}.test-panel .button-primary{min-height:56px;font-size:15px}.coordinates-box{padding:13px}.test-panel .notice{padding:14px}.test-panel .notice p{font-size:12px}.image-preview-card{gap:11px;min-width:0;padding:10px}.image-preview-details{overflow-wrap:anywhere;flex:1}.test-message{font-size:13px}.hero{min-height:85dvh}.hero-content{width:100%;padding:64px 20px 145px}.hero h1{font-size:clamp(42px,11vw,58px);line-height:1.05}.hero-actions{grid-template-columns:1fr;gap:12px;display:grid}.hero-actions .button{width:100%;min-height:52px}.hero-points{font-size:12px;line-height:1.6}.hero-caption{bottom:18px;left:20px;right:20px}.hero-caption p{font-size:11px}.features-section{padding:55px 16px}.feature-card{padding:24px 20px}.how-section{padding:60px 20px}.education-section{padding:60px 22px}@media (prefers-reduced-motion:reduce){.hero-video{display:none}}}.records-page{color:#123657;background:#f4f9fc;min-height:100vh;padding:28px 6% 100px}.records-header{gap:22px;max-width:1000px;margin:0 auto 28px;display:grid}.records-header h1{color:#052d61;margin:8px 0;font-size:clamp(32px,5vw,44px)}.records-subtitle{color:#62778c;line-height:1.7}.records-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1000px;margin:0 auto 25px;display:grid}.summary-card{background:#fff;border:1px solid #dfebf3;border-radius:15px;padding:20px}.summary-card span,.summary-card strong{display:block}.summary-card span{color:#687f92;font-size:12px}.summary-card strong{color:#073b70;margin-top:10px;font-size:29px}.records-toolbar{grid-template-columns:minmax(0,1fr) 180px auto;gap:12px;max-width:1000px;margin:0 auto 22px;display:grid}.records-toolbar input,.records-toolbar select{color:#173c5e;background:#fff;border:1px solid #cfdee9;border-radius:10px;width:100%;min-width:0;min-height:48px;padding:12px;font-size:14px}.records-list{gap:15px;max-width:1000px;margin:0 auto;display:grid}.record-card{background:#fff;border:1px solid #dfebf3;border-radius:15px;padding:20px;box-shadow:0 5px 18px #0a3b6008}.record-card-top{align-items:flex-start;gap:12px;display:flex}.record-water-icon{background:#e6f8ff;border-radius:12px;flex-shrink:0;place-items:center;width:45px;height:45px;font-size:23px;display:grid}.record-main{flex:1;min-width:0}.record-main h2{overflow-wrap:anywhere;color:#073764;margin:2px 0 7px;font-size:17px}.record-main p{color:#6c8295;margin:0;font-size:12px;line-height:1.6}.pending-badge{color:#8b5b0b;overflow-wrap:anywhere;background:#fff5df;border-radius:8px;max-width:180px;padding:7px 9px;font-size:10px;line-height:1.5}.record-details{color:#62778c;border-top:1px solid #edf2f6;border-bottom:1px solid #edf2f6;flex-wrap:wrap;gap:12px 22px;margin-top:20px;padding:15px 0;font-size:12px;display:flex}.record-details strong{color:#244d6d}.record-actions{flex-wrap:wrap;gap:10px;margin-top:15px;display:flex}.record-action{color:#07679a;background:#f2faff;border:1px solid #cce4f0;border-radius:9px;min-height:42px;padding:10px 14px;font-size:12px;font-weight:750}.records-empty{text-align:center;background:#fff;border:1px dashed #cbdfe9;border-radius:18px;max-width:600px;margin:35px auto;padding:40px 20px}.empty-icon{font-size:42px}.records-empty h2{color:#073764}.records-empty p{color:#6c8295;margin-bottom:22px;font-size:14px;line-height:1.8}.record-modal-backdrop{z-index:1000;background:#041b32a8;place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow-y:auto}.record-modal{background:#fff;border-radius:18px;width:100%;max-width:520px;max-height:90dvh;padding:28px;position:relative;overflow-y:auto}.record-modal h2{overflow-wrap:anywhere;color:#073764}.record-modal p{overflow-wrap:anywhere;font-size:13px;line-height:1.8}.modal-close{float:right;color:#173c5e;background:#fff;border:1px solid #dce8f0;border-radius:10px;width:42px;height:42px}.record-disclaimer{color:#687f92;margin-top:22px}.mobile-bottom-nav{display:none}@media (width<=650px){.records-page{padding:18px 14px 100px}.records-header{gap:18px}.records-summary{gap:8px}.summary-card{border-radius:12px;padding:13px 10px}.summary-card span{font-size:10px;line-height:1.5}.summary-card strong{font-size:24px}.records-toolbar{grid-template-columns:1fr 1fr;gap:9px}.records-toolbar input{grid-column:1/-1;font-size:16px}.records-toolbar select{font-size:14px}.records-toolbar .button{min-height:48px;padding:10px;font-size:12px}.record-card{border-radius:13px;padding:15px}.record-card-top{flex-wrap:wrap}.record-main{flex-basis:calc(100% - 65px)}.pending-badge{max-width:100%;margin-left:57px}.record-details{gap:10px;display:grid}.record-actions{grid-template-columns:1fr 1fr;display:grid}.record-action{min-height:46px}.mobile-bottom-nav{z-index:900;padding:9px 8px calc(9px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffed;border-top:1px solid #e0eaf1;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav button{color:#657e91;background:0 0;border:0;justify-items:center;gap:4px;min-height:50px;font-size:11px;display:grid}.mobile-bottom-nav button span{font-size:22px}.mobile-bottom-nav button.active{color:#078ab8;font-weight:800}.record-modal{padding:22px 18px}}.camera-panel{background:#f7fbfd;border:1px solid #d8e5ec;border-radius:14px;margin:16px 0;padding:14px}.camera-preview{object-fit:contain;background:#101820;border-radius:10px;width:100%;max-height:420px;display:block}.camera-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.camera-actions button{flex:1}.camera-panel .field-hint{margin:10px 0}.capture-button:disabled{opacity:.65;cursor:wait}.dashboard-page{color:#172b3a;max-width:1100px;margin:0 auto;padding:24px}.dashboard-header{gap:20px;margin-bottom:28px;display:grid}.dashboard-header h1{margin:6px 0;font-size:clamp(1.8rem,4vw,2.6rem)}.dashboard-header p{color:#617586}.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.dashboard-stat,.dashboard-panel{background:#fff;border:1px solid #e0e9ef;border-radius:16px;padding:22px}.dashboard-stat{flex-direction:column;gap:8px;display:flex}.dashboard-stat>span,.dashboard-stat small{color:#647989}.dashboard-stat>strong{font-size:2rem}.dashboard-panel{margin-bottom:20px}.dashboard-panel h2{margin-top:0}.dashboard-section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.dashboard-section-heading p{color:#647989}.dashboard-record-list{display:grid}.dashboard-record{border-top:1px solid #e7edf1;align-items:center;gap:14px;padding:16px 0;display:flex}.dashboard-record-icon{background:#e8f7fb;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.dashboard-record-details{flex:1;gap:4px;min-width:0;display:grid}.dashboard-record-details span,.dashboard-record-details small,.dashboard-record-result span{color:#647989;overflow-wrap:anywhere}.dashboard-record-result{text-align:right;gap:5px;display:grid}.dashboard-record-result strong{font-size:.95rem}.dashboard-record-result span{font-size:.8rem}.dashboard-empty{text-align:center;padding:32px 12px}.dashboard-empty>span{font-size:2rem}.dashboard-empty p{color:#647989;margin-bottom:20px}.dashboard-guidance{gap:18px;display:grid}.dashboard-guidance article{align-items:flex-start;gap:12px;display:flex}.dashboard-guidance p,.dashboard-disclaimer{color:#647989;line-height:1.6}.status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.status-pending{background:#d99a27}.status-ready{background:#0b8a9e}.dashboard-disclaimer{border-top:1px solid #e7edf1;margin-top:22px;padding-top:16px;font-size:.9rem}.dashboard-actions{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}@media (width<=650px){.dashboard-page{padding:16px}.dashboard-stats{grid-template-columns:1fr;gap:10px}.dashboard-stat{padding:16px}.dashboard-stat>strong{font-size:1.6rem}.dashboard-record{align-items:flex-start;gap:10px}.dashboard-record-icon{width:36px;height:36px}.dashboard-record-result{max-width:115px}.dashboard-section-heading{align-items:flex-start}}.colour-analysis{color:#24332b;background:#fff;border:1px solid #dce5e0;border-radius:14px;margin-top:24px;padding:20px}.colour-analysis h3{margin-top:0}.colour-result{align-items:center;gap:16px;margin:16px 0;display:flex}.colour-result p{margin:5px 0}.colour-swatch{border:1px solid #d0d7d2;border-radius:12px;flex-shrink:0;width:88px;height:88px}.analysis-disclaimer{background:#f2f5f3;border-radius:8px;margin-top:16px;padding:12px;font-size:.9rem;line-height:1.6}html{width:100%;max-width:100%;overflow-x:hidden}body{width:100%;min-width:320px;max-width:100%;margin:0;overflow-x:hidden}#root{width:100%;max-width:100%;min-height:100vh;margin:0 auto}img,video,canvas,svg,input,select,textarea,button{max-width:100%}@media (width<=768px){.container,.hero,.section,.dashboard,.water-test,.image-preview-card,.colour-analysis{width:100%;max-width:100%}.container,.section,.dashboard,.water-test{padding-left:16px;padding-right:16px}h1{overflow-wrap:anywhere;font-size:clamp(1.8rem,7vw,2.6rem)}h2{overflow-wrap:anywhere;font-size:clamp(1.4rem,5vw,2rem)}p{overflow-wrap:break-word}.image-preview-card img,.strip-preview{object-fit:contain;width:100%;height:auto;display:block}}.image-preview-card{box-sizing:border-box;grid-template-columns:minmax(0,1fr);gap:16px;width:100%;min-width:0;max-width:100%;padding:16px;display:grid;overflow:hidden}.image-preview-card>*{min-width:0;max-width:100%}.image-preview-card .strip-preview{object-fit:contain;object-position:center;width:100%;max-width:100%;height:auto;max-height:320px;display:block}.image-preview-card .image-preview-details{overflow-wrap:anywhere;word-break:normal;width:100%;min-width:0;max-width:100%}.image-preview-card .image-preview-details *{box-sizing:border-box;min-width:0;max-width:100%}.image-preview-card .colour-analysis,.colour-analysis{box-sizing:border-box;overflow-wrap:break-word;width:100%;min-width:0;max-width:100%;margin:0;padding:16px}.colour-result{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.colour-result>div{overflow-wrap:anywhere;min-width:0;max-width:100%}.colour-swatch{flex-shrink:0;width:72px;height:72px}@media (width<=600px){.image-preview-card{grid-template-columns:minmax(0,1fr);gap:14px;padding:12px}.image-preview-card .strip-preview{width:auto;max-width:100%;max-height:240px;margin:0 auto}.colour-analysis{padding:14px}.colour-result{align-items:center}}*,:before,:after{box-sizing:border-box}.site-header,header{max-width:100%}@media (width<=768px){header{position:relative}header nav{min-width:0;max-width:100%}header nav button{white-space:normal;max-width:100%}header .nav-container,header .navbar,header .nav-inner,header .header-inner{width:100%;min-width:0;max-width:100%;padding-left:16px;padding-right:16px}header nav.mobile-menu,header nav.menu-open{flex-direction:column;align-items:stretch;gap:10px;width:100%;padding:16px;display:flex}header nav.mobile-menu button,header nav.menu-open button{text-align:center;width:100%;min-height:44px}body,#root{width:100%;max-width:100%;overflow-x:clip}}.site-header{box-sizing:border-box;justify-content:space-between;align-items:center;gap:16px;width:100%;min-width:0;max-width:100%;display:flex;position:relative}.site-header .brand{flex:auto;align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.site-header .brand>span:last-child{min-width:0}.site-header .brand strong{overflow-wrap:anywhere}.site-header .menu-toggle{cursor:pointer;flex:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:26px;line-height:1;display:none}.site-header .main-navigation{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.site-header .main-navigation button{white-space:nowrap}@media (width<=768px){.site-header{flex-wrap:wrap;gap:12px;padding-left:16px;padding-right:16px}.site-header .menu-toggle{display:flex}.site-header .main-navigation{flex-direction:column;flex:0 0 100%;align-items:stretch;gap:10px;width:100%;padding:12px 0 8px;display:none}.site-header .main-navigation.is-open{display:flex}.site-header .main-navigation button{white-space:normal;width:100%;max-width:100%;min-height:44px}}.bottom-navigation{display:none}@media (width<=768px){.bottom-navigation{z-index:1000;width:100%;padding:8px 4px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e0e8ee;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 18px #0f2d4114}.bottom-navigation-item{color:#687987;min-width:0;min-height:52px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:5px 1px;display:flex}.bottom-navigation-icon{font-size:23px;line-height:1}.bottom-navigation-label{white-space:nowrap;font-size:10px;line-height:1.2}.bottom-navigation-item.active{color:#0866a6;background:#edf6fc;font-weight:600}body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}}.live-colour-analysis{box-sizing:border-box;background:#f7fafc;border:1px solid #dce6ed;border-radius:14px;width:100%;min-width:0;margin-top:16px;padding:16px}.live-colour-analysis h3{color:#16384e;margin-top:0;margin-bottom:14px}.live-colour-result{align-items:center;gap:16px;min-width:0;display:flex}.live-colour-swatch{border:2px solid #d3dfe7;border-radius:12px;flex:0 0 76px;width:76px;height:76px;display:block}.live-colour-result p{overflow-wrap:anywhere;margin:6px 0}.scan-warning{color:#854d0e;background:#fff1d6;border-radius:8px;padding:10px}.scan-note{color:#536675;margin-bottom:0;font-size:13px;line-height:1.5}@media (width<=480px){.live-colour-analysis{padding:12px}.live-colour-swatch{flex-basis:60px;width:60px;height:60px}}.scanner-fullscreen{z-index:9999;color:#fff;background:#07111b;flex-direction:column;width:100%;height:100dvh;font-family:inherit;display:flex;position:fixed;inset:0;overflow:auto}.scanner-topbar{padding:max(16px, env(safe-area-inset-top)) 18px 14px;background:#07111b;justify-content:space-between;align-items:center;gap:14px;display:flex}.scanner-topbar>div{flex-direction:column;flex:1;gap:4px;display:flex}.scanner-topbar strong{font-size:16px}.scanner-topbar>div span{color:#9aafbd;letter-spacing:2px;font-size:10px}.scanner-close{color:#fff;cursor:pointer;background:#172530;border:1px solid #344553;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:21px;display:grid}.scanner-live-indicator{color:#76e5b4;letter-spacing:1px;border:1px solid #285f4d;border-radius:20px;padding:6px 10px;font-size:10px}.scanner-instructions{text-align:center;padding:12px 22px 18px}.scanner-instructions h2,.scanner-processing-text h2,.scanner-review-content h2{margin:0 0 8px;font-size:23px}.scanner-instructions p,.scanner-processing-text p,.scanner-review-content p{color:#b7c7d2;max-width:440px;margin:0 auto;font-size:14px;line-height:1.6}.scanner-viewfinder{background:#101f2b;border-radius:20px;flex:1;justify-content:center;align-items:center;min-height:220px;margin:0 12px;display:flex;position:relative;overflow:hidden}.scanner-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scanner-guide{z-index:2;aspect-ratio:3.2;background:#ffffff08;border:1px solid #ffffff59;border-radius:8px;width:min(84%,520px);position:relative;box-shadow:0 0 0 999px #00000061}.guide-corner{filter:drop-shadow(0 0 5px #54f0b0b3);border-style:solid;border-color:#54f0b0;width:28px;height:28px;position:absolute}.guide-corner.top-left{border-width:4px 0 0 4px;border-radius:6px 0 0;top:-2px;left:-2px}.guide-corner.top-right{border-width:4px 4px 0 0;border-radius:0 6px 0 0;top:-2px;right:-2px}.guide-corner.bottom-left{border-width:0 0 4px 4px;border-radius:0 0 0 6px;bottom:-2px;left:-2px}.guide-corner.bottom-right{border-width:0 4px 4px 0;border-radius:0 0 6px;bottom:-2px;right:-2px}.scanner-guide-label{color:#baf9de;letter-spacing:2px;text-align:center;font-size:10px;position:absolute;bottom:-30px;left:0;right:0}.scanner-crosshair{z-index:1;pointer-events:none;background:#fffc;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scanner-bottom{padding:14px 20px max(22px, env(safe-area-inset-bottom));text-align:center}.scanner-bottom>p{color:#b7c7d2;margin:0 0 12px;font-size:12px}.scanner-bottom .live-colour-analysis{color:#162b3b;text-align:left;max-width:440px;margin:0 auto 12px}.scanner-capture{color:#06251a;cursor:pointer;background:#27d99a;border:0;border-radius:40px;justify-content:center;align-items:center;gap:12px;width:100%;max-width:360px;min-height:58px;margin:0 auto;padding:12px 20px;font-size:16px;font-weight:700;display:flex}.scanner-capture-inner{background:#06251a;border:3px solid #06251a;border-radius:50%;width:23px;height:23px;box-shadow:inset 0 0 0 3px #27d99a}.scanner-secondary{color:#b8c9d4;cursor:pointer;background:0 0;border:0;margin:12px auto 0;padding:10px 18px;font-size:14px;display:block}.scanner-processing,.scanner-review{padding:24px 18px max(24px, env(safe-area-inset-bottom));flex-direction:column;flex:1;justify-content:center;align-items:center;gap:26px;display:flex}.scanner-processing-image,.scanner-review-image{background:#10202c;border:1px solid #314858;border-radius:16px;width:100%;max-width:560px;position:relative;overflow:hidden}.scanner-processing-image img,.scanner-review-image img{object-fit:contain;width:100%;max-height:38vh;display:block}.scanner-laser{pointer-events:none;background:#51ffb2;height:3px;animation:1.5s ease-in-out infinite alternate fluoride-scan-sweep;position:absolute;top:0;left:0;right:0;box-shadow:0 0 10px 3px #51ffb2cc,0 0 35px 10px #51ffb24d}.scanner-processing-image:after{content:"";pointer-events:none;background:linear-gradient(#0000 40%,#27d99a1a 50%,#0000 60%);animation:1.5s linear infinite fluoride-scan-glow;position:absolute;inset:0}.scanner-processing-badge{z-index:1;color:#70ffc0;letter-spacing:2px;background:#07111bd9;border:1px solid #51ffb280;border-radius:6px;padding:7px 10px;font-size:10px;position:absolute;bottom:12px;right:12px}.scanner-processing-text,.scanner-review-content{text-align:center;width:100%}.scanner-spinner{border:3px solid #294638;border-top-color:#27d99a;border-radius:50%;width:34px;height:34px;margin:0 auto 18px;animation:.8s linear infinite fluoride-spinner}.scanner-progress{background:#243744;border-radius:10px;width:min(100%,300px);height:4px;margin:22px auto 0;overflow:hidden}.scanner-progress span{border-radius:inherit;background:#27d99a;width:40%;height:100%;animation:2.2s ease-in-out infinite fluoride-progress;display:block}.scanner-success-icon{color:#72f5ba;background:#164e3b;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 16px;font-size:28px;display:grid}.scanner-review-button{margin-top:24px}@keyframes fluoride-scan-sweep{0%{top:0}to{top:calc(100% - 3px)}}@keyframes fluoride-scan-glow{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes fluoride-spinner{to{transform:rotate(360deg)}}@keyframes fluoride-progress{0%{transform:translate(-110%)}to{transform:translate(260%)}}@media (width<=480px){.scanner-topbar{padding-left:14px;padding-right:14px}.scanner-instructions{padding:8px 18px 16px}.scanner-instructions h2{font-size:21px}.scanner-viewfinder{min-height:200px;margin-left:8px;margin-right:8px}.scanner-guide{width:86%}.scanner-bottom{padding-left:14px;padding-right:14px}}@media (prefers-reduced-motion:reduce){.scanner-laser,.scanner-processing-image:after,.scanner-spinner,.scanner-progress span{animation-duration:4s}}.contour-status{color:#c5d6df;text-align:center;justify-content:center;align-items:center;gap:8px;margin:10px 0;font-size:12px;display:flex}.contour-status-dot{background:#eab308;border-radius:50%;flex:0 0 8px;width:8px;height:8px}.contour-status-dot.detected{background:#27d99a;box-shadow:0 0 8px #27d99aa6}.scanner-detection-label{z-index:3;color:#72f5ba;white-space:nowrap;background:#07111be6;border:1px solid #27d99a;border-radius:20px;padding:7px 12px;font-size:12px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.scanner-guide{box-sizing:border-box;pointer-events:none;z-index:2;border:2px solid #00e676;border-radius:6px;width:16%;height:24%;position:absolute;top:50%;left:78%;transform:translate(-50%,-50%)}.scanner-controls{flex-direction:column;align-items:stretch;gap:12px;width:100%;display:flex}.scanner-controls .button-outline{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:10px;display:block;box-sizing:border-box!important;color:#1f2937!important;background-color:#fff!important;border:1px solid #d1d5db!important;border-radius:10px!important;flex-shrink:0!important;width:100%!important;min-width:100%!important;height:50px!important;padding:0 16px!important;font-size:16px!important;font-weight:600!important;line-height:normal!important}.hero-app{isolation:isolate;box-sizing:border-box;color:#fff;background:#052d68;flex-direction:column;justify-content:space-between;min-height:min(900px,100svh);padding:24px clamp(20px,5vw,64px) 18px;display:flex;position:relative;overflow:hidden}.hero-app .hero-video{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-app .hero-overlay{z-index:-1;background:radial-gradient(circle at 50% 32%,#1879d733,#0000 44%),linear-gradient(#031c4dad 0%,#043477c2 45%,#00536fe6 100%);position:absolute;inset:0}.hero-app-top{justify-content:space-between;align-items:center;gap:14px;width:100%;max-width:1100px;margin:0 auto;display:flex}.hero-app-brand{align-items:center;gap:11px;display:flex}.hero-app-logo{background:#ffffff21;border:1px solid #ffffff4d;border-radius:14px;place-items:center;width:42px;height:42px;font-size:25px;display:grid}.hero-app-brand strong,.hero-app-brand small{display:block}.hero-app-brand strong{letter-spacing:-.3px;font-size:15px}.hero-app-brand small{color:#a9e5ff;letter-spacing:1.4px;margin-top:4px;font-size:9px;font-weight:700}.hero-live-status{letter-spacing:.8px;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;align-items:center;gap:7px;padding:9px 11px;font-size:9px;font-weight:700;display:flex}.hero-live-status>span{background:#64e7d2;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #64e7d2b3}.hero-app-content{text-align:center;width:100%;max-width:440px;margin:22px auto}.hero-app-symbol{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff26;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:74px;height:74px;margin:0 auto 20px;display:grid;box-shadow:0 12px 40px #000f3226}.hero-app-symbol svg{width:39px;height:39px}.hero-app-eyebrow{color:#a7e9ff;letter-spacing:1.7px;margin:0 0 12px;font-size:10px;font-weight:800;line-height:1.6}.hero-app h1{color:#fff;letter-spacing:-2.4px;margin:0;font-size:clamp(42px,7vw,64px);font-weight:800;line-height:1.03}.hero-app h1 span{color:#a8eaff}.hero-app-subtitle{color:#ffffffe6;max-width:330px;margin:14px auto 24px;font-size:14px;line-height:1.6}.hero-app-card{-webkit-backdrop-filter:blur(20px);text-align:left;background:#ffffff21;border:1px solid #ffffff3d;border-radius:25px;padding:22px;box-shadow:0 22px 60px #00143630}.hero-app-card-heading{align-items:center;gap:12px;margin-bottom:17px;display:flex}.hero-app-card-icon{color:#b9efff;background:#8be2ff2e;border-radius:14px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:25px;display:grid}.hero-app-card h2{color:#fff;margin:0;font-size:16px;line-height:1.4}.hero-app-card-heading p{color:#ffffffba;margin:4px 0 0;font-size:12px}.hero-app-features{gap:0;margin-bottom:17px;display:grid}.hero-app-features>div{border-bottom:1px solid #ffffff1c;align-items:center;gap:11px;min-height:42px;display:flex}.hero-app-features>div>span:first-child{color:#a8eaff;font-size:10px;font-weight:800}.hero-app-features p{color:#fffffff2;flex:1;margin:0;font-size:12px}.hero-feature-check{color:#8cebd9;font-size:14px}.hero-app-start{color:#06468a;width:100%;min-height:52px;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:15px;justify-content:center;align-items:center;gap:12px;padding:12px 18px;font-size:15px;font-weight:800;transition:transform .18s,background .18s;display:flex}.hero-app-start:hover{background:#e9f8ff;transform:translateY(-2px)}.hero-app-start span{font-size:21px}.hero-app-note{color:#ffffffb8;text-align:center;margin:13px 0 0;font-size:10px;line-height:1.5}.hero-app-bottom{color:#ffffffbf;letter-spacing:1.3px;justify-content:center;align-items:center;gap:10px;font-size:9px;font-weight:700;display:flex}.hero-bottom-dot{color:#a8eaff}@media (width>=800px){.hero-app{min-height:min(850px,100svh)}.hero-app-content{max-width:480px}.hero-app-card{padding:25px}}@media (width<=420px){.hero-app{min-height:100svh;padding:17px 16px 14px}.hero-app-logo{width:36px;height:36px}.hero-app-brand strong{font-size:13px}.hero-live-status{letter-spacing:.3px;padding:8px;font-size:8px}.hero-app-content{margin:14px auto}.hero-app-symbol{width:58px;height:58px;margin-bottom:14px}.hero-app-symbol svg{width:31px;height:31px}.hero-app h1{letter-spacing:-1.6px;font-size:clamp(39px,11vw,48px)}.hero-app-subtitle{margin:10px auto 17px;font-size:12px}.hero-app-card{border-radius:21px;padding:17px}.hero-app-card h2{font-size:14px}.hero-app-features>div{min-height:37px}.hero-app-features p{font-size:11px}.hero-app-start{min-height:48px}.hero-app-note{font-size:9px}.hero-app-bottom{letter-spacing:.8px;font-size:8px}}@media (height<=740px){.hero-app{min-height:max(740px,100svh)}.hero-app-symbol{width:52px;height:52px;margin-bottom:10px}.hero-app-symbol svg{width:29px;height:29px}.hero-app-subtitle{margin:9px auto 13px}.hero-app-card{padding:15px}.hero-app-features>div{min-height:34px}.hero-app-note{margin-top:9px}}@media (prefers-reduced-motion:reduce){.hero-app-start{transition:none}}.hero-app-logo{object-fit:contain;background:0 0;border:none;border-radius:0;flex-shrink:0;width:42px;height:42px;padding:0;display:block}.bottom-navigation{-webkit-backdrop-filter:blur(18px);border-top:1px solid #ffffff29;box-shadow:0 -8px 28px #00143c26;background:#052d68d1!important}.bottom-navigation button{color:#ffffffc2}.bottom-navigation button.active,.bottom-navigation button[aria-current=page]{color:#fff}.bottom-navigation button{transition:color .18s,background .18s}.bottom-navigation{z-index:1000;width:auto;padding:10px 8px;padding-bottom:max(10px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(22px);background:#052d68d1;border:1px solid #ffffff2e;border-radius:24px;justify-content:space-around;align-items:center;gap:6px;display:flex;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 8px 30px #00143c38,inset 0 1px #ffffff1a}.bottom-navigation button{color:#ffffffb8;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:17px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:54px;padding:7px 3px;font-size:11px;font-weight:500;line-height:1.2;transition:background .2s,color .2s,transform .2s;display:flex}.bottom-navigation button svg,.bottom-navigation button .icon{flex-shrink:0;width:22px;height:22px;transition:transform .2s}.bottom-navigation button.active,.bottom-navigation button[aria-current=page]{color:#fff;background:#ffffff2b;font-weight:700;box-shadow:inset 0 0 0 1px #ffffff1a}.bottom-navigation button.active svg,.bottom-navigation button[aria-current=page] svg{transform:translateY(-1px)}.bottom-navigation button:active{transform:scale(.95)}body{padding-bottom:85px}@media (width<=480px){.bottom-navigation{border-radius:22px;padding:8px 6px;bottom:10px;left:10px;right:10px}.bottom-navigation button{gap:4px;min-height:50px;font-size:10px}.bottom-navigation button svg,.bottom-navigation button .icon{width:21px;height:21px}}.hero-center-logo{object-fit:contain;border-radius:0;width:100%;height:100%;display:block}.hero-app-symbol{-webkit-backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:24px;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 20px;padding:8px;display:flex}.welcome-screen{z-index:99999;background:#fff;flex-direction:column;justify-content:center;align-items:center;animation:.35s ease-out both welcomeFadeIn;display:flex;position:fixed;inset:0;overflow:hidden}.welcome-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;animation:.6s ease-out both welcomeContentIn;display:flex}.welcome-logo{object-fit:contain;width:135px;height:135px;margin-bottom:22px;display:block}.welcome-title{color:#1769aa;letter-spacing:-1px;margin:0;font-size:clamp(25px,6vw,34px);font-weight:800}.welcome-subtitle{color:#64748b;letter-spacing:1.5px;margin:12px 0 30px;font-size:10px;font-weight:700}.welcome-loader{background:#dbeafe;border-radius:10px;width:34px;height:4px;position:relative;overflow:hidden}.welcome-loader:after{content:"";border-radius:inherit;background:#1769aa;width:45%;animation:1s ease-in-out infinite alternate welcomeLoading;position:absolute;inset:0}.welcome-footer{text-align:center;color:#94a3b8;letter-spacing:2px;margin:0;font-size:10px;font-weight:700;position:absolute;bottom:32px;left:16px;right:16px}@keyframes welcomeFadeIn{0%{opacity:0}to{opacity:1}}@keyframes welcomeContentIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes welcomeLoading{0%{transform:translate(0)}to{transform:translate(125%)}}@media (prefers-reduced-motion:reduce){.welcome-screen,.welcome-content,.welcome-loader:after{animation:none}}.fluoride-result{border:1px solid #0000;border-radius:16px;margin:18px 0;padding:18px}.fluoride-result h2{margin:0 0 8px;font-size:21px}.fluoride-result p{margin:6px 0;line-height:1.5}.fluoride-none{color:#176b3a;background:#e8f5ed;border-color:#b5dfc4}.fluoride-low{color:#8a5700;background:#fff5df;border-color:#f0d28a}.fluoride-high{color:#a51f1f;background:#fdeaea;border-color:#efb6b6}.fluoride-uncertain{color:#334155;background:#edf2f7;border-color:#cbd5e1}.colour-analysis-details{margin:16px 0}.fluoride-result-screen{text-align:center;color:#172b3b;background:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:35px 22px;display:flex}.fluoride-result-screen h1{margin:20px 0 10px;font-size:clamp(27px,6vw,36px);font-weight:800}.fluoride-result-screen>p{color:#64748b;max-width:340px;line-height:1.6}.result-icon{border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:55px;font-weight:800;display:flex}.result-none{color:#1685cf;background:#e4f2ff}.result-invalid{color:#c27a12;background:#fff1d9}.result-reference{color:#475569;background:#f1f5f9;border-radius:12px;margin:14px 0;padding:12px 18px}.result-image{background:#f1f5f9;border-radius:16px;width:150px;height:150px;margin:22px 0;overflow:hidden}.result-image img{object-fit:contain;width:100%;height:100%}.result-action{width:100%;max-width:340px;margin-top:15px}.result-disclaimer{margin-top:25px;font-size:12px}.scanner-viewfinder{background:#101820}.scanner-guide{z-index:3;background:0 0;border:2px solid #fff;border-radius:14px;width:min(88%,380px);height:145px;max-height:32%}.scanner-guide-label{white-space:nowrap;letter-spacing:1px;color:#fff;background:#000000a6;border-radius:20px;padding:5px 10px;font-size:10px;font-weight:800;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.scanner-video{object-fit:cover}.result-reference{text-align:center;background:#ffffff14;border-radius:12px;max-width:320px;margin:18px auto;padding:14px}.result-reference strong{display:block}.scanner-guide{z-index:3;background:0 0;border:2px solid #fff;border-radius:14px;width:min(88%,380px);height:145px;position:absolute}.result-concentration{text-align:center;color:#1478c9;letter-spacing:-1px;margin:18px 0;font-size:42px;font-weight:800}.result-reference{text-align:center}.result-reference p{line-height:1.6}.result-detected{color:#d65b28;background:#fff0e9}.clean-result{text-align:center;width:100%;padding:35px 12px 20px}.clean-result h1{text-align:center;margin:0;font-size:clamp(23px,6vw,32px);font-weight:900;line-height:1.25}.clean-result-level{color:#89939e;text-align:center;margin-top:12px;font-size:14px;font-weight:500}.result-brand{color:#163b66;letter-spacing:1.5px;justify-content:center;align-items:center;gap:10px;margin-bottom:45px;font-size:14px;font-weight:800;display:flex}.result-brand-icon{font-size:28px}.clean-result{text-align:center;width:100%;max-width:480px;margin:0 auto}.clean-result h1{letter-spacing:-1px;margin:0;font-size:clamp(27px,6vw,42px);font-weight:900;line-height:1.2}.clean-result-negative{color:#16a34a}.clean-result-positive{color:#dc2626}.clean-result-message{color:#475569;max-width:380px;margin:20px auto 0;font-size:16px;line-height:1.7}.result-actions{flex-direction:column;gap:12px;width:100%;max-width:380px;margin:55px auto 0;display:flex}.result-actions button{width:100%}.fluoride-result-screen{background:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 90px);padding:30px 22px;display:flex}.hero-app-actions .hero-app-detect{border-radius:12px;justify-content:center;align-items:center;gap:12px;min-height:32px;padding:14px 22px;font-size:15px;font-weight:600;display:flex;box-shadow:0 3px 12px #0000001f;color:#052d61!important;background:#fff!important;border:1px solid #fff!important}.hero-app-actions .hero-app-detect span{font-size:20px;color:#052d61!important}.hero-app-actions .hero-app-detect:hover{background:#f1f6fc!important}.hero-app-actions{gap:14px;width:100%;display:flex}.hero-app-actions .hero-app-start,.hero-app-actions .hero-app-detect{box-sizing:border-box;white-space:nowrap;flex:1;width:50%;min-width:0}.manual-match-toggle{color:#052d61;cursor:pointer;background:#f3f8fd;border:1px solid #cbd9e8;border-radius:12px;justify-content:space-between;align-items:center;width:100%;margin-top:12px;padding:15px;font-weight:700;display:flex}.manual-match-panel{background:#f7faff;border:1px solid #dce7f2;border-radius:14px;margin-top:15px;padding:18px}.manual-match-panel h3{color:#052d61;margin:0 0 8px}.manual-match-panel p{color:#60748a;font-size:13px;line-height:1.5}.manual-colour-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px;display:grid}.manual-colour-option{cursor:pointer;color:#052d61;background:#fff;border:2px solid #e0e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:12px 5px;display:flex}.manual-colour-option.selected{background:#edf5ff;border-color:#07539b}.manual-colour-swatch{border:1px solid #0000001f;border-radius:8px;width:42px;height:42px}.manual-colour-option strong{font-size:13px}.manual-colour-option small{text-align:center;font-size:10px}.manual-match-result{color:#052d61;background:#fff;border-radius:10px;margin-top:16px;padding:12px}.manual-match-result button{color:#07539b;cursor:pointer;background:0 0;border:none;font-weight:600}.manual-match-note{color:#64748b;margin-top:14px;font-size:12px;line-height:1.5}@media (width<=420px){.manual-colour-grid{gap:6px}.manual-colour-option{padding:10px 3px}.manual-colour-option strong{font-size:11px}.manual-colour-option small{font-size:9px}}.footer-partners{text-align:center;margin:24px auto}.footer-partners>p{letter-spacing:1.5px;opacity:.65;margin-bottom:16px;font-size:10px;font-weight:700}.footer-partner-logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:35px;display:flex}.footer-partner-logos img{object-fit:contain;width:125px;height:65px}@media (width<=480px){.footer-partner-logos{gap:20px}.footer-partner-logos img{width:105px;height:55px}}