:root{--navy:#071a3b;--teal:#00d2bd;--ink:#071a30;--muted:#647080;--paper:#f7f5f0;--line:#dde2e4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:160px}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.5;font-size:15px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #008d83;outline-offset:4px}.wrap{width:min(1320px,calc(100% - 88px));margin:auto}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;z-index:99;padding:15px}.topbar{background:var(--navy);color:white;padding:9px 44px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em}.topbar a{letter-spacing:0;font-size:11px}header{background:#ffffffed;position:sticky;top:0;z-index:30;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-main{height:104px;display:flex;align-items:center;gap:60px}.brand{display:flex;align-items:center;gap:16px;flex-shrink:0}.brand img{width:92px;height:70px;object-fit:contain}.brand>span{font-size:12px;font-weight:700;letter-spacing:.13em;border-left:1px solid #cbd4d9;padding-left:15px}.brand>span>span{display:block;font-size:8px;font-weight:400;letter-spacing:.17em;margin-top:5px}.search{background:#f4f5f5;border:1px solid #e8ebec;border-radius:7px;display:flex;align-items:center;gap:13px;padding:12px 15px;flex:1}.search svg{width:20px;fill:none;stroke:var(--navy);stroke-width:1.5}.search input{width:100%;border:0;outline:none;background:none;font-size:13px;min-width:0}.search kbd{color:#8e989e}.header-actions{display:flex;gap:28px}.header-actions button{font-size:26px;position:relative}.header-actions small{display:block;font-size:10px;white-space:nowrap}.bag-icon b{font-size:9px;position:absolute;right:14px;top:1px;border-radius:20px;background:var(--teal);padding:1px 5px}.bag-icon{font-size:26px}nav{display:flex;gap:29px;align-items:center;white-space:nowrap;height:49px;overflow:auto;scrollbar-width:none}nav a,nav button{font-size:12px;padding:15px 0}.nav-link.active{box-shadow:inset 0 -2px var(--teal);font-weight:700}.nav-explain{margin-left:auto;color:#586575}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:615px;background:var(--paper);margin-top:24px;border-radius:12px;overflow:hidden;position:relative}.hero-copy{padding:56px 0 30px 50px;z-index:2}.eyebrow{display:block;font-size:10px;letter-spacing:.15em;font-weight:700;color:#007e73;margin-bottom:22px}.eyebrow i,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);margin-right:7px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,4.5vw,65px);font-weight:500;line-height:1.03;letter-spacing:-.065em;margin-bottom:24px}em{font-family:Georgia,serif;color:#008c82;font-weight:400}h1 em{font-size:1.04em;letter-spacing:-.055em}.hero-copy>p{color:#606c78;font-size:15px;line-height:1.7}.hero-buttons{display:flex;gap:20px;align-items:center;margin-top:30px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;background:var(--navy);color:#fff;padding:16px 22px;border-radius:5px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#10446b;transform:translateY(-2px)}.button span{font-size:18px}.text-button{font-size:12px;padding:0;display:inline-flex;gap:15px;align-items:center}.text-button:hover{color:#008c82}.hero-foot{display:flex;align-items:center;gap:13px;margin-top:45px;font-size:8px;letter-spacing:.12em;font-weight:700}.line{width:35px;height:1px;background:#bfc8c7}.hero-art{position:relative;min-width:0;isolation:isolate}.orb{position:absolute;border-radius:50%;z-index:-1}.orb-one{height:440px;width:440px;background:#cceee6;left:35px;top:80px}.orb-two{height:520px;width:520px;left:-5px;top:40px;border:1px solid #c3ddd6}.phone-back,.phone-front{position:absolute;width:300px;height:445px;object-fit:contain;filter:drop-shadow(10px 22px 20px #08244026);animation:float 7s ease-in-out infinite}.phone-back{left:15px;top:74px;transform:rotate(-16deg)}.phone-front{left:185px;top:106px;transform:rotate(12deg);animation-delay:-3s}.orbit-label{position:absolute;right:28px;top:36px;font-size:11px;line-height:1.6;letter-spacing:.12em;color:#647c77}.orbit-label strong{color:#008c82}.floating-tag{position:absolute;bottom:94px;left:4px;background:#fffef9ef;box-shadow:0 8px 30px #071a3010;backdrop-filter:blur(10px);border:1px solid #fff;border-radius:9px;padding:15px 19px 15px 63px;font-size:12px;line-height:1.6}.floating-tag>span{position:absolute;left:19px;top:17px;font-size:30px;color:#008c82}.floating-tag strong{font-weight:600}.art-caption{position:absolute;bottom:35px;right:37px;font-size:8px;letter-spacing:.18em;color:#426661}.principles{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0;border-bottom:1px solid var(--line);gap:20px}.principles>div{display:flex;gap:15px;align-items:center;padding-left:20px;border-left:1px solid var(--line)}.principles>div:first-child{padding:0;border:0}.principles span{font-family:Georgia,serif;font-size:20px;color:#008c82}.principles p{margin:0;font-size:11px;color:var(--muted)}.principles strong{display:block;color:var(--ink);font-size:12px;margin-top:3px;font-weight:500}.section{padding-top:80px;padding-bottom:80px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.section-head .eyebrow{margin-bottom:12px}h2{font-size:clamp(31px,3vw,44px);line-height:1.12;font-weight:500;letter-spacing:-.055em;margin-bottom:0}.section-head p{font-size:13px;color:var(--muted);margin:0}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.category{text-align:left;padding:0}.category>div{height:175px;background:#f3f5f4;border:1px solid transparent;border-radius:9px;display:grid;place-items:center;transition:background .2s,border .2s}.category.selected>div,.category:hover>div{background:#e2f5ef;border-color:#bce7da}.category img{width:135px;height:140px;object-fit:contain;transition:transform .3s}.category:hover img{transform:scale(1.08)}.category span{display:block;font-weight:600;margin-top:15px;font-size:14px}.category b{float:right;font-weight:400}.category small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.catalog-section{background:#f6f7f8}.demo-note{background:#ecf1f2;border-radius:5px;padding:10px 14px;font-size:11px;color:#455965;margin-bottom:24px}.demo-note>span:last-child{color:#657582}.catalog-tools{display:flex;justify-content:space-between;align-items:center;gap:15px}.pills{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:9px 20px;font-size:12px;border:1px solid #d7dfe2;border-radius:30px;background:transparent}.pill.active{background:var(--navy);border-color:var(--navy);color:white}.sort{display:flex;gap:10px;align-items:center;font-size:11px}.sort select{font-size:12px;background:white;border:1px solid var(--line);border-radius:4px;padding:9px}.filter-row{display:flex;gap:20px;align-items:center;margin:23px 0;font-size:11px}.filter-row label{display:flex;align-items:center;gap:10px}.filter-row select,.filter-row input{padding:7px 10px;background:white;border:1px solid var(--line);border-radius:4px;font-size:11px;max-width:200px}.filter-row>span{margin-left:auto;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{position:relative;background:white;border:1px solid #e8edee;border-radius:9px;overflow:hidden;transition:transform .25s,box-shadow .25s}.product:hover{transform:translateY(-5px);box-shadow:0 15px 30px #071a300b}.product-tag{position:absolute;left:17px;top:16px;font-size:9px;padding:4px 8px;background:#e7f6ef;border-radius:3px;color:#007b65;z-index:2}.favorite{position:absolute;right:12px;top:9px;font-size:27px;z-index:2}.favorite.saved{color:#008c82}.product-image{width:100%;display:grid;place-items:center;padding:35px 15px 10px;height:235px}.product-image img{width:190px;height:190px;object-fit:contain;transition:transform .25s}.product-image:hover img{transform:scale(1.05)}.product-body{padding:12px 20px 20px}.brand-label{font-size:9px;letter-spacing:.12em;color:var(--muted)}.product h3{font-size:19px;font-weight:500;letter-spacing:-.035em;margin:4px 0 7px}.product-specs{font-size:11px;color:#6b7782}.swatches{display:flex;gap:5px;margin:12px 0}.swatches i{width:10px;height:10px;border-radius:50%;border:1px solid #ccd5dc}.product-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0f1;padding-top:13px;margin-top:13px}.product-bottom p{font-size:12px;margin:0}.product-bottom small{display:block;font-size:9px;color:var(--muted)}.round-button{border:1px solid #d3dce0;border-radius:50%;width:33px;height:33px;font-size:19px}.round-button:hover{background:var(--navy);color:white}.catalog-bottom{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:35px}.catalog-bottom p{font-size:12px;color:var(--muted);margin:0}.finder{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:450px}.finder h2{font-size:54px;margin-bottom:25px}.finder p{max-width:360px;font-size:14px;color:var(--muted);line-height:1.7}.finder-visual{position:relative;height:340px;display:grid;place-items:center}.finder-circle{position:absolute;border-radius:50%;width:300px;height:300px;background:#f1eae5}.finder-visual img{position:relative;width:260px;height:320px;object-fit:contain;transform:rotate(13deg)}.finder-chip{position:absolute;background:#fff;border:1px solid #e8edee;padding:12px 20px;border-radius:30px;font-size:12px;box-shadow:0 5px 25px #071a3009}.chip1{top:50px;left:25px}.chip2{right:15px;top:165px}.chip3{left:40px;bottom:30px}.story{background:var(--navy);color:#fff}.story .eyebrow{color:var(--teal)}.story .section-head p{color:#abb7c8}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.story-grid article{border-top:1px solid #29405a;padding-top:30px}.story-icon{color:var(--teal);font-size:34px}.story h3{font-size:24px;font-weight:400;margin:16px 0 12px;letter-spacing:-.04em}.story-grid p{font-size:13px;color:#aeb9cb;line-height:1.8}.grades{display:grid;grid-template-columns:1fr 1fr;gap:70px}.grades>div>p{max-width:360px;font-size:13px;color:var(--muted);margin-top:25px;line-height:1.8}.grade-tabs{align-self:center}#grade-panel{display:flex;gap:24px;margin:25px 0 30px;background:#f4f6f5;border-radius:10px;padding:30px;min-height:160px}.grade-letter{font-family:Georgia;font-size:70px;line-height:1;color:#008c82}#grade-panel h3{font-size:22px;font-weight:500;margin:0 0 10px}#grade-panel p{font-size:13px;color:var(--muted);margin:0}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.faq h2{margin-bottom:30px}.faq details{border-bottom:1px solid var(--line)}.faq summary{padding:22px 30px 22px 0;list-style:none;cursor:pointer;font-size:14px;position:relative}.faq summary:after{content:'+';position:absolute;right:5px;font-size:21px;top:16px;font-weight:300}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;color:var(--muted);padding-right:30px;line-height:1.8}.contact-banner{background:#ddf5ed;padding:65px 0}.contact-banner>.wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-banner a{font-size:22px;border-bottom:1px solid #a5c9bf;padding-bottom:14px}.contact-banner a span{margin-left:30px}.footer-top{display:grid;grid-template-columns:1.3fr 1.1fr .8fr .8fr;gap:30px;padding:55px 0}.footer-top .brand img{width:70px}.footer-top .brand>span{font-size:9px}.footer-top .brand>span>span{font-size:6px}.footer-top p,.footer-top>div{font-size:11px;color:var(--muted)}.footer-top>div{display:flex;flex-direction:column;gap:10px;align-items:start}.footer-top .text-button{font-size:11px}.legal{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:25px 0;font-size:9px;color:#6c7883;line-height:1.9}.legal p{margin:0}dialog{border:0;border-radius:15px;padding:45px;max-width:min(880px,calc(100% - 30px));width:760px;color:var(--ink);box-shadow:0 25px 100px #071a3033;max-height:90dvh}dialog::backdrop{background:#071a3080;backdrop-filter:blur(5px)}.close{position:absolute;right:16px;top:10px;font-size:30px}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.modal-grid>img{width:100%;height:330px;object-fit:contain}.modal-grid h2{font-size:32px;margin:5px 0 18px}.modal-grid select{width:100%;border:1px solid var(--line);padding:10px;border-radius:5px;margin:5px 0 12px;font-size:13px}.modal-grid label{font-size:11px;display:block}.modal-grid .button{width:100%;margin-top:15px}.modal-copy{font-size:13px;color:var(--muted);line-height:1.7}.modal-note{font-size:11px;background:#eef5f2;border-radius:5px;padding:10px}.selection-list{padding:0;list-style:none;margin:20px 0}.selection-list li{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.selection-list img{width:55px;height:60px;object-fit:contain}.selection-list button{margin-left:auto;font-size:20px}.selection-list small{display:block;color:var(--muted)}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.quiz-option{text-align:left;border:1px solid var(--line);padding:20px;border-radius:8px;font-size:14px}.quiz-option:hover{background:#e8f7f1;border-color:#70cdb8}.quiz-option small{display:block;color:var(--muted);font-size:11px;margin-top:7px}.quiz-step{font-size:10px;letter-spacing:.15em;color:#008c82;margin-bottom:15px}.quiz-result{margin-top:20px}.quiz-result img{height:160px;object-fit:contain;margin:auto}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:99;background:var(--navy);color:#fff;padding:13px 23px;border-radius:8px;font-size:12px;transition:.3s;max-width:90%;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}.empty{grid-column:1/-1;text-align:center;padding:50px;font-size:14px;color:var(--muted)}@keyframes float{50%{translate:0 -10px}}@media(min-width:1600px){.hero{min-height:650px}.hero-art{transform:scale(1.05);transform-origin:center}}@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.header-main{gap:25px}.brand img{width:75px}.brand>span{font-size:10px}.header-actions{gap:12px}nav{gap:20px}.hero-copy{padding:45px 0 25px 32px}.hero{min-height:545px}.hero-buttons{gap:14px;align-items:start;flex-direction:column}.hero-foot{margin-top:25px}.orb-one{width:340px;height:340px;left:10px}.orb-two{width:400px;height:400px;left:-20px}.phone-back{width:250px;height:360px;left:-5px;top:85px}.phone-front{width:250px;height:360px;left:120px;top:110px}.floating-tag{bottom:55px;left:0}.art-caption{bottom:20px}.product-grid{gap:12px}.product-image{height:210px}.product-image img{height:170px}.product-body{padding:10px 15px 17px}.footer-top{grid-template-columns:1fr 1fr}.principles>div{gap:9px;padding-left:10px}.principles strong{font-size:10px}.finder-chip{padding:10px 12px}.chip1{left:-10px}.chip2{right:-5px}}@media(max-width:760px){html{scroll-padding-top:172px}.wrap{width:calc(100% - 32px)}.topbar{padding:8px 16px;font-size:8px}.topbar a{font-size:9px}.header-main{height:auto;min-height:100px;flex-wrap:wrap;gap:10px;padding-top:10px;padding-bottom:10px}.brand img{width:63px;height:45px}.brand>span{font-size:9px;padding-left:10px}.brand{gap:10px}.brand>span>span{font-size:6px}.header-actions{margin-left:auto;gap:10px}.header-actions button{font-size:23px}.header-actions small{font-size:8px}.search{order:3;flex:1 0 100%;padding:8px 12px}.search input{font-size:12px}nav{height:40px;gap:25px}nav button,nav a{font-size:11px;padding:11px 0}.nav-explain{display:none}.hero{grid-template-columns:1fr;margin-top:14px;min-height:0}.hero-copy{padding:32px 25px 0}.eyebrow{font-size:8px;margin-bottom:18px}h1{font-size:47px}.hero-copy>p{font-size:13px}.hero-buttons{flex-direction:row;align-items:center;gap:18px;margin-top:22px}.button{font-size:11px;padding:13px 16px;gap:15px}.hero-buttons .text-button{font-size:10px;gap:7px}.hero-foot{font-size:6px;margin-top:25px;gap:10px}.hero-art{height:340px;margin-top:5px;overflow:hidden}.orb-one{width:280px;height:280px;top:25px;left:calc(50% - 140px)}.orb-two{width:320px;height:320px;top:5px;left:calc(50% - 160px)}.phone-back{height:300px;width:220px;top:15px;left:calc(50% - 155px)}.phone-front{height:300px;width:220px;top:30px;left:calc(50% - 50px)}.floating-tag{left:18px;bottom:28px;padding:10px 15px 10px 48px;font-size:10px}.floating-tag>span{font-size:25px;top:9px;left:13px}.orbit-label{font-size:8px;right:18px;top:25px}.art-caption{font-size:6px;right:18px;bottom:12px}.principles{grid-template-columns:1fr 1fr;gap:20px 10px;padding:23px 0}.principles>div{border:0;padding:0;gap:10px}.principles p{font-size:9px}.principles strong{font-size:10px}.principles span{font-size:17px}.section{padding-top:48px;padding-bottom:48px}.section-head{align-items:start;gap:15px}.section-head>.text-button{font-size:10px;white-space:nowrap;margin-top:25px}.section-head p{display:none}h2{font-size:29px}.category-grid{display:flex;overflow:auto;gap:12px;padding-bottom:8px}.category{min-width:138px;flex:1}.category>div{height:135px}.category img{width:110px;height:110px}.category span{font-size:12px}.category small{font-size:9px}.demo-note{font-size:10px;line-height:1.7}.demo-note>span:last-child{display:block}.catalog-tools{align-items:start}.pill{font-size:10px;padding:8px 13px}.sort{font-size:0}.sort select{font-size:10px;width:110px;padding:8px 3px}.filter-row{flex-wrap:wrap;gap:12px;margin:18px 0}.filter-row label{font-size:0;flex:1}.filter-row select,.filter-row input{font-size:10px;width:100%;max-width:none;min-width:0}.filter-row .text-button{font-size:10px}.filter-row>span{font-size:10px}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product-image{height:180px;padding:30px 5px 0}.product-image img{height:145px;width:145px}.product-tag{font-size:7px;left:10px;top:12px;padding:3px 6px}.favorite{font-size:24px;right:5px;top:5px}.product-body{padding:10px 12px 15px}.product h3{font-size:17px}.product-specs{font-size:9px}.brand-label{font-size:8px}.product-bottom p{font-size:10px}.product-bottom small{font-size:8px}.round-button{width:28px;height:28px;font-size:16px}.catalog-bottom{gap:10px;flex-direction:column}.catalog-bottom p,.catalog-bottom .text-button{font-size:11px}.finder{grid-template-columns:1fr}.finder h2{font-size:42px}.finder-visual{height:290px;margin-top:20px}.finder-circle{height:250px;width:250px}.finder-visual img{height:270px}.chip1{left:10px}.chip2{right:0}.story-grid{grid-template-columns:1fr;gap:15px;margin-top:30px}.story-grid article{padding-top:20px}.story h3{font-size:23px}.story-grid p{font-size:13px}.grades{grid-template-columns:1fr;gap:25px}.grades h2 br:last-child{display:none}.grades>div>p{max-width:none}.faq{grid-template-columns:1fr;gap:25px}.faq h2 br{display:none}.faq summary{font-size:13px}.contact-banner{padding:40px 0}.contact-banner>.wrap{flex-direction:column;align-items:start;gap:30px}.contact-banner a{font-size:17px}.footer-top{padding:35px 0;gap:20px}.footer-top .brand img{width:55px}.footer-top .brand>span{font-size:7px}.footer-top .brand>span>span{font-size:5px}.footer-top p{font-size:10px}.legal{flex-direction:column;font-size:8px;gap:20px}dialog{padding:40px 23px 25px}.modal-grid{grid-template-columns:1fr;gap:10px}.modal-grid>img{height:200px}.modal-grid h2{font-size:28px}.quiz-options{grid-template-columns:1fr}.quiz-option{padding:15px}.modal-grid select{padding:8px}.modal-copy{font-size:12px}#grade-panel{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.grade-guide{background:#f7f5f0}.guide-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:35px 0 25px}.wear-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.wear-card{background:#fff;border:1px solid #e6e9e5;border-radius:12px;padding:25px;transition:opacity .2s,box-shadow .2s}.wear-card.dimmed{opacity:.35}.wear-card.highlighted{box-shadow:0 0 0 2px #00b69e}.wear-title{display:flex;gap:15px;align-items:center}.wear-title>span{font-size:32px;width:54px;height:54px;background:#e2f5ec;display:grid;place-items:center;border-radius:50%;font-family:Georgia,serif;color:#008c82}.wear-title h3{font-size:22px;font-weight:500;margin:0;letter-spacing:-.04em}.wear-title small{font-size:10px;color:var(--muted)}.wear-visual{position:relative;display:grid;place-items:center;height:310px;overflow:hidden;background:radial-gradient(ellipse,#ecf2ef 0,transparent 65%);margin:10px -10px}.wear-visual img{height:310px;width:220px;transition:transform .4s;transform-origin:50% 75%}.wear-grid.zoomed .wear-visual img{transform:scale(1.65)}.wear-label{position:absolute;bottom:15px;right:0;background:#fffdf7;border:1px solid #e0e8e3;padding:6px 9px;font-size:8px;letter-spacing:.1em;border-radius:4px}.wear-card>p{font-size:12px;min-height:55px;color:var(--muted);line-height:1.8}.wear-card dl{font-size:10px;margin:10px 0 0}.wear-card dl>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #e9eeec}.wear-card dt{color:#81908d}.wear-card dd{margin:0;text-align:right;max-width:70%}.guide-caption{font-size:10px;color:#6c7e7d;line-height:1.8;margin:20px 0 0;max-width:100%}.guide-key{margin-top:30px;display:flex;gap:17px;padding:20px 25px;background:#e4efe9;border-radius:7px;align-items:center}.guide-key>span{font-size:30px;color:#008c82}.guide-key p{font-size:12px;margin:0;max-width:100%;color:#4c645f}.guide-key strong{color:var(--ink)}.battery-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.battery-intro{font-size:14px;color:var(--muted);max-width:400px;margin-top:25px;line-height:1.8}.battery-comparison{margin:30px 0}.battery-comparison>div{display:flex;align-items:center;gap:20px;margin:23px 0}.battery-comparison strong{font-size:13px;font-weight:500}.battery-comparison p{font-size:11px;color:var(--muted);margin:3px 0 0}.mini-battery{border:1.5px solid #008c82;width:43px;height:23px;border-radius:4px;display:block;padding:3px;position:relative;flex-shrink:0}.mini-battery:after{content:'';height:8px;width:3px;background:#008c82;position:absolute;right:-5px;top:6px;border-radius:1px}.mini-battery i{display:block;background:#00b69e;height:100%;border-radius:1px}.battery-demo{background:var(--navy);color:white;border-radius:12px;padding:35px}.battery-demo>.eyebrow{color:var(--teal);font-size:9px}.battery-display{display:flex;gap:30px;align-items:center;margin:35px 0}.battery-shape{width:115px;height:190px;border-radius:15px;border:2px solid #5e8190;position:relative;padding:7px;flex-shrink:0;isolation:isolate;overflow:visible;background:#123047}.battery-shape:before{content:'';width:40px;height:8px;position:absolute;top:-10px;left:35px;background:#5e8190;border-radius:4px 4px 0 0}#battery-liquid{position:absolute;left:6px;bottom:6px;width:calc(100% - 12px);max-height:calc(100% - 12px);border-radius:9px;background:linear-gradient(0deg,#009c89,#00d2bd);z-index:-1;transition:height .2s}#battery-number{height:100%;display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:500;letter-spacing:-.07em}#battery-number span{font-size:18px;align-self:center;margin-top:15px}.battery-display-copy>span{font-size:10px;color:var(--teal);letter-spacing:.1em}.battery-display-copy h3{font-size:24px;font-weight:400;margin:10px 0;letter-spacing:-.04em;line-height:1.15}.battery-display-copy p{font-size:11px;color:#b5c6d4;line-height:1.8;margin:0}.range-label{display:flex;justify-content:space-between;font-size:10px;color:#b5c6d4}.range-label output{color:var(--teal)}#battery-slider{width:100%;accent-color:var(--teal);margin:18px 0 8px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:#8198af}.battery-levels{display:flex;gap:7px;margin-top:22px}.battery-levels button{font-size:9px;border:1px solid #446077;border-radius:4px;padding:8px 12px;color:#c1cfda}.battery-levels button.active{background:var(--teal);border-color:var(--teal);color:var(--navy)}.battery-demo .guide-caption{color:#8da7bc;font-size:9px}.process-section{background:#f5f6f6}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.process-photo{height:260px;border-radius:9px;background-image:url('process.png');background-repeat:no-repeat;background-size:300% 100%;margin-bottom:25px;background-color:#dce6e2}.photo-repair{background-position:0% 50%}.photo-lab{background-position:50% 50%}.photo-logistics{background-position:100% 50%}.process-grid .eyebrow{font-size:9px;margin-bottom:12px}.process-grid h3{font-size:24px;font-weight:500;letter-spacing:-.04em;margin-bottom:13px}.process-grid p{font-size:12px;color:var(--muted);line-height:1.8}.process-section>.wrap>.guide-caption{border-top:1px solid #dce4e1;padding-top:18px}.phone-front,.phone-back,.finder-visual img,.category img{mix-blend-mode:multiply}.product-image img{mix-blend-mode:multiply}.modal-guide-links{display:flex;gap:20px;margin-top:10px;font-size:10px;color:#008c82}.modal-battery-bar{display:flex;align-items:center;gap:10px;font-size:10px;margin:12px 0;color:var(--muted)}.modal-battery-bar>span{height:5px;background:#e0e7e5;flex:1;border-radius:5px}.modal-battery-bar i{display:block;height:5px;width:85%;background:#00b69e;border-radius:5px}
@media(max-width:1000px){.battery-grid{gap:30px}.battery-demo{padding:25px}.battery-display{gap:20px}.process-photo{height:210px}}@media(max-width:760px){.guide-toolbar{align-items:start;flex-direction:column;margin-top:25px}.guide-toolbar .text-button{font-size:10px}.wear-grid{grid-template-columns:1fr;gap:15px}.wear-card{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.wear-title{grid-column:1/-1}.wear-title h3{font-size:22px}.wear-title>span{width:45px;height:45px;font-size:28px}.wear-visual{grid-row:2/4;height:240px;margin:5px -10px 0}.wear-visual img{height:245px;width:160px}.wear-card>p{align-self:end;font-size:11px;margin-top:15px}.wear-card dl{font-size:9px}.wear-card dl>div{display:block;padding:7px 0}.wear-card dd{text-align:left;max-width:100%;margin-top:3px}.wear-label{font-size:6px;right:10px}.guide-caption{font-size:9px}.guide-key{padding:15px;gap:12px}.guide-key p{font-size:11px}.battery-grid{grid-template-columns:1fr;gap:30px}.battery-demo{padding:25px}.battery-display{gap:22px}.battery-shape{width:95px;height:165px}.battery-shape:before{left:28px;width:35px}#battery-number{font-size:38px}.battery-display-copy h3{font-size:23px}.battery-display-copy p{font-size:10px}.battery-levels button{flex:1;padding:7px 6px;font-size:9px}.process-grid{grid-template-columns:1fr;gap:30px}.process-photo{height:290px;margin-bottom:20px}.process-grid h3{font-size:24px}.process-grid p{font-size:12px}.wear-card.dimmed{display:none}}