:root{--color-navy:#09182c;--color-green-text:#4ac735;--color-mint-bg:#f5faf2;--color-white:#fff;--font-body:"Outfit", sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100vh;font-family:var(--font-body);letter-spacing:-.02em;background:var(--color-mint-bg);margin:0;padding:0;overflow:hidden}body{-webkit-font-smoothing:antialiased}button{-webkit-tap-highlight-color:transparent;transition:transform .12s}button:active:not(:disabled){transform:scale(1.08)}.home-screen{background:var(--color-mint-bg);flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.home-content{z-index:2;text-align:center;box-sizing:border-box;pointer-events:none;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;min-height:0;padding:clamp(16px,2.5vh,24px) clamp(16px,5vw,32px) 0;display:flex;position:relative}.home-logo{width:450px;max-width:100%;height:auto;margin-top:20px;margin-bottom:20px}.home-headline{width:650px;max-width:100%;height:auto;margin-bottom:clamp(8px,1.5vh,16px)}.home-subheading{font-family:var(--font-body);color:var(--color-navy);margin:0 0 8px;font-size:clamp(24px,6vw,34px);font-weight:700;line-height:1.35}.subheading-green{color:var(--color-green-text)}.home-before-after{z-index:2;width:720px;max-width:100%;height:auto;margin-bottom:clamp(-150px,-18vh,-110px);position:relative}.home-navy-section{z-index:1;background:var(--color-navy);box-sizing:border-box;border-radius:50% 50% 0 0/100px 100px 0 0;justify-content:center;align-items:flex-end;width:100%;height:clamp(400px,52vh,520px);padding-top:clamp(48px,8vh,80px);padding-bottom:clamp(40px,6vh,64px);display:flex;position:absolute;bottom:0;left:0;right:0}.cta-button{cursor:pointer;background:0 0;border:none;width:600px;max-width:100%;padding:0}.cta-button img{width:100%;height:auto;display:block}.hair-length-screen{background:var(--color-mint-bg);flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.hair-length-content{text-align:center;box-sizing:border-box;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;min-height:0;padding:clamp(16px,2.5vh,24px) clamp(16px,5vw,32px) 0;display:flex;overflow-y:auto}.hair-length-logo{width:450px;max-width:100%;height:auto;margin-top:20px;margin-bottom:20px}.hair-length-headline{width:650px;max-width:100%;height:auto;margin-bottom:clamp(24px,4vh,40px)}.hair-length-heading{font-family:var(--font-body);color:var(--color-navy);margin:0 0 clamp(24px,4vh,32px);font-size:clamp(24px,6vw,34px);font-weight:700}.hair-length-grid{grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,48px) clamp(16px,4vw,32px);width:100%;max-width:640px;margin-bottom:32px;display:grid}.hair-length-option{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:14px;padding:0;display:flex}.hair-length-option-icon{width:clamp(140px,30vw,190px);height:clamp(140px,30vw,190px);position:relative}.hair-length-option-icon-inner{background:var(--color-navy);border:4px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:border-color .15s;display:flex;overflow:hidden}.hair-length-option.is-selected .hair-length-option-icon-inner{border-color:var(--color-green-text)}.hair-length-option-icon-inner img{object-fit:cover;width:100%;height:100%;display:block}.hair-length-option-check{background:var(--color-green-text);border:3px solid var(--color-white);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;bottom:-2px;right:-2px}.hair-length-option-check svg{width:60%;height:60%}.hair-length-option-label{font-family:var(--font-body);color:var(--color-navy);font-size:clamp(20px,4.5vw,26px);font-weight:700}.hair-length-navy-section{background:var(--color-navy);box-sizing:border-box;border-radius:50% 50% 0 0/100px 100px 0 0;flex-shrink:0;justify-content:center;align-items:center;width:100%;padding:clamp(32px,5vh,48px) 20px clamp(40px,6vh,64px);display:flex}.hair-length-continue{cursor:pointer;background:0 0;border:none;width:100%;max-width:420px;padding:0}.hair-length-continue img{width:100%;height:auto;display:block}.hair-length-continue:disabled{opacity:.5;cursor:not-allowed}.selfie-screen{background:var(--color-mint-bg);flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.selfie-content{z-index:2;text-align:center;box-sizing:border-box;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;min-height:0;padding:clamp(16px,2.5vh,24px) clamp(16px,5vw,32px) 0;display:flex;position:relative}.selfie-logo{width:450px;max-width:100%;height:auto;margin-top:20px;margin-bottom:20px}.selfie-headline{width:650px;max-width:100%;height:auto;margin-bottom:clamp(16px,2.5vh,28px)}.selfie-heading{font-family:var(--font-body);color:var(--color-navy);margin:0 0 16px;font-size:clamp(24px,6vw,34px);font-weight:700}.selfie-frame{aspect-ratio:3/4;border:4px solid var(--color-green-text);background:var(--color-white);border-radius:24px;width:560px;max-width:100%;position:relative;overflow:hidden}.selfie-video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.selfie-error{box-sizing:border-box;width:100%;height:100%;font-family:var(--font-body);color:var(--color-navy);justify-content:center;align-items:center;padding:24px;font-size:clamp(16px,3vw,20px);font-weight:600;display:flex}.selfie-shutter:active:not(:disabled){transform:translate(-50%)scale(1.08)}.selfie-shutter{z-index:3;background:var(--color-green-text);border:6px solid var(--color-white);width:clamp(70px,12vw,96px);height:clamp(70px,12vw,96px);color:var(--color-white);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #09182c59}.selfie-shutter svg{width:50%;height:50%}.selfie-shutter:disabled{opacity:.5;cursor:not-allowed}.selfie-navy-section{z-index:1;background:var(--color-navy);border-radius:50% 50% 0 0/100px 100px 0 0;width:100%;height:clamp(280px,36vh,360px);position:absolute;bottom:0;left:0;right:0}.review-screen{background:var(--color-mint-bg);flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.review-content{z-index:2;text-align:center;box-sizing:border-box;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;min-height:0;padding:clamp(16px,2.5vh,24px) clamp(16px,5vw,32px) 0;display:flex;position:relative}.review-logo{width:450px;max-width:100%;height:auto;margin-top:20px;margin-bottom:20px}.review-headline{width:650px;max-width:100%;height:auto;margin-bottom:clamp(16px,2.5vh,28px)}.review-heading{font-family:var(--font-body);color:var(--color-navy);margin:0 0 16px;font-size:clamp(24px,6vw,34px);font-weight:700}.review-frame{aspect-ratio:3/4;border:4px solid var(--color-green-text);background:var(--color-white);border-radius:24px;width:560px;max-width:100%;position:relative;overflow:hidden}.review-photo{object-fit:cover;width:100%;height:100%;display:block}.review-try-again{z-index:3;cursor:pointer;background:0 0;border:none;width:160px;max-width:45%;padding:0;position:absolute;top:16px;left:16px}.review-try-again img{width:100%;height:auto;display:block}.review-generate-button{z-index:3;cursor:pointer;background:0 0;border:none;width:90%;max-width:480px;padding:0;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.review-generate-button img{width:100%;height:auto;display:block}.review-modal-backdrop{z-index:10;box-sizing:border-box;background:#09182c99;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.review-modal{background:var(--color-white);text-align:center;box-sizing:border-box;border-radius:24px;width:100%;max-width:560px;padding:clamp(32px,5vh,48px)}.review-modal-title{font-family:var(--font-body);color:var(--color-navy);margin:0 0 8px;font-size:clamp(26px,5.5vw,34px);font-weight:800}.review-modal-text{font-family:var(--font-body);color:var(--color-navy);margin:0 0 24px;font-size:clamp(18px,3.8vw,22px);font-weight:600;line-height:1.4}.review-modal-form{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.review-modal-field{background:var(--color-white);border:2px solid var(--color-green-text);box-sizing:border-box;border-radius:20px;align-items:center;gap:16px;width:100%;padding:20px clamp(22px,4vw,28px);display:flex}.review-modal-field-icon{width:clamp(20px,3vw,24px);height:clamp(20px,3vw,24px);color:var(--color-green-text);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.review-modal-field-icon svg{width:100%;height:100%}.review-modal-field input{font-family:var(--font-body);color:var(--color-navy);background:0 0;border:none;outline:none;flex:1;font-size:24px;font-weight:600}.review-modal-field input::placeholder{color:var(--color-navy);opacity:.6}.review-modal-consent{text-align:left;align-items:center;gap:16px;display:flex}.review-modal-consent-text{font-family:var(--font-body);color:var(--color-navy);flex:1;font-size:clamp(15px,3vw,18px);font-weight:600;line-height:1.4}.review-modal-checkbox{background:var(--color-white);border:2px solid var(--color-green-text);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(40px,6.5vw,52px);height:clamp(40px,6.5vw,52px);padding:0;display:flex}.review-modal-checkbox svg{width:60%;height:60%}.review-modal-checkbox.is-checked{background:var(--color-green-text)}.review-modal-error{font-family:var(--font-body);color:#c0392b;margin:0 0 16px;font-size:15px;font-weight:600}.review-modal-submit{width:100%;font-family:var(--font-body);cursor:pointer;background:var(--color-green-text);color:var(--color-white);border:none;border-radius:999px;padding:22px 32px;font-size:22px;font-weight:700}.review-modal-submit:disabled{opacity:.5;cursor:not-allowed}.review-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;display:flex}.review-loading-spinner{border:5px solid var(--color-mint-bg);border-top-color:var(--color-green-text);border-radius:50%;width:48px;height:48px;animation:.9s linear infinite review-spin}.review-loading-text{font-family:var(--font-body);color:var(--color-navy);font-size:clamp(16px,3.5vw,20px);font-weight:700}@keyframes review-spin{to{transform:rotate(360deg)}}.review-navy-section{z-index:1;background:var(--color-navy);border-radius:50% 50% 0 0/100px 100px 0 0;width:100%;height:clamp(280px,36vh,360px);position:absolute;bottom:0;left:0;right:0}.review-generate-button:active:not(:disabled){transform:translate(-50%)scale(1.08)}.processing-screen{background:var(--color-navy);flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;height:100vh;display:flex}.processing-spinner{border:7px solid #ffffff40;border-top-color:var(--color-green-text);border-radius:50%;width:72px;height:72px;animation:.9s linear infinite processing-spin}.processing-text{font-family:var(--font-body);color:var(--color-white);margin:0;font-size:clamp(20px,4.5vw,28px);font-weight:700}.processing-error-text{font-family:var(--font-body);color:var(--color-white);text-align:center;box-sizing:border-box;max-width:480px;margin:0 0 24px;padding:0 24px;font-size:clamp(17px,3.6vw,21px);font-weight:600}.processing-retry-button{font-family:var(--font-body);cursor:pointer;background:var(--color-green-text);color:var(--color-white);border:none;border-radius:999px;padding:18px 36px;font-size:20px;font-weight:700}@keyframes processing-spin{to{transform:rotate(360deg)}}.reveal-screen{background:var(--color-mint-bg);flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.reveal-content{text-align:center;box-sizing:border-box;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;min-height:0;padding:clamp(16px,2.5vh,24px) clamp(16px,5vw,32px) 0;display:flex}.reveal-logo{width:450px;max-width:100%;height:auto;margin-top:20px;margin-bottom:20px}.reveal-headline{width:650px;max-width:100%;height:auto;margin-bottom:clamp(24px,4vh,40px)}.reveal-carousel{flex:1;justify-content:center;align-items:flex-end;width:100%;min-height:0;display:flex;position:relative}.reveal-carousel-track{width:100%;max-width:480px;height:100%;position:relative}.reveal-carousel-item{aspect-ratio:558/560;height:360px;transition:transform .25s,opacity .25s;position:absolute;bottom:30px;left:50%}.reveal-carousel-item.is-active{opacity:1;z-index:3;transform:translate(-50%)scale(1)}.reveal-carousel-item.is-prev{opacity:.35;z-index:2;transform:translate(-115%)scale(.6)}.reveal-carousel-item.is-next{opacity:.35;z-index:2;transform:translate(15%)scale(.6)}.reveal-carousel-body{object-fit:contain;z-index:2;width:100%;height:100%;display:block;position:absolute;inset:0}.reveal-carousel-head{object-fit:contain;z-index:1;width:250px;height:380px;display:block;position:absolute;top:-80%;left:50%;transform:translate(-50%)}.reveal-carousel-head--below-chin{top:-72%}.reveal-carousel-arrow{background:var(--color-white);width:56px;height:56px;color:var(--color-navy);cursor:pointer;z-index:4;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:182px;display:flex;box-shadow:0 4px 12px #09182c26}.reveal-carousel-arrow svg{width:55%;height:55%}.reveal-navy-section{background:var(--color-navy);box-sizing:border-box;border-radius:50% 50% 0 0/100px 100px 0 0;flex-shrink:0;justify-content:center;align-items:center;gap:clamp(24px,5vw,48px);width:100%;padding:clamp(32px,5vh,48px) 20px clamp(40px,6vh,64px);display:flex}.reveal-icon-button{cursor:pointer;background:0 0;border:none;flex-shrink:0;width:100px;height:100px;padding:0}.reveal-icon-button img{width:100%;height:100%;display:block}.reveal-modal-backdrop{z-index:10;box-sizing:border-box;background:#09182c99;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.reveal-modal{background:var(--color-white);text-align:center;box-sizing:border-box;border-radius:24px;width:100%;max-width:560px;padding:clamp(32px,5vh,48px)}.reveal-modal-title{font-family:var(--font-body);color:var(--color-navy);margin:0 0 16px;font-size:clamp(26px,5.5vw,34px);font-weight:800}.reveal-modal-text{font-family:var(--font-body);color:var(--color-navy);margin:0 0 24px;font-size:clamp(18px,3.8vw,22px);font-weight:600;line-height:1.4}.reveal-qr-code{width:220px;max-width:100%;height:auto;margin:0 auto 20px;display:block}.reveal-qr-loading{aspect-ratio:1;width:220px;max-width:100%;font-family:var(--font-body);color:var(--color-navy);background:var(--color-mint-bg);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 20px;font-weight:600;display:flex}.reveal-modal-close,.reveal-modal-cancel,.reveal-modal-confirm{font-family:var(--font-body);cursor:pointer;border:none;border-radius:999px;padding:22px 32px;font-size:22px;font-weight:700}.reveal-modal-close{background:var(--color-navy);width:100%;color:var(--color-white)}.reveal-modal-actions{gap:12px;display:flex}.reveal-modal-cancel{background:var(--color-navy);color:var(--color-white);flex:1}.reveal-modal-confirm{background:var(--color-green-text);color:var(--color-white);flex:1}.reveal-print-preview{border-radius:12px;width:100%;max-width:320px;height:auto;margin:0 auto 24px;display:block}.reveal-print-only{display:none}@media print{body *{visibility:hidden}.reveal-print-only,.reveal-print-only *{visibility:visible}.reveal-print-only{width:100%;height:auto;display:block;position:fixed;inset:0}}.result-screen{background:var(--color-mint-bg);flex-direction:column;width:100%;min-height:100vh;display:flex}.result-content{text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;width:100%;padding:24px 20px 40px;display:flex}.result-logo{width:220px;max-width:60%;height:auto;margin:12px 0 16px}.result-headline{width:320px;max-width:85%;height:auto;margin-bottom:12px}.result-heading{font-family:var(--font-body);color:var(--color-navy);margin:0 0 24px;font-size:clamp(20px,5vw,26px);font-weight:700}.result-buttons{flex-direction:column;align-items:center;gap:16px;width:100%;margin-bottom:28px;display:flex}.result-action-button{cursor:pointer;background:0 0;border:none;width:100%;max-width:400px;padding:0}.result-action-button img{width:100%;height:auto;display:block}.result-image-wrap{width:100%;max-width:340px;margin-bottom:20px}.result-image{border-radius:16px;width:100%;height:auto;display:block;box-shadow:0 8px 24px #09182c26}.result-error{font-family:var(--font-body);color:var(--color-navy);margin:0 0 12px;font-size:14px;font-weight:600}.result-debug-id{font-family:var(--font-body);color:#09182c66;padding-top:8px;font-size:12px}