:root{--ink:#0f172a;--muted:#64748b;--cream:#f8fafc;--paper:#fff;--line:#e2e8f0;--green:#0d9488;--lime:#84cc16;--dark:#0f172a;--blue:#0284c7;--amber:#d97706;--crimson:#dc2626}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#f8fafc;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#ffffffeb;justify-content:space-between;align-items:center;height:80px;padding:0 clamp(24px,5vw,80px);display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;align-items:center;gap:12px;font-size:20px;font-weight:700;display:flex}.brand strong{color:var(--green)}.logo{border:2px solid var(--green);border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:relative}.logo:before,.logo:after,.logo b{content:"";background:var(--green);border-radius:50%;position:absolute}.logo:before{width:12px;height:12px}.logo:after{width:3px;height:3px;top:8px;left:5px}.logo b{width:4px;height:4px;bottom:7px;right:5px}nav{align-items:center;gap:28px;font-size:14px;font-weight:600;display:flex}.badge-pill{border:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:#f1f5f9;border-radius:99px;padding:6px 14px;font-size:11px}.hero{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:1.1fr .9fr;min-height:640px;display:grid}.heroCopy{padding:clamp(60px,8vw,110px) 40px 60px clamp(28px,8vw,120px)}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.15em;align-items:center;gap:10px;margin:0 0 18px;font-size:11px;font-weight:700;display:flex}.eyebrow i{background:currentColor;width:24px;height:2px}h1{letter-spacing:-.04em;color:#0f172a;margin:0;font:700 clamp(44px,5vw,76px)/1.04 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}h1 em{color:var(--green);font-style:normal}.lead{max-width:560px;color:var(--muted);margin-top:24px;font-size:16px;line-height:1.7}.actions{align-items:center;gap:24px;margin-top:36px;display:flex}.primary,.analyze{color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:8px;justify-content:space-between;gap:24px;padding:15px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #0f172a26}.primary:hover,.analyze:hover{background:#1e293b;transform:translateY(-1px)}.under{color:#334155;border-bottom:2px solid;padding:6px 0;font-size:14px;font-weight:600}.trust{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;flex-wrap:wrap;gap:24px;margin-top:60px;font-size:11px;display:flex}.trust b{color:var(--green)}.visual{background:#09131b;place-items:center;display:grid;position:relative;overflow:hidden}.retina{aspect-ratio:1;background:radial-gradient(circle at 42% 46%,#e3e97b 0 3%,#bfa93d 4%,#894c20 10%,#6e2b1a 27%,#251a15 65%,#0d211d 72%);border-radius:50%;width:min(50vw,380px);position:relative;box-shadow:0 0 90px #cde95d2e,inset -30px -25px 60px #071410}.retina i{background:#eddb83;border-radius:50%;width:12%;height:14%;position:absolute;top:43%;left:38%;box-shadow:0 0 24px #e3cd5e}.vessel{transform-origin:0;background:linear-gradient(90deg,#dfb64b,#7d2419,#0000);width:42%;height:2px;position:absolute;top:49%;left:44%}.v1{transform:rotate(-22deg)}.v2{transform:rotate(18deg)}.v3{width:35%;transform:rotate(48deg)}.orbit{border:1px solid #cde95d2e;border-radius:50%;position:absolute}.one{width:460px;height:460px}.two{border-style:dashed;width:560px;height:560px}.scan{background:linear-gradient(90deg,#0000,#38bdf8,#0000);width:100%;height:2px;animation:4s ease-in-out infinite scan;position:absolute;box-shadow:0 0 16px #38bdf8}@keyframes scan{0%,to{opacity:.2;transform:translateY(-180px)}50%{opacity:.9;transform:translateY(180px)}}.visual small{color:#38bdf8;letter-spacing:.15em;font-size:11px;font-weight:700;position:absolute;bottom:7%;right:8%}.demoBannerSection{border-bottom:1px solid var(--line);background:#fff;padding:48px clamp(24px,7vw,120px)}.demoHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.demoHeader h3{color:#0f172a;margin:0 0 6px;font-size:22px}.demoHeader p{color:var(--muted);margin:0;font-size:14px}.guideToggleBtn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.guideToggleBtn:hover{color:#0f172a;background:#e2e8f0}.inputGuideCard{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;padding:20px 24px;display:grid}.guideCol h4{margin:0 0 10px;font-size:14px}.validCol h4{color:#059669}.invalidCol h4{color:#dc2626}.guideCol ul{color:#475569;margin:0;padding-left:20px;font-size:13px;line-height:1.6}.demoGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.demoCard{cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;flex-direction:column;padding:14px;transition:all .2s;display:flex}.demoCard:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 8px 20px #0d94881a}.demoCard.selectedCard{border-color:var(--green);background:#f0fdfa;box-shadow:0 0 0 2px #0d948833}.demoThumbWrapper{background:#09131b;border-radius:6px;margin-bottom:12px;position:relative;overflow:hidden}.demoThumb{object-fit:contain;width:100%;height:140px;display:block}.demoBadge{color:#fff;text-transform:uppercase;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #0000004d}.demoInfo{flex-direction:column;flex:1;display:flex}.demoInfo strong{color:#0f172a;margin-bottom:4px;font-size:13px}.demoInfo p{color:var(--muted);flex:1;margin:0 0 12px;font-size:12px;line-height:1.4}.btnSelectDemo{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:8px 12px;font-size:12px;font-weight:600;transition:all .15s}.btnSelectDemo:hover,.btnSelectDemo.active{color:#fff;background:#0f172a;border-color:#0f172a}.demoCard.selectedCard .btnSelectDemo{background:var(--green);color:#fff;border-color:var(--green)}.screening,.reportSection,.process{padding:80px clamp(24px,7vw,120px)}.screening{background:#f1f5f9}.heading{max-width:640px;margin-bottom:36px}.heading h2{letter-spacing:-.03em;color:#0f172a;margin:0 0 8px;font-size:clamp(32px,3.5vw,44px)}.heading>p:last-child{color:var(--muted);margin:0;line-height:1.6}.card{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:1.05fr .95fr;display:grid;overflow:hidden;box-shadow:0 16px 40px #0f172a0f}.patient,.upload{padding:36px}.patient{border-right:1px solid var(--line)}.title{gap:14px;margin-bottom:24px;display:flex}.title>span{color:#fff;background:#0f172a;border-radius:50%;flex:0 0 28px;place-items:center;height:28px;font-size:12px;font-weight:700;display:grid}.title h3{color:#0f172a;margin:0 0 4px;font-size:18px}.title p{color:var(--muted);margin:0;font-size:13px}.grid{grid-template-columns:1fr 1fr;gap:18px 14px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.fieldLabel{text-transform:uppercase;letter-spacing:.06em;color:#475569;font-size:11px;font-weight:700}.grid input,.grid select,.emailInputRow input{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:12px 14px;font-size:14px;transition:all .15s}.grid input:focus,.grid select:focus,.emailInputRow input:focus{border-color:var(--green);box-shadow:0 0 0 3px #0d948826}.drop{cursor:pointer;text-align:center;background:#f8fafc;border:2px dashed #94a3b8;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:20px;transition:all .2s;display:flex;position:relative;overflow:hidden}.drop.dragging,.drop:hover{border-color:var(--green);background:#f0fdfa}.drop>input{opacity:0;cursor:pointer;z-index:10;position:absolute;inset:0}.drop>i{color:var(--green);margin-bottom:8px;font-size:32px}.drop strong{color:#1e293b;font-size:14px}.drop>small{color:var(--muted);margin-top:6px;font-size:12px}.previewContainer{flex-direction:column;align-items:center;gap:8px;display:flex}.previewContainer img{object-fit:contain;border-radius:6px;max-width:100%;max-height:140px;box-shadow:0 4px 10px #0000001a}.previewContainer b{color:#0f172a;font-size:12px}.enhancementBadge{color:#0369a1;background:#e0f2fe;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:700}.consent{color:#475569;align-items:flex-start;gap:10px;margin:18px 0;font-size:12px;line-height:1.5;display:flex}.consent input{accent-color:var(--green);margin-top:2px}.errorBanner{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #ef4444;border-radius:6px;margin-bottom:14px;padding:12px 14px;font-size:13px}.reportSection{border-top:1px solid var(--line);background:#fff}.reportHeaderBar{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.reportHeaderBar h2{color:#0f172a;margin:0;font-size:clamp(28px,3vw,36px)}.reportActions{gap:12px;display:flex}.btnAction{cursor:pointer;border:1px solid var(--line);color:#1e293b;background:#fff;border-radius:6px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.btnAction:hover{background:#f1f5f9;border-color:#cbd5e1}.printBtn{color:#fff;background:#0f172a;border-color:#0f172a}.printBtn:hover{background:#1e293b}.diagnosticDocument{background:#fff;border:1px solid #cbd5e1;border-radius:12px;max-width:900px;margin:0 auto;padding:40px;box-shadow:0 10px 30px #0000000d}.docHeader{border-bottom:2px solid #0f172a;justify-content:space-between;align-items:flex-start;margin-bottom:28px;padding-bottom:24px;display:flex}.docBrand h2{letter-spacing:-.03em;color:#0f172a;margin:0;font-size:26px;font-weight:800}.docBrand .highlight{color:var(--green)}.docBrand p{color:#334155;margin:4px 0 2px;font-size:13px;font-weight:600}.docBrand small{color:var(--muted);font-size:11px}.docMeta{text-align:right;font-size:12px}.metaRow{margin-bottom:4px}.metaRow span{color:var(--muted);margin-right:6px}.sectionBox{margin-bottom:28px}.sectionTitle{text-transform:uppercase;letter-spacing:.06em;color:#0f172a;border-bottom:1px solid var(--line);margin:0 0 14px;padding-bottom:6px;font-size:14px}.infoTable{border-collapse:collapse;width:100%;font-size:13px}.infoTable th,.infoTable td{text-align:left;border:1px solid #e2e8f0;padding:10px 14px}.infoTable th{color:#475569;background:#f8fafc;width:18%;font-weight:600}.statusOk{color:#059669;font-weight:700}.enhancedTag{color:#0284c7;font-size:11px;font-weight:600}.diagnosisBanner{border-left:8px solid;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:28px;padding:24px 28px;display:flex}.diagnosisBanner.no-dr{background:#ecfdf5;border-left-color:#059669}.diagnosisBanner.mild{background:#f0f9ff;border-left-color:#0284c7}.diagnosisBanner.moderate{background:#fffbeb;border-left-color:#d97706}.diagnosisBanner.severe-pdr{background:#fef2f2;border-left-color:#dc2626}.bannerEyebrow{text-transform:uppercase;letter-spacing:.1em;color:#64748b;font-size:11px;font-weight:700}.diagnosisClass{color:#0f172a;margin:4px 0;font-size:32px;font-weight:800}.diagnosisStage{color:#334155;margin:0;font-size:15px;font-weight:600}.bannerRight{text-align:right;flex-direction:column;gap:8px;display:flex}.confLabel{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:11px}.confValue{color:#0f172a;font-size:28px;font-weight:800;display:block}.severityBadge strong{color:#0f172a;font-weight:700}.classBarsContainer{flex-direction:column;gap:12px;display:flex}.classBarRow{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:10px 14px}.classBarRow.primaryRow{background:#fff;border-color:#94a3b8;box-shadow:0 2px 6px #0000000a}.classLabel{justify-content:space-between;margin-bottom:6px;font-size:13px;font-weight:600;display:flex}.meterTrack{background:#e2e8f0;border-radius:99px;height:8px;overflow:hidden}.meterFill{border-radius:99px;height:100%;transition:width .6s}.fill-nodr{background:#059669}.fill-mild{background:#0284c7}.fill-moderate{background:#d97706}.fill-severepdr{background:#dc2626}.scansGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.scanFigure{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:0;padding:12px}.scanFigure img{object-fit:contain;background:#09131b;border-radius:6px;width:100%;height:220px}.scanFigure figcaption{color:#334155;margin-top:8px;font-size:12px}.observationsGrid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.obsCard{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.obsCard h4{color:#0f172a;margin:0 0 8px;font-size:13px}.obsCard p{color:#475569;margin:0;font-size:13px;line-height:1.5}.signatureSection{border-top:1px solid #e2e8f0;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px;padding-top:24px;display:grid}.sigBox span{color:#64748b;font-size:12px}.sigLine{border-bottom:1px dashed #94a3b8;height:40px;margin-bottom:6px}.sigBox small{color:var(--muted);font-size:11px}.disclaimerBox{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-top:24px;padding:12px 16px;font-size:11px;line-height:1.4}.emailSection{border:1px solid var(--line);background:#f8fafc;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;max-width:900px;margin:32px auto 0;padding:24px 32px;display:flex}.emailCopy h3{color:#0f172a;margin:0 0 4px;font-size:16px}.emailCopy p{color:var(--muted);margin:0;font-size:13px}.emailInputRow{gap:8px;display:flex}.emailInputRow input{min-width:240px}.btnSend{background:var(--green);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:6px;padding:10px 20px;font-size:13px;font-weight:600}.btnSend:disabled{opacity:.6}.msgSuccess{color:#059669;margin-top:6px;font-size:12px;font-weight:600;display:block}.msgError{color:#dc2626;margin-top:6px;font-size:12px;font-weight:600;display:block}.process{color:#fff;background:#0f172a}.process .eyebrow{color:#38bdf8}.process .heading h2{color:#fff}.steps{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stepCard{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:24px}.stepCard b{color:#38bdf8;font-size:12px}.stepCard h3{margin:16px 0 8px;font-size:18px}.stepCard p{color:#94a3b8;margin:0;font-size:13px;line-height:1.6}footer{border-top:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:28px clamp(24px,7vw,120px);display:flex}footer p{color:var(--muted);margin:0;font-size:12px}@media print{body{font-size:12pt;color:#000!important;background:#fff!important}.no-print{display:none!important}.reportSection{border:none!important;padding:0!important}.diagnosticDocument{box-shadow:none!important;border:none!important;max-width:100%!important;padding:0!important}.docHeader{border-bottom:2px solid #000!important}.diagnosisBanner,.meterFill{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.scanFigure img{height:180px!important}.disclaimerBox{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}@media (width<=900px){nav a{display:none}.hero,.card{grid-template-columns:1fr}.patient{border-right:0;border-bottom:1px solid var(--line)}.steps{grid-template-columns:1fr 1fr}.observationsGrid{grid-template-columns:1fr}.emailSection{flex-direction:column;align-items:flex-start}}@media (width<=600px){header{height:68px}.grid,.steps{grid-template-columns:1fr}.signatureSection{grid-template-columns:1fr;gap:16px}.diagnosisBanner{flex-direction:column;align-items:flex-start;gap:16px}.bannerRight{text-align:left}}