@import url(https://db.onlinewebfonts.com/c/0ab46e1b2f236c9fad58c1e34cdecdf1?family=Roobert+TRIAL);*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{height:100%;overflow-y:auto}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#000;font-family:Roobert TRIAL,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;width:100%}::selection{background:#000;color:#fff}.app{background:#fff;min-height:100vh}.app,.content{position:relative;width:100%}.content{z-index:10}.hero{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;width:100%}.side-diamond{height:602px;margin-top:-301px;position:absolute;top:50%;transition:opacity 1s ease;width:602px;z-index:1}.side-diamond.hidden{opacity:0;pointer-events:none}.left-diamond{left:0;transform:translateX(-50%)}.right-diamond{right:0;transform:translateX(50%)}.diamond-img{filter:brightness(.7) contrast(1.2);height:100%;width:100%}.side-button{align-items:center;background:#0000;border:none;color:#1a1b1c;cursor:pointer;display:inline-flex;flex-wrap:nowrap;font-family:Roobert TRIAL,sans-serif;font-size:14px;font-weight:600;gap:12px;letter-spacing:-.02em;line-height:16px;padding:0;position:absolute;text-decoration:none;text-transform:uppercase;top:50%;transform:translateY(-50%);white-space:nowrap}.left-button{left:100%;transform:translateY(-50%) translateX(-220px)}.right-button{right:100%;transform:translateY(-50%) translateX(220px)}.side-button:hover .button-diamond{transform:rotate(45deg) scale(1.1)}.button-arrow{transform:rotate(-45deg)}.text-container{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all 1s ease;z-index:10}.title-wrapper{display:block;transition:transform 1s ease}.main-title{animation:fadeIn 5s ease-out forwards;color:#000;font-family:Roobert TRIAL,sans-serif;font-size:100px;font-weight:300;letter-spacing:-.07em;line-height:95px;margin:0;opacity:0;text-align:center;transition:all 3s ease}.title-inner{display:inline-block;transition:transform 1s ease}.text-container.left{left:40%;transform:translateY(-50%)}.text-container.left .main-title{text-align:right}.text-container.left .title-inner{transform:translateX(30px)}.text-container.right{left:55%;transform:translate(-100%,-50%)}.text-container.right .main-title{text-align:left}.text-container.right .title-inner{transform:translateX(-30px)}.bottom-text{bottom:2rem;left:3rem;position:absolute;z-index:10}.bottom-text p{color:#666;font-family:Roobert TRIAL,sans-serif;font-size:11px;font-weight:500;letter-spacing:.05em;line-height:1.6;margin:0;text-transform:uppercase}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1024px){.side-diamond{height:450px;margin-top:-225px;width:450px}.main-title{font-size:80px;line-height:76px}.left-button{transform:translateY(-50%) translateX(-180px)}.right-button{transform:translateY(-50%) translateX(180px)}}@media (max-width:768px){.side-diamond{height:320px;margin-top:-160px;width:320px}.main-title{font-size:56px;letter-spacing:-.05em;line-height:52px}.left-button{transform:translateY(-50%) translateX(-140px)}.right-button{transform:translateY(-50%) translateX(140px)}.button-text{font-size:12px}.bottom-text{bottom:1.5rem;left:1.5rem;right:1.5rem}.bottom-text p{font-size:10px;line-height:1.5}.text-container.left{left:35%}.text-container.right{left:65%}}@media (max-width:640px){.side-diamond{height:280px;margin-top:-140px;width:280px}.main-title{font-size:40px;letter-spacing:-.04em;line-height:38px}.left-button{transform:translateY(-50%) translateX(-120px)}.right-button{transform:translateY(-50%) translateX(120px)}.button-text{font-size:11px}.button-diamond{height:24px;width:24px}.button-arrow{font-size:8px}.bottom-text{bottom:1rem;left:1rem;right:1rem;text-align:center}.bottom-text p{font-size:9px;line-height:1.4}.text-container.left{left:30%}.text-container.right{left:70%}}.top-nav{align-items:flex-start;display:flex;height:64px;justify-content:space-between;position:relative;width:100%;z-index:10}.logo{align-items:center;border-radius:6px;display:inline-flex;font-family:Roobert TRIAL,sans-serif;font-size:11px;font-weight:600;gap:1rem;height:16px;justify-content:center;left:32px;letter-spacing:-.02em;line-height:16px;padding:0;position:absolute;text-decoration:none;text-transform:uppercase;top:23px;transition:color .15s ease;white-space:nowrap;z-index:1000}.logo-skinstric{color:#1a1b1c;font-weight:600}.bracket{color:#999;font-weight:600;margin:0}.logo:hover .logo-skinstric{color:#666}.enter-code-btn{align-items:center;background:#000;border:none;color:#fcfcfc;cursor:pointer;display:inline-flex;font-family:Roobert TRIAL,sans-serif;font-size:10px;font-weight:600;gap:8px;height:32px;justify-content:center;letter-spacing:-.02em;line-height:16px;padding:8px 16px;position:absolute;right:32px;text-transform:uppercase;top:15px;transition:opacity .3s ease;white-space:nowrap;width:92px}.enter-code-btn:hover{cursor:not-allowed;opacity:.8}:root{--button-bottom:2rem;--button-side:3rem;--button-bottom-mobile:1.5rem;--button-side-mobile:1.5rem}.testing-page{background:#fff;height:100vh;overflow:hidden;position:relative}.analysis-content,.testing-page{box-sizing:border-box;display:flex;flex-direction:column;width:100%}.analysis-content{align-items:center;justify-content:center;left:50%;max-width:600px;padding:0 2rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.click-type{color:#1a1b1c;cursor:pointer;font-family:Roobert TRIAL,sans-serif;font-size:14px;font-weight:400;line-height:24px;margin-bottom:.5rem}.analysis-form{align-items:center;display:flex;flex-direction:column;position:relative;width:100%;z-index:10}.analysis-input{appearance:none;background:#0000;border:none;border-bottom:1px solid #000;box-sizing:border-box;caret-color:#000;color:#1a1b1c;font-family:Roobert TRIAL,sans-serif;font-size:48px;font-weight:300;letter-spacing:-.07em;line-height:64px;max-width:432px;outline:none;padding:4px 0 0;text-align:center;width:100%}.analysis-input:focus{border-bottom-color:#000}.analysis-input::placeholder{color:#888;opacity:1;text-align:center}.processing-message{text-align:center;z-index:10}.processing-text{font-size:18px;font-weight:300;line-height:24px;margin:0}.processing-dots,.processing-text{color:#1a1b1c;font-family:Roobert TRIAL,sans-serif}.processing-dots{display:flex;font-size:36px;font-weight:600;gap:4px;justify-content:center;line-height:1;margin:8px 0 0}.processing-dots .dot{animation:bounce 1.2s ease-in-out infinite both;display:inline-block;line-height:1}.processing-dots .dot:first-child{animation-delay:0s}.processing-dots .dot:nth-child(2){animation-delay:.3s}.processing-dots .dot:nth-child(3){animation-delay:.6s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}.thank-you-message{text-align:center}.thank-you-message p:first-child{font-size:24px;letter-spacing:-.03em;margin:0}.thank-you-message .proceed-text,.thank-you-message p:first-child{color:#1a1b1c;font-family:Roobert TRIAL,sans-serif;font-weight:300;line-height:1.2}.thank-you-message .proceed-text{font-size:20px;letter-spacing:-.02em;margin-top:1rem}.error-message{color:#c00;font-family:Roobert TRIAL,sans-serif;font-size:14px;margin-top:1rem;text-align:center}.button-diamond{flex-shrink:0;position:relative}.button-diamond:hover{transform:rotate(45deg) scale(1.1)}.back-button{bottom:var(--button-bottom);left:var(--button-side);margin:0;padding:0}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.proceed-button{align-items:center;animation:slideInFromLeft .4s ease-out forwards;background:#0000;border:none;bottom:2rem;bottom:var(--button-bottom);color:#1a1b1c;cursor:pointer;display:inline-flex;font-family:Roobert TRIAL,sans-serif;font-size:14px;font-weight:600;gap:12px;left:auto;letter-spacing:-.02em;line-height:16px;margin:0;padding:0;position:absolute;right:3rem;right:var(--button-side);text-transform:uppercase;top:auto;white-space:nowrap;will-change:transform,opacity;z-index:10}.proceed-button .button-text{order:1}.proceed-button .button-diamond{order:2}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:768px){.testing-page{padding:1.5rem}.analysis-input{font-size:36px;line-height:48px}.click-type{font-size:12px}.back-button{left:1.5rem;left:var(--button-side-mobile)}.back-button,.proceed-button{bottom:1.5rem;bottom:var(--button-bottom-mobile)}.proceed-button{left:auto;right:1.5rem;right:var(--button-side-mobile);top:auto}.back-link-custom,.proceed-button{font-size:12px}.button-diamond{height:24px;width:24px}.button-arrow{font-size:8px}.testing-page .page-subtitle{left:3.5rem!important;top:90px!important}}@media (max-width:640px){.analysis-input{font-size:28px;line-height:36px}.proceed-text{font-size:16px}.page-subtitle{font-size:11px;left:3rem!important;top:90px!important}}@media (max-width:480px){.analysis-input{font-size:24px}.button-text{font-size:11px}}.three-diamonds{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.diamond-img{left:50%;object-fit:contain;position:absolute;top:50%;transform:translate(-50%,-50%)}.diamond-img.large{animation:spin-slow 120s linear infinite;height:480px;width:480px}.diamond-img.medium{animation:spin-slower 90s linear infinite;height:400px;width:400px}.diamond-img.small{animation:spin-slowest 60s linear infinite;height:320px;width:320px}@media (min-width:768px){.diamond-img.large{height:762px;width:762px}.diamond-img.medium{height:682px;width:682px}.diamond-img.small{height:602px;width:602px}}@keyframes spin-slow{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes spin-slower{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes spin-slowest{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.result-page{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;width:100%}.page-subtitle{color:#1a1b1c;font-family:Roobert TRIAL,sans-serif;font-size:12px;font-weight:600;left:32px;letter-spacing:-.02em;line-height:16px;margin:0;text-transform:uppercase}.page-subtitle,.preview-box{position:absolute;top:56px;z-index:10}.preview-box{right:32px}.preview-label{color:#1a1b1c;font-family:Roobert TRIAL,sans-serif;font-size:12px;font-weight:600;letter-spacing:-.02em;line-height:16px;margin:0 0 8px;text-transform:uppercase}.preview-area{background:#fff;border:1px solid #ccc;height:120px;width:120px}.options-container{align-items:center;display:flex;gap:15rem;justify-content:center;left:50%;max-width:1400px;padding:0 2rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:10}.option-item{cursor:pointer;height:500px;opacity:.7;transition:all .3s ease;width:500px}.option-content-wrapper,.option-item{align-items:center;display:flex;justify-content:center;position:relative}.option-content-wrapper{height:100%;width:100%}.option-item.selected,.option-item:hover{opacity:1}.diamond-area{align-items:center;display:flex;height:500px;justify-content:center;position:relative;width:500px}.diamond-area .three-diamonds{height:100%;left:0;position:absolute;top:0;width:100%}.diamond-area .diamond-img.large{height:500px;width:500px}.diamond-area .diamond-img.medium{height:420px;width:420px}.diamond-area .diamond-img.small{height:340px;width:340px}.diamond-area .diamond-img{filter:brightness(.7) contrast(1.2)}.center-icon-wrapper{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.center-icon{height:100px;object-fit:contain;transition:transform .7s ease-in-out;width:100px}.camera-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.camera-modal{background:#1a1a1a;min-width:320px;padding:24px 32px;text-align:center}.camera-modal-title{color:#fff;font-family:Roobert TRIAL,sans-serif;font-size:14px;font-weight:600;letter-spacing:-.02em;line-height:20px;margin:0 0 24px;text-transform:uppercase}.camera-modal-buttons{border-top:1px solid #333;display:flex;gap:0;justify-content:center;padding-top:16px}.modal-btn{background:#0000;border:none;cursor:pointer;font-family:Roobert TRIAL,sans-serif;font-size:12px;font-weight:600;letter-spacing:-.02em;line-height:16px;padding:8px 24px;text-transform:uppercase;transition:opacity .3s ease}.deny-btn{color:#888}.deny-btn:hover{color:#fff}.allow-btn{border-left:1px solid #333;color:#fff}.allow-btn:hover{color:#ccc}.camera-capture-overlay{align-items:center;background:#000;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.camera-video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}.camera-back-button{bottom:2rem;left:3rem;position:absolute;z-index:10}.camera-back-button .back-link-custom{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;gap:12px;text-decoration:none}.camera-back-button .button-diamond{align-items:center;border:1px solid #fff!important;display:flex;height:30px;justify-content:center;transform:rotate(45deg);width:30px}.camera-back-button .button-arrow{color:#fff!important;font-size:10px}.camera-back-button .button-text{color:#fff!important;font-family:Roobert TRIAL,sans-serif;font-size:14px;font-weight:600;letter-spacing:-.02em;line-height:16px;text-transform:uppercase}.camera-instructions{bottom:30%;left:50%;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);z-index:10}.instructions-title{color:#fff;font-family:Roobert TRIAL,sans-serif;font-size:12px;font-weight:600;letter-spacing:-.02em;line-height:16px;margin-bottom:16px;text-transform:uppercase}.instructions-list{display:flex;gap:24px;justify-content:center}.instruction-item{align-items:center;color:#fff;display:flex;font-family:Roobert TRIAL,sans-serif;font-size:11px;font-weight:600;gap:6px;letter-spacing:-.02em;line-height:14px;text-transform:uppercase}.diamond-bullet{color:#fff;font-size:10px}.camera-right-controls{align-items:center;display:flex;gap:16px;position:absolute;right:3rem;top:50%;transform:translateY(-50%);z-index:10}.take-picture-text{color:#fff;font-family:Roobert TRIAL,sans-serif;font-size:12px;font-weight:600;letter-spacing:-.02em;line-height:16px;text-transform:uppercase}.capture-btn{align-items:center;background:#fff;border:2px solid #fff;border-radius:50%;box-shadow:inset 0 0 0 1px #888;cursor:pointer;display:flex;height:70px;justify-content:center;padding:0;position:relative;transition:transform .2s ease;width:70px}.capture-btn:hover{transform:scale(1.05)}.capture-btn:active{transform:scale(.95)}.capture-btn-fa-icon{color:#888;font-size:28px;opacity:.8}.photo-preview-overlay{background:#000;left:0;position:fixed;top:0;z-index:100}.photo-preview-container,.photo-preview-overlay{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.photo-preview-container{flex-direction:column;position:relative}.photo-preview-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}.photo-preview-text{margin-bottom:30vh;position:relative;text-align:center;z-index:10}.great-shot-text{font-size:24px;font-weight:600;line-height:32px;margin:0 0 32px}.great-shot-text,.preview-label-text{color:#fff;font-family:Roobert TRIAL,sans-serif;letter-spacing:-.02em;text-transform:uppercase}.preview-label-text{font-size:14px;font-weight:400;line-height:20px;margin:0}.photo-preview-buttons{bottom:3rem;display:flex;gap:16px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.retake-btn{background:#fff;border:none;color:#1a1b1c;cursor:pointer;font-family:Roobert TRIAL,sans-serif;font-size:14px;font-weight:600;letter-spacing:-.02em;line-height:16px;padding:16px 32px;text-transform:uppercase;transition:opacity .3s ease}.retake-btn:hover{opacity:.8}.use-photo-btn{background:#1a1b1c;border:none;color:#fff;cursor:pointer;font-family:Roobert TRIAL,sans-serif;font-size:14px;font-weight:600;letter-spacing:-.02em;line-height:16px;padding:16px 32px;text-transform:uppercase;transition:opacity .3s ease}.use-photo-btn:hover{opacity:.8}.camera-setup-loading{background:#fff;flex-direction:column;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.camera-setup-loading,.diamond-spinner{align-items:center;display:flex;justify-content:center}.diamond-spinner{height:200px;position:relative;width:200px}.diamond-spinner .three-diamonds{height:100%;left:0;position:absolute;top:0;transform:scale(.5);transform-origin:center center;width:100%}.camera-icon-spinning{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.spinning-camera-icon{height:60px;object-fit:contain;width:60px}.camera-setup-text{color:#1a1b1c;font-family:Roobert TRIAL,sans-serif;font-size:14px;font-weight:600;letter-spacing:-.02em;line-height:20px;margin-top:24px;text-transform:uppercase}.preview-image{height:100%;object-fit:cover;width:100%}.demographics-panel{background:#fff;border-right:1px solid #e0e0e0;box-shadow:2px 0 10px #0000001a;height:100vh;left:0;overflow-y:auto;padding:80px 24px 24px;position:fixed;top:0;width:320px;z-index:50}.demographics-title{color:#1a1b1c;font-family:Roobert TRIAL,sans-serif;font-size:14px;font-weight:600;letter-spacing:-.02em;line-height:20px;margin:0 0 8px;text-transform:uppercase}.demographics-subtitle{color:#666;font-family:Roobert TRIAL,sans-serif;font-size:11px;font-weight:400;line-height:16px;margin:0 0 24px}.demographic-section{margin-bottom:24px}.section-label{border-bottom:1px solid #f0f0f0;color:#1a1b1c;font-family:Roobert TRIAL,sans-serif;font-size:12px;font-weight:600;letter-spacing:-.02em;line-height:16px;margin:0 0 12px;padding-bottom:8px;text-transform:uppercase}.scores-list{display:flex;flex-direction:column;gap:8px}.score-item{align-items:center;background:#f8f8f8;border:1px solid #0000;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;text-align:left;transition:all .2s ease;width:100%}.score-item:hover{background:#f0f0f0;border-color:#ccc}.score-item.selected-actual{background:#1a1b1c;border-color:#1a1b1c}.score-item.selected-actual .score-label,.score-item.selected-actual .score-value{color:#fff}.score-label{color:#1a1b1c;font-weight:400;text-transform:capitalize}.score-label,.score-value{font-family:Roobert TRIAL,sans-serif;font-size:12px;line-height:16px}.score-value{color:#666;font-weight:600}.actual-selection{background:#e8f4e8;border-radius:4px;color:#2d5a2d;font-size:11px;margin-top:8px;padding:8px 12px}.actual-selection,.confirm-demographics-btn{font-family:Roobert TRIAL,sans-serif;line-height:16px}.confirm-demographics-btn{background:#1a1b1c;border:none;color:#fff;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:-.02em;margin-top:16px;padding:12px;text-transform:uppercase;transition:opacity .3s ease;width:100%}.confirm-demographics-btn:hover{opacity:.8}.loading-overlay{background:#fff;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.loading-overlay,.loading-spinner-container{align-items:center;display:flex;justify-content:center}.loading-spinner-container{height:400px;position:relative;width:400px}.loading-diamonds{left:0;position:absolute;top:0;transform:scale(.5);transform-origin:center center}.loading-diamonds,.loading-diamonds .three-diamonds{height:100%;width:100%}.loading-text-centered{color:#1a1b1c;font-family:Roobert TRIAL,sans-serif;font-size:12px;font-weight:600;letter-spacing:-.02em;line-height:16px;margin:0;position:relative;text-align:center;text-transform:uppercase;white-space:nowrap;width:140px;z-index:10}.success-modal-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:300}.success-modal{background:#fff;border-radius:4px;min-width:320px;padding:32px 48px;text-align:center}.success-modal-title{color:#1a1b1c;font-family:Roobert TRIAL,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:24px;margin:0 0 16px;text-transform:uppercase}.success-modal-message{color:#666;font-family:Roobert TRIAL,sans-serif;font-size:14px;font-weight:400;line-height:20px;margin:0 0 24px}.success-modal-btn{background:#1a1b1c;border:none;color:#fff;cursor:pointer;font-family:Roobert TRIAL,sans-serif;font-size:12px;font-weight:600;letter-spacing:-.02em;line-height:16px;padding:12px 32px;text-transform:uppercase;transition:opacity .3s ease}.success-modal-btn:hover{opacity:.8}.error-banner{align-items:center;background:#f44;border-radius:4px;color:#fff;display:flex;font-family:Roobert TRIAL,sans-serif;font-size:12px;gap:16px;left:50%;padding:12px 24px;position:fixed;top:80px;transform:translateX(-50%);z-index:1001}.error-banner button{background:none;border:none;color:#fff;cursor:pointer;font-size:16px}.scan-text-group{align-items:flex-start;display:flex;pointer-events:none;position:absolute;width:300px}.camera-scan-group{align-items:flex-start;flex-direction:column;left:60%;top:30%}.scan-line-img{height:59px;margin-left:-20px;margin-top:20px;object-fit:contain;transform:rotate(-2deg);width:80px}.camera-text-position{margin-left:50px;margin-top:-75px;text-align:left}.gallery-scan-group{align-items:flex-end;bottom:24%;flex-direction:column;right:64%}.gallery-scan-line{height:59px;margin-bottom:20px;margin-right:-40px;object-fit:contain;transform:rotate(-2deg);width:75px}.gallery-text-position{margin-right:20px;margin-top:-20px;text-align:right}.option-label{color:#1a1b1c;font-size:16px;font-weight:600;line-height:24px}.option-label,.option-sublabel{font-family:Roobert TRIAL,sans-serif;letter-spacing:-.02em;margin:0;text-transform:uppercase}.option-sublabel{color:#666;font-size:14px;font-weight:400;line-height:20px}.back-button{bottom:2rem;left:3rem;position:absolute;z-index:10}.back-link-custom{margin:0;white-space:nowrap}.back-link-custom .button-diamond{align-items:center;border:1px solid #000;display:flex;flex-shrink:0;height:30px;justify-content:center;order:1;position:relative;transform:rotate(45deg);transition:transform .3s ease;width:30px}.back-link-custom:hover .button-diamond{transform:rotate(45deg) scale(1.1)}.back-link-custom .button-arrow{color:#000;display:block;font-size:10px;line-height:1}.back-link-custom .button-text{color:#1a1b1c;font-family:Roobert TRIAL,sans-serif;font-size:14px;font-weight:600;letter-spacing:-.02em;line-height:16px;order:2;text-transform:uppercase}@media (max-width:1024px){.option-content-wrapper{transform:scale(.9)}.options-container{gap:8rem;padding:0 1.5rem}.diamond-area,.diamond-area .diamond-img.large,.option-item{height:350px;width:350px}.diamond-area .diamond-img.medium{height:295px;width:295px}.diamond-area .diamond-img.small{height:240px;width:240px}.center-icon{height:80px;width:80px}.camera-scan-group{left:60%;top:30%}.gallery-scan-group{bottom:24%;right:64%}.option-label{font-size:14px;line-height:20px}.scan-line-img{height:52px;margin-left:-15px;margin-top:15px;width:70px}.gallery-scan-line{height:52px;margin-bottom:15px;margin-right:-30px;width:65px}.loading-spinner-container{height:300px;width:300px}.demographics-panel{width:280px}}@media (max-width:768px){.option-content-wrapper{flex-direction:column;transform:scale(.7)}.scan-text-group{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:center;margin-left:-50px;margin-top:-120px;position:relative;width:100%;z-index:10}.camera-scan-group,.gallery-scan-group{align-items:center;bottom:auto;flex-direction:row;left:auto;right:auto;top:auto}.scan-line-img{width:50px}.gallery-scan-line,.scan-line-img{height:37px;margin:0;transform:rotate(0deg)}.gallery-scan-line{width:45px}.camera-text-position,.gallery-text-position{margin-left:-100px;margin-top:40px;text-align:left}.options-container{flex-direction:row;gap:2rem;padding:0 1rem}.diamond-area,.diamond-area .diamond-img.large,.option-item{height:220px;width:220px}.diamond-area .diamond-img.medium{height:185px;width:185px}.diamond-area .diamond-img.small{height:150px;width:150px}.center-icon{height:55px;width:55px}.preview-box{right:1.5rem;top:48px}.preview-label{font-size:10px;margin:0 0 4px}.preview-area{height:80px;width:80px}.option-label{font-size:12px;line-height:18px}.back-button{bottom:1.5rem;left:1.5rem}.page-subtitle{font-size:11px;left:2rem!important}.loading-spinner-container{height:250px;width:250px}.demographics-panel{padding-top:60px;width:100%}.result-page:has(.demographics-panel) .options-container{flex-direction:column;margin-left:0}.camera-modal{min-width:280px;padding:20px 24px}.camera-modal-title{font-size:12px}.success-modal{min-width:280px;padding:24px 32px}.success-modal-title{font-size:16px}}@media (max-width:640px){.option-content-wrapper{flex-direction:column;transform:scale(.55)}.options-container{gap:1.5rem;padding:0 .75rem}.diamond-area,.diamond-area .diamond-img.large,.option-item{height:180px;width:180px}.diamond-area .diamond-img.medium{height:150px;width:150px}.diamond-area .diamond-img.small{height:120px;width:120px}.center-icon{height:45px;width:45px}.preview-box{right:1rem;top:48px}.preview-label{font-size:9px}.preview-area{height:60px;width:60px}.scan-text-group{align-items:center;display:flex;flex-direction:row;gap:6px;justify-content:center;margin-left:-10px;margin-top:-90px;position:relative;width:100%;z-index:10}.camera-scan-group,.gallery-scan-group{align-items:center;bottom:auto;flex-direction:row;left:auto;right:auto;top:auto}.scan-line-img{margin:0}.gallery-scan-line,.scan-line-img{height:30px;transform:rotate(0deg);width:40px}.gallery-scan-line{margin:0 0 0 15px}.camera-text-position,.gallery-text-position{margin-left:-60px;margin-top:30px;text-align:left}.option-label{font-size:10px;line-height:14px}.back-button{bottom:1rem;left:1rem}.back-link-custom .button-diamond{height:24px;width:24px}.back-link-custom .button-arrow{font-size:8px}.back-link-custom .button-text{font-size:12px}.page-subtitle{font-size:10px;left:1rem;top:48px}.loading-spinner-container{height:200px;width:200px}.loading-text-centered{font-size:10px;width:120px}.camera-instructions{bottom:25%}.instructions-title{font-size:10px}.instructions-list{flex-direction:column;gap:8px}.instruction-item{font-size:9px}.camera-right-controls{right:1.5rem}.take-picture-text{font-size:10px}.capture-btn{height:55px;width:55px}.capture-btn-fa-icon{font-size:22px}.photo-preview-buttons{bottom:2rem;flex-direction:column;gap:12px}.retake-btn,.use-photo-btn{font-size:12px;padding:12px 24px}.camera-back-button{bottom:1rem;left:1rem}.camera-setup-text{font-size:12px}.diamond-spinner{height:150px;width:150px}.spinning-camera-icon{height:45px;width:45px}}@media (min-width:1025px){.result-page:has(.demographics-panel) .options-container{margin-left:320px}}.select-page{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;width:100%}.analysis-text{left:32px;position:absolute;top:56px;z-index:10}.analysis-title{color:#1a1b1c;font-family:Roobert TRIAL,sans-serif;font-size:14px;font-weight:600;letter-spacing:-.02em;line-height:20px;margin:0 0 16px;text-transform:uppercase}.analysis-subtitle{margin:0 0 4px}.analysis-instruction,.analysis-subtitle{color:#1a1b1c;font-family:Roobert TRIAL,sans-serif;font-size:11px;font-weight:400;letter-spacing:-.02em;line-height:16px;text-transform:uppercase}.analysis-instruction{margin:0}.diamond-navigation{align-items:center;display:flex;flex-direction:column;gap:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.hover-diamond-img{filter:brightness(.7);left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(90deg) scale(.3);transform-origin:center center;transition:all .8s;z-index:0}.hover-diamond-img.visible{transform:translate(-50%,-50%) rotate(90deg) scale(1)}.hover-diamond-img.small{height:500px;width:500px}.hover-diamond-img.medium{height:550px;width:550px}.hover-diamond-img.large{height:600px;width:600px}.hover-diamond-img.visible{opacity:1}.diamond-row{display:flex;gap:4px}.diamond-item{cursor:pointer;position:relative;transition:opacity .3s ease;z-index:2}.diamond-item:hover{opacity:.8}.diamond-item.active{cursor:pointer}.diamond-item.disabled{cursor:not-allowed}.diamond-item:hover .diamond-shape{background:#d1d5db}.top-diamond .diamond-shape{background:#e5e7eb}.top-diamond:hover .diamond-shape{background:#d1d5db}.diamond-shape{align-items:center;background:#f3f4f6;display:flex;flex-direction:column;height:140px;justify-content:center;position:relative;text-align:center;transform:rotate(45deg);transition:background .3s ease;width:140px;z-index:2}.diamond-label{color:#1a1b1c;display:block;font-family:Roobert TRIAL,sans-serif;font-size:14px;font-weight:600;letter-spacing:-.02em;line-height:20px;margin:0;padding:0;text-align:center;text-transform:uppercase}.diamond-label-container{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;transform:rotate(-45deg)}.top-diamond{margin-bottom:-40px}.bottom-diamond{margin-top:-40px}.left-diamond{margin-right:-40px}.right-diamond{margin-left:-40px}.select-back-button{bottom:2rem;left:3rem;position:absolute;z-index:10}.select-back-button .back-link-custom{align-items:center;cursor:pointer;display:inline-flex;gap:12px;text-decoration:none}.select-back-button .button-diamond{align-items:center;border:1px solid #000;display:flex;height:30px;justify-content:center;transform:rotate(45deg);width:30px}.select-back-button .button-arrow{color:#000;display:block;font-size:10px;line-height:1}.select-back-button .button-text,.select-proceed-button{color:#1a1b1c;font-family:Roobert TRIAL,sans-serif;font-size:14px;font-weight:600;letter-spacing:-.02em;line-height:16px;text-transform:uppercase}.select-proceed-button{align-items:center;background:#0000;border:none;bottom:2rem;cursor:pointer;display:inline-flex;gap:12px;margin:0;padding:0;position:absolute;right:3rem;transition:opacity .3s ease;z-index:10}.select-proceed-button:hover{opacity:.7}.select-proceed-button .button-text{order:1}.select-proceed-button .button-diamond{align-items:center;border:1px solid #000;display:flex;height:30px;justify-content:center;order:2;transform:rotate(45deg);transition:transform .3s ease;width:30px}.select-proceed-button:hover .button-diamond{transform:rotate(45deg) scale(1.1)}.select-proceed-button .button-arrow{color:#000;display:block;font-size:10px;line-height:1}@media (max-width:768px){.diamond-shape{height:100px;width:100px}.diamond-label{font-size:11px;line-height:16px}.top-diamond{margin-bottom:-30px}.bottom-diamond{margin-top:-30px}.left-diamond{margin-right:-30px}.right-diamond{margin-left:-30px}.analysis-text{left:2rem;top:80px}.hover-diamond-img.small{height:500px;width:500px}.hover-diamond-img.medium{height:600px;width:600px}.hover-diamond-img.large{height:700px;width:700px}}.summary-page{background:#fff;box-sizing:border-box;overflow:visible;overflow-y:auto;padding-bottom:100px;position:relative;width:100%}.summary-header{left:32px;position:absolute;top:80px;z-index:10}.summary-label{font-size:16px;font-weight:600;letter-spacing:-2%;line-height:24px}.summary-label,.summary-title{color:#1a1b1c;font-family:Roobert TRIAL,sans-serif;margin:0;text-transform:uppercase}.summary-title{font-size:72px;font-weight:400;letter-spacing:-6%;line-height:64px}.summary-subtitle{color:#666;font-family:Roobert TRIAL,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:24px;margin:0;text-transform:uppercase}.summary-content{align-items:stretch;display:flex;flex-wrap:nowrap;gap:24px;justify-content:center;margin:160px auto 0;max-width:1400px;padding:10px 32px 24px;width:100%}.summary-sidebar{flex-shrink:0;width:180px}.sidebar-block{background:#f5f5f5;border:1px solid #e0e0e0;cursor:pointer;margin-bottom:12px;padding:16px;transition:all .3s ease}.sidebar-block.active,.sidebar-block:hover{background:#1a1b1c;border-color:#1a1b1c}.sidebar-block.active .sidebar-label,.sidebar-block.active .sidebar-value,.sidebar-block:hover .sidebar-label,.sidebar-block:hover .sidebar-value{color:#fff}.sidebar-value{color:#1a1b1c;font-size:14px;line-height:20px;margin:0 0 4px;text-transform:capitalize}.sidebar-label,.sidebar-value{font-family:Roobert TRIAL,sans-serif;font-weight:600;letter-spacing:-.02em;transition:color .3s ease}.sidebar-label{color:#666;font-size:11px;line-height:16px;margin:0;text-transform:uppercase}.summary-center{align-items:center;background:#f5f5f5;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding:32px}.center-title{align-self:flex-start;color:#1a1b1c;font-family:Roobert TRIAL,sans-serif;font-size:40px;font-weight:400;letter-spacing:-5%;line-height:40px;margin:0 0 32px;text-align:left;text-transform:capitalize;width:100%}.center-content-row{align-items:center;display:flex;gap:48px;justify-content:center;width:100%}.user-image-container{border:2px solid #e0e0e0;border-radius:50%;flex-shrink:0;height:200px;overflow:hidden;width:200px}.user-image{height:100%;object-fit:cover;width:100%}.age-suffix{font-size:inherit;text-transform:lowercase}.progress-ring-container{align-items:center;display:flex;height:280px;justify-content:center;position:relative;width:280px}.progress-ring{height:280px;width:280px}.progress-ring-bg{opacity:.3}.progress-ring-fg{transition:stroke-dashoffset .5s ease}.progress-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.progress-percentage{color:#1a1b1c;font-family:Roobert TRIAL,sans-serif;font-size:48px;font-weight:400;line-height:56px}.summary-options{background:#f5f5f5;border:1px solid #e0e0e0;display:flex;flex-direction:column;flex-shrink:0;width:320px}.options-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px}.options-title{color:#1a1b1c;font-size:12px;font-weight:600}.options-confidence,.options-title{font-family:Roobert TRIAL,sans-serif;letter-spacing:-.02em;line-height:16px;text-transform:uppercase}.options-confidence{color:#666;font-size:11px;font-weight:400}.options-list{max-height:400px;min-height:0;overflow-y:auto}.option-row{align-items:center;background:#0000;border:none;border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;font-family:inherit;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.option-row:hover{background:#fff}.option-row.selected{background:#1a1b1c}.option-row.selected .option-bullet,.option-row.selected .option-name,.option-row.selected .option-score{color:#fff}.option-bullet{color:#1a1b1c;font-size:10px;margin-right:12px;transition:color .2s ease}.option-name{flex:1 1;font-weight:400;text-transform:capitalize}.option-name,.option-score{color:#1a1b1c;font-family:Roobert TRIAL,sans-serif;font-size:13px;line-height:18px;transition:color .2s ease}.option-score{font-weight:600}.summary-bottom-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto 32px;max-width:1400px;padding:0 32px;position:relative;width:100%;z-index:10}.back-link-custom{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;gap:12px;padding:0;text-decoration:none}.summary-hint{color:#666;font-family:Roobert TRIAL,sans-serif;font-size:12px;font-weight:400;line-height:16px;margin:0;text-align:center}.button-diamond{align-items:center;border:1px solid #000;display:flex;height:30px;justify-content:center;transform:rotate(45deg);transition:transform .3s ease;width:30px}.back-link-custom:hover .button-diamond,.summary-home-button:hover .button-diamond{transform:rotate(45deg) scale(1.1)}.button-arrow{color:#000;display:block;font-size:10px;line-height:1}.button-text{color:#1a1b1c;font-family:Roobert TRIAL,sans-serif;font-size:14px;font-weight:600;letter-spacing:-.02em;line-height:16px;text-transform:uppercase}.summary-action-buttons{align-items:center;display:flex;gap:16px}.reset-button{background:#fff;border:1px solid #1a1b1c;color:#1a1b1c;cursor:pointer;font-family:Roobert TRIAL,sans-serif;font-size:14px;font-weight:600;letter-spacing:-.02em;line-height:16px;padding:16px 32px;text-transform:uppercase;transition:opacity .3s ease}.reset-button:hover{opacity:.7}.confirm-button{background:#1a1b1c;border:1px solid #1a1b1c;color:#fff;cursor:not-allowed;font-family:Roobert TRIAL,sans-serif;font-size:14px;font-weight:600;letter-spacing:-.02em;line-height:16px;padding:16px 32px;text-transform:uppercase;transition:opacity .3s ease}.confirm-button:hover{opacity:.8}@media (max-width:1024px){.summary-content{flex-direction:row;flex-wrap:nowrap;padding:10px 24px 24px}.summary-sidebar{flex-shrink:0;width:140px}.summary-options{flex-shrink:0;width:260px}.summary-center{flex:1 1;min-width:0;padding:24px}.center-title{font-size:32px;line-height:36px}.center-content-row{gap:24px}.progress-ring,.progress-ring-container{height:220px;width:220px}.progress-percentage{font-size:36px;line-height:44px}.user-image-container{height:160px;width:160px}}@media (max-width:768px){.summary-content{flex-direction:column;margin-top:120px;padding:80px 16px 100px}.summary-options,.summary-sidebar{width:100%}.summary-sidebar{display:flex;gap:12px}.sidebar-block{flex:1 1;margin-bottom:0}.summary-title{font-size:32px;line-height:40px}.center-content-row{flex-direction:column;gap:24px}.user-image-container{height:150px;width:150px}.summary-bottom-nav{margin-top:-80px;padding:0 16px}}@media (max-width:640px){.summary-header{left:16px;top:60px}.summary-title{font-size:24px;line-height:32px}.summary-label{font-size:14px}.summary-content{margin-top:100px;padding:60px 16px 80px}.center-title{font-size:24px;line-height:28px}.progress-ring,.progress-ring-container{height:180px;width:180px}.progress-percentage{font-size:28px;line-height:36px}.options-list{max-height:300px}.summary-bottom-nav{align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:-70px;padding:0 16px}.summary-hint{flex:1 1;font-size:10px;line-height:1.2;margin:0;order:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:auto}.back-link-custom{font-size:12px}.button-diamond{height:24px;width:24px}.confirm-button,.reset-button{font-size:12px;padding:12px 20px}}
/*# sourceMappingURL=main.86bedabc.css.map*/