@import url('data:text/css,');
:root{--teal:#103e46;--gold:#b38d49;--cream:#f5f3ed;--muted:#71817d;--line:#e2e7e2;--red:#a74136}*{box-sizing:border-box}body{margin:0;color:var(--teal);background:#eaece6;font:14px/1.5 Arial,Helvetica,sans-serif}button,a,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bf9244;outline-offset:3px}.presentation{max-width:1480px;padding:32px 42px 24px;margin:auto;display:flex;justify-content:space-between;align-items:center}.overline{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--gold)}h1{font:38px/1.15 Georgia,serif;margin:9px 0}p{margin:8px 0}.presentation p{color:var(--muted)}.devices{background:#dce1d9;padding:4px;border-radius:9px;display:flex;gap:3px}.devices button{background:none;border:0;border-radius:6px;padding:9px 16px;color:var(--muted)}.devices .active{background:white;color:var(--teal);box-shadow:0 2px 4px #103e4610}.stage{max-width:1480px;margin:0 auto 40px;padding:0 42px;display:grid;grid-template-columns:minmax(0,1000px) 270px;gap:42px;align-items:start}.frame{background:#173b40;padding:19px 13px 14px;border-radius:27px;box-shadow:0 22px 40px #203f3f25;position:relative;width:100%;transition:max-width .25s}.device-camera{position:absolute;top:7px;left:50%;height:5px;width:5px;background:#78938c;border-radius:50%}.screen{background:var(--cream);border-radius:15px;overflow:hidden;min-height:760px}.brandbar{padding:16px 24px;background:var(--teal);display:flex;align-items:center;gap:16px;color:white;height:91px}.brandbar img{width:108px;height:63px;object-fit:contain}.product{border-left:1px solid #ffffff30;padding-left:17px;display:flex;flex-direction:column}.product strong{font:25px Georgia}.product span{font-size:9px;color:#c7b789;letter-spacing:1.3px}.concept{margin-left:auto;font-size:8px;letter-spacing:1px;color:#dbc18a}.avatar{display:grid;place-items:center;border:1px solid #c2a86a;border-radius:50%;width:32px;height:32px;font-size:10px;color:#dbc18a}.appnav{background:white;border-bottom:1px solid var(--line);padding:0 24px;display:flex;gap:23px}.appnav button{background:none;border:0;padding:15px 0 13px;color:var(--muted);font-size:12px;border-bottom:2px solid transparent}.appnav .active{color:var(--teal);border-bottom-color:var(--gold);font-weight:700}main{padding:26px}main h2{font:27px/1.25 Georgia,serif;margin:5px 0 7px}main h3{font-size:14px;margin:0 0 10px}main .sub{font-size:11px;color:var(--muted)}.eyebrow{font-size:9px;letter-spacing:1.4px;color:var(--gold);font-weight:700}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px;border:0;border-radius:6px;text-decoration:none;font-size:11px;font-weight:700}.primary{background:var(--teal);color:white}.secondary{border:1px solid var(--line);background:white;color:var(--teal)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.stat{background:white;border:1px solid var(--line);padding:14px 17px;border-radius:9px}.stat b{display:block;font:27px Georgia;margin:3px 0}.stat span{font-size:10px;color:var(--muted)}.pill{background:#edf1e7;color:#566b42;border-radius:20px;padding:4px 8px;font-size:9px;white-space:nowrap}.pill.critical{background:#f5e4df;color:var(--red)}.pill.medium{background:#f8edda;color:#947125}.pill.draft{background:#edf0ed;color:#687773}.card{background:white;border:1px solid var(--line);border-radius:10px;padding:19px;margin:14px 0}.inspection{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px}.progress{height:5px;background:#e8ece5;border-radius:3px;overflow:hidden;margin:10px 0 6px}.progress i{display:block;width:25%;height:100%;background:var(--gold)}.alert{border-left:3px solid var(--red);padding:12px 15px;background:#f5e6e0;font-size:11px;border-radius:0 6px 6px 0;margin:15px 0}.alert strong{display:block}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.steps .card{margin:0}.steps b{font:23px Georgia;color:var(--gold)}.steps p{font-size:10px;color:var(--muted)}footer{padding:14px 24px;font-size:8px;color:var(--muted);border-top:1px solid var(--line);margin-top:22px}.guide{padding:30px 0}.guide h2{font:45px/1.06 Georgia;margin:12px 0 20px}.guide em{font-style:normal;color:var(--gold)}.guide>p{color:var(--muted);font-size:12px}.guide-step{display:flex;gap:14px;margin:27px 0}.guide-step>b{font-size:10px;color:var(--gold);padding-top:3px}.guide-step strong{font-size:12px}.guide-step p{font-size:11px;color:var(--muted);line-height:1.65;margin:5px 0}.guide small{display:block;font-size:10px;color:var(--muted);line-height:1.6;margin-top:16px}.guide .download{width:100%;padding:13px}.audit-layout{display:grid;grid-template-columns:175px 1fr;gap:21px;margin-top:22px}.sectionnav{display:flex;flex-direction:column;gap:5px}.sectionnav button{display:flex;text-align:left;align-items:center;gap:9px;padding:9px 8px;border:0;border-radius:5px;background:none;color:var(--muted);font-size:10px}.sectionnav button.active{background:#e4ebe5;color:var(--teal);font-weight:700}.sectionnav .letter{background:white;display:grid;place-items:center;width:21px;min-width:21px;height:21px;border:1px solid var(--line);border-radius:5px;font-size:9px}.sectionnav i{margin-left:auto;color:var(--gold);font-style:normal}.mobile-select{display:none;width:100%;padding:10px;border:1px solid var(--line);background:white;border-radius:5px;margin:15px 0}.check{padding:15px;background:white;border:1px solid var(--line);border-radius:8px;margin:12px 0}.check-title{font-size:12px;font-weight:700;margin:0 0 12px}.answer{display:flex;gap:5px;flex-wrap:wrap}.answer button{padding:6px 12px;font-size:10px;border:1px solid var(--line);background:white;border-radius:5px;color:var(--muted)}.answer .selected{border-color:var(--teal);background:#e6eee7;color:var(--teal);font-weight:bold}.answer .fail.selected{background:#f8e8e3;border-color:#d5a69b;color:var(--red)}.failure{padding-top:12px}.fieldlabel{display:block;font-size:9px;font-weight:700;color:var(--muted);margin:10px 0 5px}textarea{width:100%;border:1px solid var(--line);border-radius:5px;resize:vertical;font-size:11px;color:var(--teal);padding:9px;line-height:1.5;min-height:70px;background:#fbfcf9}.failure select{width:100%;border:1px solid var(--line);padding:7px;border-radius:4px;font-size:11px}.evidence{height:146px;position:relative;overflow:hidden;border-radius:6px;margin-top:10px;background:#dfe6df}.evidence img{position:absolute;width:200%;height:200%;object-fit:fill;max-width:none}.q0 img{left:0;top:0}.q1 img{left:-100%;top:0}.q2 img{left:0;top:-100%}.q3 img{left:-100%;top:-100%}.evidence small{position:absolute;bottom:8px;left:8px;background:#103e46e8;color:#fff;padding:3px 6px;border-radius:3px;font-size:8px}.evidence-caption{font-size:9px;color:var(--muted);margin:6px 0}.finding-grid{display:grid;grid-template-columns:150px 1fr;gap:17px}.finding-grid .evidence{margin:0;height:110px}.finding-grid p{font-size:11px}.report-sheet{background:white;padding:25px;border:1px solid var(--line);border-radius:7px;margin-top:18px}.report-sheet .evidence{height:230px}.finding-summary{margin:12px 0;padding-bottom:12px;border-bottom:1px solid var(--line)}.finding-summary button{background:none;border:0;text-align:left;padding:0}.report-section{padding-top:22px;margin-top:22px;border-top:1px solid var(--line)}.report-section p{font-size:11px}.report-section h3{font-size:16px}.report-note{font-size:10px!important;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--teal);color:white;padding:12px 20px;border-radius:7px;font-size:12px;z-index:4;display:none}.empty{text-align:center;padding:35px 15px;border:1px dashed #cdd6cc;border-radius:8px;margin-top:18px}.empty p{font-size:11px;color:var(--muted)}.phone{max-width:405px;justify-self:center}.phone .screen{min-height:790px}.phone .brandbar{padding:13px 16px;height:82px;gap:12px}.phone .brandbar img{width:83px}.phone .product{padding-left:12px}.phone .product strong{font-size:22px}.phone .concept{display:none}.phone .avatar{margin-left:auto}.phone .appnav{padding:0 14px;gap:17px;justify-content:space-between}.phone .appnav button{font-size:10px}.phone main{padding:18px 15px}.phone main h2{font-size:23px}.phone .row{align-items:flex-start}.phone .stats{gap:6px;margin:17px 0}.phone .stat{padding:10px}.phone .stat b{font-size:23px}.phone .stat span{font-size:9px}.phone .inspection{grid-template-columns:1fr}.phone .inspection .primary{width:100%}.phone .steps{grid-template-columns:1fr}.phone .steps .card{display:flex;gap:12px;align-items:center;padding:12px}.phone .steps h3{margin:0;font-size:12px}.phone .steps p{margin:0}.phone .sectionnav{display:none}.phone .audit-layout{display:block;margin-top:10px}.phone .mobile-select{display:block}.phone .finding-grid{grid-template-columns:95px 1fr;gap:11px}.phone .finding-grid .evidence{height:90px}.phone .finding-grid p{font-size:10px}.phone .report-sheet{padding:15px}.phone .report-sheet .evidence{height:185px}.phone footer{padding:12px 15px;font-size:7px}.phone .check{padding:12px}.phone .answer button{padding:8px 10px}@media(max-width:1150px){.stage{grid-template-columns:minmax(0,1fr);max-width:1000px}.guide{display:none}.presentation{max-width:1000px}.screen{min-height:700px}}@media(max-width:600px){.presentation{padding:24px 18px 18px;display:block}h1{font-size:29px}.presentation p{font-size:12px}.devices{margin-top:18px;width:max-content}.stage{padding:0 8px;gap:0}.frame{padding:16px 7px 8px;border-radius:22px}.screen{border-radius:14px}.frame:not(.phone) .sectionnav{display:none}.frame:not(.phone) .audit-layout{display:block}.frame:not(.phone) .mobile-select{display:block}.brandbar{padding:12px 15px;gap:10px}.brandbar img{width:85px}.concept{display:none}.avatar{margin-left:auto}.appnav{gap:15px;padding:0 15px}.appnav button{font-size:10px}main{padding:18px 15px}.stats{gap:6px}.stat{padding:11px}.stat span{font-size:9px}.inspection{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.finding-grid{grid-template-columns:90px 1fr}.guide{display:block;padding:30px 15px}.guide h2{font-size:34px}.guide h2 br{display:none}.guide-step{margin:16px 0}.row .primary{padding:9px 10px}.report-sheet{padding:15px}}
