*{box-sizing:border-box}body{margin:0;background:#edf2f5;color:#10223a;font-family:Arial,Helvetica,sans-serif}.app-shell{width:min(100%,480px);min-height:100vh;margin:auto;background:#fff;box-shadow:0 0 40px rgba(17,34,58,.12)}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:linear-gradient(180deg,#314e66,#223c52);color:white}.brand{font-size:23px;font-weight:800}.brand span{color:#ffb21c}.brand small{display:block;font-size:10px;font-weight:400;opacity:.82;text-align:center}.trial-pill{background:#edf2f6;color:#10223a;border-radius:16px;padding:7px 10px;font-size:12px;font-weight:800;white-space:nowrap}.screen{display:none;padding:18px}.screen.active{display:block}.hero{position:relative;height:245px;border-radius:0 0 22px 22px;margin:-18px -18px 18px;overflow:hidden;background:linear-gradient(135deg,#142b3f,#708291)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 35%,rgba(255,178,28,.38),transparent 25%),linear-gradient(130deg,rgba(10,28,42,.15),rgba(10,28,42,.8))}.hero-copy{position:absolute;left:24px;right:22px;bottom:25px;color:white}.hero h1{font-size:29px;line-height:1.04;margin:0 0 12px}.hero h1 em{font-style:normal;color:#ffb21c}.hero p{font-size:15px;line-height:1.4}.card{background:white;border:1px solid #dde5eb;border-radius:14px;padding:14px;margin-bottom:13px;box-shadow:0 5px 18px rgba(21,45,65,.06)}.offer{display:flex;align-items:center;gap:14px}.gift{font-size:34px;color:#ffb21c}.offer strong{display:block;font-size:22px}.offer span{display:block;font-size:14px;color:#53687a}.primary,.secondary,.small,.voice-start{width:100%;border-radius:10px;border:0;font-weight:800;cursor:pointer}.primary{background:linear-gradient(180deg,#ffbd2b,#f7a800);color:#10223a;padding:16px 14px;font-size:17px;margin-top:10px}.secondary{background:#fff;border:1px solid #9cb0c1;color:#10223a;padding:13px 14px;margin-top:10px;font-size:15px}.small{background:#e8eef3;color:#15324a;padding:10px 12px;margin-top:8px}.upload-btn{display:block;text-align:center}.upload-btn input{display:none}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:20px}.steps div{text-align:center;padding:7px 3px}.steps b{display:flex;margin:0 auto 7px;width:29px;height:29px;border-radius:50%;background:#2d5f7d;color:white;align-items:center;justify-content:center}.steps strong{display:block;font-size:12px}.steps span{display:block;font-size:10px;color:#6b7e8f;margin-top:4px}.tagline{text-align:right;font-size:17px;font-style:italic}.status-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.status-row h2{margin:4px 0 12px}.saved-badge{font-size:11px;color:#527064;background:#edf7f1;padding:6px 8px;border-radius:12px;white-space:nowrap}.photo-wrap{position:relative;border-radius:13px;overflow:hidden;background:#d8e1e6;min-height:220px}.photo-wrap img{display:block;width:100%;max-height:340px;object-fit:cover}.markers{position:absolute;inset:0}.marker{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffb21c;border:2px solid white;font-weight:900}.loading-card{margin:16px 0;background:#f6f9fb;padding:20px;border-radius:14px;text-align:center}.spinner{width:34px;height:34px;border:4px solid #dbe5ec;border-top-color:#245778;border-radius:50%;margin:auto;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.look-card{margin-top:16px;padding:15px;border:1px solid #f1c15b;border-radius:12px;background:#fffaf0;text-align:left;min-height:112px}.look-card span{display:block;font-size:12px;font-weight:900;color:#8a6500;margin-bottom:7px}.look-card strong{display:block;font-size:17px;line-height:1.25}.look-card small{display:block;margin-top:9px;color:#657789}.hidden{display:none!important}.finding{display:grid;grid-template-columns:27px 1fr auto;gap:8px;align-items:center;padding:9px 0;border-top:1px solid #edf1f4}.finding .n{width:23px;height:23px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffb21c;font-weight:900}.finding .cat{font-size:11px;color:#62788a;background:#f0f4f7;border-radius:10px;padding:4px 7px}.finding strong{font-size:14px}.finding p{margin:3px 0;font-size:12px;color:#5c6d7b}.verify,.visible{display:inline-block;margin-top:4px;font-size:10px;font-weight:800}.verify{color:#8a6500}.visible{color:#28734a}textarea{width:100%;border:1px solid #cad7e1;border-radius:9px;padding:11px;font:inherit}.voice-intro{margin:6px 0 10px;color:#53687a;font-size:13px}.voice-start{background:linear-gradient(180deg,#ffbd2b,#f7a800);color:#10223a;padding:14px;font-size:17px}.voice-listening{margin-top:10px;padding:13px;border:1px solid #f1c15b;border-radius:12px;background:#fffaf0;text-align:center}.listen-head{display:flex;align-items:center;justify-content:center;gap:8px}.rec-dot{width:10px;height:10px;border-radius:50%;background:#d92727;display:inline-block;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.3}}.voice-bars{height:30px;display:flex;align-items:center;justify-content:center;gap:4px;margin:7px 0}.voice-bars i{display:block;width:4px;height:9px;border-radius:4px;background:#e99b00;animation:bars .8s ease-in-out infinite}.voice-bars i:nth-child(2){animation-delay:.1s}.voice-bars i:nth-child(3){animation-delay:.2s}.voice-bars i:nth-child(4){animation-delay:.3s}.voice-bars i:nth-child(5){animation-delay:.4s}@keyframes bars{50%{height:27px}}.voice-review{margin-top:10px;padding:12px;border-radius:10px;background:#f6f9fb}.voice-understood{font-weight:900;color:#527064}.voice-review p{font-size:16px;line-height:1.4;margin:7px 0}.voice-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.voice-help{display:block;margin-top:8px;color:#657789}.keyboard-fallback{margin-top:12px}.keyboard-fallback summary{cursor:pointer;font-size:12px;color:#53687a}.keyboard-fallback textarea{margin-top:8px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.category-grid div{text-align:center;background:#f4f7f9;border-radius:10px;padding:11px 5px}.category-grid strong{display:block;font-size:20px}.category-grid span{font-size:10px}.autosave-note{text-align:center;font-size:11px;color:#6b7e8f;margin:9px 0}.resume-card{border:2px solid #f7ad16;background:#fffaf0}.resume-card strong{font-size:18px}.resume-card p{margin:6px 0 3px;color:#53687a}.done-screen,.conversion-screen{text-align:center;padding-top:30px}.check{width:78px;height:78px;border-radius:50%;background:#24a65a;color:white;font-size:46px;line-height:78px;margin:0 auto 16px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.metrics div{border:1px solid #dbe3ea;border-radius:12px;padding:14px 5px}.metrics strong{display:block;font-size:27px}.metrics span,.muted{font-size:11px;color:#53687a}.history-item{display:block;width:100%;text-align:left;background:#fff;color:#10223a;border:1px solid #dce5eb;border-radius:12px;padding:14px;margin-bottom:10px;cursor:pointer}.history-item strong{display:block;font-size:16px}.history-item span{font-size:12px;color:#617487}.history-item p{margin:7px 0}.link-btn{border:0;background:none;color:#245778;font-weight:800;cursor:pointer}.projection-text{white-space:pre-wrap;font-family:inherit;line-height:1.5;color:#344e62}.eyebrow{font-size:12px;font-weight:900;letter-spacing:1px;color:#587083}.conversion-screen h2{font-size:27px;line-height:1.12;margin:8px 0 12px}.conversion-screen h2 em{font-style:normal;color:#e89600}.conversion-lead{line-height:1.45;color:#53687a}.conversion-summary{text-align:left;margin-top:22px}.conversion-summary>.metrics{text-align:center}.next-step{text-align:left;border:2px solid #f7ad16;background:#fffaf0;padding:18px}.next-step h3{font-size:23px;margin:0 0 8px}.next-step p{line-height:1.45}.next-step small{display:block;text-align:center;margin-top:10px;color:#657789;line-height:1.35}.action-link{display:block;text-align:center;text-decoration:none}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.before-after div{position:relative;background:#edf2f5;border-radius:10px;overflow:hidden}.before-after img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.before-after span{position:absolute;z-index:2;left:6px;top:6px;background:rgba(16,34,58,.82);color:#fff;border-radius:12px;padding:5px 8px;font-size:10px;font-weight:900}.before-after div:last-child span{background:#f7a800;color:#10223a}.secondary:disabled,.primary:disabled{opacity:.65;cursor:wait}@media(max-width:380px){.hero h1{font-size:26px}.category-grid{grid-template-columns:repeat(2,1fr)}.conversion-screen h2{font-size:23px}.topbar{padding:12px}.brand{font-size:21px}.trial-pill{font-size:11px}}.observation-photo{margin:10px 0 14px;border-radius:12px;overflow:hidden;background:#d8e1e6}.observation-photo img{display:block;width:100%;max-height:310px;object-fit:contain}.zoomable{cursor:zoom-in;touch-action:manipulation}.before-after .zoomable:active{opacity:.82}.image-lightbox{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(8,20,31,.94);padding:54px 12px 18px}.image-lightbox img{display:block;max-width:100%;max-height:calc(100vh - 110px);object-fit:contain;border-radius:8px;background:#fff}.image-lightbox p{margin:10px 0 0;color:#fff;text-align:center;font-size:13px}.lightbox-close{position:absolute;right:14px;top:10px;width:44px;height:44px;border:0;border-radius:50%;background:#ffb21c;color:#10223a;font-size:30px;line-height:40px;font-weight:900;cursor:pointer}.lightbox-open{overflow:hidden}.access-screen{padding-top:34px;text-align:center}.access-mark{display:flex;align-items:center;justify-content:center;width:68px;height:68px;margin:0 auto 18px;border-radius:50%;background:#fff3d5;color:#e89600;font-size:36px}.access-screen h1{margin:0 0 12px;font-size:29px;line-height:1.08}.access-lead{margin:0 auto 22px;max-width:390px;color:#53687a;font-size:16px;line-height:1.45}.access-card{text-align:left;padding:18px}.access-card label{display:block;margin-bottom:7px;font-size:14px;font-weight:800}.access-card input{width:100%;min-height:50px;border:1px solid #9cb0c1;border-radius:10px;padding:12px;font:inherit;font-size:16px;color:#10223a;background:#fff}.access-card input:focus{outline:3px solid rgba(255,178,28,.3);border-color:#e99b00}.code-step{margin-top:18px;padding-top:15px;border-top:1px solid #dde5eb}.code-step input{text-align:center;font-size:25px;font-weight:900;letter-spacing:7px}.access-status{min-height:20px;margin:12px 0 0;color:#35694d;font-size:13px;line-height:1.35}.access-status.error{color:#a32626}.access-reassurance{margin:15px 6px 0;color:#657789;font-size:12px;line-height:1.45}.access-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-3px 0 10px;padding:8px 10px;border-radius:10px;background:#f4f7f9;color:#53687a;font-size:12px}.access-line .link-btn{flex:0 0 auto;font-size:12px}