.office-mockup *,.office-mockup :before,.office-mockup :after{box-sizing:border-box}.office-mockup{color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Golos Text,Onest,sans-serif}.office-mockup .logo,.office-mockup .ph-title,.office-mockup .job-title,.office-mockup .section-hdr-title,.office-mockup .page-title,.office-mockup .card-visual-stat,.office-mockup .home-stat-num{font-family:Unbounded,sans-serif}.office-mockup .page-header{background:var(--lime);margin-top:60px;padding:44px clamp(1rem,4vw,60px) 40px;position:relative;overflow:hidden}.office-mockup .page-header:after{content:"";pointer-events:none;background:#fff3;border-radius:50%;width:320px;height:320px;position:absolute;top:-80px;right:-60px}.office-mockup .page-header-inner{z-index:1;max-width:1240px;margin:0 auto;position:relative}.office-mockup .ph-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:#0d0f0873;margin-bottom:10px;font-size:11px;font-weight:500}.office-mockup .ph-title{color:var(--dark);letter-spacing:-.03em;margin:0 0 6px;font-family:Unbounded,sans-serif;font-size:clamp(28px,4vw,40px);font-weight:900;line-height:1.1}.office-mockup .ph-sub{color:#0d0f0880;font-size:14px}.office-mockup .jl-section{padding:28px clamp(1rem,4vw,60px) 80px}.office-mockup .jl-grid{grid-template-columns:260px 1fr;align-items:start;gap:24px;max-width:1240px;margin:0 auto;display:grid}.office-mockup .filter-panel{position:sticky;top:88px}.office-mockup .filter-panel-inner{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--border);overflow:hidden}.office-mockup .filter-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.office-mockup .filter-panel-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:11px;font-weight:600}.office-mockup .filter-groups{padding:0}.office-mockup .filter-group{border-bottom:1px solid var(--border);padding:16px 20px}.office-mockup .filter-group:last-child{border-bottom:none}.office-mockup .filter-group-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 10px;font-size:11px;font-weight:600}.office-mockup .office-avatar{background:var(--lime);width:64px;height:64px;color:var(--dark);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;font-family:Unbounded,sans-serif;font-size:20px;font-weight:900;display:flex}.office-mockup .office-name{color:var(--dark);margin-bottom:3px;font-family:Unbounded,sans-serif;font-size:14px;font-weight:700}.office-mockup .office-email{color:var(--muted);margin-bottom:12px;font-size:12px}.office-mockup .office-badge{background:var(--lime-pale);color:#3a5a00;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.office-mockup .office-badge:before{content:"";background:var(--lime-dim);border-radius:50%;width:6px;height:6px}.office-mockup .office-nav-link{color:var(--muted);border-bottom:1px solid var(--border);cursor:pointer;text-align:left;background:0 0;border-top:none;border-left:none;border-right:none;align-items:center;gap:10px;width:100%;padding:11px 20px;font-size:13px;text-decoration:none;transition:all .15s;display:flex}.office-mockup .office-nav-link:last-child{border-bottom:none}.office-mockup .office-nav-link:hover{background:var(--bg);color:var(--dark)}.office-mockup .office-nav-link.active{background:var(--lime-pale);color:#3a5a00;font-weight:600}.office-mockup .office-nav-link .nav-count{background:var(--bg);color:var(--muted);border-radius:20px;margin-left:auto;padding:2px 8px;font-size:11px}.office-mockup .office-nav-link.active .nav-count{background:var(--lime);color:#3a5a00}.office-mockup .nav-icon{text-align:center;flex-shrink:0;width:18px;font-size:15px}.office-mockup .filter-reset-link{color:var(--muted2);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:12px;display:inline-flex}.office-mockup .filter-reset-link:hover{color:var(--ink)}.office-mockup .home-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.office-mockup .home-stat{border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--border);padding:1rem 1.1rem}.office-mockup .home-stat-num{color:var(--dark);font-family:Unbounded,sans-serif;font-size:1.5rem;font-weight:800}.office-mockup .home-stat-label{color:var(--muted);margin-top:.25rem;font-size:.82rem}.office-mockup .section-hdr{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.office-mockup .section-hdr-title{color:var(--dark);letter-spacing:-.02em;font-family:Unbounded,sans-serif;font-size:16px;font-weight:700}.office-mockup .section-hdr-link{color:var(--dark);font-size:13px;font-weight:600;text-decoration:none}.office-mockup .section-hdr-link:hover{text-underline-offset:3px;text-decoration:underline}.office-mockup .panel{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--white);margin-bottom:14px;padding:1.4rem}.office-mockup .panel:last-child{margin-bottom:0}.office-mockup .panel-lime{background:var(--lime);border-color:#0000000f}.office-mockup .btn-primary,.office-mockup .btn-lime{cursor:pointer;border:none;border-radius:12px;padding:13px 28px;font-family:inherit;font-size:14px;font-weight:600}.office-mockup .btn-primary{background:var(--dark);color:#fff}.office-mockup .btn-primary:hover{background:#333}.office-mockup .btn-lime{background:var(--lime);color:var(--dark)}.office-mockup .btn-lime:hover{background:var(--lime-dim)}.office-mockup .btn-outline{color:var(--muted);border:1.5px solid var(--border2);cursor:pointer;background:0 0;border-radius:12px;padding:11px 22px;font-family:inherit;font-size:13px}.office-mockup .btn-outline:hover{color:var(--ink);border-color:#888}.office-mockup .ranalyzer .result-score{background:var(--dark);color:#fff;border-radius:18px;align-items:center;gap:24px;margin-bottom:16px;padding:24px;display:flex}.office-mockup .ranalyzer .score-circle{border:3px solid #ffffff1a;border-radius:50%;flex-shrink:0;place-items:center;width:80px;height:80px;display:grid}.office-mockup .ranalyzer .score-num{color:var(--lime);font-family:Unbounded,sans-serif;font-size:24px;font-weight:900}.office-mockup .ranalyzer .score-title{margin-bottom:4px;font-family:Unbounded,sans-serif;font-size:15px}.office-mockup .ranalyzer .score-sub{color:#ffffff73;font-size:13px}.office-mockup .ranalyzer .result-sections{border:1px solid var(--border);background:#00000014;border-radius:18px;flex-direction:column;gap:2px;display:flex;overflow:hidden}.office-mockup .ranalyzer .result-section{background:var(--white)}.office-mockup .ranalyzer .result-section-header{align-items:center;gap:12px;padding:14px 20px;display:flex}.office-mockup .ranalyzer .rsh-title{flex:1;font-size:14px;font-weight:600}.office-mockup .ranalyzer .rsh-badge{border-radius:20px;padding:3px 9px;font-size:10px;font-weight:600}.office-mockup .ranalyzer .badge-good{color:#4a7000;background:#f2facc}.office-mockup .ranalyzer .badge-warn{color:#b07d00;background:#fff4d6}.office-mockup .ranalyzer .badge-crit{color:#c0392b;background:#ffe5e0}.office-mockup .ranalyzer .result-section-body{padding:0 20px 16px}.office-mockup .ranalyzer .issue-item{border-bottom:1px solid var(--border);gap:12px;padding:10px 0;display:flex}.office-mockup .ranalyzer .issue-item:last-child{border-bottom:none}.office-mockup .ranalyzer .issue-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.office-mockup .ranalyzer .dot-green{background:#b5db2a}.office-mockup .ranalyzer .dot-yellow{background:#f39c12}.office-mockup .ranalyzer .dot-red{background:#e74c3c}.office-mockup .ranalyzer .issue-text{font-size:13px;line-height:1.6}.office-mockup .ranalyzer .issue-text strong{margin-bottom:2px;display:block}.office-mockup .ranalyzer .issue-fix{color:var(--muted);margin-top:3px;font-size:12px}.office-mockup .ranalyzer .upload-zone{border:2px dashed var(--border2);text-align:center;cursor:pointer;background:var(--bg);border-radius:18px;padding:48px 24px;transition:all .2s}.office-mockup .ranalyzer .upload-zone:hover{border-color:var(--lime-dim);background:var(--lime-pale)}.office-mockup .ranalyzer .upload-icon{margin-bottom:14px;font-size:40px}.office-mockup .ranalyzer .upload-title{margin-bottom:8px;font-family:Unbounded,sans-serif;font-size:15px;font-weight:700}.office-mockup .ranalyzer .upload-sub{color:var(--muted);margin-bottom:20px;font-size:14px;line-height:1.6}.office-mockup .scalc .salary-hero{background:var(--dark);color:#fff;border-radius:18px;margin-bottom:12px;padding:28px 32px}.office-mockup .scalc .sh-label{letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d;margin-bottom:8px;font-size:11px}.office-mockup .scalc .sh-role{color:#ffffff80;margin-bottom:16px;font-size:14px}.office-mockup .scalc .sh-range{align-items:baseline;gap:10px;display:flex}.office-mockup .scalc .sh-from{letter-spacing:-.04em;color:var(--lime);font-family:Unbounded,sans-serif;font-size:clamp(26px,4vw,34px);font-weight:900}.office-mockup .scalc .sh-to{letter-spacing:-.04em;color:#fff9;font-family:Unbounded,sans-serif;font-size:clamp(26px,4vw,34px);font-weight:900}.office-mockup .scalc .sh-dash{color:#fff3;font-size:22px}.office-mockup .scalc .sh-median{border-top:1px solid #ffffff14;align-items:center;gap:10px;margin-top:16px;padding-top:16px;display:flex}.office-mockup .scalc .sh-median-val{color:var(--lime);font-family:Unbounded,sans-serif;font-weight:700}.office-mockup .scalc .sh-median-badge{color:var(--lime);background:#c9f13526;border-radius:20px;margin-left:auto;padding:3px 10px;font-size:10px;font-weight:600}.office-mockup .scalc .range-bar-card,.office-mockup .scalc .ai-insight{background:var(--white);border:1px solid var(--border);border-radius:18px;margin-bottom:12px;padding:22px 26px}.office-mockup .scalc .rbc-title{margin-bottom:16px;font-family:Unbounded,sans-serif;font-size:13px;font-weight:700}.office-mockup .scalc .range-track{background:var(--bg);border-radius:6px;height:12px;margin:8px 0;position:relative}.office-mockup .scalc .range-fill{background:linear-gradient(90deg,#f2facc,var(--lime));border-radius:6px;height:100%;position:absolute}.office-mockup .scalc .range-median-line{background:var(--dark);border-radius:2px;width:3px;position:absolute;top:-8px;bottom:-8px}.office-mockup .scalc .range-markers{color:var(--dark);justify-content:space-between;margin-top:8px;font-size:12px;font-weight:600;display:flex}.office-mockup .scalc .ai-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.office-mockup .scalc .ai-dot{background:var(--lime);border-radius:50%;width:8px;height:8px}.office-mockup .scalc .ai-header-title{font-family:Unbounded,sans-serif;font-size:13px;font-weight:700}.office-mockup .scalc .ai-text{color:var(--ink);font-size:14px;line-height:1.75}.office-mockup .scalc .tips-card{background:var(--dark);color:#fff;border-radius:18px;padding:22px 26px}.office-mockup .scalc .tips-title{margin-bottom:14px;font-family:Unbounded,sans-serif;font-size:13px;font-weight:700}.office-mockup .scalc .tips-title em{color:var(--lime);font-style:normal}.office-mockup .scalc .tip-row{border-bottom:1px solid #ffffff12;gap:12px;padding:10px 0;display:flex}.office-mockup .scalc .tip-row:last-child{border-bottom:none}.office-mockup .scalc .tip-row-num{color:var(--lime);opacity:.7;font-family:Unbounded,sans-serif;font-size:12px}.office-mockup .scalc .tip-row-text{color:#ffffff8c;font-size:13px;line-height:1.55}.office-mockup .jobs-list{flex-direction:column;gap:10px;display:flex}.office-mockup .job-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);padding:20px 22px;transition:all .2s;position:relative;overflow:hidden}.office-mockup .job-card:before{content:"";background:0 0;border-radius:4px 0 0 4px;width:4px;transition:background .2s;position:absolute;top:0;bottom:0;left:0}.office-mockup .job-card:hover{border-color:#c8c8be;transform:translate(3px);box-shadow:0 6px 24px #0000000f}.office-mockup .job-card:hover:before{background:var(--lime)}.office-mockup .job-card-top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;display:flex}.office-mockup .job-card-left{flex:1;min-width:0}.office-mockup .job-co{color:var(--muted2);text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px;font-size:11px}.office-mockup .job-title{color:var(--dark);margin:0;font-family:Unbounded,sans-serif;font-size:16px;font-weight:600;line-height:1.3}.office-mockup .job-salary-block{text-align:right;flex-shrink:0}.office-mockup .job-salary{color:var(--dark);white-space:nowrap;letter-spacing:-.02em;font-family:Unbounded,sans-serif;font-size:14px;font-weight:700}.office-mockup .job-tags{flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.office-mockup .jtag{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.office-mockup .jtag-type-intern{background:var(--lime-pale);color:#5a7a00}.office-mockup .jtag-type-junior{color:#b35f00;background:#fff3e0}.office-mockup .jtag-format{color:var(--muted);border:1px solid var(--border);background:#f5f5f5}.office-mockup .jtag-exp{color:#4b5ebb;background:#eef2ff}.office-mockup .job-desc{color:var(--muted);margin:0 0 14px;font-size:13px;line-height:1.65}.office-mockup .job-card-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.office-mockup .job-actions{flex-wrap:wrap;gap:8px;display:flex}.office-mockup .job-btn-primary{border-radius:var(--radius-md);cursor:pointer;background:var(--dark);color:#fff;border:none;justify-content:center;align-items:center;padding:10px 22px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.office-mockup .job-btn-primary:hover{color:#fff;background:#333}.office-mockup .job-btn-secondary{border-radius:var(--radius-md);cursor:pointer;color:var(--muted);border:1px solid var(--border2);background:0 0;justify-content:center;align-items:center;padding:10px 22px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.office-mockup .job-btn-secondary:hover{color:var(--ink);border-color:#999}.office-mockup .job-date{color:var(--muted2);font-size:11px}.office-mockup .section-badge{background:var(--lime-pale);border:1px solid var(--lime-dim);color:#3a5a00;border-radius:20px;align-items:center;gap:5px;margin-bottom:14px;padding:4px 12px;font-size:11px;font-weight:500;display:inline-flex}.office-mockup .articles-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.office-mockup .article-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);flex-direction:column;transition:all .22s;display:flex;overflow:hidden}.office-mockup .article-card:hover{border-color:#c0c0b8;transform:translateY(-3px);box-shadow:0 10px 32px #00000012}.office-mockup .card-visual{flex-shrink:0;justify-content:space-between;align-items:flex-start;height:110px;padding:16px 18px;display:flex;position:relative;overflow:hidden}.office-mockup .card-visual-icon{font-size:32px;line-height:1}.office-mockup .card-visual-preview{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.office-mockup .cvp-line{opacity:.35;border-radius:3px;height:6px}.office-mockup .cvp-line-long{width:70px}.office-mockup .cvp-line-mid{width:50px}.office-mockup .cvp-line-short{width:32px}.office-mockup .cv-resume{background:var(--c-resume-bg)}.office-mockup .cv-resume .cvp-line{background:var(--c-resume-accent)}.office-mockup .cv-interview{background:var(--c-interview-bg)}.office-mockup .cv-interview .cvp-line{background:var(--c-interview-accent)}.office-mockup .cv-salary{background:var(--c-salary-bg)}.office-mockup .cv-salary .cvp-line{background:var(--c-salary-accent)}.office-mockup .cv-test{background:var(--c-test-bg)}.office-mockup .cv-test .cvp-line{background:var(--c-test-accent)}.office-mockup .card-visual-stat{opacity:.12;font-family:Unbounded,sans-serif;font-size:28px;font-weight:900;line-height:1;position:absolute;bottom:12px;left:18px}.office-mockup .cv-resume .card-visual-stat{color:var(--c-resume-accent)}.office-mockup .cv-interview .card-visual-stat{color:var(--c-interview-accent)}.office-mockup .cv-salary .card-visual-stat{color:var(--c-salary-accent)}.office-mockup .card-body{flex-direction:column;flex:1;padding:16px 18px 20px;display:flex}.office-mockup .card-tags{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.office-mockup .ctag{border-radius:20px;padding:3px 9px;font-size:10px;font-weight:600;display:inline-block}.office-mockup .ctag-resume{background:var(--c-resume-bg);color:var(--c-resume-text)}.office-mockup .ctag-interview{background:var(--c-interview-bg);color:var(--c-interview-text)}.office-mockup .ctag-salary{background:var(--c-salary-bg);color:var(--c-salary-text)}.office-mockup .ctag-time{color:var(--muted2);background:0 0;font-size:11px;font-weight:400}.office-mockup .card-title{color:var(--dark);margin:0 0 8px;font-size:14px;font-weight:600;line-height:1.35}.office-mockup .card-desc{color:var(--muted);flex:1;margin:0 0 14px;font-size:13px;line-height:1.6}.office-mockup .card-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.office-mockup .card-read-btn{color:var(--dark);background:var(--bg);cursor:pointer;border:none;border-radius:20px;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-block}.office-mockup .card-read-btn:hover{background:var(--dark);color:#fff}.office-mockup .card-save{border:1px solid var(--border2);cursor:pointer;width:32px;height:32px;color:var(--muted2);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.office-mockup .card-save:hover{border-color:var(--coral);color:var(--coral)}.office-mockup .checklist-items{flex-direction:column;gap:6px;display:flex}.office-mockup .cl-item{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.office-mockup .cl-check{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex}.office-mockup .cl-done{background:var(--lime);color:var(--dark)}.office-mockup .cl-todo{border:1.5px solid var(--border2)}.office-mockup .check-row{border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:11px 14px;transition:all .15s;display:flex}.office-mockup .check-row:hover{background:var(--bg)}.office-mockup .check-row.done{background:var(--lime-pale);border-color:var(--lime)}.office-mockup .check-row .check-box{border:1.5px solid var(--border2);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;transition:all .15s;display:flex}.office-mockup .check-row.done .check-box{background:var(--lime-dim);border-color:var(--lime-dim);color:var(--dark)}.office-mockup .check-row .check-label{color:var(--ink);flex:1;font-size:13px}.office-mockup .check-row.done .check-label{color:#3a5a00}.office-mockup .check-row .check-cta{color:var(--muted);white-space:nowrap;font-size:12px;text-decoration:none}.office-mockup .check-row.done .check-cta{display:none}.office-mockup .progress-ring-wrap{flex-shrink:0;width:60px;height:60px;position:relative}.office-mockup .progress-ring-wrap svg{transform:rotate(-90deg)}.office-mockup .prg-bg{fill:none;stroke:var(--bg);stroke-width:6px}.office-mockup .prg-fill{fill:none;stroke:var(--lime-dim);stroke-width:6px;stroke-linecap:round;stroke-dasharray:163;stroke-dashoffset:57px;transition:stroke-dashoffset .8s}.office-mockup .prg-label{color:#3a5a00;justify-content:center;align-items:center;font-family:Unbounded,sans-serif;font-size:13px;font-weight:700;display:flex;position:absolute;inset:0}.office-mockup .chips{flex-wrap:wrap;gap:.45rem;margin:.5rem 0;display:flex}.office-mockup .chip{border:1px solid var(--border2);color:#3a4152;background:#fff;border-radius:999px;align-items:center;padding:.28rem .65rem;font-size:.78rem;font-weight:700;display:inline-flex}.office-mockup .modal-overlay{z-index:1200;opacity:0;pointer-events:none;background:#0006;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.office-mockup .modal-overlay.open{opacity:1;pointer-events:all}.office-mockup .modal{background:var(--white);border-radius:var(--radius-xl);width:460px;max-width:90vw;padding:32px;transition:transform .2s;transform:translateY(16px)}.office-mockup .modal-overlay.open .modal{transform:translateY(0)}.office-mockup .modal-title{color:var(--dark);margin-bottom:22px;font-family:Unbounded,sans-serif;font-size:17px;font-weight:700}.office-mockup .form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.office-mockup .form-group{margin-bottom:14px}.office-mockup .form-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:7px;font-size:11px;font-weight:600;display:block}.office-mockup .form-input,.office-mockup .form-select{border:1.5px solid var(--border2);border-radius:var(--radius-md);width:100%;color:var(--dark);background:var(--bg);outline:none;padding:11px 14px;font-family:Golos Text,sans-serif;font-size:14px;transition:border-color .15s}.office-mockup .form-input:focus,.office-mockup .form-select:focus{border-color:var(--lime-dim);background:var(--white)}.office-mockup .modal-actions{gap:10px;margin-top:22px;display:flex}.office-mockup .btn-save{background:var(--lime);color:var(--dark);cursor:pointer;border:none;border-radius:12px;flex:1;padding:13px;font-family:Golos Text,sans-serif;font-size:14px;font-weight:600}.office-mockup .btn-save:hover{background:var(--lime-dim)}.office-mockup .btn-cancel{border:1px solid var(--border2);cursor:pointer;color:var(--muted);background:0 0;border-radius:12px;padding:13px 20px;font-family:Golos Text,sans-serif;font-size:14px}.office-mockup .btn-cancel:hover{background:var(--bg);color:var(--dark)}.office-mockup .tooltip-wrap{display:inline-flex;position:relative}.office-mockup .tooltip-pop{background:var(--dark);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;z-index:10;padding:8px 12px;font-size:12px;transition:opacity .15s;position:absolute;top:calc(100% + 6px);right:0}.office-mockup .tooltip-wrap:hover .tooltip-pop{opacity:1}.office-mockup .demo-toggle-btn{border:1px solid var(--border2);cursor:pointer;color:var(--muted);background:0 0;border-radius:20px;padding:4px 10px;font-family:inherit;font-size:11px}@media (max-width:900px){.office-mockup .jl-grid{grid-template-columns:1fr}.office-mockup .filter-panel{position:static}.office-mockup .home-stats{grid-template-columns:1fr 1fr 1fr}.office-mockup .articles-grid{grid-template-columns:1fr}}