.ca-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(160deg,#fff5f0 0,var(--color-cream) 40%,#f0e0f0 70%,#e8eaf6 100%);overflow:hidden;padding:var(--spacing-3xl) var(--spacing-lg)}.ca-hero__orbs{position:absolute;inset:0;pointer-events:none}.ca-hero__orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5}.ca-hero__orb--spring{width:360px;height:360px;background:#ffd700;top:10%;left:15%;animation:caOrbDriftSpring 16s ease-in-out infinite}.ca-hero__orb--summer{width:320px;height:320px;background:#b39ddb;top:5%;right:10%;animation:caOrbDriftSummer 19s ease-in-out infinite}.ca-hero__orb--autumn{width:340px;height:340px;background:#c50;bottom:10%;left:25%;animation:caOrbDriftAutumn 17.5s ease-in-out infinite}.ca-hero__orb--winter{width:300px;height:300px;background:#1a3a8a;bottom:15%;right:15%;animation:caOrbDriftWinter 20s ease-in-out infinite}@keyframes caOrbDriftSpring{0%{transform:translate(0,0) scale(1)}15%{transform:translate(160px,-120px) scale(1.15)}35%{transform:translate(-100px,160px) scale(0.9)}55%{transform:translate(200px,80px) scale(1.1)}75%{transform:translate(-60px,-180px) scale(1.05)}100%{transform:translate(0,0) scale(1)}}@keyframes caOrbDriftSummer{0%{transform:translate(0,0) scale(1)}20%{transform:translate(-180px,100px) scale(1.12)}40%{transform:translate(120px,180px) scale(0.88)}60%{transform:translate(-200px,-60px) scale(1.08)}80%{transform:translate(80px,-140px) scale(1.15)}100%{transform:translate(0,0) scale(1)}}@keyframes caOrbDriftAutumn{0%{transform:translate(0,0) scale(1)}18%{transform:translate(140px,120px) scale(1.1)}38%{transform:translate(-180px,-80px) scale(0.92)}58%{transform:translate(100px,-160px) scale(1.12)}78%{transform:translate(-120px,100px) scale(0.95)}100%{transform:translate(0,0) scale(1)}}@keyframes caOrbDriftWinter{0%{transform:translate(0,0) scale(1)}22%{transform:translate(-140px,-160px) scale(1.08)}42%{transform:translate(200px,60px) scale(0.9)}62%{transform:translate(-80px,180px) scale(1.12)}82%{transform:translate(160px,-100px) scale(1.05)}100%{transform:translate(0,0) scale(1)}}.ca-hero__content{position:relative;z-index:1;max-width:680px}.ca-hero__title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:400;line-height:1.1;color:var(--color-text);margin-bottom:var(--spacing-lg);letter-spacing:-.02em}.ca-hero__subtitle{font-family:var(--font-body);font-size:clamp(1rem,2vw,1.15rem);font-weight:300;line-height:1.7;color:var(--color-text-light);margin-bottom:var(--spacing-xl);max-width:520px;margin-left:auto;margin-right:auto}.ca-hero__cta{display:inline-block;font-family:var(--font-body);font-size:.95rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--color-white);background:var(--color-black);border:0;padding:1rem 2.8rem;transition:var(--transition-smooth)}.ca-hero__cta:hover{background:var(--color-gold);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.ca-hero__cta:active{transform:translateY(0)}.ca-quiz{display:none;padding:var(--spacing-lg) var(--spacing-lg);min-height:80vh;background:var(--color-white)}.ca-quiz--active{display:block}.ca-quiz__container{max-width:920px;margin:0 auto;position:relative}.ca-quiz__progress-bar{display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-xl);position:relative;gap:0}.ca-quiz__progress-seg{width:38px;height:38px;border-radius:50%;background:transparent;border:0;cursor:pointer;padding:0;font-size:0;color:transparent;position:relative;z-index:1;flex-shrink:0}.ca-quiz__progress-seg::after{content:'';position:absolute;top:50%;left:50%;width:15px;height:15px;border-radius:50%;background:var(--color-cream);transform:translate(-50%,-50%);transition:all .4s cubic-bezier(0.32,0.72,0,1)}.ca-quiz__progress-seg+.ca-quiz__progress-seg{margin-left:4px}.ca-quiz__progress-seg+.ca-quiz__progress-seg::before{content:'';position:absolute;right:calc(50% + 8px);top:50%;width:calc(100% - 16px + 4px);height:2px;background:var(--color-cream);transform:translateY(-50%);transition:background .4s ease;z-index:-1}.ca-quiz__progress-seg:hover::after{background:var(--color-accent);transform:translate(-50%,-50%) scale(1.4)}.ca-quiz__progress-seg--done::after{background:var(--color-black);transform:translate(-50%,-50%) scale(1)}.ca-quiz__progress-seg--done+.ca-quiz__progress-seg::before{background:var(--color-black)}.ca-quiz__progress-seg--active::after{background:var(--color-black);transform:translate(-50%,-50%) scale(1.6);box-shadow:0 0 0 3px rgba(0,0,0,0.08)}.ca-quiz__progress-seg--active+.ca-quiz__progress-seg::before{background:var(--color-black)}.ca-quiz__progress-fill--unused{display:none}.ca-quiz__step-label--unused{font-family:var(--font-body);font-size:.8rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-light);margin-bottom:var(--spacing-2xl);text-align:center}.ca-quiz__viewport{position:relative;overflow:hidden}.ca-quiz__step{display:none;animation:caSlideIn .35s ease-out forwards}.ca-quiz__step--active{display:block}.ca-quiz__step--exit{animation:caSlideOut .35s ease-in forwards}@keyframes caSlideIn{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes caSlideOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-40px)}}@keyframes caSlideInReverse{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}.ca-quiz__question{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.2rem);font-weight:400;line-height:1.25;color:var(--color-text);text-align:center;margin-bottom:var(--spacing-sm);max-width:720px;margin-left:auto;margin-right:auto}.ca-quiz__hint{font-family:var(--font-body);font-size:1.05rem;font-weight:300;color:var(--color-text-light);text-align:center;margin-bottom:var(--spacing-xl);max-width:720px;margin-left:auto;margin-right:auto}.ca-quiz__options{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.ca-quiz__options--hair{grid-template-columns:repeat(2,1fr)}.ca-quiz__options--eyes{grid-template-columns:repeat(2,1fr)}.ca-quiz__options--palettes{grid-template-columns:repeat(2,1fr);max-width:none}.ca-quiz__option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-white);border:1.5px solid var(--color-cream);border-radius:12px;text-align:left;transition:var(--transition-fast);position:relative}.ca-quiz__option:hover{border-color:var(--color-black);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.ca-quiz__option--selected{border-color:var(--color-black);background:var(--color-cream)}.ca-quiz__option--selected::after{content:'';position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;background:var(--color-black);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 6l3 3 5-5' stroke='%23fff' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.ca-quiz__option--palette{flex-direction:column;align-items:stretch;gap:var(--spacing-sm);padding:var(--spacing-lg)}.ca-quiz__palette-row{display:flex;gap:var(--spacing-sm);justify-content:center}.ca-quiz__palette-dot{width:40px;height:40px;border-radius:50%;box-shadow:inset 0 1px 3px rgba(0,0,0,0.12);transition:transform .2s ease}.ca-quiz__option--palette:hover .ca-quiz__palette-dot{transform:scale(1.08)}.ca-quiz__option--palette .ca-quiz__option-label{text-align:center;margin-top:var(--spacing-xs)}.ca-quiz__palette-actions{display:flex;align-items:center;justify-content:center;gap:16px;margin:6px auto 0}.ca-quiz__try-btn,.ca-quiz__print-set-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;color:var(--color-muted);border-radius:6px;transition:var(--transition-fast);cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px}.ca-quiz__try-btn:hover,.ca-quiz__print-set-btn:hover{color:var(--color-black);text-decoration-color:currentColor}.ca-drape{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.ca-drape--active{opacity:1;visibility:visible}.ca-drape__colors{flex:1;transition:background .4s ease}.ca-drape__swipe-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-heading);font-size:1.5rem;font-weight:300;letter-spacing:.25em;text-transform:lowercase;color:rgba(255,255,255,0.18);background:linear-gradient(90deg,rgba(255,255,255,0.18) 0,rgba(255,255,255,0.18) 35%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0.18) 65%,rgba(255,255,255,0.18) 100%);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:caSweep 3s ease-in-out infinite;pointer-events:none;user-select:none}@keyframes caSweep{0%{background-position:100% 50%}100%{background-position:-100% 50%}}.ca-drape__ui{position:absolute;bottom:0;left:0;right:0;padding:16px 20px max(20px,env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(0,0,0,0.45) 0,rgba(0,0,0,0.2) 60%,transparent 100%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.ca-drape__set-nav{display:flex;align-items:center;gap:16px}.ca-drape__set-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#fff;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.25);border-radius:50%;cursor:pointer;transition:var(--transition-fast);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ca-drape__set-btn:hover{background:rgba(255,255,255,0.3)}.ca-drape__label{font-family:var(--font-heading);font-size:1.1rem;color:#fff;margin:0;text-shadow:0 1px 4px rgba(0,0,0,0.4);min-width:180px}.ca-drape__color-nav{display:flex;align-items:center;gap:8px}.ca-drape__color-prev,.ca-drape__color-next{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:rgba(255,255,255,0.7);background:0;border:0;cursor:pointer;transition:var(--transition-fast)}.ca-drape__color-prev:hover,.ca-drape__color-next:hover{color:#fff}.ca-drape__color-dots{display:flex;gap:8px;align-items:center}.ca-drape__color-dot{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,0.3);cursor:pointer;transition:var(--transition-fast);box-shadow:0 1px 4px rgba(0,0,0,0.2)}.ca-drape__color-dot:hover{border-color:rgba(255,255,255,0.7);transform:scale(1.1)}.ca-drape__color-dot--active{border-color:#fff;transform:scale(1.2);box-shadow:0 0 0 3px rgba(255,255,255,0.3),0 2px 8px rgba(0,0,0,0.3)}.ca-drape__color-hint{font-size:.78rem;color:rgba(255,255,255,0.6);margin:0;font-style:italic}.ca-drape__actions{display:flex;gap:12px;align-items:center}.ca-drape__close-btn{padding:10px 24px;font-size:.85rem;border-radius:8px;cursor:pointer;border:1px solid rgba(255,255,255,0.4);background:rgba(255,255,255,0.12);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:var(--transition-fast)}.ca-drape__close-btn:hover{background:rgba(255,255,255,0.25)}.ca-drape__select-btn{padding:10px 28px;font-size:.9rem;font-weight:600;color:var(--color-black);background:#fff;border:0;border-radius:10px;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,0.2);transition:var(--transition-fast)}.ca-drape__select-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,0.25)}.ca-drape__guide-btn{position:absolute;left:-6px;top:50%;transform:translateY(-50%);z-index:3;border:0;background:var(--color-black,#1a1a1a);border-radius:0 12px 12px 0;box-shadow:3px 4px 20px rgba(0,0,0,0.25);padding:1.5rem 1rem 1.5rem 1.3rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.9rem;transition:background .3s ease,box-shadow .3s ease,right .3s ease,padding .3s ease;font-family:var(--font-body)}.ca-drape__guide-btn:hover{background:var(--color-gold,#d4af37);box-shadow:4px 6px 28px rgba(0,0,0,0.35);left:0;padding-left:1.6rem}.ca-drape__guide-btn-icon{width:26px;height:26px;color:#fff;flex-shrink:0;font-size:1.4rem;font-weight:600;line-height:26px;text-align:center}.ca-drape__guide-btn-text{writing-mode:vertical-rl;text-orientation:mixed;font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#fff}.ca-drape__guide{position:absolute;top:8px;left:8px;bottom:8px;width:calc(100% - 16px);max-width:437px;z-index:4;background:linear-gradient(165deg,rgba(255,255,255,0.14) 0,rgba(255,255,255,0.06) 30%,rgba(255,255,255,0.1) 60%,rgba(255,255,255,0.04) 100%),rgba(20,20,20,0.32);backdrop-filter:blur(50px) saturate(1.3);-webkit-backdrop-filter:blur(50px) saturate(1.3);border:1px solid rgba(255,255,255,0.2);border-radius:20px;box-shadow:4px 0 30px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.25),inset 0 -1px 0 rgba(255,255,255,0.05);transform:translateX(calc(-100% - 16px));transition:transform .4s cubic-bezier(0.32,0.72,0,1);display:flex;flex-direction:column;overflow:hidden}.ca-drape__guide--open{transform:translateX(0)}.ca-drape__guide-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 16px;border-bottom:1px solid rgba(255,255,255,0.12);flex-shrink:0}.ca-drape__guide-title{font-family:var(--font-heading);font-size:1rem;font-weight:400;color:#fff;letter-spacing:.03em;background:linear-gradient(90deg,#d4af37 0,#f5e6a3 40%,#d4af37 60%,#f5e6a3 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:caGoldShimmer 4s ease-in-out infinite}@keyframes caGoldShimmer{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.ca-drape__guide-close{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.8);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;line-height:1}.ca-drape__guide-close:hover{background:rgba(255,255,255,0.22);color:#fff;border-color:rgba(255,255,255,0.3)}.ca-drape__guide-body{padding:16px 22px 24px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}.ca-drape__guide-tabs{display:flex;gap:5px;margin-bottom:16px;padding-bottom:0;border-bottom:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ca-drape__guide-tabs::-webkit-scrollbar{display:none}.ca-drape__guide-tab{flex-shrink:0;padding:7px 15px;font-size:.76rem;font-family:var(--font-body);font-weight:500;color:rgba(255,255,255,0.55);background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:24px;cursor:pointer;transition:all .25s ease;white-space:nowrap}.ca-drape__guide-tab:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2)}.ca-drape__guide-tab--active{color:#fff;background:rgba(255,255,255,0.18);border-color:rgba(255,255,255,0.3);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.ca-drape__guide-panel{display:none}.ca-drape__guide-panel--active{display:block}.ca-drape__guide-intro{font-size:.95rem;color:rgba(255,255,255,0.85);margin:0 0 14px;line-height:1.5;text-align:center;font-style:italic}.ca-drape__guide-steps{display:flex;flex-direction:column;gap:12px}.ca-drape__guide-step{display:flex;gap:14px;align-items:flex-start;padding:12px 14px;background:rgba(255,255,255,0.07);border-radius:12px;border:1px solid rgba(255,255,255,0.1)}.ca-drape__guide-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1;background:rgba(255,255,255,0.1);border-radius:10px;border:1px solid rgba(255,255,255,0.08)}.ca-drape__guide-step strong{display:block;font-size:.95rem;color:#fff;margin-bottom:3px;letter-spacing:.01em}.ca-drape__guide-step p{font-size:.78rem;color:rgba(255,255,255,0.72);line-height:1.55;margin:0}.ca-drape__guide-columns{display:flex;flex-direction:column;gap:18px}.ca-drape__guide-col{padding:14px 16px;border-radius:14px}.ca-drape__guide-col--yes{background:rgba(142,232,158,0.06);border:1px solid rgba(142,232,158,0.12)}.ca-drape__guide-col--no{background:rgba(255,155,155,0.06);border:1px solid rgba(255,155,155,0.12)}.ca-drape__guide-col h4{font-family:var(--font-heading);font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin:0 0 10px;padding-bottom:0}.ca-drape__guide-col--yes h4{color:#8ee89e}.ca-drape__guide-col--no h4{color:#ff9b9b}.ca-drape__guide-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.ca-drape__guide-col li{font-size:.76rem;line-height:1.5;color:rgba(255,255,255,0.75);padding-left:14px;position:relative}.ca-drape__guide-col--yes li::before{content:'✓';position:absolute;left:0;top:0;font-size:.7rem;color:#8ee89e}.ca-drape__guide-col--no li::before{content:'✗';position:absolute;left:0;top:0;font-size:.7rem;color:#ff9b9b}.ca-drape__guide-col li strong{color:#fff;font-weight:600}.ca-drape__guide-protip{font-size:.8rem;color:rgba(255,255,255,0.8);margin:14px 0 0;line-height:1.5;text-align:center}.ca-drape__guide-protip em{font-style:italic;color:#fff}.ca-drape .ca-drape__guide{background:linear-gradient(165deg,rgba(255,255,255,0.1) 0,rgba(255,255,255,0.04) 30%,rgba(255,255,255,0.07) 60%,rgba(255,255,255,0.03) 100%),rgba(15,15,15,0.58)}@media(max-width:600px){.ca-drape__guide{max-width:100%}.ca-drape__guide-step p{font-size:.74rem}.ca-drape__guide-tab{font-size:.72rem;padding:5px 10px}.ca-drape__guide-btn{padding:.8rem .75rem .8rem .6rem}.ca-drape__guide-btn-icon{width:18px;height:18px;font-size:.95rem}.ca-drape__guide-btn-text{font-size:.55rem}}@media print{body>*:not(.ca-print-sheet){display:none !important}.ca-print-sheet{display:block !important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.ca-print-sheet__logo{font-family:'Playfair Display',serif;font-size:14pt;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:#500;text-align:center}.ca-print-sheet__logo em{font-style:italic;font-weight:400}.ca-print-sheet__cover{page-break-after:always;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1.5cm 2cm;text-align:center}.ca-print-sheet__cover-title{font-family:'Playfair Display',serif;font-size:32pt;font-weight:400;color:#500;margin:28pt 0 8pt}.ca-print-sheet__cover-subtitle{font-family:'Inter',sans-serif;font-size:14pt;font-weight:300;color:#666;letter-spacing:.08em;text-transform:uppercase;margin-bottom:20pt}.ca-print-sheet__cover-dots{display:flex;justify-content:center;gap:10pt;margin-bottom:20pt}.ca-print-sheet__cover-dot{width:36pt;height:36pt;border-radius:50%;print-color-adjust:exact;-webkit-print-color-adjust:exact}.ca-print-sheet__cover-instructions{font-family:'Inter',sans-serif;font-size:12pt;font-weight:300;color:#888;line-height:1.6;max-width:340pt}.ca-print-sheet__cover-top{display:flex;flex-direction:column;align-items:center}.ca-print-sheet__cover-howto{width:100%;max-width:380pt;margin-top:20pt}.ca-print-sheet__cover-divider{width:40pt;height:1px;background:#ccc;margin:0 auto 16pt}.ca-print-sheet__cover-howto-title{font-family:'Playfair Display',serif;font-size:18pt;font-weight:400;color:#500;text-align:center;margin-bottom:12pt}.ca-print-sheet__cover-steps{text-align:left}.ca-print-sheet__cover-steps p{font-family:'Inter',sans-serif;font-size:11pt;font-weight:300;color:#555;line-height:1.5;margin:0 0 6pt}.ca-print-sheet__cover-steps strong{font-weight:600;color:#500}.ca-print-sheet__cover-url{font-family:'Inter',sans-serif;font-size:9pt;color:#aaa;letter-spacing:.05em;margin-top:20pt}@page{margin:0}.ca-print-sheet__drape-page{page-break-after:always;width:100vw;min-height:100vh;margin:0;padding:0 0 1cm;display:flex;align-items:flex-end;justify-content:center;print-color-adjust:exact;-webkit-print-color-adjust:exact}.ca-print-sheet__drape-page:last-child{page-break-after:auto}.ca-print-sheet__drape-label{display:flex;flex-direction:column;align-items:center;gap:2pt;padding:8pt 20pt;background:rgba(255,255,255,0.85);border-radius:6pt}.ca-print-sheet__drape-set{font-family:'Playfair Display',serif;font-size:10pt;font-weight:400;color:#333}.ca-print-sheet__drape-color{font-family:'Inter',monospace;font-size:8pt;color:#888;letter-spacing:.05em}.ca-print-sheet__drape-number{font-family:'Inter',sans-serif;font-size:8pt;color:#aaa}}.ca-quiz__swatch{flex-shrink:0;border-radius:50%;box-shadow:inset 0 1px 3px rgba(0,0,0,0.1)}.ca-quiz__swatch--vein{width:44px;height:44px}.ca-quiz__swatch--ring{width:44px;height:44px;border-radius:50%;box-shadow:inset 0 0 0 6px rgba(255,255,255,0.3),inset 0 1px 4px rgba(0,0,0,0.15)}.ca-quiz__swatch--hair{width:44px;height:44px}.ca-quiz__swatch--iris{width:44px;height:44px;box-shadow:inset 0 0 0 4px rgba(0,0,0,0.08),0 0 0 2px rgba(0,0,0,0.06);position:relative}.ca-quiz__swatch--iris::after{content:'';position:absolute;top:50%;left:50%;width:12px;height:12px;border-radius:50%;background:#111;transform:translate(-50%,-50%)}.ca-quiz__swatch--sun{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ca-quiz__swatch--sun svg{width:36px;height:36px}.ca-quiz__option-label{font-family:var(--font-body);font-size:.95rem;font-weight:400;color:var(--color-text);line-height:1.4}.ca-quiz__back,.ca-quiz__next{display:flex;align-items:center;gap:4px;padding:8px 12px;font-family:var(--font-body);font-size:.82rem;font-weight:500;color:var(--color-text-light);background:0;border:0;cursor:pointer;transition:var(--transition-fast);opacity:0;visibility:hidden;pointer-events:none}.ca-quiz__back--visible,.ca-quiz__next--visible{opacity:1;visibility:visible;pointer-events:auto}.ca-quiz__back:hover,.ca-quiz__next:hover{color:var(--color-text)}.ca-quiz__next-bottom{display:none;align-items:center;justify-content:center;gap:6px;margin:var(--spacing-lg) auto 0;padding:10px 28px;font-family:var(--font-body);font-size:.88rem;font-weight:500;color:var(--color-white);background:var(--color-black);border:0;border-radius:8px;cursor:pointer;transition:var(--transition-fast)}.ca-quiz__next-bottom--visible{display:flex}.ca-quiz__next-bottom:hover{background:var(--color-gold);transform:translateY(-1px)}.ca-result{display:none;position:relative}.ca-result::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0,transparent 45%,rgba(255,255,255,0.4) 55%,rgba(255,255,255,0.8) 65%,white 75%);pointer-events:none;z-index:0}.ca-result--active{display:block;padding-top:0}.ca-result__container{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:0 var(--spacing-lg) var(--spacing-3xl)}.ca-result__hero{position:relative;margin-top:0;margin-bottom:0;min-height:75vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16vh var(--spacing-lg) var(--spacing-lg);overflow:hidden}.ca-result__hero::before{content:'';position:fixed;top:-50vh;left:-50vw;width:200vw;height:200vh;background:conic-gradient(from 0 at 50% 50%,transparent 0,rgba(255,255,255,0.02) 40deg,rgba(255,255,255,0.04) 60deg,transparent 80deg,transparent 180deg,rgba(255,255,255,0.02) 220deg,rgba(255,255,255,0.03) 240deg,transparent 260deg);animation:caShimmerRotate 12s linear infinite;pointer-events:none;z-index:0;opacity:0}.ca-result--active .ca-result__hero::before{animation:caShimmerIn 1.8s cubic-bezier(0.22,1,0.36,1) .4s forwards,caShimmerRotate 12s linear 2.2s infinite}@keyframes caShimmerRotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes caShimmerIn{from{opacity:0}to{opacity:1}}.ca-result__bokeh{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.ca-result__bokeh-orb{position:absolute;border-radius:50%;background:var(--season-accent,rgba(255,255,255,0.2));opacity:0;filter:blur(28px);will-change:transform,opacity}.ca-result__bokeh-orb--1{width:90px;height:90px;top:15%;left:10%}.ca-result__bokeh-orb--2{width:60px;height:60px;top:22%;right:14%}.ca-result__bokeh-orb--3{width:110px;height:110px;bottom:20%;left:22%}.ca-result__bokeh-orb--4{width:50px;height:50px;bottom:28%;right:18%}.ca-result--active .ca-result__bokeh-orb--1{animation:caBokehDrift1 22s ease-in-out 1.4s infinite}.ca-result--active .ca-result__bokeh-orb--2{animation:caBokehDrift2 26s ease-in-out 1.8s infinite}.ca-result--active .ca-result__bokeh-orb--3{animation:caBokehDrift3 20s ease-in-out 2.2s infinite}.ca-result--active .ca-result__bokeh-orb--4{animation:caBokehDrift4 24s ease-in-out 2.0s infinite}@keyframes caBokehDrift1{0%{transform:translate(0,0) scale(1);opacity:0}8%{opacity:.04}25%{transform:translate(30px,-20px) scale(1.1);opacity:.05}50%{transform:translate(-15px,25px) scale(0.95);opacity:.03}75%{transform:translate(20px,10px) scale(1.05);opacity:.04}100%{transform:translate(0,0) scale(1);opacity:0}}@keyframes caBokehDrift2{0%{transform:translate(0,0) scale(1);opacity:0}10%{opacity:.03}30%{transform:translate(-25px,15px) scale(1.08);opacity:.04}60%{transform:translate(20px,-30px) scale(0.92);opacity:.02}100%{transform:translate(0,0) scale(1);opacity:0}}@keyframes caBokehDrift3{0%{transform:translate(0,0) scale(1);opacity:0}8%{opacity:.03}20%{transform:translate(20px,20px) scale(1.06);opacity:.03}50%{transform:translate(-25px,-10px) scale(0.94);opacity:.02}80%{transform:translate(15px,-20px) scale(1.04);opacity:.03}100%{transform:translate(0,0) scale(1);opacity:0}}@keyframes caBokehDrift4{0%{transform:translate(0,0) scale(1);opacity:0}12%{opacity:.03}35%{transform:translate(-18px,-22px) scale(1.12);opacity:.04}65%{transform:translate(22px,18px) scale(0.9);opacity:.02}100%{transform:translate(0,0) scale(1);opacity:0}}.ca-result__shimmer{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;opacity:0}.ca-result__shimmer::before{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(105deg,transparent 0,transparent 35%,rgba(255,255,255,0.02) 45%,rgba(255,255,255,0.04) 50%,rgba(255,255,255,0.02) 55%,transparent 65%,transparent 100%);animation:caShimmerSweep 8s ease-in-out 3s infinite;will-change:transform}.ca-result--active .ca-result__shimmer{animation:caShimmerFadeIn 1.5s ease 2.4s forwards}@keyframes caShimmerSweep{0%{transform:translateX(0)}100%{transform:translateX(400%)}}@keyframes caShimmerFadeIn{to{opacity:1}}.ca-result__curtain{position:fixed;inset:0;background:#000;z-index:9999;opacity:0;pointer-events:none}.ca-result--active .ca-result__curtain{animation:caCurtainSequence 4s ease-in-out forwards}@keyframes caCurtainSequence{0%{opacity:0}5%{opacity:1}40%{opacity:1}100%{opacity:0;pointer-events:none}}.ca-result__preamble{font-family:var(--font-body);font-size:.55rem;font-weight:400;letter-spacing:.6em;text-transform:uppercase;margin-bottom:var(--spacing-xs);opacity:0;position:relative;z-index:1}.ca-result--active .ca-result__preamble{animation:caPreambleFadeUp 1.4s cubic-bezier(0.22,1,0.36,1) 1.8s forwards}.ca-result__subtype{font-family:var(--font-body);font-size:.8rem;font-weight:300;letter-spacing:.4em;text-transform:uppercase;margin-bottom:var(--spacing-md);opacity:0;position:relative;z-index:1}.ca-result--active .ca-result__subtype{animation:caTextFadeUp 1.4s cubic-bezier(0.22,1,0.36,1) 2.2s forwards}.ca-result__season{font-family:var(--font-display);font-size:clamp(3.2rem,9vw,6.5rem);font-weight:400;font-style:italic;line-height:.9;margin-bottom:var(--spacing-lg);position:relative;z-index:1;opacity:0;transform:scale(1.15);filter:blur(12px);letter-spacing:-.02em;text-shadow:0 0 60px rgba(0,0,0,0.08)}.ca-result--active .ca-result__season{animation:caSeasonReveal 2.8s cubic-bezier(0.22,1,0.36,1) 1.4s forwards}@keyframes caSeasonReveal{0%{opacity:0;transform:scale(1.15);filter:blur(12px)}30%{opacity:.5;transform:scale(1.04);filter:blur(4px)}60%{opacity:.85;transform:scale(0.99);filter:blur(1px)}80%{opacity:1;transform:scale(1.005);filter:blur(0)}100%{opacity:1;transform:scale(1);filter:blur(0)}}.ca-result__luxury-accent{display:none}.ca-result__luxury-accent::before{display:none}.ca-result__luxury-accent::after{display:none}.ca-result__divider{display:none;position:relative;width:100vw;height:1px;margin:var(--spacing-lg) 0;z-index:1;overflow:visible}.ca-result__divider::before{content:'';position:absolute;top:0;left:50%;width:0;height:100%;background:currentColor;opacity:0;transform:translateX(-50%)}.ca-result--active .ca-result__divider::before{display:none}@keyframes caDividerDraw{0%{width:0;opacity:0}30%{width:20%;opacity:.12}100%{width:100%;opacity:.2}}.ca-result__diamond{position:absolute;top:50%;left:50%;width:6px;height:6px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg) scale(0);opacity:0;z-index:2}.ca-result--active .ca-result__diamond{animation:caDiamondAppear .6s cubic-bezier(0.22,1,0.36,1) 4.2s forwards,caDiamondBreathe 4s ease-in-out 5s infinite}@keyframes caDiamondAppear{0%{transform:translate(-50%,-50%) rotate(45deg) scale(0);opacity:0}60%{transform:translate(-50%,-50%) rotate(45deg) scale(1.3);opacity:.5}100%{transform:translate(-50%,-50%) rotate(45deg) scale(1);opacity:.35}}@keyframes caDiamondBreathe{0%,100%{transform:translate(-50%,-50%) rotate(45deg) scale(1);opacity:.35}50%{transform:translate(-50%,-50%) rotate(45deg) scale(1.6);opacity:.18}}.ca-result__tagline{font-family:var(--font-display);font-size:clamp(1.1rem,2.5vw,1.5rem);font-style:italic;font-weight:400;opacity:0;position:relative;z-index:1}.ca-result--active .ca-result__tagline{animation:caTaglineReveal 1.6s cubic-bezier(0.22,1,0.36,1) 4.0s forwards}@keyframes caTaglineReveal{0%{opacity:0;transform:translateY(16px);filter:blur(4px)}100%{opacity:.85;transform:translateY(0);filter:blur(0)}}.ca-result__scroll-cue{display:none}@keyframes caScrollBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes caTextFadeUp{0%{opacity:0;transform:translateY(14px);filter:blur(3px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes caPreambleFadeUp{0%{opacity:0;transform:translateY(14px);filter:blur(3px)}100%{opacity:.5;transform:translateY(0);filter:blur(0)}}.ca-result__glow{position:absolute;top:50%;left:50%;width:clamp(320px,60vw,600px);height:clamp(320px,60vw,600px);transform:translate(-50%,-50%) scale(0.6);border-radius:50%;opacity:0;filter:blur(100px);pointer-events:none;z-index:0}.ca-result--active .ca-result__glow{animation:caGlowPulse 2.0s cubic-bezier(0.22,1,0.36,1) .6s forwards}@keyframes caGlowPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(0.6)}50%{opacity:.12;transform:translate(-50%,-50%) scale(1.1)}100%{opacity:.10;transform:translate(-50%,-50%) scale(1.0)}}.ca-result__section-title{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,1.8rem);font-weight:400;color:var(--season-text,var(--color-text));text-align:center;margin-bottom:var(--spacing-lg)}.ca-result__palette-section{margin-bottom:var(--spacing-2xl);text-align:center}.ca-result__palette-card{background:var(--color-white);border:1px solid var(--color-cream);border-radius:16px;padding:var(--spacing-xl);box-shadow:var(--shadow-md);display:inline-block;min-width:340px;max-width:100%}.ca-result__palette-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-cream)}.ca-result__palette-card-season{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--color-text)}.ca-result__palette-card-brand{font-family:var(--font-body);font-size:.7rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-light)}.ca-result__palette-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.ca-result__palette-swatch{aspect-ratio:1;border-radius:50%;box-shadow:inset 0 2px 4px rgba(0,0,0,0.1),0 2px 8px rgba(0,0,0,0.06);transition:transform .3s ease;width:100%;max-width:64px;margin:0 auto}.ca-result__palette-swatch:hover{transform:scale(1.12)}.ca-result__download-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding:.8rem 2rem;font-family:var(--font-body);font-size:.85rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-black);background:var(--color-cream);border:1px solid var(--color-warm-gray);border-radius:8px;transition:var(--transition-fast)}.ca-result__download-btn:hover{background:var(--color-warm-gray);transform:translateY(-1px)}.ca-result__palette-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;margin-top:var(--spacing-lg)}.ca-result__palette-actions .ca-result__download-btn{margin-top:0}.ca-result__save-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:.8rem 2rem;font-family:var(--font-body);font-size:.85rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-white);background:var(--color-black);border:1px solid var(--color-black);border-radius:8px;cursor:pointer;transition:var(--transition-fast);text-decoration:none}.ca-result__save-btn:hover{opacity:.85;transform:translateY(-1px)}.ca-result__save-btn--saved{background:#2d6a4f;border-color:#2d6a4f;pointer-events:none}.ca-result__recs{margin-bottom:var(--spacing-2xl)}.ca-result__recs-grid{display:flex;justify-content:center;gap:var(--spacing-lg)}.ca-result__rec-card{background:var(--color-white);border:1px solid var(--color-cream);border-radius:12px;padding:var(--spacing-lg);text-align:center}.ca-result__rec-title{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}.ca-result__rec-text{font-family:var(--font-body);font-size:.9rem;font-weight:300;color:var(--color-text-light);line-height:1.6;margin-bottom:var(--spacing-sm)}.ca-result__rec-swatches{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap}.ca-result__rec-swatch{width:36px;height:36px;border-radius:50%;box-shadow:inset 0 1px 3px rgba(0,0,0,0.1),0 1px 4px rgba(0,0,0,0.06)}.ca-result__avoid{margin-bottom:var(--spacing-2xl);text-align:center}.ca-result__avoid-note{font-family:var(--font-body);font-size:.9rem;font-weight:300;color:var(--color-text-light);margin-bottom:var(--spacing-lg)}.ca-result__avoid-grid{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.ca-result__avoid-swatch{width:48px;height:48px;border-radius:50%;position:relative;opacity:.6;box-shadow:inset 0 1px 3px rgba(0,0,0,0.1)}.ca-result__avoid-swatch::after{content:'';position:absolute;top:50%;left:50%;width:60%;height:2px;background:rgba(255,255,255,0.8);transform:translate(-50%,-50%) rotate(-45deg);border-radius:1px}.ca-result__related{margin-bottom:var(--spacing-2xl)}.ca-result__related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.ca-result__related-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-white);border:1px solid var(--color-cream);border-radius:10px;font-family:var(--font-body);font-size:.9rem;font-weight:400;color:var(--color-text);text-decoration:none;transition:var(--transition-fast)}.ca-result__related-link:hover{border-color:var(--color-black);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.ca-result__related-icon{flex-shrink:0;color:var(--color-text-light)}.ca-result__actions{position:absolute;top:var(--spacing-lg);left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:var(--spacing-xs);justify-content:center;flex-wrap:nowrap}.ca-result__hero-actions{display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-xl);opacity:0}.ca-result--active .ca-result__hero-actions{animation:caTextFadeUp 1.2s cubic-bezier(0.22,1,0.36,1) 4.5s forwards}.ca-result__share-btn{display:inline-flex;align-items:center;gap:6px;padding:.7rem 2rem;white-space:nowrap;font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-white);background:var(--color-black);border:0;border-radius:7px;cursor:pointer;transition:var(--transition-fast);position:relative;z-index:1;text-decoration:none}.ca-result__share-btn:hover{background:var(--color-gold);transform:translateY(-1px)}.ca-result__save-hero-btn--saved{background:var(--color-gold);pointer-events:none}.ca-result__back-btn{display:inline-flex;align-items:center;gap:4px;padding:.6rem 1.5rem;white-space:nowrap;font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-black);background:var(--color-cream);border:1px solid var(--color-warm-gray);border-radius:7px;cursor:pointer;transition:var(--transition-fast)}.ca-result__back-btn:hover{background:var(--color-warm-gray);transform:translateY(-1px)}.ca-result__retake-btn{padding:.6rem 1.5rem;white-space:nowrap;font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-white);background:var(--color-black);border:0;border-radius:7px;cursor:pointer;transition:var(--transition-fast)}.ca-result__retake-btn:hover{background:var(--color-gold);transform:translateY(-1px)}.ca-faq{background:var(--color-cream);padding:var(--spacing-3xl) var(--spacing-lg)}.ca-faq__container{max-width:700px;margin:0 auto}.ca-faq__title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:400;color:var(--color-text);text-align:center;margin-bottom:var(--spacing-xl)}.ca-faq__item{border-bottom:1px solid var(--color-warm-gray)}.ca-faq__item:first-of-type{border-top:1px solid var(--color-warm-gray)}.ca-faq__question{font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--color-text);padding:var(--spacing-lg) 0;list-style:none;display:flex;justify-content:space-between;align-items:center}.ca-faq__question::-webkit-details-marker{display:none}.ca-faq__question::after{content:'+';font-size:1.3rem;font-weight:300;color:var(--color-text-light);transition:transform .3s ease;flex-shrink:0;margin-left:var(--spacing-md)}.ca-faq__item[open] .ca-faq__question::after{transform:rotate(45deg)}.ca-faq__answer{padding:0 0 var(--spacing-lg)}.ca-faq__answer p{font-family:var(--font-body);font-size:.92rem;font-weight:300;color:var(--color-text-light);line-height:1.7}.ca-faq__answer a{color:var(--color-gold);text-decoration:underline;text-underline-offset:2px}@media(max-width:768px){.ca-hero{min-height:70vh;padding:var(--spacing-2xl) var(--spacing-md)}.ca-hero__orb{filter:blur(40px);opacity:.25}.ca-hero__orb--spring{width:160px;height:160px}.ca-hero__orb--summer{width:140px;height:140px}.ca-hero__orb--autumn{width:150px;height:150px}.ca-hero__orb--winter{width:130px;height:130px}.ca-quiz__options{grid-template-columns:1fr}.ca-quiz__options--hair{grid-template-columns:repeat(2,1fr)}.ca-result__recs-grid{flex-direction:column;align-items:center}.ca-result__related-grid{grid-template-columns:1fr}.ca-result__palette-card{min-width:auto;width:100%}.ca-result__hero{min-height:85vh;padding:var(--spacing-2xl) var(--spacing-md)}.ca-result__season{font-size:clamp(3.5rem,16vw,8rem)}.ca-result__glow{filter:blur(60px)}.ca-result__bokeh-orb--3,.ca-result__bokeh-orb--4{display:none}}@media(max-width:480px){.ca-hero{min-height:60vh}.ca-quiz{padding:var(--spacing-xl) var(--spacing-md)}.ca-quiz__option{padding:var(--spacing-sm) var(--spacing-md)}.ca-quiz__palette-dot{width:32px;height:32px}.ca-result__palette-grid{gap:var(--spacing-sm)}.ca-result__palette-swatch{max-width:48px}.ca-result__actions{flex-direction:column;align-items:stretch}.ca-result__share-btn,.ca-result__back-btn,.ca-result__retake-btn{text-align:center;justify-content:center}}@media(prefers-reduced-motion:reduce){.ca-hero__orb{animation:none}.ca-quiz__step{animation:none !important}.ca-result--active{animation:none}.ca-quiz__progress-fill{transition:none}.ca-result__palette-swatch:hover{transform:none}.ca-result__season,.ca-result__subtype,.ca-result__preamble,.ca-result__tagline,.ca-result__luxury-accent,.ca-result__scroll-cue{animation:none !important;opacity:1 !important;transform:none !important;filter:none !important}.ca-result__luxury-accent{width:64px !important}.ca-result__luxury-accent::before,.ca-result__luxury-accent::after{animation:none !important;opacity:.9 !important;transform:translate(-50%,-50%) rotate(45deg) scale(1) !important}.ca-result__curtain{display:none}.ca-result__shimmer,.ca-result__bokeh,.ca-result__glow,.ca-result__hero::before{display:none}}