.guide-hero{position:relative;overflow:hidden;background:linear-gradient(132deg,#11184e,#392984 62%,#7051b6);color:#fff;padding:100px 0 106px}.guide-hero:before,.guide-hero:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%;width:580px;height:580px;right:-150px;top:-290px}.guide-hero:after{width:710px;height:710px;right:-235px;top:-350px}.guide-hero .wrap{position:relative;z-index:1}.guide-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:120px;align-items:end}.guide-hero h1{font:800 clamp(52px,6.1vw,88px)/.93 "Manrope";letter-spacing:-.06em;margin:0}.guide-hero h1 span{color:#cfc2ff}.guide-hero .eyebrow{color:#d5ccf7}.guide-hero-copy{font-size:20px;line-height:1.55;color:#e4e0f5;margin:0}.guide-section{padding:100px 0}.guide-section.alt{background:#f1edfa}.guide-section-title{max-width:780px;margin-bottom:46px}.guide-section-title h2{font:700 clamp(34px,4.1vw,57px)/1.08 "Manrope";letter-spacing:-.05em;margin:0}.guide-section-title p{font-size:18px;line-height:1.65;color:#57566e;margin:22px 0 0}.guide-section-body{max-width:830px;font-size:18px;line-height:1.7;color:#4e4d65}.spectrum{display:grid;grid-template-columns:repeat(5,1fr);margin-top:48px}.spectrum-swatch{min-height:260px;padding:23px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:var(--shade);position:relative;overflow:hidden}.spectrum-swatch:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:#ffffff1a;right:-75px;top:-80px}.spectrum-swatch h3,.spectrum-swatch p{position:relative;margin:0}.spectrum-swatch h3{font:700 20px/1.1 Manrope;letter-spacing:-.03em}.spectrum-swatch p{font-size:13px;line-height:1.45;color:#ffffffd6;margin-top:10px}.shade-guidance{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--line);margin-top:34px;background:#fff}.shade-guidance article{padding:25px 20px;border-right:1px solid var(--line)}.shade-guidance article:last-child{border-right:0}.shade-guidance h3{font:700 19px/1.2 Manrope;letter-spacing:-.035em;margin:0 0 13px}.shade-guidance p{font-size:14px;line-height:1.58;color:#5d5b73;margin:0}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.history-panel{background:#171950;color:#fff;padding:42px;border-radius:18px}.history-panel .eyebrow{color:#cfc3f4}.history-panel h2{font:700 40px/1.08 Manrope;letter-spacing:-.05em;margin:0 0 24px}.history-panel p{color:#e0ddee;font-size:16px;line-height:1.7;margin:0}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{list-style:none;cursor:pointer;font:700 18px/1.35 Manrope;padding-right:34px;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:2px;top:-4px;font:400 27px DM Sans;color:var(--violet)}.faq-list details[open] summary:after{content:"−"}.faq-list p{max-width:800px;color:#5c5b72;line-height:1.65;font-size:16px;margin:16px 34px 0 0}.related-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}.related-heading h2{font:700 clamp(35px,4vw,56px)/1.08 "Manrope";letter-spacing:-.05em;margin:0}.related-heading p{max-width:430px;color:#57566e;font-size:16px;line-height:1.55;margin:0}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.25)}.related-card{min-height:270px;padding:22px;position:relative;color:#fff;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.23),transparent 30%),linear-gradient(140deg,var(--card-a),var(--card-b));overflow:hidden}.related-card+.related-card{border-left:1px solid rgba(255,255,255,.35)}.related-card:before{content:"";position:absolute;width:170px;height:170px;border:1px solid rgba(255,255,255,.22);border-radius:50%;right:-60px;top:35px}.related-number,.related-icon,.related-card div{position:relative;z-index:1}.related-number{font-size:10px;letter-spacing:.16em}.related-icon{font-size:38px}.related-card h3{font:700 23px/1.1 Manrope;letter-spacing:-.04em;margin:0 0 8px}.related-card p{max-width:160px;margin:0;color:#ffffffd9;font-size:13px;line-height:1.45}.related-card span:last-child{position:absolute;right:20px;bottom:21px;font-size:19px}.related-card:hover{filter:brightness(1.08)}@media(max-width:900px){.guide-hero-grid,.comparison-grid{grid-template-columns:1fr;gap:36px}.spectrum,.shade-guidance{grid-template-columns:repeat(3,1fr)}.spectrum-swatch,.shade-guidance article{border-bottom:1px solid var(--line)}.related-grid{grid-template-columns:repeat(2,1fr)}.related-card:nth-child(3){border-left:0}}@media(max-width:600px){.guide-hero,.guide-section{padding:70px 0}.spectrum,.shade-guidance{grid-template-columns:1fr}.spectrum-swatch{min-height:185px}.shade-guidance article,.shade-guidance article:last-child{border-right:0}.related-heading{display:block}.related-heading p{margin-top:19px}.related-grid{grid-template-columns:1fr}.related-card+.related-card{border-left:0;border-top:1px solid rgba(255,255,255,.35)}.history-panel{padding:28px}.history-panel h2{font-size:34px}}