:root{--navy:#0c355d;--navy2:#123f6c;--blue:#1e69a7;--red:#d9364f;--ink:#183b58;--muted:#6b8091;--line:#dce6ed;--soft:#f4f8fb;--green:#16934a;--greenbg:#e8f7ee;--amber:#986600;--amberbg:#fff3d7;--shadow:0 16px 42px rgba(17,54,84,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#edf4f8;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:15px}.wrap{max-width:1260px;margin:auto;padding:22px 20px 56px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.brandlink img{width:155px;display:block}.topbar nav{display:flex;gap:20px}.topbar a{color:#173f65;text-decoration:none;font-weight:800;font-size:13px}.demo-banner{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#fff6dc;border:1px solid #e8cf86;border-radius:12px;padding:10px 14px;color:#6c5310;font-size:12px;margin-bottom:14px}.demo-tag{background:#9a7100;color:#fff;border-radius:6px;padding:4px 7px;font-weight:900;letter-spacing:.04em}.demo-banner strong{font-weight:850}.demo-banner span.note{color:#806c38}
.report{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);overflow:hidden}.report-head{background:linear-gradient(135deg,#0a3158,#123f6a);color:#fff;display:grid;grid-template-columns:220px 1fr 260px;gap:18px;align-items:center;padding:20px 24px}.report-head .head-logo img{width:150px;filter:brightness(0) invert(1);opacity:.97}.head-title h1{font-size:25px;margin:0 0 4px;letter-spacing:.01em}.head-title p{margin:0;color:#d4e2ed;font-size:12px}.head-meta{text-align:right;font-size:11px;line-height:1.55;color:#d7e4ee}.head-meta strong{color:#fff}.badge{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:900;margin-top:6px}.badge.demo{background:#fff2c7;color:#6e5100}.badge.level{background:#e6f1ff;color:#1a5788}.report-layout{display:grid;grid-template-columns:235px minmax(0,1fr)}.side{background:#f8fbfd;border-right:1px solid var(--line);padding:18px 14px}.side h2{font-size:10px;color:#718595;text-transform:uppercase;letter-spacing:.11em;margin:0 0 9px}.side-nav{display:grid;gap:5px;margin-bottom:15px}.side-nav a{display:flex;gap:8px;align-items:center;text-decoration:none;color:#244a68;padding:8px 9px;border-radius:8px;font-size:11px;font-weight:800}.side-nav a:hover,.side-nav a.active{background:#e9f3fb;color:#0d4e80}.side-nav b{width:20px;height:20px;border-radius:6px;background:#e2edf4;display:grid;place-items:center;font-size:10px}.side-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:10px}.big-ref{font-size:17px;font-weight:950;color:#0e4676;margin:2px 0 10px}.pair{display:grid;grid-template-columns:1fr auto;gap:7px;padding:4px 0;font-size:9px}.pair span{color:#718596}.pair strong{text-align:right;color:#244a68}.risk-ring{width:84px;height:84px;border-radius:50%;border:8px solid #bfead0;display:grid;place-items:center;margin:6px auto 8px;background:#fff}.risk-ring strong{display:block;color:#168544;font-size:17px}.risk-ring small{display:block;color:#698b77;font-size:8px;text-align:center}.side-card p{font-size:9px;line-height:1.45;color:#687e8f;margin:5px 0}.quick{display:grid;gap:5px}.quick-row{display:grid;grid-template-columns:15px 1fr auto;gap:5px;align-items:center;font-size:9px}.q{width:15px;height:15px;border-radius:50%;display:grid;place-items:center;font-size:8px;font-weight:950}.q.ok{background:var(--greenbg);color:var(--green)}.q.warn{background:var(--amberbg);color:var(--amber)}.q.neutral{background:#edf2f5;color:#708391}.quick-row strong{font-size:8px;color:#40617a}.main{padding:18px}.section{margin-bottom:15px;scroll-margin-top:16px}.section-title{background:#f2f7fb;border-left:4px solid #2b84be;padding:8px 10px;border-radius:7px;color:#113f69;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.025em;margin-bottom:10px}
.subject-grid{display:grid;grid-template-columns:minmax(0,1.35fr) 285px 220px;gap:10px}.card{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.card-head{padding:9px 11px;border-bottom:1px solid var(--line);background:#fbfdfe;font-size:10px;font-weight:900;color:#194c76;text-transform:uppercase}.details{padding:9px 11px}.detail{display:grid;grid-template-columns:1.1fr 1fr;gap:8px;padding:4px 0;border-bottom:1px solid #edf2f5;font-size:9.5px}.detail:last-child{border-bottom:0}.detail span{color:#718596;font-weight:700}.detail strong{color:#24475f;text-align:right}.type-photo{padding:8px;background:#f4f7f9}.type-photo img{display:block;width:100%;height:170px;object-fit:cover;border-radius:7px;background:#eef2f4}.type-photo figcaption{font-size:8px;color:#788b98;margin-top:6px;line-height:1.35}.status-list{padding:8px 10px}.status{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;padding:5px 0;border-bottom:1px solid #edf2f5;font-size:9px}.status:last-child{border-bottom:0}.pill{display:inline-flex;border-radius:999px;padding:3px 7px;font-size:8px;font-weight:900;white-space:nowrap}.pill.ok{background:var(--greenbg);color:#167b42}.pill.warn{background:var(--amberbg);color:#8c6108}.pill.neutral{background:#edf2f5;color:#607484}.pill.demo{background:#e8f2fc;color:#1c5f91}.assessment{display:flex;gap:10px;align-items:flex-start;background:#edf8fd;border:1px solid #d4eaf5;border-radius:9px;padding:10px 12px;margin-top:10px}.assessment .mark{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#dff5e7;color:#128345;font-weight:950;flex:0 0 26px}.assessment strong{font-size:11px;color:#184d73}.assessment p{font-size:9px;color:#62798b;line-height:1.45;margin:3px 0 0}
.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.check-card{padding:11px;min-height:128px}.check-card h3{font-size:10px;color:#174873;text-transform:uppercase;margin:0 0 8px}.check-card p{font-size:9px;color:#597085;line-height:1.5;margin:5px 0}.check-card .line{display:grid;grid-template-columns:1fr auto;gap:8px;padding:4px 0;font-size:9px}.check-card .line span{color:#6b8091}.check-card .line strong{text-align:right;color:#234963}
.timeline{display:grid;grid-template-columns:120px 1fr;gap:0;border:1px solid var(--line);border-radius:9px;overflow:hidden}.timeline div{padding:8px 10px;border-bottom:1px solid #e8eef2;font-size:9px}.timeline div:nth-last-child(-n+2){border-bottom:0}.timeline .date{background:#f7fafc;font-weight:850;color:#234e70}.timeline .event{color:#597287}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:9px}.sources{width:100%;border-collapse:collapse;min-width:680px;font-size:9px}.sources th{background:#f1f6fa;text-align:left;padding:8px;color:#154773}.sources td{padding:7px 8px;border-top:1px solid #e8eef2;color:#45647b;vertical-align:top}.source-note{font-size:8.5px;line-height:1.45;color:#718492;margin:7px 2px 0}.bottom-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:9px}.bottom-card{padding:12px;min-height:155px}.bottom-card h3{font-size:10px;color:#174873;text-transform:uppercase;margin:0 0 8px}.bottom-card p,.bottom-card li{font-size:9px;line-height:1.5;color:#5d7486}.bottom-card ul{padding-left:17px;margin:0}.recommend{display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:center}.bigcheck{width:52px;height:52px;border-radius:50%;background:#22a653;color:#fff;display:grid;place-items:center;font-size:28px;font-weight:950}.recommend strong{font-size:11px;color:#164971}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:8px;padding:9px 13px;font-size:10px;font-weight:900;cursor:pointer;background:#154b7b;color:#fff}.btn.light{background:#edf3f7;color:#164971;border:1px solid #d5e1e9}.btn.orange{background:#ef6c42}.report-footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:center;background:#0a3158;color:#cbdbe7;padding:12px 18px;font-size:8px}.report-footer strong{color:#fff}.report-footer div:nth-child(2){text-align:center}.report-footer div:last-child{text-align:right}
.basic-report{max-width:1000px;margin:auto}.basic-body{padding:18px}.basic-top{display:grid;grid-template-columns:250px 1fr;gap:14px}.basic-photo img{height:155px!important}.basic-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.fact{border:1px solid var(--line);background:#fbfdfe;border-radius:8px;padding:8px 9px}.fact span{display:block;color:#718596;text-transform:uppercase;font-size:7.5px;font-weight:850;letter-spacing:.04em}.fact strong{display:block;color:#204a69;font-size:11px;margin-top:2px}.basic-status{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.basic-status .statusbox{border:1px solid var(--line);border-radius:8px;padding:9px;background:#fff}.statusbox span{font-size:8px;color:#718596}.statusbox strong{display:block;font-size:10px;color:#20506f;margin-top:3px}.basic-source{display:grid;grid-template-columns:1.2fr 1fr auto;gap:8px;padding:7px 9px;border-bottom:1px solid #e7edf1;font-size:8.5px}.basic-source:last-child{border-bottom:0}.basic-source span{color:#667d8e}.basic-callout{background:#f1f8fc;border:1px solid #d8eaf4;border-radius:9px;padding:10px 12px;margin-top:10px}.basic-callout strong{font-size:10px;color:#174b74}.basic-callout p{font-size:9px;color:#60778a;margin:3px 0 0;line-height:1.45}
.demo-index-hero{background:linear-gradient(135deg,#0b355d,#174d7d);color:#fff;border-radius:18px;padding:30px;box-shadow:var(--shadow);margin-bottom:18px}.demo-index-hero h1{font-size:32px;margin:0 0 8px}.demo-index-hero p{max-width:800px;color:#d7e5ef;line-height:1.55}.price-legend{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.pricebox{background:#fff;color:#173f63;border-radius:10px;padding:10px 13px;min-width:220px}.pricebox strong{display:block;font-size:13px}.pricebox span{font-size:10px;color:#6a8090}.demo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.demo-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px;box-shadow:0 8px 22px rgba(19,61,92,.07)}.demo-card .pic{height:135px;background:#f2f6f8;border-radius:9px;display:grid;place-items:center;overflow:hidden}.demo-card .pic img{width:100%;height:100%;object-fit:contain}.demo-card h2{font-size:18px;color:#153f66;margin:11px 0 4px}.demo-card p{font-size:10px;color:#687e8e;line-height:1.5;min-height:45px}.demo-card .levels{display:grid;grid-template-columns:1fr 1fr;gap:7px}.levelbtn{display:block;text-decoration:none;border-radius:8px;padding:9px 8px;text-align:center;font-size:9px;font-weight:900}.levelbtn.basic{background:#edf5f0;color:#197644}.levelbtn.ext{background:#eaf3fb;color:#1c5d91}.boat-id-note{margin-top:8px;font-size:8px;color:#7a8d9a;text-align:center}
@media(max-width:1050px){.report-head{grid-template-columns:180px 1fr}.head-meta{grid-column:1/-1;text-align:left}.subject-grid{grid-template-columns:1fr 260px}.subject-grid>.card:last-child{grid-column:1/-1}.cards4{grid-template-columns:1fr 1fr}.bottom-grid{grid-template-columns:1fr 1fr}.bottom-grid>:last-child{grid-column:1/-1}.demo-grid{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.wrap{padding:12px 8px 40px}.topbar{align-items:flex-start}.topbar nav{gap:10px}.report-head{grid-template-columns:1fr;padding:16px}.head-meta{text-align:left}.report-layout{grid-template-columns:1fr}.side{border-right:0;border-bottom:1px solid var(--line)}.side-nav{grid-template-columns:1fr 1fr}.side .risk-card,.side .quick-card{display:none}.subject-grid,.basic-top{grid-template-columns:1fr}.type-photo img{height:180px}.cards4,.bottom-grid,.basic-status{grid-template-columns:1fr 1fr}.basic-facts{grid-template-columns:1fr 1fr}.report-footer{grid-template-columns:1fr}.report-footer div,.report-footer div:nth-child(2),.report-footer div:last-child{text-align:left}.demo-grid{grid-template-columns:1fr}}
@media(max-width:520px){body{font-size:14px}.brandlink img{width:135px}.report-head .head-logo img{width:135px}.head-title h1{font-size:21px}.subject-grid,.cards4,.bottom-grid,.basic-status,.basic-facts{grid-template-columns:1fr}.side-nav{grid-template-columns:1fr}.type-photo img{height:160px}.demo-index-hero{padding:20px}.demo-index-hero h1{font-size:25px}.actions .btn{width:100%}}
@media print{body{background:#fff}.wrap{max-width:none;padding:0}.no-print,.topbar,.demo-banner{display:none!important}.report{box-shadow:none;border:0}.report-head,.report-footer{-webkit-print-color-adjust:exact;print-color-adjust:exact}.report-layout{grid-template-columns:210px 1fr}.side{background:#fff}.type-photo img{height:145px}.cards4{grid-template-columns:repeat(4,1fr)}.bottom-grid{grid-template-columns:1fr 1fr 1.15fr}.basic-report{max-width:none}.basic-body{padding:12px}.basic-photo img{height:130px!important}}