:root{--ink:#16243a;--blue:#2457d6;--coral:#f27762;--paper:#f6f7fb;--muted:#556174;--line:#dce2eb;--font:'Arial',system-ui,sans-serif;--display:'Arial',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;color:var(--ink);font:17px/1.65 var(--font)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:5px}img{display:block;max-width:100%}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.announcement{background:var(--ink);color:#fff;text-align:center;font-size:13px;letter-spacing:.02em;padding:9px 20px}.announcement span{color:#c0cbdf;margin-left:12px}.header{display:flex;align-items:center;justify-content:space-between;padding-block:27px}.logo{display:flex;align-items:center;gap:9px;flex-shrink:0;font:800 31px/1 var(--display);letter-spacing:-1.6px}.logo svg{width:37px;height:37px}.logo svg path{stroke:var(--blue);stroke-width:7;stroke-linecap:round;fill:none}.logo svg rect{fill:var(--coral)}.logo-dot{color:var(--blue)}nav{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:600}nav>a:not(.button):hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:white;border:1px solid var(--blue);border-radius:7px;min-height:53px;padding:13px 23px;font-size:15px;font-weight:650;transition:background .2s,transform .2s}.button:hover{background:#1944b3;transform:translateY(-1px)}.button.small{min-height:44px;font-size:14px;padding:10px 17px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:42px;padding-block:67px 85px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;display:flex;gap:10px;align-items:center;margin:0 0 21px;color:var(--blue)}.mini-line{display:inline-block;background:var(--coral);width:22px;height:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display)}h1{font-size:clamp(46px,4.7vw,68px);line-height:1.09;letter-spacing:-3.3px;font-weight:750;margin-bottom:25px}h1 em,h2 em{font-style:normal;color:var(--blue)}.hero-description{font-size:21px;line-height:1.5;margin-bottom:15px;letter-spacing:-.3px}.hero-support{font-size:16px;color:var(--muted);max-width:430px;margin-bottom:28px}.micro{font-size:12px;color:var(--muted);margin:12px 0 0}.hero-visual{position:relative;padding:0 0 24px 15px}.hero-photo{position:relative;border-radius:140px 12px 12px 12px;overflow:hidden;background:#dae2ea;min-height:520px}.hero-photo img{width:100%;height:520px;object-fit:cover}.hero-photo:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(11,24,43,.72));pointer-events:none}.photo-label{position:absolute;bottom:45px;left:36px;right:30px;color:#fff;z-index:1}.tiny-label{font-size:12px;letter-spacing:.13em}.photo-label strong{font:650 30px/1.2 var(--display);display:block;margin-top:10px;letter-spacing:-.8px}.project-card{position:relative;z-index:2;margin:-20px 22px 0 -15px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px;display:flex;align-items:center;gap:13px;box-shadow:0 12px 35px #16243a0d}.project-symbol{font-size:26px;color:var(--blue);background:#eff3fe;padding:7px 13px;border-radius:9px}.project-card p{font-size:15px;font-weight:700;margin:0}.project-card span:not(.project-symbol){font-size:12px;color:var(--muted)}.example-tag{margin-left:auto;max-width:80px;text-align:right;line-height:1.4}.image-note{font-size:12px;color:var(--muted);margin:13px 0 0 8px}.industry-strip{background:var(--paper);border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5}.industry-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:29px}.industry-strip p{font-size:13px;line-height:1.5;margin:0;color:var(--muted)}.industry-strip strong{color:var(--ink)}.industry-strip .wrap>div{font:650 17px var(--display);letter-spacing:-.4px}.section{padding-block:100px}.section-heading{max-width:670px}h2{font-size:clamp(34px,3.5vw,48px);font-weight:700;letter-spacing:-2px;line-height:1.16;margin-bottom:22px}.section-heading>p:last-child{max-width:570px;color:var(--muted)}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:48px}.benefit-grid article{border-top:1px solid var(--line);padding-top:27px}.number{font-size:12px;letter-spacing:.12em;font-weight:700;color:var(--blue);margin-bottom:24px}h3{font-size:22px;letter-spacing:-.75px;line-height:1.3;font-weight:700}.benefit-grid p{color:var(--muted);font-size:16px}.showcase-section{background:#eff3fc;padding-block:88px}.showcase-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.showcase-copy>p:not(.eyebrow){color:var(--muted);max-width:420px}.check-list{list-style:none;padding:0;margin:25px 0 29px;font-size:15px}.check-list li{position:relative;padding-left:27px;margin:13px 0}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:700}.text-link{font-size:15px;font-weight:650;color:var(--blue);border-bottom:1px solid #acbdee;padding-bottom:4px}.text-link:hover{border-color:var(--blue)}.showcase-demo{background:#fff;border:1px solid #d3dcec;border-radius:13px;overflow:hidden;transform:rotate(1deg);box-shadow:0 16px 50px #233e7420}.demo-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f5;padding:19px 22px}.demo-brand{font:750 16px var(--display)}.demo-badge{font-size:12px;letter-spacing:.08em;color:#67758b}.demo-heading{padding:23px 22px 18px}.demo-heading h3{font-size:22px;margin:0 0 5px}.demo-heading p{font-size:13px;color:var(--muted);margin:0}.map{position:relative;margin:0 14px;border-radius:8px;overflow:hidden}.map svg{display:block;width:100%}.map-caption{position:absolute;bottom:8px;left:8px;background:#fff;padding:3px 8px;font-size:12px;border-radius:4px}.demo-project{display:flex;align-items:center;gap:13px;padding:24px 20px}.demo-project-icon{background:#f0f3fb;color:var(--blue);padding:10px;border-radius:8px}.demo-project-icon svg{width:24px;height:24px;display:block}.demo-project strong{font-size:14px}.demo-project p{font-size:12px;color:var(--muted);margin:3px 0 0}.project-link{font-size:12px;color:var(--blue);margin-left:auto;white-space:nowrap}.demo-foot{text-align:center;font-size:12px;color:var(--muted);padding:10px;border-top:1px solid #edf0f5}.inline-heading{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end}.inline-heading>p{padding-bottom:10px}.industry-tabs{display:flex;gap:14px;margin-top:34px;border-bottom:1px solid var(--line);overflow:auto}.industry-tabs button{white-space:nowrap;border:0;border-bottom:3px solid transparent;background:none;padding:17px 15px;font-size:14px;color:var(--muted)}.industry-tabs button[aria-selected=true]{color:var(--blue);border-color:var(--blue);font-weight:700}.industry-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:90px;padding-top:37px}.industry-kicker{grid-column:1/-1;font-size:12px;color:var(--muted);letter-spacing:.12em;margin-bottom:19px}.industry-panel h3{font-size:30px;font-weight:650;line-height:1.3}.industry-panel p{font-size:16px;color:var(--muted)}.control-section{background:var(--ink);color:#fff;padding:75px 0}.control-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.control-section .eyebrow{color:#9bb8ff}.control-section h2{margin-bottom:0}.control-section p:not(.eyebrow){color:#c0cbdb;font-size:17px}.control-points{display:flex;gap:24px;font-size:14px;font-weight:600;color:#fff}.control-points span{border-bottom:2px solid var(--coral);padding-bottom:5px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-section>div>p:not(.eyebrow){color:var(--muted);font-size:16px}.faq-section a{text-decoration:underline}.faqs details{border-bottom:1px solid var(--line);padding:20px 0}.faqs details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;position:relative;padding-right:30px;font-weight:600;font-size:17px}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:3px;color:var(--blue);font-size:24px;line-height:1}details[open] summary:after{content:'−'}.faqs details p{font-size:15px;color:var(--muted);padding-right:20px;margin:15px 0 0}.inquiry-section{background:var(--paper);padding:85px 0 90px}.inquiry-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.inquiry-section h2{font-size:48px;line-height:1.15}.inquiry-section p{color:var(--muted)}.inquiry-detail{margin:34px 0 24px;display:flex;flex-direction:column;gap:5px;font-size:13px}.inquiry-detail span:first-child{font-weight:700}.inquiry-detail span:last-child{color:var(--muted)}.direct-email{font-size:14px;text-decoration:underline}form{padding:32px;border:1px solid var(--line);border-radius:12px;background:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:13px;font-weight:600;margin:0 0 7px}label span{color:#53637f}input,select,textarea{width:100%;border:1px solid #cbd4e1;border-radius:6px;background:white;padding:11px 12px;font-size:14px;color:var(--ink);margin-bottom:19px;min-height:45px}textarea{resize:vertical}::placeholder{color:#798495}form .button{width:100%}.form-note{font-size:12px;line-height:1.6;margin:14px 0}.privacy-note{font-size:12px;margin:15px 0 0}.plain-button{border:0;background:none;text-decoration:underline;color:inherit;padding:0;font:inherit}.copy-button{background:none;border:1px solid var(--line);padding:10px;border-radius:6px;color:var(--blue);font-size:14px}#form-status{padding:12px;background:#eef3ff;font-size:14px;border-radius:6px}.footer{padding-block:36px;display:flex;align-items:center;gap:30px}.footer .logo{font-size:25px}.footer .logo svg{width:31px;height:31px}.footer p{margin:0;color:var(--muted);font-size:14px}.footer>div{display:flex;gap:22px;margin-left:auto;font-size:12px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:12px;padding:36px;max-width:600px;width:calc(100% - 36px);color:var(--ink)}dialog::backdrop{background:#16243a88}dialog h2{font-size:28px;letter-spacing:-1px}dialog p{font-size:15px}.dialog-close{float:right;border:0;background:var(--paper);padding:8px 12px;border-radius:6px;margin-bottom:15px}.skip{position:fixed;left:15px;top:-100px;background:var(--ink);color:white;padding:15px;z-index:9}.skip:focus{top:10px}
@media(min-width:1500px){.hero{gap:60px}h1{font-size:72px}}
@media(max-width:1100px){.wrap{width:calc(100% - 60px)}nav{gap:18px}h1{font-size:53px;letter-spacing:-2.5px}.hero{gap:24px}.hero-photo,.hero-photo img{min-height:470px;height:470px}.showcase-layout,.inline-heading,.control-layout,.inquiry-layout,.faq-section{gap:45px}.project-card{padding:14px}.example-tag{display:none}.industry-strip .wrap>div{font-size:15px}.hero-description{font-size:19px}.inquiry-section h2{font-size:42px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{position:relative;padding-block:20px}.menu-toggle{display:block;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:9px 14px;font-size:14px}.header nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;border:1px solid var(--line);padding:22px;border-radius:10px;z-index:5;align-items:stretch}.header nav.is-open{display:flex;flex-direction:column}.hero{grid-template-columns:1fr;gap:35px;padding-block:35px 50px}.hero-copy{max-width:620px}h1{font-size:clamp(43px,8vw,64px)}.hero-visual{max-width:620px;width:100%;margin:auto;padding-left:15px}.hero-photo,.hero-photo img{height:430px;min-height:430px}.hero-photo{border-top-left-radius:100px}.industry-strip .wrap{flex-wrap:wrap;justify-content:flex-start;gap:20px 30px}.industry-strip p{width:100%}.industry-strip p br{display:none}.industry-strip p strong{margin-left:4px}.section{padding-block:65px}.benefit-grid{gap:23px}.benefit-grid h3{font-size:20px}.showcase-layout,.inline-heading,.control-layout,.inquiry-layout,.faq-section{grid-template-columns:1fr;gap:30px}.showcase-section{padding-block:65px}.showcase-demo{max-width:580px;width:100%;margin:auto;transform:none}.showcase-copy>p:not(.eyebrow){max-width:600px}.industry-panel{gap:25px}.industry-panel h3{font-size:26px}.control-section{padding-block:60px}.inquiry-section{padding-block:65px}.inquiry-section h2{font-size:43px}.footer{flex-wrap:wrap;gap:15px}.footer>div{width:100%;margin:10px 0 0}.inquiry-detail{margin:22px 0}.inquiry-section>div>div>p{margin-bottom:12px}}
@media(max-width:540px){body{font-size:16px}.announcement{font-size:12px;padding:9px 12px}.announcement span{display:block;margin:0}.logo{font-size:28px}h1{font-size:46px;letter-spacing:-2.4px;line-height:1.12}h2{font-size:35px;letter-spacing:-1.5px}.hero-description{font-size:18px}.hero-description br{display:none}.hero-support{font-size:16px}.hero-photo,.hero-photo img{height:350px;min-height:350px}.photo-label{left:24px;bottom:40px}.photo-label strong{font-size:27px}.project-card p{font-size:14px}.benefit-grid{grid-template-columns:1fr;gap:15px;margin-top:30px}.benefit-grid article{padding-top:22px}.number{margin-bottom:15px}.benefit-grid h3{font-size:23px}.industry-panel{grid-template-columns:1fr;gap:5px}.industry-panel h3{font-size:27px}.industry-tabs{gap:0}.industry-tabs button{font-size:13px;padding:14px 12px}.demo-project{padding:16px 13px;gap:10px}.demo-project strong{font-size:12px}.demo-project p{font-size:12px}.project-link{font-size:12px}.demo-badge{font-size:12px}.inquiry-section h2{font-size:39px}form{padding:22px}.form-row{grid-template-columns:1fr;gap:0}.control-points{gap:15px;font-size:13px}.footer>div{flex-wrap:wrap;gap:14px}.showcase-copy .check-list{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* JobEcho brand expansion */
.announcement{background:var(--blue);font-size:14px}.announcement span{color:#fff}.hero{padding-top:55px;padding-bottom:90px}.hero h1{font-size:clamp(60px,6.3vw,88px);letter-spacing:-4.5px;line-height:1.02}.hero h1 em{position:relative}.hero h1 em:after{content:'';display:block;width:100px;height:7px;border-radius:9px;background:var(--coral);margin-top:22px}.hero-visual{isolation:isolate}.hero-visual:before{content:'';position:absolute;inset:50px -20px 0 55px;border:2px solid #d5e0fc;border-radius:180px 30px 30px 30px;transform:rotate(7deg);z-index:-1}.hero-photo{border-radius:160px 22px 22px 22px;box-shadow:0 35px 60px #16243a26;transform:rotate(-2deg)}.project-card{margin-top:-45px;transform:translateX(-10px) rotate(2deg);box-shadow:0 25px 50px #16243a26;padding:24px}.echo-stamp{margin-left:auto;font:800 17px/1.2 var(--display);color:var(--blue)!important}.floating-echo{position:absolute;top:0;right:-17px;background:var(--blue);color:white;font:800 60px/.9 var(--display);border-radius:22px;padding:20px;transform:rotate(10deg);box-shadow:0 18px 40px #2457d650}.floating-echo span{font-size:14px;display:block;margin-top:12px;letter-spacing:-.5px}.hero-support{max-width:490px}.industry-strip{background:#f6f8fd}.industry-strip .logo-heading{padding-block:25px 8px;display:flex;justify-content:space-between}.industry-strip p{font-size:16px}.industry-strip .logo-window{display:block;padding:12px 0 28px;overflow:hidden}.logo-track{display:flex;align-items:center;gap:20px;overflow:auto;scrollbar-width:none;scroll-behavior:smooth;padding:6px 0}.logo-track::-webkit-scrollbar{display:none}.trade-logo,.uploaded-logo{flex:0 0 225px;min-height:70px;display:flex;align-items:center;justify-content:center;gap:12px;color:#56647b}.trade-logo{font:28px var(--display)}.trade-logo b{font-size:15px;letter-spacing:1px}.uploaded-logo img{width:180px;height:70px;object-fit:contain}.carousel-controls{display:flex;gap:8px}.carousel-controls button{width:38px;height:38px;border:1px solid #d0d9e8;border-radius:50%;background:white;color:var(--ink)}.google-section{background:#fff}.google-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.google-listing{border:1px solid #dce1e8;border-radius:22px;background:#fff;box-shadow:0 25px 75px #172c501b;transform:rotate(-2deg);overflow:hidden}.search-bar{margin:18px;display:flex;gap:14px;align-items:center;border-radius:40px;border:1px solid #ddd;padding:12px 17px;font-size:14px}.search-bar>span:last-child{margin-left:auto;font-size:24px}.google-g{font-weight:800;color:#4285f4;font-size:25px}.listing-photos{display:grid;grid-template-columns:1.5fr 1fr;gap:4px;height:190px}.listing-photos img{width:100%;height:190px;object-fit:cover}.listing-body{padding:23px 26px}.listing-label{font-size:12px;letter-spacing:.1em;color:#667080}.listing-body h3{font-size:26px;margin:7px 0}.business-type{font-size:14px;color:#5c6572}.listing-actions{display:flex;flex-wrap:wrap;gap:7px}.listing-actions a{color:#1967d2;border:1px solid #d5dbe5;border-radius:24px;padding:7px 12px;font-size:13px}.listing-tabs{display:flex;gap:30px;border-bottom:1px solid #ddd;margin:20px 0;font-size:14px;padding-bottom:12px}.listing-tabs b{color:#1967d2}.google-post{display:flex;align-items:center;gap:10px;font-size:14px}.google-post small{display:block;font-size:12px;color:#657080}.post-avatar{background:var(--ink);color:white;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;font-weight:700}.listing-body h4{font-size:17px;line-height:1.4;margin:18px 0 8px}.listing-body>p:not(.business-type){font-size:14px;line-height:1.6;color:#526072;margin-bottom:16px}.post-cta{color:#1967d2;font-size:14px;font-weight:700}.powered-echo{background:var(--blue);color:#fff;text-align:center;padding:12px;font-size:13px}.google-copy>p:not(.eyebrow){color:var(--muted)}.value-step{display:flex;gap:18px;margin:26px 0}.value-step>span{font-weight:700;color:var(--blue);font-size:14px;padding-top:3px}.value-step h3{font-size:18px;letter-spacing:-.3px;margin-bottom:6px}.value-step p{font-size:15px;color:var(--muted);margin:0}.google-copy .button{margin-top:12px}.showcase-section{background:var(--ink);color:white;position:relative;overflow:hidden}.showcase-copy h2 em{color:#89acff}.showcase-copy>p:not(.eyebrow){color:#c2cee0}.showcase-section .eyebrow,.showcase-section .text-link{color:#a6c0ff}.showcase-demo{color:var(--ink);box-shadow:0 30px 70px #0005;transform:rotate(3deg)}.showcase-section .check-list li:before{color:var(--coral)}.work-gallery{position:relative;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:25px;padding:20px 0 110px;align-items:center}.work-photo{border-radius:18px;position:relative;box-shadow:0 22px 40px #16243a22;overflow:hidden;transition:transform .4s}.work-photo img{width:100%;height:390px;object-fit:cover}.work-photo:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#07172be6)}.work-photo span{position:absolute;bottom:25px;left:23px;right:15px;color:#fff;z-index:1;font-size:15px}.work-photo b{display:block;font:700 23px/1.25 var(--display);margin-top:6px;letter-spacing:-.7px}.work-photo.tall{transform:rotate(-5deg)}.work-photo.wide{transform:translateY(40px);z-index:1}.work-photo.lifted{transform:rotate(5deg)}.work-photo:hover{transform:translateY(-12px) rotate(0)}.gallery-mark{position:absolute;bottom:48px;right:30px;background:var(--blue);color:white;padding:23px 30px;border-radius:14px;z-index:2;transform:rotate(-7deg);font:800 26px/1.1 var(--display);box-shadow:0 12px 24px #2457d633}.gallery-mark em{color:#ffac9b;font-style:normal}.gallery-mark span{display:block;font-size:12px;margin-top:10px}.control-section{background:var(--blue)}.control-section .eyebrow,.control-section p:not(.eyebrow){color:#e2ebff}.control-section h2{font-size:48px}.inquiry-section h2{font-size:55px}.eyebrow{font-size:13px}label{font-size:14px}.logo-editor-row{display:flex;gap:10px;align-items:center;margin-bottom:12px}.logo-editor-row img{width:70px;height:45px;object-fit:contain}.logo-editor-row input{margin:0;min-width:0}.logo-editor-row button{border:0;color:#9d2b26;background:#fff0ee;border-radius:5px;padding:7px}#logo-manager{max-width:720px}#logo-status{font-size:14px}#reset-logos{margin:20px}.footer>div{flex-wrap:wrap}.button{box-shadow:0 6px 16px #2457d621}.hero .button{font-size:16px}.hero-photo img{transition:transform .7s}.hero-visual:hover .hero-photo img{transform:scale(1.035)}
@media(max-width:1000px){.google-layout{gap:40px}.hero h1{font-size:65px}.floating-echo{right:0}.work-photo b{font-size:20px}.inquiry-section h2{font-size:44px}}
@media(max-width:800px){.hero h1{font-size:74px}.hero-visual{margin-top:20px;max-width:550px}.google-layout{grid-template-columns:1fr;gap:55px}.google-listing{order:2;max-width:550px;margin:auto;transform:none}.work-gallery{gap:14px}.work-photo img{height:300px}.work-photo b{font-size:18px}.gallery-mark{font-size:22px}.showcase-demo{transform:none}.control-section h2{font-size:40px}}
@media(max-width:540px){.hero h1{font-size:59px;letter-spacing:-3px}.hero{padding-bottom:50px}.hero-visual:before{right:0}.floating-echo{font-size:40px;padding:16px;top:-15px}.project-card{margin-left:0;margin-right:0;padding:17px;transform:rotate(2deg)}.echo-stamp{font-size:14px!important}.hero .button{font-size:14px;width:100%}.industry-strip .logo-heading{align-items:center;flex-wrap:nowrap;gap:15px}.logo-heading p{font-size:14px}.google-section{padding-top:50px}.listing-body{padding:20px}.listing-actions{gap:5px}.listing-actions a{padding:6px 9px;font-size:12px}.listing-body h3{font-size:23px}.work-gallery{grid-template-columns:1fr 1fr;padding:15px 0 95px;gap:16px}.work-photo.wide{grid-column:1/-1;grid-row:2;transform:none}.work-photo.wide img{height:250px}.work-photo.lifted{grid-column:2;grid-row:1}.work-photo img{height:280px}.work-photo span{left:15px;bottom:18px;font-size:12px}.work-photo b{font-size:18px}.gallery-mark{bottom:48px;right:15px}.inquiry-section h2{font-size:40px}.hero-photo{border-top-left-radius:100px}.listing-photos,.listing-photos img{height:170px}}
@media(prefers-reduced-motion:reduce){.logo-track{scroll-behavior:auto}.work-photo,.hero-photo img{transition:none}}
/* Clear typography, touch-friendly layouts, and measured motion. */
:root{--ease-out:cubic-bezier(.22,1,.36,1)}
.photo-label{bottom:95px}.project-card{margin-top:-25px}.hero-visual{min-width:0}.hero>*,.google-layout>*,.showcase-layout>*,.inquiry-layout>*,.industry-panel>*{min-width:0}
.button, .text-link, .carousel-controls button{transition:transform .35s var(--ease-out),background-color .3s,box-shadow .35s,color .3s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 26px #2457d631}.button:active{transform:translateY(0)}.carousel-controls{flex-shrink:0}.carousel-controls button{width:44px;height:44px}.carousel-controls button:hover{background:#e9efff}.industry-tabs button{min-height:48px;transition:color .25s,border-color .3s,background-color .3s}.industry-tabs button:hover{background:#f2f5fc}.menu-toggle{min-height:44px}.listing-actions a,.post-cta,.project-link{min-height:44px;display:inline-flex;align-items:center}.plain-button{min-height:44px}.photo-label strong{overflow-wrap:normal}.work-photo{transition:transform .7s var(--ease-out),box-shadow .7s}.hero-photo img{transition:transform 1s var(--ease-out)}.direct-email{overflow-wrap:anywhere}input,select,textarea{font-size:16px}.logo-track{overscroll-behavior-x:contain}.industry-tabs{overscroll-behavior-x:contain}.logo-editor-row button{min-height:44px}.reveal-ready{opacity:0;translate:0 24px;transition:opacity .8s var(--ease-out),translate .8s var(--ease-out)}.reveal-ready.is-revealed{opacity:1;translate:0 0}.reveal-ready:focus-within{opacity:1;translate:0 0}.panel-enter{animation:panel-enter .45s var(--ease-out)}@keyframes panel-enter{from{opacity:.35;translate:0 8px}to{opacity:1;translate:0 0}}dialog[open]{animation:dialog-enter .3s var(--ease-out)}@keyframes dialog-enter{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:900px) and (min-width:801px){nav{gap:12px;font-size:13px}.button.small{font-size:12px;padding-inline:10px}.header .logo{font-size:27px}.hero h1{font-size:57px}.photo-label{left:25px;right:20px}.photo-label strong{font-size:26px}.echo-stamp{display:none}}
@media(max-width:800px){.header nav.is-open{animation:dialog-enter .25s var(--ease-out)}.header nav a{min-height:44px;display:flex;align-items:center}.hero-visual{padding-inline:10px}.hero-visual:before{right:4px}.photo-label{bottom:90px}.project-card{transform:none;margin:-24px 8px 0;padding:20px}.gallery-mark{position:relative;bottom:auto;right:auto;grid-column:1/-1;justify-self:end;margin-top:20px}.work-gallery{padding-bottom:65px}.work-photo.wide{transform:none}.map-caption{font-size:12px;max-width:calc(100% - 16px)}.industry-strip .logo-heading{gap:15px}.logo-heading p{width:auto}.footer>div{gap:12px 22px}}
@media(max-width:540px){.hero h1{font-size:clamp(44px,12.5vw,59px);letter-spacing:-2.5px}.hero-photo,.hero-photo img{height:400px;min-height:400px}.hero-photo{transform:none}.photo-label{left:22px;right:22px;bottom:85px}.photo-label strong{font-size:clamp(24px,6.8vw,30px);line-height:1.25}.photo-label .tiny-label{font-size:12px;letter-spacing:.08em;display:block}.hero-visual:before{transform:rotate(3deg);inset:50px 0 0 25px}.floating-echo{right:0;padding:13px;transform:rotate(7deg)}.floating-echo svg{width:44px;height:44px}.project-card{gap:10px;padding:16px;margin-inline:0}.project-card>div{min-width:0}.project-card p{font-size:14px}.project-symbol{font-size:22px;padding:6px 10px}.echo-stamp{font-size:12px!important;flex-shrink:0}.logo-heading{flex-wrap:wrap!important}.logo-heading p{flex:1;min-width:150px}.listing-body{padding:18px}.listing-tabs{gap:20px}.demo-project{flex-wrap:wrap}.project-link{margin-left:47px}.demo-top{gap:12px;flex-wrap:wrap}.industry-tabs button{font-size:14px}.control-points{flex-wrap:wrap}.work-photo.tall,.work-photo.lifted{transform:none}.work-photo img{height:300px}.work-photo span{font-size:14px}.work-photo b{font-size:19px}.work-gallery{grid-template-columns:1fr}.work-photo.lifted,.work-photo.wide{grid-column:auto;grid-row:auto}.work-photo.wide img{height:300px}.gallery-mark{margin-top:-35px;margin-right:12px}.footer{align-items:flex-start}.form-row{min-width:0}form{padding:20px}.search-bar{margin:12px;font-size:13px}.inquiry-section h2{font-size:clamp(33px,9vw,40px)}.logo-editor-row{flex-wrap:wrap}.logo-editor-row input{flex:1;width:120px}.faqs summary{min-height:44px}.control-section h2{font-size:35px}}
@media(hover:none){.work-photo:hover{transform:none}.button:hover{transform:none}.hero-visual:hover .hero-photo img{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;translate:none}}
/* Keep the brand sign-off outside every photograph's caption area. */
.gallery-mark{position:relative;bottom:auto;right:auto;grid-column:1/-1;justify-self:end;margin:48px 15px 0;transform:rotate(-5deg)}.work-gallery{padding-bottom:65px}
@media(max-width:800px){.gallery-mark{margin-top:22px}}
@media(max-width:540px){.gallery-mark{margin:8px 12px 0}}
.gallery-mark{margin-top:80px}
@media(max-width:800px){.gallery-mark{margin-top:45px}}
@media(max-width:540px){.gallery-mark{margin-top:35px}}
.crew-section{background:#f5f7fc}.crew-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center;margin-top:45px}.crew-phone{max-width:370px;width:100%;margin:auto;border:7px solid var(--ink);border-radius:34px;background:white;padding:24px;box-shadow:0 28px 55px #16243a20;transform:rotate(-3deg)}.phone-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:23px}.crew-wordmark{font:800 24px var(--display);letter-spacing:-1px}.crew-wordmark span{color:var(--blue)}.crew-phone h3{font-size:22px}.capture-photo{position:relative;border-radius:10px;overflow:hidden}.capture-photo img{height:160px;width:100%;object-fit:cover}.capture-photo>span{position:absolute;bottom:12px;left:12px;background:white;padding:6px 10px;border-radius:6px;font-size:13px;font-weight:600}.sample-field{margin-top:15px}.sample-field>span{font-size:12px;font-weight:600}.sample-field p{background:#f5f7fb;border:1px solid #e0e5ee;border-radius:6px;padding:9px 11px;font-size:13px;line-height:1.5;margin:5px 0 0}.sample-submit{background:var(--blue);color:white;text-align:center;border-radius:7px;padding:11px;margin-top:19px;font-size:15px;font-weight:600}.crew-story>h3{font-size:38px;line-height:1.18;letter-spacing:-1.5px}.crew-steps{list-style:none;counter-reset:steps;padding:0;margin:30px 0}.crew-steps li{counter-increment:steps;position:relative;padding-left:48px;margin:25px 0}.crew-steps li:before{content:counter(steps);position:absolute;left:0;top:0;display:grid;place-items:center;width:31px;height:31px;background:#e1eafe;color:var(--blue);border-radius:50%;font-weight:700;font-size:14px}.crew-steps strong{font-size:18px}.crew-steps p{font-size:16px;color:var(--muted);margin:6px 0 0}
@media(max-width:800px){.crew-layout{gap:45px;grid-template-columns:1fr}.crew-phone{order:2;transform:none}.crew-story>h3{font-size:33px}.crew-section .inline-heading{gap:5px}}
@media(max-width:380px){.crew-phone{padding:18px;border-width:5px}.crew-story>h3{font-size:29px}}
.crew-rewards{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center}.crew-rewards>div>p:not(.eyebrow){color:var(--muted)}.reward-card{border:1px solid #d9e3f7;border-top:5px solid var(--coral);background:#f5f8ff;border-radius:18px;padding:35px}.reward-kicker{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--blue)}.reward-card h3{font-size:28px;margin-top:18px}.reward-card>p{font-size:14px}.reward-card .check-list{font-size:16px}@media(max-width:800px){.crew-rewards{grid-template-columns:1fr;gap:30px}.reward-card{padding:25px}}
.reputation-intro{display:grid;grid-template-columns:1.25fr .85fr;gap:65px;align-items:center}.reputation-intro .section-heading{max-width:none}.owner-visual{position:relative;isolation:isolate;max-width:420px;width:100%;justify-self:end;padding-top:5px}.owner-backdrop{position:absolute;inset:22% 0 30px 8%;background:linear-gradient(145deg,#386de8,#1742b2);border-radius:110px 24px 24px 24px;transform:rotate(4deg);z-index:-1;box-shadow:0 22px 45px #2457d626}.owner-visual img{width:100%;height:auto;position:relative;filter:drop-shadow(0 14px 12px #10203a22)}.owner-signoff{position:relative;margin:-18px 0 0 28px;padding:20px 24px;border:1px solid #dce4f3;border-radius:12px;background:white;box-shadow:0 16px 35px #16243a17}.owner-signoff span{font-size:11px;letter-spacing:.08em;font-weight:700;color:var(--blue)}.owner-signoff strong{display:block;font:700 21px/1.3 var(--display);letter-spacing:-.5px;margin-top:6px}.owner-visual{transition:translate .7s var(--ease-out)}@media(hover:hover) and (prefers-reduced-motion:no-preference){.owner-visual:hover{translate:0 -5px}}@media(max-width:900px){.reputation-intro{gap:35px;grid-template-columns:1.1fr .9fr}.owner-signoff{padding:17px;margin-left:10px}.owner-signoff strong{font-size:18px}}@media(max-width:700px){.reputation-intro{grid-template-columns:1fr;gap:20px}.owner-visual{justify-self:center;max-width:360px}.owner-signoff{margin-left:20px}.reputation-intro .section-heading>p:last-child{margin-bottom:0}}
#why-jobecho{padding-bottom:55px}.benefit-grid{gap:20px;margin-top:55px}.benefit-grid article{display:flex;flex-direction:column;border:1px solid #dee6f4;border-radius:16px;padding:28px;background:linear-gradient(160deg,#fff,#f7f9ff);transition:box-shadow .4s var(--ease-out),border-color .4s,translate .4s var(--ease-out)}.benefit-top{display:flex;flex-direction:column;gap:20px;margin-bottom:22px}.benefit-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#e9efff;color:var(--blue);font-size:29px}.benefit-grid article:nth-child(2) .benefit-icon{background:#fff0eb;color:#a63f2e}.benefit-top .number{margin:0;font-size:11px;letter-spacing:.08em}.benefit-grid h3{font-size:25px;line-height:1.25;margin-bottom:17px}.benefit-grid p{line-height:1.65;margin-bottom:24px}.benefit-outcome{margin-top:auto;padding-top:18px;border-top:1px solid #e0e6f1;font-size:14px;font-weight:600;color:var(--blue)}.benefit-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 0 0}.benefit-cta p{font-size:16px;color:var(--muted);margin:0}.benefit-cta strong{color:var(--ink)}@media(hover:hover) and (prefers-reduced-motion:no-preference){.benefit-grid article:hover{translate:0 -5px;border-color:#a8bff0;box-shadow:0 18px 35px #16243a12}}@media(max-width:1000px){.benefit-grid article{padding:22px}.benefit-grid h3{font-size:22px}}@media(max-width:800px){.benefit-grid{grid-template-columns:1fr}.benefit-top{flex-direction:row;align-items:center;margin-bottom:17px}.benefit-grid h3 br{display:none}.benefit-grid h3{font-size:24px}.benefit-cta{align-items:flex-start;flex-direction:column;gap:14px}.benefit-grid{margin-top:40px}#why-jobecho{padding-bottom:35px}}
.crew-rewards{grid-template-columns:1fr 1fr;gap:75px;align-items:center}.spotlight-photo{position:relative;padding:0 0 32px 0}.spotlight-photo img{width:100%;height:560px;object-fit:cover;border-radius:22px 110px 22px 22px;box-shadow:0 24px 55px #16243a20}.spotlight-signature{position:relative;margin:-65px 28px 0 -12px;background:var(--blue);border-radius:14px;color:white;padding:26px 30px;box-shadow:0 15px 35px #2457d633;transform:rotate(-2deg)}.spotlight-signature>span{font-size:12px;letter-spacing:.12em;font-weight:700;color:#dfe9ff}.spotlight-signature strong{display:block;font:750 29px/1.2 var(--display);letter-spacing:-.8px;margin-top:10px}.spotlight-copy h2{font-size:42px}.spotlight-copy>.eyebrow{flex-wrap:wrap;letter-spacing:.07em}.planned-pill{border:1px solid #cfdcf6;border-radius:20px;padding:3px 9px;font-size:11px;color:#586983;text-transform:none;letter-spacing:0}.spotlight-steps{margin:25px 0 29px}.spotlight-steps>div{display:flex;gap:17px;padding:16px 0;border-bottom:1px solid #e3e8f1}.spotlight-steps>div>span{color:var(--blue);font-size:13px;font-weight:700;padding-top:4px}.spotlight-steps h3{font-size:19px;letter-spacing:-.4px;margin-bottom:4px}.spotlight-steps p{font-size:15px;color:var(--muted);margin:0}.spotlight-copy .reward-terms{font-size:13px;line-height:1.55;margin:15px 0 0;max-width:440px}@media(max-width:1000px){.crew-rewards{gap:40px}.spotlight-copy h2{font-size:35px}.spotlight-photo img{height:530px}.spotlight-signature{padding:23px}.spotlight-signature strong{font-size:25px}}@media(max-width:800px){.crew-rewards{grid-template-columns:1fr;gap:30px}.spotlight-photo{max-width:550px;width:100%;margin:auto;order:2}.spotlight-photo img{height:400px}.spotlight-signature{margin-left:12px;margin-right:20px}.spotlight-copy h2{font-size:37px}}@media(max-width:380px){.spotlight-copy h2{font-size:32px}.spotlight-photo img{height:330px}.spotlight-signature strong{font-size:23px}}
/* Keep the sign-off visually attached without covering a caption. */
.work-photo.wide{transform:none}.work-gallery{row-gap:40px}.gallery-mark{margin:0 15px 0;transform:rotate(-3deg)}
@media(max-width:800px){.work-gallery{row-gap:32px}.gallery-mark{margin-top:0}}
@media(max-width:540px){.work-gallery{row-gap:20px}.gallery-mark{margin:0 12px 0}}
.site-footer{background:#101d32;color:#fff;padding:65px 0 0}.footer-main{display:grid;grid-template-columns:1.5fr .8fr .85fr 1.1fr;gap:42px;padding-bottom:45px}.site-footer .logo{color:white;font-size:30px}.site-footer .logo svg path{stroke:#82a8ff}.footer-brand>p{margin:18px 0 0;color:#d8e2f2}.footer-description{max-width:330px;font-size:15px;line-height:1.6}.footer-main h3{font-size:15px;letter-spacing:0;margin:0 0 15px}.footer-main>div>a:not(.logo){display:block;color:#c8d5e9;font-size:14px;padding:7px 0;min-height:38px}.footer-main a:hover{color:white;text-decoration:underline}.footer-bottom{border-top:1px solid #334158;padding-block:22px;display:flex;justify-content:space-between;gap:20px;color:#aebed5;font-size:12px}.legal-page{max-width:860px;padding-block:65px 85px}.legal-page h1{font-size:48px;line-height:1.15;letter-spacing:-2px}.legal-intro{font-size:20px;color:var(--muted)}.policy-date{font-size:13px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:25px}.legal-page section{margin-top:34px}.legal-page h2{font-size:25px;letter-spacing:-.7px}.legal-page p{line-height:1.8}.legal-page section p{color:#435168}.benefit-top .number,.owner-signoff span,.planned-pill{font-size:12px}@media(max-width:900px){.footer-main{grid-template-columns:1fr 1fr}}@media(max-width:540px){.footer-main{grid-template-columns:1fr;gap:27px}.footer-main>div>a:not(.logo){min-height:44px}.footer-bottom{flex-direction:column;gap:8px}.legal-page h1{font-size:36px}.legal-page{padding-block:40px 55px}.header nav{max-height:80vh;overflow:auto}}
/* Soft, tactile mobile submission UI with a current Pro-style device frame. */
.crew-phone{max-width:370px;padding:0;border:6px solid #1a1e26;border-radius:52px;background:#f5f7fc;box-shadow:0 0 0 2px #9ca3af,0 0 0 4px #d5d9df,0 30px 65px #14274e29;transform:rotate(-2deg);overflow:hidden;position:relative}.phone-status{height:48px;position:relative;display:flex;justify-content:space-between;align-items:center;padding:0 28px;color:#182238;font-size:12px;font-weight:700}.phone-island{position:absolute;left:50%;top:10px;transform:translateX(-50%);height:23px;width:78px;background:#11151c;border-radius:20px}.phone-status-icons{font-size:11px;letter-spacing:1px}.phone-screen{padding:6px 20px 4px;background:radial-gradient(ellipse at top right,#e2eaff88,transparent 55%)}.phone-top{margin-bottom:22px;gap:8px}.phone-top .logo{font-size:24px;letter-spacing:-1.2px;gap:5px}.phone-top .logo svg{width:29px;height:29px;flex-shrink:0}.phone-account{font-size:11px;background:#fff9;border:1px solid #fff;border-radius:20px;padding:6px 10px;color:#52627d;box-shadow:0 3px 10px #23396208}.phone-greeting>span{font-size:9px;letter-spacing:.07em;color:#566b91;font-weight:700}.phone-greeting h3{font-size:27px;letter-spacing:-1px;line-height:1.12;margin:9px 0 18px}.phone-progress{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:11px;color:#63718a;gap:7px}.phone-progress>span{display:flex;align-items:center;gap:6px}.phone-progress b{font-weight:600}.phone-progress .current{color:var(--blue);font-weight:700}.phone-progress i{height:2px;flex:1;max-width:28px;background:#d9e2f4;border-radius:4px}.crew-phone .capture-photo{border-radius:22px;box-shadow:0 9px 22px #223e6d19}.crew-phone .capture-photo img{height:150px}.crew-phone .capture-photo>span{border-radius:20px;font-size:11px;backdrop-filter:blur(10px);background:#ffffffeb;box-shadow:0 3px 12px #16243a14;padding:7px 10px}.crew-phone .capture-photo .photo-ready{bottom:12px;left:12px;color:#204d3b}.crew-phone .capture-photo .photo-count{left:auto;right:12px;bottom:12px;color:#42516b}.phone-fields{margin-top:17px;display:grid;gap:10px}.crew-phone .sample-field{margin:0;background:#ffffffd9;border:1px solid #fff;border-radius:18px;padding:12px 14px;box-shadow:0 4px 14px #213f6c06}.crew-phone .sample-field>span{display:flex;align-items:center;gap:7px;font-size:12px;color:#273650}.field-icon{font-size:15px;color:var(--blue);font-weight:500}.crew-phone .sample-field p{border:0;background:transparent;padding:0;margin:7px 0 0;font-size:12px;color:#51617b;line-height:1.45}.crew-phone .sample-field>small{display:block;font-size:10px;color:#65738b;margin-top:8px}.crew-phone .sample-field.compact{padding-block:10px}.sample-field.compact>span small{font-size:9px;font-weight:400;margin-left:auto;color:#66738a}.crew-phone .sample-submit{border:0;display:flex;width:100%;align-items:center;justify-content:space-between;border-radius:20px;min-height:49px;padding:12px 18px;margin-top:16px;background:linear-gradient(135deg,#3268e8,#204bc4);box-shadow:0 7px 17px #2457d63b;font-size:14px;transition:transform .4s var(--ease-out),box-shadow .4s,background .4s}.crew-phone .sample-submit:hover{transform:translateY(-2px);box-shadow:0 11px 23px #2457d647}.crew-phone .sample-submit:active{transform:scale(.97)}.phone-reassurance{text-align:center;font-size:10px;color:#63718a;margin:12px 0 7px}.phone-home{height:4px;width:105px;background:#202735;border-radius:10px;margin:8px auto 9px}#phone-demo-status{font-size:12px;color:#244f40;background:#e5f3ec;border-radius:16px;padding:12px;margin-top:10px;animation:panel-enter .4s var(--ease-out)}
@media(max-width:800px){.crew-phone{transform:none}}@media(max-width:380px){.phone-screen{padding-inline:15px}.phone-top .logo{font-size:23px}.phone-greeting h3{font-size:25px}.crew-phone{border-width:5px;border-radius:44px}.phone-account{font-size:10px}}
@media(prefers-reduced-motion:reduce){.crew-phone .sample-submit{transition:none}#phone-demo-status{animation:none}}
.phone-greeting>span,.phone-account,.phone-status-icons,.phone-progress,.crew-phone .capture-photo>span,.crew-phone .sample-field>small,.sample-field.compact>span small,.phone-reassurance{font-size:12px}.sample-field.compact>span{flex-wrap:wrap}.sample-field.compact>span small{margin-left:0}.phone-greeting>span{line-height:1.4;display:block}.phone-reassurance{line-height:1.4}
/* Work in the background; local project relevance in the foreground. */
.showcase-section{isolation:isolate;background:#122139}.showcase-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.25;z-index:-2;pointer-events:none}.showcase-section:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,28,49,.68),rgba(13,28,49,.2) 60%,rgba(13,28,49,.1));z-index:-1;pointer-events:none}.showcase-copy>p:not(.eyebrow){color:#e1e9f6}.showcase-demo{box-shadow:0 25px 65px #07142555}.map-beacons{stroke:#2457d6}.beacon-5{stroke:#ee735e}.beacon-ring{transform-origin:0 0;animation:beacon-wave 4.8s cubic-bezier(.15,.55,.4,1) infinite;opacity:0}.echo-ring{animation-delay:1.8s}.beacon-1 .beacon-ring{animation-delay:.65s}.beacon-1 .echo-ring{animation-delay:2.45s}.beacon-2 .beacon-ring{animation-delay:1.3s}.beacon-2 .echo-ring{animation-delay:3.1s}.beacon-3 .beacon-ring{animation-delay:1.95s}.beacon-3 .echo-ring{animation-delay:3.75s}.beacon-4 .beacon-ring{animation-delay:2.6s}.beacon-4 .echo-ring{animation-delay:4.4s}.beacon-5 .beacon-ring{animation-delay:.3s}.beacon-5 .echo-ring{animation-delay:2.1s}@keyframes beacon-wave{0%{transform:scale(1);opacity:0}12%{opacity:.6}78%,100%{transform:scale(3);opacity:0}}.map-paused .beacon-ring{animation-play-state:paused;opacity:0}.demo-foot{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:10px 14px}.map-motion-button{border:1px solid #dce4f2;background:#f6f8fd;color:#31569c;border-radius:20px;padding:7px 13px;min-height:44px;font-size:12px;transition:background .3s}.map-motion-button:hover{background:#e9efff}@media(max-width:800px){.showcase-background{object-position:60% center}.showcase-section:after{background:linear-gradient(180deg,rgba(13,28,49,.58),rgba(13,28,49,.18))}}@media(prefers-reduced-motion:reduce){.beacon-ring{animation:none;opacity:0}.map-motion-button{display:none}}
.coral-beacon{stroke:#ef735e}.beacon-6 .beacon-ring{animation-delay:.9s}.beacon-6 .echo-ring{animation-delay:2.7s}.beacon-7 .beacon-ring{animation-delay:1.5s}.beacon-7 .echo-ring{animation-delay:3.3s}.beacon-8 .beacon-ring{animation-delay:2.1s}.beacon-8 .echo-ring{animation-delay:3.9s}.beacon-9 .beacon-ring{animation-delay:2.7s}.beacon-9 .echo-ring{animation-delay:4.5s}.beacon-10 .beacon-ring{animation-delay:3.3s}.beacon-10 .echo-ring{animation-delay:5.1s}.demo-heading p{line-height:1.55;max-width:380px}
/* A quieter reading surface for the content and control story. */
.control-section{background:#f0f4fa;color:#18283f;border-top:1px solid #e0e7f1;border-bottom:1px solid #e0e7f1;padding-block:75px}.control-section .eyebrow{color:#325a9c;line-height:1.6}.control-section p:not(.eyebrow){color:#47586e;font-size:18px;line-height:1.8;max-width:540px}.control-section h2{font-size:clamp(35px,4vw,49px);line-height:1.16;letter-spacing:-1.8px;max-width:470px}.control-layout{align-items:start;gap:75px}.control-layout>div:first-child{padding-top:8px}.control-points{flex-wrap:wrap;gap:10px;color:#284b81;margin-top:25px}.control-points span{border:1px solid #d5dfed;border-radius:30px;background:#fff;padding:9px 14px;font-size:13px;line-height:1.4;box-shadow:0 2px 5px #16243a03}@media(max-width:800px){.control-layout{gap:25px}.control-section{padding-block:55px}.control-section p:not(.eyebrow){font-size:17px}.control-section h2{max-width:600px}.control-layout>div:first-child{padding-top:0}}
.faq-section{grid-template-columns:.75fr 1.25fr;gap:65px;align-items:start}.faq-intro{position:sticky;top:35px}.faqs details{padding:23px 0}.faqs summary{font-size:17px;line-height:1.5;padding-right:35px}.faqs details p{font-size:16px;line-height:1.8;color:#4c5d73;max-width:650px}.faqs details[open]{border-bottom-color:#b7c9ee}.faqs details[open] summary{color:#224b9d}.faqs details[open] p{animation:panel-enter .35s var(--ease-out)}@media(max-width:800px){.faq-section{grid-template-columns:1fr;gap:30px}.faq-intro{position:static}.faqs summary{font-size:16px}.faqs details p{font-size:16px}}@media(prefers-reduced-motion:reduce){.faqs details[open] p{animation:none}}
/* A short, replayable handoff celebration; no actual submission. */
.phone-screen{position:relative;overflow:hidden}.phone-entry-panel{transition:transform .65s cubic-bezier(.22,.8,.25,1),opacity .45s;transform:translateX(0);opacity:1}.phone-success-panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px 20px;text-align:center;transform:translateX(105%);opacity:0;transition:transform .65s cubic-bezier(.22,.8,.25,1),opacity .45s;overflow:hidden}.show-success .phone-entry-panel{transform:translateX(-105%);opacity:0;pointer-events:none}.show-success .phone-success-panel{transform:translateX(0);opacity:1}.success-logo{width:112px;height:112px;border-radius:32px;background:#2457d6;display:grid;place-items:center;box-shadow:0 18px 35px #2457d630;position:relative;z-index:1}.success-logo svg{width:75px;height:75px}.success-logo path{fill:none;stroke:#fff;stroke-width:7;stroke-linecap:round}.success-logo rect{fill:#f27762}.show-success .success-logo{animation:logo-pop .85s .25s both cubic-bezier(.2,1.5,.5,1)}@keyframes logo-pop{from{opacity:0;transform:scale(.35) rotate(-18deg)}70%{opacity:1;transform:scale(1.08) rotate(4deg)}to{opacity:1;transform:scale(1) rotate(0)}}.success-brand{font-size:20px;font-weight:800;margin-top:20px;color:#172840;letter-spacing:-.7px}.crew-phone .phone-success-panel h3{font-size:33px;line-height:1.2;letter-spacing:-1.1px;margin:24px 0 15px}.phone-success-panel h3 em{font-style:normal;color:var(--blue)}.phone-success-panel>p{font-size:16px;line-height:1.6;color:#51617b;margin-bottom:22px}.success-control{background:#e6f2eb;color:#28573e;border-radius:20px;padding:10px 14px;font-size:13px}.phone-replay{margin-top:32px;background:white;border:1px solid #ccd9ed;color:#2855ad;min-height:46px;padding:11px 18px;border-radius:18px;font-size:14px;transition:background .3s,transform .3s}.phone-replay:hover{background:#eaf0fc;transform:translateY(-2px)}.success-demo-note{font-size:12px;color:#69758a;line-height:1.5;margin-top:18px}.phone-confetti{position:absolute;inset:0;pointer-events:none}.phone-confetti i{position:absolute;left:50%;top:30%;width:7px;height:12px;background:#2457d6;border-radius:2px;opacity:0}.phone-confetti i:nth-child(3n){background:#f27762;border-radius:50%;width:9px;height:9px}.phone-confetti i:nth-child(3n+1){background:#84aaf6}.show-success .phone-confetti i{animation:confetti-fall 1.8s .4s both cubic-bezier(.15,.7,.3,1)}@keyframes confetti-fall{0%{opacity:0;transform:translate(0,0) rotate(0) scale(.4)}15%{opacity:1}55%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(1)}}
.phone-confetti i:nth-child(1){--x:-64px;--y:123px;--r:67deg;animation-delay:0.38s}
.phone-confetti i:nth-child(2){--x:93px;--y:166px;--r:134deg;animation-delay:0.44s}
.phone-confetti i:nth-child(3){--x:-122px;--y:209px;--r:201deg;animation-delay:0.50s}
.phone-confetti i:nth-child(4){--x:36px;--y:252px;--r:268deg;animation-delay:0.56s}
.phone-confetti i:nth-child(5){--x:-65px;--y:295px;--r:335deg;animation-delay:0.32s}
.phone-confetti i:nth-child(6){--x:94px;--y:338px;--r:402deg;animation-delay:0.38s}
.phone-confetti i:nth-child(7){--x:-123px;--y:81px;--r:469deg;animation-delay:0.44s}
.phone-confetti i:nth-child(8){--x:37px;--y:124px;--r:536deg;animation-delay:0.50s}
.phone-confetti i:nth-child(9){--x:-66px;--y:167px;--r:603deg;animation-delay:0.56s}
.phone-confetti i:nth-child(10){--x:95px;--y:210px;--r:670deg;animation-delay:0.32s}
.phone-confetti i:nth-child(11){--x:-124px;--y:253px;--r:737deg;animation-delay:0.38s}
.phone-confetti i:nth-child(12){--x:38px;--y:296px;--r:804deg;animation-delay:0.44s}
.phone-confetti i:nth-child(13){--x:-67px;--y:339px;--r:871deg;animation-delay:0.50s}
.phone-confetti i:nth-child(14){--x:96px;--y:82px;--r:938deg;animation-delay:0.56s}
.phone-confetti i:nth-child(15){--x:-125px;--y:125px;--r:1005deg;animation-delay:0.32s}
.phone-confetti i:nth-child(16){--x:39px;--y:168px;--r:1072deg;animation-delay:0.38s}
.phone-confetti i:nth-child(17){--x:-68px;--y:211px;--r:1139deg;animation-delay:0.44s}
.phone-confetti i:nth-child(18){--x:97px;--y:254px;--r:1206deg;animation-delay:0.50s}
@media(prefers-reduced-motion:reduce){.phone-entry-panel,.phone-success-panel{transition:none}.show-success .success-logo{animation:none}.phone-confetti{display:none}}

@media(min-width:701px) and (max-width:1050px){.header nav{gap:14px;font-size:.88rem}.header nav .button{padding:12px 14px}.header .logo{font-size:1.6rem}}

/* Keep the device silhouette fixed while the demo scrolls like a real phone. */
.crew-phone{width:min(350px,100%);max-width:350px;aspect-ratio:1 / 2.17;display:grid;grid-template-rows:48px minmax(0,1fr)22px;border-radius:48px;isolation:isolate}
.crew-phone .phone-status{height:48px;min-width:0;padding-inline:24px}
.crew-phone .phone-screen{min-height:0;height:100%;padding:6px 16px 0;overflow:hidden}
.crew-phone .phone-entry-panel{height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c9d5e8 transparent;padding-bottom:12px;scroll-padding-block:16px}
.crew-phone .phone-top{margin-bottom:16px}
.crew-phone .phone-greeting h3{margin:8px 0 14px}
.crew-phone .phone-progress{margin-bottom:14px}
.crew-phone .capture-photo img{height:132px}
.crew-phone .phone-fields{margin-top:14px;gap:8px}
.crew-phone .sample-submit{position:sticky;bottom:0;z-index:2}
.crew-phone .phone-home{align-self:center;margin:0 auto;height:4px}
.crew-phone .phone-success-panel{padding:22px 16px;overflow-y:auto;justify-content:safe center;overscroll-behavior:contain}
.crew-phone .success-logo{width:96px;height:96px;border-radius:29px;flex-shrink:0}
.crew-phone .success-logo svg{width:64px;height:64px}
.crew-phone .success-brand{margin-top:16px}
.crew-phone .phone-success-panel h3{font-size:30px;margin:19px 0 12px}
.crew-phone .phone-success-panel>p{margin-bottom:18px}
.crew-phone .phone-replay{margin-top:22px;flex-shrink:0}
@media(max-width:380px){.crew-phone{border-radius:42px}.crew-phone .phone-screen{padding-inline:12px}.crew-phone .phone-success-panel{padding:16px 12px}.crew-phone .success-logo{width:82px;height:82px}.crew-phone .phone-success-panel h3{font-size:27px}.crew-phone .phone-replay{margin-top:16px}}

/* Scroll to the real action, then give it a brief tactile press before handoff. */
.crew-phone .sample-submit{position:relative;bottom:auto}
.crew-phone.demo-button-press .sample-submit{transform:scale(.96);box-shadow:0 3px 9px #2457d630}
@media(prefers-reduced-motion:reduce){.crew-phone.demo-button-press .sample-submit{transform:none}}

/* Bring the reputation story directly underneath the industry carousel. */
#why-jobecho{padding-top:44px}
.reputation-intro{align-items:start}
.reputation-intro .section-heading{padding-top:28px}
@media(max-width:800px){#why-jobecho{padding-top:36px}.reputation-intro .section-heading{padding-top:0}}

/* Compact device height; the action belongs at the end of the scrollable form. */
.crew-phone{width:min(310px,100%);max-width:310px;height:660px;aspect-ratio:auto;border-radius:44px}
.crew-phone .sample-submit{position:static;inset:auto;flex-shrink:0}
.crew-phone .phone-entry-panel{padding-bottom:14px}
.crew-phone .phone-top .logo{font-size:22px}
.crew-phone .phone-top .logo svg{width:27px;height:27px}
.crew-phone .phone-account{padding:5px 8px}
@media(max-width:360px){.crew-phone{width:min(290px,100%);height:620px;border-radius:40px}}

/* A useful next step alongside the owner's story. */
.reputation-action{margin-top:30px;padding-top:24px;border-top:1px solid #dce4f0;max-width:560px}.reputation-action h3{font-size:23px;line-height:1.25;letter-spacing:-.6px;margin:0 0 12px}.reputation-action>p{font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 21px}.reputation-action-links{display:flex;align-items:center;flex-wrap:wrap;gap:17px 24px}.reputation-action-links .button{font-size:15px;padding:15px 20px}.reputation-action-links .text-link{font-size:14px}.reputation-action-note{display:block;font-size:13px;line-height:1.5;color:#62728a;margin-top:15px}@media(max-width:800px){.reputation-action{margin-top:24px;padding-top:22px}.reputation-action h3{font-size:22px}.reputation-action-links{gap:18px}.reputation-action-links .button{width:100%;text-align:center;justify-content:center}}

/* Clear account and conversion actions in the primary navigation. */
.header nav .nav-signin{border:1px solid #c8d3e4;border-radius:24px;padding:11px 18px;white-space:nowrap;color:var(--ink)}.header nav .nav-start{border-radius:24px;padding:12px 20px;white-space:nowrap}.header nav .nav-signin:hover{background:#f1f5fc}.header nav .nav-signin:focus-visible,.header nav .nav-start:focus-visible{outline:3px solid var(--coral);outline-offset:4px}@media(max-width:700px){.header nav .nav-signin,.header nav .nav-start{text-align:center;display:block;min-height:44px}}

/* Shared JobEcho action shape: softly rounded rectangle. */
.button,.button-outline,.nav-signin,.nav-start,.nav-cta{border-radius:8px!important}
.launch-popup{max-width:470px;width:calc(100% - 32px);border:1px solid #dce5f5;border-radius:22px;padding:32px;color:#16243a;box-shadow:0 24px 90px #16243a30}.launch-popup::backdrop{background:#16243a88;backdrop-filter:blur(4px)}.launch-popup h2{font-size:30px;line-height:1.16;margin:15px 0}.launch-popup p{font-size:15px;line-height:1.7}.launch-popup input[type=email]{width:100%;padding:13px;border:1px solid #cbd7ea;border-radius:8px;margin:8px 0}.launch-popup .popup-consent{display:flex;gap:7px;align-items:flex-start;font-size:12px;line-height:1.5;margin:12px 0}.launch-popup .popup-consent input{width:17px;min-width:17px}.launch-popup .button{width:100%;border:0}.popup-close{float:right;padding:5px 12px;border:0;border-radius:8px;background:#edf2fc;font-size:25px;cursor:pointer}.launch-popup small{display:block;font-size:11px;margin-top:12px;color:#65748c}.popup-message{font-weight:700;overflow-wrap:anywhere}