:root{--ink:#17212b;--muted:#65727d;--green:#168447;--green-soft:#e9f8ee;--red:#d93f45;--red-soft:#fff0f0;--yellow:#b47700;--line:#e4e9ed;--wash:#f6f8fa;--shadow:0 16px 40px rgba(24,39,52,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-shell{min-height:100vh;padding:0 24px 60px}.container{max-width:1240px;margin:auto}.topbar{align-items:center;background:#fffffff0;border-bottom:1px solid var(--line);display:grid;gap:24px;grid-template-columns:auto 1fr auto;padding:16px 0;position:sticky;top:0;z-index:10}.brand-block{align-items:center;display:flex;gap:10px}.brand-mark{align-items:center;background:var(--green);border-radius:12px;color:#fff;display:grid;font-weight:900;height:40px;justify-content:center;width:40px}.brand-copy{display:grid;gap:2px}.brand-name{font-size:.9rem;font-weight:900;letter-spacing:.15em}.brand-tagline{color:var(--muted);font-size:.68rem}.nav{display:flex;gap:8px;justify-content:center}.nav a{border-radius:8px;color:var(--muted);font-size:.84rem;font-weight:700;padding:9px 11px}.nav a:hover,.nav a.active{background:var(--wash);color:var(--ink)}.nav-cta{background:var(--green)!important;color:#fff!important;border-radius:9px!important;font-weight:800!important;padding:11px 16px!important}.landing-page,.analysis-shell,.result-shell,.dashboard-shell{animation:reveal .55s ease both}.hero-shell{align-items:center;display:grid;gap:40px;grid-template-columns:1fr 1fr;min-height:650px;padding:55px 0}.hero-copy h1{font-size:clamp(3.5rem,8vw,7rem);letter-spacing:-.08em;line-height:.88;margin:14px 0 22px}.hero-copy h1 span{color:var(--green);display:block}.hero-copy h1 span:after{color:var(--red);content:"."}.kicker{color:var(--red);font-size:.7rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.hero-copy p,.section-header p,.process-step p,.feature-card p,.why-card p,.dashboard-card p,.analysis-card p,.result-card p,.note-text{color:var(--muted);line-height:1.75}.hero-copy p{font-size:1.05rem;max-width:600px}.hero-actions,.inline-actions,.result-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:26px}.primary-btn,.secondary-btn,.ghost-btn,.action-chip{border-radius:10px;font-weight:800;padding:13px 18px;transition:.2s}.primary-btn{background:var(--green);border:0;box-shadow:0 10px 22px #16844733;color:#fff}.secondary-btn{background:var(--green-soft);border:1px solid #bde7cb;color:var(--green)}.ghost-btn,.action-chip{background:#fff;border:1px solid var(--line);color:var(--ink)}.primary-btn:hover,.secondary-btn:hover,.ghost-btn:hover,.action-chip:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.hero-stats{display:flex;gap:30px;margin-top:36px}.stat strong{color:var(--green);display:block;font-size:1.7rem}.stat span{color:var(--muted);font-size:.76rem}.hero-visual{min-height:480px;position:relative}.visual-orb{background:radial-gradient(circle,rgba(22,132,71,.15),transparent 68%);height:520px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:520px}.visual-grid{align-items:center;background:linear-gradient(145deg,#f5fbf7,#fff7f7);border:1px solid var(--line);border-radius:28px;display:grid;height:350px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:350px}.visual-grid:before{border:1px dashed #a6d9b6;border-radius:50%;content:"";height:275px;position:absolute;width:275px;animation:rotate 16s linear infinite}.shield-ring{align-items:center;border:2px solid var(--green);border-radius:50%;display:grid;height:220px;justify-content:center;position:relative;width:220px;animation:float 5s ease-in-out infinite}.shield-core{align-items:center;background:var(--green);border-radius:42% 42% 48% 48%;box-shadow:0 12px 28px #16844740;color:#fff;display:grid;font-size:5rem;font-weight:900;height:125px;justify-content:center;width:112px}.security-badge,.floating-card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:13px 15px;position:absolute;z-index:2}.security-badge{left:1%;top:9%}.floating-card{animation:float 4s ease-in-out infinite reverse;bottom:8%;right:0}.security-badge strong,.floating-card strong{display:block;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.security-badge span{color:var(--green);font-weight:800}.floating-card strong{color:var(--red);font-size:1rem}.floating-card span{color:var(--muted);font-size:.75rem}.hero-visual:after{color:var(--green);content:"✓  VERIFICATION COMPLETE";font-size:.64rem;font-weight:900;letter-spacing:.08em;position:absolute;right:8%;top:16%}.section{padding:62px 0 18px}.section-header{text-align:center;margin-bottom:26px}.section-header h2{font-size:clamp(2rem,4vw,3.1rem);letter-spacing:-.05em;margin:10px 0}.process-grid,.features-grid,.why-grid,.dashboard-grid,.result-grid,.preview-grid{display:grid;gap:16px}.process-grid{grid-template-columns:repeat(4,1fr)}.features-grid,.why-grid{grid-template-columns:repeat(3,1fr)}.process-step,.feature-card,.why-card,.dashboard-card,.analysis-card,.result-card,.history-card,.empty-state{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.process-step,.feature-card,.why-card{padding:21px;transition:.2s}.process-step:hover,.feature-card:hover,.why-card:hover,.dashboard-card:hover{border-color:#9fd9b0;transform:translateY(-3px)}.step-number,.feature-icon,.dashboard-icon{align-items:center;background:var(--green-soft);border:1px solid #bde7cb;border-radius:11px;color:var(--green);display:grid;font-weight:900;height:43px;justify-content:center;width:43px}.feature-icon{font-size:1.2rem}.process-step h3,.feature-card h3,.why-card h3,.dashboard-card h3,.result-card h3{margin:13px 0 7px}.cta-box{margin:68px 0 25px}.cta-inner{align-items:center;background:linear-gradient(120deg,#f0fbf3,#fff5f5);border:1px solid var(--line);border-radius:22px;display:flex;flex-direction:column;padding:40px 20px;text-align:center}.cta-inner h3{font-size:clamp(2rem,4vw,3.3rem);margin:10px 0}.dashboard-shell,.analysis-shell,.result-shell{padding-top:52px}.dashboard-header{align-items:end;display:flex;justify-content:space-between;gap:20px}.dashboard-header h1{font-size:clamp(2.1rem,5vw,4rem);letter-spacing:-.06em;margin:12px 0}.section-label{color:var(--muted);font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.dashboard-grid{grid-template-columns:repeat(2,1fr);margin-top:28px}.dashboard-card{display:flex;flex-direction:column;justify-content:space-between;min-height:280px;padding:28px}.dashboard-card-text{background:linear-gradient(145deg,#f0fbf3,#fff)}.dashboard-card-image{background:linear-gradient(145deg,#fff3f3,#fff)}.dashboard-icon{height:54px;width:54px}.dashboard-card .primary-btn{align-self:flex-start;margin-top:24px}.history-card,.analysis-card,.result-card,.empty-state{padding:26px}.form-stack{display:grid;gap:18px}.label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}label{font-weight:800}textarea,input[type=text]{background:#fff;border:1px solid #d6dee4;border-radius:11px;color:var(--ink);padding:15px;width:100%}textarea{min-height:230px;resize:vertical}.dropzone{background:#f8fcf9;border:1px dashed #76bd8b;border-radius:16px;cursor:pointer;padding:52px 22px;text-align:center}.dropzone p{color:var(--muted)}.hidden{display:none!important}.preview-grid{grid-template-columns:1fr 1fr}.image-preview{align-items:center;background:var(--wash);border:1px solid var(--line);border-radius:14px;display:flex;justify-content:center;min-height:280px;overflow:hidden}.image-preview img{height:100%;object-fit:contain;width:100%}.loading-box{align-items:center;display:grid;gap:13px;justify-items:center;padding:30px;text-align:center}.spinner{border:3px solid #d8eee0;border-radius:50%;border-top-color:var(--green);height:50px;width:50px;animation:spin 1s linear infinite}.error-box{background:var(--red-soft);border:1px solid #f0bfc1;border-radius:11px;color:#a72d33;margin-top:16px;padding:13px}.success-box{background:var(--green-soft);border:1px solid #bde7cb;border-radius:11px;color:var(--green);margin-top:16px;padding:13px}.result-grid{grid-template-columns:.85fr 1.15fr}.risk-panel{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.gauge{align-items:center;background:conic-gradient(var(--red) 0 220deg,#eef1f3 220deg 360deg);border-radius:50%;display:grid;height:230px;justify-content:center;margin:20px 0;position:relative;width:230px}.gauge:before{background:#fff;border:1px solid var(--line);border-radius:50%;content:"";top:25px;right:25px;bottom:25px;left:25px;position:absolute}.gauge-inner{position:relative;z-index:1}.gauge-value{font-size:3rem;font-weight:900}.level-pill,.table-risk{border-radius:999px;display:inline-block;font-size:.7rem;font-weight:900;letter-spacing:.08em;padding:8px 12px}.level-low,.risk-low{background:var(--green-soft);color:var(--green)}.level-medium,.risk-medium{background:#fff7df;color:var(--yellow)}.level-high,.risk-high{background:var(--red-soft);color:var(--red)}.warning-list{display:grid;gap:12px;list-style:none;margin:16px 0 0;padding:0}.warning-item{background:var(--wash);border:1px solid var(--line);border-radius:13px;padding:15px}.warning-item strong{color:var(--red);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.warning-item p{margin:7px 0}.warning-meta{color:var(--muted);display:flex;font-size:.76rem;justify-content:space-between}.warning-meta span:last-child{color:var(--red);font-weight:900}.recommendation-box{background:var(--green-soft);border:1px solid #bde7cb;border-radius:13px;color:#146235;line-height:1.7;padding:17px}.history-table{border-collapse:collapse;margin-top:18px;width:100%}.history-table th,.history-table td{border-bottom:1px solid var(--line);padding:13px 10px;text-align:left}.history-table td{color:var(--muted)}.history-table th{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.info-list{display:grid;gap:11px;margin-top:22px}.info-item{border:1px solid var(--line);border-radius:11px;display:flex;justify-content:space-between;padding:13px}.info-item span:first-child{color:var(--muted)}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:960px){.topbar{grid-template-columns:1fr;justify-items:center}.hero-shell,.result-grid,.preview-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy p{margin-left:auto;margin-right:auto}.hero-actions,.hero-stats{justify-content:center}.process-grid,.features-grid,.why-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.app-shell{padding:0 15px 40px}.nav{flex-wrap:wrap}.hero-shell{min-height:auto;padding-top:45px}.hero-copy h1{font-size:clamp(3.5rem,17vw,5.5rem)}.hero-visual{min-height:390px;transform:scale(.82);transform-origin:top center;margin-bottom:-65px}.process-grid,.features-grid,.why-grid,.dashboard-grid{grid-template-columns:1fr}.dashboard-header{align-items:flex-start;flex-direction:column}.primary-btn,.secondary-btn,.ghost-btn,.action-chip{justify-content:center;width:100%}.hero-actions,.inline-actions,.result-actions{flex-direction:column}.history-table{display:block;overflow-x:auto;white-space:nowrap}}