.hd-section{max-width:1240px;margin:80px auto;padding:0 28px}.hd-intro{text-align:center;max-width:650px;margin:0 auto 42px}.hd-intro h2{letter-spacing:-2px;margin:20px 0;font-size:clamp(36px,5vw,62px);line-height:1.08}.hd-intro h2 em{color:#9e4b68;font-style:normal}.hd-intro p{color:#786775;font-size:18px;line-height:1.6}.hd-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.hd-tile{background:#fff;border:1px solid #e8dce2;border-radius:28px;flex-direction:column;display:flex;overflow:hidden}.hd-copy{padding:34px 34px 24px}.hd-number{letter-spacing:.12em;color:#97627c;font-size:11px;font-weight:700}.hd-copy h3{letter-spacing:-1px;margin:14px 0;font-size:clamp(27px,3vw,36px);line-height:1.13}.hd-copy>p{color:#756775;max-width:420px;font-size:15px;line-height:1.7}.hd-copy>a{color:#853f73;align-items:center;gap:10px;margin:8px 0;font-size:15px;font-weight:650;text-decoration:none;display:inline-flex}.hd-copy>a:hover{gap:15px}.hd-stage{min-height:410px;margin-top:auto;padding:50px 35px 25px;position:relative;overflow:hidden}.hd-demo{letter-spacing:.13em;color:#634357;font-size:9px;font-weight:700;position:absolute;top:17px;left:24px}.hd-swipe .hd-stage{background:radial-gradient(at 10% 10%,#c0cce7,#0000 70%),linear-gradient(135deg,#c8d1e6,#c1b0f1)}.hd-edit .hd-stage{background:radial-gradient(at 80% 0,#e9c5fa,#0000 65%),linear-gradient(140deg,#dbe0eb,#ead9ee)}.hd-upload .hd-stage{background:linear-gradient(130deg,#b2c1e2,#f0aec2 55%,#b8a6ed)}.hd-match .hd-stage{background:radial-gradient(at 0 0,#c3efdc,#0000 65%),linear-gradient(135deg,#e1edec,#c9bee9)}.hd-job{touch-action:pan-y;background:#fff;border-radius:22px;max-width:335px;margin:auto;padding:24px;animation:.3s ease-out hd-enter;box-shadow:0 15px 35px #6c3b7130}.hd-job-top{letter-spacing:.09em;color:#866b7f;align-items:center;gap:13px;font-size:9px;display:flex}.hd-job-top small{letter-spacing:0;font-size:11px}.hd-job-icon{color:#9456a3;background:#f2dfef;border-radius:12px;padding:12px}.hd-job h4{margin:23px 0 12px;font-size:24px;line-height:1.1}.hd-job>p{color:#877484;align-items:center;gap:5px;font-size:12px;display:flex}.hd-tags{flex-wrap:wrap;gap:6px;margin:16px 0;display:flex}.hd-tags span{background:#f5eff5;border-radius:20px;padding:6px 10px;font-size:10px}.hd-job-fit{color:#765082;background:#f5effb;border-radius:12px;gap:10px;padding:13px;font-size:11px;line-height:1.7;display:flex}.hd-swipe-actions{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.hd-swipe-actions span{letter-spacing:.1em;color:#8c7887;font-size:8px}.hd-swipe-actions button{color:#926881;cursor:pointer;background:#fff;border:1px solid #e6d8e2;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.hd-swipe-actions button:last-child{color:#fff;background:#9460b0;border-color:#9460b0}.hd-feedback{text-align:center;color:#60435b;min-height:28px;margin-bottom:0;font-size:10px}.hd-paper{background:#fff;max-width:330px;min-height:340px;margin:auto;padding:27px 26px 45px;transform:rotate(-3deg);box-shadow:0 12px 30px #6c3b7120}.hd-paper h4{margin:0 0 5px;font-size:21px}.hd-paper>span{letter-spacing:.12em;color:#806a7c;font-size:8px}.hd-paper hr{border:0;border-top:1px solid #ded5de;margin:20px 0}.hd-paper>strong{letter-spacing:.09em;font-size:8px}.hd-paper p{overflow-wrap:anywhere;min-height:45px;font-size:10px;line-height:1.65}.hd-lines{margin:12px 0 22px}.hd-lines i{background:#ece6ed;border-radius:4px;height:4px;margin:7px 0;display:block}.hd-lines i:last-child{width:70%}.hd-editor{background:#fff;border:2px solid #b978ba;border-radius:18px;max-width:375px;margin:-80px auto 8px;padding:14px 17px;display:block;position:relative;box-shadow:0 8px 25px #76457125}.hd-editor span{color:#85539a;align-items:center;gap:7px;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.hd-editor textarea{resize:vertical;color:#523d53;background:#fbf6fc;border:0;border-radius:8px;width:100%;min-height:65px;padding:8px;font-family:inherit;font-size:12px;line-height:1.6}.hd-upload-box{text-align:center;background:#ffffffe8;border:1px dashed #a369a9;border-radius:20px;max-width:320px;margin:15px auto 0;padding:32px 20px;position:relative;box-shadow:0 12px 35px #6b395720}.hd-upload-icon{color:#844f95;background:linear-gradient(130deg,#ebbdcb,#d4b6ee);border-radius:20px;place-items:center;width:65px;height:65px;animation:5s ease-in-out infinite hd-float;display:inline-grid}.hd-upload-box h4{margin:16px 0;font-size:24px;line-height:1.2}.hd-upload-box p{color:#896c84;font-size:11px}.hd-upload-box a{color:#fff;background:#885596;border-radius:22px;align-items:center;gap:10px;padding:12px 20px;font-size:12px;text-decoration:none;display:inline-flex}.hd-file{color:#98548f;background:#fff;border-radius:12px;padding:20px;position:absolute;top:35px;right:40px;transform:rotate(13deg);box-shadow:0 10px 25px #84516a20}.hd-file span{margin-top:8px;font-size:7px;display:block}.hd-import-chips{justify-content:center;gap:10px;margin-top:24px;display:flex}.hd-import-chips span{color:#704868;background:#ffffff9e;border-radius:20px;align-items:center;gap:4px;padding:8px 12px;font-size:11px;display:flex}.hd-match-card{background:#fff;border-radius:20px;max-width:360px;margin:20px auto 0;padding:24px;box-shadow:0 14px 35px #42645f20}.hd-match-head{color:#447665;border-bottom:1px solid #e5e9e6;align-items:center;gap:13px;padding-bottom:20px;display:flex}.hd-match-head h4{color:#3d3842;margin:0 0 5px;font-size:20px}.hd-match-head span{color:#7e7d85;font-size:10px}.hd-match-row{border-bottom:1px solid #f0eaf1;justify-content:space-between;gap:10px;padding:17px 0;font-size:10px;display:flex}.hd-match-row b{color:#487d67;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.hd-match-row em{color:#516288;font-size:10px;font-style:normal}.hd-match-note{color:#53705e;background:#f0f7f2;border-radius:12px;align-items:flex-start;gap:10px;margin-top:18px;padding:13px;display:flex}.hd-match-note svg{flex-shrink:0}.hd-match-note p{margin:0;font-size:10px;line-height:1.6}.hd-match-note strong{display:block}.hd-footnote{color:#867683;text-align:center;max-width:760px;margin:23px auto;font-size:12px;line-height:1.7}.hd-section :focus-visible{outline-offset:4px;outline:3px solid #8553a4}@keyframes hd-enter{0%{opacity:.4;transform:translate(18px)rotate(2deg)}to{opacity:1;transform:none}}@keyframes hd-float{50%{transform:translateY(-7px)}}@media (max-width:760px){.hd-section{margin:55px auto;padding:0 18px}.hd-grid{grid-template-columns:1fr;gap:22px}.hd-copy{padding:28px 25px 20px}.hd-stage{min-height:390px;padding:48px 22px 25px}.hd-intro h2{letter-spacing:-1.5px}.hd-job{max-width:340px}}@media (prefers-reduced-motion:reduce){.hd-job,.hd-upload-icon{animation:none}}
