.demo-shell{background:radial-gradient(circle at 18% 8%,#2bb8d81f,#0000 28%),#0b111b;min-height:100vh}.demo-intro{grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);align-items:center;gap:72px;max-width:1180px;margin:0 auto;padding:72px 28px 90px;display:grid}.demo-intro h1{color:#fff;letter-spacing:-.045em;max-width:670px;margin:10px 0 20px;font-size:clamp(43px,5.3vw,70px);line-height:1.02}.demo-intro>div>p:not(.marketing-kicker){color:#aebccc;max-width:620px;font-size:17px;line-height:1.7}.demo-trust{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.demo-trust span{color:#d7e5f2;background:#111b29;border:1px solid #27364a;border-radius:8px;padding:9px 12px;font-size:11px;font-weight:700}.demo-intake{background:#121b28;border:1px solid #2a394d;border-radius:16px;gap:16px;padding:28px;display:grid;box-shadow:0 28px 70px #00000057}.demo-form-heading{align-items:flex-start;gap:13px;margin-bottom:3px;display:flex}.demo-form-heading>span{color:#75e7fb;background:#4fd8f314;border:1px solid #4fd8f333;border-radius:7px;flex:none;padding:7px 9px;font-size:10px;font-weight:800}.demo-form-heading h2{color:#fff;margin:0;font-size:22px}.demo-form-heading p{color:#8797aa;margin:5px 0 0;font-size:12px}.demo-intake label{color:#cad6e2;gap:7px;font-size:11px;font-weight:750;display:grid}.demo-intake input,.demo-intake textarea,.demo-intake select{color:#eff7ff;width:100%;min-height:46px;font:inherit;background:#0c1420;border:1px solid #304156;border-radius:8px;outline:none;padding:0 13px;font-size:13px}.demo-intake textarea{resize:vertical;padding-top:11px;line-height:1.45}.demo-intake select{appearance:auto}.demo-intake input:focus,.demo-intake textarea:focus,.demo-intake select:focus{border-color:#4fd8f3;box-shadow:0 0 0 3px #4fd8f31a}.demo-optional{color:#6edff6;letter-spacing:.08em;text-transform:uppercase;margin-left:4px;font-size:8px}.demo-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.demo-form-row.city-row{grid-template-columns:1fr 90px}.demo-intake>small{color:#718196;text-align:center;font-size:10px}.demo-preview-section,.demo-jobs-section,.demo-comparer-section,.demo-locked-section,.demo-guide-section{max-width:1240px;margin:0 auto;padding:76px 28px}.demo-preview-section{scroll-margin-top:18px}.demo-section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.demo-section-heading h2,.demo-comparer-intro h2,.demo-locked-section h2,.demo-guide-heading h2{color:#fff;letter-spacing:-.035em;margin:7px 0 9px;font-size:clamp(30px,4vw,44px)}.demo-section-heading p:not(.marketing-kicker),.demo-comparer-intro>div>p:not(.marketing-kicker),.demo-locked-section>div>p:not(.marketing-kicker),.demo-guide-heading>p:not(.marketing-kicker){color:#91a1b4;max-width:720px;margin:0;line-height:1.65}.demo-section-heading>button{color:#d9e5ef;cursor:pointer;background:#131e2c;border:1px solid #334359;border-radius:8px;padding:10px 13px}.demo-preview-frame{background:#0c1420;border:1px solid #34455a;border-radius:16px;overflow:hidden;box-shadow:0 30px 90px #00000059}.demo-mode-banner{color:#aebccd;background:#101b29;border-bottom:1px solid #2b3b4e;align-items:center;gap:12px;min-height:44px;padding:0 16px;font-size:11px;display:flex}.demo-mode-banner b{color:#6ce3f8;letter-spacing:.12em;font-size:10px}.demo-preview-frame .preview-stage{min-height:0;padding:0}.demo-preview-frame .device-frame{border:0;border-radius:0;max-width:none!important}.demo-jobs-section{padding-top:20px}.demo-job-count{background:#111c29;border:1px solid #2e4055;border-radius:11px;min-width:130px;padding:14px 17px;display:grid}.demo-job-count strong{color:#58def6;font-size:30px;line-height:1}.demo-job-count span{color:#eef7fd;margin-top:4px;font-size:11px;font-weight:800}.demo-job-count small{color:#718399;margin-top:3px;font-size:9px}.demo-disclosure{color:#b9c7d5;background:#f59e0b0e;border:1px solid #f59e0b2e;border-radius:9px;align-items:center;gap:13px;margin:24px 0 14px;padding:13px 16px;display:flex}.demo-disclosure>span{color:#fcd34d;letter-spacing:.1em;background:#f59e0b1a;border-radius:5px;flex:none;padding:5px 7px;font-size:8px;font-weight:900}.demo-disclosure p{margin:0;font-size:10px;line-height:1.5}.demo-job-browser{grid-template-columns:295px minmax(0,1fr);align-items:start;gap:14px;display:grid}.demo-job-list{background:#0e1723;border:1px solid #26364a;border-radius:12px;gap:3px;max-height:812px;padding:8px;display:grid;overflow:auto}.demo-job-list>button{width:100%;min-height:59px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:31px minmax(0,1fr) 9px;align-items:center;gap:9px;padding:9px;display:grid}.demo-job-list>button:hover,.demo-job-list>button.active{background:#172231;border-color:#31445a}.demo-job-list>button.active{box-shadow:inset 2px 0 #4fd8f3}.demo-job-list>button>span{color:#6ddff6;background:#0b131e;border:1px solid #283a4e;border-radius:7px;place-items:center;width:31px;height:31px;font-size:8px;font-weight:900;display:grid}.demo-job-list>button>div{gap:4px;min-width:0;display:grid}.demo-job-list strong{color:#e8f1f9;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.demo-job-list small{color:#74869a;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.demo-job-list>button>b{color:#52657b}.demo-job-list .demo-show-jobs{color:#6edff6;text-align:center;min-height:38px;font-size:9px;font-weight:800;display:block}.demo-job-detail{background:#101a27;border:1px solid #2a3b50;border-radius:12px;padding:24px}.demo-job-detail>header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.demo-job-detail>header span{color:#5fdcf4;letter-spacing:.11em;font-size:8px;font-weight:900}.demo-job-detail>header h3{color:#fff;margin:7px 0 5px;font-size:24px}.demo-job-detail>header p{color:#8193a7;margin:0;font-size:10px}.demo-job-detail>header>b{color:#fcd34d;letter-spacing:.09em;background:#f59e0b14;border:1px solid #f59e0b26;border-radius:5px;padding:6px 8px;font-size:8px}.demo-before-after{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.demo-before-after figure{background:#0b131e;border:1px solid #26374a;border-radius:10px;margin:0;overflow:hidden}.demo-before-after img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.demo-before-after figcaption{gap:3px;padding:10px 12px;display:grid}.demo-before-after figcaption b{color:#edf6fd;font-size:10px}.demo-before-after figcaption span{color:#708298;font-size:8px}.demo-job-facts{grid-template-columns:1fr 1fr;gap:8px;margin:13px 0 0;display:grid}.demo-job-facts>div{background:#0c1520;border:1px solid #233346;border-radius:8px;padding:13px}.demo-job-facts dt{color:#5edcf4;letter-spacing:.09em;text-transform:uppercase;font-size:7px;font-weight:900}.demo-job-facts dd{color:#aebdcc;margin:6px 0 0;font-size:9px;line-height:1.55}.demo-page-output{background:#4fd8f30b;border:1px solid #4fd8f329;border-radius:9px;grid-template-columns:minmax(0,1fr) 280px;gap:18px;margin-top:12px;padding:16px;display:grid}.demo-page-output>div:first-child{align-content:start;gap:5px;display:grid}.demo-page-output>div:first-child span,.demo-job-detail blockquote>span{color:#5edcf4;letter-spacing:.1em;font-size:7px;font-weight:900}.demo-page-output>div:first-child strong{color:#eef7fd;font-size:12px}.demo-page-output>div:first-child p{color:#788a9f;margin:0;font-size:8px}.demo-page-signals{color:#9fb0c1;grid-template-columns:1fr 1fr;gap:5px;font-size:8px;display:grid}.demo-job-detail blockquote{color:#95a6b9;background:#0c1520;border-left:2px solid #4fd8f3;border-radius:0 8px 8px 0;margin:12px 0 0;padding:13px 15px;font-size:9px;line-height:1.6}.demo-job-detail blockquote>span{margin-bottom:4px;display:block}.demo-comparer-section{background:#0e1723;border-block:1px solid #1e2c3c;max-width:none;padding-left:max(28px,50vw - 592px);padding-right:max(28px,50vw - 592px)}.demo-comparer-intro{grid-template-columns:minmax(0,1fr) minmax(370px,.7fr);align-items:end;gap:50px;display:grid}.demo-comparer-intro form{background:#121d2a;border:1px solid #2b3d52;border-radius:11px;gap:8px;padding:18px;display:grid}.demo-comparer-intro label{color:#d3deea;gap:7px;font-size:10px;font-weight:800;display:grid}.demo-comparer-intro label>div{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.demo-comparer-intro input{color:#eef7fd;background:#0a131e;border:1px solid #304359;border-radius:7px;outline:none;min-width:0;min-height:43px;padding:0 12px}.demo-comparer-intro input:focus{border-color:#4fd8f3}.demo-comparer-intro button{color:#061018;cursor:pointer;background:#4fd8f3;border:0;border-radius:7px;min-height:43px;padding:0 15px;font-size:10px;font-weight:900}.demo-comparer-intro button:disabled{opacity:.55}.demo-comparer-intro form>small{color:#718397;font-size:8px;line-height:1.4}.demo-compare-error{color:#fda4af;margin:3px 0 0;font-size:9px}.demo-comparer-placeholder{background:#0a131e;border:1px solid #293a4d;border-radius:13px;grid-template-columns:1fr 50px 1fr;align-items:center;gap:20px;margin-top:30px;padding:35px;display:grid}.demo-placeholder-site{background:linear-gradient(145deg,#4fd8f31c,#4fd8f306);border:1px solid #4fd8f32e;border-radius:10px;align-content:center;place-items:center;gap:4px;min-height:150px;display:grid}.demo-placeholder-site.muted{background:#101925;border-color:#28384b}.demo-placeholder-site>span{color:#7de5f8;letter-spacing:.11em;font-size:8px;font-weight:900}.demo-placeholder-site>strong{color:#fff;font-size:46px}.demo-placeholder-site>small{color:#75869a;font-size:8px}.demo-versus{color:#52657a;text-align:center;font-size:10px;font-weight:900}.demo-comparer-placeholder>p{color:#6f8195;text-align:center;grid-column:1/-1;margin:0;font-size:9px}.demo-comparison-results{background:#0a131e;border:1px solid #2a3b4f;border-radius:13px;margin-top:30px;overflow:hidden}.demo-comparison-results>header{background:#111c29;border-bottom:1px solid #26374a;justify-content:space-between;align-items:center;gap:24px;padding:22px 24px;display:flex}.demo-comparison-results>header>div:first-child>span{color:#5eddf5;letter-spacing:.11em;font-size:8px;font-weight:900}.demo-comparison-results h3{color:#eef7fd;margin:6px 0 4px;font-size:20px}.demo-comparison-results h3 b{color:#5a6c80;font-size:12px}.demo-comparison-results header p{color:#728499;margin:0;font-size:8px}.demo-score-pair{align-items:center;gap:12px;display:flex}.demo-score-pair>span{text-align:center;display:grid}.demo-score-pair strong{color:#fff;font-size:28px}.demo-score-pair small{color:#738599;max-width:80px;font-size:7px;line-height:1.3}.demo-score-pair>i{color:#4c6076;font-size:8px;font-style:normal;font-weight:900}.demo-score-table{padding:10px 18px}.demo-score-row{border-bottom:1px solid #1d2c3d;grid-template-columns:minmax(190px,1.2fr) 1fr 1fr;align-items:center;gap:20px;min-height:66px;padding:10px 7px;display:grid}.demo-score-row:last-child{border-bottom:0}.demo-score-row>span{gap:3px;display:grid}.demo-score-row>span strong{color:#dfeaf3;font-size:10px}.demo-score-row>span small{color:#687b90;font-size:8px}.demo-score-row>div{background:#1b2a3b;border-radius:99px;height:7px;position:relative}.demo-score-row>div>i{border-radius:inherit;background:#4fd8f3;height:100%;display:block}.demo-score-row>div:last-child>i{background:#74869b}.demo-score-row>div>b{color:#dce8f2;font-size:8px;position:absolute;top:-4px;right:4px;transform:translateY(-100%)}.demo-score-head{color:#71849a;min-height:38px;font-size:8px;font-weight:850}.demo-score-head>b{text-align:left}.demo-comparison-detail{grid-template-columns:1.5fr 1fr;gap:10px;padding:0 24px 22px;display:grid}.demo-comparison-detail article{background:#101a27;border:1px solid #233447;border-radius:9px;padding:17px}.demo-comparison-detail article>span{color:#5edcf4;letter-spacing:.1em;font-size:7px;font-weight:900}.demo-comparison-detail ul{color:#9cadbd;gap:7px;margin:12px 0 0;padding-left:17px;font-size:9px;line-height:1.5;display:grid}.demo-comparison-detail dl{grid-template-columns:1fr 1fr;gap:6px;margin:10px 0 0;display:grid}.demo-comparison-detail dl>div{background:#0b141f;border-radius:6px;padding:8px}.demo-comparison-detail dt{color:#6e8195;font-size:7px}.demo-comparison-detail dd{color:#dae6ef;margin:3px 0 0;font-size:9px;font-weight:800}.demo-comparison-disclaimer{color:#687a8e;background:#0c1621;border-top:1px solid #203043;margin:0;padding:12px 24px;font-size:8px;line-height:1.55}.demo-locked-section{background:#0e1723;border-block:1px solid #1e2c3c;max-width:none;padding-left:max(28px,50vw - 592px);padding-right:max(28px,50vw - 592px)}.demo-locked-section>div:first-child{max-width:850px}.demo-lock-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px;display:grid}.demo-lock-grid article{background:linear-gradient(145deg,#151f2c,#101824);border:1px solid #29394c;border-radius:12px;grid-template-columns:34px 1fr;gap:13px;min-height:150px;padding:20px;display:grid;position:relative}.demo-lock-grid article>span{filter:grayscale();background:#202b39;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.demo-lock-grid h3{color:#ecf5fc;margin:2px 0 7px;font-size:16px}.demo-lock-grid p{color:#8495a8;margin:0;font-size:12px;line-height:1.55}.demo-lock-grid article>b{color:#617187;letter-spacing:.12em;font-size:8px;position:absolute;bottom:12px;right:13px}.demo-guide-section{padding-bottom:110px}.demo-guide-heading{max-width:800px}.demo-guide-list{background:#29384b;border:1px solid #29384b;border-radius:13px;grid-template-columns:repeat(5,1fr);gap:1px;margin:34px 0 48px;display:grid;overflow:hidden}.demo-guide-list article{background:#111a27;padding:24px 20px}.demo-guide-list article>span{color:#4fd8f3;letter-spacing:.12em;font-size:11px;font-weight:900}.demo-guide-list h3{color:#edf6fd;margin:13px 0 8px;font-size:15px}.demo-guide-list p{color:#8798aa;margin:0;font-size:11px;line-height:1.65}.demo-unlock{background:linear-gradient(120deg,#4fd8f321,#4fd8f308);border:1px solid #4fd8f340;border-radius:14px;justify-content:space-between;align-items:center;gap:30px;padding:28px 30px;display:flex}.demo-unlock span{color:#62ddf5;letter-spacing:.13em;font-size:9px;font-weight:900}.demo-unlock h2{color:#fff;max-width:730px;margin:7px 0;font-size:25px}.demo-unlock p{color:#9babbc;margin:0;font-size:12px}.demo-before-after img{aspect-ratio:auto;height:auto}.demo-logo-field>span{color:#6edff6;text-transform:uppercase;letter-spacing:.08em;margin-left:5px;font-size:8px}.demo-logo-field>div{background:#0c1420;border:1px dashed #3a5069;border-radius:8px;align-items:center;gap:11px;min-height:48px;padding:8px 11px;display:flex}.demo-logo-field input{color:#0000;background:0 0;border:0;width:94px;min-height:0;padding:0;font-size:0}.demo-logo-field input::file-selector-button{color:#07131d;cursor:pointer;background:#6edff6;border:0;border-radius:6px;padding:8px 10px;font-size:9px;font-weight:850}.demo-logo-field b{color:#aebdcc;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;overflow:hidden}.demo-logo-field small{color:#718196;font-size:8px;font-weight:500}.demo-logo-field em{color:#fda4af;font-size:8px;font-style:normal}.demo-google-alignment{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.demo-google-alignment article{background:#101a27;border:1px solid #26384c;border-radius:9px;padding:16px 18px}.demo-google-alignment span{color:#5edcf4;letter-spacing:.1em;font-size:7px;font-weight:900}.demo-google-alignment article:last-child span{color:#fcd34d}.demo-google-alignment p{color:#8fa1b4;margin:7px 0 0;font-size:9px;line-height:1.6}@media (max-width:1000px){.demo-job-browser{grid-template-columns:240px minmax(0,1fr)}.demo-page-output{grid-template-columns:1fr}.demo-comparer-intro{grid-template-columns:1fr;align-items:start}.demo-comparer-intro form{max-width:650px}.demo-score-row{grid-template-columns:minmax(170px,1fr) 1fr 1fr}}@media (max-width:900px){.demo-intro{grid-template-columns:1fr;gap:38px}.demo-lock-grid{grid-template-columns:repeat(2,1fr)}.demo-guide-list{grid-template-columns:1fr 1fr}.demo-unlock{flex-direction:column;align-items:flex-start}.demo-job-browser{grid-template-columns:1fr}.demo-job-list{grid-template-columns:1fr 1fr;max-height:none}.demo-job-list .demo-show-jobs{grid-column:1/-1}.demo-comparison-detail{grid-template-columns:1fr}}@media (max-width:700px){.demo-before-after,.demo-job-facts,.demo-google-alignment,.demo-job-list,.demo-comparer-placeholder{grid-template-columns:1fr}.demo-versus{padding:3px}.demo-comparer-placeholder>p{grid-column:1}.demo-score-row{grid-template-columns:1fr 1fr}.demo-score-row>span{grid-column:1/-1}.demo-score-head{display:none}.demo-comparison-results>header{flex-direction:column;align-items:flex-start}.demo-comparison-detail{padding-left:14px;padding-right:14px}}@media (max-width:600px){.demo-intro,.demo-preview-section,.demo-jobs-section,.demo-guide-section{padding-left:20px;padding-right:20px}.demo-intro{padding-top:42px}.demo-form-row,.demo-form-row.city-row,.demo-lock-grid,.demo-guide-list{grid-template-columns:1fr}.demo-section-heading{flex-direction:column;align-items:flex-start}.demo-locked-section,.demo-comparer-section{padding-left:20px;padding-right:20px}.demo-job-count{width:100%}.demo-job-detail{padding:16px}.demo-job-detail>header{flex-direction:column}.demo-comparer-intro label>div{grid-template-columns:1fr}.demo-unlock{padding:22px}.demo-unlock .marketing-button{width:100%}}
