:root{--paper:#f7f3ef;--ink:#090909;--pink:#f09be5;--lime:#e3fa39;--blue:#a7e7f5;--line:#d4cec7;--muted:#77736f;--white:#fffdfa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,input,select{font:inherit}button,a{color:inherit}a{text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #4285ff;outline-offset:3px}.logo{width:112px;height:38px;object-fit:contain;object-position:left center}.topnav{height:72px;display:flex;align-items:center;padding:0 5.1vw;gap:clamp(22px,5vw,80px);position:relative;z-index:3}.topnav nav{display:flex;gap:34px;margin-left:auto;font-size:13px}.topnav nav a:hover,.section-heading a:hover{opacity:.6}.nav-product{border:0;background:none;font-size:13px}.btn{border:1px solid var(--ink);padding:13px 23px;display:inline-flex;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:transform .18s,background .18s;min-height:44px}.btn:hover{transform:translateY(-2px)}.black{background:var(--ink);color:white}.black:hover{background:#262626}.outline{background:transparent;color:var(--ink)}.outline:hover{background:#fff}.nav-cta{padding:10px 20px}.menu-toggle{display:none;background:none;border:0;font-size:20px}.hero{height:min(630px,67vw);min-height:555px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;padding:44px 3.45vw 0}.hero-copy{z-index:1;align-self:start;padding:12px 0 0 0}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;color:#6b655e}.hero h1,.feature-hero h1{font-size:clamp(56px,5.05vw,78px);line-height:.97;letter-spacing:-.065em;margin:24px 0 15px;font-weight:700}.hero h1 em,.pricing-page h1 em{font-family:Georgia,serif;color:#ed55c5;font-weight:500;letter-spacing:-.08em}.hero-copy>p,.feature-hero>div>p{max-width:375px;line-height:1.55;font-size:15px;margin:0 0 22px}.actions{display:flex;gap:9px}.social{display:flex;align-items:center;gap:12px;font-size:11px;margin-top:24px}.faces{display:flex}.faces b{font-size:9px;background:#e6bca7;border:2px solid var(--paper);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;margin-right:-5px}.faces b:nth-child(2){background:#f2cf8b}.faces b:nth-child(3){background:#d8a9a8}.hero-art{position:relative;overflow:visible}.hero-art:before{content:'';position:absolute;background:#080808;width:45%;height:440px;top:105px;left:34%;clip-path:polygon(37% 0,100% 100%,0 100%);z-index:1}.hero-art:after{content:'';position:absolute;top:65px;left:40%;height:90px;width:1px;background:#151515;transform:rotate(-20deg)}.status-card{position:absolute;z-index:2;top:43px;right:2%;width:202px;background:var(--white);border:1px solid #888;border-radius:7px;padding:12px;font-size:9px;box-shadow:0 4px 12px #0000000d}.status-card p{margin:7px 0;color:#5b5957}.hanging{position:absolute;width:40px;height:34px;border:1px solid #111;left:40%;top:126px;z-index:2;transform:rotate(-17deg);background:var(--paper)}.pink-slab{position:absolute;z-index:0;background:#f09be5;left:-25%;bottom:-2px;width:132%;height:132px;transform:skewY(-8deg)}.lime-slab{position:absolute;z-index:0;background:var(--lime);right:-17%;bottom:-35px;width:48%;height:170px;transform:skewY(-13deg)}.hero-paper{position:absolute;z-index:2;right:5%;bottom:8px;font-size:24px;font-weight:700;letter-spacing:5px;transform:rotate(-6deg);border:1px solid #292429;border-radius:50%;width:225px;height:103px;text-align:center;padding:15px 0}.pixelbig{position:absolute;z-index:2;left:13%;bottom:16px;font-size:105px;line-height:.8;text-shadow:7px 0 #000,-7px 0 #000,0 7px #000,0 -7px #000;color:var(--pink)}.feature-intro{background:#fbf9f5;min-height:585px;padding:76px 5.5vw 62px;display:grid;grid-template-columns:1fr 1fr;column-gap:7vw;position:relative}.feature-intro h2{font-size:55px;line-height:.98;letter-spacing:-.055em;margin:16px 0}.feature-intro>div:first-child>p{font-size:14px;line-height:1.5;max-width:370px;margin-bottom:20px}mark{background:linear-gradient(transparent 22%,var(--lime) 22%,var(--lime) 83%,transparent 83%);padding:0 .07em}.browser-art{height:235px;border:1px solid #9a9690;border-radius:24px;position:relative;align-self:center;background:#fbfaf8;overflow:hidden}.feature-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin-top:54px}.feature-grid article{padding:0 10px}.feature-grid article>i{font-style:normal;font-size:23px;width:43px;height:43px;border:1px solid #888;border-radius:50%;display:grid;place-items:center;margin-bottom:10px}.feature-grid h3{font-size:15px;margin:0 0 7px}.feature-grid p{font-size:12px;color:#68635e;line-height:1.55;margin:0;max-width:190px}.cta-band{background:var(--lime);padding:40px 6vw;display:flex;align-items:center;justify-content:space-between}.cta-band p{font-size:25px;line-height:1.2}.cta-band strong{font-weight:700}.cta-band .btn{background:var(--ink);color:white}footer{height:72px;padding:0 5vw;display:flex;align-items:center;gap:25px;font-size:11px;color:#6e6964}footer span{margin-left:auto}.features-page{padding:32px 5vw 0}.feature-hero{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;min-height:470px}.feature-hero h1{font-size:64px}.feature-hero>div>p{max-width:400px}.browser-art.big{height:300px}.feature-ui{position:absolute;top:90px;left:10%;width:80%;border:1px solid #888;padding:20px;border-radius:12px;background:#fffdfa}.avatar-row{font-size:23px}.feature-grid.large{padding:30px 0 65px}.pricing-page{text-align:center;padding:32px 4vw 78px}.pricing-page h1{font-size:46px;letter-spacing:-.055em;line-height:1.03;margin:16px 0}.pricing-page>p{font-size:13px;color:#5e5954}.billing{display:flex;justify-content:center;margin:24px auto 28px;border:1px solid #777;border-radius:4px;width:max-content;position:relative}.billing button{padding:8px 13px;border:0;background:transparent;font-size:11px}.billing button.selected{background:#111;color:#fff}.billing span{position:absolute;left:calc(100% + 8px);top:7px;background:#111;color:#fff;padding:4px 7px;font-size:8px;white-space:nowrap}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:920px;margin:auto;text-align:left}.plan{position:relative;background:#fbf9f6;border:1px solid #c7c2bb;border-radius:6px;padding:25px 22px 20px;min-height:340px}.plan.featured{background:#e8fa4d;border-color:#c5d932;transform:translateY(-7px)}.plan h3{font-size:18px;margin:0 0 2px}.plan>p{font-size:11px;color:#6c665f;margin:0}.price{font-size:35px;font-weight:700;letter-spacing:-.05em;margin:21px 0 16px}.price small{font-size:10px;font-weight:400;letter-spacing:0}.price-subtext{font-size:10px;color:#67625c;margin:-10px 0 16px;min-height:14px;line-height:1.4}.plan.featured .price-subtext{color:#3a3c1c}.plan ul{list-style:none;padding:0;margin:0 0 21px}.plan li{font-size:11px;margin:10px 0}.full{width:100%}.popular{position:absolute;right:12px;top:-11px;background:#090909;color:#e6f943;border-radius:50%;padding:8px;font-size:12px}.fine-print{font-size:10px!important;margin-top:24px}.auth-layout{min-height:100vh;display:grid;grid-template-columns:48% 52%;background:#fbf9f6}.auth-form{padding:25px 6vw}.auth-inner{max-width:385px;margin:74px auto 0}.auth-inner h1{font-size:31px;letter-spacing:-.04em;margin:0 0 4px}.auth-inner>p{font-size:12px;color:#777;margin:0 0 20px}.social-auth{height:38px;width:100%;background:transparent;border:1px solid #bbb7b1;margin:5px 0;text-align:left;padding:0 13px;font-size:11px}.social-auth b{display:inline-block;width:25px}.divider{display:flex;align-items:center;gap:12px;color:#9a958e;font-size:10px;margin:12px 0}.divider:before,.divider:after{content:'';height:1px;background:#d6d1cb;flex:1}.auth-inner label,.new-test-form label,.settings-card label{display:block;font-size:10px;font-weight:600;margin:10px 0}.auth-inner input,.new-test-form input,.settings-card input,.settings-card select{display:block;width:100%;height:37px;border:1px solid #d0cbc5;background:transparent;padding:0 10px;margin-top:5px;font-size:11px;border-radius:3px}.forgot{display:block;text-align:right;font-size:9px;margin:5px 0 11px}.auth-switch{text-align:center;font-size:10px;margin-top:17px}.auth-switch a{font-weight:700;text-decoration:underline}.auth-art{position:relative;overflow:hidden}.auth-yellow{background:var(--lime)}.auth-blue{background:#99e7f6}.art{height:100%;min-height:580px;position:relative;overflow:hidden}.art-caption{position:absolute;left:9%;bottom:13%;font-size:27px;line-height:1.02;white-space:pre-line;font-weight:700;letter-spacing:-.04em}.art-window{position:absolute;top:17%;left:38%;width:44%;height:35%;border:1px solid #222;border-radius:12px;background:#f9f7f4;padding:20px 18px;transform:rotate(-3deg)}.dots{font-size:9px;color:#888}.mini-line{height:5px;background:#dad6cf;border-radius:4px;margin:17px 0;width:80%}.mini-line.short{width:50%;margin-top:11px}.mini-row{display:flex;gap:8px}.mini-row i{width:24px;height:24px;border:1px solid #777;border-radius:50%}.check{position:absolute;right:-12px;bottom:-15px;background:#080808;color:white;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.pixel{position:absolute;right:9%;bottom:4%;width:88px;height:72px;border:12px solid #080808;border-bottom:0;background:linear-gradient(#080808,#080808) 0 34px/100% 12px no-repeat}.scribble{position:absolute;left:12%;top:9%;width:62%;height:25%;border-top:1px solid #222;border-radius:50%;transform:rotate(14deg)}.auth-yellow .scribble{left:10%;top:20%;width:75%;height:29%;border-radius:30%;transform:rotate(-20deg)}.auth-yellow .art-window{display:none}.auth-blue .art-caption{left:8%;bottom:11%}.auth-blue .pixel{width:74px;height:74px;left:9%;bottom:44%;right:auto;border:12px solid #080808;border-right:0;transform:rotate(45deg);background:none}.auth-blue .art-window{left:36%;top:14%;width:50%;height:41%}.auth-yellow .art-caption{left:8%;bottom:15%}.auth-yellow .pixel{right:7%;bottom:3%}.auth-yellow .art:after{content:'';position:absolute;right:0;bottom:0;width:33%;height:36%;background:var(--pink);clip-path:polygon(50% 0,63% 31%,100% 15%,76% 53%,100% 68%,59% 70%,50% 100%,38% 69%,0 85%,25% 54%,0 35%,40% 43%);opacity:.75}.app-layout{min-height:100vh;display:grid;grid-template-columns:220px 1fr;background:#fbf9f6}.sidebar{border-right:1px solid #e2ded8;padding:21px 13px;display:flex;flex-direction:column;min-height:100vh}.sidebar .logo{width:93px;height:32px;margin:0 0 28px 7px}.side-links{display:grid;gap:4px}.side-links a{height:36px;display:flex;align-items:center;gap:10px;padding:0 10px;font-size:11px;color:#56514b;border-radius:3px}.side-links a span{font-size:15px;width:17px}.side-links a.current,.side-links a:hover{background:#e9e5df;color:#111}.side-bottom{margin-top:auto;border-top:1px solid #e2ded8;padding:16px 5px 0;display:flex;align-items:center;gap:9px;font-size:10px}.side-bottom>span,.avatar{width:28px;height:28px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;border:0}.side-bottom small{color:#777}.side-bottom button{margin-left:auto;border:0;background:none}.app-main{padding:0 34px 55px;min-width:0}.app-top{height:62px;border-bottom:1px solid #e8e3dd;display:flex;align-items:center;justify-content:space-between;margin:0 -34px 27px;padding:0 34px}.search{border:0;background:transparent;font-size:11px;width:280px;outline:0}.top-icons{display:flex;align-items:center;gap:14px}.top-icons button{border:0;background:none}.top-icons .avatar{background:#080808;color:white;font-size:10px}.welcome h1,.page-head h1{font-size:26px;letter-spacing:-.045em;margin:8px 0 3px}.welcome p,.page-head p{font-size:11px;color:#716c66;margin:0}.metrics,.report-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:23px 0}.metric{border:1px solid #ded9d2;border-radius:4px;padding:13px 14px;min-height:84px;background:#fffdfa;display:flex;flex-direction:column}.metric>span{font-size:9px;color:#6e6962}.metric strong{font-size:23px;letter-spacing:-.04em;margin:3px 0}.metric small{font-size:8px;color:#858078}.run-panel{background:#080808;color:white;padding:20px;border-radius:5px;margin:20px 0 25px}.run-panel h2{font-size:15px;margin:0 0 3px}.run-panel p{font-size:9px;color:#bbb;margin:0 0 13px}.run-panel form{display:flex;gap:8px}.run-panel input{height:38px;flex:1;border:0;padding:0 12px;border-radius:3px;font-size:11px}.lime{background:var(--lime);color:#111;border-color:var(--lime)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 10px}.section-heading h2{font-size:16px;margin:0}.section-heading a{font-size:10px}.test-list{border-top:1px solid #ded9d2}.test-row{display:grid;grid-template-columns:30px minmax(130px,1fr) 110px 100px 60px;align-items:center;gap:8px;min-height:55px;border-bottom:1px solid #e5e0d9;padding:7px 5px;font-size:9px}.site-dot{color:#bd52cf;font-size:18px}.test-host{font-weight:600;overflow:hidden;text-overflow:ellipsis}.test-host small{display:block;color:#827d76;font-weight:400;margin-top:3px}.badge{font-size:8px;border-radius:12px;background:#d8f0cf;padding:5px 9px;width:max-content;color:#315c2b}.badge.running,.badge.queued{background:#f5e8a3;color:#624c03}.badge.failed{background:#ffd8d5;color:#81291e}.test-row>b{justify-self:end}.empty{text-align:center;padding:54px 18px;border:1px solid #e1dcd5;background:#fffdfa;margin-top:16px}.empty-icon{font-size:31px}.empty h3{font-size:16px;margin:8px 0}.empty p{font-size:11px;color:#736e67;margin:0 auto 16px;max-width:380px}.page-head{margin:8px 0 23px}.new-test-page{max-width:600px;padding:20px 0}.new-test-page>a,.report-head a,.issue-detail>a{font-size:10px;display:block;margin-bottom:42px}.new-test-page h1,.issue-detail h1{font-size:35px;letter-spacing:-.055em;margin:12px 0}.new-test-page>p{font-size:12px;color:#6e6963;max-width:470px;line-height:1.6}.new-test-form{max-width:520px;margin-top:27px}.new-test-form input{height:44px}.new-test-form>.btn{margin-top:12px}.setup-note{border-left:3px solid var(--lime);padding:12px;background:#f1ede7;font-size:10px;color:#6c665f;margin-top:38px;line-height:1.5}.report-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.report-head a{margin-bottom:10px}.report-head h1{font-size:25px;margin:0 0 7px}.report-head .btn{margin-left:7px;padding:9px 14px}.report-metrics{margin:19px 0}.tabs{display:flex;gap:22px;border-bottom:1px solid #ddd7d0;overflow:auto}.tabs button{border:0;background:none;padding:12px 2px;font-size:10px;white-space:nowrap}.tabs button.on{border-bottom:2px solid #111;font-weight:700}.issues{display:grid;gap:8px;margin-top:14px}.issue-card{display:grid;grid-template-columns:72px 1fr 60px;gap:12px;align-items:center;border:1px solid #e1dcd5;background:#fffdfa;padding:12px;border-radius:4px}.severity{text-transform:capitalize;font-size:8px;background:#ffdedb;color:#9a2823;padding:5px 8px;width:max-content;border-radius:11px}.severity.medium{background:#fff0c2;color:#765800}.severity.low{background:#eee9d6;color:#685f37}.issue-card small{font-size:8px;color:#777}.issue-card h3{font-size:12px;margin:3px 0}.issue-card p{font-size:9px;color:#706b64;margin:0;overflow-wrap:anywhere}.issue-card>b{font-size:9px}.ai-summary,.ai-box{padding:15px;background:#d9f1fb;margin-top:17px;font-size:11px}.ai-summary p,.ai-box p{line-height:1.5;margin:7px 0 0}.shots{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.shots img{width:100%;border:1px solid #ddd}.shots figcaption{font-size:10px;margin-top:5px}.issue-detail{max-width:760px;padding:20px 0}.issue-detail>a{margin-bottom:28px}.issue-detail>p{font-size:11px;color:#6e6963}.detail-box,.fix-box{padding:18px;background:#fffdfa;border:1px solid #ded9d2;margin-top:16px}.detail-box>span{font-size:9px;color:#726d66}.detail-box pre{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.fix-box{background:#f1f9d3;font-size:11px}.settings-tabs{display:flex;gap:24px;border-bottom:1px solid #ddd7d0;margin-top:23px}.settings-tabs a{font-size:10px;padding:12px 0}.settings-tabs a.selected{font-weight:700;border-bottom:2px solid #111}.settings-card{max-width:700px;background:#fffdfa;border:1px solid #e2ddd6;padding:22px;margin-top:15px}.settings-card h3{font-size:14px}.settings-card label{max-width:400px;margin:16px 0}.settings-card input[type=checkbox]{display:inline-block;width:auto;height:auto}.settings-card .btn{margin-top:10px}.progress-shell{min-height:100vh;display:grid;grid-template-columns:1fr 40%;background:#fbf9f6}.progress-shell>header{grid-column:1/-1;height:64px;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.progress-shell>header a{font-size:11px}.progress-content{padding:55px 7vw;max-width:720px}.progress-content h1{font-size:26px;overflow-wrap:anywhere}.progress-content>p{font-size:12px;color:#68635d;line-height:1.5}.progress-bar{height:8px;background:#e5e0d9;margin-top:25px;border-radius:8px;overflow:hidden}.progress-bar i{display:block;height:100%;background:var(--lime);transition:width .5s}.steps{margin-top:22px}.step{display:flex;align-items:center;gap:11px;height:35px;font-size:11px;color:#89847d}.step.done{color:#171717}.step.done b{background:var(--lime);border-radius:50%;width:18px;height:18px;display:grid;place-items:center}.progress-shell>.art{min-height:calc(100vh - 64px);background:var(--blue)}.onboard{min-height:100vh;display:grid;grid-template-columns:62% 38%;background:#fbf9f6}.onboard-header{display:flex;justify-content:space-between;align-items:center;padding:24px 5vw}.onboard-header span{font-size:11px}.onboard-content{max-width:470px;margin:80px auto}.onboard-content h1{font-size:31px;letter-spacing:-.04em}.onboard-content p{font-size:11px;color:#777}.choices{display:grid;gap:7px;margin-top:24px}.choice{height:44px;display:flex;align-items:center;gap:12px;padding:0 12px;border:1px solid #d4cec7;background:transparent;text-align:left;font-size:11px}.choice span{width:19px}.choice b{margin-left:auto;font-weight:400}.choice.picked{border-color:#3782eb;background:#eef5ff}.onboard-actions{display:flex;justify-content:space-between;margin-top:22px}.onboard-art{background:#edb5eb;overflow:hidden}.onboard-art .art{background:#edb5eb}.text-page{max-width:900px;margin:60px auto 90px;padding:0 28px;min-height:62vh}.text-page h1{font-size:54px;letter-spacing:-.06em;max-width:700px;line-height:1.02}.text-page h2{font-size:23px;margin-top:34px}.text-page p,.text-page li{font-size:14px;line-height:1.7;color:#625d57;max-width:690px}.text-page ol{padding-left:20px}.blog-card{border:1px solid #d2ccc5;padding:24px;margin-top:35px;max-width:600px;background:#fffdfa}.blog-card h2{margin-top:16px}.blog-card a{font-size:12px;font-weight:700}.modal-backdrop{position:fixed;z-index:10;inset:0;background:#0008;display:grid;place-items:center;padding:20px}.demo-modal{background:var(--paper);padding:35px;max-width:470px;width:100%;position:relative;box-shadow:0 20px 48px #0000002b;border:1px solid #d4cec7}.demo-modal h2{font-size:28px;letter-spacing:-.04em;margin:12px 0 6px}.demo-modal p{font-size:12px;color:#69645e;line-height:1.5;margin:0 0 16px}.demo-modal form{display:flex;flex-direction:column;gap:8px;margin-top:16px}.demo-form-row{display:flex;gap:8px;align-items:stretch;width:100%}.demo-modal input{height:44px;min-width:0;flex:1;padding:0 12px;border:1px solid #aaa;background:transparent;border-radius:3px;font-size:13px}.demo-modal input:focus-visible{outline:3px solid #4285ff;outline-offset:2px}.demo-modal input.has-error{border-color:#a02c24;background:#fff8f7}.demo-modal .btn{height:44px;padding:0 20px;white-space:nowrap}.close{position:absolute;right:12px;top:12px;background:none;border:0;font-size:22px;line-height:1;width:32px;height:32px;display:grid;place-items:center;cursor:pointer}.close:hover{opacity:.7}#auth-message,#reset-message,#test-error{font-size:10px;color:#a02c24;margin-top:9px;line-height:1.5}.run-panel #test-error{color:#ffd6d2}.demo-modal #demo-error{font-size:11px;color:#a02c24;margin-top:4px;line-height:1.4;font-weight:600;min-height:18px}
@media(max-width:850px){.topnav{gap:18px;padding:0 4vw}.topnav nav{gap:16px}.hero{grid-template-columns:1fr 1fr;padding-left:5vw}.hero h1{font-size:58px}.hero-art:before{left:24%;width:58%}.status-card{right:-4%;width:170px}.feature-intro{padding-inline:5vw;gap:4vw}.app-layout{grid-template-columns:180px 1fr}.app-main{padding-inline:22px}.app-top{margin-inline:-22px;padding-inline:22px}.metrics{gap:6px}.metric{padding:10px}.metric strong{font-size:20px}}
@media(max-width:650px){.topnav{height:62px;padding:0 18px}.topnav .logo{width:90px}.topnav nav{display:none;position:absolute;top:60px;left:0;right:0;background:var(--paper);padding:20px;flex-direction:column;box-shadow:0 8px 12px #0001}.topnav nav.open{display:flex}.nav-product{display:none}.nav-cta{margin-left:auto;padding:8px 13px}.menu-toggle{display:block}.hero{display:block;height:auto;min-height:0;padding:35px 22px 0;overflow:hidden}.hero h1{font-size:58px;margin-top:17px}.hero-copy>p{font-size:13px}.hero-art{height:300px;margin:15px -22px 0}.hero-art:before{height:315px;top:90px;left:29%}.hero-art:after{top:40px}.status-card{top:30px;right:4%;width:160px}.pink-slab{height:105px}.lime-slab{height:120px}.pixelbig{font-size:75px;left:10%}.hero-paper{font-size:17px;width:165px;height:78px;right:3%}.feature-intro{display:block;padding:50px 23px}.feature-intro h2{font-size:47px}.browser-art{height:200px;margin-top:35px}.feature-grid{grid-template-columns:1fr 1fr;gap:26px 12px;margin-top:42px}.feature-grid article{padding:0}.feature-grid h3{font-size:13px}.cta-band{padding:25px 22px;gap:15px}.cta-band p{font-size:17px}.cta-band .btn{padding:10px;font-size:10px}footer{padding:0 20px;gap:12px;font-size:9px}.features-page{padding:25px 22px 0}.feature-hero{display:block;min-height:0}.feature-hero h1{font-size:56px}.browser-art.big{height:220px;margin:30px 0}.feature-grid.large{padding:15px 0 40px}.pricing-page{padding:30px 20px 50px}.pricing-page h1{font-size:39px}.plans{grid-template-columns:1fr;max-width:380px}.plan{min-height:0;padding:20px}.plan.featured{transform:none}.price{margin:15px 0}.price-subtext{margin:-8px 0 14px}.auth-layout{display:block;min-height:100vh}.auth-form{padding:20px 24px}.auth-inner{margin:55px auto 35px}.auth-inner h1{font-size:28px}.auth-art{min-height:340px}.art{min-height:340px}.art-caption{font-size:22px}.art-window{top:12%;left:40%;height:42%}.pixel{width:70px;height:60px}.auth-blue .art-window{left:40%;width:48%;height:48%}.auth-yellow .art-caption{bottom:12%}.app-layout{display:block}.sidebar{min-height:0;height:58px;position:sticky;top:0;z-index:4;background:var(--paper);border-right:0;border-bottom:1px solid #ddd;padding:0 13px;flex-direction:row;align-items:center}.sidebar .logo{width:82px;height:30px;margin:0}.side-links{display:flex;overflow:auto;margin-left:13px;gap:4px}.side-links a{white-space:nowrap;padding:0 9px;font-size:10px;height:34px}.side-links a span{font-size:13px;width:auto}.side-bottom{display:none}.app-main{padding:0 15px 40px}.app-top{height:48px;margin:0 -15px 19px;padding:0 15px}.search{width:180px}.metrics,.report-metrics{grid-template-columns:1fr 1fr;gap:7px}.metric{min-height:76px}.metric strong{font-size:21px}.run-panel{padding:15px}.run-panel form{flex-direction:column}.run-panel form .btn{width:100%}.test-row{grid-template-columns:23px 1fr 75px 53px;gap:5px}.test-row>span:nth-last-of-type(1){display:none}.test-row b{font-size:8px}.test-host{font-size:9px}.welcome h1,.page-head h1{font-size:22px}.report-head{display:block}.report-head>div:last-child{margin-top:14px}.report-head .btn{margin-left:0;margin-right:5px}.issue-card{grid-template-columns:53px 1fr}.issue-card>b{grid-column:2;justify-self:start}.shots{grid-template-columns:1fr}.settings-tabs{gap:15px;overflow:auto}.settings-tabs a{white-space:nowrap}.settings-card{padding:16px}.progress-shell{display:block}.progress-shell>header{height:57px;padding:0 18px}.progress-content{padding:35px 22px}.progress-content h1{font-size:20px}.progress-shell>.art{min-height:280px}.onboard{display:block}.onboard-header{padding:17px 22px}.onboard-content{margin:38px 24px 45px}.onboard-content h1{font-size:26px}.onboard-art{min-height:270px}.onboard-art .art{min-height:270px}.text-page{margin:40px auto 60px;padding:0 22px}.text-page h1{font-size:42px}.demo-modal{padding:27px 20px}.demo-modal form{display:grid}.demo-form-row{flex-direction:column}.demo-modal input{height:42px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Hero walkthrough: scoped to the right-side product illustration. */
.hero-art[data-hero-walkthrough]{position:relative;isolation:isolate;align-self:stretch;min-width:0;min-height:510px;height:100%;overflow:hidden;--demo-ink:#11100f;--demo-paper:#fffdfa;--demo-border:#ded8d1;--demo-pink:#f2a5e7;--demo-lime:#e3fa39;--demo-green:#278653;--demo-coral:#df6e78}
.hero-art[data-hero-walkthrough]:before,.hero-art[data-hero-walkthrough]:after{content:none}
.demo-browser{position:absolute;z-index:2;top:66px;right:0;width:min(100%,660px);height:378px;border:1px solid #bcb5ad;border-radius:12px;background:var(--demo-paper);box-shadow:0 18px 44px #1c17100d;overflow:hidden;color:var(--demo-ink)}
.demo-chrome{height:38px;background:#fffefa;border-bottom:1px solid #e4dfd9;display:flex;align-items:center;gap:12px;padding:0 12px}
.window-dots{display:flex;gap:4px;flex:none}.window-dots i{width:6px;height:6px;border:1px solid #bcb5ad;border-radius:50%}.window-dots i:first-child{background:#f3a5a0;border-color:#f3a5a0}.window-dots i:nth-child(2){background:#f4d37c;border-color:#f4d37c}.window-dots i:nth-child(3){background:#9acda7;border-color:#9acda7}
.demo-address{height:23px;max-width:280px;flex:1;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid #ebe6e0;border-radius:5px;background:#f8f6f3;color:#827c75;font-size:9px;white-space:nowrap}.lock-icon{font-size:12px;color:#6e9c78}.demo-loader{margin-left:auto;width:9px;height:9px;border-radius:50%;border:1.5px solid #e6e0d9;border-top-color:#111;opacity:0}.demo-loader.is-loading{opacity:1;animation:demo-spin .7s linear infinite}.preview-label{margin-left:auto;color:#8a847d;font-size:7px;letter-spacing:.1em;font-weight:700;white-space:nowrap}
.mock-site{height:calc(100% - 72px);padding:0 20px 13px;opacity:0;transform:translateY(5px);transition:opacity .45s ease,transform .45s ease;overflow:hidden}.hero-art[data-loaded="yes"] .mock-site{opacity:1;transform:none}
.mock-nav{height:38px;display:flex;align-items:center;gap:clamp(12px,2vw,24px);border-bottom:1px solid #eee9e3;font-size:8px}.mock-nav .mock-link{border:0;padding:4px 0;background:transparent;color:#554f48;font-size:8px;cursor:default;transition:color .18s}.mock-brand{font-family:Georgia,serif;font-size:15px;letter-spacing:-.08em;margin-right:auto}.mock-brand span{color:#70a672;font-size:18px}.mock-bag{border:0;background:transparent;font-size:8px;padding:3px 0}.mock-bag span{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#f1eae2;margin-left:3px}
.mock-hero{height:190px;display:grid;grid-template-columns:1.08fr .92fr;gap:12px;align-items:center;padding:10px 0 7px}.mock-copy{padding:2px 0 0 8px}.mock-kicker{font-size:7px;font-weight:700;letter-spacing:.16em;color:#79716a}.mock-copy h2{font-size:clamp(22px,2.2vw,32px);line-height:.98;letter-spacing:-.06em;margin:8px 0 7px}.mock-copy h2 em{font-family:Georgia,serif;color:#d965bd;font-weight:500}.mock-copy p{max-width:230px;color:#706a64;font-size:8px;line-height:1.5;margin:0 0 9px}.mock-primary{position:relative;border:1px solid var(--demo-ink);border-radius:3px;background:var(--demo-ink);color:white;padding:8px 11px;font-size:8px;transition:background .25s,box-shadow .25s,transform .25s;cursor:default}.mock-primary span{margin-left:14px}.mock-copy>small{display:block;margin-top:8px;font-size:7px;color:#8a847e}
.mock-visual{height:157px;position:relative;overflow:hidden;border-radius:48% 48% 5px 5px;background:#dff0e2}.mock-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,#ffffff25,transparent 50%,#3c6b4015)}.visual-sun{position:absolute;width:76px;height:76px;right:18px;top:16px;border-radius:50%;background:#f2efb2}.visual-plant{position:absolute;z-index:1;left:50%;bottom:9px;width:105px;height:125px;transform:translateX(-50%)}.visual-plant i{position:absolute;bottom:44px;left:48px;width:35px;height:61px;border-radius:95% 0 95% 0;background:#477a55;transform:rotate(-24deg);transform-origin:bottom}.visual-plant i:nth-child(2){transform:rotate(31deg);left:29px;height:57px;background:#6a986b}.visual-plant i:nth-child(3){transform:rotate(-54deg);left:42px;height:47px;background:#8caf7d}.visual-plant i:nth-child(4){transform:rotate(56deg);left:23px;height:43px;background:#3c6949}.visual-plant b{position:absolute;bottom:0;left:24px;width:66px;height:39px;background:#ca8864;clip-path:polygon(8% 0,92% 0,78% 100%,22% 100%);border-radius:0 0 9px 9px}.visual-label{position:absolute;z-index:2;left:10px;bottom:8px;font-size:6px;letter-spacing:.1em;color:#fff}
.mock-section-head{display:flex;align-items:center;justify-content:space-between;margin:1px 1px 7px;font-size:7px;font-weight:700;letter-spacing:.12em}.mock-section-head .mock-shop-link{border:0;padding:0;background:transparent;font-size:7px;letter-spacing:0;font-weight:500;cursor:default}.mock-section-head .mock-shop-link b{margin-left:5px}.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mock-card{min-width:0;display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;text-align:left;padding:6px;border:1px solid #eee8e1;border-radius:5px;background:#fffefa;color:var(--demo-ink);transition:border-color .2s,background .2s,box-shadow .2s;cursor:default}.mock-card>span:nth-child(2){min-width:0}.mock-card b,.mock-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-card b{font-size:7px}.mock-card small{font-size:6px;color:#888078;margin-top:3px}.mock-card>strong{font-size:7px}.mock-card-art{height:29px;width:34px;border-radius:3px;display:grid;place-items:center;overflow:hidden}.card-art-one{background:#f5e2c7}.card-art-two{background:#dbece0}.card-art-three{background:#f4dfe9}.mock-card-art i{width:13px;height:18px;border-radius:90% 0 90% 0;background:#658461;transform:rotate(-25deg);box-shadow:5px 6px 0 -2px #9cae79}
.demo-statusbar{position:absolute;z-index:3;left:0;right:0;bottom:0;height:34px;padding:0 12px;display:flex;align-items:center;gap:8px;border-top:1px solid #e9e3dc;background:#fffefa;font-size:8px;color:#5f5953}.status-light{width:7px;height:7px;border-radius:50%;background:#e3b84f;box-shadow:0 0 0 3px #e3b84f20;flex:none}.status-light.is-success{background:#399564;box-shadow:0 0 0 3px #39956420}.demo-status{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.demo-progress{height:4px;width:85px;max-width:20%;margin-left:auto;background:#eee9e3;border-radius:9px;overflow:hidden;flex:none}.demo-progress i{display:block;width:0;height:100%;border-radius:inherit;background:var(--demo-lime);transition:width .08s linear}.demo-percent{font-size:8px;min-width:25px;text-align:right}
.workflow-card{position:absolute;z-index:7;right:0;top:12px;width:194px;padding:12px 13px;border:1px solid #d7d0c8;border-radius:8px;background:#fffefa;box-shadow:0 10px 24px #211b1415;color:#171513;opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity .35s ease,transform .35s ease,visibility .35s}.hero-art[data-stage="opening"] .testing-card,.hero-art[data-stage="testing"] .testing-card,.hero-art[data-stage="detecting"] .issue-card,.hero-art[data-stage="analyzing"] .ai-card,.hero-art[data-stage="report"] .report-card{opacity:1;visibility:visible;transform:translateY(0)}.workflow-card-head{display:flex;align-items:center;gap:7px;margin-bottom:7px;font-size:9px}.mini-pulse{width:7px;height:7px;flex:none;border-radius:50%;background:#b2df38;box-shadow:0 0 0 3px #b2df3828;animation:demo-pulse 1.4s ease-in-out infinite}.workflow-row{height:20px;display:flex;align-items:center;gap:7px;color:#827c75;font-size:8px;transition:color .2s}.workflow-row i{font-style:normal;font-size:9px;color:#a8a19a;width:12px;text-align:center}.workflow-row>b{margin-left:auto;width:13px;height:13px;border-radius:50%;display:grid;place-items:center;background:#f0ede8;color:transparent;font-size:8px}.workflow-row.is-active{color:#151412}.workflow-row.is-active i{color:#bf8e19}.workflow-row.is-done{color:#4d6253}.workflow-row.is-done>b{background:#e5f2e6;color:var(--demo-green)}
.card-eyebrow{display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:.1em;font-weight:700;color:#8c6968}.card-eyebrow>i{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#fff0ef;color:#d65f6c;font-size:10px;font-style:normal}.workflow-title{display:block;margin:8px 0 5px;font-size:12px;letter-spacing:-.02em}.issue-card{top:195px;border-color:#ebc2be}.workflow-card.issue-card{display:block;grid-template-columns:none;gap:0}.issue-card p,.ai-card p{margin:0 0 9px;color:#68615c;font-size:9px;line-height:1.45}.severity-pill{display:inline-flex;padding:4px 7px;border-radius:20px;background:#fff0ed;color:#bb625a;font-size:7px;font-weight:700}.ai-card{top:315px;border-color:#dce8a2}.ai-eyebrow{color:#72891d}.ai-eyebrow>i{background:#f0f8ce;color:#708a14}.ai-card .workflow-title{margin-bottom:7px}.ai-lines{display:grid;gap:4px;margin:0 0 8px}.ai-lines span{display:block;height:4px;width:30%;border-radius:4px;background:#d8d4cd;opacity:0;transform:scaleX(.3);transform-origin:left;transition:transform .45s ease,opacity .3s}.ai-lines span.is-visible{opacity:1;transform:scaleX(1)}.ai-lines span:nth-child(2){width:84%}.ai-lines span:nth-child(3){width:65%}.recommendation-tag{display:block;padding:7px 8px;border-radius:4px;background:#eff8bd;font-size:8px;font-weight:600;color:#39420e}.report-card{top:8px;border-color:#d9dfc4}.report-head{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid #eee9e3}.report-check{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#e5f2e6;color:var(--demo-green);font-size:12px;font-weight:700}.report-head>div{display:grid;gap:2px}.report-head>div>b{font-size:10px}.report-head small{color:#8a847e;font-size:7px}.report-score{margin-left:auto;padding:4px 6px;border-radius:4px;background:#eff8bd;font-size:8px;font-weight:700}.report-stat{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #f0ece7}.report-stat>i{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#e5f2e6;color:var(--demo-green);font-size:9px;font-style:normal}.report-stat span{display:grid;gap:2px}.report-stat span b{font-size:8px}.report-stat small{font-size:7px;color:#827c75}.report-stat.issue-stat>i{background:#fff0ed;color:#d35f69}.report-stat.issue-stat span b{color:#bf5961}.view-report{width:100%;height:27px;display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding:0 9px;border:0;border-radius:4px;background:#171614;color:white;font-size:8px;font-weight:600;cursor:pointer}.view-report span{color:var(--demo-lime);font-size:12px}
.demo-cursor{position:absolute;z-index:6;left:0;top:0;width:20px;height:26px;opacity:0;pointer-events:none;transition:transform .55s cubic-bezier(.22,.72,.24,1),opacity .18s}.demo-cursor svg{display:block;width:100%;height:100%;filter:drop-shadow(0 1px 1px #0003)}.demo-cursor.is-visible{opacity:1}.demo-ripple{position:absolute;z-index:5;left:0;top:0;width:10px;height:10px;border:1px solid #ec77cc;border-radius:50%;background:#f2a5e74a;opacity:0;transform:translate(-50%,-50%) scale(.45);pointer-events:none}.demo-ripple.is-active{animation:demo-ripple .68s ease-out}.issue-connector{position:absolute;z-index:6;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.issue-connector path{fill:none;stroke:#e781a9;stroke-width:1.5;stroke-dasharray:4 4;opacity:0;animation:connector-dash 1s linear infinite}.hero-art[data-stage="detecting"] .issue-connector path:not([d=""]){opacity:.9}.demo-disclaimer{position:absolute;z-index:4;left:4px;bottom:8px;display:flex;align-items:center;gap:5px;color:#8b837c;font-size:7px;letter-spacing:.12em;font-weight:700}.demo-disclaimer>span{width:6px;height:6px;border-radius:50%;background:#e6a7d7}.demo-disclaimer i{font-style:normal;color:#b4ada6}
.mock-nav [data-demo-target].is-probing,.mock-nav [data-demo-target].is-checked{color:#202915;background:#eff8c8;border-radius:3px;box-shadow:0 0 0 4px #eff8c8}.mock-nav [data-demo-target].is-checked:after{content:"✓";display:inline-grid;place-items:center;width:10px;height:10px;margin-left:3px;border-radius:50%;background:#e2f0df;color:#278653;font-size:7px}.mock-bag.is-probing,.mock-bag.is-checked{outline:1px solid #d7ec70;outline-offset:3px}.mock-card.is-probing,.mock-card.is-checked{border-color:#d6ec68;background:#fbfde9;box-shadow:0 0 0 2px #e3fa3940}.mock-card.is-checked:after{content:"✓";position:absolute;right:3px;top:3px;width:13px;height:13px;display:grid;place-items:center;border-radius:50%;background:#e5f2e6;color:#278653;font-size:8px}.mock-card{position:relative}.mock-primary.is-probing{box-shadow:0 0 0 3px #e3fa3950,0 4px 12px #0002;transform:translateY(-1px)}.mock-primary.is-checked{outline:2px solid #a8ca50;outline-offset:2px}.mock-primary.is-failed{background:#fff5f4;color:#9f4549;border-color:#df7c81;box-shadow:0 0 0 3px #df7c8133}.mock-primary.is-failed:after{content:"!";position:absolute;right:-7px;top:-8px;width:15px;height:15px;display:grid;place-items:center;border:1px solid white;border-radius:50%;background:#df6e78;color:white;font-size:9px;font-weight:700}
@keyframes demo-spin{to{transform:rotate(360deg)}}@keyframes demo-pulse{50%{box-shadow:0 0 0 5px #b2df3810;opacity:.7}}@keyframes demo-ripple{0%{opacity:.8;transform:translate(-50%,-50%) scale(.4)}100%{opacity:0;transform:translate(-50%,-50%) scale(3.5)}}@keyframes connector-dash{to{stroke-dashoffset:-16}}
@media(max-width:850px) and (min-width:651px){.hero-art[data-hero-walkthrough]{min-height:470px}.demo-browser{top:76px;height:350px}.workflow-card{width:176px;padding:10px}.mock-site{padding-inline:13px}.mock-nav{gap:10px}.mock-hero{height:175px}.mock-visual{height:143px}.mock-cards{gap:5px}.mock-card{grid-template-columns:27px 1fr;gap:5px;padding:5px}.mock-card-art{width:27px;height:25px}.mock-card>strong{display:none}.workflow-card{right:0}}
@media(max-width:650px){.hero-art[data-hero-walkthrough]{height:340px;min-height:340px;margin:16px -22px 0;overflow:hidden}.demo-browser{top:8px;left:0;right:0;width:100%;height:316px;border-radius:9px}.demo-chrome{height:32px;padding:0 8px;gap:7px}.demo-address{font-size:8px}.preview-label{display:none}.mock-site{height:calc(100% - 64px);padding:0 10px 8px}.mock-nav{height:32px;gap:10px;font-size:7px}.mock-brand{font-size:13px}.mock-bag{font-size:7px}.mock-hero{height:155px;gap:6px;padding:8px 0}.mock-copy{padding-left:1px}.mock-kicker{font-size:6px}.mock-copy h2{font-size:22px}.mock-copy p{font-size:7px;margin-bottom:7px}.mock-primary{padding:7px 8px;font-size:7px}.mock-primary span{margin-left:6px}.mock-copy>small{font-size:6px;margin-top:6px}.mock-visual{height:130px}.visual-plant{transform:translateX(-50%) scale(.8);transform-origin:bottom center}.mock-section-head{font-size:6px;margin-bottom:5px}.mock-cards{gap:4px}.mock-card{grid-template-columns:22px 1fr;gap:4px;padding:4px}.mock-card-art{height:23px;width:22px}.mock-card b{font-size:6px}.mock-card small{font-size:5px}.mock-card>strong{display:none}.demo-statusbar{height:32px;padding:0 8px;gap:6px}.demo-status{font-size:7px}.demo-progress{width:56px}.demo-percent{font-size:7px}.workflow-card{display:none!important}.demo-disclaimer{bottom:2px;left:2px;font-size:6px}.demo-cursor{width:18px;height:24px}.issue-connector{display:none}}
@media(prefers-reduced-motion:reduce){.hero-art[data-hero-walkthrough] *, .hero-art[data-hero-walkthrough] *:before,.hero-art[data-hero-walkthrough] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.hero-art[data-hero-walkthrough] .demo-cursor,.hero-art[data-hero-walkthrough] .demo-ripple{display:none!important}}
/* Product navigation dropdown */
.product-menu{position:relative;z-index:20;flex:none}
.nav-product{display:inline-flex;align-items:center;gap:6px;padding:8px 0;color:var(--ink);white-space:nowrap}
.nav-product:hover{opacity:.72}
.nav-product[aria-expanded="true"]{color:#171513}
.product-chevron{width:11px;height:11px;transition:transform .18s ease}
.nav-product[aria-expanded="true"] .product-chevron{transform:rotate(180deg)}
.product-dropdown{position:absolute;z-index:30;left:0;top:calc(100% + 11px);width:min(590px,calc(100vw - 48px));padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px;border:1px solid #ded8d1;border-radius:10px;background:#fffdfa;box-shadow:0 18px 40px #17130e1c;opacity:0;visibility:hidden;transform:translateY(6px);pointer-events:none;transition:opacity .17s ease,transform .17s ease,visibility 0s linear .17s}
.product-dropdown[hidden]{display:none}
.product-dropdown.is-open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity .17s ease,transform .17s ease,visibility 0s}
.product-menu-group{min-width:0;padding:2px}
.product-menu-group h2{margin:0 0 7px;padding:0 8px;color:#89827a;font-size:8px;letter-spacing:.14em;font-weight:700}
.product-menu-group>a{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:9px;padding:8px;border:1px solid transparent;border-radius:7px;color:var(--ink);transition:background .15s ease,border-color .15s ease,transform .15s ease}
.product-menu-group>a:hover{background:#f8f5f1;border-color:#ece6de;transform:translateX(2px)}
.product-menu-group>a:focus-visible{outline:2px solid #d968bc;outline-offset:1px;background:#fbf7f8}
.product-menu-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#f7e3f1;color:#b64f9e;font-size:13px;font-weight:700}
.product-menu-icon.icon-lime{background:#f0f7c9;color:#56651a}
.product-menu-group>a>span:last-child{display:grid;gap:3px;min-width:0}
.product-menu-group b{font-size:11px;line-height:1.25;font-weight:700}
.product-menu-group small{font-size:9px;line-height:1.4;color:#77716b}
@media(max-width:650px){
  .topnav .product-menu{z-index:35}
  .topnav .nav-product{display:inline-flex;font-size:12px}
  .product-dropdown{position:absolute;left:clamp(-128px,-29vw,-80px);top:calc(100% + 8px);width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 82px);overflow-y:auto;grid-template-columns:1fr;gap:8px;padding:12px;border-radius:9px}
  .product-menu-group h2{margin-bottom:4px}
  .product-menu-group>a{grid-template-columns:28px minmax(0,1fr);gap:8px;padding:7px}
  .product-menu-icon{width:26px;height:26px}
  .product-menu-group small{font-size:9px}
}

/* FLIQ Features workflow isometric visualization */
.iso-scene{position:relative;width:100%;height:440px;max-width:730px;min-width:0;overflow:visible;isolation:isolate;--scene-cycle:16s;color:#171614;font-family:'DM Sans',Arial,sans-serif}
.iso-map{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0}
.iso-ground-side{fill:#e5dfd8;stroke:#d4cec7;stroke-width:1}.iso-ground-top{fill:url(#iso-top);stroke:#d9d2ca;stroke-width:1.2}
.iso-platform{filter:drop-shadow(0 6px 7px #1c17100d)}.platform-side{fill:#dfd9d2;stroke:#d0c9c1;stroke-width:1}.platform-top{fill:#fffdfa;stroke:#d5cec6;stroke-width:1}
.engine-platform .platform-side{fill:#d8d9e8}.engine-platform .platform-top{fill:#f2f2fb}.ai-platform .platform-side{fill:#d6e2ad}.ai-platform .platform-top{fill:#f5f8e8}.issue-platform .platform-side{fill:#e6c8cb}.issue-platform .platform-top{fill:#fff5f5}.report-platform .platform-side{fill:#d8d3cd}.report-platform .platform-top{fill:#fffdfa}
.iso-link{fill:none;stroke:#b7b0a8;stroke-width:1.5;stroke-dasharray:2.5 6;stroke-linecap:round;opacity:.7;animation-duration:var(--scene-cycle);animation-timing-function:linear;animation-iteration-count:infinite}.link-one{animation-name:link-one-active}.link-two{animation-name:link-two-active}.link-three{animation-name:link-three-active}.link-four{animation-name:link-four-active}
.iso-pulse{fill:#f6f3ef;stroke:#b2aaa1;stroke-width:1.5;opacity:.2;animation-duration:var(--scene-cycle);animation-timing-function:linear;animation-iteration-count:infinite}.pulse-one{animation-name:pulse-input}.pulse-two{animation-name:pulse-input;animation-delay:.24s}.pulse-three{animation-name:pulse-engine}.pulse-four{animation-name:pulse-ai}.pulse-five{animation-name:pulse-issue}.pulse-six{animation-name:pulse-report}
.iso-cube-stack{filter:drop-shadow(0 4px 4px #29204419);opacity:.78}.browser-cubes{animation:engine-activate var(--scene-cycle) linear infinite}.ai-cubes{animation:ai-activate var(--scene-cycle) linear infinite}.issue-cube{animation:issue-activate var(--scene-cycle) linear infinite}
.iso-card{position:absolute;z-index:2;background:#fffdfa;border:1px solid #ded8d1;border-radius:8px;box-shadow:0 10px 24px #201a1112;padding:10px 11px;font-size:8px;line-height:1.35}
.website-input{left:4%;top:23%;width:29%;min-width:112px;border-color:#d8d2ca;animation:input-activate var(--scene-cycle) linear infinite}.iso-card-kicker{display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:.12em;font-weight:700;color:#736d66}.input-dot{width:6px;height:6px;border-radius:50%;background:#b4d958;box-shadow:0 0 0 3px #b4d95830}.input-url{height:26px;margin:7px 0 5px;padding:0 7px;display:flex;align-items:center;gap:5px;border:1px solid #e6e0d9;border-radius:4px;background:#faf8f5;color:#302d29;font-size:8px;white-space:nowrap}.url-lock{color:#648b6e;font-size:11px}.input-loader{margin-left:auto;width:9px;height:9px;border:1px solid #ded8d1;border-top-color:#5b7fcb;border-radius:50%;opacity:0}.input-caption{color:#8a837b;font-size:7px}
.browser-engine{left:27%;top:50%;width:28%;min-width:124px;padding:9px 10px 8px;border-color:#c7d7e4;animation:engine-card var(--scene-cycle) linear infinite}.iso-component-kicker{display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:.1em}.engine-orb,.ai-orb{width:17px;height:17px;display:grid;place-items:center;border-radius:5px;background:#e6f1f8;color:#5187b5;font-size:12px}.engine-steps{display:grid;gap:4px;margin-top:7px}.engine-steps span{display:flex;align-items:center;gap:5px;color:#817b74;font-size:7px;white-space:nowrap}.engine-steps i{width:6px;height:6px;border-radius:50%;background:#d7d0c8;flex:none}.engine-steps span:nth-child(1){animation:engine-step-one var(--scene-cycle) linear infinite}.engine-steps span:nth-child(2){animation:engine-step-two var(--scene-cycle) linear infinite}.engine-steps span:nth-child(3){animation:engine-step-three var(--scene-cycle) linear infinite}.engine-foot{border-top:1px solid #eee9e3;margin-top:7px;padding-top:5px;color:#8b857e;font-size:6px;letter-spacing:.1em}
.ai-engine{left:52%;top:39%;width:25%;min-width:112px;padding:9px 10px;border-color:#d9e4bb;animation:ai-card var(--scene-cycle) linear infinite}.ai-orb{background:#eff7d6;color:#738e23}.analysis-stream{height:15px;display:flex;align-items:center;gap:4px;margin:6px 0 4px;padding-left:2px}.analysis-stream i{width:4px;height:4px;border-radius:50%;background:#b2cf5e;opacity:.18;animation:analysis-flow var(--scene-cycle) linear infinite}.analysis-stream i:nth-child(2){animation-delay:.1s}.analysis-stream i:nth-child(3){animation-delay:.2s}.analysis-stream i:nth-child(4){animation-delay:.3s}.analysis-stream i:nth-child(5){animation-delay:.4s}.analysis-copy{font-size:7px;color:#77726b}.analysis-status{display:flex;align-items:center;gap:5px;margin-top:7px;padding:5px 6px;border-radius:4px;background:#f1f7d7;color:#586c20;font-size:6px;letter-spacing:.04em}.analysis-status span{width:5px;height:5px;border-radius:50%;background:#9abc36}
.issue-detection{left:69%;top:15%;width:28%;min-width:120px;border-color:#ecc8cc;background:#fffdfc;opacity:0;visibility:hidden;animation:issue-card-show var(--scene-cycle) linear infinite}.issue-head{display:flex;align-items:center;gap:6px;color:#9e5b62;font-size:7px;letter-spacing:.1em;font-weight:700}.issue-head span{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#ffe9e9;color:#d56770;font-size:10px;animation:warning-pulse var(--scene-cycle) linear infinite}.issue-result{margin:8px 0 6px;font-size:9px;font-weight:700;color:#292322}.issue-meta{display:flex;align-items:center;justify-content:space-between;font-size:6px;letter-spacing:.08em;color:#ba5e68;font-weight:700}.issue-meta i{font-style:normal;background:#fff0ed;padding:3px 5px;border-radius:10px}
.report-platform-card{left:67%;top:60%;width:30%;min-width:130px;padding:9px 10px;border-color:#d8d5cc;opacity:0;visibility:hidden;animation:report-card-show var(--scene-cycle) linear infinite}.report-mini-head{display:flex;align-items:center;gap:7px;padding-bottom:6px;border-bottom:1px solid #eee9e3}.report-mini-icon{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#e7f2e6;color:#35865b;font-size:10px}.report-mini-head>div{display:grid;gap:2px}.report-mini-head b{font-size:7px;letter-spacing:.1em}.report-mini-head small{font-size:6px;color:#807a73}.report-complete{display:none;color:#498254!important}.report-mini-row{display:flex;align-items:center;gap:6px;margin-top:7px;font-size:7px}.report-mini-row i{width:13px;height:13px;display:grid;place-items:center;border-radius:50%;background:#e7f2e6;color:#38865c;font-style:normal;font-size:8px}.report-issue-row i{background:#fff0ed;color:#cf646e}.report-issue-row b{color:#b55761}.report-suggestion{display:flex;align-items:center;gap:5px;margin-top:7px;padding:5px 6px;border-radius:4px;background:#f1f7d7;color:#586c20;font-size:6px}.report-suggestion span{color:#7b951f}.sample-note{margin-top:6px;color:#948d84;font-size:5px;letter-spacing:.1em;text-align:right}
.iso-metric{position:absolute;z-index:3;display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #e0dad2;border-radius:5px;background:#fffdfa;box-shadow:0 5px 14px #201a110c;opacity:0;visibility:hidden;animation-duration:var(--scene-cycle);animation-timing-function:linear;animation-iteration-count:infinite}.iso-metric>span:last-child{display:grid;gap:2px}.iso-metric b{font-size:5px;letter-spacing:.1em;color:#888179;white-space:nowrap}.iso-metric strong{font-size:9px;line-height:1}.metric-checks{left:35%;top:24%;animation-name:metric-checks-show}.metric-check-icon{width:14px;height:14px;display:grid;place-items:center;background:#e8f3e7;border-radius:50%;color:#34865b;font-size:8px}.metric-issues{left:66%;top:5%;animation-name:metric-issues-show}.metric-warning{width:14px;height:14px;display:grid;place-items:center;background:#fff0ed;border-radius:50%;color:#cd6570;font-size:9px;font-weight:700}.metric-status{left:38%;top:84%;animation-name:metric-status-show}.metric-status-dot{width:7px;height:7px;border-radius:50%;background:#82a53a;box-shadow:0 0 0 3px #dff0b8}.metric-status strong{font-size:7px;color:#51855b}
.iso-stage-label{position:absolute;z-index:4;left:4%;top:7%;display:flex;align-items:center;gap:6px;color:#7e786f;font-size:6px;letter-spacing:.13em;font-weight:700;animation-duration:var(--scene-cycle);animation-timing-function:linear;animation-iteration-count:infinite}.iso-stage-label>span{width:14px;height:14px;display:grid;place-items:center;border-radius:50%;background:#f0f5d8;color:#789126;font-size:8px}.stage-running{animation-name:stage-running-show}.stage-complete{animation-name:stage-complete-show;opacity:0;visibility:hidden}.stage-complete>span{background:#e5f2e6;color:#33845a}
@keyframes input-activate{0%,2%{box-shadow:0 10px 24px #201a1112,0 0 0 0 #a8c3e800}4%,15%{box-shadow:0 10px 24px #201a1112,0 0 0 3px #b8cee83d}17%,100%{box-shadow:0 10px 24px #201a1112}}
@keyframes engine-card{0%,15%{border-color:#c7d7e4}17%,34%{border-color:#93c3df;box-shadow:0 10px 24px #201a1112,0 0 0 3px #a7d2e82b}36%,100%{border-color:#c7d7e4}}
@keyframes ai-card{0%,34%{border-color:#d9e4bb}36%,53%{border-color:#b6d25c;box-shadow:0 10px 24px #201a1112,0 0 0 3px #cce95a30}55%,100%{border-color:#d9e4bb}}
@keyframes issue-card-show{0%,52%{opacity:0;visibility:hidden;transform:translateY(5px)}53%,71%{opacity:1;visibility:visible;transform:none}72%,100%{opacity:0;visibility:hidden;transform:translateY(4px)}}
@keyframes report-card-show{0%,71%{opacity:0;visibility:hidden;transform:translateY(5px)}72%,100%{opacity:1;visibility:visible;transform:none}}
@keyframes metric-checks-show{0%,15%{opacity:0;visibility:hidden}17%,100%{opacity:1;visibility:visible}}
@keyframes metric-issues-show{0%,52%{opacity:0;visibility:hidden}54%,100%{opacity:1;visibility:visible}}
@keyframes metric-status-show{0%,71%{opacity:0;visibility:hidden}73%,100%{opacity:1;visibility:visible}}
@keyframes stage-running-show{0%,70%{opacity:1;visibility:visible}72%,100%{opacity:0;visibility:hidden}}
@keyframes stage-complete-show{0%,79%{opacity:0;visibility:hidden}81%,100%{opacity:1;visibility:visible}}
@keyframes report-status-generating{0%,79%{display:block;opacity:1}81%,100%{display:none;opacity:0}}
@keyframes report-status-complete{0%,79%{display:none;opacity:0}81%,100%{display:block;opacity:1}}
@keyframes engine-step-one{0%,15%{color:#817b74}17%,21%{color:#242b22}22%,100%{color:#7b8f70}}
@keyframes engine-step-two{0%,20%{color:#817b74}22%,27%{color:#242b22}28%,100%{color:#7b8f70}}
@keyframes engine-step-three{0%,26%{color:#817b74}28%,34%{color:#242b22}35%,100%{color:#7b8f70}}
@keyframes engine-activate{0%,15%{opacity:.72;filter:drop-shadow(0 4px 4px #29204419)}17%,34%{opacity:1;filter:drop-shadow(0 0 7px #8cc4dd70)}36%,100%{opacity:.82;filter:drop-shadow(0 4px 4px #29204419)}}
@keyframes ai-activate{0%,34%{opacity:.7;filter:drop-shadow(0 4px 4px #29204419)}36%,53%{opacity:1;filter:drop-shadow(0 0 8px #bfdf5570)}55%,100%{opacity:.82;filter:drop-shadow(0 4px 4px #29204419)}}
@keyframes issue-activate{0%,52%{opacity:.7}53%,71%{opacity:1;filter:drop-shadow(0 0 8px #e5a0a766)}72%,100%{opacity:.8}}
@keyframes analysis-flow{0%,34%{opacity:.15;transform:translateX(0) scale(.7)}37%,50%{opacity:1;transform:translateX(16px) scale(1.15)}53%,100%{opacity:.2;transform:translateX(25px) scale(.8)}}
@keyframes warning-pulse{0%,52%{box-shadow:0 0 0 0 #e9a0a000}55%,58%{box-shadow:0 0 0 5px #e9a0a055}61%,100%{box-shadow:0 0 0 0 #e9a0a000}}
@keyframes input-load{0%,2%{opacity:0;transform:rotate(0)}4%,15%{opacity:1;transform:rotate(510deg)}17%,100%{opacity:0;transform:rotate(510deg)}}
@keyframes stage-connector{0%,1%{opacity:.55;stroke-dashoffset:0}14%,20%{opacity:1;stroke-dashoffset:-20}36%,100%{opacity:.55;stroke-dashoffset:0}}
@keyframes link-one-active{0%,2%{opacity:.5;stroke:#b7b0a8;stroke-dashoffset:0}4%,15%{opacity:1;stroke:#91afd5;stroke-dashoffset:-22}17%,100%{opacity:.55;stroke:#b7b0a8;stroke-dashoffset:0}}
@keyframes link-two-active{0%,15%{opacity:.55;stroke:#b7b0a8}17%,34%{opacity:1;stroke:#91afd5;stroke-dashoffset:-22}36%,100%{opacity:.55;stroke:#b7b0a8;stroke-dashoffset:0}}
@keyframes link-three-active{0%,34%{opacity:.55;stroke:#b7b0a8}36%,53%{opacity:1;stroke:#9eb84c;stroke-dashoffset:-22}55%,100%{opacity:.55;stroke:#b7b0a8;stroke-dashoffset:0}}
@keyframes link-four-active{0%,52%{opacity:.55;stroke:#b7b0a8}54%,71%{opacity:1;stroke:#df9fa7;stroke-dashoffset:-22}73%,100%{opacity:.55;stroke:#b7b0a8;stroke-dashoffset:0}}
@keyframes pulse-input{0%,2%{opacity:.2;fill:#f6f3ef}4%,15%{opacity:1;fill:#a8c7e9}17%,100%{opacity:.2;fill:#f6f3ef}}
@keyframes pulse-engine{0%,15%{opacity:.2}17%,34%{opacity:1;fill:#82bfdb}36%,100%{opacity:.2}}
@keyframes pulse-ai{0%,34%{opacity:.2}36%,53%{opacity:1;fill:#b8d85c}55%,100%{opacity:.2}}
@keyframes pulse-issue{0%,52%{opacity:.2}54%,71%{opacity:1;fill:#e89ba4}73%,100%{opacity:.2}}
@keyframes pulse-report{0%,71%{opacity:.2}73%,93%{opacity:1;fill:#98bd5c}95%,100%{opacity:.2}}
@keyframes metric-hidden{0%,100%{opacity:0}}
.report-generating{animation:report-status-generating var(--scene-cycle) steps(1,end) infinite}.report-complete{animation:report-status-complete var(--scene-cycle) steps(1,end) infinite}
@media(max-width:1000px) and (min-width:651px){.iso-scene{height:390px}.iso-card{padding:8px}.website-input{min-width:100px}.browser-engine{min-width:110px}.ai-engine{min-width:98px}.issue-detection{min-width:104px}.report-platform-card{min-width:110px}.iso-metric{padding:5px 6px}}
@media(max-width:650px){.iso-scene{height:clamp(290px,78vw,355px);margin:22px -4px 28px}.iso-card{padding:7px 7px;border-radius:6px;font-size:7px}.website-input{left:2%;top:24%;width:31%;min-width:0}.input-url{height:23px;padding:0 5px;font-size:7px}.input-caption{font-size:6px}.browser-engine{left:23%;top:51%;width:35%;min-width:0;padding:7px}.iso-component-kicker{font-size:6px;gap:4px}.engine-orb,.ai-orb{width:14px;height:14px;font-size:10px}.engine-steps span{font-size:6px;gap:4px}.engine-foot{font-size:5px}.ai-engine{left:51%;top:40%;width:27%;min-width:0;padding:7px}.analysis-copy{font-size:6px}.analysis-status{font-size:5px;padding:4px}.issue-detection{left:69%;top:15%;width:29%;min-width:0}.issue-head{font-size:5px}.issue-result{font-size:7px}.issue-meta{font-size:5px}.report-platform-card{left:66%;top:61%;width:32%;min-width:0;padding:7px}.report-mini-head b{font-size:6px}.report-mini-row{font-size:6px;gap:4px}.report-suggestion{font-size:5px;padding:4px}.sample-note{font-size:4px}.iso-stage-label{font-size:5px}.iso-metric b{font-size:4px}.iso-metric strong{font-size:7px}.iso-metric{padding:5px;gap:4px}.metric-checks{left:32%;top:22%}.metric-issues{left:67%;top:5%}.metric-status{left:37%;top:88%}.metric-checks{display:none}.metric-status{display:none}}
@media(prefers-reduced-motion:reduce){.iso-scene *{animation:none!important;transition:none!important}.iso-scene .issue-detection,.iso-scene .report-platform-card,.iso-scene .iso-metric,.iso-scene .stage-complete{opacity:1!important;visibility:visible!important;transform:none!important}.iso-scene .report-generating{display:none!important}.iso-scene .report-complete{display:block!important;opacity:1!important}.iso-scene .stage-running{display:none!important}.iso-scene .iso-pulse{opacity:.8!important}.iso-scene .iso-link{opacity:.75!important}}
/* Final motion and readability tuning for the Features workflow scene. */
.iso-card{font-size:9px}
.iso-card-kicker{font-size:8px}.input-url{font-size:9px}.input-caption{font-size:7px}
.iso-component-kicker{font-size:8px}.engine-steps span{font-size:8px}.engine-foot{font-size:6px}
.issue-head{font-size:8px}.issue-result{font-size:10px}.issue-meta{font-size:7px}
.report-mini-head b,.report-mini-row{font-size:8px}.report-suggestion{font-size:7px}
.iso-metric b{font-size:6px}.iso-metric strong{font-size:10px}.iso-stage-label{font-size:7px}
.input-loader{animation:input-load var(--scene-cycle) linear infinite;transform-origin:center}
.browser-cubes path{animation-duration:var(--scene-cycle);animation-timing-function:linear;animation-iteration-count:infinite}
.browser-cubes path:nth-child(-n+3){animation-name:browser-block-one}
.browser-cubes path:nth-child(n+4):nth-child(-n+6){animation-name:browser-block-two}
.browser-cubes path:nth-child(n+7){animation-name:browser-block-three}
.ai-cubes path{animation-duration:var(--scene-cycle);animation-timing-function:linear;animation-iteration-count:infinite}
.ai-cubes path:nth-child(-n+3){animation-name:ai-block-one}
.ai-cubes path:nth-child(n+4){animation-name:ai-block-two}
.engine-steps span i{animation-duration:var(--scene-cycle);animation-timing-function:linear;animation-iteration-count:infinite}
.engine-steps span:nth-child(1) i{animation-name:step-dot-one}
.engine-steps span:nth-child(2) i{animation-name:step-dot-two}
.engine-steps span:nth-child(3) i{animation-name:step-dot-three}
@keyframes browser-block-one{0%,16%{filter:brightness(1)}18%,22%{filter:brightness(1.55)}24%,100%{filter:brightness(1)}}
@keyframes browser-block-two{0%,21%{filter:brightness(1)}23%,28%{filter:brightness(1.55)}30%,100%{filter:brightness(1)}}
@keyframes browser-block-three{0%,27%{filter:brightness(1)}29%,34%{filter:brightness(1.55)}36%,100%{filter:brightness(1)}}
@keyframes ai-block-one{0%,35%{filter:brightness(1)}38%,43%{filter:brightness(1.5)}45%,100%{filter:brightness(1)}}
@keyframes ai-block-two{0%,42%{filter:brightness(1)}45%,52%{filter:brightness(1.5)}54%,100%{filter:brightness(1)}}
@keyframes step-dot-one{0%,16%{background:#d7d0c8}18%,100%{background:#78ac73}}
@keyframes step-dot-two{0%,22%{background:#d7d0c8}24%,100%{background:#78ac73}}
@keyframes step-dot-three{0%,28%{background:#d7d0c8}30%,100%{background:#78ac73}}
@media(prefers-reduced-motion:reduce){.iso-scene .input-loader{opacity:.25!important;transform:none!important}.iso-scene .engine-steps span i{background:#78ac73!important}.iso-scene .browser-cubes path,.iso-scene .ai-cubes path{filter:brightness(1.2)!important}}
@media(max-width:650px){.iso-card{font-size:7px}.iso-card-kicker{font-size:6px}.input-url{font-size:7px}.input-caption{font-size:6px}.iso-component-kicker{font-size:6px}.engine-steps span{font-size:6px}.engine-foot{font-size:5px}.issue-head{font-size:5px}.issue-result{font-size:7px}.issue-meta{font-size:5px}.report-mini-head b,.report-mini-row{font-size:6px}.report-suggestion{font-size:5px}.iso-metric b{font-size:4px}.iso-metric strong{font-size:7px}.iso-stage-label{font-size:5px}}
/* Cohesive Features workflow layout: five anchored steps on one platform. */
.iso-scene{height:440px;max-width:730px;overflow:hidden}
.iso-ground-side{fill:#d8d0c7;stroke:#c4bbb1;stroke-width:1.5}
.iso-ground-top{stroke:#cfc7bd;stroke-width:1.5}
.iso-platform{filter:drop-shadow(0 8px 8px #29211620)}
.platform-side{stroke:#c6beb5;stroke-width:1.2}
.platform-top{stroke:#c8c0b7;stroke-width:1.2}
.iso-card{padding:9px 10px;box-shadow:0 7px 18px #211a121a;font-size:8px}
.website-input{left:4%;top:22%;width:26%;min-width:0}
.browser-engine{left:36%;top:20%;width:27%;min-width:0}
.ai-engine{left:68%;top:20%;width:27%;min-width:0}
.issue-detection{left:36%;top:59%;width:27%;min-width:0}
.report-platform-card{left:68%;top:59%;width:27%;min-width:0}
.metric-checks{left:36%;top:7%}.metric-issues{left:68%;top:7%}.metric-status{left:68%;top:84%}
.iso-stage-label{left:4%;top:7%;font-size:7px}
.iso-cube-stack{filter:drop-shadow(0 5px 5px #2920442b)}
.browser-cubes{transform:translate(9px 43px) scale(.88);transform-origin:center;}
.ai-cubes{transform:translate(116px 21px) scale(.86);transform-origin:center;}
.issue-cube{transform:translate(-193px 206px) scale(.9);transform-origin:center;}
.website-thumb{margin-top:5px}
@media(max-width:1000px) and (min-width:651px){
 .iso-scene{height:390px}
 .iso-card{padding:7px 8px}
 .website-input{left:3%;top:22%;width:27%}.browser-engine{left:36%;top:20%;width:28%}.ai-engine{left:68%;top:20%;width:29%}
 .issue-detection{left:36%;top:60%;width:28%}.report-platform-card{left:68%;top:60%;width:29%}
 .iso-metric{padding:4px 6px}.iso-stage-label{font-size:6px}
}
@media(max-width:650px){
 .iso-scene{height:clamp(350px,104vw,440px);margin:18px 0 26px;overflow:hidden}
 .iso-map{opacity:.95}
 .iso-card{padding:7px 7px;border-radius:6px;font-size:7px}
 .website-input{left:3%;top:20%;width:29%}.browser-engine{left:36%;top:20%;width:29%}.ai-engine{left:68%;top:20%;width:29%}
 .issue-detection{left:36%;top:61%;width:29%}.report-platform-card{left:68%;top:61%;width:29%}
 .iso-component-kicker,.iso-card-kicker{font-size:6px;letter-spacing:.06em}.engine-steps span{font-size:6px}.engine-foot{font-size:5px}
 .issue-head{font-size:5px;gap:3px}.issue-result{font-size:7px}.issue-meta{font-size:5px;letter-spacing:0}.issue-meta i{padding:2px 3px}
 .report-mini-head b,.report-mini-row{font-size:6px}.report-mini-head small{font-size:5px}.report-suggestion{font-size:5px;padding:4px}.sample-note{font-size:4px}
 .iso-metric{display:none}.iso-stage-label{font-size:5px;top:7%}.stage-complete{left:68%;top:7%}
 .website-thumb{height:24px}.input-url{height:21px;font-size:6px}.input-caption{font-size:5px}
}
@media(prefers-reduced-motion:reduce){.iso-scene .issue-detection,.iso-scene .report-platform-card{opacity:1!important;visibility:visible!important;transform:none!important}}
/* Finishing contrast and typography for the Features scene. */
.iso-ground-top{fill:#f4f0ea;stroke:#c6bdb3;stroke-width:1.6}
.iso-ground-side{fill:#d2c9bf;stroke:#bdb3a9;stroke-width:1.6}
.platform-top{stroke:#bfb6ac;stroke-width:1.3}.platform-side{stroke:#b9afa5;stroke-width:1.3}
.iso-card{border-color:#d4ccc2;box-shadow:0 8px 19px #211a1221}
.iso-component-kicker{gap:5px;font-size:7px;letter-spacing:.045em;white-space:nowrap}
.iso-component-kicker b{font-size:6.6px;white-space:nowrap}
.engine-orb,.ai-orb{flex:0 0 17px}
.engine-steps span{font-size:8px}.engine-foot{font-size:6px}
.issue-head{font-size:7px}.issue-result{font-size:10px}.issue-meta{font-size:6px}
.report-mini-head b,.report-mini-row{font-size:7px}.report-mini-head small{font-size:6px}.report-suggestion{font-size:6px}
.iso-stage-label{color:#5e5851}.iso-metric{border-color:#d4ccc2;box-shadow:0 5px 14px #211a1218}
@media(max-width:650px){.iso-component-kicker{font-size:5.5px;gap:3px}.iso-component-kicker b{font-size:5.5px}.engine-steps span{font-size:5.5px}.issue-head{font-size:4.8px}.issue-result{font-size:6.5px}.report-mini-head b,.report-mini-row{font-size:5.7px}.report-mini-head small,.report-suggestion{font-size:4.8px}}
@media(min-width:651px){.metric-status{left:4%;top:82%}}
@media(max-width:650px){.metric-status{display:none}}

/* Home product-section browser demo, replacing the former abstract oval art. */
.product-demo{position:relative;isolation:isolate;width:100%;height:286px;align-self:center;min-width:0;color:#171614;font-family:'DM Sans',Arial,sans-serif;--pd-border:#ded8d1;--pd-paper:#fffdfa;--pd-ink:#171614;}
.pd-browser{position:absolute;left:0;top:0;width:68%;height:100%;overflow:hidden;border:1px solid #c9c1b8;border-radius:11px;background:var(--pd-paper);box-shadow:0 14px 30px #251d130f;transition:border-color .3s,box-shadow .3s}
.product-demo[data-stage="opening"] .pd-browser{border-color:#b7c4d0;box-shadow:0 14px 30px #251d1312,0 0 0 2px #a9c7e62b}
.pd-chrome{height:32px;display:flex;align-items:center;gap:8px;padding:0 9px;border-bottom:1px solid #e9e3dc;background:#fffefa}
.pd-controls{display:flex;gap:4px;flex:none}.pd-controls i{width:6px;height:6px;border-radius:50%;background:#e5a3a0}.pd-controls i:nth-child(2){background:#e7c96c}.pd-controls i:nth-child(3){background:#9dbf8c}
.pd-address{height:19px;min-width:0;flex:1;display:flex;align-items:center;gap:5px;padding:0 7px;border:1px solid #ebe5de;border-radius:4px;background:#f8f6f3;color:#615b55;font-size:7px;position:relative}
.pd-lock{color:#64886b;font-size:9px}.pd-loader{margin-left:auto;width:8px;height:8px;border:1px solid #ded8d1;border-top-color:#6887cb;border-radius:50%;opacity:0}.pd-loader.is-loading{opacity:1;animation:pd-spin .7s linear infinite}.pd-site-label{font-size:5px;letter-spacing:.1em;color:#969087;white-space:nowrap}
.pd-page{height:calc(100% - 61px);padding:0 10px 8px;overflow:hidden;background:#fffdfa}
.pd-nav{height:27px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #eee9e3;white-space:nowrap}.pd-brand{margin-right:auto;font:700 10px Georgia,serif;letter-spacing:-.06em}.pd-brand span{font:6px Arial;color:#7a8a67;vertical-align:top}.pd-nav button{border:0;background:transparent;color:#625c55;font-size:6px;padding:3px 2px;white-space:nowrap}
.pd-hero{height:137px;display:grid;grid-template-columns:1.05fr .95fr;gap:8px;align-items:center;padding:9px 0 6px}.pd-copy{min-width:0;padding-left:3px}.pd-eyebrow{font-size:5px;font-weight:700;letter-spacing:.13em;color:#807970}.pd-copy h3{margin:6px 0 5px;font-size:clamp(15px,1.55vw,21px);line-height:.98;letter-spacing:-.055em}.pd-copy h3 em{font-family:Georgia,serif;color:#d46bb9;font-weight:500}.pd-copy p{margin:0 0 7px;max-width:145px;color:#756e67;font-size:6px;line-height:1.45}.pd-primary{position:relative;display:inline-flex;align-items:center;gap:8px;padding:6px 7px;border:1px solid #171614;border-radius:3px;background:#171614;color:white;font-size:6px;transition:background .2s,box-shadow .2s,transform .2s,border-color .2s}.pd-primary span{color:#d9f45c}.pd-primary.is-tested{outline:2px solid #d6ec68;outline-offset:2px}.pd-primary.is-failed{border-color:#db7a81;background:#fff5f4;color:#9f4549;box-shadow:0 0 0 3px #df7c8130}.pd-primary.is-failed:after{content:'!';position:absolute;right:-6px;top:-7px;width:13px;height:13px;border-radius:50%;display:grid;place-items:center;background:#df6e78;color:white;font-size:8px;font-weight:700;box-shadow:0 0 0 2px white}
.pd-visual{height:105px;position:relative;overflow:hidden;border-radius:46% 46% 4px 4px;background:#e7efe4}.pd-sun{position:absolute;right:12px;top:10px;width:37px;height:37px;border-radius:50%;background:#f0e9b6}.pd-vase{position:absolute;z-index:2;left:50%;bottom:6px;width:36px;height:31px;transform:translateX(-50%);background:#c78d71;clip-path:polygon(8% 0,92% 0,78% 100%,22% 100%)}.pd-leaf{position:absolute;z-index:1;left:50%;bottom:26px;width:22px;height:40px;border-radius:95% 0 95% 0;background:#4f7c59;transform-origin:bottom}.leaf-a{transform:translateX(-4px) rotate(-30deg)}.leaf-b{transform:translateX(-20px) rotate(-56deg);height:31px;background:#82a56f}.leaf-c{transform:translateX(1px) rotate(35deg);height:35px;background:#658d64}.pd-visual small{position:absolute;bottom:6px;left:6px;z-index:3;color:#fff;font-size:4px;letter-spacing:.1em}
.pd-section-title{display:flex;align-items:center;justify-content:space-between;margin:0 1px 5px;font-size:6px;font-weight:700}.pd-section-title span{font-size:5px;letter-spacing:.08em;color:#79736d}.pd-cards{display:grid;grid-template-columns:1fr 1fr;gap:5px}.pd-card{position:relative;min-width:0;display:flex;align-items:center;gap:5px;padding:4px;border:1px solid #eee8e1;border-radius:4px;background:#fffefa;text-align:left;color:#272421;transition:border-color .2s,background .2s,box-shadow .2s}.pd-card.is-tested{border-color:#cfdf72;background:#fbfde9;box-shadow:0 0 0 2px #e3fa3940}.pd-card.is-tested:after{content:'✓';position:absolute;right:3px;top:3px;width:10px;height:10px;display:grid;place-items:center;border-radius:50%;background:#e5f2e6;color:#278653;font-size:6px}.pd-art{width:22px;height:21px;flex:none;border-radius:3px;background:#f2e2ce}.art-b{background:#dcebe0}.pd-card span{min-width:0}.pd-card b,.pd-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-card b{font-size:5px}.pd-card small{margin-top:2px;color:#89827a;font-size:4px}
.pd-footer{position:absolute;left:0;right:0;bottom:0;height:29px;display:flex;align-items:center;gap:6px;padding:0 8px;border-top:1px solid #e9e3dc;background:#fffefa;color:#716a63;font-size:6px}.pd-live-dot{width:6px;height:6px;flex:none;border-radius:50%;background:#e3b84f;box-shadow:0 0 0 3px #e3b84f20}.product-demo[data-stage="complete"] .pd-live-dot{background:#398f62;box-shadow:0 0 0 3px #398f6220}.pd-stage-copy{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-progress{width:45px;max-width:22%;height:3px;margin-left:auto;overflow:hidden;border-radius:4px;background:#eee9e3}.pd-progress i{display:block;width:0;height:100%;border-radius:inherit;background:#b4d637;transition:width .3s}.pd-percent{min-width:16px;text-align:right;font-size:6px}
.pd-cursor{position:absolute;z-index:8;left:0;top:0;width:17px;height:22px;opacity:0;pointer-events:none;transition:transform .52s cubic-bezier(.22,.72,.24,1),opacity .2s}.pd-cursor svg{display:block;width:100%;height:100%;filter:drop-shadow(0 1px 1px #0003)}.pd-cursor.is-visible{opacity:1}.pd-ripple{position:absolute;z-index:7;width:9px;height:9px;border:1px solid #e77ac2;border-radius:50%;background:#f2a5e74a;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.4)}.pd-ripple.is-active{animation:pd-ripple .65s ease-out}
.pd-panel{position:absolute;z-index:6;right:0;top:50%;width:29%;min-width:0;padding:10px 9px;transform:translateY(-50%) translateY(6px);opacity:0;visibility:hidden;border:1px solid #ded8d1;border-radius:8px;background:#fffefa;box-shadow:0 8px 19px #211a121c;transition:opacity .3s ease,transform .3s ease,visibility .3s}.pd-panel header{display:flex;align-items:center;gap:6px;margin-bottom:8px;white-space:nowrap}.pd-panel header b{font-size:6px;letter-spacing:.07em}.pd-panel-icon,.pd-warning,.pd-ai-icon,.pd-complete-icon{width:16px;height:16px;flex:none;display:grid;place-items:center;border-radius:50%;background:#eff6d5;color:#799528;font-size:9px}.pd-panel-icon{animation:pd-pulse 1.5s ease-in-out infinite}.pd-rows{display:grid;gap:5px}.pd-row{display:grid;grid-template-columns:9px 1fr 11px;align-items:center;gap:4px;color:#79736c;font-size:6px;line-height:1.25}.pd-row i{width:6px;height:6px;border-radius:50%;background:#ddd7d0}.pd-row b{width:11px;height:11px;display:grid;place-items:center;border-radius:50%;font-size:7px}.pd-row[data-state="active"]{color:#25221f}.pd-row[data-state="active"] i{background:#83a9dc;box-shadow:0 0 0 3px #83a9dc24;animation:pd-pulse 1s ease-in-out infinite}.pd-row[data-state="done"] i{background:#71a975}.pd-row[data-state="done"] b{background:#e5f2e6;color:#398653}.pd-row[data-state="done"] b:after{content:'✓'}.pd-disclaimer{display:block;margin-top:8px;color:#938b82;font-size:4px;letter-spacing:.09em;white-space:nowrap}
.product-demo[data-stage="opening"] .pd-testing,.product-demo[data-stage="testing"] .pd-testing,.product-demo[data-stage="issue"] .pd-issue,.product-demo[data-stage="ai"] .pd-ai,.product-demo[data-stage="complete"] .pd-complete{opacity:1;visibility:visible;transform:translateY(-50%)}
.pd-warning{background:#fff0ef;color:#d65f6c}.pd-issue{border-color:#ecc6c8}.pd-issue header b{color:#a85761}.pd-issue>strong{display:block;margin:11px 0 8px;font-size:8px;line-height:1.35}.pd-severity{display:inline-block;padding:4px 6px;border-radius:10px;background:#fff0ed;color:#b55761;font-size:6px;font-weight:700}.pd-ai{border-color:#dbe7b6}.pd-ai-icon{background:#f0f8d0;color:#789126}.pd-ai>p{margin:7px 0 8px;color:#625d56;font-size:7px;line-height:1.45}.pd-ai-action{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:5px;border-radius:4px;background:#eff8bd;color:#4e6118;font-size:5px;font-weight:700}.pd-ai-action i{width:6px;height:6px;border-radius:50%;background:#a7c92e;animation:pd-pulse 1s ease-in-out infinite}.pd-complete{border-color:#d5dfc1}.pd-complete header{margin-bottom:9px}.pd-complete-icon{background:#e5f2e6;color:#398653}.pd-complete>div{display:flex;align-items:center;gap:5px;margin:6px 0;font-size:7px}.pd-complete>div i{width:13px;height:13px;display:grid;place-items:center;border-radius:50%;background:#e5f2e6;color:#398653;font-size:8px;font-style:normal}.pd-complete>div .pd-issue-mark{background:#fff0ed;color:#ce626e}.pd-complete>small{display:block;margin-top:8px;color:#8d867e;font-size:5px}
@keyframes pd-spin{to{transform:rotate(360deg)}}@keyframes pd-pulse{50%{opacity:.55;box-shadow:0 0 0 4px #afcf3c16}}@keyframes pd-ripple{0%{opacity:.8;transform:translate(-50%,-50%) scale(.4)}100%{opacity:0;transform:translate(-50%,-50%) scale(3.4)}}
@media(max-width:850px) and (min-width:651px){.product-demo{height:270px}.pd-browser{width:65%}.pd-panel{width:32%;padding:8px 7px}.pd-panel header b{font-size:5.5px}.pd-row{font-size:5.5px}.pd-ai>p{font-size:6px}.pd-hero{height:129px}.pd-visual{height:96px}}
@media(max-width:650px){.product-demo{height:440px;margin:28px 0 10px}.pd-browser{width:100%;height:300px}.pd-page{padding-inline:12px}.pd-nav{height:31px;gap:13px}.pd-nav button{font-size:7px}.pd-brand{font-size:12px}.pd-hero{height:153px;gap:10px;padding:10px 0 7px}.pd-eyebrow{font-size:6px}.pd-copy h3{font-size:23px}.pd-copy p{font-size:7px;max-width:165px}.pd-primary{font-size:7px;padding:7px 8px}.pd-visual{height:126px}.pd-vase{width:43px;height:36px}.pd-leaf{width:26px;height:47px}.pd-section-title{font-size:7px}.pd-section-title span{font-size:6px}.pd-cards{gap:7px}.pd-card{padding:5px;gap:6px}.pd-art{width:28px;height:25px}.pd-card b{font-size:6px}.pd-card small{font-size:5px}.pd-footer{height:31px}.pd-stage-copy,.pd-percent{font-size:7px}.pd-progress{width:65px}.pd-panel{top:auto;bottom:0;left:0;right:0;width:100%;padding:9px 11px;transform:translateY(7px)}.product-demo[data-stage="opening"] .pd-testing,.product-demo[data-stage="testing"] .pd-testing,.product-demo[data-stage="issue"] .pd-issue,.product-demo[data-stage="ai"] .pd-ai,.product-demo[data-stage="complete"] .pd-complete{transform:translateY(0)}.pd-panel header{margin-bottom:6px}.pd-panel header b{font-size:7px}.pd-rows{grid-template-columns:1fr 1fr;gap:7px 10px}.pd-row{font-size:7px;grid-template-columns:10px 1fr 12px}.pd-disclaimer{display:none}.pd-issue>strong{font-size:10px;margin:8px 0}.pd-severity,.pd-ai-action{font-size:7px}.pd-ai>p{font-size:9px}.pd-complete>div{font-size:9px}.pd-complete>small{font-size:6px}.pd-cursor{width:18px;height:24px}}
@media(prefers-reduced-motion:reduce){.product-demo *, .product-demo *:before,.product-demo *:after{animation:none!important;transition:none!important}.product-demo .pd-cursor,.product-demo .pd-ripple{display:none!important}.product-demo .pd-issue,.product-demo .pd-ai{opacity:0!important;visibility:hidden!important}.product-demo .pd-complete{opacity:1;visibility:visible;transform:translateY(-50%)}.product-demo .pd-testing{opacity:0;visibility:hidden}}


/* Final legibility pass for the compact miniature site and status panel. */
.pd-panel header b{font-size:6.5px}.pd-row{font-size:6.5px}.pd-disclaimer{font-size:4.5px}
.pd-nav button{font-size:7px}.pd-eyebrow{font-size:6px}.pd-copy p{font-size:7px}.pd-section-title{font-size:7px}.pd-card b{font-size:6px}.pd-card small{font-size:5px}
@media(max-width:850px) and (min-width:651px){.pd-panel header b,.pd-row{font-size:6px}}
@media(max-width:650px){.pd-panel header b,.pd-row{font-size:7px}.pd-copy p{font-size:7px}.pd-card b{font-size:6px}.pd-card small{font-size:5px}}
/* Swap one status card at a time; entrants fade in without briefly colliding. */
.pd-panel{transition:opacity .28s ease,transform .28s ease}
.oauth-message{min-height:16px;margin:5px 0 8px;color:#a34548;font-size:11px;line-height:1.45}
.social-auth:disabled{opacity:.6;cursor:wait}

/* Accessibility Reporting System Styles */
.a11y-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:18px 0}
.a11y-stat{background:#fffdfa;border:1px solid #ded9d2;border-radius:4px;padding:12px;display:flex;flex-direction:column}
.a11y-stat>span{font-size:9px;color:#716c65;text-transform:uppercase;letter-spacing:.05em}
.a11y-stat strong{font-size:22px;letter-spacing:-.04em;margin:3px 0}
.a11y-stat small{font-size:8px;color:#858078}
.a11y-disclaimer{background:#f4efe9;border-left:3px solid #888;padding:12px 14px;border-radius:0 4px 4px 0;font-size:10px;color:#67625c;line-height:1.5;margin:14px 0 20px}
.a11y-section-title{font-size:14px;letter-spacing:-.02em;margin:24px 0 10px;display:flex;align-items:center;gap:8px}
.a11y-badge{display:inline-flex;align-items:center;padding:3px 7px;border-radius:10px;font-size:8px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.a11y-badge.failure,.a11y-badge.confirmed{background:#ffd8d5;color:#89201a}
.a11y-badge.recommendation,.a11y-badge.potential{background:#fdf0cd;color:#7a5806}
.a11y-badge.informational{background:#e2f2fc;color:#1c557d}
.a11y-badge.passed{background:#d8f0cf;color:#285e25}
.a11y-badge.not-tested{background:#e7e2db;color:#6e6962}
.a11y-badge.automated{background:#e2f2fc;color:#1c557d}
.a11y-badge.manual{background:#f3e3f7;color:#6d2c80}
.category-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:16px 0 20px}
.category-metric{border:1px solid #ded9d2;border-radius:4px;padding:12px;background:#fffdfa;display:flex;flex-direction:column}
.category-metric span{font-size:9px;color:#6e6962;text-transform:uppercase;letter-spacing:.06em}
.category-metric strong{font-size:22px;letter-spacing:-.04em;margin:3px 0}
.category-metric small{font-size:8px;color:#858078}
.issue-filters{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}
.filter-btn{border:1px solid #d4ceca;background:#fbf9f6;padding:6px 12px;font-size:10px;font-weight:600;border-radius:20px;cursor:pointer}
.filter-btn.active{background:#111;color:#fff;border-color:#111}
.a11y-card{border:1px solid #ded9d2;background:#fffdfa;border-radius:6px;padding:16px;margin-bottom:14px}
.a11y-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.a11y-card-tags{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.a11y-card-title{font-size:14px;margin:0 0 6px;letter-spacing:-.02em}
.a11y-card-desc{font-size:11px;color:#67625c;line-height:1.5;margin:0 0 12px}
.a11y-explain{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#fbf9f6;border:1px solid #ebe5de;border-radius:4px;padding:12px;margin-bottom:12px}
@media(max-width:700px){.a11y-explain{grid-template-columns:1fr}}
.a11y-explain h4{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#7e7871;margin:0 0 4px}
.a11y-explain p{font-size:10px;color:#534f49;line-height:1.45;margin:0}
.a11y-code-preview{background:#171614;color:#f7f5f2;border-radius:4px;padding:10px 12px;font-family:monospace;font-size:10px;overflow-x:auto;margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.a11y-code-preview .code-label{color:#9e978e;font-size:8px;text-transform:uppercase;display:block;margin-bottom:4px}
.a11y-diff-box{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
@media(max-width:700px){.a11y-diff-box{grid-template-columns:1fr}}
.a11y-diff-box .code-label.bad{color:#f59e9b}
.a11y-diff-box .code-label.good{color:#a9e698}
.a11y-elements-wrap{margin-top:10px}
.a11y-elements-toggle{border:1px solid #d4ceca;background:#fbf9f6;padding:8px 12px;font-size:10px;font-weight:600;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.a11y-elements-toggle:hover{background:#ede7e0}
.a11y-elements-list{margin-top:10px;display:grid;gap:8px}
.a11y-element-row{background:#f8f6f3;border:1px solid #e5dfd8;border-radius:4px;padding:10px 12px;font-size:10px}
.a11y-element-row header{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}
.a11y-tag{font-family:monospace;font-weight:700;background:#e8e2d9;padding:2px 6px;border-radius:3px;font-size:9px}
.a11y-selector{font-family:monospace;color:#1c557d;background:#eef4fa;padding:2px 6px;border-radius:3px;font-size:9px;overflow-wrap:anywhere}
.a11y-prop{font-size:9px;color:#6a655f;margin:3px 0;line-height:1.4}
.a11y-prop b{color:#302d2a}
.a11y-matrix{width:100%;border-collapse:collapse;margin:12px 0 24px;font-size:10px;background:#fffdfa;border:1px solid #ded9d2;border-radius:4px;overflow:hidden}
.a11y-matrix th,.a11y-matrix td{padding:10px 12px;text-align:left;border-bottom:1px solid #ebe5de}
.a11y-matrix th{background:#fbf9f6;font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#7e7871}
.a11y-matrix tr:last-child td{border-bottom:0}
.a11y-card-footer{display:flex;justify-content:flex-end;margin-top:12px}

/* Global Logo Navigation Link */
.logo-link{display:inline-flex;align-items:center;text-decoration:none;cursor:pointer;line-height:0;flex-shrink:0;transition:opacity .18s ease}
.logo-link:hover{opacity:.82}
.logo-link:focus-visible{outline:3px solid #4285ff;outline-offset:3px;border-radius:4px}
.logo{cursor:pointer}

.auth-pending-banner{background:#f3f7ea;border:1px solid #c8d998;border-left:4px solid #718f1a;border-radius:6px;padding:14px 16px;margin-bottom:20px;font-size:11px;line-height:1.45;color:#2c3710}
.auth-pending-eyebrow{display:block;font-size:8px;font-weight:700;letter-spacing:.14em;color:#59701a;margin-bottom:5px;text-transform:uppercase}
.auth-pending-banner strong{display:block;font-size:13px;letter-spacing:-.02em;color:#182104;margin-bottom:4px}
.auth-pending-banner code.auth-pending-url{background:#fff;padding:2px 7px;border-radius:3px;border:1px solid #ccd8a3;font-family:monospace;font-size:11px;color:#1e3510;word-break:break-all}
.auth-pending-banner p{margin:4px 0 0;font-size:11px;color:#495822;line-height:1.4}

/* Live Website Inspection Platform */
.live-inspection-shell{max-width:1380px;margin:0 auto;padding:16px 20px 40px}
.live-top-bar{background:#fffdfa;border:1px solid #ded9d2;border-radius:8px;padding:16px 20px;margin-bottom:18px}
.live-top-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px}
.live-status-pill{display:inline-flex;align-items:center;gap:8px;background:#eef6eb;border:1px solid #b8dfab;color:#22551c;padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.live-pulse-dot{width:8px;height:8px;border-radius:50%;background:#2e961e;box-shadow:0 0 0 0 rgba(46,150,30,.7);animation:livePulse 1.6s infinite}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(46,150,30,.7)}70%{box-shadow:0 0 0 8px rgba(46,150,30,0)}100%{box-shadow:0 0 0 0 rgba(46,150,30,0)}}
.live-target-url{display:inline-flex;align-items:center;gap:6px;font-family:monospace;font-size:13px;color:#181614;font-weight:600;text-decoration:none;word-break:break-all}
.live-target-url:hover{color:#1c557d;text-decoration:underline}
.live-metrics-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.live-metric-chip{background:#fbf9f6;border:1px solid #ebe5de;padding:4px 10px;border-radius:4px;font-size:10px;color:#67625c}
.live-metric-chip b{color:#181614;font-size:11px;margin-left:4px}
.live-progress-container{margin-top:8px}
.live-progress-bar{height:6px;background:#ede7e0;border-radius:3px;overflow:hidden;position:relative}
.live-progress-bar i{display:block;height:100%;background:#111;transition:width .4s ease}
.live-progress-meta{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:11px;color:#716c65}
.live-grid{display:grid;grid-template-columns:1.15fr 0.85fr;gap:20px;align-items:start}
@media(max-width:980px){.live-grid{grid-template-columns:1fr}}

/* Left Panel: Live Browser Preview & Pipeline */
.live-left-panel{background:#fffdfa;border:1px solid #ded9d2;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.03)}
.live-browser-chrome{background:#f4efe9;border-bottom:1px solid #ded9d2;padding:8px 14px;display:flex;align-items:center;gap:10px;font-size:11px}
.live-browser-dots{display:flex;gap:5px}
.live-browser-dots span{width:9px;height:9px;border-radius:50%;display:inline-block}
.live-browser-dots span:nth-child(1){background:#f36c60}
.live-browser-dots span:nth-child(2){background:#f5be4f}
.live-browser-dots span:nth-child(3){background:#62c554}
.live-address-bar{flex:1;background:#fff;border:1px solid #dcd6ce;border-radius:4px;padding:3px 10px;font-family:monospace;font-size:10px;color:#45413c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-browser-viewport{font-size:9px;color:#858078;font-weight:600;text-transform:uppercase}
.live-preview-box{position:relative;background:#181614;min-height:380px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.live-preview-img{width:100%;height:auto;display:block;object-fit:contain;background:#fff}
.live-preview-placeholder{padding:40px 20px;text-align:center;color:#b0a99f}
.live-preview-placeholder .spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:liveSpin .8s linear infinite;margin:0 auto 12px}
@keyframes liveSpin{to{transform:rotate(360deg)}}
.live-highlight-box{position:absolute;border:2px solid #e53935;background:rgba(229,57,53,.18);border-radius:3px;box-shadow:0 0 0 2px rgba(255,255,255,.8),0 0 14px rgba(229,57,53,.6);pointer-events:none;transition:all .2s ease;z-index:10}
.live-highlight-label{position:absolute;top:-20px;left:0;background:#e53935;color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;white-space:nowrap;box-shadow:0 2px 4px rgba(0,0,0,.3)}
.live-pipeline{padding:14px 18px;border-top:1px solid #ebe5de;background:#fcfbf9}
.live-pipeline-title{font-size:10px;font-weight:700;letter-spacing:.06em;color:#7e7871;text-transform:uppercase;margin-bottom:10px}
.live-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.live-step{background:#fff;border:1px solid #ded9d2;border-radius:4px;padding:8px 10px;font-size:10px;display:flex;align-items:center;gap:6px;transition:all .2s ease}
.live-step.done{background:#f3f9f0;border-color:#badbaa;color:#285e25}
.live-step.active{background:#fff;border-color:#111;box-shadow:0 0 0 1px #111;color:#111;font-weight:700}
.live-step.pending{color:#9e978e}
.live-step-icon{font-size:11px;font-weight:700;flex-shrink:0}

/* Right Panel: Live Findings Feed */
.live-right-panel{background:#fffdfa;border:1px solid #ded9d2;border-radius:8px;padding:16px 18px;box-shadow:0 2px 8px rgba(0,0,0,.03)}
.live-feed-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #ebe5de}
.live-feed-header h3{margin:0;font-size:14px;letter-spacing:-.02em}
.live-filter-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.live-tab-btn{border:1px solid #d4ceca;background:#fbf9f6;padding:4px 10px;font-size:10px;font-weight:600;border-radius:14px;cursor:pointer;color:#59544e}
.live-tab-btn.active{background:#111;color:#fff;border-color:#111}
.live-findings-stream{display:grid;gap:10px;max-height:680px;overflow-y:auto;padding-right:4px}
.live-finding-card{border:1px solid #ded9d2;background:#fff;border-radius:6px;padding:12px 14px;cursor:pointer;transition:all .15s ease}
.live-finding-card:hover{border-color:#999;box-shadow:0 2px 6px rgba(0,0,0,.04)}
.live-finding-card.selected{border-color:#111;box-shadow:0 0 0 1px #111;background:#fffdf9}
.live-card-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.live-card-title{font-size:12px;font-weight:700;margin:0 0 4px;color:#181614;line-height:1.4}
.live-card-target{font-family:monospace;font-size:9px;color:#1c557d;background:#eef4fa;padding:2px 6px;border-radius:3px;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-card-detail{margin-top:10px;padding-top:10px;border-top:1px dashed #ded9d2;font-size:11px}
.live-detail-sec{margin-bottom:8px}
.live-detail-sec span{font-size:8px;font-weight:700;letter-spacing:.05em;color:#7e7871;text-transform:uppercase;display:block;margin-bottom:2px}
.live-detail-sec p{margin:0;color:#3c3935;line-height:1.45}
.live-detail-sec code{font-family:monospace;font-size:10px;background:#f4efe9;padding:2px 5px;border-radius:3px;word-break:break-all}
@keyframes spin{to{transform:rotate(360deg)}}
.skeleton-row{animation:pulseSkeleton 1.6s ease-in-out infinite}
@keyframes pulseSkeleton{0%,100%{opacity:0.6}50%{opacity:0.3}}

/* Active Persistent Scan Banner */
.global-scan-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f3f8ea;border:1px solid #c5db9f;border-left:4px solid #58801d;border-radius:6px;padding:10px 16px;margin:0 0 20px;font-size:12px;color:#283811}
.global-scan-banner-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.global-scan-stage{background:#e7f2cc;padding:2px 8px;border-radius:12px;font-weight:600;font-size:11px;color:#3f5e10}

/* Serverless Cloud Inspector Card in live preview box */
.serverless-audit-card{padding:28px 22px;color:#d8d2c9;text-align:left;width:100%}
.serverless-card-header{display:flex;align-items:center;gap:8px;font-size:13px;color:#fff;font-weight:700;margin-bottom:8px}
.serverless-card-desc{font-size:11px;color:#a8a197;line-height:1.5;margin:0 0 16px}
.serverless-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#24221f;border:1px solid #36322d;border-radius:6px;padding:12px;margin-bottom:14px;font-size:11px}
@media(max-width:600px){.serverless-details-grid{grid-template-columns:1fr}}
.serverless-details-grid span{color:#888177;display:block;font-size:9px;text-transform:uppercase;letter-spacing:.05em}
.serverless-details-grid code{font-family:monospace;color:#a8e7f5;font-size:10px;word-break:break-all}
.serverless-card-note{font-size:10px;color:#91897f;line-height:1.4}

/* ==========================================================================
   FLIQ Pixel-Perfect Window Authentication Experience
   ========================================================================== */
.auth-page-wrapper {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 24px;
  background: #ebebe6;
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  box-sizing: border-box;
}

.auth-window-card {
  width: 100%;
  max-width: 1040px;
  background: #ffffff;
  border-radius: 22px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 25px 65px -15px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.02);
  overflow: hidden;
  box-sizing: border-box;
}

.auth-window-bar {
  padding: 16px 22px 0 22px;
  display: flex;
  align-items: center;
}

.auth-traffic-dots {
  display: flex;
  gap: 8px;
  align-items: center;
}

.auth-traffic-dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  display: inline-block;
}

.dot-red {
  background: #ff5f56;
}

.dot-yellow {
  background: #ffbd2e;
}

.dot-green {
  background: #27c93f;
}

.auth-window-body {
  display: grid;
  grid-template-columns: minmax(320px, 46%) 1fr;
  gap: 28px;
  padding: 16px 22px 22px 22px;
  align-items: stretch;
  box-sizing: border-box;
}

/* Form Column */
.auth-form-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 12px 20px 20px 20px;
  box-sizing: border-box;
}

.auth-form-inner {
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.auth-brand-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-bottom: 22px;
  text-decoration: none;
  cursor: pointer;
}

.auth-brand-asterisk {
  width: 28px;
  height: 28px;
  flex: none;
}

.auth-brand-title {
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -0.04em;
  color: #0f172a;
  line-height: 1;
}

.auth-title {
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -0.04em;
  color: #0f172a;
  margin: 0 0 6px 0;
  line-height: 1.15;
  text-align: center;
}

.auth-sub {
  font-size: 13.5px;
  color: #64748b;
  margin: 0 0 24px 0;
  line-height: 1.5;
  text-align: center;
}

/* Inputs & Groups */
.auth-form-fields {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
}

.auth-input-group {
  position: relative;
  width: 100%;
  margin-bottom: 14px;
  box-sizing: border-box;
}

.auth-form-inner .auth-input-group input {
  display: block;
  width: 100%;
  height: 48px;
  border: 1.5px solid #e2e8f0;
  border-radius: 12px;
  padding: 0 44px;
  font-size: 14px;
  color: #0f172a;
  background: #ffffff;
  outline: none;
  box-sizing: border-box;
  margin: 0;
  transition: border-color 0.16s ease, box-shadow 0.16s ease;
}

.auth-form-inner .auth-input-group input:focus {
  border-color: #0f172a;
  box-shadow: 0 0 0 1px #0f172a;
}

.auth-form-inner .auth-input-group input::placeholder {
  color: #94a3b8;
}

.auth-input-icon {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  stroke: #94a3b8;
  width: 18px;
  height: 18px;
  flex: none;
}

.auth-eye-btn {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  padding: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #94a3b8;
  border-radius: 6px;
  transition: color 0.15s ease;
}

.auth-eye-btn:hover {
  color: #0f172a;
}

.auth-forgot-row {
  display: flex;
  justify-content: flex-end;
  margin: -4px 0 16px 0;
}

.auth-forgot-link {
  font-size: 13px;
  font-weight: 500;
  color: #0f172a;
  text-decoration: none;
  transition: opacity 0.15s;
}

.auth-forgot-link:hover {
  text-decoration: underline;
}

.auth-submit-btn {
  width: 100%;
  height: 48px;
  background: #0f172a;
  color: #ffffff;
  border: none;
  border-radius: 12px;
  font-size: 14.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, transform 0.1s ease;
  box-sizing: border-box;
}

.auth-submit-btn:hover {
  background: #1e293b;
}

.auth-submit-btn:active {
  transform: scale(0.99);
}

.auth-submit-btn:disabled {
  opacity: 0.6;
  cursor: wait;
}

.auth-divider {
  display: flex;
  align-items: center;
  margin: 18px 0;
  text-align: center;
  color: #64748b;
  font-size: 12.5px;
}

.auth-divider::before,
.auth-divider::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #e2e8f0;
}

.auth-divider span {
  padding: 0 14px;
}

.auth-google-btn {
  width: 100%;
  height: 48px;
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #0f172a;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
  box-sizing: border-box;
}

.auth-google-btn:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
}

.auth-google-btn:disabled {
  opacity: 0.6;
  cursor: wait;
}

.auth-google-icon {
  width: 19px;
  height: 19px;
  flex: none;
}

.auth-footer-switch {
  text-align: center;
  font-size: 13px;
  color: #64748b;
  margin-top: 22px;
}

.auth-footer-switch a {
  color: #0f172a;
  font-weight: 700;
  text-decoration: none;
}

.auth-footer-switch a:hover {
  text-decoration: underline;
}

/* Visual Column (Right Panel Carousel) */
.auth-visual-column {
  background: #edf6ee;
  border-radius: 24px;
  padding: 30px 24px 22px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.auth-carousel-viewport {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}

.auth-carousel-track {
  display: flex;
  width: 100%;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

.auth-carousel-slide {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}

.auth-illustration-wrap {
  width: 100%;
  max-width: 480px;
  min-height: 360px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.auth-illustration-svg {
  width: 100%;
  height: auto;
  display: block;
  overflow: visible;
}

.auth-visual-copy {
  margin-top: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 85px;
}

.auth-visual-heading {
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -0.04em;
  color: #0f172a;
  line-height: 1.22;
  margin: 0 0 8px 0;
  text-align: center;
}

.auth-visual-sub {
  font-size: 13.5px;
  color: #475569;
  line-height: 1.45;
  margin: 0;
  text-align: center;
  max-width: 400px;
}

.auth-visual-dots {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
  padding: 4px 0;
}

.auth-visual-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #cbd5e1;
  border: none;
  padding: 0;
  cursor: pointer;
  display: inline-block;
  outline: none;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.auth-visual-dot:hover {
  background: #94a3b8;
  transform: scale(1.15);
}

.auth-visual-dot.active {
  background: #0f172a;
  cursor: default;
  transform: scale(1);
}

@media (prefers-reduced-motion: reduce) {
  .auth-carousel-track {
    transition: none !important;
  }
}

/* Mobile & Tablet Responsiveness */
@media (max-width: 880px) {
  .auth-page-wrapper {
    padding: 16px 12px;
  }
  .auth-window-body {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 14px 14px 18px 14px;
  }
  .auth-visual-column {
    padding: 24px 16px 18px 16px;
    border-radius: 20px;
  }
  .auth-illustration-wrap {
    min-height: 300px;
  }
  .auth-visual-heading {
    font-size: 24px;
  }
  .auth-visual-sub {
    font-size: 12.5px;
  }
}

@media (max-width: 480px) {
  .auth-page-wrapper {
    padding: 0;
    background: #ffffff;
  }
  .auth-window-card {
    border-radius: 0;
    border: none;
    box-shadow: none;
  }
  .auth-window-bar {
    padding: 14px 16px 0 16px;
  }
  .auth-form-column {
    padding: 10px 12px 20px 12px;
  }
  .auth-title {
    font-size: 26px;
  }
}

/* Account Security & Logout */
.btn-logout {
  border: 1px solid #dc2626 !important;
  color: #dc2626 !important;
  background: transparent !important;
  font-weight: 600;
  padding: 10px 22px !important;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.btn-logout:hover {
  background: #fef2f2 !important;
  color: #b91c1c !important;
  border-color: #b91c1c !important;
}
.btn-logout-confirm {
  background: #dc2626 !important;
  border-color: #dc2626 !important;
  color: #ffffff !important;
  font-weight: 600;
}
.btn-logout-confirm:hover {
  background: #b91c1c !important;
  border-color: #b91c1c !important;
}