*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1b2944;background:#f6f8fc}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.app{display:flex;min-height:100vh}.sidebar{width:245px;flex-shrink:0;padding:30px 17px;background:#111e38;color:#b8c5dc;display:flex;flex-direction:column}.brand{gap:11px;font-size:23px;letter-spacing:-1px;color:#fff;font-weight:800;padding:3px 10px 52px}.brand,.brandIcon{display:flex;align-items:center}.brandIcon{justify-content:center;background:#4d72f5;border-radius:12px;width:38px;height:38px}.brandAccent{color:#91aaff}.brand small{display:block;font-size:8px;color:#8e9db8;letter-spacing:2px;font-weight:700;margin-top:3px}.sideLabel{padding:0 14px 14px;font-size:10px;font-weight:800;letter-spacing:2px;color:#6e829f}.sideItem{width:100%;display:flex;align-items:center;gap:11px;padding:13px;margin:3px 0;border:0;border-radius:10px;background:transparent;color:#adbed9;text-align:left;font-size:13px}.sideItem span{flex:1 1}.sideItem.selected{background:#253758;color:#fff;font-weight:700}.sidebarBottom{display:flex;align-items:flex-start;gap:10px;margin-top:auto;background:#1b2b47;padding:14px 11px;border-radius:10px;color:#8fa9ed}.sidebarBottom strong{font-size:12px;color:#dce6ff}.sidebarBottom small{display:block;font-size:10px;color:#8a9ab2;margin-top:5px}.main{min-width:0;flex:1 1}.topbar{height:70px;border-bottom:1px solid #e6eaf1;background:#fff;justify-content:space-between;padding:0 43px}.breadcrumb,.topbar{display:flex;align-items:center}.breadcrumb{gap:10px;color:#7c8aa2;font-size:12px}.breadcrumb strong{color:#263955}.demoPill,.demoTag{font-size:10px;color:#4b69c2;background:#edf1ff;border-radius:100px;padding:8px 12px;font-weight:800;letter-spacing:.7px}.dot{display:inline-block;width:7px;height:7px;background:#5b82f6;border-radius:50%;margin-right:5px}.content{max-width:1250px;margin:auto;padding:44px 43px 20px}.hero{margin-bottom:36px}.eyebrow{font-size:10px;letter-spacing:2.1px;color:#6485cf;font-weight:850}.eyebrow.small{font-size:10px;letter-spacing:1.4px}.hero h1{font-size:clamp(38px,4.3vw,62px);letter-spacing:-2.5px;line-height:1.06;margin:13px 0 15px;color:#172746}.hero h1 span{color:#668af5}.hero p{font-size:14px;color:#6a7b93;max-width:590px;line-height:1.85;margin:0}.stepper{display:flex;gap:12px;margin-bottom:27px}.step{flex:1 1;display:flex;align-items:center;gap:10px;background:transparent;padding:12px 10px;color:#9aa9bf;font-weight:650;font-size:12px;text-align:left;border:none;border-bottom:2px solid #e0e6ef}.step.active{border-color:#6586ed;color:#253b69}.step.passed{color:#5977ba}.stepNumber{width:25px;height:25px;border:1px solid #d6deee;display:flex;justify-content:center;align-items:center;border-radius:100%;flex-shrink:0}.step.active .stepNumber{background:#6488f4;border-color:#6488f4;color:white}.twoCol{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(255px,.85fr);gap:22px;align-items:start}.panel{background:#fff;border:1px solid #e5eaf3;border-radius:17px;padding:27px;box-shadow:0 10px 30px rgba(21,43,78,.025)}.panelTop{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:25px}.panel h2{font-size:24px;letter-spacing:-.8px;margin:10px 0 7px}.panel p{font-size:12px;line-height:1.8;color:#8090a8;margin:0}.helperIcon,.simpleIcon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;background:#edf2ff;color:#6185ec;border-radius:12px}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:20px}.fullLabel,label{font-size:11px;font-weight:750;color:#4e617f;display:block}input,textarea{display:block;width:100%;margin-top:8px;background:#fafbfe;color:#293c59;border:1px solid #e0e7f0;border-radius:9px;outline:none;padding:12px;font-size:13px}input:focus,textarea:focus{border-color:#7796e9;box-shadow:0 0 0 3px #eaf0ff}textarea{resize:vertical}.photoLabel{display:flex;justify-content:center;align-items:center;gap:9px;border:1px dashed #b9c8e3;border-radius:10px;margin-top:18px;padding:15px;color:#5475ac;cursor:pointer;background:#fbfcff}.notice{display:flex;gap:10px;align-items:flex-start;background:#f5f8ff;color:#778ba9;border-radius:9px;padding:14px;margin-top:20px;font-size:11px;line-height:1.7}.notice svg{flex-shrink:0;color:#6083df}.notice.warning{background:#fff9ed}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;padding:13px 18px;font-size:12px;font-weight:750}.primary{background:#5479ec;border:1px solid #5479ec;color:white;box-shadow:0 6px 13px #587cee25;margin-top:22px}.primary:hover{background:#456ad9}.secondary{background:white;border:1px solid #dee5ef;color:#58708f}.helper{padding:27px}.helperIcon{width:48px;height:48px;margin-bottom:18px}.helper h3{margin:0 0 10px;font-size:17px;letter-spacing:-.3px}.helper p{font-size:12px;line-height:1.9;margin-bottom:20px}.benefit{display:flex;align-items:center;gap:10px;border-top:1px solid #eff2f7;padding:14px 0;color:#516584;font-size:11px}.benefit svg{color:#6c8ce9}.googlePreview{border:1px solid #e5e7ef;border-radius:15px;padding:24px 22px;background:#fff;color:#202124}.searchbar{border:1px solid #e6e8ee;border-radius:30px;padding:12px 18px;display:flex;align-items:center;gap:13px;box-shadow:0 2px 10px #101c3410;font-size:13px}.searchbar span:nth-child(2){flex:1 1}.googleLogo{font-size:24px;font-family:Arial;color:#4285f4}.googleBody{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px}.sampleResult{padding:16px 3px}.sampleResult small{font-size:10px;color:#3f5b46}.sampleResult h3{font-size:16px;color:#1a0dab;font-weight:500;margin:8px 0}.sampleResult p{font-size:11px;line-height:1.65;color:#565f6c}.knowledge{border:1px solid #dadce0;border-radius:10px;padding:12px;overflow:hidden}.cover{height:125px;background:#f0f3f9;color:#8a98b6;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:6px}.avatar img,.cover img{width:100%;height:100%;object-fit:cover}.knowledge h3{font-size:20px;margin:10px 0 4px}.knowledge p{font-size:10px}.knowledge hr{border:none;border-top:1px solid #e8eaed;margin:15px 0}.miniRow{font-size:10px;display:flex;flex-direction:column;gap:3px;margin:10px 0;overflow-wrap:anywhere}.miniRow strong{color:#393b3e}.miniRow span{color:#5f6368}.concept{font-size:8px;text-align:center;background:#fff5e5;color:#a37330;padding:6px;border-radius:5px;font-weight:700;margin-top:14px}.actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:16px}.actions .primary{margin:0}.personBar{gap:12px;border:1px solid #e9edf5;padding:13px;border-radius:10px;margin-bottom:23px}.avatar,.personBar{display:flex;align-items:center}.avatar{width:46px;height:46px;border-radius:11px;background:#edf1fa;justify-content:center;overflow:hidden}.personBar strong{display:block;font-size:13px}.personBar small{color:#8795ac;font-size:11px}.loading{text-align:center;padding:40px 10px;color:#587be8}.loading strong{display:block;margin-top:12px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.error{background:#fff0f0;color:#b22d39;padding:13px;border-radius:9px;display:flex;justify-content:space-between;font-size:12px}.error button{background:transparent;border:none;color:inherit}.metricRow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{background:#f4f7fc;padding:17px 13px;border-radius:10px}.metric small{font-size:10px;display:block;color:#7d8fa8}.metric strong{display:block;font-size:15px;margin-top:9px}.switches{display:flex;border-bottom:1px solid #e8ebf2;margin-top:23px}.switches button{background:none;border:0;border-bottom:2px solid transparent;padding:13px 18px;color:#8695aa;font-size:12px}.switches button.chosen{color:#5279df;border-color:#5279df;font-weight:800}.checklist{padding-top:6px}.check{display:flex;gap:12px;padding:17px 2px;border-bottom:1px solid #eff1f5;align-items:flex-start}.statusIcon{display:flex;flex-shrink:0}.statusIcon.pass{color:#21a579}.statusIcon.unknown{color:#a6adc0}.statusIcon.needs_attention{color:#d69a42}.check>div{flex:1 1}.check strong{font-size:12px}.check p{font-size:11px;margin-top:5px}.checkStatus{white-space:nowrap;color:#7e90aa;text-transform:capitalize;font-size:9px}.empty{text-align:center;padding:37px;color:#8b9ab1}.empty h3{color:#293d59}.reportHead{display:flex;justify-content:space-between;gap:20px;background:#f5f7fc;padding:19px;border-radius:10px}.reportHead small{font-size:9px;color:#8a99ae;font-weight:700}.reportHead h3{margin:8px 0 4px}.reportHead p{font-size:11px}.sectionTitle{font-size:14px;margin:25px 0 12px}.dataRows>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0f5;padding:11px 0;font-size:11px}.dataRows span{color:#788ba6;flex:0 0 38%}.dataRows strong{font-weight:550;text-align:right;overflow-wrap:anywhere;max-width:60%}.recommendation{display:flex;gap:15px;border-bottom:1px solid #edf0f5;padding:12px 0}.recommendation>span{font-size:12px;color:#84a0db;font-weight:800}.recommendation strong{font-size:12px}.recommendation p{font-size:11px;margin-top:4px}.footer{display:flex;justify-content:space-between;gap:15px;padding:30px 0 10px;font-size:10px;color:#92a0b5}@media (max-width:900px){.sidebar{width:66px;padding:22px 8px}.brand{padding:0 4px 50px}.brand>span:last-child,.sideItem span,.sideItem>svg:last-child,.sideLabel,.sidebarBottom{display:none}.sideItem{justify-content:center;padding:15px}.topbar{padding:0 22px}.content{padding:34px 20px}.twoCol{grid-template-columns:1fr}.helper{display:none}}@media (max-width:590px){.sidebar{display:none}.hero h1{font-size:42px}.topbar{height:59px}.content{padding:25px 13px}.panel{padding:19px}.stepper{gap:2px}.step{padding:7px 4px;gap:5px;font-size:9px;flex-direction:column;text-align:center}.formGrid,.googleBody{grid-template-columns:1fr}.sampleResult{padding:0}.metricRow{grid-template-columns:1fr 1fr}.metric:last-child{grid-column:1/-1}.footer{flex-direction:column}}.delivery-status{display:grid;grid-template-columns:minmax(140px,1fr) 2fr;gap:12px;line-height:1.5}.delivery-status dt{font-weight:700}.delivery-status dd{margin:0;overflow-wrap:anywhere}@media(max-width:540px){.delivery-status{grid-template-columns:1fr}.delivery-status dd{margin-bottom:12px}}@media print{body *{visibility:hidden}.delivery-report,.delivery-report *{visibility:visible}.delivery-report{position:absolute;left:0;top:0;width:100%;margin:0!important;background:white!important}.delivery-report button{display:none}}