:root {
  --bg:#f3f1ea; --ink:#171915; --muted:#66695f; --panel:rgba(255,255,255,.78);
  --line:rgba(23,25,21,.12); --accent:#dfff45; --accent-deep:#b7d72b;
  --danger:#d94c39; --good:#238a54; --amber:#ce8e18; --shadow:0 24px 70px rgba(31,34,22,.09);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45}
button,input,textarea{font:inherit} button{color:inherit}.hidden{display:none!important}
.ambient{position:fixed;pointer-events:none;border-radius:999px;z-index:-1;opacity:.7}.ambient-one{width:440px;height:440px;right:-180px;top:80px;background:radial-gradient(circle,rgba(223,255,69,.48),rgba(223,255,69,0) 68%)}.ambient-two{width:500px;height:500px;left:-260px;top:700px;background:radial-gradient(circle,rgba(194,207,255,.38),rgba(194,207,255,0) 68%)}
.site-header{max-width:1120px;margin:0 auto;padding:24px 28px 8px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:-.02em}.brand-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--ink);color:var(--accent);font-size:12px;letter-spacing:.03em}.header-note{color:var(--muted);font-size:12px}
main{max-width:1120px;margin:0 auto;padding:0 28px 64px}.hero{max-width:860px;padding:72px 0 46px}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:850;color:#6f735f;margin:0 0 12px}.hero h1{font-size:clamp(52px,7.7vw,88px);line-height:.92;letter-spacing:-.062em;margin:0}.hero h1 span{position:relative;display:inline-block}.hero h1 span::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:12px;background:var(--accent);z-index:-1;transform:rotate(-1deg);border-radius:3px}.hero-copy{max-width:690px;font-size:17px;color:var(--muted);margin:28px 0 22px}.trust-row{display:flex;flex-wrap:wrap;gap:8px}.trust-row span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;font-size:11px;background:rgba(255,255,255,.45);color:#565a4f}
h2{font-size:32px;letter-spacing:-.04em;margin:0;line-height:1.06}.checker-shell,.result-section{background:var(--panel);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.86);box-shadow:var(--shadow);border-radius:28px;padding:30px}.checker-subcopy{color:var(--muted);margin:8px 0 0;font-size:13px}.checker-head,.label-row,.result-top,.result-actions{display:flex;align-items:center;justify-content:space-between;gap:18px}form{margin-top:24px}
.screenshot-stage{padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.36)}.screenshot-label-row{margin-bottom:12px}.screenshot-label-row label{font-size:13px;font-weight:800}.screenshot-label-row span{font-size:11px;color:#8a8e82;white-space:nowrap}
.dropzone{display:flex!important;align-items:center;justify-content:center;cursor:pointer;border:1.5px dashed rgba(23,25,21,.22);border-radius:16px;background:rgba(255,255,255,.4);transition:.18s ease}.dropzone:hover,.dropzone.dragover{border-color:var(--ink);background:rgba(223,255,69,.12)}.dropzone-hero{min-height:210px;flex-direction:column;text-align:center;gap:14px;outline:none}.dropzone-hero:focus-visible{box-shadow:0 0 0 4px rgba(183,215,43,.25);border-color:var(--accent-deep)}.dropzone-hero.paste-flash{border-color:var(--accent-deep);background:rgba(223,255,69,.16)}
.drop-graphic{width:104px;height:80px;position:relative;display:grid;place-items:center}.phone-frame{width:49px;height:73px;border:2px solid var(--ink);border-radius:10px;background:white;padding:6px 5px;box-shadow:0 9px 22px rgba(23,25,21,.08);transform:rotate(-3deg)}.phone-frame::before{content:"";display:block;width:15px;height:3px;margin:0 auto 4px;border-radius:999px;background:#d5d7ce}.phone-image{display:block;height:31px;border-radius:5px;background:linear-gradient(135deg,#d9ddd1 0 42%,var(--accent) 42% 66%,#8d9385 66%)}.phone-lines{display:block;height:18px;margin-top:5px;background:repeating-linear-gradient(to bottom,#dbddd6 0 2px,transparent 2px 6px)}.scan-corner{position:absolute;width:20px;height:20px;border-color:var(--accent-deep)}.c1{left:0;top:0;border-left:3px solid;border-top:3px solid;border-radius:6px 0 0}.c2{right:0;top:0;border-right:3px solid;border-top:3px solid;border-radius:0 6px 0 0}.c3{left:0;bottom:0;border-left:3px solid;border-bottom:3px solid;border-radius:0 0 0 6px}.c4{right:0;bottom:0;border-right:3px solid;border-bottom:3px solid;border-radius:0 0 6px}.drop-copy strong{display:block;font-size:16px;letter-spacing:-.02em}.drop-copy span{display:block;margin-top:4px;color:#888c80;font-size:10px}.drop-copy kbd{display:inline-block;padding:1px 5px;border:1px solid rgba(23,25,21,.17);border-bottom-width:2px;border-radius:5px;background:rgba(255,255,255,.78);color:var(--ink);font:700 9px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.paste-mobile{display:none!important}
.capture-actions{display:none;margin-top:10px}.camera-button{align-items:center;gap:10px;min-height:54px;padding:10px 13px;border:1px solid var(--line);border-radius:13px;background:var(--ink);color:white;cursor:pointer}.camera-button>span:last-child{display:flex;flex-direction:column}.camera-button strong{font-size:11px}.camera-button small{color:rgba(255,255,255,.68);font-size:9px}.camera-icon{width:28px;height:22px;border:2px solid currentColor;border-radius:6px;display:grid;place-items:center;font-size:8px;position:relative}.camera-icon::before{content:"";position:absolute;width:10px;height:5px;border-radius:3px 3px 0 0;border:2px solid currentColor;border-bottom:0;left:3px;top:-7px}
.preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.preview-card{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.65)}.preview{position:relative;aspect-ratio:4/3;overflow:hidden;background:white}.preview img{width:100%;height:100%;object-fit:cover;display:block}.remove-image{position:absolute;top:7px;right:7px;width:28px;height:28px;border-radius:999px;border:0;background:rgba(23,25,21,.84);color:white;cursor:pointer}.image-number{position:absolute;left:8px;bottom:8px;background:rgba(23,25,21,.78);color:white;border-radius:7px;padding:4px 6px;font-size:9px;font-weight:850;letter-spacing:.08em}
.context-details{margin-top:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.38);overflow:hidden}.context-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px}.context-details summary::-webkit-details-marker{display:none}.context-details summary>span:first-child{display:flex;flex-direction:column;gap:3px}.context-details summary strong{font:700 14px/1.25 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.01em}.context-details summary small{color:var(--muted);font:400 12px/1.4 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin-top:0;letter-spacing:0}.summary-plus{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:white;border:1px solid var(--line);transition:.2s}.context-details[open] .summary-plus{transform:rotate(45deg)}.context-body{border-top:1px solid var(--line);padding:0 16px 16px}.field.full{margin-top:14px}.field label{display:block;font:700 13px/1.35 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin-bottom:8px;letter-spacing:-.005em}.field small{display:block;margin-top:7px;color:#74786d;font:400 12px/1.45 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}textarea{width:100%;min-height:92px;resize:vertical;border:1px solid var(--line);background:rgba(255,255,255,.76);color:var(--ink);border-radius:12px;outline:none;padding:13px 14px;font:400 14px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transition:.15s}textarea:focus{border-color:rgba(23,25,21,.36);box-shadow:0 0 0 4px rgba(223,255,69,.25);background:white}
.progress-box{margin:14px 0 0;padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.68);display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;align-items:center;box-shadow:0 10px 28px rgba(31,34,22,.045)}.progress-content{min-width:0}.analysis-loader{width:38px;height:38px;position:relative;display:grid;place-items:center}.loader-lens{width:25px;height:25px;border:2px solid var(--ink);border-radius:50%;position:relative;animation:inspectSweep 1.45s ease-in-out infinite;transform-origin:55% 55%}.loader-lens::after{content:"";position:absolute;width:12px;height:2px;border-radius:999px;background:var(--ink);right:-9px;bottom:-4px;transform:rotate(45deg);transform-origin:left center}.loader-lens::before{content:"";position:absolute;inset:5px;border-radius:50%;background:rgba(223,255,69,.72);animation:lensPulse 1.45s ease-in-out infinite}.loader-scan{position:absolute;width:28px;height:2px;border-radius:999px;background:var(--accent-deep);top:18px;left:2px;opacity:.8;animation:scanLine 1.45s ease-in-out infinite}.progress-track{height:6px;border-radius:999px;background:#e1e3dc;overflow:hidden;margin-top:10px;position:relative}.progress-track::after{content:"";position:absolute;inset:0;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:progressShimmer 1.15s linear infinite;pointer-events:none}.progress-track span{display:block;height:100%;width:0;background:var(--ink);transition:width .32s ease;border-radius:inherit}.progress-copy{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:0}.progress-copy strong{font:700 13px/1.35 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.005em}.progress-copy span{color:var(--muted);font:400 11.5px/1.4 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:right;max-width:56%}@keyframes inspectSweep{0%,100%{transform:translateX(-2px) rotate(-7deg)}50%{transform:translateX(3px) rotate(7deg)}}@keyframes lensPulse{0%,100%{transform:scale(.78);opacity:.28}50%{transform:scale(1);opacity:.78}}@keyframes scanLine{0%,100%{transform:translateY(-7px) scaleX(.65);opacity:0}20%{opacity:.85}50%{transform:translateY(7px) scaleX(1);opacity:.9}80%{opacity:.65}}@keyframes progressShimmer{from{transform:translateX(-130%)}to{transform:translateX(360%)}}@media(prefers-reduced-motion:reduce){.loader-lens,.loader-lens::before,.loader-scan,.progress-track::after{animation:none!important}}
.primary-button{width:100%;margin-top:16px;border:0;border-radius:14px;background:var(--ink);color:white;padding:15px 17px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:850;letter-spacing:-.01em;transition:.18s}.primary-button:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(23,25,21,.17)}.primary-button:disabled{opacity:.55;cursor:wait;transform:none}.button-arrow{color:var(--accent);font-size:19px}.analysis-note{margin:9px 2px 0;color:#85897e;font-size:10px}
.result-section{margin-top:24px}.score-wrap{display:flex;align-items:center;gap:20px}.score-ring{--risk-color:var(--amber);width:116px;height:116px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--risk-color) calc(var(--score)*1%),#e7e6df 0);position:relative}.score-ring::before{content:"";position:absolute;inset:9px;background:#faf9f5;border-radius:50%}.score-inner{z-index:1;text-align:center;line-height:1}.score-inner strong{display:block;font-size:36px;letter-spacing:-.05em}.score-inner span{display:block;color:var(--muted);font-size:9px;margin-top:5px}.recommendation{max-width:590px;color:var(--muted);margin:8px 0 0;font-size:13px}.confidence-card{min-width:122px;text-align:right;padding:12px;background:rgba(255,255,255,.58);border:1px solid var(--line);border-radius:13px}.confidence-card span,.confidence-card small{color:var(--muted);font-size:9px;display:block}.confidence-card strong{font-size:22px;display:block}
.extracted-panel{margin-top:22px;padding:17px;border:1px solid var(--line);border-radius:16px;background:rgba(223,255,69,.10)}.card-title{display:flex;align-items:center;gap:8px;margin-bottom:13px}.card-title h3{margin:0;font-size:14px}.dot{width:8px;height:8px;border-radius:999px;flex:0 0 auto}.dot.ink{background:var(--ink)}.dot.red{background:var(--danger)}.dot.green{background:var(--good)}.dot.amber{background:var(--amber)}.extracted-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.extract-item{min-height:62px;padding:10px;border:1px solid rgba(23,25,21,.09);border-radius:11px;background:rgba(255,255,255,.6)}.extract-item span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.065em;font-weight:750}.extract-item strong{display:block;margin-top:6px;font-size:13px;line-height:1.35}.extract-notes{grid-column:1/-1;font-size:12px;line-height:1.45;color:var(--muted);padding:3px 1px 0}
.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.result-card{background:rgba(255,255,255,.62);border:1px solid var(--line);border-radius:16px;padding:18px}.signal{padding:11px 0;border-top:1px solid rgba(23,25,21,.08)}.signal:first-child{border-top:0;padding-top:0}.signal:last-child{padding-bottom:0}.signal strong{display:block;font-size:13px;line-height:1.35}.signal p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.signal-weight{float:right;color:#8d9186;font-size:10px;font-weight:700}.questions-card{margin-top:14px}.questions-card ol{margin:0;padding-left:20px}.questions-card li{padding:6px 3px;color:#55594f;font-size:13px;line-height:1.45}.result-actions{justify-content:flex-end;margin-top:13px}.ghost-button{border:1px solid var(--line);background:rgba(255,255,255,.58);border-radius:11px;padding:9px 12px;cursor:pointer;font-weight:700;font-size:12px;transition:.18s}.ghost-button:hover{transform:translateY(-1px);background:white}
.how-it-works{padding:66px 0 14px;display:grid;grid-template-columns:.9fr 1.5fr;gap:62px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.steps article{border-top:1px solid var(--line);padding-top:13px}.steps span{font-size:9px;color:#999c90;font-weight:800}.steps h3{font-size:13px;margin:15px 0 5px}.steps p{font-size:11px;color:var(--muted);margin:0}
.site-footer{max-width:1120px;margin:0 auto;padding:20px 28px 34px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;color:#86897e;font-size:10px}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer-links a,.back-link{color:inherit;text-decoration:none}.footer-links a:hover,.back-link:hover{text-decoration:underline}
.legal-page{max-width:780px;margin:0 auto;padding:54px 24px 80px;color:var(--ink)}.legal-page h1{font-size:clamp(42px,7vw,64px);line-height:1;letter-spacing:-.055em;margin:12px 0 26px}.legal-page h2{font-size:22px;margin:34px 0 10px}.legal-page p,.legal-page li{color:#565a4f;font-size:15px}.legal-page ul{padding-left:22px}.legal-section{margin-top:34px;padding-top:8px;border-top:1px solid var(--line)}.back-link{font-weight:750;font-size:13px}.guide-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:28px}.guide-card{display:flex;flex-direction:column;gap:5px;padding:16px 17px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.56);color:var(--ink);text-decoration:none}.guide-card:hover{background:white;transform:translateY(-1px)}.guide-card strong{font-size:14px}.guide-card span{color:var(--muted);font-size:12px}
@media(max-width:800px){.header-note{display:none}.hero{padding-top:54px}.hero h1{font-size:clamp(50px,14vw,70px)}.checker-shell,.result-section{padding:21px;border-radius:22px}.result-top{align-items:flex-start;flex-direction:column}.preview-grid,.extracted-grid{grid-template-columns:repeat(2,1fr)}.result-grid,.how-it-works{grid-template-columns:1fr}.how-it-works{gap:28px;padding-top:54px}.steps{grid-template-columns:1fr}.confidence-card{text-align:left}.capture-actions{display:block}.camera-button{display:flex;width:100%}.paste-desktop{display:none!important}.paste-mobile{display:block!important}.drop-copy kbd{display:none}.site-footer{flex-direction:column;gap:8px}}
@media(max-width:520px){main,.site-header{padding-left:16px;padding-right:16px}.hero-copy{font-size:15px}.score-wrap{align-items:flex-start;flex-direction:column}.screenshot-stage{padding:13px}.dropzone-hero{min-height:185px}.preview-grid,.extracted-grid{grid-template-columns:1fr}.result-actions{display:grid;grid-template-columns:1fr 1fr}.ghost-button{text-align:center}.progress-box{grid-template-columns:36px minmax(0,1fr);padding:13px}.analysis-loader{width:34px;height:34px}.progress-copy{flex-direction:column;gap:2px}.progress-copy span{text-align:left;max-width:none}}