:root{--ink:#132237;--muted:#66758a;--line:#dfe6ec;--panel:#fff;--canvas:#f4f7f9;--nav:#0c1726;--nav2:#13253a;--green:#168b69;--green-soft:#e8f7f1;--red:#c33d4a;--red-soft:#fff0f1;--amber:#b56b09;--amber-soft:#fff6e8;--blue:#315ee8;--blue-soft:#edf2ff;--radius:14px;--shadow:0 10px 35px rgba(16,33,53,.08)} *{box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--canvas);color:var(--ink)}button,input,select{font:inherit}.demo-banner{height:30px;background:#162639;color:#dbe8f1;text-align:center;font-size:.76rem;letter-spacing:.02em;padding:7px 16px}.shell{display:grid;grid-template-columns:238px 1fr;min-height:calc(100vh - 30px)}.sidebar{background:var(--nav);color:#d9e5ee;padding:24px 14px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:calc(100vh - 30px)}.brand{display:flex;align-items:center;gap:11px;font-weight:750;font-size:1.08rem;padding:0 10px 24px}.brand-mark{width:31px;height:31px;border-radius:9px;background:#3ed6a4;color:#092018;display:grid;place-items:center;font-weight:900}.nav-item{width:100%;border:0;background:transparent;color:#aebdcc;text-align:left;padding:10px 12px;border-radius:9px;margin:2px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.nav-item:hover,.nav-item.active{background:var(--nav2);color:#fff}.count{background:#263b50;border-radius:99px;padding:1px 7px;font-size:.72rem}.nav-label{font-size:.69rem;text-transform:uppercase;letter-spacing:.14em;color:#708196;padding:18px 12px 7px}.sidebar-foot{margin-top:auto;border-top:1px solid #24364a;padding:16px 8px 0;display:flex;gap:10px;align-items:center;font-size:.78rem}.sidebar-foot span{display:block;color:#8395a8;margin-top:2px}.mini-avatar{width:34px;height:34px;border-radius:10px;background:#28405a;display:grid;place-items:center;color:#b8ffe9;font-weight:700}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:5}.asset-switcher{display:flex;align-items:center;gap:10px}.asset-switcher small{display:block;color:var(--muted);font-size:.69rem}.asset-switcher strong{font-size:.88rem}.status-dot{width:8px;height:8px;background:#1dbb87;border-radius:50%}.top-actions{display:flex;gap:8px}.primary,.secondary,.ghost,.danger{border:0;border-radius:9px;padding:9px 14px;cursor:pointer;font-weight:650;font-size:.85rem}.primary{background:var(--ink);color:#fff}.secondary{background:var(--blue-soft);color:var(--blue)}.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.danger{background:var(--red-soft);color:var(--red)}.mobile-menu{display:none;border:0;background:transparent;font-size:1.4rem}.page{padding:30px;max-width:1440px;margin:auto}.eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-weight:750}.page-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.page-title h1{font-size:1.72rem;margin:5px 0}.page-title p{color:var(--muted);margin:0;max-width:700px}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 2px 3px rgba(16,33,53,.02)}.card h2,.card h3{margin:0}.metric-label{color:var(--muted);font-size:.78rem}.metric-value{font-size:1.7rem;font-weight:780;margin:8px 0 3px}.metric-sub{font-size:.77rem;color:var(--muted)}.score-card{display:grid;grid-template-columns:140px 1fr;gap:24px;align-items:center}.score-ring{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--amber) 0 64%,#e7edf1 64%);position:relative}.score-ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff}.score-ring div{z-index:1;text-align:center}.score-ring strong{font-size:2.2rem;display:block}.score-ring span{color:var(--muted);font-size:.73rem}.risk-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.pill{border-radius:99px;padding:5px 9px;font-size:.73rem;font-weight:700}.critical{color:#9f2634;background:var(--red-soft)}.high{color:#c04c18;background:#fff0e9}.medium{color:#9b610a;background:var(--amber-soft)}.low{color:#2262a2;background:#edf6ff}.info{color:#687586;background:#eef2f5}.verified{color:var(--green);background:var(--green-soft)}.possible{color:#806000;background:#fff8d9}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-head h2{font-size:1rem}.coverage-bar{height:9px;border-radius:99px;background:#e7edf1;overflow:hidden}.coverage-bar span{display:block;height:100%;background:var(--green);border-radius:inherit}.coverage-callout{border-left:4px solid var(--amber);background:var(--amber-soft);padding:13px 15px;border-radius:8px;margin-top:14px;font-size:.83rem;color:#6f4b15}.finding{display:grid;grid-template-columns:90px 1fr 150px 110px;gap:15px;align-items:center;padding:15px 0;border-top:1px solid var(--line);cursor:pointer}.finding:first-of-type{border-top:0}.finding h3{font-size:.9rem;margin:0 0 4px}.finding p{margin:0;color:var(--muted);font-size:.76rem}.finding .action{color:var(--blue);font-size:.78rem;font-weight:700;text-align:right}.timeline{display:flex;gap:0;margin-top:18px}.timeline-step{flex:1;position:relative;padding-top:16px;color:var(--muted);font-size:.72rem}.timeline-step:before{content:"";position:absolute;top:3px;left:0;right:0;height:2px;background:#dfe6ec}.timeline-step:after{content:"";position:absolute;top:0;left:0;width:8px;height:8px;border-radius:50%;background:#bbc7d1}.timeline-step.done:before,.timeline-step.done:after{background:var(--green)}.timeline-step.active:after{background:var(--amber);box-shadow:0 0 0 4px #fff1d8}.split-list{display:grid;grid-template-columns:1fr 1fr;gap:9px 28px;margin-top:16px}.list-item{display:flex;justify-content:space-between;font-size:.8rem;padding:8px 0;border-bottom:1px solid #edf1f4}.list-item span{color:var(--muted)}#toast{position:fixed;right:24px;bottom:24px;background:var(--nav);color:#fff;padding:12px 16px;border-radius:10px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:20;font-size:.85rem}#toast.show{opacity:1;transform:none} @media(max-width:1050px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr}.finding{grid-template-columns:80px 1fr 100px}.finding .action{display:none}} @media(max-width:760px){.shell{display:block}.sidebar{position:fixed;z-index:15;width:250px;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.topbar{padding:0 16px}.mobile-menu{display:block}.asset-switcher small{display:none}.asset-switcher strong{font-size:.76rem}.top-actions .ghost{display:none}.page{padding:20px 15px}.page-title{display:block}.grid-4,.grid-2{grid-template-columns:1fr}.score-card{grid-template-columns:1fr}.finding{grid-template-columns:72px 1fr}.finding>:nth-child(3){display:none}.split-list{grid-template-columns:1fr}} .mt{margin-top:16px}.metric-unit{font-size:.9rem;color:var(--muted)}.metric-value.small{font-size:1.32rem}.card-title{margin:7px 0!important;font-size:1.15rem}.body-copy{color:var(--muted);font-size:.86rem;line-height:1.65}.note{color:var(--muted);font-size:.77rem;line-height:1.55}.card h2{font-size:1rem}.asset-tree{font-size:.84rem}.tree-root{font-weight:760;background:#f1f5f7;padding:12px;border-radius:8px}.tree-item{display:flex;justify-content:space-between;padding:12px 12px 12px 24px;border-bottom:1px solid var(--line)}.tree-item span{font-size:.75rem;color:var(--muted)}.tree-item.out{color:#9b4b53}.tree-item.pending{color:#8b681b}.code-block,pre{background:#0f1b29;color:#d9e8f4;border-radius:10px;padding:15px;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin-top:14px}.detail-grid>div{padding:12px 0;border-top:1px solid var(--line);min-width:0}.detail-grid span{display:block;color:var(--muted);font-size:.72rem;margin-bottom:5px}.detail-grid strong,.detail-grid code{font-size:.82rem;overflow-wrap:anywhere}.policy p{color:var(--muted);font-size:.82rem;line-height:1.55;min-height:62px}.policy.selected{border:2px solid var(--blue);box-shadow:0 0 0 4px var(--blue-soft)}.job-flow{display:flex;margin:22px 0}.job-flow span{flex:1;text-align:center;color:var(--muted);font-size:.72rem;border-top:3px solid #cbd5dc;padding-top:10px}.job-flow span.current{color:var(--green);font-weight:700;border-color:var(--green)}.table{width:100%;overflow:auto}.tr{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:14px;align-items:center;border-top:1px solid var(--line);padding:13px 4px;font-size:.81rem;min-width:680px}.tr:first-child{border-top:0}.tr.th{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;font-weight:700}.tr small{display:block;color:var(--muted);margin-top:4px}.tr.clickable{cursor:pointer;border-radius:8px}.tr.clickable:hover{background:#f7f9fb}.findings-table .tr{grid-template-columns:90px 2fr 140px 110px 130px}.filterbar{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:10px;margin-bottom:14px}.filterbar input,.filterbar select,.modal input,.modal select,#spec-search{background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px 12px;color:var(--ink);min-width:0}.back{border:0;background:transparent;color:var(--blue);padding:0;margin-bottom:18px;cursor:pointer}.owner-summary{background:linear-gradient(110deg,#13253a,#183752);color:#fff;border-radius:14px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.owner-summary p{color:#c7d5df;margin-bottom:0}.tabbar{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:24px 0 16px;overflow:auto}.tabbar button{white-space:nowrap;border:0;background:transparent;padding:11px 2px;color:var(--muted)}.tabbar button.active{color:var(--ink);border-bottom:2px solid var(--ink);font-weight:700}.detail-layout{grid-template-columns:minmax(0,2.1fr) minmax(260px,.8fr)}.stack{display:grid;gap:16px;align-content:start}.evidence-grid,.before-after{display:grid;grid-template-columns:1fr 1fr;gap:12px}.evidence-grid h3,.before-after h3{font-size:.77rem}.before-after pre.bad{border-left:4px solid var(--red)}.before-after pre.good{border-left:4px solid var(--green)}.fix-card{border-color:#bde2d5;background:#fcfffe}.fix-steps{color:var(--muted);font-size:.83rem;line-height:1.7;padding-left:20px}.button-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.retest-recipe{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.retest-recipe span,.tag-list span{background:#eff3f6;border:1px solid var(--line);border-radius:7px;padding:7px 9px;font-size:.72rem}.risk-score{font-size:2.5rem;font-weight:800;color:var(--red);margin:12px 0}.tag-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.audit{border-left:2px solid var(--line);margin:14px 0;padding-left:15px}.audit p{font-size:.78rem;color:var(--muted);margin:12px 0}.audit strong{color:var(--ink);margin-right:6px}.report-card{min-height:230px;display:flex;flex-direction:column;align-items:flex-start}.report-card p{color:var(--muted);font-size:.84rem;line-height:1.55;flex:1}.report-icon{width:42px;height:42px;border-radius:11px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-weight:800;margin-bottom:22px}.toggle-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:.82rem}.toggle-row b{color:var(--green)}.toggle-row em{color:var(--muted)}.activity>div{position:relative;padding:0 0 18px 26px;border-left:1px solid var(--line)}.activity p{font-size:.8rem;color:var(--muted);margin:5px 0}.activity small{color:var(--muted)}.activity-mark{position:absolute;left:-6px;width:11px;height:11px;border-radius:50%;background:var(--blue)}.activity-mark.high{background:var(--red)}.activity-mark.verified{background:var(--green)}.tech{display:flex;align-items:center;gap:16px}.tech-icon{width:45px;height:45px;background:#eef3f6;border-radius:12px;display:grid;place-items:center;font-weight:800}.tech p{margin:4px 0 0;color:var(--muted);font-size:.75rem}.person{display:flex!important;align-items:center;gap:10px}.person b{width:32px;height:32px;border-radius:9px;background:var(--nav);color:#b8ffe9;display:grid;place-items:center;font-size:.7rem}.team-row{grid-template-columns:1.5fr 1fr 1fr 1fr}.action-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.action-list button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px;text-align:left;color:var(--ink)}.price{font-size:2.2rem;font-weight:800;margin:18px 0}.price span{font-size:.8rem;color:var(--muted);font-weight:500}.ledger p{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font-size:.8rem}.ledger span{color:var(--muted)}.agency-row{grid-template-columns:1.6fr .7fr .7fr 1fr .8fr}.worker-row{grid-template-columns:1.4fr 1fr 1fr .8fr}.checklist p{font-size:.82rem;color:var(--green)}.checklist p.warn{color:var(--amber)}.bar-chart{height:180px;display:flex;align-items:end;gap:16px;border-bottom:1px solid var(--line);padding:0 12px;margin-top:20px}.bar-chart div{height:var(--h);background:linear-gradient(#3f6cf0,#7d9bf5);flex:1;border-radius:7px 7px 0 0;position:relative}.bar-chart span{position:absolute;bottom:-25px;width:100%;text-align:center;font-size:.68rem;color:var(--muted)}.spec-lock{background:var(--nav);color:#fff;border-radius:14px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.spec-lock code{display:block;color:#a9bac9;margin-top:8px;font-size:.72rem;overflow-wrap:anywhere}.lock-count{text-align:right}.lock-count strong{font-size:2rem;display:block;color:#67e7ba}.lock-count span{font-size:.75rem;color:#a9bac9}.spec-list{max-height:520px;overflow:auto;border-top:1px solid var(--line)}.spec-row{display:grid;grid-template-columns:45px 1fr 90px 55px;gap:12px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line);font-size:.79rem}.spec-row>strong{color:var(--muted)}.spec-row em{font-style:normal;color:var(--green);font-weight:700}.spec-row button{border:0;background:transparent;color:var(--blue);cursor:pointer}.modal-backdrop{position:fixed;inset:0;background:rgba(7,17,29,.62);z-index:40;display:grid;place-items:center;padding:18px}.modal{width:min(520px,100%);background:#fff;border-radius:16px;padding:24px;box-shadow:0 24px 70px rgba(0,0,0,.3);position:relative}.modal h2{margin:7px 0 18px}.modal label{display:grid;gap:6px;font-size:.78rem;font-weight:700;margin:12px 0}.modal-close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:1.5rem;color:var(--muted);cursor:pointer}.scope-summary{background:var(--green-soft);border-radius:10px;padding:13px;margin-top:14px}.scope-summary p{font-size:.78rem;color:#396d5e;margin-bottom:0} @media(max-width:900px){.detail-layout{grid-template-columns:1fr}.filterbar{grid-template-columns:1fr 1fr}.evidence-grid,.before-after{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.spec-lock{display:block}.lock-count{text-align:left;margin-top:14px}} @media(max-width:760px){.grid-3{grid-template-columns:1fr}.owner-summary{display:block}.owner-summary button{margin-top:12px}.filterbar{grid-template-columns:1fr}.job-flow{overflow:auto}.job-flow span{min-width:90px}.action-list{grid-template-columns:1fr}.spec-row{grid-template-columns:35px 1fr 50px}.spec-row em{display:none}.top-actions .primary{padding:8px 10px}.demo-banner{height:auto}.shell{min-height:calc(100vh - 44px)}} .journey-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.journey-card{display:grid;grid-template-columns:44px 1fr;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px}.journey-card>b{width:38px;height:38px;border-radius:11px;background:var(--nav);color:#6ce5bb;display:grid;place-items:center}.journey-card h2{margin:5px 0;font-size:1rem}.journey-card p{color:var(--muted);font-size:.8rem;line-height:1.5;margin-bottom:0}.inline-form{display:flex;gap:7px;margin-top:10px}.inline-form input{min-width:0;flex:1;border:1px solid var(--line);border-radius:8px;padding:9px}.price-tier{border:1px solid var(--line);border-radius:11px;padding:16px;display:grid;gap:8px}.price-tier>span{font-size:1.1rem;font-weight:750}.price-tier p{font-size:.78rem;color:var(--muted);line-height:1.55}.price-tier.featured{border-color:var(--blue);background:var(--blue-soft)}@media(max-width:850px){.journey-grid{grid-template-columns:1fr}} .narrow{max-width:900px}.screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.screen-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:15px;text-align:left;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;color:var(--ink);cursor:pointer}.screen-card:hover{border-color:var(--blue);box-shadow:0 5px 18px rgba(49,94,232,.1)}.screen-card>b{color:var(--muted);font-size:.75rem}.screen-card>span{font-weight:700}.screen-card>em{font-style:normal;color:var(--blue);font-size:.72rem}.public-shell{min-height:calc(100vh - 102px);background:#f7fafb;padding-bottom:40px}.public-shell header{height:76px;background:var(--nav);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.public-shell header .brand{padding:0}.public-shell header nav{display:flex;gap:8px}.public-shell header nav>button:not(.primary),.public-shell header>button{border:0;background:transparent;color:#dbe6ef;padding:9px 13px}.public-main{max-width:1180px;margin:0 auto;padding:85px 32px;display:grid;grid-template-columns:1.2fr .8fr;gap:72px;align-items:center}.hero-copy h1{font-size:clamp(2.7rem,6vw,5rem);line-height:.98;letter-spacing:-.055em;margin:14px 0 24px}.hero-copy>p{font-size:1.13rem;line-height:1.65;color:var(--muted);max-width:650px}.scan-entry{display:flex;gap:8px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:6px;box-shadow:var(--shadow);margin:28px 0 9px}.scan-entry input{flex:1;border:0;padding:11px;min-width:0}.hero-copy>small{color:var(--muted)}.hero-proof{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow)}.proof-score{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(var(--amber) 64%,#e7edf1 0);border:10px solid #fff;box-shadow:0 0 0 8px #f0f3f5}.proof-score strong{font-size:2rem}.proof-score span{font-size:.68rem}.proof-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:12px 0;font-size:.8rem}.public-shell footer{text-align:center;color:var(--muted);font-size:.75rem}.result-public,.pricing-page{max-width:1100px;margin:auto;padding:60px 30px}.result-public h1,.pricing-page>h1{font-size:2.5rem;margin-bottom:10px}.gated-result{display:flex;justify-content:space-between;align-items:center;gap:30px}.price-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;display:flex;flex-direction:column}.price-panel.featured{border:2px solid var(--blue);box-shadow:var(--shadow)}.price-panel ul{color:var(--muted);line-height:2;padding-left:20px;flex:1}.auth-shell{min-height:calc(100vh - 102px);display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-aside{background:var(--nav);color:#fff;padding:70px 9vw;display:flex;flex-direction:column;justify-content:center}.auth-aside .brand{padding:0 0 60px}.auth-aside h1{font-size:2.8rem;line-height:1.06}.auth-aside p,.auth-aside li{color:#afbfcc;line-height:1.8}.auth-panel{max-width:510px;width:100%;padding:70px 60px;align-self:center}.auth-panel h1{font-size:2rem}.field{display:grid;gap:7px;font-size:.78rem;font-weight:700;margin:15px 0}.field input,.field select{border:1px solid var(--line);border-radius:9px;padding:11px;background:#fff;color:var(--ink)}.check{display:flex;gap:9px;align-items:flex-start;color:var(--muted);font-size:.78rem;line-height:1.5;margin:14px 0}.wide{width:100%}.text-button{border:0;background:transparent;color:var(--blue);cursor:pointer}.form-between{display:flex;justify-content:space-between;align-items:center}.form-card{padding:26px}.button-row.end{justify-content:flex-end}.onboarding-steps{display:flex;margin-bottom:22px}.onboarding-steps span{flex:1;display:grid;place-items:center;color:var(--muted);font-size:.69rem;position:relative;gap:5px}.onboarding-steps span:before{content:"";position:absolute;top:13px;left:0;right:0;height:2px;background:#dbe2e8;z-index:0}.onboarding-steps b{z-index:1;width:28px;height:28px;border-radius:50%;background:#e8edf1;display:grid;place-items:center}.onboarding-steps .done:before,.onboarding-steps .done b{background:var(--green);color:#fff}.onboarding-steps .active{color:var(--ink);font-weight:700}.state-box{border-left:4px solid var(--blue);background:var(--blue-soft);border-radius:8px;padding:12px 14px;margin:14px 0}.state-box.safe{border-color:var(--green);background:var(--green-soft)}.state-box.warn{border-color:var(--amber);background:var(--amber-soft)}.state-box p{font-size:.78rem;color:var(--muted);margin:5px 0 0}.method-tabs{display:flex;gap:8px;margin-bottom:10px}.method-tabs button{border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:8px}.method-tabs button.active{background:var(--nav);color:#fff}.dns-record{display:grid;grid-template-columns:.6fr .6fr 2fr;gap:8px}.dns-record span{background:#f2f5f7;border-radius:8px;padding:10px;color:var(--muted);font-size:.7rem}.dns-record strong{display:block;color:var(--ink);font-size:.8rem;margin-top:5px;overflow-wrap:anywhere}.scope-editor{margin:18px 0}.scope-editor h3{font-size:.8rem}.scope-editor code{display:block;background:#f4f7f9;border-radius:8px;padding:10px;line-height:1.55}.website-head,.client-head{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 22px;display:flex;justify-content:space-between;align-items:center}.website-head small,.client-head p{display:block;color:var(--muted);margin:4px 0}.scan-config{grid-template-columns:minmax(0,2fr) minmax(270px,.8fr)}.policy-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.policy-picker button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px;text-align:left;display:grid;gap:4px}.policy-picker button.active{border:2px solid var(--blue);background:var(--blue-soft)}.policy-picker span{font-size:.65rem;color:var(--blue);font-weight:800}.policy-picker small{color:var(--muted)}.order-summary{align-self:start;position:sticky;top:90px}.scan-live,.result-hero,.retest-status{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px;display:flex;align-items:center;gap:25px}.live-orbit{width:120px;height:120px;border:10px solid #dfe6ec;border-top-color:var(--blue);border-radius:50%;display:grid;place-items:center;align-content:center;flex:0 0 auto}.live-orbit.small{width:76px;height:76px;border-color:var(--green-soft);color:var(--green)}.live-orbit strong{font-size:1.6rem}.live-orbit span{font-size:.7rem;color:var(--muted)}.module-row{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.module-row.active{color:var(--blue)}.history-row{grid-template-columns:1.2fr 1fr .9fr .7fr .7fr 1fr}.row-button{width:100%;background:transparent;border-left:0;border-right:0;border-bottom:0;text-align:left;color:var(--ink)}.report-preview-page{background:#dfe4e8;max-width:none}.report-paper{max-width:850px;margin:auto;background:#fff;box-shadow:0 15px 50px rgba(20,35,48,.16)}.report-cover{min-height:640px;background:var(--nav);color:#fff;padding:55px;display:flex;flex-direction:column;justify-content:space-between}.report-cover .brand{padding:0}.report-cover h1{font-size:3rem}.report-cover p{color:#b7c7d2}.report-cover>div:last-child{display:grid;grid-template-columns:150px 1fr;gap:8px;color:#b7c7d2}.report-section{padding:34px 48px;border-bottom:1px solid var(--line)}.report-section p{color:var(--muted);line-height:1.7}.report-section .grid>div{background:#f4f7f9;padding:12px;border-radius:8px}.report-section .grid strong,.report-section .grid span{display:block}.report-hash{padding:24px 48px;display:flex;justify-content:space-between}.usage-row{grid-template-columns:1fr 1fr 1fr 1.4fr 1fr}.client-logo{width:55px;height:55px;border-radius:14px;background:var(--nav);color:#6ce5bb;display:grid;place-items:center;font-size:1.4rem;font-weight:800}.client-head>div:nth-child(2){flex:1;margin-left:15px}.color-input{display:flex;gap:8px}.color-input i{width:42px;border-radius:8px}.color-input input{flex:1}.upload-box{border:2px dashed #cfd9e0;background:#f8fafb;border-radius:10px;padding:24px;text-align:center;color:var(--muted);font-size:.8rem}.brand-preview{border:1px solid var(--line);border-radius:12px;padding:35px;margin-top:18px}.preview-logo{width:50px;height:50px;background:#173b68;color:#fff;display:grid;place-items:center;border-radius:10px}.preview-rule{height:5px;background:#173b68;margin:40px 0 14px}.worker-full{grid-template-columns:1.1fr .7fr 1.2fr 1fr 1fr .8fr;min-width:900px}.bar-chart.tall{height:250px;margin-bottom:30px}.cost-row{grid-template-columns:repeat(8,1fr);min-width:920px}.vault-row{grid-template-columns:1.2fr 1.1fr 1.3fr 1fr .8fr .8fr;min-width:850px}.suppress-row{grid-template-columns:1.3fr 1fr 1.3fr .7fr .7fr 1fr;min-width:850px}.review-row{grid-template-columns:1.2fr 1.6fr .7fr 1fr .8fr}.release-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.release-flow>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;display:grid;gap:6px}.release-flow b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#dce4ea}.release-flow span{font-size:.7rem;color:var(--muted)}.release-flow .done{border-color:#a7ddcb}.release-flow .done b{background:var(--green);color:#fff}.release-flow .active{border:2px solid var(--blue)}.release-flow .active b{background:var(--blue);color:#fff}.safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.safety-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:15px;text-align:left;display:flex;gap:12px;color:var(--ink)}.safety-card>span{width:27px;height:27px;border-radius:50%;background:var(--green-soft);color:var(--green);display:grid;place-items:center;flex:0 0 auto}.safety-card p{margin:4px 0 0;color:var(--muted);font-size:.76rem;line-height:1.5}.blueprint-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:center}.blueprint-flow>div{background:var(--nav);color:#fff;border-radius:13px;padding:22px}.blueprint-flow span{display:block;color:#afbfcc;font-size:.78rem;line-height:1.6;margin-top:7px}.doc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:18px}.doc-grid button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:12px;text-align:left;display:grid;grid-template-columns:35px 1fr auto;gap:8px;align-items:center;color:var(--ink)}.doc-grid button>span{color:var(--muted)}.doc-grid em{font-style:normal;color:var(--blue);font-size:.7rem}.roadmap-lanes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.roadmap-lanes>div{background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:12px;padding:18px}.roadmap-lanes p{color:var(--muted);font-size:.78rem;line-height:1.55}.spec-list.complete{max-height:650px}.spec-row.complete{grid-template-columns:45px 1fr 80px 55px;align-items:start}.spec-row.complete small{display:block;color:var(--muted);margin-top:4px}.trace-meta{display:grid;grid-template-columns:110px 1fr;gap:8px;margin-bottom:12px;font-size:.8rem}.trace-meta span{color:var(--muted)}.spec-body{max-height:55vh;white-space:pre-wrap;background:#f4f7f9;color:var(--ink);border:1px solid var(--line)} @media(max-width:1050px){.screen-grid{grid-template-columns:repeat(2,1fr)}.public-main{grid-template-columns:1fr;gap:35px}.hero-proof{max-width:600px}.roadmap-lanes{grid-template-columns:1fr 1fr}.scan-config{grid-template-columns:1fr}.order-summary{position:static}} @media(max-width:760px){.screen-grid,.screen-grid.compact,.safety-grid,.doc-grid,.roadmap-lanes{grid-template-columns:1fr}.screen-card{grid-template-columns:32px 1fr}.screen-card em{display:none}.public-shell header{padding:0 16px}.public-shell header nav>button:first-child{display:none}.public-main,.result-public,.pricing-page{padding:42px 18px}.scan-entry{display:grid}.auth-shell{grid-template-columns:1fr}.auth-aside{display:none}.auth-panel{padding:40px 22px}.onboarding-steps span{font-size:0}.onboarding-steps b{font-size:.7rem}.dns-record{grid-template-columns:1fr}.website-head,.client-head,.gated-result,.scan-live,.result-hero,.retest-status{align-items:flex-start;flex-direction:column}.policy-picker{grid-template-columns:1fr}.report-cover{min-height:520px;padding:32px}.report-cover h1{font-size:2rem}.report-section{padding:26px 24px}.blueprint-flow{grid-template-columns:1fr}.blueprint-flow>b{text-align:center}.release-flow{grid-template-columns:1fr 1fr}.spec-row.complete{grid-template-columns:32px 1fr 50px}.spec-row.complete em{display:none}} .finding-tabs{position:sticky;top:72px;background:var(--canvas);z-index:4;padding-top:4px}.finding-tabs button{cursor:pointer}.finding-anchor{scroll-margin-top:145px} /* Responsive hardening: contain dense application data without widening the page. */ .shell>main,.page,.grid>*,.card,.stack,.table,.auth-panel,.public-main>*{min-width:0} .table{max-width:100%;overscroll-behavior-inline:contain} .method-tabs,.tabbar{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin} .section-head,.form-between,.report-hash{gap:10px;flex-wrap:wrap} .list-item{gap:12px}.list-item strong,.list-item code{overflow-wrap:anywhere;text-align:right} .finding>*,.timeline-step{min-width:0}.finding h3,.finding p,.timeline-step{overflow-wrap:anywhere} /* Tablets and small laptops use the full canvas and an off-canvas navigation drawer. */ @media(max-width:1100px){ .shell{display:block} .shell>main{width:100%} .sidebar{position:fixed;inset:0 auto 0 0;z-index:15;width:min(280px,86vw);height:100vh;transform:translateX(-105%);transition:transform .2s ease;box-shadow:18px 0 45px rgba(7,17,29,.22)} .sidebar.open{transform:none} .mobile-menu{display:block} .topbar{padding:0 20px} .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))} .page{max-width:100%} } @media(max-width:900px){ .grid-2,.grid-3,.detail-layout,.scan-config{grid-template-columns:1fr} .auth-shell{grid-template-columns:1fr} .auth-aside{display:none} .auth-panel{padding:48px clamp(22px,7vw,60px)} .public-main{grid-template-columns:1fr} .order-summary{position:static} } /* Narrow phones and foldables down to 280px. */ @media(max-width:480px){ .demo-banner{font-size:.67rem;line-height:1.35;padding:6px 10px} .topbar{height:64px;padding:0 10px;gap:8px} .asset-switcher{gap:6px;min-width:0}.asset-switcher strong{display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .top-actions{gap:4px}.top-actions .primary{padding:8px 9px;font-size:.76rem} .page{padding:16px 10px}.page-title{margin-bottom:18px}.page-title h1{font-size:1.42rem;line-height:1.15} .card{padding:15px;border-radius:11px} .grid{gap:10px}.grid-4{grid-template-columns:1fr} .inline-form,.scan-entry{display:grid;grid-template-columns:1fr}.inline-form button,.scan-entry button{width:100%} .public-shell header{height:auto;min-height:68px;gap:8px}.public-shell header nav{gap:2px}.public-shell header nav button{padding:8px 7px;font-size:.75rem} .public-shell header{flex-wrap:wrap;padding-block:12px}.public-shell header .brand{width:100%;padding-bottom:4px}.public-shell header nav{width:100%;justify-content:flex-end} .public-main,.result-public,.pricing-page{padding:32px 12px}.hero-copy h1{font-size:2.35rem} .owner-summary,.scan-live,.result-hero,.retest-status,.website-head,.client-head{padding:17px} .report-cover{padding:24px}.report-section{padding:22px 16px}.report-hash{padding:20px 16px;display:grid} .release-flow{grid-template-columns:1fr} .doc-grid button{grid-template-columns:28px minmax(0,1fr)}.doc-grid button strong{min-width:0;overflow-wrap:anywhere}.doc-grid button em{display:none} .method-tabs{gap:5px}.method-tabs button{padding:9px 10px;flex:0 0 auto} .finding-tabs{top:64px;gap:16px}.finding-anchor{scroll-margin-top:132px} .spec-lock{padding:16px}.lock-count strong{font-size:1.55rem} .modal-backdrop{padding:8px}.modal{padding:20px 16px} } /* =========================================================================== C-001 — DEV-001: page-level horizontal overflow at 280px --------------------------------------------------------------------------- Approved by the owner 2026-09-29 as a production compliance fix to the supplied mockup. Not a redesign and not a product deviation: the approved design is preserved, the acceptance contract is now met. THE DEFECT, measured rather than assumed: apiscanning @ 280px page overflowed by 35px .field is a grid whose implicit column sizes to max-content. The Authentication