.grading-page{--grading-green: #20cf68;--grading-deep-green: #119d46;--grading-ink: #101713;--grading-line: #d7e3da;overflow:clip;color:var(--grading-ink)}.grading-page [hidden]{display:none!important}.grading-page .container{width:min(calc(100% - 3rem),1240px)}.grading-eyebrow{color:var(--grading-deep-green);font-size:1rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.grading-hero{min-height:700px;padding:10.2rem 0 5.5rem;background:radial-gradient(circle at 18% 20%,rgb(32 207 104 / 13%),transparent 35rem),linear-gradient(180deg,#fbfffc,#effbed)}.grading-hero>.container{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(490px,.92fr);align-items:center;gap:clamp(3rem,7vw,7rem)}.grading-hero__copy{max-width:620px}.grading-hero__copy h1{margin:.7rem 0 1.5rem;font-size:clamp(calc(3.25rem - 10px),calc(5.5vw - 10px),calc(5.25rem - 10px))}.grading-hero__copy>p:not(.grading-eyebrow){max-width:600px;color:var(--grading-deep-green);font-size:clamp(1rem,1.55vw,1.18rem);font-weight:650;line-height:1.55}.grading-hero__copy .button{max-width:320px;min-height:55px;margin-top:1.6rem;text-align:center}.grading-overview{width:100%;max-width:560px;margin-left:auto;padding:1.15rem;background:#ffffffe0;border:1px solid rgb(18 82 43 / 14%);border-radius:25px;box-shadow:0 24px 70px #0f50261f;backdrop-filter:blur(18px)}.grading-device-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;padding:.5rem;background:#def3e0cc;border:1px solid rgb(255 255 255 / 85%);border-radius:20px;backdrop-filter:blur(16px)}.grading-device-tabs button{min-height:48px;color:#111;background:#ffffff57;border:1px solid rgb(255 255 255 / 55%);border-radius:13px;font-size:clamp(.95rem,1.4vw,1.08rem);font-weight:800;cursor:pointer;transition:.2s ease}.grading-device-tabs button:hover{background:#ffffffa6}.grading-device-tabs button.active{color:#fff;background:var(--grading-green);border-color:var(--grading-green);box-shadow:0 8px 22px #20cf683d}.grading-standards{scroll-margin-top:5rem;background:#f7fff8}.grading-section-switcher{position:relative;z-index:3;padding:1.5rem 0 0;background:radial-gradient(circle at 18% 0%,rgb(32 207 104 / 10%),transparent 35rem),linear-gradient(180deg,#effbed,#f7fff8)}.grading-section-device-tabs{width:min(100%,440px);padding:.35rem;border-radius:16px;box-shadow:0 12px 34px #145a2b17}.grading-section-device-tabs button{min-height:44px;border-radius:11px;font-size:.95rem}.grading-section-device-tabs button:not(.active){background:transparent}.grading-overview__heading{margin:1rem .35rem .7rem}.grading-overview__heading span{color:var(--grading-deep-green);font-size:.78rem;font-weight:800;text-transform:uppercase}.grading-overview__heading h2{margin-top:.15rem;font-size:clamp(1.15rem,2vw,1.45rem)}.grading-overview__rows{display:grid;gap:.5rem}.grading-overview__rows a{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:.8rem;min-height:50px;padding:.35rem .8rem .35rem .4rem;background:#f7faf8;border:1px solid var(--grading-line);border-radius:13px}.grading-overview__rows a.is-premium{color:var(--grading-deep-green);background:#d6ffc7bf;border-color:var(--grading-green)}.grading-overview__rows a:hover{border-color:var(--grading-green);transform:translateY(-1px)}.grading-overview__rows strong{display:grid;place-items:center;min-height:38px;color:#fff;background:var(--grading-green);border-radius:9px;font-size:.96rem}.grading-overview__rows span{display:flex;align-items:flex-start;flex-direction:column;gap:.25rem;color:var(--grading-ink);font-size:.85rem;font-weight:700;line-height:1.18}.grading-overview__rows .grading-overview__status{display:inline-flex;padding:.18rem .45rem;color:#fff;background:var(--grading-deep-green);border-radius:999px;font-size:.62rem;font-weight:900;line-height:1.2;letter-spacing:.04em;text-transform:uppercase}.grading-overview__rows a.is-tested:nth-child(2){margin-bottom:.45rem}.grading-overview__rows i{color:var(--grading-green);font-size:1.25rem;font-style:normal}.grading-landscape{position:relative;padding:6rem 0;isolation:isolate}.grading-landscape:before{content:"";position:absolute;z-index:-2;inset:0;background-repeat:no-repeat;background-size:cover;background-position:center}.grading-landscape:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#ffffffeb,#ffffff14 28%,#ffffff1a 75%,#fffffff5)}.grading-landscape--mountain:before{background-image:url(/assets/grading/backgrounds/iphone-grading-mountain-meadow.png)}.grading-landscape--meadow:before{background-image:url(/assets/grading/backgrounds/commercial-grading-meadow.png)}.grading-section-heading,.grading-commercial-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:2rem}.grading-section-heading h2,.grading-commercial-heading h2{margin:.25rem 0 .5rem;font-size:clamp(2rem,4vw,3.35rem)}.grading-section-heading>div:first-child,.grading-commercial-heading>div:first-child{max-width:760px}.grading-status{display:flex;gap:.45rem;padding:.35rem;background:#ffffff9e;border:1px solid rgb(255 255 255 / 78%);border-radius:14px;backdrop-filter:blur(16px)}.grading-status button{min-height:42px;padding:.65rem 1.25rem;color:var(--grading-green);background:transparent;border:0;border-radius:10px;font:inherit;font-size:.8rem;font-weight:800;white-space:nowrap;cursor:pointer}.grading-status button.active{color:#fff;background:var(--grading-green)}.grading-commercial-heading aside{display:flex;gap:.7rem;max-width:390px;padding:1rem;background:#ecffe5e5;border:1px solid var(--grading-green);border-radius:16px}.grading-commercial-heading aside span{display:grid;flex:0 0 22px;place-items:center;width:22px;height:22px;color:#fff;background:var(--grading-green);border-radius:50%;font-weight:800}.grading-commercial-heading aside p{color:var(--grading-ink);font-size:.82rem}.grading-premium-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.grading-commercial-grid,.grading-device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:start}.grading-premium-grid>div,.grading-commercial-grid>div,.grading-device-grid>div{min-width:0;scroll-margin-top:6rem}.grading-showcase-card{overflow:hidden;background:#fffffff0;border:1px solid #cfdad2;border-radius:24px;box-shadow:0 18px 48px #0f321b1a;backdrop-filter:blur(12px)}.grading-showcase-card.is-featured{border-color:var(--grading-green)}.grading-showcase-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;min-height:92px;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid #e4ebe6}.grading-showcase-card__header h3{color:var(--grading-ink);font-size:clamp(1.55rem,3vw,2rem)}.grading-showcase-card__header p{margin-top:.2rem;color:var(--grading-deep-green);font-size:.88rem;font-weight:700}.grading-showcase-card__badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem}.grading-showcase-card__badges span{padding:.45rem .65rem;color:#fff;background:var(--grading-green);border-radius:9px;font-size:.72rem;font-weight:800;white-space:nowrap}.grading-carousel{position:relative;margin:1rem 1rem 0}.grading-carousel__viewport{overflow-x:auto;background:#edfae9;border-radius:15px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-x pan-y}.grading-carousel__viewport::-webkit-scrollbar{display:none}.grading-carousel__viewport:focus-visible{outline:3px solid rgb(32 207 104 / 40%);outline-offset:3px}.grading-carousel__track{display:flex}.grading-carousel__slide{flex:0 0 100%;margin:0;aspect-ratio:4 / 4.45;scroll-snap-align:start}.grading-carousel__slide img{width:100%;height:100%;object-fit:cover}.grading-carousel__arrow{position:absolute;z-index:2;top:50%;display:grid;place-items:center;width:42px;height:42px;padding:0;color:#fff;background:#0a19108c;border:1px solid rgb(255 255 255 / 70%);border-radius:50%;cursor:pointer;transform:translateY(-50%);backdrop-filter:blur(7px)}.grading-carousel__arrow:hover{background:var(--grading-green)}.grading-carousel__arrow:disabled{opacity:0;pointer-events:none}.grading-carousel__arrow span{margin-top:-3px;font-size:1.9rem;line-height:1}.grading-carousel__arrow--previous{left:.65rem}.grading-carousel__arrow--next{right:.65rem}.grading-carousel__dots{position:absolute;z-index:3;bottom:.85rem;left:50%;display:flex;align-items:center;gap:.38rem;padding:.38rem .5rem;background:#08150d57;border-radius:999px;transform:translate(-50%);backdrop-filter:blur(7px)}.grading-carousel__dots button{width:7px;height:7px;padding:0;background:#ffffff8c;border:0;border-radius:50%;cursor:pointer;transition:.2s ease}.grading-carousel__dots button.active{width:18px;background:#fff;border-radius:999px}.grading-showcase-card__toggle{display:flex;align-items:center;justify-content:center;gap:.65rem;width:calc(100% - 2rem);min-height:44px;margin:.45rem 1rem 0;color:var(--grading-deep-green);background:transparent;border:0;border-bottom:1px solid #e2eae4;font-size:.82rem;font-weight:800;cursor:pointer}.grading-showcase-card__toggle i{width:10px;height:10px;border-right:2px solid var(--grading-green);border-bottom:2px solid var(--grading-green);transform:translateY(-2px) rotate(45deg);transition:transform .2s ease}.grading-showcase-card__toggle[aria-expanded=true] i{transform:translateY(3px) rotate(225deg)}.grading-showcase-card__content{padding:1.25rem}.grading-showcase-card__variant-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin-bottom:1rem;padding:.3rem;background:#edf3ef;border-radius:10px}.grading-showcase-card__variant-tabs button{min-height:40px;padding:.55rem .7rem;color:var(--grading-deep-green);background:transparent;border:0;border-radius:8px;font-size:.84rem;font-weight:800;cursor:pointer}.grading-showcase-card__variant-tabs button.active{color:#fff;background:var(--grading-green);box-shadow:0 2px 8px #084a2d2e}.grading-showcase-card__variant-tabs button:focus-visible{outline:2px solid var(--grading-deep-green);outline-offset:2px}.grading-showcase-card__summary{color:var(--grading-ink);font-size:.92rem;font-weight:600;line-height:1.5}.grading-showcase-card__content dl{display:grid;gap:.65rem;margin:1rem 0 0}.grading-showcase-card__content dl div{padding-top:.65rem;border-top:1px solid #e2eae4}.grading-showcase-card__content dt{color:var(--grading-deep-green);font-size:.72rem;font-weight:800;text-transform:uppercase}.grading-showcase-card__content dd{margin:.2rem 0 0;font-size:.83rem}.grading-showcase-card__stock{display:flex;align-items:center;justify-content:center;width:calc(100% - 2rem);min-height:46px;margin:1rem;padding:.7rem 1rem;color:#fff;background:var(--grading-green);border:1px solid var(--grading-green);border-radius:999px;font:inherit;font-size:.88rem;font-weight:850;text-align:center;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.grading-showcase-card__stock:after{content:"→";margin-left:.55rem;font-size:1rem;line-height:1;transition:transform .2s ease}.grading-showcase-card__stock:hover,.grading-showcase-card__stock:focus-visible{color:#fff;background:var(--grading-deep-green);box-shadow:0 10px 22px #147d3e33;transform:translateY(-2px)}.grading-showcase-card__stock:not(.is-unavailable):hover:after,.grading-showcase-card__stock:not(.is-unavailable):focus-visible:after{transform:translate(3px)}.grading-showcase-card__stock.is-unavailable{color:#68756c;background:#e8eee9;border-color:#d7dfd9;cursor:not-allowed;opacity:.82}.grading-note{max-width:760px;margin:1.5rem 0 0;padding:1.25rem;background:#ffffffe0;border:1px solid var(--grading-green);border-radius:18px}.grading-section-heading>.grading-note{flex:0 1 390px;max-width:390px;margin:0}.grading-faq{padding:6rem 0;background:#fff}.grading-faq__layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem}.grading-faq h2{margin:.35rem 0 1rem}.grading-faq details{border-bottom:1px solid var(--grading-line)}.grading-faq summary{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem 0;font-size:1.05rem;font-weight:750;cursor:pointer;list-style:none}.grading-faq summary::-webkit-details-marker{display:none}.grading-faq summary span{color:var(--grading-green);font-size:1.4rem}.grading-faq details[open] summary span{transform:rotate(45deg)}.grading-faq details p{padding:0 2rem 1.2rem 0}.grading-cta{padding:5rem 0;background:linear-gradient(135deg,#eaffdf,#b9ff86)}.grading-cta .container{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.grading-cta h2{max-width:650px;margin:.35rem 0 .8rem}.grading-cta p{max-width:720px;color:#334b39}.grading-cta__actions{display:flex;flex-wrap:wrap;gap:.7rem;flex-shrink:0}@media(max-width:920px){.grading-page .container{width:min(calc(100% - 2rem),760px)}.grading-hero{min-height:0}.grading-hero>.container{grid-template-columns:1fr;gap:2.5rem}.grading-hero__copy{max-width:680px}.grading-overview{max-width:100%;margin:0}.grading-commercial-grid,.grading-device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grading-section-heading,.grading-commercial-heading{display:grid}.grading-section-heading>.grading-note{max-width:100%}.grading-commercial-heading aside{max-width:100%}.grading-faq__layout{grid-template-columns:1fr;gap:2rem}.grading-cta .container{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.grading-page .container{width:min(calc(100% - 1.25rem),560px)}.grading-hero{padding:8.2rem 0 4.5rem}.grading-hero__copy{text-align:left}.grading-hero__copy h1{font-size:clamp(calc(2.25rem - 10px),calc(11.5vw - 10px),calc(3.2rem - 10px))}.grading-hero__copy .button{width:100%;max-width:100%}.grading-overview{padding:.8rem;border-radius:22px}.grading-device-tabs{gap:.3rem;padding:.3rem;border-radius:15px}.grading-device-tabs button{min-height:48px;border-radius:11px;font-size:.93rem}.grading-section-switcher{padding-top:1rem}.grading-section-device-tabs{width:min(100%,390px);padding:.3rem}.grading-section-device-tabs button{min-height:42px;font-size:.86rem}.grading-overview__heading{margin:1.35rem .25rem .8rem}.grading-overview__rows a{grid-template-columns:54px 1fr;gap:.7rem;min-height:54px;padding:.35rem .7rem .35rem .4rem;border-radius:12px}.grading-overview__rows strong{min-height:42px;border-radius:9px}.grading-overview__rows span{font-size:.86rem;line-height:1.3}.grading-overview__rows i{display:none}.grading-landscape{padding:4rem 0}.grading-landscape:before{background-attachment:scroll}.grading-status{width:100%}.grading-status button{flex:1;padding-inline:.6rem;text-align:center}.grading-premium-grid,.grading-commercial-grid,.grading-device-grid{grid-template-columns:1fr;gap:1rem}.grading-showcase-card{border-radius:19px}.grading-showcase-card__header{min-height:84px;padding:1rem}.grading-showcase-card__badges{max-width:50%}.grading-showcase-card__badges span{white-space:normal;text-align:center}.grading-carousel{margin:.75rem .75rem 0}.grading-carousel__slide{aspect-ratio:4 / 4.65}.grading-carousel__arrow{width:40px;height:40px}.grading-showcase-card__content{padding:1rem}.grading-faq{padding:4rem 0}.grading-cta{padding:4rem 0 6rem}.grading-cta__actions,.grading-cta__actions .button{width:100%}.grading-cta__actions .button{min-height:48px;justify-content:center}}
