NoTox Perfector
#tii-notox { --cream: #f5f1eb; --cream-soft: #ebe6df; --sage: #d9e4d8; --sage-deep: #7f927d; --ink: #151515; --muted: #66615c; --line: rgba(21,21,21,.14); --white: #ffffff; backgro und: var(--cream); color: var(--ink); font-family: inherit; overflow: hidden; } #tii-notox *, #tii-notox *::before, #tii-notox *::after { box-sizing: border-box; } #tii-notox img { display: block; width: 100%; height: auto; } #tii-notox h2, #tii-notox h3, #tii-notox p { margin-top: 0; } .nt-wrap { width: min(1320px, calc(100% - 64px)); margin: 0 auto; } .nt-kicker { display: block; margin-bottom: 14px; font-size: 9px; line-height: 1.2; font-weight: 600; letter-spacing: .19em; text-transform: uppercase; } .nt-title { margin: 0; font-size: clamp(34px, 3.6vw, 56px); line-height: 1.02; letter-spacing: -.035em; font-weight: 400; } .nt-copy { margin-bottom: 0; color: var(--muted); font-size: 14px; line-height: 1.72; } /* ===================================== 01 HERO ====================================== */ .nt-hero { padding: 88px 0; } .nt-hero-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: clamp(42px, 6vw, 88px); align-items: center; } .nt-hero-image { overflow: hidden; } .nt-hero-image img { aspect-ratio: 4 / 5; object-fit: cover; } .nt-hero-copy { max-width: 540px; } .nt-hero-copy .nt-copy { margin-top: 23px; max-width: 480px; } .nt-hero-points { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 30px; padding-top: 18px; border-top: 1px solid var(--line); font-size: 9px; letter-spacing: .16em; text-transform: uppercase; } /* ===================================== 02 CONCERN / RESULT ====================================== */ .nt-results { background: var(--cream-soft); } .nt-results-grid { display: grid; grid-template-columns: 1.04fr .96fr; } .nt-results-image img { height: 100%; min-height: 620px; object-fit: cover; } .nt-results-copy { display: flex; align-items: center; padding: clamp(48px, 5vw, 82px); } .nt-results-inner { width: 100%; max-width: 500px; } .nt-results-inner .nt-copy { margin-top: 22px; } .nt-result-list { margin-top: 34px; } .nt-result-row { display: grid; grid-template-columns: 120px 18px 1fr; gap: 10px; align-items: center; padding: 14px 0; border-top: 1px solid var(--line); } .nt-result-row:last-child { border-bottom: 1px solid var(--line); } .nt-result-row strong { font-size: 9px; letter-spacing: .13em; text-transform: uppercase; } .nt-result-row span { color: var(--muted); font-size: 13px; } /* ===================================== 03 BLACK PERFORMANCE SECTION ====================================== */ .nt-black { background: #101010; color: #ffffff; padding: 94px 0; } .nt-black .nt-kicker { color: #dce7dc; } .nt-black .nt-title { color: #ffffff; } .nt-black-intro { max-width: 700px; margin-bottom: 48px; } .nt-black-intro p { margin-top: 22px; max-width: 560px; color: rgba(255,255,255,.9); font-size: 14px; line-height: 1.7; } .nt-performance-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid rgba(255,255,255,.3); border-left: 1px solid rgba(255,255,255,.3); } .nt-performance-card { min-height: 210px; padding: 26px 24px; border-right: 1px solid rgba(255,255,255,.3); border-bottom: 1px solid rgba(255,255,255,.3); } .nt-performance-card small { color: rgba(255,255,255,.58); font-size: 9px; letter-spacing: .16em; } .nt-performance-card h3 { margin: 34px 0 12px; color: #ffffff; font-size: 16px; line-height: 1.2; font-weight: 600; } .nt-performance-card p { margin: 0; color: rgba(255,255,255,.9); font-size: 12.5px; line-height: 1.65; } /* ===================================== 04 INGREDIENT TECHNOLOGY ====================================== */ .nt-science { padding: 95px 0; } .nt-science-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(42px, 6vw, 82px); align-items: center; } .nt-science-image img { aspect-ratio: 4 / 4.8; object-fit: cover; } .nt-science-copy { max-width: 540px; } .nt-science-copy .nt-copy { margin-top: 22px; } .nt-active-list { margin-top: 32px; } .nt-active { padding: 13px 0; border-top: 1px solid var(--line); } .nt-active:last-child { border-bottom: 1px solid var(--line); } .nt-active strong { display: block; margin-bottom: 5px; font-size: 9px; letter-spacing: .15em; text-transform: uppercase; } .nt-active p { margin: 0; color: var(--muted); font-size: 12.5px; line-height: 1.62; } /* ===================================== 05 TEXTURE / CONCENTRATION ====================================== */ .nt-texture { background: #edf0ea; } .nt-texture-grid { display: grid; grid-template-columns: .88fr 1.12fr; } .nt-texture-copy { display: flex; align-items: center; padding: clamp(46px, 5vw, 82px); } .nt-texture-inner { max-width: 470px; } .nt-texture-inner .nt-copy { margin-top: 22px; } .nt-use { margin-top: 29px; padding-top: 18px; border-top: 1px solid var(--line); font-size: 9px; letter-spacing: .16em; text-transform: uppercase; } .nt-texture-image img { height: 100%; min-height: 600px; object-fit: cover; } /* ===================================== 06 FULL INGREDIENTS ====================================== */ .nt-full-ingredients { background: #dfe7dd; padding: 84px 0; } .nt-full-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 54px; align-items: start; } .nt-inci-box { padding: 28px 30px; background: rgba(255,255,255,.6); border: 1px solid rgba(21,21,21,.12); } .nt-inci-box p { margin: 0; color: #292825; font-size: 13px; line-height: 1.84; letter-spacing: .01em; } /* ===================================== 07 CONTRAST CAMPAIGN ====================================== */ .nt-campaign { background: #111111; } .nt-campaign img { width: 100%; max-height: 790px; object-fit: cover; } /* ===================================== 08 HOW TO USE ====================================== */ .nt-howto { padding: 92px 0; background: var(--cream); } .nt-howto-head { max-width: 680px; margin-bottom: 44px; } .nt-howto-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); } .nt-howto-step { min-height: 185px; padding: 27px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); } .nt-howto-step small { font-size: 9px; letter-spacing: .16em; text-transform: uppercase; color: #7c7771; } .nt-howto-step h3 { margin: 32px 0 9px; font-size: 18px; font-weight: 500; } .nt-howto-step p { margin: 0; color: var(--muted); font-size: 12.5px; line-height: 1.62; } /* ===================================== 09 SOCIAL PROOF ====================================== */ .nt-review { padding: 88px 0; background: #181818; color: #fff; } .nt-review-inner { max-width: 840px; margin: 0 auto; text-align: center; } .nt-review .nt-kicker { color: #dce7dc; } .nt-review blockquote { margin: 24px auto 18px; max-width: 760px; color: #ffffff; font-size: clamp(21px, 2.2vw, 32px); line-height: 1.4; font-weight: 400; } .nt-review cite { color: rgba(255,255,255,.68); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; font-style: normal; } /* ===================================== RESPONSIVE ====================================== */ @media screen and (min-width: 1200px) { .nt-title { font-size: 52px; } .nt-hero .nt-title, .nt-black .nt-title { font-size: 55px; } .nt-full-ingredients .nt-title { font-size: 48px; } } @media screen and (max-width: 990px) { .nt-wrap { width: calc(100% - 40px); } .nt-hero-grid, .nt-results-grid, .nt-science-grid, .nt-texture-grid, .nt-full-grid { grid-template-columns: 1fr; } .nt-results-image img, .nt-texture-image img { min-height: 0; aspect-ratio: 4 / 5; } .nt-performance-grid { grid-template-columns: repeat(2,1fr); } .nt-howto-grid { grid-template-columns: 1fr; } } @media screen and (max-width: 640px) { .nt-wrap { width: calc(100% - 30px); } .nt-title { font-size: 35px; line-height: 1.03; } .nt-hero, .nt-black, .nt-science, .nt-full-ingredients, .nt-howto, .nt-review { padding: 64px 0; } .nt-results-copy, .nt-texture-copy { padding: 52px 24px; } .nt-result-row { grid-template-columns: 96px 16px 1fr; } .nt-performance-grid { grid-template-columns: 1fr; } .nt-performance-card { min-height: 175px; } .nt-inci-box { padding: 22px 20px; } .nt-campaign img { aspect-ratio: 4 / 5; object-position: center; } } 02 / Perfect FIRM. SMOOTH. REFINE. A concentrated multi-correction treatment created for skin showing the look of fine lines, loss of firmness and uneven texture. NoTox Perfector pairs peptides, proteins, botanicals and modern skin-conditioning actives in one purposeful formula. Firm Smooth Refine Revive What Skin Needs SKIN LOOKING LESS FIRM? NoTox Perfector is designed to help improve the visible signs of skin that looks less firm, less smooth or less refined— without adding another complicated step to your routine. Loss of Firmness → Firmer-looking skin Fine Lines → Smoother-looking skin Uneven Texture → More refined-looking texture Dullness → Fresh, revived-looking radiance Concentrated By Design ONE TREATMENT. MULTIPLE CORRECTIONS. High-performance does not have to mean more products. NoTox brings targeted actives together in one concentrated treatment designed to address several visible signs of aging. 01 FIRM Peptides and proteins support the appearance of firmer, more resilient-looking skin. 02 SMOOTH Hydrating and conditioning actives help soften the look of fine lines and uneven texture. 03 REFINE Bakuchiol and lactic acid help improve the look of skin texture and clarity. 04 REVIVE Bulgarian Rose and caffeine help leave skin looking refreshed and luminous. Botanical Intelligence + Modern Science PRECISION IN EVERY DROP. A sophisticated blend of peptides, proteins, hydrators, botanicals and renewing actives—selected for what each contributes to the formula. Peptides + Proteins Argireline, Collagen, Elastin and Hydrolyzed Lupine Protein help support a firmer, smoother-looking complexion. Bakuchiol A botanical active used to help refine the appearance of texture and visible signs of aging. Sodium Hyaluronate Helps replenish hydration and improve the look of suppleness and bounce. Caffeine + Lactic Acid Help refresh the appearance of tired-looking skin and support a smoother, more radiant look. Bulgarian Rose Provides botanical conditioning and helps leave the complexion looking fresh and luminous. The Concentrate SILKY. CUSHIONING. QUICK TO ABSORB. The soft, creamy-white serum texture melts comfortably into skin without feeling heavy or greasy, making NoTox easy to layer into both morning and evening routines. 5–6 Drops · Face · Neck · Décolletage · AM + PM Full Formula KNOW WHAT'S INSIDE. ROSA DAMASCENA FLOWER WATER, BIOSACCHARIDE GUM-4, ALPHA-GLUCAN OLIGOSACCHARIDE, ALGIN, PROPANEDIOL, HELIANTHUS ANNUUS OIL UNSAPONIFIABLE, MALTODEXTRIN, BIOSSACHARIDE GUM 1, HYDROLYZED LUPINE PROTEIN, SODIUM HYALURONATE, ARGIRELINE, UREA, ELASTIN, COLLAGEN, LACTIC ACID, CETEARYL OLIVATE, SORBITAN OLIVATE, LACTOBACILLUS FERMENT, BAKUCHIOL, CAFFEINE, ROSA DAMASCENA FLOWER OIL 02 / Perfect MAKE IT YOUR PERFECTING STEP. Apply after LiquidReset and before InstantNourish, or use NoTox on its own when your skin needs targeted firming, smoothing and refinement. 01 Apply Smooth 5–6 drops over clean skin, extending to the neck and décolletage. 02 Perfect Allow the concentrated treatment to absorb before layering your moisturizer. 03 Repeat Use morning and evening as part of your streamlined This Is It. ritual. Real Skin. Real Ritual. “I love how this serum makes my skin feel smoother, firmer and more radiant.” Verified NoTox Customer
