:root{--black: #0a0a0a;--white: #ffffff;--page-bg: #f5f5f5;--hover-bg: #fafafa;--selected-bg: #f2fbf3;--green: #00bd13;--green-shadow: #009110;--green-hover: #00a811;--disabled: #bbbbbb;--red: #e41e1e;--deep-red: #9f1c1c;--consequence-text: #f3dada;--border: #dddddd;--input-border: #cccccc;--border-hover: #aaaaaa;--progress-track: #ededed;--spinner-track: #2b2b2b;--ink: #0a0a0a;--gray-333: #333333;--gray-555: #555555;--gray-777: #777777;--gray-999: #999999;--gray-bbb: #bbbbbb;--gray-ccc: #cccccc;--gray-eee: #eeeeee;--font-display: "Poppins", Arial, sans-serif;--font-body: "Roboto", Arial, sans-serif;--font-hand: "Caveat", cursive;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 28px;--sp-8: 32px;--radius-btn: 4px;--radius-card: 6px;--radius-lg: 8px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--page-bg);font-family:var(--font-body);color:var(--gray-333);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:480px;margin:0 auto;min-height:100vh;background:var(--white)}h1,h2,h3,p,ul{margin:0;padding:0}ul{list-style:none}a{color:var(--deep-red);text-decoration:underline}.screen-body{padding:var(--sp-6);min-height:100vh;display:flex;flex-direction:column}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);width:100%;padding:16px 24px;border:none;border-radius:var(--radius-btn);font-family:var(--font-body);font-weight:700;font-size:17px;color:var(--white);cursor:pointer;text-decoration:none;transition:transform .1s ease,box-shadow .1s ease,background-color .15s ease}.btn-primary{background:var(--green);box-shadow:0 3px 0 var(--green-shadow)}.btn-primary:hover{background:var(--green-hover)}.btn-primary:active{transform:translateY(2px);box-shadow:0 1px 0 var(--green-shadow)}.btn-secondary{background:transparent;color:var(--gray-555);border:1px solid var(--border)}.btn-community{background:transparent;color:var(--green);border:2px solid var(--green);box-shadow:none}.btn-community:hover{background:var(--selected-bg)}.community-block{padding:0 28px 24px}.transition-percent{font-family:var(--font-display);font-weight:800;font-size:28px;color:var(--green);letter-spacing:1px}.btn-disabled,.btn[disabled]{background:var(--disabled)!important;box-shadow:none!important;color:var(--white)!important;cursor:default;transform:none!important}.landing-screen{min-height:100vh;display:flex;flex-direction:column;background:var(--white)}.hero-band{background:var(--black);padding:44px 28px 30px;color:var(--white)}.hero-eyebrow{font-family:var(--font-body);font-weight:700;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:var(--sp-4)}.hero-headline{font-family:var(--font-display);font-weight:800;font-size:32px;line-height:1.15;color:var(--white);margin-bottom:var(--sp-4)}.hero-caveat{font-family:var(--font-hand);font-weight:700;font-size:26px;color:var(--red);transform:rotate(-2deg);line-height:1.2}.landing-body{padding:var(--sp-7);display:flex;flex-direction:column;gap:var(--sp-5);flex:1}.landing-intro{font-size:16px;line-height:1.5;color:var(--gray-333)}.promise-list{display:flex;flex-direction:column;gap:var(--sp-3)}.promise-row{display:flex;align-items:center;gap:var(--sp-3);font-size:15px;line-height:1.4;color:var(--gray-333)}.promise-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--green);color:var(--white);flex-shrink:0}.landing-spacer{flex-grow:1}.credibility{text-align:center;font-size:16px;font-weight:500;color:var(--gray-555);line-height:1.5}.credibility strong{color:var(--green);font-weight:800;font-size:20px}.powered-by{margin-top:var(--sp-2);text-align:center;font-size:12px;color:var(--gray-999);letter-spacing:.4px}.logo{height:40px;width:auto;margin-bottom:var(--sp-3)}.who-am-i-card{display:flex;gap:var(--sp-4);align-items:flex-start}.who-photo{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--border)}.who-body .section-heading{margin-bottom:var(--sp-2)}.share-section{padding-bottom:var(--sp-5)}.share-sub{font-size:13px;color:var(--gray-777);margin-bottom:var(--sp-3)}.share-buttons{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.share-btn{display:inline-flex;align-items:center;padding:10px 14px;border:1.5px solid var(--border);border-radius:6px;font-family:var(--font-body);font-weight:500;font-size:14px;color:var(--gray-333);background:var(--white);text-decoration:none;cursor:pointer}.share-btn:hover{border-color:var(--green);color:var(--green)}.landing-footer{text-align:center;font-size:12px;color:var(--gray-999)}.question-screen{padding:var(--sp-6)}.question-header{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-bottom:var(--sp-4)}.back-btn{display:inline-flex;align-items:center;gap:var(--sp-2);background:none;border:none;font-family:var(--font-body);font-size:16px;color:var(--gray-555);cursor:pointer;min-height:44px;padding:0 var(--sp-2)}.question-step{font-size:13px;color:var(--gray-777)}.progress{margin-bottom:var(--sp-6)}.progress-track{height:6px;background:var(--progress-track);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--green);border-radius:3px;transition:width .2s ease}.question-heading{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1.3;color:var(--ink);margin-bottom:var(--sp-3)}.question-clarifier{font-size:14px;color:var(--gray-777);line-height:1.4;margin-bottom:var(--sp-5)}.options{display:flex;flex-direction:column;gap:var(--sp-3);border:none;padding:0;margin:0}.option{display:flex;align-items:center;gap:var(--sp-4);padding:16px;border:1.5px solid var(--border);border-radius:var(--radius-card);cursor:pointer;min-height:44px;transition:border-color .15s ease,background-color .15s ease}.option:hover{border-color:var(--border-hover);background:var(--hover-bg)}.option.selected{border:2px solid var(--green);background:var(--selected-bg)}.option-input{position:absolute;opacity:0;pointer-events:none}.option .radio{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--border-hover);flex-shrink:0}.option.selected .radio{border-color:var(--green);background:var(--green);box-shadow:inset 0 0 0 4px var(--selected-bg)}.option .label{flex:1;font-size:16px;color:var(--gray-333);line-height:1.4}.option.selected .label{font-weight:500;color:var(--ink)}.option .check{display:none;color:var(--green);flex-shrink:0}.option.selected .check{display:inline-flex}.question-actions{margin-top:auto;padding-top:var(--sp-6)}.transition-screen{background:var(--black);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 28px}.transition-center{display:flex;flex-direction:column;align-items:center;gap:36px;width:100%}.spinner{width:64px;height:64px;border-radius:50%;border:6px solid var(--spinner-track);border-top-color:var(--green);animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.transition-heading{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--white);text-align:center;line-height:1.3}.checklist{display:flex;flex-direction:column;gap:var(--sp-4);width:100%;max-width:290px}.checklist-item{display:flex;align-items:center;gap:var(--sp-3)}.checklist-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;flex-shrink:0}.checklist-item.is-done .checklist-icon{background:var(--green);color:var(--white)}.checklist-item.is-active .checklist-icon{border:2px solid var(--green);color:transparent}.checklist-item.is-pending .checklist-icon{border:2px solid #555555;color:transparent}.checklist-item.is-done .checklist-label{color:var(--gray-ccc)}.checklist-item.is-active .checklist-label{color:var(--white);font-weight:500}.checklist-item.is-pending .checklist-label{color:var(--gray-777)}.checklist-label{font-size:15px}.transition-caveat{font-family:var(--font-hand);font-weight:700;font-size:24px;color:var(--red);transform:rotate(-2deg)}.gate-screen{padding:56px 28px 28px;gap:22px}.gate-success{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--selected-bg);border:2px solid var(--green);color:var(--green);align-self:center}.gate-heading{text-align:center}.gate-headline{font-family:var(--font-display);font-weight:800;font-size:28px;color:var(--ink);margin-bottom:var(--sp-3)}.gate-subhead{font-size:15px;color:var(--gray-555);line-height:1.5}.gate-form{display:flex;flex-direction:column;gap:var(--sp-4)}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field label{font-family:var(--font-body);font-weight:700;font-size:13px;color:var(--gray-333)}.field input{padding:15px 16px;border:1.5px solid var(--input-border);border-radius:var(--radius-card);font-family:var(--font-body);font-size:16px;color:var(--gray-333);outline:none;transition:border-color .15s ease}.field input::placeholder{color:var(--gray-999)}.field input:focus{border:2px solid var(--ink)}.field--error input{border:2px solid var(--red)}.honeypot{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}.gate-error{font-size:13px;color:var(--red)}.gate-reassurance{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);font-size:12.5px;color:var(--gray-999);text-align:center;line-height:1.5}.gate-reassurance svg{flex-shrink:0;color:var(--gray-999)}.gate-disclaimer{font-size:12px;color:var(--gray-bbb);text-align:center;line-height:1.5}.result-screen{min-height:100vh;background:var(--white);padding-bottom:var(--sp-7)}.result-hero{background:var(--black);padding:48px 28px 36px;color:var(--white)}.result-headline{font-family:var(--font-display);font-weight:800;font-size:30px;line-height:1.15;color:var(--white);margin-bottom:var(--sp-4)}.hero-red{color:var(--red)}.hero-green{color:var(--green)}.result-verdict{font-size:15px;color:var(--gray-ccc);line-height:1.5}.result-section{padding:var(--sp-7)}.section-heading{font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--ink);margin-bottom:var(--sp-4)}.mirror-list{display:flex;flex-direction:column;gap:var(--sp-3)}.mirror-row{display:flex;align-items:flex-start;gap:var(--sp-3)}.mirror-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;flex-shrink:0;margin-top:1px}.mirror-row.is-good .mirror-icon{background:var(--green);color:var(--white)}.mirror-row.is-bad .mirror-icon{background:var(--red);color:var(--white)}.mirror-text{font-size:15px;color:var(--gray-333);line-height:1.5}.mirror-text strong{font-weight:700;color:var(--ink)}.consequence-band{background:var(--deep-red);padding:26px 28px}.consequence-band.is-healthy{background:var(--black)}.consequence-heading{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--white);margin-bottom:var(--sp-3)}.consequence-text{font-size:15px;color:var(--consequence-text);line-height:1.5}.free-action-row{display:flex;align-items:flex-start;gap:var(--sp-3)}.free-action-icon{color:var(--green);flex-shrink:0;margin-top:2px}.free-action-row p{font-size:15px;color:var(--gray-333);line-height:1.5}.who-am-i{font-size:15px;color:var(--gray-333);line-height:1.6}.who-am-i strong{color:var(--ink);font-weight:700}.product-card{background:var(--black);border-radius:var(--radius-lg);margin:0 20px 28px;padding:28px 24px;display:flex;flex-direction:column;gap:var(--sp-4);color:var(--white)}.product-caveat{font-family:var(--font-hand);font-weight:700;font-size:24px;color:var(--red);transform:rotate(-2deg)}.product-name{font-family:var(--font-display);font-weight:800;font-size:24px;color:var(--white)}.product-positioning{font-size:14.5px;color:var(--gray-ccc);line-height:1.5}.product-outcomes-label{font-size:14.5px;color:var(--gray-ccc)}.outcomes-list{display:flex;flex-direction:column;gap:var(--sp-3)}.outcome-row{display:flex;align-items:flex-start;gap:var(--sp-3);font-size:14.5px;color:var(--gray-eee);line-height:1.4}.outcome-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--green);color:var(--white);flex-shrink:0;margin-top:1px}.product-who{font-size:12.5px;color:var(--gray-999);text-align:center;line-height:1.4}.result-footer{padding:0 28px;display:flex;flex-direction:column;gap:var(--sp-3);text-align:center}.email-note{font-size:13px;color:var(--deep-red);line-height:1.5}.resend-link{background:none;border:none;color:var(--deep-red);text-decoration:underline;font-size:13px;cursor:pointer;padding:0}.footer-copy{font-size:12.5px;color:var(--gray-bbb);line-height:1.5}.footer-links{font-size:12.5px;color:var(--gray-bbb)}.brand-label{font-family:var(--font-body);font-weight:700;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--green);margin-bottom:var(--sp-4)}.radial-diagram{display:block;width:100%;max-width:340px;margin:var(--sp-6) auto;overflow:visible}.radial-line{stroke:#00bd1373;stroke-width:2;stroke-dasharray:5 7;animation:radial-flow 2.2s linear infinite}.radial-halo{fill:none;stroke:#00bd13;stroke-width:2;opacity:.5;transform-box:fill-box;transform-origin:center;animation:radial-pulse 2.6s ease-out infinite}.radial-hub{fill:var(--black);stroke:#00bd13;stroke-width:3}.radial-funnel{fill:none;stroke:#00bd13;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.radial-node{fill:#00bd13;animation:radial-glow 2s ease-in-out infinite}.radial-label{fill:#fff;font-family:var(--font-display);font-weight:600;font-size:11px;letter-spacing:1.5px}@keyframes radial-flow{to{stroke-dashoffset:-24}}@keyframes radial-pulse{0%{transform:scale(1);opacity:.5}to{transform:scale(1.7);opacity:0}}@keyframes radial-glow{0%,to{opacity:1}50%{opacity:.35}}.optional{font-weight:400;color:var(--gray-999);font-size:12px}.phone-row{display:flex;gap:var(--sp-2)}.phone-country{flex-shrink:0;max-width:170px;padding:15px 12px;border:1.5px solid var(--input-border);border-radius:var(--radius-card);font-family:var(--font-body);font-size:16px;color:var(--gray-333);background:var(--white)}.phone-input{flex:1;min-width:0;padding:15px 16px;border:1.5px solid var(--input-border);border-radius:var(--radius-card);font-family:var(--font-body);font-size:16px;color:var(--gray-333);outline:none}.phone-input:focus,.phone-country:focus{border:2px solid var(--ink)}.phone-input::placeholder{color:var(--gray-999)}@media (prefers-reduced-motion: reduce){.spinner{animation:none}.progress-fill{transition:none}*{transition:none!important;animation:none!important}}