*{box-sizing:border-box}body{color:#172033;background:radial-gradient(circle at 0 0,#0b6b581a,#0000 28%),radial-gradient(circle at 100% 100%,#17203314,#0000 24%),#f4f6f8;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit}.siteNav{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-bottom:1px solid #dce2ea;justify-content:space-between;align-items:center;gap:18px;padding:16px 24px;display:flex;position:sticky;top:0}.brand{color:#0b6b58;font-size:28px;font-weight:900;text-decoration:none}.siteNav nav{flex-wrap:wrap;gap:16px;display:flex}.siteNav nav a{color:#172033;font-weight:800;text-decoration:none;transition:color .18s}.siteNav nav a:hover{color:#0b6b58}.premiumHome,.contentPage{max-width:1220px;margin:0 auto;padding:24px 20px 46px}.premiumHero{background:radial-gradient(circle at 78% 18%,#0b6b582e,#0000 28%),linear-gradient(135deg,#fff,#eef8f5 58%,#f7fbfa);border:1px solid #dce2ea;border-radius:8px;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:stretch;gap:26px;min-height:560px;padding:34px;display:grid;overflow:hidden}.heroCopy{flex-direction:column;justify-content:center;display:flex}.eyebrow{color:#0b6b58;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:900}.heroCopy h1{max-width:760px;margin:0 0 16px;font-size:58px;line-height:1.02}.heroCopy p{color:#485467;max-width:690px;font-size:18px;line-height:1.7}.heroStats{flex-wrap:wrap;gap:10px;margin:18px 0 6px;display:flex}.heroStats span{color:#0b6b58;background:#ffffffc7;border:1px solid #0b6b5838;border-radius:6px;padding:9px 11px;font-size:14px;font-weight:800}.heroActions,.actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.primaryLink,.secondaryLink,.whatsapp,.download{border-radius:6px;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;font-weight:900;text-decoration:none;display:inline-flex}.primaryLink,.whatsapp{color:#fff;background:#0b6b58}.secondaryLink,.download{color:#0b6b58;background:#fff;border:1px solid #0b6b58}.heroProductStack{align-content:center;gap:16px;display:grid}.floatingPatchCard{background:#ffffffeb;border:1px solid #dce2eaf2;border-radius:8px;grid-template-columns:170px 1fr;align-items:center;gap:16px;padding:16px;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 18px 36px #1720331a}.floatingPatchCard:hover{transform:translateY(-5px)scale(1.01);box-shadow:0 24px 44px #17203329}.floatingPatchCard img{object-fit:cover;background:#f4f6f8;border-radius:8px;width:170px;height:170px}.floatingPatchCard h2{margin:0 0 8px}.floatingPatchCard p{color:#0b6b58;margin:0 0 8px;font-weight:900}.floatingPatchCard small{color:#485467;line-height:1.5}.premiumSections,.featureGrid,.infoGrid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px;display:grid}.premiumSections article,.featureGrid article,.infoGrid article,.loginBox,.contactPanel,.leadBox,.styleSection{background:#fff;border:1px solid #dce2ea;border-radius:8px;padding:22px;transition:transform .18s,box-shadow .18s,border-color .18s}.premiumSections article:hover,.featureGrid article:hover,.infoGrid article:hover,.loginBox:hover,.contactPanel:hover,.leadBox:hover,.styleSection:hover{border-color:#0b6b586b;transform:translateY(-4px);box-shadow:0 16px 32px #1720331a}.premiumSections span{color:#0b6b58;font-weight:900}.comparisonBand{color:#fff;background:#172033;border-radius:8px;justify-content:space-between;align-items:center;gap:24px;margin-top:22px;padding:26px;display:flex}.comparisonBand p{color:#ffffffc7;max-width:760px;line-height:1.65}.comparisonBand .eyebrow{color:#80dbc6}.shell{grid-template-columns:390px 1fr;gap:18px;min-height:calc(100vh - 70px);padding:18px;display:grid}.panel,.preview{background:#fff;border:1px solid #dce2ea;border-radius:8px;padding:20px}.panel{flex-direction:column;justify-content:space-between;max-height:calc(100vh - 104px);display:flex;position:sticky;top:86px;overflow-y:auto}.panel h1{margin:0 0 18px;font-size:28px;line-height:1.15}.upload{text-align:center;cursor:pointer;border:2px dashed #aab6c5;border-radius:8px;margin-bottom:18px;padding:16px;font-weight:900;display:block}.upload input{display:none}.option{margin-bottom:13px}.option h3{margin:0 0 7px;font-size:14px}.chips{flex-wrap:wrap;gap:7px;display:flex}.chips button,.primary,.secondaryButton,.dangerButton{cursor:pointer;background:#fff;border:1px solid #c7d0dc;border-radius:6px;padding:9px 11px;font-size:14px;font-weight:800}.chips button.active{background:#eef8f5;border-color:#0b6b58}.primary{color:#fff;background:#0b6b58;border-color:#0b6b58;width:100%;margin-top:14px;font-size:16px}.primary:disabled{opacity:.45;cursor:not-allowed}.secondaryButton{color:#0b6b58;border-color:#0b6b58;margin-top:10px}.dangerButton{color:#fff;background:#b42318;border-color:#b42318}.accessBox{background:#fbfcfd;border:1px solid #dce2ea;border-radius:8px;margin-bottom:16px;padding:14px}.accessBox h2{margin:0 0 10px;font-size:16px}.accessSuccess{color:#0b6b58;margin:10px 0 0;font-size:13px;font-weight:900}.error{color:#b42318;margin:10px 0 0;font-size:14px;font-weight:900}.preview{gap:16px;display:grid}.sectionHeader{justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:14px;display:flex}.sectionHeader h2{margin:0;font-size:20px}.sectionHeader p{color:#0b6b58;margin:0;font-weight:900}.styleGrid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;display:grid}.styleCard,.qualityCard{cursor:pointer;text-align:center;background:#fff;border:1px solid #c7d0dc;border-radius:8px;padding:10px;transition:transform .18s,box-shadow .18s}.styleCard:hover,.qualityCard:hover{transform:translateY(-2px);box-shadow:0 10px 24px #1720331a}.styleCard.selected,.qualityCard.selected{background:#eef8f5;border-color:#0b6b58;box-shadow:0 0 0 2px #0b6b5824}.styleCard img{object-fit:contain;background:#f4f6f8;border-radius:6px;width:100%;height:110px}.styleCard span{margin-top:7px;font-size:13px;font-weight:900;display:block}.compare{grid-template-columns:1fr 1fr;gap:16px;display:grid}.photoCard{background:#fbfcfd;border:1px solid #dce2ea;border-radius:8px;overflow:hidden}.cardHeader{background:#fff;border-bottom:1px solid #dce2ea;padding:12px 14px;font-weight:900}.imageBox{text-align:center;place-items:center;min-height:560px;padding:18px;display:grid;overflow:hidden}.imageBox img{object-fit:contain;width:100%;height:100%;max-height:520px}.narrow{max-width:760px}.loginBox{margin-top:18px}.loginBox input,.leadGrid input,.leadGrid textarea,.singleInput{border:1px solid #c7d0dc;border-radius:6px;width:100%;margin-bottom:12px;padding:12px;font-family:Arial,Helvetica,sans-serif;font-size:15px}.authTabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.authTabs button{cursor:pointer;background:#fff;border:1px solid #c7d0dc;border-radius:6px;padding:12px;font-weight:900}.authTabs button.active{color:#fff;background:#0b6b58;border-color:#0b6b58}.forgotLink a{color:#0b6b58;font-weight:900}.fullWidthAction{width:100%;margin-top:12px}@media (max-width:980px){.premiumHero,.premiumSections,.shell,.compare,.featureGrid,.infoGrid{grid-template-columns:1fr}.panel{max-height:none;position:static}.heroCopy h1{font-size:38px}.comparisonBand{flex-direction:column;align-items:flex-start}.imageBox{min-height:420px}}@media (max-width:700px){.siteNav{flex-direction:column;align-items:flex-start}.floatingPatchCard{grid-template-columns:1fr}.floatingPatchCard img{width:100%;height:220px}}@media (max-width:900px){.qualityCard img,.patchPreviewCard img{height:200px}}.qualityCard img,.patchPreviewCard img{object-fit:contain;background:#f4f6f8;border-radius:8px;width:100%;height:240px;padding:8px}.productChooser{align-items:start}.qualityCard{max-width:100%;overflow:hidden}@media (max-width:900px){.qualityCard img,.patchPreviewCard img{height:200px}}@media (max-width:900px){.selectedLookLayout{grid-template-columns:1fr}}@media (max-width:900px){.selectedLookLayout{grid-template-columns:1fr}}.loadingOverlay{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1720339e;place-items:center;display:grid;position:fixed;inset:0}.loadingDialog{text-align:center;background:#fff;border-radius:8px;width:min(420px,100vw - 32px);padding:28px;box-shadow:0 24px 70px #0000003d}.loadingDialog h2{margin:14px 0 8px}.loadingDialog p{color:#485467;margin:0;font-weight:700}.spinner{border:5px solid #dce2ea;border-top-color:#0b6b58;border-radius:50%;width:48px;height:48px;margin:0 auto;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.selectedLookPrompt{background:#eef8f5;border:1px solid #dce2ea;border-radius:8px;margin-top:12px;padding:14px}.selectedLookPrompt p{color:#0b6b58;margin:0 0 10px;font-weight:900}.selectedLookLayout{grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:22px;margin-top:22px;display:grid}.selectedLookImage,.selectedLookDetails{background:#fff;border:1px solid #dce2ea;border-radius:8px;padding:22px}.selectedLookImage img{object-fit:contain;background:#f4f6f8;border-radius:8px;width:100%;max-height:620px}.selectedLookDetails h2{margin-top:0}.detailRows{gap:8px;margin:16px 0;display:grid}.detailRows p{background:#fbfcfd;border:1px solid #dce2ea;border-radius:6px;margin:0;padding:11px}.noteText{color:#485467;line-height:1.6}.selectedActions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}@media (max-width:900px){.selectedLookLayout{grid-template-columns:1fr}}.orderNumberBox{color:#0b6b58;background:#eef8f5;border:1px solid #0b6b5859;border-radius:8px;margin:0 0 18px;padding:14px;font-size:18px}.navRight{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;display:flex}.welcomeUser{color:#0b6b58;background:#eef8f5;border:1px solid #0b6b583d;border-radius:6px;padding:8px 10px;font-size:14px;font-weight:900}.lookCodeBox{grid-template-columns:1fr auto;gap:8px;margin-top:12px;display:grid}.lookCodeBox input{text-transform:uppercase;border:1px solid #c7d0dc;border-radius:6px;padding:10px;font-size:14px}.lookCodeBox button{color:#fff;cursor:pointer;background:#0b6b58;border:0;border-radius:6px;padding:10px 12px;font-weight:900}.leadGrid select{background:#fff;border:1px solid #c7d0dc;border-radius:6px;width:100%;margin-bottom:12px;padding:12px;font-family:Arial,Helvetica,sans-serif;font-size:15px}.legalPage h1{margin-bottom:16px}.legalPage h2{color:#0b6b58;margin-top:24px}.legalPage p{color:#485467;line-height:1.7}.termsCheck{background:#fff;border:1px solid #dce2ea;border-radius:8px;align-items:flex-start;gap:10px;margin:18px 0;padding:14px;font-weight:800;display:flex}.termsCheck input{width:18px;height:18px;margin-top:2px}.termsCheck a{color:#0b6b58;font-weight:900}.cartItem img{object-fit:cover;background:#f4f6f8;border-radius:8px;flex:0 0 96px;width:96px;max-width:96px;height:96px;max-height:96px}.cartItem{align-items:center}@media (max-width:700px){.cartItem img{width:82px;max-width:82px;height:82px;max-height:82px}}.instructionsHero{background:linear-gradient(135deg,#0b6b581f,#fff)}.instructionGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px;display:grid}.instructionCard,.helpPanel{background:#fff;border:1px solid #dce2ea;border-radius:8px;padding:22px;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 16px 34px #17203314}.instructionCard:hover,.helpPanel:hover{border-color:#0b6b5873;transform:translateY(-4px);box-shadow:0 22px 42px #1720331f}.instructionCard span{color:#fff;background:#0b6b58;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-weight:900;display:inline-flex}.instructionCard h2,.helpPanel h2{color:#071426;margin:16px 0 8px;font-size:22px}.instructionCard p,.helpPanel p{color:#485467;margin:0;font-size:16px;line-height:1.65}.helpPanel{margin-top:18px}@media (max-width:900px){.instructionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.instructionGrid{grid-template-columns:1fr}}.otpActions{grid-template-columns:1fr 1fr;gap:10px;margin:10px 0;display:grid}@media (max-width:520px){.otpActions{grid-template-columns:1fr}}.generateTopButton{width:100%;min-height:52px;margin:14px 0 18px;font-size:18px;box-shadow:0 12px 24px #0b6b5838}.siteNav nav .navLogoutButton{appearance:none;color:#111827;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-weight:800;text-decoration:none}.siteNav nav .navLogoutButton:hover{color:#007a62}.measureHero{background:radial-gradient(circle at 78% 18%,#0b6b582e,#0000 28%),linear-gradient(135deg,#fff,#eef8f5 58%,#f7fbfa)}.measureVideoPanel{background:#fff;border:1px solid #dce2ea;border-radius:8px;margin-top:22px;padding:18px;box-shadow:0 16px 32px #17203314}.videoFrame{aspect-ratio:16/9;background:#172033;border-radius:8px;width:100%;position:relative;overflow:hidden}.videoFrame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.measureSteps{margin-top:22px}.buyCreditsPage{max-width:980px}.creditsHero,.creditsPanel{background:#fff;border:1px solid #dce2ea;border-radius:8px;padding:24px}.creditsHero{background:linear-gradient(135deg,#fff,#eef8f5 58%,#f7fbfa)}.creditsHero h1{margin:0 0 12px;font-size:42px}.creditsPanel{gap:18px;margin-top:18px;display:grid;box-shadow:0 18px 36px #17203314}.creditStepper{grid-template-columns:52px minmax(120px,220px) 52px;gap:10px;display:grid}.creditStepper button,.creditStepper input{text-align:center;background:#fff;border:1px solid #c7d0dc;border-radius:6px;min-height:48px;font-size:20px;font-weight:900}.creditSummary{background:#eef8f5;border:1px solid #0b6b583d;border-radius:8px;max-width:360px;padding:16px}.buttonLike{cursor:pointer;border:0}.buttonLike:disabled{opacity:.55;cursor:not-allowed}