/* Product demonstrations are interface elements; every example is illustrative. */
.hero-demo{position:absolute;width:440px;right:5.5%;top:174px;perspective:1200px;z-index:2;translate:calc(var(--pointer-x,0px) * -1) calc(var(--pointer-y,0px) * -1);transition:translate 1s cubic-bezier(.16,1,.3,1)}
.live-demo-label{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.5px;color:#c1d7c7;margin:0 4px 17px}
.live-demo-label>span:last-child{color:#8fa698;font-size:12px;letter-spacing:1px}
.demo-viewport{height:345px;position:relative}
.hero-panel{position:absolute;inset:0;border:1px solid #abffc354;border-radius:12px;background:linear-gradient(125deg,#17251eee,#09130ef5);box-shadow:0 30px 70px #0007,0 0 50px #73ffa315;overflow:hidden;opacity:0;transform:translate3d(0,28px,-40px) rotateX(-5deg)}
.profile-panel{opacity:1;transform:none}
.panel-bar{display:flex;align-items:center;gap:9px;padding:17px 18px;border-bottom:1px solid #ffffff12;font-size:13px;color:#dcebe0}
.panel-asterisk{color:var(--green);font-size:23px;line-height:1}.panel-phase{margin-left:auto;color:#90a899;font-size:12px;white-space:nowrap}
.profile-document{position:relative;margin:18px 22px 0;padding:18px;background:#effff606;border:1px solid #ffffff14;border-radius:6px;overflow:hidden}
.file-heading{display:flex;gap:11px;align-items:center}.pdf-badge{border:1px solid #a1c7af59;border-radius:4px;font-size:12px;padding:12px 7px;color:#c4dfce}.file-heading strong{font-size:15px;font-weight:500;display:block}.file-heading small{display:block;font-size:12px;color:#8ba294;margin-top:5px}.file-check{margin-left:auto;color:var(--green);font-size:19px}.cv-section{margin-top:18px}.cv-section>small{display:block;color:#8ba294;font-size:12px;letter-spacing:1px;margin-bottom:9px}.cv-line{display:block;height:4px;width:80%;background:#bbd7c34d;margin-top:7px;border-radius:2px}.cv-line.wide{width:95%}.cv-line.short{width:53%}.skill-tags{display:flex;gap:6px;flex-wrap:wrap}.skill-tags span{font-size:12px;padding:4px 6px;background:#5740f214;color:#c2eace;border:1px solid #5740f221;border-radius:3px}.document-scan{position:absolute;top:0;left:0;right:0;height:36px;background:linear-gradient(transparent,#5740f220);border-bottom:1px solid #5740f2aa;opacity:0;pointer-events:none}
.panel-status{padding:15px 16px;font-size:12px;line-height:1.5;color:#8eab99;display:flex;gap:8px;align-items:center;justify-content:center;text-align:center}.processing-mark{width:9px;height:9px;border:1px solid #bbffd150; border-top-color:var(--green);border-radius:50%;flex:none}
.match-query{margin:20px 20px 7px;padding:13px;border:1px solid #87ffa339;border-radius:5px;font-size:13px;color:#b0ccb9;position:relative;overflow:hidden;display:flex;gap:8px}.query-sweep{position:absolute;inset:0;background:linear-gradient(90deg,transparent,#5740f212,transparent);transform:translateX(-100%)}
.job-results{padding:0 20px}.result-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #ffffff0c}.company-avatar{display:grid;place-items:center;width:30px;height:30px;border:1px solid #c6ead029;border-radius:5px;background:#c0ffcd09;color:#b0ceba;font-size:13px;flex:none}.result-row strong{display:block;font-size:13px;font-weight:500}.result-row small{display:block;font-size:12px;color:#7c9b87;margin-top:4px}.match-label{margin-left:auto;font-size:12px;color:var(--green)}
.success-orbit{width:66px;height:66px;margin:23px auto 15px;color:var(--green)}.success-orbit svg{width:100%;height:100%}.applied-panel h3{text-align:center;font:500 25px var(--display);letter-spacing:-.8px;margin-bottom:9px}.applied-panel>p{font-size:13px;color:#99b3a3;text-align:center;padding:0 16px}.delivery-receipt{margin:22px 22px 0;border:1px solid #5740f230;padding:14px 15px;border-radius:5px;display:flex;justify-content:space-between;font-size:12px;color:#b9d0c1}.delivery-receipt>span:last-child{color:var(--green)}
.demo-timeline{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:9px;margin:19px 4px 0}.demo-timeline>span{position:relative;border-top:1px solid #a7ffc131;padding-top:12px;font-size:12px;color:#90a999}.demo-timeline>span:before{content:'';position:absolute;left:0;top:-1px;width:100%;height:2px;background:var(--green);transform:scaleX(0);transform-origin:left}
.hero .orbit-note{bottom:18%;font-size:12px}.hero h1{font-size:clamp(60px,5.8vw,86px);max-width:800px}.hero-content{z-index:3;pointer-events:none}.hero-content a{pointer-events:auto}.hero-actions,.hero-description,.hero-note{max-width:470px}
body[data-motion=on] .hero-art{animation:orbit-live 13s ease-in-out infinite;scale:calc(1 + var(--hero-progress,0) * .2)}
body[data-motion=on] .hero-content{translate:0 calc(var(--hero-progress,0) * -65px)}
body[data-motion=on] .hero-demo{scale:calc(1 + var(--hero-progress,0) * .065);rotate:calc(var(--hero-progress,0) * -3deg)}
body[data-motion=on] .hero-panel{animation:panel-sequence 15s cubic-bezier(.22,.61,.36,1) infinite;animation-delay:var(--panel-delay,0s)}
.matches-panel{--panel-delay:-10s}.applied-panel{--panel-delay:-5s}
body[data-motion=on] .document-scan{animation:document-read 5s ease-in-out infinite}
body[data-motion=on] .processing-mark{animation:spark-turn 1.2s linear infinite}
body[data-motion=on] .query-sweep{animation:query-search 2.5s ease-in-out infinite}
body[data-motion=on] .result-row{animation:match-enter 5s ease both infinite}
body[data-motion=on] .result-row:nth-child(2){animation-delay:.22s}body[data-motion=on] .result-row:nth-child(3){animation-delay:.44s}
body[data-motion=on] .success-orbit path{stroke-dasharray:45;stroke-dashoffset:45;animation:check-draw 5s ease infinite}
body[data-motion=on] .success-orbit circle{animation:assistant-glow 3s ease infinite}
body[data-motion=on] .demo-timeline>span:before{animation:hero-step 15s linear infinite;animation-delay:var(--panel-delay,0s)}
.demo-timeline>span:nth-child(2){--panel-delay:-10s}.demo-timeline>span:nth-child(3){--panel-delay:-5s}
.feature-visual{height:248px;position:relative;overflow:hidden;border:1px solid #a5ffc426;border-radius:7px;margin:0 0 30px;background:linear-gradient(140deg,#17251b88,#0c120f);transform-origin:50% 100%}
.mini-toolbar{display:flex;justify-content:space-between;gap:10px;padding:15px 13px;border-bottom:1px solid #ffffff0b;font-size:12px;color:#99b5a3}.mini-toolbar>span:last-child{color:var(--green)}.mini-list-window{position:relative;height:146px;overflow:hidden;margin:9px 13px}.mini-list>div{height:48px;display:flex;align-items:center;gap:10px;font-size:13px;color:#c2d5c8;border-bottom:1px solid #ffffff0a;padding:0 8px}.mini-list small{font-size:12px;color:#728d7b;margin-left:auto}.mini-list b{font-size:12px;font-weight:400;color:var(--green)}.list-focus{pointer-events:none;position:absolute;top:48px;left:0;right:0;height:48px;border:1px solid #5740f260;background:#5740f209;border-radius:4px}.visual-caption{display:block;position:absolute;bottom:12px;left:13px;right:10px;color:#708f7b;font-size:12px;line-height:1.4;letter-spacing:.3px}.letter-paper{margin:20px 15px;padding:3px 0;color:#b4cfbe;font-size:13px;line-height:1.8}.letter-line{display:block;white-space:nowrap}.letter-line em{color:var(--green);font-style:normal;background:#5740f212}.letter-cursor{display:block;width:6px;height:13px;background:var(--green);margin-top:4px}.delivery-flow{display:flex;align-items:center;justify-content:center;padding:34px 20px 0}.delivery-node{width:40px;height:40px;display:grid;place-items:center;border:1px solid #5740f23a;background:#5740f208;color:#b2d5be;font-size:12px;border-radius:7px;flex:none}.ai-node{font-size:27px;color:var(--green)}.check-node{font-size:20px;color:var(--green)}.delivery-track{flex:1;position:relative;height:1px;background:#5740f224;overflow:hidden}.delivery-track i{position:absolute;left:0;top:0;width:24px;height:1px;background:#d5ffdf;box-shadow:0 0 7px #5740f2;transform:translateX(-25px)}.delivery-labels{display:flex;justify-content:space-between;padding:12px 10px 0;gap:5px;color:#7b9a86;font-size:12px}.sent-toast{display:flex;align-items:center;justify-content:center;gap:10px;margin:23px 20px 0;font-size:12px;color:#afcfbb}.sent-toast>span{color:var(--green)}
body[data-motion=on] .mini-list{animation:search-results 6s cubic-bezier(.65,0,.35,1) infinite}
body[data-motion=on] .letter-line{clip-path:inset(0 100% 0 0);animation:letter-write 9s steps(32,end) infinite}
body[data-motion=on] .letter-line:nth-child(2){animation-delay:.75s}body[data-motion=on] .letter-line:nth-child(3){animation-delay:1.5s}body[data-motion=on] .letter-line:nth-child(4){animation-delay:2.25s}
body[data-motion=on] .letter-cursor{animation:cursor-blink 1s steps(1) infinite}
body[data-motion=on] .delivery-track i{animation:delivery-travel 3s linear infinite}
body[data-motion=on] .delivery-track:nth-child(4) i{animation-delay:1.5s}
body[data-motion=on] .sent-toast{animation:toast-arrive 6s ease infinite}
body[data-motion=on] .check-node{animation:delivery-confirm 6s ease infinite}
body[data-motion=on] .feature:nth-child(1) .feature-visual{translate:0 calc((.5 - var(--resource-progress,.5)) * 75px);rotate:calc((.5 - var(--resource-progress,.5)) * -5deg)}
body[data-motion=on] .feature:nth-child(3) .feature-visual{translate:0 calc((.5 - var(--resource-progress,.5)) * -75px);rotate:calc((.5 - var(--resource-progress,.5)) * 5deg)}
.workflow-story{position:relative}.workflow-story:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;transform:scaleX(var(--story-progress,0));transform-origin:left;background:linear-gradient(90deg,var(--green),#5740f220)}
body.scroll-story-enabled .workflow-story{height:180vh;margin-top:55px}
body.scroll-story-enabled .workflow-layout{position:sticky;top:70px;margin-top:0;min-height:680px}
body.scroll-story-enabled .demo-wrap{transform:perspective(1400px) rotateY(calc((.5 - var(--story-progress,0)) * 7deg));transition:transform .4s ease-out}
body[data-motion=on] .closing h2{scale:calc(.82 + var(--closing-progress,1) * .18);transition:scale .2s ease-out}
.motion-scene-paused *, .motion-scene-paused *:before,.motion-scene-paused *:after{animation-play-state:paused!important}
body[data-motion=off] .hero-panel{opacity:0;transform:none}body[data-motion=off] .profile-panel{opacity:1}
body[data-motion=off] .feature-visual,body[data-motion=off] .hero-demo,body[data-motion=off] .hero-content,body[data-motion=off] .closing h2{translate:0 0;scale:1;rotate:0deg;transform:none}
@keyframes panel-sequence{0%{opacity:0;transform:translate3d(30px,28px,-70px) rotateY(-9deg)}5%,28%{opacity:1;transform:translate3d(0,0,0) rotateY(0deg)}33%,100%{opacity:0;transform:translate3d(-28px,-18px,-40px) rotateY(7deg)}}
@keyframes document-read{0%,10%{opacity:0;transform:translateY(-20px)}18%{opacity:1}80%{opacity:1;transform:translateY(235px)}90%,100%{opacity:0;transform:translateY(245px)}}
@keyframes query-search{to{transform:translateX(100%)}}
@keyframes match-enter{0%,7%{opacity:0;transform:translateX(22px)}20%,100%{opacity:1;transform:translateX(0)}}
@keyframes check-draw{0%,12%{stroke-dashoffset:45}35%,100%{stroke-dashoffset:0}}
@keyframes hero-step{0%{transform:scaleX(0)}30%{transform:scaleX(1)}33%,100%{transform:scaleX(0)}}
@keyframes orbit-live{0%,100%{transform:translate3d(0,0,0) rotate(-3deg) scale(1.01)}50%{transform:translate3d(-28px,-24px,0) rotate(5deg) scale(1.1)}}
@keyframes search-results{0%,18%{transform:translateY(0)}40%,58%{transform:translateY(-48px)}80%,100%{transform:translateY(-96px)}}
@keyframes letter-write{0%,4%{clip-path:inset(0 100% 0 0)}25%,88%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 100% 0 0)}}
@keyframes cursor-blink{50%{opacity:0}}
@keyframes delivery-travel{to{left:100%;transform:translateX(0)}}
@keyframes toast-arrive{0%,20%,100%{opacity:0;transform:translateY(14px)}32%,85%{opacity:1;transform:translateY(0)}}
@keyframes delivery-confirm{0%,25%,100%{background:#5740f208;box-shadow:0 0 0 #5740f200}35%,85%{background:#5740f228;box-shadow:0 0 25px #5740f21a}}
@media(min-width:1600px){.hero-demo{right:max(6%,calc((100vw - 1400px)/2));width:480px;top:185px}.demo-viewport{height:355px}}
@media(min-width:1101px) and (max-width:1350px){.hero-demo{width:385px;right:4%;top:225px}.hero h1{font-size:69px;letter-spacing:-4px}.hero .mobile-break{display:block}.hero-description{max-width:415px}.match-label{font-size:12px}.result-row{gap:7px}.company-avatar{display:none}.feature{padding-left:20px;padding-right:20px}.mini-toolbar{padding-left:9px;padding-right:9px}.letter-paper{font-size:12px;margin-left:9px;margin-right:9px}}
@media(min-width:761px) and (max-width:1100px){.hero{padding-bottom:130px;min-height:970px}.hero-demo{top:auto;bottom:120px;right:5%;width:360px}.hero .orbit-note{display:none}.hero h1{font-size:70px}.hero-description{max-width:380px}.hero-actions{max-width:340px;flex-wrap:wrap;gap:18px}.feature-grid{gap:18px}.feature,.feature:first-child,.feature:last-child{padding-left:0;padding-right:0;border-left:0}.feature-visual{height:230px}.mini-toolbar{font-size:12px;padding:11px 8px}.letter-paper{font-size:12px;margin-left:8px;margin-right:8px}.mini-list-window{margin-left:5px;margin-right:5px}.mini-list small{display:none}.delivery-flow{padding-left:10px;padding-right:10px}.delivery-node{width:32px;height:34px}.visual-caption{font-size:12px;letter-spacing:0}}
@media(max-width:760px){
 .hero{min-height:0;padding-top:48px;padding-bottom:128px}.hero h1{font-size:clamp(48px,10.9vw,77px);letter-spacing:-2.7px}.hero-demo{position:relative;top:auto;right:auto;width:100%;max-width:440px;margin:45px auto 18px;translate:0 0!important;scale:1!important;rotate:0deg!important}.demo-viewport{height:350px}.hero-art{inset:22% -110px 0 -30px}.hero .orbit-note{display:none}.hero-content{translate:0 0!important}.live-demo-label{font-size:12px;letter-spacing:1px}.hero .hero-note{max-width:none}.hero-bottom{bottom:22px}.panel-bar{font-size:12px;padding:15px 13px}.profile-document{margin:15px 15px 0;padding:15px}.result-row strong{font-size:12px}.result-row small{font-size:12px}.company-avatar{display:none}.result-row{padding:14px 0}.match-query{font-size:12px;margin-left:15px;margin-right:15px}.job-results{padding:0 15px}.match-label{font-size:12px}.panel-status{font-size:12px;padding:12px;line-height:1.6}.demo-timeline{gap:8px}.demo-timeline>span{font-size:12px;line-height:1.5}.feature-visual{height:250px;max-width:440px;margin-left:auto;margin-right:auto}.mini-toolbar{font-size:13px;padding:15px}.mini-list>div{font-size:14px}.letter-paper{font-size:14px;padding:0 4px}.delivery-node{width:46px;height:44px}.delivery-labels{padding:12px 16px}.workflow-story:after{display:none}body[data-motion=on] .feature-visual{translate:0 0!important;rotate:0deg!important}body[data-motion=on] .hero-art{animation-name:orbit-live;animation-duration:18s}.closing h2{scale:1!important}
}
@media(max-width:380px){.skill-tags span{font-size:12px;padding:3px 4px}.match-label{display:none}.panel-bar{gap:6px}.panel-phase{font-size:12px}.letter-paper{font-size:12px}.demo-viewport{height:365px}.live-demo-label{letter-spacing:0}.mini-toolbar{font-size:12px}.hero h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){.hero-panel{opacity:0!important;transform:none!important}.profile-panel{opacity:1!important}.letter-line{clip-path:none!important}.hero-art,.hero-demo,.hero-content,.feature-visual,.closing h2{scale:1!important;rotate:0deg!important;translate:0 0!important}}