*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:#f5f8fc;color:#0b1f3a}
a{text-decoration:none;color:inherit}
.site-header{padding:18px 7%;display:flex;justify-content:space-between;align-items:center;background:#ffffffdd;backdrop-filter:blur(12px);position:sticky;top:0;z-index:5;border-bottom:1px solid #e5edf6}
.header-logo{height:54px}.site-header nav{display:flex;gap:22px;align-items:center;color:#44546a}.nav-cta{background:#0b63ff;color:#fff;padding:10px 16px;border-radius:24px}
.hero{min-height:86vh;padding:70px 7%;display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.hero-logo{max-width:310px;margin-bottom:24px}.hero h1{font-size:68px;line-height:1.05;letter-spacing:-2px;margin-bottom:22px}.hero h1 span{color:#0b63ff}.subtitle{font-size:23px;line-height:1.45;color:#43566c;max-width:650px;margin-bottom:32px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:22px}.btn{padding:15px 24px;border-radius:40px;font-weight:700;display:inline-block;transition:.25s;border:0;cursor:pointer}.btn-primary{background:#0b63ff;color:white;box-shadow:0 15px 35px rgba(11,99,255,.25)}.btn-primary:hover{background:#084fd0;transform:translateY(-2px)}.btn-secondary{background:white;color:#0b1f3a;border:1px solid #d7e2ef}.micro{color:#6d7d91;font-size:15px}
.visual-card,.loader-container{background:#07111f;border-radius:34px;padding:34px;color:white;box-shadow:0 30px 80px rgba(7,17,31,.22);overflow:hidden}.visual-slogan,.loader-slogan{text-align:center;color:#7cb8ff;margin-bottom:30px}.imagebox{height:280px;border-radius:22px;border:1px solid rgba(80,150,255,.3);background:#0d1829;position:relative;overflow:hidden;box-shadow:0 0 45px rgba(0,120,255,.18)}.scan{position:absolute;left:0;top:-80px;width:100%;height:80px;background:linear-gradient(to bottom,transparent,rgba(0,180,255,.18),rgba(0,180,255,.95),rgba(0,180,255,.18),transparent);animation:scanner 3.2s linear infinite}@keyframes scanner{0%{top:-80px}100%{top:330px}}.dot{position:absolute;width:18px;height:18px;border-radius:50%;opacity:0;animation:flash 3s infinite}.green{background:#19d46b;left:28%;top:28%;animation-delay:.5s}.yellow{background:#ffd84c;left:65%;top:45%;animation-delay:1.2s}.red{background:#ff4b4b;left:42%;top:70%;animation-delay:1.9s}.gray{background:#c8c8c8;left:76%;top:35%;animation-delay:2.5s}@keyframes flash{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.2)}40%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.4)}}.visual-steps,.loader-steps{margin-top:28px;display:grid;gap:12px}.visual-steps div,.loader-steps div{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);padding:14px 16px;border-radius:14px;color:#dce9ff}.visual-steps span,.loader-steps span{background:#19d46b;color:#07111f;border-radius:50%;padding:3px 7px;margin-right:10px;font-weight:800}
.section{padding:85px 7%}.section-title{text-align:center;max-width:850px;margin:0 auto 50px}.section-title h2{font-size:42px;margin-bottom:15px}.section-title p{font-size:20px;color:#5b6c80;line-height:1.55}.cards.four{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{background:white;border:1px solid #e3ebf5;border-radius:24px;padding:28px;box-shadow:0 18px 45px rgba(0,0,0,.045);transition:.25s}.card:hover{transform:translateY(-6px);box-shadow:0 30px 60px rgba(0,0,0,.08)}.card-icon{font-size:36px;margin-bottom:16px}.card h3{font-size:21px;margin-bottom:10px}.card p{color:#607086;line-height:1.55}.icon-line{width:42px;height:4px;background:#0b63ff;border-radius:20px;margin-bottom:22px}.dark{background:#07111f;color:white}.dark .section-title p{color:#b7c6d9}.expertises{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.expertises div{background:#0d1829;border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:26px 20px;text-align:center}.expertises strong{display:block;margin:14px 0 8px;font-size:17px}.expertises span{font-size:13px;color:#92a5bd}.expertise-line{height:4px;width:55px;margin:0 auto 18px;background:#64748b;border-radius:10px}.expertise-line.available{background:#0b63ff}
.report-preview{max-width:900px;margin:auto;background:white;color:#0b1f3a;border-radius:28px;padding:34px;box-shadow:0 30px 70px rgba(0,0,0,.12)}.report-head{text-align:center;border-bottom:1px solid #e2eaf3;padding-bottom:20px;margin-bottom:24px}.report-head img{max-width:240px}.report-head span{display:block;color:#0b63ff;margin-top:8px}.report-preview h3{text-align:center;font-size:25px;margin-bottom:20px}.report-lines{display:grid;gap:14px}.report-lines div{padding:16px;border:1px solid #e4edf6;border-radius:16px}.report-lines p{color:#5a6a7d;margin-top:6px}.final{text-align:center;padding:95px 7%;background:white}.final h2{font-size:45px;margin-bottom:18px}.final p{font-size:21px;color:#5b6c80;margin-bottom:30px}footer{background:#07111f;color:#b7c6d9;text-align:center;padding:32px;font-size:14px}.footer-links{margin-top:15px;display:flex;justify-content:center;gap:30px;font-size:13px}.footer-links a{opacity:.7}.footer-links a:hover{opacity:1}
.app-body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:25px}.app-shell{width:100%;max-width:820px;background:white;border-radius:28px;padding:36px;box-shadow:0 20px 60px rgba(0,0,0,.08);text-align:center}.app-logo{max-width:270px}.app-slogan{color:#0b63ff;margin:10px 0 25px}.app-shell h1{font-size:34px}.app-intro{color:#5b6c80;margin:12px auto 25px;max-width:560px;line-height:1.5}.analysis-form{text-align:left}.analysis-form label{font-weight:700}.analysis-form select{width:100%;padding:15px;border:1px solid #d7e2ef;border-radius:14px;margin:10px 0 22px;font-size:16px}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:25px}.upload-box{min-height:170px;border:2px dashed #bad0ea;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#49627e;background:#f8fbff;cursor:pointer;transition:.25s;padding:20px}.upload-box:hover{border-color:#0b63ff;background:#fff;transform:translateY(-3px)}.upload-box input{display:none}.upload-box strong{display:block;font-size:16px;margin-top:14px;font-weight:700;color:#0b1f3a}.upload-box small{display:block;margin-top:8px;font-size:13px;color:#6d7d91}.upload-icon{width:52px;height:52px;display:block;margin:auto;border-radius:50%;background:#0b63ff;position:relative}.upload-icon:before{content:"+";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:28px;font-weight:bold;color:white}.upload-box.selected{border-color:#19d46b;background:#f6fff8}.upload-box.selected .upload-icon{background:#19d46b}.upload-box.selected .upload-icon:before{content:"✓";font-size:26px}.analysis-form button{width:100%;font-size:16px}
.loader-body{min-height:100vh;background:#07111f;display:flex;align-items:center;justify-content:center;color:#fff;padding:20px}.loader-container{width:95%;max-width:650px;text-align:center}.loader-status{margin-top:28px;font-size:22px;color:#7cb8ff;font-weight:bold}.loader-container p{margin-top:18px;color:#c9d5e7}.loader-container a{color:#7cb8ff;text-decoration:underline}.dotsText:after{content:"";animation:dots 1.5s infinite}@keyframes dots{0%{content:""}33%{content:"."}66%{content:".."}100%{content:"..."}}
.report-body{background:#f4f7fb;padding:30px}.print-actions{text-align:center;margin-bottom:22px}.print-actions button,.print-actions a{background:#0b63ff;color:#fff;border:0;border-radius:30px;padding:13px 22px;font-weight:700;margin:5px;display:inline-block}.report{max-width:900px;margin:auto;background:white;border-radius:22px;padding:40px;box-shadow:0 20px 60px rgba(0,0,0,.08)}.report-main-head{text-align:center;border-bottom:1px solid #e3e8ef;padding-bottom:25px;margin-bottom:28px}.report-brand{font-weight:800;letter-spacing:1px;font-size:18px}.report-main-head p{color:#0b63ff;margin:8px}.report-main-head h1{font-size:30px;margin-top:20px}.meta{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0}.meta div{background:#f6f9fd;padding:14px;border-radius:14px;font-size:14px;text-align:center}.report section{margin:30px 0}.report h2{font-size:22px;margin-bottom:15px}.general{background:#f6f9fd;border-left:5px solid #1e6bff;padding:20px;border-radius:14px;line-height:1.6}.status{border:1px solid #e4eaf2;border-radius:16px;padding:18px;display:grid;grid-template-columns:55px 1fr;gap:14px;align-items:start;margin-bottom:14px}.status h3{margin-bottom:8px;text-transform:capitalize}.status p{line-height:1.5;color:#4d5b6b}.red h3{color:#d93025}.yellow h3{color:#b88a00}.status-dot{width:28px;height:28px;border-radius:50%;margin-top:6px}.status.red .status-dot{background:#d93025}.status.yellow .status-dot{background:#d6a400}table{width:100%;border-collapse:collapse}th{text-align:left;background:#0b1f3a;color:white;padding:13px;font-size:14px}td{padding:13px;border-bottom:1px solid #e3e8ef;vertical-align:top;line-height:1.45}.checklist{list-style:none;background:#f8fbff;border:1px solid #e4eaf2;border-radius:16px;overflow:hidden}.checklist li{padding:13px;border-bottom:1px solid #e4eaf2}.checklist li:last-child{border-bottom:0}.notice{background:#fff8e5;border-left:5px solid #e6b800;padding:18px;border-radius:14px;line-height:1.6}.report-footer{background:white;color:#718096;border-top:1px solid #e3e8ef;margin-top:35px;padding-top:22px;text-align:center}.signal{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:8px;vertical-align:middle}.signal.red{background:#d93025}.signal.yellow{background:#d6a400}.signal.green{background:#18a957}.signal.gray{background:#a3a3a3}.decision-box{display:flex;align-items:center;gap:12px;padding:18px 22px;border-radius:14px;font-size:18px;font-weight:700;margin-bottom:20px}.decision-box.green{background:#e8f8ee;color:#167c46}.decision-box.yellow{background:#fff8e6;color:#a67c00}.decision-box.red{background:#fdeaea;color:#c62828}.decision-box.gray{background:#f3f4f6;color:#666}.single-image-notice{text-align:center}
.report-images{display:flex;gap:16px;flex-wrap:wrap;margin:10px 0 28px}.thumb{width:170px;background:#f8fbff;border:1px solid #e3ebf5;border-radius:14px;padding:10px;box-shadow:0 8px 24px rgba(0,0,0,.06);text-align:center}.thumb img{width:100%;height:105px;object-fit:cover;border-radius:10px;border:1px solid #dce7f3}.thumb figcaption{margin-top:9px;font-weight:700;font-size:13px;color:#6b7890}
#scan-loader-overlay{position:fixed;inset:0;z-index:999999;background:#07111f;display:flex;align-items:center;justify-content:center;color:white;text-align:center;padding:25px}.scan-loader-card{width:100%;max-width:620px}.scan-loader-logo{width:230px;max-width:75%;display:block;margin:0 auto 24px;filter:brightness(1.25)}.engine-title{text-align:center;font-size:28px;font-weight:900;letter-spacing:2px;color:#fff;margin-bottom:6px}.engine-title span{color:#2ea7ff}.scan-loader-line{height:8px;width:100%;max-width:420px;border-radius:20px;margin:34px auto 28px;background:linear-gradient(90deg,transparent,#00b7ff,transparent);animation:scanMobile 1.3s linear infinite;overflow:hidden}@keyframes scanMobile{0%{transform:translateX(-55%)}100%{transform:translateX(55%)}}.scan-loader-steps{display:grid;gap:10px;margin:20px auto 22px;max-width:420px}.scan-loader-steps div{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);padding:12px 14px;border-radius:14px;color:#dce9ff;text-align:left}.scan-loader-steps span{background:#19d46b;color:#07111f;border-radius:50%;padding:2px 7px;margin-right:10px;font-weight:800}.scan-loader-card p{color:#c9d5e7;font-size:18px}
.imagebox{background:radial-gradient(circle at 50% 50%, rgba(25,124,255,.12), transparent 36%),linear-gradient(145deg,#0d1829,#081422)}.imagebox:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:116px;height:86px;border:2px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(135deg, transparent 48%, rgba(255,255,255,.10) 49%, rgba(255,255,255,.10) 52%, transparent 53%),radial-gradient(circle at 72% 30%, rgba(255,255,255,.16) 0 8px, transparent 9px),linear-gradient(135deg, transparent 55%, rgba(255,255,255,.09) 56% 72%, transparent 73%);opacity:.75}.imagebox:after{content:"RAPPORT";position:absolute;left:50%;top:72%;transform:translateX(-50%);color:rgba(255,255,255,.075);font-size:20px;font-weight:800;letter-spacing:5px}.scan{box-shadow:0 0 28px rgba(0,180,255,.75)}.dot{box-shadow:0 0 18px currentColor}.visual-steps div,.loader-steps div{display:flex;align-items:center;font-weight:600}.demo-link{font-size:14px;opacity:.75;margin-top:8px!important}
@media(max-width:1000px){.hero{grid-template-columns:1fr;text-align:center}.hero-actions{justify-content:center}.subtitle{margin-left:auto;margin-right:auto}.cards.four{grid-template-columns:1fr 1fr}.expertises{grid-template-columns:1fr 1fr}.meta{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.site-header{flex-direction:column;gap:10px}.site-header nav{gap:12px;font-size:13px}.hero h1{font-size:44px}.hero-logo,.app-logo{max-width:220px}.section-title h2,.final h2{font-size:32px}.cards.four,.expertises,.upload-grid{grid-template-columns:1fr}.report-body{padding:10px}.report{padding:22px;border-radius:18px}.imagebox{height:220px}.visual-card{padding:22px}.meta{grid-template-columns:1fr 1fr}.report-images{justify-content:center}.thumb{width:145px}.thumb img{height:95px}.print-actions{position:static}.print-actions button,.print-actions a{width:100%;max-width:320px}.report-main-head h1{font-size:26px}.scan-loader-logo{width:200px}.engine-title{font-size:23px}.loader-slogan{font-size:15px}.scan-loader-steps div{font-size:14px}}
@media print{.print-actions{display:none}.report-body{padding:0;background:white}.report{box-shadow:none;border-radius:0}.thumb{break-inside:avoid}.report section{break-inside:avoid}}