@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#071827;--navy2:#0b2943;--blue:#105da2;--blue2:#2b7cbd;--gold:#b99b67;--ink:#0b1620;--muted:#6c7884;--line:rgba(17,54,83,.13);--shadow:0 32px 90px rgba(7,24,39,.16)}*{box-sizing:border-box}html{background:var(--navy)}body{margin:0;font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(135deg,#071827 0,#0a2338 42%,#0c3150 100%);min-height:100vh;padding:28px 0}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 15% 8%,rgba(38,119,184,.23),transparent 27%),radial-gradient(circle at 88% 82%,rgba(185,155,103,.09),transparent 24%);pointer-events:none}.app-shell{width:min(800px,calc(100% - 32px));min-height:calc(100vh - 56px);margin:auto;background:linear-gradient(150deg,rgba(255,255,255,.99),rgba(246,249,251,.97));box-shadow:var(--shadow);padding:0 48px 120px;position:relative;border:1px solid rgba(255,255,255,.28);border-radius:30px;overflow:hidden}.app-shell:before{content:"";position:absolute;top:0;right:0;width:310px;height:310px;background:radial-gradient(circle at 100% 0,rgba(28,105,166,.09),transparent 68%);pointer-events:none}.topbar{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative}.topbar:after{content:"";position:absolute;bottom:-1px;left:0;width:56px;height:2px;background:var(--gold)}.brand-lockup{display:flex;flex-direction:column;gap:7px}.brand-lockup span{font-family:Manrope,sans-serif;font-size:7px;letter-spacing:.26em;font-weight:700;color:#6e7d89}.logo{width:158px;height:auto}.product-name{font-family:Manrope,sans-serif;font-size:10px;letter-spacing:.28em;font-weight:800;color:var(--blue);border:1px solid rgba(16,93,162,.18);padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.7)}.progress-wrap{padding:28px 0 8px}.progress-meta{display:flex;justify-content:space-between;color:#77838e;font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:11px}.progress-track{height:3px;background:#dfe7ed;border-radius:99px;overflow:hidden}.progress-bar{height:100%;width:14.28%;background:linear-gradient(90deg,var(--gold),var(--blue2));transition:width .45s cubic-bezier(.22,.8,.25,1);border-radius:99px}.screen{display:none;padding:52px 0 24px;animation:enter .42s cubic-bezier(.22,.8,.25,1)}.screen.active{display:block}@keyframes enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:10px;letter-spacing:.22em;color:var(--blue);font-weight:800}.eyebrow:before{content:"";width:24px;height:1px;background:var(--gold)}.hero{padding:19px 0 34px}.hero h1,h2{font-family:Manrope,sans-serif;font-size:clamp(34px,6vw,54px);font-weight:600;line-height:1.03;letter-spacing:-.05em;margin:17px 0 18px;color:var(--navy);max-width:650px}.hero h1:after{content:".";color:var(--gold)}.hero p,.helper{color:var(--muted);font-size:16px;line-height:1.7;max-width:600px}.card{border:1px solid rgba(11,41,67,.1);border-radius:20px;padding:20px;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(239,246,251,.85));box-shadow:0 12px 36px rgba(7,24,39,.06)}.notice{display:flex;gap:15px;align-items:flex-start}.notice p{margin:0;color:#465563;line-height:1.6;font-size:13px}.notice-icon{width:27px;height:27px;display:grid;place-items:center;background:var(--navy);color:white;border-radius:50%;font-weight:800;flex:0 0 auto;box-shadow:0 6px 18px rgba(7,24,39,.19)}.consent{display:flex;gap:13px;align-items:flex-start;margin-top:24px;color:#42505d;font-size:13px;line-height:1.55}.consent input{margin-top:3px;accent-color:var(--blue);width:16px;height:16px}.fields{display:grid;gap:22px;margin-top:34px}.fields label,fieldset{font-family:Manrope,sans-serif;font-size:12px;font-weight:700;color:#354554}.fields input,.fields textarea{width:100%;margin-top:10px;border:1px solid rgba(11,41,67,.12);background:rgba(255,255,255,.82);border-radius:15px;padding:16px 17px;font-family:"DM Sans",sans-serif;font-size:15px;color:var(--ink);outline:none;transition:.22s;box-shadow:0 5px 18px rgba(7,24,39,.025)}.fields input:focus,.fields textarea:focus{border-color:#6f9fc8;background:#fff;box-shadow:0 0 0 4px rgba(36,112,175,.09),0 10px 30px rgba(7,24,39,.05)}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.choice-grid.compact{grid-template-columns:repeat(3,1fr)}.choice-grid button,.segmented button{position:relative;border:1px solid rgba(11,41,67,.12);border-radius:16px;background:rgba(255,255,255,.82);color:#354554;padding:16px 14px;min-height:62px;font-family:Manrope,sans-serif;font-size:13px;font-weight:650;cursor:pointer;transition:.22s;box-shadow:0 7px 22px rgba(7,24,39,.035)}.choice-grid button:hover,.segmented button:hover{border-color:#89aeca;transform:translateY(-1px);box-shadow:0 12px 28px rgba(7,24,39,.07)}.choice-grid button.selected,.segmented button.selected{background:linear-gradient(145deg,var(--navy2),#0e4774);border-color:transparent;color:#fff;box-shadow:0 12px 28px rgba(7,40,66,.22)}.choice-grid button.selected:after,.segmented button.selected:after{content:"✓";position:absolute;right:10px;top:9px;font-size:10px;color:#d5e8f7}.option-groups{display:grid;gap:28px;margin-top:34px}fieldset{border:0;padding:0;margin:0}legend{margin-bottom:12px}.segmented{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.segmented.vertical{grid-template-columns:1fr}.sliders{display:grid;gap:42px;margin-top:39px;padding:26px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.7);box-shadow:0 14px 40px rgba(7,24,39,.05)}.sliders label>span{display:flex;justify-content:space-between;gap:12px;margin-bottom:15px;color:#485867;font-size:12px}.sliders label b{font-weight:700}.sliders input{width:100%;accent-color:var(--blue);height:4px}.result-screen h2{margin-bottom:10px}.result-lead{font-size:16px;color:var(--muted);line-height:1.65}.profile-badge{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,var(--navy2),var(--blue));color:white;border-radius:999px;padding:10px 16px;font-family:Manrope,sans-serif;font-weight:800;font-size:11px;letter-spacing:.12em;margin:12px 0 26px;box-shadow:0 12px 28px rgba(7,40,66,.2)}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.report-item{background:linear-gradient(145deg,#fff,#f3f7fa);border:1px solid var(--line);padding:18px;border-radius:17px;box-shadow:0 8px 24px rgba(7,24,39,.04)}.report-item small{display:block;color:#7b8792;font-family:Manrope,sans-serif;font-size:9px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:7px;font-weight:700}.report-item strong{font-size:14px;color:#263847}.prescription{position:relative;background:linear-gradient(135deg,var(--navy),#0c395e);color:#e8f1f8;padding:23px 24px 23px 27px;margin:28px 0;border-radius:19px;line-height:1.72;box-shadow:0 20px 42px rgba(7,24,39,.18);overflow:hidden}.prescription:after{content:"SL";position:absolute;right:-5px;bottom:-31px;font-family:Manrope,sans-serif;font-size:91px;font-weight:800;color:rgba(255,255,255,.035)}.prescription b{color:#fff}.result-actions{display:flex;gap:10px;margin-top:26px}.actions{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);width:min(704px,calc(100% - 72px));display:flex;justify-content:space-between;gap:12px;padding:12px;background:rgba(255,255,255,.86);backdrop-filter:blur(22px);border:1px solid rgba(11,41,67,.11);border-radius:20px;box-shadow:0 18px 48px rgba(7,24,39,.14);z-index:3}button.primary,button.secondary,button.ghost{border:0;border-radius:13px;padding:14px 20px;font-family:Manrope,sans-serif;font-size:13px;font-weight:750;cursor:pointer;transition:.2s}.primary{background:linear-gradient(135deg,var(--navy2),var(--blue));color:#fff;min-width:138px;box-shadow:0 9px 24px rgba(10,55,91,.2)}.primary:hover{transform:translateY(-1px);box-shadow:0 12px 29px rgba(10,55,91,.27)}.secondary{background:#e7f1f8;color:var(--blue)}.ghost{background:transparent;color:#61707d}.ghost:disabled{opacity:.3;cursor:default}.toast{position:fixed;left:50%;bottom:112px;transform:translate(-50%,20px);background:var(--navy);color:#fff;padding:13px 19px;border:1px solid rgba(255,255,255,.12);border-radius:13px;font-size:12px;box-shadow:0 15px 40px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:.25s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}
.photo-uploader{display:block;margin-top:28px;border:1px solid rgba(11,41,67,.13);border-radius:24px;background:linear-gradient(145deg,#fff,#edf4f8);overflow:hidden;cursor:pointer;box-shadow:0 16px 44px rgba(7,24,39,.08);transition:.22s}.photo-uploader:hover{transform:translateY(-2px);box-shadow:0 22px 52px rgba(7,24,39,.12)}.photo-uploader>input{position:absolute;opacity:0;pointer-events:none}.photo-empty{min-height:305px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.photo-empty[hidden]{display:none}.photo-empty strong{font-family:Manrope,sans-serif;font-size:15px;color:var(--navy)}.photo-empty small{color:var(--muted);font-size:12px}.camera-mark{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy2),var(--blue));color:#fff;font-size:28px;font-weight:300;box-shadow:0 12px 30px rgba(7,40,66,.2)}.photo-preview-wrap{height:420px;position:relative;background:#0a1c2a}.photo-preview-wrap[hidden]{display:none}.photo-preview-wrap img{width:100%;height:100%;object-fit:contain}.face-guide{position:absolute;inset:0;pointer-events:none}.eye-line,.mid-line{position:absolute;background:rgba(255,255,255,.52);box-shadow:0 0 0 1px rgba(7,24,39,.2)}.eye-line{left:13%;right:13%;top:40%;height:1px}.mid-line{top:8%;bottom:8%;left:50%;width:1px}.face-oval{position:absolute;left:24%;right:24%;top:8%;bottom:8%;border:1px solid rgba(255,255,255,.62);border-radius:48% 48% 44% 44%}.change-photo{position:absolute;right:14px;bottom:14px;background:rgba(7,24,39,.82);color:#fff;border:1px solid rgba(255,255,255,.18);padding:9px 12px;border-radius:999px;font-size:10px;font-weight:700}.capture-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.capture-rules span{border:1px solid var(--line);border-radius:13px;padding:12px;background:rgba(255,255,255,.7);font-size:10px;color:#53616e}.capture-rules b{display:block;color:var(--gold);font-family:Manrope,sans-serif;font-size:9px;letter-spacing:.12em;margin-bottom:3px}.report-kicker{font-family:Manrope,sans-serif;font-size:9px;letter-spacing:.2em;font-weight:800;color:var(--gold);margin-bottom:10px}.report-meta{display:grid;grid-template-columns:1.35fr 1fr .8fr;gap:10px;padding:14px 0 22px;margin-top:19px;border-top:1px solid var(--line)}.report-meta span{font-size:12px;font-weight:700;color:#263847}.report-meta small{display:block;font-family:Manrope,sans-serif;font-size:8px;letter-spacing:.14em;color:#84909a;margin-bottom:4px}.section-label{font-family:Manrope,sans-serif;font-size:9px;letter-spacing:.17em;font-weight:800;color:#75838f;margin-bottom:14px}.profile-analysis,.lab-sheet{padding:20px;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.72);margin:0 0 15px;box-shadow:0 10px 28px rgba(7,24,39,.035)}.profile-row{margin-top:11px}.profile-row>div{display:grid;grid-template-columns:22px 1fr 38px;align-items:center;gap:8px;margin-bottom:6px}.profile-row span{font-family:Manrope,sans-serif;font-size:9px;font-weight:800;color:var(--blue)}.profile-row strong{font-size:11px;color:#344656}.profile-row em{font-style:normal;text-align:right;font-size:10px;font-weight:700;color:#6b7883}.profile-row>i{display:block;height:5px;background:#e4ebf0;border-radius:99px;overflow:hidden}.profile-row>i b{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--blue2));border-radius:99px}.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.lab-grid span{padding:12px;border-radius:12px;background:#f3f7fa;border:1px solid rgba(11,41,67,.08)}.lab-grid small{display:block;font-size:8px;letter-spacing:.07em;color:#7a8791;margin-bottom:5px}.lab-grid b{font-size:11px;color:#243846}.report-note{font-size:12px;margin-top:23px;padding-top:16px;border-top:1px solid var(--line)}
@media(max-width:600px){body{padding:0;background:#f6f8fa}.app-shell{width:100%;min-height:100vh;border:0;border-radius:0;padding:0 21px 110px}.topbar{height:87px}.logo{width:137px}.brand-lockup span{font-size:6px}.product-name{font-size:8px;padding:8px 9px}.screen{padding-top:38px}.hero h1,h2{font-size:35px}.choice-grid,.choice-grid.compact{grid-template-columns:1fr 1fr}.segmented{grid-template-columns:1fr 1fr}.report-grid{grid-template-columns:1fr}.report-meta{grid-template-columns:1fr 1fr}.sliders{padding:19px}.actions{bottom:10px;width:calc(100% - 28px);padding:9px}.toast{bottom:90px}}
@page{size:A4;margin:13mm}
@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}html,body{background:#fff!important;padding:0!important;margin:0!important;color:#111!important}body:before,.app-shell:before{display:none!important}.app-shell{width:100%!important;min-height:auto!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important;overflow:visible!important;background:#fff!important}.topbar{height:62px!important;border-bottom:1px solid #cbd5dd!important}.topbar:after{background:#8b7348!important}.brand-lockup span{color:#4b5965!important}.product-name{color:#0b477c!important;background:#fff!important;border-color:#b9c7d2!important}.progress-wrap,.screen:not(.result-screen),.actions,.result-actions,.toast{display:none!important}.result-screen{display:block!important;padding:23px 0 0!important;animation:none!important}.result-screen h2{font-size:29px!important;line-height:1.12!important;margin:8px 0 7px!important;color:#071827!important}.result-lead{font-size:12px!important;line-height:1.5!important;color:#485867!important}.report-meta{padding:10px 0 15px!important;margin-top:12px!important}.profile-badge{margin:4px 0 16px!important;padding:7px 11px!important;background:#e8f0f6!important;color:#0b477c!important;border:1px solid #b8c9d6!important;box-shadow:none!important}.report-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.report-item{padding:12px!important;border-radius:9px!important;background:#fff!important;border:1px solid #ccd7df!important;box-shadow:none!important;break-inside:avoid!important}.report-item small{color:#64727e!important}.report-item strong{font-size:11px!important;line-height:1.35!important;color:#142735!important}.prescription{break-inside:avoid!important;background:#f1f5f8!important;color:#152a3a!important;border:1px solid #aebfcb!important;border-left:4px solid #0d568f!important;box-shadow:none!important;border-radius:9px!important;padding:14px 16px!important;margin:14px 0!important;line-height:1.5!important;font-size:11px!important;overflow:visible!important}.prescription b{color:#0b477c!important}.prescription:after{display:none!important}.report-note{font-size:9px!important;line-height:1.45!important;color:#4e5e69!important;margin-top:13px!important;padding-top:10px!important}.report-kicker{color:#7b653d!important}.logo{width:138px!important}.lab-sheet summary:after{display:none!important}.lab-sheet-body{display:block!important}}
.lab-sheet summary{font-family:Manrope,sans-serif;font-size:12px;font-weight:750;color:var(--blue);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.lab-sheet summary::-webkit-details-marker{display:none}.lab-sheet summary:after{content:"＋";font-size:18px;font-weight:400;color:var(--gold)}.lab-sheet[open] summary:after{content:"−"}.lab-sheet-body{padding-top:18px}
.shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.shape-grid button{position:relative;min-height:178px;padding:20px 14px 16px;border:1px solid rgba(11,41,67,.12);border-radius:19px;background:linear-gradient(145deg,#fff,#f2f7fa);color:#354554;font-family:Manrope,sans-serif;cursor:pointer;box-shadow:0 10px 28px rgba(7,24,39,.055);transition:.24s}.shape-grid button:hover{transform:translateY(-3px);border-color:#8cacc5;box-shadow:0 17px 37px rgba(7,24,39,.1)}.shape-grid button.selected{background:linear-gradient(145deg,var(--navy2),#0e4774);border-color:transparent;color:#fff;box-shadow:0 18px 42px rgba(7,40,66,.23)}.shape-grid button.selected:after{content:"✓";position:absolute;right:12px;top:10px;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.15);font-size:10px}.shape-icon{height:86px;display:grid;place-items:center}.shape-icon svg{width:78px;height:78px;fill:none;stroke:var(--blue);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;transition:.24s}.shape-grid button.selected .shape-icon svg{stroke:#ddecf7}.shape-grid strong{display:block;font-size:13px;margin-top:3px}.shape-grid small{display:block;font-size:10px;color:#7b8791;margin-top:5px}.shape-grid button.selected small{color:#bad3e6}.shape-grid button:last-child{grid-column:2}.shape-grid button:last-child .shape-icon svg{width:90px}@media(max-width:600px){.shape-grid{grid-template-columns:1fr 1fr;gap:10px}.shape-grid button{min-height:154px}.shape-grid button:last-child{grid-column:auto}.shape-icon{height:72px}.shape-icon svg{width:67px;height:67px}}