@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--cream:#fcfaf5;--ink:#18171b;--muted:#6f6b6b;--red:#d71936;--red-dark:#af0c27;--line:#e9e3db;--dark:#1b1a1e;--card:#fff;--mono:'DM Mono',monospace;--heading:'Space Grotesk',sans-serif;--body:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--heading);line-height:1.06;letter-spacing:-.045em}h1{font-size:clamp(3.1rem,7vw,6.7rem)}h2{font-size:clamp(2.2rem,4.5vw,4rem)}h3{font-size:1.35rem}p{color:var(--muted)}:focus-visible{outline:3px solid #e45f72;outline-offset:3px}
.site-header{height:78px;padding:0 max(5%,calc((100vw - 1360px)/2));display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--cream);border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{font-family:var(--heading);font-weight:700;letter-spacing:-.06em;font-size:1.35rem;display:inline-flex;align-items:center;gap:11px;white-space:nowrap}.brand-mark{display:grid;place-items:center;background:var(--red);color:#fff;width:31px;height:31px;border-radius:7px;letter-spacing:-.1em;font-size:1.15rem}.site-header nav,.header-actions{display:flex;align-items:center;gap:28px}.site-header nav a,.text-link{font-size:.88rem;font-weight:600;color:#555057}.site-header nav a:hover,.text-link:hover{color:var(--red)}.header-actions{gap:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--red);color:#fff;padding:15px 23px;border:1px solid var(--red);border-radius:9px;font-weight:700;box-shadow:0 9px 20px #d7193623;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:var(--red-dark)}.button.small{padding:10px 16px;font-size:.85rem}.button.ghost{background:transparent;color:var(--ink);border-color:#999094;box-shadow:none}.button.ghost:hover{background:#fff}
.hero{min-height:650px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:5%;padding:80px max(5%,calc((100vw - 1360px)/2));background:radial-gradient(circle at 72% 40%,#fff3eb 0,transparent 40%),var(--cream)}.hero-inner{max-width:690px}.eyebrow,.kicker{font-family:var(--mono);font-size:.75rem;font-weight:500;letter-spacing:.12em;color:var(--red);text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #ebc7cb;background:#fff9f8;padding:9px 13px;border-radius:6px;margin-bottom:28px}.status-dot{width:8px;height:8px;background:var(--red);border-radius:50%;box-shadow:0 0 0 4px #f8dde1}.hero h1{margin-bottom:24px}.hero h1 em{font-style:normal;color:var(--red)}.hero p{font-size:1.1rem;max-width:600px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-note{font-family:var(--mono);font-size:.7rem;color:#8a8582;margin-top:35px}.hero-visual{background:var(--dark);border:1px solid #3f3939;border-radius:16px;box-shadow:0 25px 65px #2720272e;overflow:hidden;transform:rotate(1deg)}.mock-top{height:48px;border-bottom:1px solid #373238;display:flex;align-items:center;gap:6px;padding:0 19px}.mock-top span{width:9px;height:9px;border-radius:50%;background:#71676a}.mock-top span:first-child{background:#ef675c}.mock-top span:nth-child(2){background:#e8bd61}.mock-top span:nth-child(3){background:#73ae86}.mock-top small{margin-left:12px;color:#aaa1a5;font-family:var(--mono);font-size:.67rem}.mock-code{font-family:var(--mono);font-size:.84rem;color:#e3dbd9;padding:38px 25px 20px;line-height:2}.mock-code b{font-weight:400;color:#796e72;margin-right:22px}.mock-code .flag{background:#8d243d4d;border-left:3px solid #ed5366;color:#fff;margin-left:-25px;padding-left:22px}.mock-finding{display:flex;flex-direction:column;gap:5px;background:#2a242a;border:1px solid #704253;border-radius:9px;padding:18px 21px;margin:18px 23px 23px}.mock-finding strong{font:500 .66rem var(--mono);color:#fb7890}.mock-finding span{color:#fff;font-weight:700}.mock-finding small{color:#b9adaf}.mock-caption{color:#a59a9e;font:400 .65rem var(--mono);padding:0 23px 20px}.trust-strip{display:flex;justify-content:center;gap:clamp(25px,8vw,140px);padding:24px 5%;background:#f4efe7;border-block:1px solid var(--line);font:500 .73rem var(--mono);letter-spacing:.1em;color:#8b8380}.section{padding:100px max(5%,calc((100vw - 1360px)/2));scroll-margin-top:30px}.section.compact{padding-block:70px}.section.alt{background:#f5f0e9}.section-heading{max-width:820px;margin-bottom:44px}.section-heading .kicker{margin-bottom:18px}.section-heading h2{margin-bottom:18px}.section-heading p{font-size:1.05rem;max-width:700px}.grid{display:grid;gap:20px}.grid.three{grid-template-columns:repeat(3,1fr)}.card{background:var(--card);border:1px solid var(--line);padding:32px;border-radius:12px;box-shadow:0 8px 25px #3d2b1708}.card .number{font:500 .85rem var(--mono);color:var(--red)}.card h3{margin:35px 0 12px}.card p{margin-bottom:0}.card.wide{max-width:850px}.card.wide h2{font-size:2rem}.walkthrough{background:var(--dark);color:#fff}.walkthrough .section-heading p{color:#c9bfc1}.walkthrough .kicker{color:#ff7d8d}.video-frame{background:#110e13;border:1px solid #514448;border-radius:14px;overflow:hidden;box-shadow:0 20px 50px #0005;max-width:1100px}.video-frame video{display:block;width:100%;aspect-ratio:16/9;background:#110e13}.video-caption{font:400 .75rem var(--mono);color:#ab9fa2;margin:17px 0 0}.cta-panel{background:var(--red);color:#fff;padding:55px;border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-panel .kicker,.cta-panel p{color:#ffbec7}.cta-panel h2{margin:12px 0}.cta-panel .button{background:#fff;color:var(--red);border-color:#fff;flex-shrink:0}.page-hero{padding:100px max(5%,calc((100vw - 1360px)/2));background:#f5f0e9;min-height:430px}.page-hero h1{margin:15px 0 23px}.page-hero p{font-size:1.1rem;max-width:650px}.page-hero .button{margin-top:13px}.inline-links{display:flex;flex-wrap:wrap;gap:25px;margin-top:28px;color:var(--red);font-weight:700}.legal{max-width:900px;margin:auto;padding:90px 5% 130px}.legal h1{margin:18px 0}.legal h2{font-size:1.5rem;margin:35px 0 10px}.legal p{line-height:1.75}.legal-date{font-size:.85rem;border-bottom:1px solid var(--line);padding-bottom:28px}.site-footer{background:#211e21;color:#fff;padding:65px max(5%,calc((100vw - 1360px)/2)) 25px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px}.site-footer p{color:#a79da0}.site-footer h3{font:500 .76rem var(--mono);letter-spacing:.1em;color:#e0c2c5;text-transform:uppercase;margin:4px 0 20px}.site-footer a:not(.brand){display:block;color:#b9afb1;font-size:.85rem;margin:11px 0}.site-footer a:hover{color:#fff}.copyright{grid-column:1/-1;border-top:1px solid #403a3e;padding-top:22px;font-size:.76rem}
.app-body{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;width:min(1160px,90%);margin:65px auto}.app-footer{padding:20px 5%;display:flex;justify-content:center;gap:25px;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}.app-footer a:hover{color:var(--red)}.app-title{margin-bottom:30px}.app-title h1{font-size:clamp(2.4rem,5vw,4rem);margin:10px 0}.app-title p{max-width:650px}.auth-wrap{max-width:480px;margin:20px auto 80px}.form-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:34px;box-shadow:0 16px 40px #35281d0c}.form-card h1{font-size:2.6rem;margin:10px 0}.form-card p{font-size:.93rem}.field{display:flex;flex-direction:column;gap:7px;margin:20px 0}.field label{font-weight:700;font-size:.85rem}.field input,.field textarea,.field select{width:100%;padding:13px 14px;border:1px solid #d5cec7;border-radius:8px;background:#fff;color:var(--ink);outline:none}.field textarea{font:400 .84rem var(--mono);min-height:260px;resize:vertical;line-height:1.6}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--red);box-shadow:0 0 0 3px #d7193618}.form-card .button,.project-form .button{width:100%}.form-note{margin-top:20px;font-size:.85rem;text-align:center}.form-note a,.link{color:var(--red);font-weight:700}.message{border:1px solid;border-radius:8px;padding:13px 16px;margin:20px 0;font-size:.88rem}.message.error{background:#fff0f1;border-color:#edc3c9;color:#aa1230}.message.success{background:#eff9f2;border-color:#b9e2c4;color:#186e36}.loading{padding:40px;color:var(--muted);text-align:center}.dashboard-grid{display:grid;grid-template-columns:1fr 340px;gap:24px}.project-list{display:grid;gap:14px}.project-row{display:flex;justify-content:space-between;gap:20px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:10px;padding:22px}.project-row h3{margin:0 0 7px;font-size:1.1rem}.project-row p{margin:0;font-size:.82rem}.project-row:hover{border-color:#e9a9b2}.project-row .arrow{color:var(--red);font-size:1.3rem}.side-panel{padding:27px;background:#f3ece8;border-radius:12px;align-self:start}.side-panel h3{margin-bottom:10px}.side-panel .button{margin-top:14px}.empty{border:1px dashed #d9c8c4;padding:40px;border-radius:12px;text-align:center;background:#fff}.empty h3{margin-bottom:10px}.empty .button{margin-top:12px}.project-form{max-width:820px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.file-label{display:inline-flex;align-items:center;gap:10px;border:1px dashed #b9a9a3;border-radius:8px;padding:13px 16px;background:#fff;cursor:pointer;font-weight:600}.file-label input{display:none}.form-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:16px 0}.plain-button{background:none;border:none;color:var(--red);font-weight:700;padding:10px}.detail-top{display:flex;justify-content:space-between;align-items:start;gap:20px}.detail-top .button{margin-top:15px}.result-summary{background:#242026;color:#fff;padding:25px;border-radius:12px;display:flex;align-items:center;gap:20px;margin:28px 0}.result-summary strong{font-family:var(--heading);font-size:2.3rem;line-height:1}.result-summary span{color:#d4c9cb}.finding-list{display:grid;gap:15px}.finding{border:1px solid var(--line);border-radius:10px;background:#fff;padding:22px}.finding-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.finding h3{font-size:1.15rem;margin:0}.severity{font:600 .65rem var(--mono);letter-spacing:.08em;padding:5px 8px;border-radius:4px}.severity.high{background:#ffe7e9;color:#a90e26}.severity.medium{background:#fff0cf;color:#9d5b00}.finding-location{font:.76rem var(--mono);color:var(--muted);margin:12px 0}.finding pre{white-space:pre-wrap;word-break:break-word;background:#27242a;color:#f7e8e7;padding:15px;border-radius:7px;overflow:auto}.finding p{margin:10px 0}.history{margin-top:40px}.history h2{font-size:1.8rem}.history a{color:var(--red);font-weight:700}.back-link{color:var(--red);font-weight:700;font-size:.82rem}.small-muted{font-size:.76rem;color:var(--muted)}
@media(max-width:1000px){.hero{grid-template-columns:1fr;padding-block:65px}.hero-visual{max-width:650px}.site-header nav{gap:15px}.site-footer{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.side-panel{max-width:500px}}@media(max-width:680px){.site-header{height:auto;min-height:70px;flex-wrap:wrap;padding:14px 5%;gap:10px}.site-header nav{order:3;width:100%;justify-content:space-around;padding-top:9px}.header-actions{gap:10px}.header-actions .text-link{display:none}.hero{min-height:0}.hero h1{font-size:3.2rem}.hero-actions{flex-direction:column;align-items:stretch}.trust-strip{gap:8px;font-size:.58rem;justify-content:space-between}.section{padding-block:65px}.grid.three{grid-template-columns:1fr}.cta-panel{padding:30px;display:block}.cta-panel .button{margin-top:20px}.site-footer{grid-template-columns:1fr 1fr}.site-footer>div:first-child{grid-column:1/-1}.form-row{grid-template-columns:1fr}.app-main{margin-top:35px}.detail-top{display:block}}
