{"version":3,"file":"V5BlogPost.BO_mMBQJ.mjs","names":["useRef"],"sources":["https:/framerusercontent.com/modules/yF9wkzRH5IQip6w29AX9/nXBdELnFaqLgQylu5dyL/V5BlogPostCss.js","https:/framerusercontent.com/modules/zBZQfYbrpsc5PyhkOheW/QEb35sKFzZ0khtgGKA5e/V5BlogPost.js"],"sourcesContent":["export const CSS=`@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=IBM+Plex+Mono:wght@400;500&display=swap');\n.pr5{\n  --ink:#111317;\n  --ink-2:#474C55;\n  --ink-3:#7E838C;\n  --bg:#FFFFFF;\n  --bg-soft:#F6F6F3;\n  --mist:#E7F2EC;          /* light green canvas */\n  --mist-2:#DDEEE5;\n  --line:rgba(17,19,23,.09);\n  --line-2:rgba(17,19,23,.16);\n  --green:#0E8A5F;\n  --green-deep:#0A6B4A;\n  --green-ink:#0B5E43;\n  --green-soft:#E4F2EB;\n  --amber:#9A5B00;\n  --amber-soft:#F7EFE0;\n  --red:#A83A2C;\n  --red-soft:#F9ECE9;\n  --dark:#0F1317;\n  --dark-2:#171C21;\n  --dark-line:rgba(255,255,255,.09);\n  --dark-ink:#F2F3F1;\n  --dark-ink-2:#A8ADB5;\n  --mint:#7FD8B4;\n  --sans:'Instrument Sans',-apple-system,sans-serif;\n  --mono:'IBM Plex Mono',ui-monospace,monospace;\n  --max:1180px;\n  --gutter:clamp(20px,4vw,40px);\n  --shadow:0 1px 2px rgba(17,19,23,.05),0 10px 30px rgba(17,19,23,.08);\n  --shadow-lg:0 2px 8px rgba(17,19,23,.06),0 34px 90px rgba(17,19,23,.16);\n}\n.pr5,.pr5 *{margin:0;padding:0;box-sizing:border-box}\n.pr5{scroll-behavior:smooth}\n.pr5 ::-webkit-scrollbar{width:11px}\n.pr5 ::-webkit-scrollbar-track{background:var(--bg)}\n.pr5 ::-webkit-scrollbar-thumb{background:rgba(17,19,23,.22);border-radius:99px;border:3px solid var(--bg)}\n.pr5 ::-webkit-scrollbar-thumb:hover{background:rgba(17,19,23,.38)}\n.pr5{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}\n.pr5 ::selection{background:var(--green);color:#fff}\n.pr5 .wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}\n.pr5 h1,.pr5 h2{font-weight:700;letter-spacing:-.035em;color:var(--ink)}\n.pr5 h1{font-size:clamp(42px,5.6vw,72px);line-height:1;font-weight:640;letter-spacing:clamp(-3px,1.5px - .34vw,-.9px);text-wrap:balance}\n.pr5 h2{font-size:clamp(32px,4.4vw,58px);line-height:1.02}\n.pr5 .sub{font-size:clamp(17px,1.6vw,20px);color:var(--ink-2);line-height:1.6}\n.pr5 a{color:inherit}\n.pr5 .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}\n@media print{.pr5 nav,.pr5 .strip,.pr5 .play,.pr5 .float,.pr5 .marq,.pr5 .canvas.cv-dark::before,.pr5 .cv-green::before{display:none!important}\n.pr5 .canvas{margin:12px 0;border:1px solid #ccc;border-radius:8px}\n.pr5{background:#fff}}\n.pr5 .skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:10px 16px;border-radius:0 0 10px 0;z-index:200;font-weight:600;text-decoration:none}\n.pr5 .skip:focus{left:0}\n.pr5 .strip{background:var(--ink);color:rgba(255,255,255,.88);font-size:13.5px;font-weight:600}\n.pr5 .strip .wrap{display:flex;align-items:center;justify-content:center;gap:10px;height:42px}\n.pr5 .strip a{color:var(--mint);text-decoration:none;font-weight:700;white-space:nowrap}\n.pr5 .strip a:hover{text-decoration:underline}\n.pr5 .strip a{transition:letter-spacing .15s}\n.pr5 .strip a:hover{letter-spacing:.01em}\n@media(max-width:640px){.pr5 .strip .hide-s{display:none}}\n.pr5 nav{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.88);backdrop-filter:blur(14px)}\n.pr5 .nav-in{max-width:1280px;margin:0 auto;padding:0 var(--gutter);display:flex;align-items:center;gap:26px;height:76px}\n.pr5 .brand{font-weight:700;font-size:22px;letter-spacing:-.03em;text-decoration:none;transition:opacity .15s;display:inline-flex;align-items:center}\n.pr5 .blogo{width:26px;height:26px;object-fit:contain;display:inline-block;margin-right:9px}\n.pr5 .lockup{height:24px;width:auto;display:block}\n.pr5 .lockup-f{height:21px}\n.pr5 .fb{display:flex;align-items:center}\n.pr5 .fb .blogo{width:24px;height:24px;margin-right:8px}\n.pr5 .brand:hover{opacity:.72}\n.pr5 .nav-links{display:flex;gap:4px;margin-left:auto;align-items:center}\n.pr5 .nav-links a{font-size:14.5px;font-weight:600;color:var(--ink);text-decoration:none;padding:9px 14px;border-radius:99px}\n.pr5 .nav-links a:hover{background:var(--bg-soft)}\n@media(max-width:900px){.pr5 .nav-links a.hide-m,.pr5 .nav-links .ndrop.hide-m{display:none}}\n.pr5 .ndrop{position:relative}\n.pr5 .ndrop>a{display:inline-flex;align-items:center;gap:5px;font-size:14.5px;font-weight:600;color:var(--ink);text-decoration:none;padding:9px 14px;border-radius:99px}\n.pr5 .ndrop>a:hover{background:var(--bg-soft)}\n.pr5 .ndrop .caret{font-size:11px;color:var(--ink-3);transform:translateY(-2px);transition:transform .18s}\n.pr5 .ndrop:hover .caret{transform:translateY(0) rotate(180deg)}\n.pr5 .nmenu{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);padding:10px;min-width:280px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .18s,visibility .18s}\n.pr5 .ndrop:hover .nmenu,.pr5 .ndrop:focus-within .nmenu{opacity:1;visibility:visible;transform:none}\n.pr5 .nmenu a{display:block;padding:11px 14px;border-radius:10px;text-decoration:none}\n.pr5 .nmenu a:hover{background:var(--bg-soft)}\n.pr5 .nmenu b{display:block;font-size:14px;font-weight:700;color:var(--ink)}\n.pr5 .nmenu span{display:block;font-size:12.5px;color:var(--ink-3);margin-top:1px}\n.pr5 .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15.5px;font-weight:700;letter-spacing:-.01em;text-decoration:none;cursor:pointer;line-height:1;white-space:nowrap;padding:17px 30px;border-radius:999px;border:1.5px solid transparent;transition:all .16s ease}\n.pr5 .btn-green{background:var(--green);color:#fff}\n.pr5 .btn-green:hover{background:var(--green-deep);transform:translateY(-1px)}\n.pr5 .btn-ink{background:var(--ink);color:#fff}\n.pr5 .btn-ink:hover{background:#242830;transform:translateY(-1px);box-shadow:var(--shadow)}\n.pr5 .btn-out{background:transparent;color:var(--ink);border-color:rgba(17,19,23,.22)}\n.pr5 .hero-ctas .btn-out{color:var(--ink);border-color:rgba(14,138,95,.30)}\n.pr5 .hero-ctas .btn-out::after{content:\"→\";display:inline-block;margin-left:1px;transition:transform .18s ease}\n.pr5 .hero-ctas .btn-out:hover{border-color:var(--green);background:rgba(127,216,180,.12);transform:none}\n.pr5 .hero-ctas .btn-out:hover::after{transform:translateX(3px)}\n.pr5 .btn-out:hover{border-color:var(--ink);transform:translateY(-1px)}\n.pr5 .btn-white{background:#fff;color:var(--ink)}\n.pr5 .btn-white:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(0,0,0,.25)}\n.pr5 .btn-out-l{background:transparent;color:#fff;border-color:rgba(255,255,255,.38)}\n.pr5 .btn-out-l:hover{border-color:#fff;background:rgba(255,255,255,.08);transform:translateY(-1px)}\n.pr5 .btn-arr i{font-style:normal;transition:transform .18s}\n.pr5 .btn-arr:hover i{transform:translateX(4px)}\n.pr5 .btn-sm{padding:11px 20px;font-size:14px}\n.pr5 .btn:focus-visible{outline:2.5px solid var(--green);outline-offset:2px}\n.pr5 .btn-green:focus-visible{outline-color:var(--ink)}\n.pr5 .strip a:focus-visible{outline-color:var(--mint)}\n.pr5 .nav-links a.btn-ink{color:#fff}\n.pr5 .nav-links a.btn-ink:hover{background:#242830}\n.pr5 .nav-links a.btn-out:hover{background:transparent}\n.pr5 .hero{display:flow-root;margin:0;padding:clamp(48px,6vw,84px) 0 0;text-align:center;position:relative;background:linear-gradient(180deg,#E7F1EC 0%,#EEF6F1 60%,#F7FBF9 100%)}\n.pr5 .hero .wrap{position:relative;z-index:2}\n.pr5 .hero .field{z-index:2}\n.pr5 nav{border-bottom:1px solid rgba(17,19,23,.05)}\n.pr5 .hero h1{max-width:1120px;margin:0 auto 18px}\n.pr5 .hero h1 .hacc{color:var(--green-deep)}\n.pr5 .hero-kick{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green-deep);margin-bottom:20px;text-decoration:none;border-bottom:1px dashed transparent;transition:border-color .15s}\n.pr5 .hero-kick:hover{border-bottom-color:var(--green)}\n@media(max-width:520px){.pr5 .hero-kick{font-size:10.5px;letter-spacing:.06em;line-height:1.6;max-width:90%;white-space:normal}}\n.pr5 .hl{animation:pr5-hlrow 1.6s ease}\n@keyframes pr5-hlrow{0%{background:rgba(127,216,180,.0)}25%{background:rgba(127,216,180,.35)}100%{background:transparent}}\n.pr5 .hero .sub{max-width:680px;margin:0 auto 24px}\n.pr5 .hero .sub b{color:var(--ink);font-weight:700}\n.pr5 .nb{white-space:nowrap}\n@media(max-width:640px){.pr5 .nb{white-space:normal}}\n@media(max-width:560px){.pr5 .hero-ctas .btn{width:100%;justify-content:center}\n.pr5 .catbar{flex-direction:column;border-radius:22px;padding:10px}\n.pr5 .catbar input{width:100%;text-align:center}\n.pr5 .catbar .btn{width:100%}}\n.pr5 .catbar{display:flex;gap:10px;max-width:660px;margin:0 auto;padding:9px 9px 9px 14px;background:#fff;border:1px solid var(--line-2);border-radius:999px;box-shadow:0 2px 6px rgba(17,19,23,.05),0 18px 50px rgba(17,19,23,.10);align-items:center}\n.pr5 .catbar:focus-within{border-color:var(--green);box-shadow:0 0 0 4px rgba(14,138,95,.12),0 18px 50px rgba(17,19,23,.10)}\n.pr5 .catbar input{flex:1;border:0;outline:0;font-family:var(--sans);font-size:16.5px;padding:12px 10px;color:var(--ink);background:transparent;min-width:0}\n.pr5 .catbar input::placeholder{color:var(--ink-3)}\n.pr5 .catbar .btn{flex:0 0 auto}\n.pr5 .cat-hint{margin-top:14px;font-size:13.5px;color:var(--ink-3)}\n.pr5 .hero-ctas{display:flex;gap:12px;justify-content:center;margin-top:30px;flex-wrap:wrap}\n.pr5 .assure3{margin-top:9px;display:flex;justify-content:center;align-items:center;gap:14px;font-size:13px;font-weight:650;color:var(--ink-2);letter-spacing:.01em}\n.pr5 .assure3 .a3{display:inline-flex;align-items:center;gap:7px}\n.pr5 .assure3 svg{width:14px;height:14px;color:var(--green);flex:0 0 auto}\n.pr5 .assure3 i{width:1px;height:14px;background:var(--line)}\n@media(max-width:560px){.pr5 .assure3{flex-wrap:wrap;gap:8px 14px}\n.pr5 .assure3 i{display:none}}\n.pr5 .cta-assure{margin-top:14px;font-size:13px;font-weight:600;color:var(--ink-3);letter-spacing:.01em}\n.pr5 .show-cap{margin-top:10px;text-align:center;font-size:12.5px;color:var(--ink-3)}\n.pr5 .show-cap a{color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}\n.pr5 .show-cap a:hover{text-decoration-color:var(--green)}\n.pr5 .hero-trust{margin-top:30px;font-size:14px;color:var(--ink-3);display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}\n.pr5 .hero-trust b{color:var(--ink);font-weight:700}\n.pr5 .live{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block;position:relative;flex:0 0 auto}\n.pr5 .live::after{content:\"\";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--green);opacity:.5;animation:pr5-livep 2.2s ease-out infinite}\n@keyframes pr5-livep{0%{transform:scale(.5);opacity:.6}80%{transform:scale(1.25);opacity:0}100%{opacity:0}}\n.pr5 .live-mint{background:var(--mint)}\n.pr5 .live-mint::after{border-color:var(--mint)}\n.pr5 .sec-count .live{margin-right:2px}\n.pr5 .field{position:relative;margin-top:clamp(14px,2vw,24px);padding:clamp(40px,5vw,72px) 0 0}\n.pr5 .field::before{content:\"\";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(14,138,95,.22) 0 1px,transparent 1px 8px);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent)}\n.pr5 .field::after{content:\"\";position:absolute;inset:0;background:radial-gradient(52% 60% at 50% 46%,rgba(14,138,95,.10),transparent 72%);pointer-events:none}\n.pr5 .field .showcase{z-index:1}\n.pr5 .showcase{position:relative;max-width:1276px;margin:0 auto calc(-1*clamp(44px,6vw,92px) - 30px);padding:0 var(--gutter);scroll-margin-top:120px}\n.pr5 .show-cap a{color:var(--green-deep)}\n.pr5 .canvas,.pr5 section{scroll-margin-top:80px}\n.pr5 .window{background:#fff;border:1px solid rgba(17,19,23,.85);border-radius:20px;box-shadow:0 3px 10px rgba(17,19,23,.08),0 44px 110px rgba(17,19,23,.20);overflow:hidden;text-align:left;position:relative}\n.pr5 .winbar{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--bg-soft)}\n.pr5 .windots{display:flex;gap:6px}\n.pr5 .windots span{width:9px;height:9px;border-radius:50%;background:var(--line-2);opacity:.55}\n.pr5 .winurl{font-family:var(--mono);font-size:11px;color:rgba(60,66,73,.55);background:transparent;border:1px solid rgba(17,19,23,.07);border-radius:99px;padding:5px 14px;margin:0;display:inline-flex;align-items:center;gap:8px}\n.pr5 .winurl::before{content:\"\";width:6px;height:6px;border-radius:50%;background:var(--green);opacity:.75}\n.pr5 .wintabs{display:flex;gap:4px;margin-left:auto}\n.pr5 .wintabs span{font-size:10.5px;font-weight:600;color:rgba(60,66,73,.6);padding:5px 11px;border-radius:99px}\n.pr5 .wintabs span.on{background:var(--ink);border:1px solid var(--ink);color:#fff}\n.pr5 .wintabs span.done{color:var(--green-deep)}\n.pr5 .gw-body{padding:18px 26px 14px;text-align:left}\n.pr5 .gw-crumb{font-family:var(--mono);font-size:9.5px;color:var(--ink-3);margin-bottom:7px}\n.pr5 .gw-h{font-size:17px;font-weight:700;letter-spacing:-.01em;margin-bottom:3px}\n.pr5 .gw-sub{font-size:11px;color:var(--ink-3);margin-bottom:10px}\n.pr5 .gw-call{display:flex;gap:9px;align-items:center;border-top:1px solid rgba(17,19,23,.09);border-bottom:1px solid rgba(17,19,23,.09);padding:8px 2px;margin-bottom:12px;font-size:10.5px;color:var(--ink-3)}\n.pr5 .gw-call b{color:var(--ink);font-size:11px}\n.pr5 .gw-call i{width:6px;height:6px;border-radius:50%;background:#A8332A;flex:0 0 auto}\n.pr5 .gw-grid{display:grid;grid-template-columns:248px 1fr;gap:20px;align-items:start}\n.pr5 .gw-panel{border:1px solid var(--line);border-radius:11px;padding:12px}\n.pr5 .gw-k{font-size:8.5px;letter-spacing:.05em;text-transform:uppercase;color:rgba(17,19,23,.55);font-weight:700}\n.pr5 .gw-n{font-family:var(--mono);font-size:38px;font-weight:500;line-height:1.08;font-feature-settings:\"tnum\" 1}\n.pr5 .gw-crit{font-family:var(--mono);font-size:9.5px;color:#A8332A;margin-top:2px;display:flex;align-items:center;gap:5px}\n.pr5 .gw-crit::before{content:\"\";width:6px;height:6px;border-radius:50%;background:#A8332A}\n.pr5 .gw-30{display:flex;align-items:baseline;gap:6px;border-top:1px solid rgba(17,19,23,.08);margin-top:9px;padding-top:9px}\n.pr5 .gw-30 b{font-family:var(--mono);font-weight:500;font-size:14px}\n.pr5 .gw-30 span{font-size:8.5px;letter-spacing:.05em;text-transform:uppercase;color:rgba(17,19,23,.55)}\n.pr5 .gw-radar{margin-top:10px}\n.pr5 .gw-lh{font-size:13px;font-weight:700;letter-spacing:-.01em;margin-bottom:2px}\n.pr5 .gw-lm{font-size:10px;color:var(--ink-3);margin-bottom:9px}\n.pr5 .gw-item{border:1px solid var(--line);border-left:2px solid #A8332A;border-radius:9px;padding:9px 11px;margin-bottom:8px;display:flex;gap:9px}\n.pr5 .gw-cb{width:13px;height:13px;border-radius:3.5px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:8px;flex:0 0 auto;margin-top:2px}\n.pr5 .gw-item p{font-size:10.5px;line-height:1.45;color:var(--ink-2)}\n.pr5 .gw-item p b{color:var(--ink)}\n.pr5 .gw-tags{display:flex;gap:5px;margin-top:6px}\n.pr5 .gw-tag{font-size:7.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:2px 7px;border-radius:99px}\n.pr5 .gw-tc{background:rgba(168,51,42,.12);color:#A8332A}\n.pr5 .gw-tm{background:var(--ink);color:#fff}\n.pr5 .gw-tn{background:var(--bg-soft);color:var(--ink-3);border:1px solid var(--line)}\n.pr5 .gw-prov{display:flex;justify-content:space-between;margin-top:7px;padding-top:6px;border-top:1px solid rgba(17,19,23,.07);font-size:8.5px}\n.pr5 .gw-prov .s{font-family:var(--mono);color:rgba(60,66,73,.62);font-size:8.5px}\n.pr5 .gw-prov .s i{font-style:normal;font-family:'Instrument Sans',sans-serif;font-size:7.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(17,19,23,.42);font-weight:700;margin-right:5px}\n.pr5 .gw-prov .w{color:var(--green-deep);font-weight:600}\n.pr5 .gw-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(17,19,23,.07);padding:8px 2px;font-size:10.5px;font-weight:600;color:var(--ink-2)}\n.pr5 .gw-row .c{font-family:var(--mono);font-size:8.5px;font-weight:500;color:var(--ink-3);display:inline-flex;gap:5px;align-items:center}\n.pr5 .gw-row .c b{font-weight:500;font-size:10px;color:#8A5A00;position:relative;top:-.5px}\n.pr5 .gw-row .c b.r{color:#A8332A}\n.pr5 .gw-row .c i{font-style:normal;color:rgba(17,19,23,.35)}\n.pr5 .gw-foot{display:flex;justify-content:flex-end;gap:16px;align-items:center;border-top:1px solid var(--line);padding:9px 20px 12px;background:#FBFCFB}\n.pr5 .gw-foot .m{font-family:var(--mono);font-size:9.5px;color:var(--ink-3)}\n.pr5 .gw-cta{background:var(--ink);color:#fff;font-size:11px;font-weight:700;padding:9px 16px;border-radius:99px}\n@media(max-width:920px){.pr5 .gw-grid{grid-template-columns:1fr}\n.pr5 .gw-panel{display:none}}\n.pr5 .gscr{display:none}\n.pr5 .gscr.act{display:flex;flex-direction:column;min-height:100%;transform-origin:0 0;transition:transform 1.8s cubic-bezier(.42,0,.2,1);will-change:transform}\n.pr5 .gscr .gw-body{flex:1 0 auto}\n.pr5 #gwcur{position:absolute;z-index:60;pointer-events:none;transition:left 1.15s cubic-bezier(.45,0,.25,1),top 1.15s cubic-bezier(.45,0,.25,1),transform .18s ease;filter:drop-shadow(0 4px 10px rgba(0,0,0,.28));opacity:0}\n.pr5 .bld{opacity:0;transform:translateY(7px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.3,1)}\n.pr5 .bld.pop{transform:scale(.55)}\n.pr5 tr.bld{transform:none}\n.pr5 .bld.in{opacity:1;transform:none}\n.pr5 #gwcur.show{opacity:1}\n.pr5 #gwcur.click{transform:scale(.86)}\n@media(prefers-reduced-motion:reduce){.pr5 .gscr.act{transition:none}\n.pr5 #gwcur{display:none}}\n.pr5 .wintabs span{cursor:pointer}\n.pr5 .hd-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}\n.pr5 .tb-scan{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:9.5px;color:var(--ink-3);margin-top:5px}\n.pr5 .tb-scan .bar{width:120px;height:4px;border-radius:99px;background:rgba(17,19,23,.08);overflow:hidden}\n.pr5 .tb-scan .bar i{display:block;height:100%;width:71%;border-radius:99px;background:var(--green);opacity:.8}\n.pr5 .tb-scan b{font-weight:500;color:var(--ink-2)}\n.pr5 .dt{width:100%;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:11px}\n.pr5 .dt-head{display:grid;grid-template-columns:34px 1.35fr repeat(4,1fr) 40px;background:#FBFCFB;border-bottom:1px solid var(--line)}\n.pr5 .dt-head>div{padding:8px 10px;border-left:1px solid rgba(17,19,23,.05)}\n.pr5 .dt-head>div:first-child,.pr5 .dt-head>div:nth-child(2){border-left:0}\n.pr5 .dt-hl{font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}\n.pr5 .dt-hs{font-family:var(--mono);font-size:8px;color:rgba(17,19,23,.38);margin-top:2px}\n.pr5 .dt-hs.live{color:var(--green-deep);display:flex;align-items:center;gap:5px}\n.pr5 .dt-hs.live::before{content:\"\";width:5px;height:5px;border-radius:50%;background:var(--green);flex:0 0 auto;animation:pr5-dpulse 1.3s ease-in-out infinite}\n.pr5 .dt-row{display:grid;grid-template-columns:34px 1.35fr repeat(4,1fr) 40px;align-items:center;border-bottom:1px solid rgba(17,19,23,.06);transition:background .35s ease,box-shadow .35s ease}\n.pr5 .dt-row.sel{background:rgba(246,197,96,.14);box-shadow:inset 2px 0 0 #F6C560}\n.pr5 .dt-row:last-of-type{border-bottom:0}\n.pr5 .dt-row>*{padding:8px 10px}\n.pr5 .dt-pin{font-family:var(--mono);font-size:9px;color:var(--ink-3);text-align:right}\n.pr5 .dt-id{display:flex;align-items:center;gap:10px;min-width:0}\n.pr5 .dt-logo{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;color:#fff;font-size:11px;font-weight:700;flex:0 0 auto}\n.pr5 .lg1{background:#4A5E74}\n.pr5 .lg2{background:var(--green)}\n.pr5 .lg3{background:#8A5A00}\n.pr5 .lg4{background:#6E5E8A}\n.pr5 .lg5{background:#3E7A8A}\n.pr5 .lg6{background:#7A4A56}\n.pr5 .dt-name{font-size:11.5px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.pr5 .dt-by{font-family:var(--mono);font-size:8px;color:var(--ink-3);margin-top:1px}\n.pr5 .st{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:500;letter-spacing:.02em;padding:4px 10px;border-radius:99px}\n.pr5 .st.ok{background:var(--green-soft);color:var(--green-deep)}\n.pr5 .st.ok::before{content:\"✓\";font-size:8.5px}\n.pr5 .st.run{background:var(--amber-soft);color:var(--amber)}\n.pr5 .st.run::before{content:\"\";width:5px;height:5px;border-radius:50%;background:var(--amber);animation:pr5-dpulse 1.2s ease-in-out infinite}\n.pr5 .st.wait{background:transparent;border:1px solid rgba(17,19,23,.13);color:var(--ink-3);font-weight:500}\n.pr5 .dt-x{color:rgba(17,19,23,.22);font-size:11px;text-align:center}\n@keyframes pr5-dpulse{0%,100%{opacity:.35}50%{opacity:1}}\n.pr5 .dt-more{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#FBFCFB;border-top:1px solid rgba(17,19,23,.06);font-family:var(--mono);font-size:9px;color:var(--ink-3)}\n.pr5 .dt-more .lnk{font-family:var(--sans);font-size:10px;color:var(--green-deep);font-weight:600}\n.pr5 .fo{margin-top:12px;border:1px solid rgba(17,19,23,.07);border-radius:12px;background:#F7F8F6;padding:10px 14px}\n.pr5 .fo-h{display:flex;align-items:center;gap:9px;margin-bottom:8px}\n.pr5 .fo-h .k{font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}\n.pr5 .fo-h .n{font-family:var(--mono);font-size:9px;color:#A8332A}\n.pr5 .fo-h .why{margin-left:auto;font-size:9.5px;color:var(--ink-3)}\n.pr5 .fo-rows{display:flex;gap:8px;flex-wrap:wrap}\n.pr5 .fo-chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(17,19,23,.08);border-radius:9px;padding:5px 10px 5px 6px;opacity:.72}\n.pr5 .fo-logo{display:grid;place-items:center;width:18px;height:18px;border-radius:5px;background:rgba(17,19,23,.16);color:#fff;font-size:8.5px;font-weight:700}\n.pr5 .fo-name{font-size:10px;font-weight:600;color:var(--ink-2)}\n.pr5 .fo-why{font-family:var(--mono);font-size:7.5px;color:var(--ink-3)}\n.pr5 .fo-more{display:inline-flex;align-items:center;font-size:10px;color:var(--green-deep);font-weight:600;padding:5px 4px}\n.pr5 .gd-diff{border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-top:8px;font-size:10px}\n.pr5 .gd-diff .r{display:flex;gap:10px;padding:6.5px 10px;align-items:baseline}\n.pr5 .gd-diff .r+.r{border-top:1px solid rgba(17,19,23,.07)}\n.pr5 .gd-diff .r.bad{background:rgba(168,51,42,.05)}\n.pr5 .gd-diff .lb{font-family:var(--mono);font-size:8px;letter-spacing:.04em;text-transform:uppercase;color:rgba(17,19,23,.45);width:88px;flex:0 0 auto}\n.pr5 .gd-diff .r.bad .lb{color:#A8332A}\n.pr5 .gd-diff .tx{color:var(--ink-2);font-style:italic;line-height:1.4}\n.pr5 .gd-sup .gd-sr{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid rgba(17,19,23,.07);font-size:10.5px;color:var(--ink-2)}\n.pr5 .gd-sr b{font-family:var(--mono);font-weight:500;font-size:10px;margin-left:auto}\n.pr5 .gd-dots{display:inline-flex;gap:3px}\n.pr5 .gd-dots i{width:6px;height:6px;border-radius:50%;background:#A8332A}\n.pr5 .gc-wrap{position:relative}\n.pr5 .gc-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:11px;overflow:hidden;font-size:10.5px}\n.pr5 .gc-table th,.pr5 .gc-table td{padding:8px 12px;border-bottom:1px solid rgba(17,19,23,.07);text-align:left;vertical-align:middle}\n.pr5 .gc-table td:not(:first-child),.pr5 .gc-table th:not(:first-child){text-align:center;width:118px}\n.pr5 .gc-table .add{width:74px;background:#FAFBFA;border-left:1px dashed rgba(17,19,23,.12);border-right:1px dashed rgba(17,19,23,.12)}\n.pr5 .gc-addb{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ink);color:#fff;font-size:13px;font-weight:600}\n.pr5 .gc-head th.add em{margin-top:4px}\n.pr5 .gc-av{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#fff;font-size:10px;font-weight:700;margin:0 auto 5px;display:grid}\n.pr5 .gc-av.a{background:#4A5E74}\n.pr5 .gc-av.b{background:var(--green)}\n.pr5 .gc-av.c{background:#8A5A00}\n.pr5 .gc-head th{font-size:11px;font-weight:700;padding-top:12px;color:var(--ink)}\n.pr5 .gc-head th em{display:block;font-style:normal;font-family:var(--mono);font-size:8.5px;font-weight:500;color:var(--ink-3);margin-top:3px;letter-spacing:.02em}\n.pr5 .gc-lead{display:inline-block;font-size:7.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--green);color:#fff;border-radius:99px;padding:2px 7px;margin-top:3px}\n.pr5 .gc-score th{font-family:var(--mono);font-size:19px;font-weight:500;padding:2px 12px 10px;color:var(--ink);font-feature-settings:\"tnum\" 1}\n.pr5 .gc-score th:first-child{font-family:'Instrument Sans',sans-serif;font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:rgba(17,19,23,.55);font-weight:700}\n.pr5 .gc-score th.win{color:var(--green-deep)}\n.pr5 .gc-table .win{background:rgba(14,138,95,.05)}\n.pr5 .gc-grp td{background:#F7F9F8;font-size:9px;letter-spacing:.05em;text-transform:uppercase;font-weight:700;color:rgba(17,19,23,.55);padding:6px 12px}\n.pr5 .gc-grp td:not(:first-child){font-family:var(--mono);font-size:9.5px;letter-spacing:.02em;text-align:center}\n.pr5 .gc-w{display:inline-flex;align-items:center;font-family:var(--mono);font-size:9px;border:1px solid var(--line);border-radius:6px;padding:2px 7px;margin-left:8px;background:#fff;color:var(--ink-2);letter-spacing:.02em}\n.pr5 .gc-table tbody td:first-child{color:var(--ink-2);font-weight:600;font-size:10.5px}\n.pr5 .gc-st{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:8.5px;color:rgba(17,19,23,.35);border:1px solid rgba(17,19,23,.10);border-radius:6px;padding:2px 7px;margin-left:8px;white-space:nowrap}\n.pr5 .gc-st b{font-weight:500;font-size:9.5px;color:var(--ink-2)}\n.pr5 .gi{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;font-size:9.5px;font-weight:700;line-height:1;border:1.5px solid transparent;background:#fff}\n.pr5 .gy{border-color:var(--green);color:var(--green)}\n.pr5 .gp{border-color:#D9A73E;color:#8A5A00}\n.pr5 .gr{border-color:#A8332A;color:#A8332A}\n.pr5 .gd{border-color:rgba(17,19,23,.25);color:rgba(17,19,23,.45);font-size:10px}\n.pr5 .gc-focus{box-shadow:inset 0 0 0 1.5px var(--green);background:rgba(14,138,95,.10)!important}\n.pr5 .gc-cite{position:absolute;top:168px;right:-16px;width:252px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px 15px;box-shadow:0 8px 20px rgba(17,19,23,.10),0 30px 70px rgba(17,19,23,.18);z-index:3}\n.pr5 .gc-lead2{font-size:11.5px;color:var(--ink);line-height:1.45}\n.pr5 .gc-lead2 i{color:var(--green-deep);font-style:normal;font-weight:700}\n.pr5 .gc-doc{display:flex;gap:9px;align-items:flex-start;border:1px solid rgba(17,19,23,.09);border-radius:9px;padding:9px 11px;margin-top:9px}\n.pr5 .gc-di{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#EEF4F0;flex:0 0 auto}\n.pr5 .gc-doc b{display:block;font-size:9.5px;letter-spacing:.02em;color:var(--ink);margin-bottom:2px}\n.pr5 .gc-doc div span{font-size:9.5px;font-style:italic;color:var(--ink-2);line-height:1.4;display:block}\n.pr5 .gc-cf{display:flex;justify-content:space-between;align-items:center;margin-top:9px}\n.pr5 .gc-cf .w{color:var(--green-deep);font-weight:700;font-size:10px}\n.pr5 .gc-pg{display:inline-flex;gap:4px}\n.pr5 .gc-pg i{width:5px;height:5px;border-radius:50%;background:rgba(17,19,23,.15)}\n.pr5 .gc-pg i.on{background:var(--ink)}\n@media(max-width:920px){.pr5 .gc-cite{display:none}\n.pr5 .gc-table .add{display:none}}\n@media(max-width:760px){.pr5 .wintabs{display:none}}\n.pr5 .float{position:absolute;text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 16px rgba(17,19,23,.08),0 24px 60px rgba(17,19,23,.14);padding:14px 16px;z-index:3;animation:pr5-bob 7s ease-in-out infinite}\n.pr5 .float-r{animation-delay:1.6s;opacity:0;transition:opacity .7s ease;box-shadow:0 8px 20px rgba(17,19,23,.10),0 30px 70px rgba(17,19,23,.20)}\n.pr5 .showcase.seen .float-r{opacity:1}\n@keyframes pr5-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}\n.pr5 .float .fk{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}\n.pr5 .float-l{display:none}\n.pr5 .float-r{right:calc(var(--gutter) - 30px);top:74px;width:216px}\n.pr5 .gauge{display:flex;align-items:center;gap:12px}\n.pr5 .gauge .g{width:56px;height:56px;border-radius:50%;background:conic-gradient(var(--green) 0 96%,#E3E6E2 96% 100%);display:flex;align-items:center;justify-content:center}\n@keyframes pr5-gpulse{0%,100%{box-shadow:0 0 0 0 rgba(14,138,95,.25)}50%{box-shadow:0 0 0 7px rgba(14,138,95,0)}}\n.pr5 .gauge .g i{width:42px;height:42px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:700;font-size:13.5px}\n.pr5 .gauge .gt b{display:block;font-size:13.5px;font-weight:700;line-height:1.3}\n.pr5 .gauge .gt span{font-size:11.5px;color:var(--ink-3)}\n.pr5 .flagline{display:flex;gap:9px;align-items:flex-start}\n.pr5 .flagline .d{width:8px;height:8px;border-radius:50%;background:#A8332A;box-shadow:0 0 0 3px rgba(168,51,42,.18);margin-top:5px;flex:0 0 auto}\n.pr5 .flagline p{font-size:12px;line-height:1.5;color:var(--ink-2)}\n.pr5 .flagline p b{color:var(--ink)}\n@media(max-width:1150px){.pr5 .float{display:none}}\n.pr5 .app{display:grid;grid-template-columns:200px 1fr 250px;min-height:440px;font-size:11.5px}\n.pr5 .app-rail{border-right:1px solid var(--line);background:var(--bg-soft);padding:14px 0}\n.pr5 .app-rail .sect{font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:8px 16px 4px}\n.pr5 .app-rail .it{padding:7.5px 16px;color:var(--ink-2);display:flex;justify-content:space-between;gap:8px;align-items:center}\n.pr5 .app-rail .it.on{background:var(--green-soft);color:var(--ink);font-weight:700;border-right:2px solid var(--green)}\n.pr5 .app-rail .ct{font-family:var(--mono);font-size:9.5px;color:var(--ink-3)}\n.pr5 .app-rail .it.on .ct{background:#fff;border:1px solid var(--line);border-radius:99px;padding:1px 7px;color:var(--green-deep);font-weight:500}\n.pr5 .app-main{padding:16px 18px;overflow:hidden}\n.pr5 .app-crumb{font-family:var(--mono);font-size:10px;color:var(--ink-3);margin-bottom:8px}\n.pr5 .app-crumb::after{content:\"▍\";color:var(--green);margin-left:3px;animation:pr5-blink 1.2s steps(1) infinite}\n@keyframes pr5-blink{50%{opacity:0}}\n.pr5 .app-h{font-size:15.5px;font-weight:700;letter-spacing:-.01em;margin-bottom:2px}\n.pr5 .app-sub{font-size:11px;color:var(--ink-3);margin-bottom:12px}\n.pr5 .mtable{width:100%;border-collapse:collapse;border:1px solid var(--line)}\n@media(hover:hover){.pr5 .mtable tbody tr{cursor:default;transition:background-color .12s ease,box-shadow .12s ease}\n.pr5 .mtable tbody tr:hover{background:rgba(17,19,23,.035);box-shadow:inset 2px 0 0 0 var(--green)}}\n.pr5 .mtable th,.pr5 .mtable td{border-bottom:1px solid var(--line);padding:8.5px 10px;text-align:left;vertical-align:middle;line-height:1.45}\n.pr5 .mtable thead th{background:var(--bg-soft);font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}\n.pr5 .mtable td:first-child{color:var(--ink-2);width:38%;font-weight:600}\n.pr5 .mtable tbody tr:last-child td{border-bottom:none}\n.pr5 .mtable tbody tr{transition:background .15s;animation:pr5-scanrow 10s ease-in-out infinite}\n.pr5 .mtable tbody tr:nth-child(1){animation-delay:0s}\n.pr5 .mtable tbody tr:nth-child(2){animation-delay:2s}\n.pr5 .mtable tbody tr:nth-child(3){animation-delay:4s}\n.pr5 .mtable tbody tr:nth-child(4){animation-delay:6s}\n.pr5 .mtable tbody tr:nth-child(5){animation-delay:8s}\n@keyframes pr5-scanrow{0%,18%,100%{background:transparent}6%,12%{background:rgba(14,138,95,.055)}}\n.pr5 .mtable tbody tr:hover{background:rgba(14,138,95,.045);animation:none}\n.pr5 .pill{display:inline-flex;align-items:center;gap:5px;font-size:9.5px;font-weight:700;padding:3px 9px;border-radius:99px;letter-spacing:.02em}\n.pr5 .pill-y{color:#fff;background:var(--green)}\n.pr5 .pill-p{color:#3E2A00;background:#F6C560}\n.pr5 .pill-n{color:#fff;background:var(--ink)}\n.pr5 .src{font-family:var(--mono);font-size:9.5px;font-weight:500;color:#565D66;border:1px solid var(--line);border-radius:5px;padding:1px 5px;margin-left:5px;white-space:nowrap;font-feature-settings:\"tnum\" 1}\n.pr5 .app-side{border-left:1px solid var(--line);background:var(--bg-soft);padding:14px 16px}\n.pr5 .app-side h6{font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}\n.pr5 .ev{background:#fff;border:1px solid var(--line);border-left:2.5px solid var(--green);border-radius:10px;padding:10px 12px;margin-bottom:10px}\n.pr5 .ev .q{font-size:10.5px;color:var(--ink-2);font-style:italic;line-height:1.5}\n.pr5 .ev .s{font-family:var(--mono);font-size:9px;font-weight:500;color:#565D66;margin-top:6px;display:block;letter-spacing:-.01em;font-feature-settings:\"tnum\" 1}\n.pr5 .costbars{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px}\n.pr5 .costbars .cb{display:grid;grid-template-columns:16px 1fr 30px;gap:8px;align-items:center;margin-bottom:8px;font-size:10.5px;color:var(--ink-2)}\n.pr5 .costbars .cb:last-child{margin-bottom:0}\n.pr5 .costbars .bar{height:9px;border-radius:99px;background:#EEF0ED;overflow:hidden}\n.pr5 .costbars .bar i{display:block;height:100%;border-radius:99px;animation:pr5-fillb 1.1s cubic-bezier(.2,.7,.3,1) both;transform-origin:left}\n.pr5 .costbars .cb:nth-child(1) .bar i{animation-delay:.2s}\n.pr5 .costbars .cb:nth-child(2) .bar i{animation-delay:.45s}\n.pr5 .costbars .cb:nth-child(3) .bar i{animation-delay:.7s}\n@keyframes pr5-fillb{from{transform:scaleX(0)}to{transform:scaleX(1)}}\n@media(max-width:920px){.pr5 .app{grid-template-columns:1fr}\n.pr5 .app-rail,.pr5 .app-side{display:none}}\n.pr5 .logos{padding:calc(clamp(44px,6vw,92px) + 64px) 0 clamp(24px,3vw,36px);text-align:center;background:linear-gradient(180deg,#FFFFFF 0%,#F5FAF7 88%,#FFFFFF 100%);border-top:1px solid rgba(17,19,23,.05)}\n.pr5 .logos .cap{font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-bottom:30px}\n.pr5 .mlogo{font-weight:700;font-size:23px;letter-spacing:-.01em;color:rgba(76,81,88,.58);white-space:nowrap}\n.pr5 .mlogo span{font-size:7px;vertical-align:super;letter-spacing:.1em;color:#C4C7CC;font-weight:700}\n.pr5 .lgrot{position:relative;min-height:40px;max-width:860px;margin:0 auto}\n.pr5 .lgi{position:absolute;inset:0;display:flex;gap:20px;justify-content:center;align-items:center;opacity:0;transition:opacity .75s ease;pointer-events:none}\n.pr5 .lgi.on{opacity:1;pointer-events:auto}\n.pr5 .lgi i{width:1px;height:18px;background:rgba(17,19,23,.16);flex:0 0 auto}\n.pr5 .lgimg{height:24px;width:auto;opacity:.8;display:block}\n.pr5 .lgimg.lg-vs,.pr5 .lgimg[alt=\"Ekip.co\"]{height:22px}\n.pr5 .lgi p{font-size:13px;color:var(--ink-2);line-height:1.45;text-align:left}\n.pr5 .lgi p b{color:var(--ink);font-weight:600}\n@media(max-width:640px){.pr5 .lgrot{min-height:78px}\n.pr5 .lgi{flex-direction:column;gap:8px}\n.pr5 .lgi i{display:none}\n.pr5 .lgi p{text-align:center;padding:0 16px}}\n.pr5 .lgdots{display:flex;gap:7px;justify-content:center;margin-top:18px}\n.pr5 .lgdots span{width:6px;height:6px;border-radius:99px;background:rgba(17,19,23,.14);cursor:pointer;transition:width .3s ease,background .3s ease}\n.pr5 .lgdots span.on{width:22px;background:rgba(17,19,23,.10);position:relative;overflow:hidden}\n.pr5 .lgdots span.on::after{content:\"\";position:absolute;inset:0;border-radius:99px;background:var(--green);opacity:.5;transform-origin:left;transform:scaleX(0);animation:pr5-lgfill 4.6s linear forwards}\n.pr5 .lgdots.paused span.on::after{animation-play-state:paused}\n@keyframes pr5-lgfill{to{transform:scaleX(1)}}\n@media(prefers-reduced-motion:reduce){.pr5 .lgdots span.on::after{animation:none}}\n.pr5 .canvas{margin:clamp(28px,3.5vw,52px) clamp(14px,2.4vw,34px);border-radius:clamp(20px,2.6vw,34px);position:relative;overflow:hidden}\n.pr5 .cv-in{max-width:var(--max);margin:0 auto;padding:clamp(48px,6vw,96px) var(--gutter)}\n.pr5 .cv-mist{background:linear-gradient(180deg,var(--mist) 0%,#F0F7F2 100%)}\n.pr5 .cv-mist::before{content:\"\";position:absolute;inset:0;background:\n  repeating-linear-gradient(-55deg,rgba(14,138,95,.10) 0 1px,transparent 1px 7px);\n  mask-image:radial-gradient(70% 90% at 85% 10%,#000,transparent 60%)}\n.pr5 .cv-dark{background:var(--dark);color:var(--dark-ink)}\n.pr5 .cv-dark::before{content:\"\";position:absolute;inset:0;background:\n  linear-gradient(115deg,transparent 42%,rgba(127,216,180,.10) 46%,transparent 50%),\n  linear-gradient(115deg,transparent 56%,rgba(127,216,180,.06) 60%,transparent 65%),\n  repeating-linear-gradient(90deg,rgba(255,255,255,.028) 0 1px,transparent 1px 9px);\n  mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.5))}\n.pr5 .cv-green{background:linear-gradient(130deg,#0C7A54 0%,#0A5C43 58%,#07452F 100%);color:#fff}\n.pr5 .cv-green::before{content:\"\";position:absolute;inset:0;background:\n  radial-gradient(46% 60% at 82% 8%,rgba(127,216,180,.35),transparent 70%),\n  radial-gradient(50% 60% at 0% 100%,rgba(0,0,0,.20),transparent 70%),\n  repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 9px)}\n.pr5 .cv-green::after{content:\"\";position:absolute;right:0;bottom:0;width:42%;height:52%;background:repeating-linear-gradient(-55deg,rgba(255,255,255,.10) 0 1px,transparent 1px 7px);mask-image:radial-gradient(80% 90% at 100% 100%,#000,transparent 70%);pointer-events:none}\n.pr5 .canvas .cv-in{position:relative;z-index:1}\n.pr5 .sec-count{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);display:flex;align-items:center;gap:8px;margin-bottom:20px}\n.pr5 .sec-count i{font-style:normal;color:var(--ink-3);font-weight:600}\n.pr5 .cv-dark .sec-count{color:var(--dark-ink)}\n.pr5 .cv-dark .sec-count i,.pr5 .cv-green .sec-count i{color:rgba(255,255,255,.55)}\n.pr5 .cv-green .sec-count{color:#fff}\n.pr5 .disp{font-size:clamp(34px,4.8vw,64px);line-height:1;letter-spacing:-.035em;font-weight:700;max-width:900px;text-wrap:balance}\n.pr5 .cv-dark .disp{color:#fff}\n.pr5 .cv-green .disp{color:#fff}\n.pr5 .sec-lede{max-width:640px;color:var(--ink-2);font-size:17px;margin-top:18px}\n.pr5 .sec-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}\n.pr5 .sec-act{flex:0 0 auto;margin-bottom:6px}\n.pr5 .cv-dark .sec-lede{color:var(--dark-ink-2)}\n.pr5 .cv-green .sec-lede{color:rgba(255,255,255,.82)}\n.pr5 .disp-caps{text-transform:uppercase;letter-spacing:-.02em}\n.pr5 .car-nav{display:flex;gap:10px;flex:0 0 auto}\n.pr5 .car-btn{width:54px;height:54px;border-radius:99px;border:1.5px solid var(--line-2);background:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;color:var(--ink);cursor:pointer;transition:border-color .15s,transform .15s}\n.pr5 .car-btn:hover{border-color:var(--ink)}\n.pr5 #carPrev:hover{transform:translateX(-2px)}\n.pr5 #carNext:hover{transform:translateX(2px)}\n.pr5 .car-wrap{margin-top:clamp(24px,3vw,40px)}\n.pr5 .carousel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px max(var(--gutter),calc((100vw - var(--max))/2 + var(--gutter))) 26px 0;scroll-padding-left:0;scroll-padding-right:max(var(--gutter),calc((100vw - var(--max))/2 + var(--gutter)));scrollbar-width:none}\n.pr5 .carousel::-webkit-scrollbar{display:none}\n.pr5 .carousel:focus-visible{outline:2px solid var(--green-deep);outline-offset:6px;border-radius:12px}\n.pr5 .pcard{flex:0 0 min(430px,86vw);scroll-snap-align:start;border-radius:24px;padding:30px 28px;position:relative;overflow:hidden;min-height:540px;display:flex;flex-direction:column;transition:transform .3s ease}\n.pr5 .pcard:hover{transform:translateY(-4px)}\n.pr5 .pcard::before{content:\"\";position:absolute;inset:0;background:repeating-linear-gradient(-55deg,rgba(14,138,95,.14) 0 1px,transparent 1px 6px);mask-image:radial-gradient(55% 65% at 100% 100%,#000,transparent 60%);pointer-events:none}\n.pr5 .t-mint{background:linear-gradient(180deg,#E2F0E9 0%,#EDF6F0 100%)}\n.pr5 .t-sand{background:linear-gradient(180deg,#F2EFE6 0%,#F7F5EE 100%)}\n.pr5 .t-sand::before{background:repeating-linear-gradient(-55deg,rgba(154,91,0,.13) 0 1px,transparent 1px 6px)}\n.pr5 .t-mist2{background:linear-gradient(180deg,#E7F2EC 0%,#F0F7F2 100%)}\n.pr5 .t-slate{background:linear-gradient(180deg,#E9EEF3 0%,#F1F5F8 100%)}\n.pr5 .t-slate::before{background:repeating-linear-gradient(-55deg,rgba(56,74,96,.14) 0 1px,transparent 1px 6px)}\n.pr5 .pc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}\n.pr5 .pcard .k{font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2)}\n.pr5 .t-mint .k,.pr5 .t-mist2 .k{color:var(--green-deep)}\n.pr5 .t-sand .k{color:#6B4A00}\n.pr5 .t-slate .k{color:#384A60}\n.pr5 .plus{width:46px;height:46px;border-radius:99px;border:1.5px solid rgba(17,19,23,.35);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:400;color:var(--ink);text-decoration:none;transition:all .18s;flex:0 0 auto;background:transparent}\n.pr5 .plus:hover{background:var(--ink);color:#fff;border-color:var(--ink);transform:rotate(90deg)}\n.pr5 .pcard h3{font-size:clamp(23px,2.4vw,30px);font-weight:700;letter-spacing:-.028em;line-height:1.08;text-wrap:balance}\n.pr5 .pc-line{font-size:14px;color:var(--ink-2);margin-top:10px;max-width:340px;text-wrap:pretty}\n@media(max-width:640px){.pr5 .pcard{min-height:500px}\n.pr5 .art{height:184px}\n.pr5 .art-spec,.pr5 .art-comp,.pr5 .art-disc .rows{width:100%}\n.pr5 .art-rec .tl{gap:8px}\n.pr5 .art-rec .tl .d{font-size:9px}\n.pr5 .art-rec .tl .ln{min-width:36px}\n.pr5.cards2 .art{height:212px}\n.pr5.cards2 .art-disc .big{font-size:44px}}\n.pr5 .art{margin-top:auto;height:204px;position:relative;z-index:1;transition:transform .3s ease}\n.pr5 .pcard:hover .art{transform:translateY(-3px)}\n.pr5 .art-spec{background:#fff;border:1px solid rgba(17,19,23,.55);border-left:3px solid #A8332A;border-radius:12px;padding:20px;width:100%;display:flex;flex-direction:column;box-shadow:0 3px 8px rgba(17,19,23,.05),0 22px 55px rgba(17,19,23,.12)}\n.pr5 .art-spec .m{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--ink-2);margin-bottom:8px}\n.pr5 .art-spec .l{font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-top:auto}\n.pr5 .art-spec .l em{font-style:normal;color:var(--ink-2);font-weight:400}\n.pr5 .art-spec .tags{display:flex;gap:7px;margin-top:12px}\n.pr5 .art-spec .b2{margin-top:auto;padding-top:12px;border-top:1px solid rgba(17,19,23,.08);font-size:11.5px;color:var(--ink-3)}\n.pr5 .art-spec .b2 b{color:var(--ink-2);font-weight:600}\n.pr5 .tagA{display:inline-flex;font-size:8.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:99px;background:rgba(168,51,42,.12);color:#A8332A}\n.pr5 .tagN{display:inline-flex;font-size:8.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:99px;border:1px solid rgba(17,19,23,.22);color:var(--ink-2)}\n.pr5 .pcard:hover .art-spec .tagA{animation:pr5-flagpulse .7s ease 1}\n@keyframes pr5-flagpulse{50%{transform:scale(1.07)}}\n.pr5 .art-disc .big{font-family:var(--mono);font-size:34px;font-weight:500;letter-spacing:-.04em;font-feature-settings:\"tnum\" 1;line-height:1;padding:15px 16px 12px;border-bottom:1px solid rgba(17,19,23,.07)}\n.pr5 .art-disc .big i{margin:0 -9px}\n.pr5 .art-disc .big i{font-style:normal;color:var(--green-deep)}\n.pr5 .art-disc .rows{background:#fff;border:1px solid rgba(17,19,23,.55);border-radius:12px;overflow:hidden;width:100%;height:100%;display:flex;flex-direction:column;box-shadow:0 3px 8px rgba(17,19,23,.05),0 22px 55px rgba(17,19,23,.12)}\n.pr5 .art-disc .r{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:12px;flex:1}\n.pr5 .art-disc .r+.r{border-top:1px solid rgba(17,19,23,.07)}\n.pr5 .art-disc .r:first-of-type{background:rgba(14,138,95,.05)}\n.pr5 .art-disc .r b{font-weight:700}\n.pr5 .art-disc .r .st{margin-left:auto;font-family:var(--mono);font-size:8.5px;letter-spacing:.05em;color:var(--green-deep)}\n.pr5 .art-disc .r.out{color:var(--ink-3)}\n.pr5 .art-disc .r.out .st{color:#5F656D}\n.pr5 .art-disc .r.out span.x{position:relative}\n.pr5 .art-disc .r.out span.x::after{content:\"\";position:absolute;left:0;right:0;top:52%;height:1px;background:rgba(17,19,23,.32);transform:scaleX(0);transform-origin:left;transition:transform .45s ease}\n.pr5 .pcard:hover .art-disc .r.out span.x::after{transform:scaleX(1)}\n.pr5 .pcard:hover .art-disc .r.out:last-child span.x::after{transition-delay:.18s}\n.pr5 .art-comp{background:#fff;border:1px solid rgba(17,19,23,.55);border-radius:12px;overflow:hidden;width:100%;box-shadow:0 3px 8px rgba(17,19,23,.05),0 22px 55px rgba(17,19,23,.12);display:grid;grid-template-columns:1fr 1.15fr 1fr;grid-template-rows:1fr auto}\n.pr5 .art-comp{height:204px}\n.pr5 .art-comp .col{padding:22px 14px 18px;text-align:center;display:flex;flex-direction:column;justify-content:flex-start}\n.pr5 .art-comp .col+.col{border-left:1px solid rgba(17,19,23,.07)}\n.pr5 .art-comp .col .s{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:8px}\n.pr5 .art-comp .col .sbar{display:block;height:3px;border-radius:99px;background:rgba(17,19,23,.08);margin-top:10px;overflow:hidden}\n.pr5 .art-comp .col .sbar i{display:block;height:100%;border-radius:99px;background:var(--ink-3);opacity:.55}\n.pr5 .art-comp .col.win .sbar i{background:var(--green);opacity:.85}\n.pr5 .art-comp .col .n{font-family:var(--mono);font-size:27px;font-weight:500;font-feature-settings:\"tnum\" 1;line-height:34px;display:block}\n.pr5 .art-comp .col.win{background:rgba(14,138,95,.08);transition:background .3s ease;border-left:1px solid rgba(14,138,95,.22);border-right:1px solid rgba(14,138,95,.22)}\n.pr5 .art-comp .col.win + .col{border-left:0}\n.pr5 .art-comp .col.win .n{color:var(--green-deep);font-size:33px;line-height:34px;display:block;transition:transform .3s ease}\n.pr5 .art-comp .col.win .lead{display:inline-flex;font-size:8px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--green);color:#fff;padding:3px 8px;border-radius:99px;margin-top:8px;transition:transform .3s ease}\n.pr5 .pcard:hover .art-comp .col.win .lead{transform:scale(1.07)}\n.pr5 .pcard:hover .art-comp .col.win{background:rgba(14,138,95,.13)}\n.pr5 .pcard:hover .art-comp .col.win .n{transform:scale(1.05)}\n.pr5 .art-comp .foot{grid-column:1/-1;display:block;border-top:1px solid rgba(17,19,23,.07);padding:10px 16px;font-family:var(--mono);font-size:9.5px;letter-spacing:.04em;color:var(--ink-2);text-align:left;white-space:nowrap}\n.pr5 .art-rec{background:#fff;border:1px solid rgba(17,19,23,.55);border-radius:12px;padding:20px;width:100%;display:flex;flex-direction:column;box-shadow:0 3px 8px rgba(17,19,23,.05),0 22px 55px rgba(17,19,23,.12)}\n.pr5 .art-rec .m{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--ink-2);line-height:2.15;margin:auto 0}\n.pr5 .art-rec .m b{color:var(--ink);font-weight:500;display:inline-block;margin-bottom:3px}\n.pr5 .art-rec .m b.big{font-size:12.5px;letter-spacing:.05em;margin-bottom:6px}\n.pr5 .n41{font-weight:500;color:var(--green-deep)}\n.pr5 .art-rec .tl{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:16px;border-top:1px solid rgba(17,19,23,.08)}\n.pr5 .art-rec .tl .d{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--ink-2);white-space:nowrap}\n.pr5 .art-rec .tl .d.g{color:var(--ink-2);transition:color .5s ease .35s}\n.pr5 .pcard:hover .art-rec .tl .d.g{color:var(--green-deep)}\n.pr5 .art-rec .tl .ln{flex:1;height:3px;border-radius:99px;background:rgba(17,19,23,.18);position:relative}\n.pr5 .art-rec .tl .ln::before{content:\"\";position:absolute;left:-1px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--ink-2);z-index:1}\n.pr5 .art-rec .tl .ln i{position:absolute;right:-1px;top:-3px;width:8px;height:8px;border-radius:50%;background:rgba(17,19,23,.35);transition:background .5s ease .35s;z-index:1}\n.pr5 .pcard:hover .art-rec .tl .ln i{background:var(--green-deep)}\n.pr5 .art-rec .tl .ln::after{content:\"\";position:absolute;inset:0;border-radius:99px;background:var(--green);opacity:.65;transform:scaleX(.12);transform-origin:left;transition:transform .9s ease}\n.pr5 .pcard:hover .art-rec .tl .ln::after{transform:scaleX(1)}\n@media(prefers-reduced-motion:reduce){.pr5 .art,.pr5 .art *{animation:none!important;transition:none!important}\n.pr5 .pcard:hover{transform:none}\n.pr5 .pcard:hover .art{transform:none}}\n.pr5.cards2 .art{height:232px}\n.pr5.cards2 .t-mint{background:linear-gradient(180deg,#C2E3D2 0%,#DBEFE4 100%)}\n.pr5.cards2 .t-sand{background:linear-gradient(180deg,#EDDFBD 0%,#F3EAD3 100%)}\n.pr5.cards2 .t-mist2{background:linear-gradient(180deg,#BEE1CE 0%,#D5EBDE 100%)}\n.pr5.cards2 .t-mint::before,.pr5.cards2 .t-mist2::before{background:repeating-linear-gradient(-55deg,rgba(14,138,95,.20) 0 1px,transparent 1px 6px)}\n.pr5.cards2 .t-sand::before{background:repeating-linear-gradient(-55deg,rgba(154,91,0,.18) 0 1px,transparent 1px 6px)}\n.pr5.cards2 .pcard{opacity:0;transform:translateY(18px)}\n.pr5.cards2.crin .pcard{opacity:1;transform:none;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1)}\n.pr5.cards2.crin .pcard:nth-child(2){transition-delay:.08s}\n.pr5.cards2.crin .pcard:nth-child(3){transition-delay:.16s}\n.pr5.cards2.crin .pcard:nth-child(4){transition-delay:.24s}\n@media(prefers-reduced-motion:reduce){.pr5.cards2 .pcard{opacity:1;transform:none;transition:none}}\n.pr5.cards2 .art-spec .l{font-size:21px;line-height:1.2}\n.pr5.cards2 .art-spec .m{margin-bottom:10px}\n.pr5.cards2 .art-spec .tags{gap:8px;margin-top:14px}\n.pr5.cards2 .art-spec .b2{padding-top:14px}\n.pr5.cards2 .pcard::after{content:\"\";position:absolute;inset:0;pointer-events:none;opacity:.04;mix-blend-mode:multiply;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E\")}\n.pr5.cards2 .art-disc .r{padding:13px 16px}\n.pr5.cards2 .art-disc .big{font-size:54px;padding:17px 18px 13px;letter-spacing:-.05em}\n.pr5.cards2 .art-disc .big i{margin:0 -10px}\n.pr5.cards2 .art-comp{overflow:visible}\n.pr5.cards2 .art-comp .col.win{margin-top:-10px;padding-top:32px;background:linear-gradient(180deg,#FFFFFF 0%,#F1F9F5 100%);border:1px solid rgba(17,19,23,.55);border-bottom:0;border-radius:12px 12px 0 0;box-shadow:0 16px 36px rgba(14,138,95,.25)}\n.pr5.cards2 .art-comp .foot{border-bottom-left-radius:12px;border-bottom-right-radius:12px}\n.pr5 .art-comp .col .ticks{display:none}\n.pr5.cards2 .art-comp .col .ticks{display:flex;gap:6px;justify-content:center;margin-top:11px}\n.pr5.cards2 .art-comp .col .ticks .gi{width:15px;height:15px;font-size:8.5px}\n.pr5.cards2 .art-comp .col.win .lead{margin-top:10px}\n.pr5.cards2 .art-comp .col.win{transition:box-shadow .3s ease,transform .3s ease}\n.pr5.cards2 .pcard:hover .art-comp .col.win{background:linear-gradient(180deg,#FFFFFF 0%,#F1F9F5 100%);box-shadow:0 22px 46px rgba(14,138,95,.32);transform:translateY(-2px)}\n.pr5.cards2 .t-slate::after{mix-blend-mode:screen;opacity:.05}\n.pr5.cards2 .t-slate{background:linear-gradient(180deg,#10151A 0%,#171C21 100%)}\n.pr5.cards2 .t-slate::before{background:repeating-linear-gradient(-55deg,rgba(127,216,180,.17) 0 1px,transparent 1px 6px)}\n.pr5.cards2 .t-slate .k{color:var(--mint)}\n.pr5.cards2 .t-slate h3{color:#F2F3F1}\n.pr5.cards2 .t-slate .pc-line{color:#A8ADB5}\n.pr5.cards2 .t-slate .art-rec{position:relative;z-index:1;width:100%;border-color:rgba(17,19,23,.85);box-shadow:12px 12px 0 -3px #C9D1CC,12px 12px 0 -2px rgba(17,19,23,.5),0 30px 70px rgba(0,0,0,.5);transition:box-shadow .35s ease,transform .3s ease}\n.pr5.cards2 .t-slate:hover .art-rec{box-shadow:15px 15px 0 -3px #C9D1CC,15px 15px 0 -2px rgba(17,19,23,.5),0 34px 76px rgba(0,0,0,.55)}\n.pr5 .sol{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,4vw,64px);align-items:center;padding:clamp(34px,4.5vw,52px) 0}\n.pr5 .sol+.sol{border-top:1px solid var(--line)}\n.pr5 .sol.flip .sol-copy{order:2}\n.pr5 .sol.flip .sol-shot{order:1}\n.pr5 .sol-copy .k{font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--green-deep);margin-bottom:12px}\n.pr5 .sol-copy h3{font-size:clamp(24px,3vw,38px);font-weight:700;letter-spacing:-.03em;line-height:1.06;margin-bottom:14px;text-wrap:balance}\n.pr5 .sol-copy p{font-size:15.5px;color:var(--ink-2);margin-bottom:18px}\n.pr5 .sol-copy p b{color:var(--ink);font-weight:700}\n.pr5 .sol-copy .lnk{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--green);padding-bottom:2px}\n.pr5 .sol-copy .lnk:hover{color:var(--green-deep)}\n.pr5 .sol-copy .lnk i{font-style:normal;transition:transform .15s}\n.pr5 .sol-copy .lnk:hover i{transform:translateX(4px)}\n.pr5 .sol-shot{position:relative;border-radius:22px;padding:clamp(22px,3vw,40px);background:linear-gradient(160deg,var(--mist-2) 0%,#EDF5F0 100%);overflow:hidden;transition:transform .3s ease}\n.pr5 .sol:hover .sol-shot{transform:translateY(-4px)}\n.pr5 .sol-shot::before{content:\"\";position:absolute;inset:0;background:repeating-linear-gradient(-55deg,rgba(14,138,95,.12) 0 1px,transparent 1px 7px);mask-image:radial-gradient(60% 80% at 100% 100%,#000,transparent 62%)}\n.pr5 .sol-shot.alt{background:linear-gradient(160deg,#F3F1EA 0%,#F7F5EF 100%)}\n.pr5 .sol-shot.alt::before{background:repeating-linear-gradient(-55deg,rgba(154,91,0,.10) 0 1px,transparent 1px 7px)}\n.pr5 .sol-shot.alt2{background:linear-gradient(160deg,#EBEFF3 0%,#F2F5F7 100%)}\n.pr5 .sol-shot.alt2::before{background:repeating-linear-gradient(-55deg,rgba(56,74,96,.12) 0 1px,transparent 1px 7px)}\n.pr5 .sol-shot::after{content:\"\";position:absolute;left:0;right:0;bottom:0;height:5px;background:repeating-linear-gradient(-55deg,rgba(14,138,95,.30) 0 2px,transparent 2px 6px)}\n.pr5 .sol-shot.alt::after{background:repeating-linear-gradient(-55deg,rgba(154,91,0,.28) 0 2px,transparent 2px 6px)}\n.pr5 .sol-shot.alt2::after{background:repeating-linear-gradient(-55deg,rgba(56,74,96,.28) 0 2px,transparent 2px 6px)}\n.pr5 .shot{position:relative;background:#fff;border:1px solid rgba(17,19,23,.6);border-radius:14px;box-shadow:0 3px 8px rgba(17,19,23,.05),0 22px 55px rgba(17,19,23,.13);overflow:hidden;font-size:11px}\n.pr5 .shot-bar{display:flex;align-items:center;gap:8px;padding:9px 13px;border-bottom:1px solid var(--line);background:var(--bg-soft);font-family:var(--mono);font-size:9.5px;color:var(--ink-3)}\n.pr5 .shot-bar i{width:7px;height:7px;border-radius:50%;background:var(--line-2);font-style:normal}\n.pr5 .shot-bar i:first-child{background:var(--green)}\n.pr5 .sol-shot.alt .shot-bar i:first-child{background:var(--amber)}\n.pr5 .sol-shot.alt2 .shot-bar i:first-child{background:#4A5E74}\n.pr5 .shot-body{padding:15px}\n.pr5 .shot h5{font-size:13px;font-weight:700;letter-spacing:-.01em;margin-bottom:9px}\n.pr5 .srow{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:9px 12px;margin-bottom:8px;font-size:10.5px;color:var(--ink-2);background:#fff}\n.pr5 .srow b{color:var(--ink);font-weight:700}\n.pr5 .srow .tag{font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2.5px 8px;border-radius:99px;white-space:nowrap}\n.pr5 .t-g{color:var(--green-deep);background:var(--green-soft)}\n.pr5 .t-a{color:var(--amber);background:var(--amber-soft)}\n.pr5 .t-r{color:var(--red);background:var(--red-soft)}\n.pr5 .t-n{color:var(--ink-3);background:var(--bg-soft);border:1px solid var(--line)}\n.pr5 .tv-g{color:#fff;background:var(--green)}\n.pr5 .tv-a{color:#3E2A00;background:#F6C560}\n.pr5 .tv-k{color:#fff;background:var(--ink)}\n@media(max-width:920px){.pr5 .sol{grid-template-columns:1fr}\n.pr5 .sol.flip .sol-copy{order:1}\n.pr5 .sol.flip .sol-shot{order:2}}\n.pr5 .chips{margin-top:30px}\n.pr5 .chips .anno{display:block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:16px}\n.pr5 .catmarq{position:relative;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}\n.pr5 .catmarq-in{display:flex;gap:10px;width:max-content;animation:pr5-catmarq 42s linear infinite}\n@keyframes pr5-catmarq{to{transform:translateX(-50%)}}\n.pr5 .catmarq:hover .catmarq-in{animation-play-state:paused}\n.pr5 .catmarq-set{display:flex;gap:10px;flex:0 0 auto}\n.pr5 .cat{font-size:13.5px;font-weight:600;color:var(--ink-2);border:1.5px solid var(--line-2);padding:8px 16px;border-radius:99px;background:#fff;white-space:nowrap;transition:border-color .15s,color .15s}\n.pr5 .cat:hover{border-color:var(--ink);color:var(--ink)}\n@media(prefers-reduced-motion:reduce){.pr5 .catmarq{mask-image:none}\n.pr5 .catmarq-in{animation:none;flex-wrap:wrap;width:auto}\n.pr5 .catmarq-set:last-child{display:none}}\n.pr5 .roi{padding:clamp(44px,6vw,86px) 0}\n.pr5 .roi-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,72px);align-items:center;margin-top:clamp(26px,3vw,44px)}\n.pr5 .roi-in .row{margin-bottom:22px}\n.pr5 .roi-in .row:last-child{margin-bottom:0}\n.pr5 .roi-in .rl{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px}\n.pr5 .roi-in .rl label{font-size:13.5px;font-weight:600;color:var(--ink-2)}\n.pr5 .roi-in .rl .v{font-family:var(--mono);font-size:15px;font-weight:500;color:var(--ink)}\n.pr5 .roi-rng{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:99px;background:var(--line-2);outline:none;cursor:pointer}\n.pr5 .roi-rng::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--green);border:3px solid #fff;box-shadow:0 1px 4px rgba(17,19,23,.25);cursor:pointer}\n.pr5 .roi-rng::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--green);border:3px solid #fff;box-shadow:0 1px 4px rgba(17,19,23,.25);cursor:pointer;border-color:#fff}\n.pr5 .roi-rng:focus-visible{outline:2px solid var(--green-deep);outline-offset:6px}\n.pr5 .roi-out{background:var(--dark);color:#fff;border-radius:20px;padding:clamp(26px,3vw,38px);position:relative;overflow:hidden}\n.pr5 .roi-out::before{content:\"\";position:absolute;inset:0;background:repeating-linear-gradient(-55deg,rgba(127,216,180,.10) 0 1px,transparent 1px 7px);mask-image:radial-gradient(70% 90% at 90% 6%,#000,transparent 62%)}\n.pr5 .roi-out .k{position:relative;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--mint)}\n.pr5 .roi-o1{position:relative;margin-top:12px}\n.pr5 .roi-o1 .n{font-family:var(--sans);font-weight:700;letter-spacing:-.03em;font-size:clamp(40px,5vw,60px);line-height:1}\n.pr5 .roi-o1 .n em{font-style:normal;color:var(--mint)}\n.pr5 .roi-o1 .l{font-size:12.5px;color:var(--dark-ink-2);margin-top:6px}\n.pr5 .roi-o2{position:relative;display:flex;gap:24px;margin-top:22px;padding-top:20px;border-top:1px solid var(--dark-line)}\n.pr5 .roi-o2 .c .n{font-family:var(--mono);font-size:24px;font-weight:500;letter-spacing:-.02em}\n.pr5 .roi-o2 .c .n em{font-style:normal;color:var(--mint)}\n.pr5 .roi-o2 .c .l{font-size:11px;color:var(--dark-ink-2);margin-top:3px;line-height:1.4}\n.pr5 .roi-src{font-size:10.5px;color:var(--ink-3);margin-top:18px}\n.pr5 .roi-cta{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-size:14px;font-weight:700;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--green);padding-bottom:2px}\n.pr5 .roi-cta:hover{color:var(--green-deep)}\n@media(max-width:820px){.pr5 .roi-grid{grid-template-columns:1fr;gap:30px}}\n.pr5 #stats{content-visibility:visible}\n.pr5 .fsl-dots{display:flex;gap:7px;margin-top:clamp(22px,2.6vw,32px)}\n.pr5 .fsl-dots span{width:7px;height:7px;border-radius:99px;background:rgba(255,255,255,.22);cursor:pointer;transition:width .3s,background .3s}\n.pr5 .fsl-dots span.on{width:24px;background:var(--mint)}\n.pr5 .fs-swap{animation:pr5-fslin .35s ease}\n@keyframes pr5-fslin{from{opacity:.15}}\n@media(prefers-reduced-motion:reduce){.pr5 .fs-swap{animation:none}}\n.pr5 .fs-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(24px,3vw,44px);align-items:stretch;margin-top:clamp(28px,3.5vw,48px)}\n.pr5 .fs-q{display:flex;flex-direction:column}\n.pr5 .fs-logo{height:24px;width:auto;margin-bottom:22px;opacity:.9;align-self:flex-start;filter:brightness(0) invert(.92)}\n.pr5 .fs-logo[alt=\"vSmart\"]{height:30px}\n.pr5 .fs-logo[alt=\"Ekip.co\"]{height:30px}\n.pr5 .fs-logo[alt=\"FolSec\"]{height:34px}\n.pr5 .fs-q blockquote{font-size:clamp(20px,2.3vw,30px);font-weight:600;letter-spacing:-.02em;line-height:1.4;color:#F2F3F1;flex:1}\n.pr5 .fs-q blockquote .qq{color:var(--mint);font-weight:800;margin-right:2px}\n.pr5 .fs-q blockquote .qhl{color:#08130E;font-weight:700;background:var(--mint);padding:.05em .32em;border-radius:5px;-webkit-box-decoration-break:clone;box-decoration-break:clone}\n.pr5 .fs-who{display:flex;align-items:center;gap:14px;margin-top:28px}\n.pr5 .fs-who .av{width:46px;height:46px;border-radius:50%;background:rgba(127,216,180,.18);color:var(--mint);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:0 0 auto}\n.pr5 .fs-who img.av{object-fit:cover;background:transparent}\n.pr5 .fs-who .nm{font-size:15px;font-weight:700;color:#fff}\n.pr5 .fs-who .tt{font-size:13px;color:var(--dark-ink-2)}\n.pr5 .fs-m{background:#F1F2EF;border-radius:20px;padding:clamp(26px,3vw,38px);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}\n.pr5 .fs-m::before{content:\"\";position:absolute;inset:0;background:repeating-linear-gradient(-55deg,rgba(14,138,95,.26) 0 1.5px,transparent 1.5px 6px);mask-image:radial-gradient(55% 55% at 100% 0%,#000,transparent 62%)}\n.pr5 .fs-m .big{position:relative;font-size:clamp(50px,6vw,78px);font-weight:700;letter-spacing:-.045em;color:var(--ink);line-height:.95}\n.pr5 .fs-m .lab{position:relative;font-size:13.5px;color:var(--ink-2);margin-top:9px;line-height:1.4}\n.pr5 .fs-m .sub{position:relative;margin-top:20px;padding-top:16px;border-top:1px solid rgba(17,19,23,.1);font-size:13px;color:var(--ink-3)}\n.pr5 .fs-m .sub b{color:var(--ink);font-weight:600;font-family:var(--mono)}\n.pr5 .fs-cta{display:inline-flex;align-items:center;gap:9px;margin-top:clamp(26px,3vw,40px);font-size:15px;font-weight:700;color:#fff;text-decoration:none;border-bottom:2px solid var(--mint);padding-bottom:3px}\n.pr5 .fs-cta:hover{color:var(--mint)}\n@media(max-width:820px){.pr5 .fs-grid{grid-template-columns:1fr}}\n.pr5 .fs-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}\n.pr5 .fs-arrows{display:flex;gap:10px;flex:0 0 auto}\n.pr5 .fs-arrow{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:#EEF4F1;font-size:17px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,transform .15s}\n.pr5 .fs-arrow:hover{background:rgba(127,216,180,.14);border-color:rgba(127,216,180,.5)}\n.pr5 .fs-arrow:active{transform:scale(.93)}\n.pr5 .fs-arrow:focus-visible{outline:2px solid var(--mint);outline-offset:2px}\n.pr5 .fs-stage{position:relative;margin-top:clamp(26px,3.2vw,44px);min-height:340px}\n.pr5 .fsl{display:none}\n.pr5 .fsl.on{display:grid}\n.pr5 .fsl.on.fsanim{animation:pr5-fslin .55s cubic-bezier(.22,.61,.36,1) both}\n@keyframes pr5-fslin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}\n.pr5 .fs-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:clamp(24px,3vw,40px);flex-wrap:wrap}\n.pr5 .fs-dots{display:flex;gap:8px;align-items:center}\n.pr5 .fs-dots button{width:7px;height:7px;padding:0;border:none;border-radius:99px;background:rgba(255,255,255,.22);cursor:pointer;transition:width .3s ease,background .3s ease}\n.pr5 .fs-dots button.on{width:26px;background:rgba(255,255,255,.16);position:relative;overflow:hidden}\n.pr5 .fs-dots button.on::after{content:\"\";position:absolute;inset:0;border-radius:99px;background:var(--mint);opacity:.85;transform-origin:left;transform:scaleX(0);animation:pr5-fsfill 11s linear forwards}\n.pr5 .fs-dots.paused button.on::after{animation-play-state:paused}\n.pr5 .fs-dots button:focus-visible{outline:2px solid var(--mint);outline-offset:3px}\n@keyframes pr5-fsfill{to{transform:scaleX(1)}}\n@media(prefers-reduced-motion:reduce){.pr5 .fsl.on.fsanim{animation:none}\n.pr5 .fs-dots button.on::after{animation:none;transform:scaleX(1)}}\n@media(max-width:820px){.pr5 .fs-stage{min-height:0!important}\n.pr5 .fs-head{flex-direction:column;align-items:flex-start;gap:14px}}\n.pr5 .statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--dark-line);margin-top:44px}\n.pr5 .stat{padding:30px 28px 6px;border-left:1px solid var(--dark-line)}\n.pr5 .stat:first-child{border-left:none;padding-left:0}\n.pr5 .stat::before{content:\"\";display:block;width:26px;height:3px;background:var(--mint);border-radius:99px;margin-bottom:18px}\n.pr5 .stat .n{font-size:clamp(40px,4.6vw,68px);font-weight:700;letter-spacing:-.035em;color:#fff;line-height:1}\n.pr5 .stat .n .sfx{color:var(--mint)}\n.pr5 .stat .l{font-size:14px;color:var(--dark-ink-2);margin-top:10px;line-height:1.5;max-width:210px}\n@media(max-width:920px){.pr5 .statgrid{grid-template-columns:1fr 1fr}\n.pr5 .stat{padding:26px 0 6px;border-left:none}}\n.pr5 .stat-more{display:inline-flex;align-items:center;gap:8px;margin-top:38px;color:#fff;font-weight:700;font-size:15px;text-decoration:none;border-bottom:2px solid var(--mint);padding-bottom:2px}\n.pr5 .stat-more i{font-style:normal;transition:transform .15s}\n.pr5 .stat-more:hover i{transform:translateX(4px)}\n.pr5 .testi2{display:grid;grid-template-columns:8fr 4fr;gap:16px;align-items:stretch}\n.pr5 .tdark{background:var(--dark);color:#fff;border-radius:24px;padding:clamp(28px,4vw,48px);display:flex;flex-direction:column}\n.pr5 .logochip{display:inline-flex;align-items:center;gap:11px;font-weight:700;font-size:15px;color:#fff;margin-bottom:28px}\n.pr5 .logochip i{width:36px;height:36px;border-radius:9px;background:#fff;color:var(--dark);display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;font-size:16px}\n.pr5 .tdark blockquote{font-size:clamp(19px,2.2vw,27px);font-weight:600;letter-spacing:-.02em;line-height:1.42;color:#F2F3F1;flex:1}\n.pr5 .tdark .qq{color:var(--mint);font-size:1.3em;font-weight:800;margin-right:2px}\n.pr5 .tdark .testi-who{margin-top:30px}\n.pr5 .tdark .testi-who .av{background:rgba(127,216,180,.2);color:var(--mint)}\n.pr5 .tdark .testi-who .nm{color:#fff}\n.pr5 .tdark .testi-who .tt{color:var(--dark-ink-2)}\n.pr5 .tmetric{background:#F1F2EF;border-radius:24px;padding:clamp(26px,3vw,36px);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:300px}\n.pr5 .tmetric::before{content:\"\";position:absolute;inset:0;background:repeating-linear-gradient(-55deg,rgba(14,138,95,.28) 0 1.5px,transparent 1.5px 6px);mask-image:radial-gradient(52% 52% at 100% 0%,#000,transparent 62%);pointer-events:none}\n.pr5 .tmetric .big{font-size:clamp(56px,6vw,86px);font-weight:700;letter-spacing:-.045em;color:var(--ink);line-height:1}\n.pr5 .tmetric .lab{font-size:14.5px;color:var(--ink-2);font-style:italic}\n@media(max-width:920px){.pr5 .testi2{grid-template-columns:1fr}\n.pr5 .tmetric{min-height:220px;gap:20px}}\n.pr5 .pedigree{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(36px,5vw,60px) 0}\n.pr5 .pedigree .pbig{font-size:clamp(26px,3.6vw,46px);font-weight:700;letter-spacing:-.035em;line-height:1.12;max-width:940px;margin-top:6px;text-wrap:balance}\n.pr5 .pedigree .pbig em{font-style:normal;color:var(--green-deep);box-shadow:inset 0 -0.28em 0 var(--green-soft)}\n.pr5 .pedigree .psub{margin-top:18px;max-width:660px;color:var(--ink-2);font-size:15.5px}\n.pr5 .testi-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:clamp(30px,4.5vw,56px);display:grid;grid-template-columns:7fr 3fr;gap:clamp(26px,4.5vw,64px);align-items:center}\n.pr5 .testi-logo{font-weight:700;font-size:15px;letter-spacing:.02em;color:var(--ink-3);margin-bottom:22px}\n.pr5 .testi-quote{position:relative}\n.pr5 .testi-quote::before{content:\"\\\\201C\";position:absolute;top:-14px;right:-6px;font-size:150px;line-height:1;color:var(--mist-2);font-weight:700;z-index:0;pointer-events:none}\n.pr5 .testi-logo{position:relative;z-index:1}\n.pr5 .testi-card blockquote{font-size:clamp(20px,2.4vw,29px);font-weight:600;letter-spacing:-.025em;line-height:1.35;color:var(--ink);position:relative;z-index:1}\n.pr5 .testi-who{display:flex;align-items:center;gap:14px;margin-top:26px}\n.pr5 .testi-who .av{width:48px;height:48px;border-radius:50%;background:var(--mist-2);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--green-deep);font-size:13px}\n.pr5 .testi-who .nm{font-size:15px;font-weight:700}\n.pr5 .testi-who .tt{font-size:13.5px;color:var(--ink-3)}\n.pr5 .testi-metric{text-align:left;border-left:3px solid var(--green-soft);padding-left:clamp(26px,4.5vw,64px)}\n.pr5 .testi-metric .lab{font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}\n.pr5 .testi-metric .big{font-size:clamp(46px,5.5vw,74px);font-weight:700;letter-spacing:-.04em;color:var(--green-deep);line-height:1}\n.pr5 .testi-metric .sm{font-size:14px;color:var(--ink-3);font-style:italic;margin-top:10px;max-width:220px}\n@media(max-width:920px){.pr5 .testi-card{grid-template-columns:1fr}\n.pr5 .testi-metric{border-left:none;padding-left:0;border-top:1px solid var(--line);padding-top:24px}}\n.pr5 .offer2{display:grid;grid-template-columns:7fr 5fr;gap:clamp(32px,5vw,72px);align-items:center}\n@media(max-width:920px){.pr5 .offer2{grid-template-columns:1fr}}\n.pr5 .osteps2{list-style:none;margin:30px 0 34px;max-width:480px}\n.pr5 .osteps2 li{display:flex;gap:18px;align-items:baseline;padding:13px 0;border-top:1px solid rgba(255,255,255,.16);font-size:15px;color:rgba(255,255,255,.88);line-height:1.5}\n.pr5 .osteps2 li:last-child{border-bottom:1px solid rgba(255,255,255,.16)}\n.pr5 .osteps2 b{font-weight:700;color:var(--mint);font-size:13px;letter-spacing:.05em;flex:0 0 24px}\n.pr5 .offer2-alt{margin-top:16px;font-size:14px;color:rgba(255,255,255,.7)}\n.pr5 .offer2-alt a{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.4)}\n.pr5 .offer2-alt a:hover{text-decoration-color:#fff}\n.pr5 .runcard2{background:#fff;border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.32);padding:clamp(26px,2.6vw,38px);width:100%;max-width:460px;justify-self:end}\n.pr5 .rc2-bar{font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:4px}\n.pr5 .rc2-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:15.5px;color:var(--ink-2)}\n.pr5 .rc2-row b{font-weight:700;color:var(--ink);font-size:16px}\n.pr5 .rc2-chip{color:var(--green-deep)!important;background:var(--green-soft);border-radius:99px;padding:5px 14px;font-size:13.5px!important}\n.pr5 .rc2-cap{margin-top:16px;font-size:12px;color:var(--ink-3)}\n@media(max-width:920px){.pr5 .runcard2{justify-self:start}}\n.pr5 .runcard{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.28);padding:22px 24px;max-width:420px;justify-self:end;width:100%;transform:rotate(-1.2deg);animation:pr5-rcbob 8s ease-in-out infinite}\n@keyframes pr5-rcbob{0%,100%{transform:rotate(-1.2deg) translateY(0)}50%{transform:rotate(-1.2deg) translateY(-8px)}}\n.pr5 .rc-bar{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:6px}\n.pr5 .rc-bar i{font-style:normal;font-size:9.5px;letter-spacing:.14em;color:var(--amber);border:1px solid var(--amber-soft);background:var(--amber-soft);border-radius:99px;padding:3px 9px}\n.pr5 .rc-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink-2)}\n.pr5 .rc-row:last-child{border-bottom:none}\n.pr5 .rc-row b{font-weight:700;color:var(--ink)}\n.pr5 .rc-chip{color:var(--green-deep)!important;background:var(--green-soft);border-radius:99px;padding:4px 12px;font-size:12.5px}\n@media(max-width:920px){.pr5 .runcard{justify-self:start;transform:none}}\n.pr5 .offer-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:44px 0 40px}\n.pr5 .ostep{background:rgba(255,255,255,.97);border-radius:20px;padding:34px 26px 26px;color:var(--ink);box-shadow:0 14px 40px rgba(0,0,0,.18);position:relative;margin-top:16px;transition:transform .25s ease,box-shadow .25s ease}\n.pr5 .ostep:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(0,0,0,.26)}\n.pr5 .ostep:not(:last-child)::after{content:\"→\";position:absolute;right:-23px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:99px;background:var(--mint);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;z-index:2;box-shadow:0 4px 12px rgba(0,0,0,.22)}\n@media(max-width:880px){.pr5 .ostep:not(:last-child)::after{content:\"↓\";right:auto;left:50%;top:auto;bottom:-23px;transform:translateX(-50%)}}\n.pr5 .ostep .n{position:absolute;top:-16px;left:24px;width:38px;height:38px;border-radius:99px;background:var(--green);color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(0,0,0,.25),0 0 0 4px rgba(255,255,255,.9)}\n.pr5 .ostep .oi{position:absolute;top:22px;right:22px;width:26px;height:26px;color:var(--green);opacity:.85}\n.pr5 .ostep h4{font-size:17px;font-weight:700;letter-spacing:-.015em;margin-bottom:7px}\n.pr5 .ostep p{font-size:14px;color:var(--ink-2)}\n@media(max-width:880px){.pr5 .offer-steps{grid-template-columns:1fr}}\n.pr5 .assure{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}\n.pr5 .assure span{font-size:12.5px;font-weight:700;letter-spacing:.01em;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.24);border-radius:99px;padding:8px 15px;display:inline-flex;align-items:center;gap:8px}\n.pr5 .assure span::before{content:\"\";width:5px;height:5px;border-radius:50%;background:var(--mint)}\n.pr5 .faq2{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,5vw,80px);align-items:start}\n.pr5 .faq2-head{position:sticky;top:100px}\n.pr5 .faq2-head .disp{margin-bottom:14px;font-size:clamp(27px,3.2vw,42px)}\n@media(max-width:920px){.pr5 .faq2{grid-template-columns:1fr}\n.pr5 .faq2-head{position:static}}\n.pr5 .faq{border-top:1px solid var(--line);max-width:860px}\n.pr5 .faq details{border-bottom:1px solid var(--line)}\n.pr5 .faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:22px 8px 22px 2px;font-size:clamp(16.5px,1.9vw,20px);font-weight:700;letter-spacing:-.015em}\n.pr5 .faq summary::-webkit-details-marker{display:none}\n.pr5 .faq summary:hover{color:var(--green-deep)}\n.pr5 .faq summary:focus-visible{outline:2.5px solid var(--green);outline-offset:4px;border-radius:6px}\n.pr5 a:focus-visible{outline:2.5px solid var(--green);outline-offset:3px;border-radius:6px}\n.pr5 .faq summary::after{content:\"+\";color:var(--green);font-size:22px;font-weight:400;flex:0 0 auto;transition:transform .2s}\n.pr5 .faq details[open] summary::after{transform:rotate(45deg)}\n.pr5 .faq .a{padding:0 2px 24px;max-width:720px;color:var(--ink-2);font-size:15px}\n.pr5 .faq details::details-content{opacity:0;transition:opacity .3s ease,content-visibility .3s allow-discrete}\n.pr5 .faq details[open]::details-content{opacity:1}\n.pr5 .faq .a p+p{margin-top:10px}\n.pr5 .final-split{display:grid;grid-template-columns:7fr 5fr;gap:clamp(28px,4vw,60px);align-items:center}\n.pr5 .final-caps{color:#fff;text-transform:uppercase;font-size:clamp(30px,4vw,56px);letter-spacing:-.02em;line-height:1.02}\n.pr5 .final-act{display:flex;flex-direction:column;gap:12px;align-items:flex-start}\n.pr5 .final-act .btn{min-width:min(260px,100%);justify-content:center}\n@media(max-width:880px){.pr5 .final-split{grid-template-columns:1fr}}\n.pr5 footer{background:#fff;padding-top:10px}\n.pr5 .foot{max-width:var(--max);margin:0 auto;padding:48px var(--gutter) 36px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}\n.pr5 .foot h5{font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--ink);margin-bottom:12px}\n.pr5 .fsoc{display:flex;gap:10px;margin-top:20px}\n.pr5 .foot .fsoc a{width:36px;height:36px;padding:0;border:1px solid var(--line-2);border-radius:99px;display:flex;align-items:center;justify-content:center;line-height:1;transition:border-color .15s,background .15s}\n.pr5 .foot .fsoc a:hover{border-color:var(--ink);background:var(--bg-soft)}\n.pr5 .foot .fsoc svg{width:15px;height:15px;fill:var(--ink-2);display:block;flex:0 0 auto}\n.pr5 .foot p,.pr5 .foot a{font-size:14px;color:var(--ink-2);text-decoration:none;display:block;line-height:2.1}\n.pr5 .foot a:hover{color:var(--ink)}\n.pr5 .foot a.btn{display:inline-flex;width:fit-content;line-height:1}\n.pr5 .foot a.btn-green{color:#fff}\n.pr5 .foot a.btn-green:hover{color:#fff}\n.pr5 .foot .fb{font-weight:700;font-size:20px;letter-spacing:-.03em;color:var(--ink);margin-bottom:8px}\n.pr5 .foot .tg{font-size:14px;color:var(--ink-2);max-width:300px;line-height:1.6}\n.pr5 .fmeta{max-width:var(--max);margin:0 auto;padding:16px var(--gutter) 26px;position:relative;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-3)}\n.pr5 .fmeta::before{content:\"\";position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:1px;background:var(--line)}\n@media(max-width:1000px){.pr5 .foot{grid-template-columns:2fr 1fr 1fr}\n.pr5 .foot>div:nth-child(4){grid-column:2/-1}}\n@media(max-width:760px){.pr5 .foot{grid-template-columns:1fr 1fr}\n.pr5 .foot>div:nth-child(4){grid-column:auto}}\n.pr5 .fbig{position:relative;overflow:hidden;margin-top:18px;padding-top:clamp(64px,8vw,130px);background:transparent center 82%/cover no-repeat}\n@media(min-width:1024px) and (prefers-reduced-motion:no-preference){}\n.pr5 .fbig .sun,.pr5 .fbig .cloud,.pr5 .fbig .hills{display:none}\n.pr5 .fsign{position:relative;z-index:1;text-align:center;font-size:clamp(13.5px,1.2vw,16px);font-weight:700;letter-spacing:.02em;color:var(--ink);margin-bottom:clamp(18px,2.5vw,34px);text-shadow:0 1px 2px rgba(255,255,255,.65),0 2px 18px rgba(255,255,255,.85)}\n.pr5 .fbig span{position:relative;display:block;text-align:center;font-weight:700;letter-spacing:-.06em;line-height:.72;color:rgba(242,240,233,.84);font-size:clamp(100px,20.5vw,320px);transform:translateY(36%);user-select:none;z-index:1}\n.pr5 .rv{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}\n.pr5 .rv.on{opacity:1;transform:none}\n@media(prefers-reduced-motion:reduce){.pr5 .rv{opacity:1;transform:none;transition:none}\n.pr5,.pr5 *{animation-duration:.001s!important}\n.pr5 .float-r{transition:none;opacity:1}\n.pr5{scroll-behavior:auto}}\n.pr5 .jo{position:relative;overflow:hidden;background:#101216;color:#fff;padding:clamp(84px,10vw,136px) 0}\n.pr5 .jo-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 50% at 72% 30%,rgba(127,216,180,.08),transparent 65%),radial-gradient(120% 90% at 50% 115%,rgba(0,0,0,.5),transparent 55%)}\n.pr5 .jo-bg::after{content:\"\";position:absolute;inset:0;opacity:.035;mix-blend-mode:soft-light;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\");background-size:200px 200px}\n.pr5 .jo-in{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(48px,6vw,90px);align-items:center}\n.pr5 .jo-eyebrow{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--mint);margin:0}\n.pr5 .jo-eyebrow i{width:5px;height:5px;border-radius:50%;background:var(--mint)}\n.pr5 .jo-h{font-size:clamp(36px,4.4vw,60px);font-weight:700;letter-spacing:-.035em;line-height:1.04;margin-top:22px;text-wrap:balance;color:rgba(255,255,255,.98)}\n.pr5 .jo-h .dim{color:rgba(255,255,255,.42)}\n.pr5 .jo-sub{margin-top:20px;font-size:17px;line-height:1.6;color:rgba(255,255,255,.72);max-width:46ch}\n.pr5 .jo-sub b{color:#fff;font-weight:600}\n.pr5 .jo-sure{display:block;margin-top:12px}\n.pr5 .jo-cta{margin-top:32px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}\n.pr5 .jo-alt{color:rgba(255,255,255,.6);font-size:14px}\n.pr5 .jo-alt a{color:#fff;text-decoration:underline;text-underline-offset:3px}\n.pr5 .jo-strip{margin-top:24px;display:flex;gap:8px 20px;flex-wrap:wrap;font-family:var(--mono);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.45)}\n.pr5 .jo-strip i{width:4px;height:4px;border-radius:50%;background:rgba(127,216,180,.6);display:inline-block;margin-right:7px;vertical-align:1px}\n.pr5 .jo-env{position:relative;background:#F4F1EA;color:var(--ink);border-radius:10px;box-shadow:0 40px 80px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.3);transform:rotate(-.6deg)}\n.pr5 .jo-envtop{position:relative;padding:26px 30px 22px;border-bottom:2px dashed rgba(17,19,23,.25)}\n.pr5 .jo-envtop::after{content:\"\";position:absolute;left:0;right:0;top:0;height:64px;background:linear-gradient(180deg,rgba(17,19,23,.05),transparent);border-radius:10px 10px 0 0}\n.pr5 .jo-seal{position:absolute;right:22px;top:52px;transform:rotate(-4deg);z-index:2;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--green);border:2px solid var(--green);border-radius:7px;padding:7px 12px;background:transparent;mix-blend-mode:multiply}\n.pr5 .jo-mh{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:flex;justify-content:space-between}\n.pr5 .jo-t{font-family:var(--mono);font-size:15px;font-weight:500;margin-top:14px;color:var(--ink)}\n.pr5 .jo-open{font-family:var(--mono);font-size:11.5px;color:var(--ink-2);margin-top:10px;line-height:1.7;padding-right:185px}\n.pr5 .jo-open b{color:var(--ink);font-weight:500}\n.pr5 .jo-tab{padding:22px 30px 26px}\n.pr5 .jo-tabh{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:grid;grid-template-columns:1fr auto auto;gap:18px;padding-bottom:10px;border-bottom:1px solid rgba(17,19,23,.15)}\n.pr5 .jo-row{display:grid;grid-template-columns:1fr auto auto;gap:18px;font-family:var(--mono);font-size:12.5px;padding:11px 0;border-bottom:1px solid rgba(17,19,23,.08);color:var(--ink-2)}\n.pr5 .jo-row .c2,.pr5 .jo-row .c3{min-width:92px;text-align:right;font-variant-numeric:tabular-nums}\n.pr5 .jo-row .c3{color:var(--green-deep);font-weight:500}\n.pr5 .jo-row.sealed .c3{color:var(--ink-3);letter-spacing:.2em}\n.pr5 .jo-wit{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:20px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}\n.pr5 .jo-wit .ln{flex:1;max-width:170px;border-bottom:1.5px solid rgba(17,19,23,.5);height:22px}\n.pr5 .jo-wit .who{text-transform:none;letter-spacing:.02em}\n@media(max-width:960px){.pr5 .jo-in{grid-template-columns:1fr}\n.pr5 .jo-open{padding-right:110px}}\n.pr5 #offer{scroll-margin-top:76px}\n.pr5 footer{position:relative;background:#0B0D10 url(\"https://framerusercontent.com/images/u97FxBVFe6EUv5ZGA82dRMUp59w.png\") center bottom/100% auto no-repeat fixed;image-rendering:pixelated}\n.pr5 footer::before{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,13,16,.94) 0%,rgba(11,13,16,.8) 40%,rgba(11,13,16,.16) 100%);pointer-events:none}\n.pr5 footer>*{position:relative;z-index:1}\n.pr5 footer .foot h5{color:#fff}\n.pr5 footer .foot .tg,.pr5 footer .foot div>p{color:rgba(255,255,255,.68)}\n.pr5 footer .fsoc a{background:rgba(255,255,255,.12)}\n.pr5 footer .fsoc svg,.pr5 footer .fsoc svg path{fill:#F2F0E9}\n.pr5 footer .fmeta span{color:rgba(255,255,255,.55)}\n.pr5 footer .foot a,.pr5 footer .foot p,.pr5 footer .tg{color:rgba(255,255,255,.72)}\n.pr5 footer .foot a:hover{color:#fff}\n.pr5 footer .fmeta{color:rgba(255,255,255,.5)}\n.pr5 footer .fmeta,.pr5 footer .foot{border-color:rgba(255,255,255,.14)}\n.pr5 footer .lockup-f{filter:brightness(0) invert(1)}\n.pr5 .fbig{background:transparent}\n.pr5 footer{height:calc(100vw/2.3649);overflow:hidden}\n.pr5 .fv-pos{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);z-index:3}\n.pr5 .fv-pos:hover{transform:translate(-50%,-50%) scale(1.04)}\n.pr5 footer .fv-pos{background:transparent;border:1px solid rgba(255,255,255,.6);color:#fff;animation:pr5-fvbreath 4s ease-in-out infinite}\n@keyframes pr5-fvbreath{0%,100%{box-shadow:0 0 0 0 rgba(127,216,180,0);border-color:rgba(255,255,255,.6)}50%{box-shadow:0 0 30px 3px rgba(127,216,180,.4);border-color:rgba(127,216,180,.95)}}\n.pr5 footer .fv-pos:hover{animation:none;background:#fff;border-color:#fff;color:var(--ink)}\n@media(prefers-reduced-motion:reduce){.pr5 footer .fv-pos{animation:none}}\n.pr5 footer .fv-pos:hover{background:#fff;border-color:#fff;color:var(--ink)}\n.pr5 footer .fbig{position:absolute;left:0;right:0;bottom:0;margin:0;padding:0;pointer-events:none}\n.pr5 footer .fbig span{transform:translateY(18%);font-size:20.5vw;letter-spacing:-.045em;line-height:.72}\n.pr5 footer .fcop{margin-top:22px;font-size:12.5px;color:rgba(255,255,255,.5)}\n.pr5 .roi-rng{cursor:grab}\n.pr5 .roi-rng:active{cursor:grabbing}\n.pr5 .jo-tape{position:absolute;top:30px;left:-2vw;width:104vw;transform:rotate(-1.2deg);background:var(--mint);color:#08130E;overflow:hidden;z-index:3;box-shadow:0 12px 34px rgba(0,0,0,.4)}\n.pr5 .jo-tape-in{display:flex;white-space:nowrap;width:max-content;animation:pr5-tapemove 100s linear infinite}\n.pr5 .jo-tape span{display:inline-block;padding:10px 0;font-family:var(--mono);font-size:12px;letter-spacing:.14em;font-weight:600}\n@keyframes pr5-tapemove{to{transform:translateX(-50%)}}\n@media(prefers-reduced-motion:reduce){.pr5 .jo-tape-in{animation:none}}\n.pr5 #gwstage{height:auto!important}\n.pr5 #gwstage .gscr{position:static;height:auto;visibility:hidden;display:none}\n.pr5 #gwstage .gscr.act{visibility:visible;display:flex}\n.pr5 .trm-ov{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(11,13,16,.62);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}\n.pr5 .trm-ov[hidden]{display:none}\n.pr5 .trm-box{position:relative;width:min(560px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;padding:clamp(22px,3.2vw,32px);box-shadow:0 40px 100px rgba(0,0,0,.5);animation:pr5-trmin .2s ease}\n@keyframes pr5-trmin{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}\n.pr5 .trm-step[hidden]{display:none}\n.pr5 .trm-x{position:absolute;top:16px;right:18px;width:32px;height:32px;border:none;background:rgba(17,19,23,.06);border-radius:50%;font-size:20px;line-height:1;color:var(--ink-2);cursor:pointer;z-index:2}\n.pr5 .trm-x:hover{background:rgba(17,19,23,.12)}\n.pr5 .trm-kick{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--green-deep);margin:0}\n.pr5 .trm-h{font-size:clamp(24px,3vw,32px);font-weight:700;letter-spacing:-.02em;color:var(--ink);margin:10px 0 5px}\n.pr5 .trm-sub{font-size:14.5px;line-height:1.55;color:var(--ink-2);margin:0 0 16px}\n.pr5 .trm-modes{display:grid;gap:9px;margin-bottom:14px}\n.pr5 .trm-mode{text-align:left;background:var(--bg-soft);border:1.5px solid transparent;border-radius:14px;padding:14px 17px;cursor:pointer;transition:border-color .18s ease,background .18s ease}\n.pr5 .trm-mode:hover{background:#F1F1EE}\n.pr5 .trm-mode.is-on{background:var(--green-soft);border-color:var(--green)}\n.pr5 .trm-mn{display:block;font-size:15.5px;font-weight:700;color:var(--ink);margin-bottom:4px}\n.pr5 .trm-md{display:block;font-size:13.5px;line-height:1.5;color:var(--ink-2)}\n.pr5 .trm-l{display:block;font-size:13.5px;font-weight:600;color:var(--ink);margin:0 0 8px}\n.pr5 .trm-opt{font-weight:400;color:var(--ink-3)}\n.pr5 .trm-in{width:100%;font-family:inherit;font-size:15px;color:var(--ink);background:#fff;border:1.5px solid var(--line-2);border-radius:12px;padding:13px 15px;margin-bottom:12px;outline:none;transition:border-color .18s ease}\n.pr5 .trm-in:focus{border-color:var(--green)}\n.pr5 .trm-in::placeholder{color:var(--ink-3)}\n.pr5 .trm-drop{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;border:1.5px dashed var(--line-2);border-radius:14px;padding:20px 16px;background:var(--bg-soft);cursor:pointer;transition:border-color .18s ease,background .18s ease}\n.pr5 .trm-drop:hover,.pr5 .trm-drop.is-over{border-color:var(--green);background:var(--green-soft)}\n.pr5 .trm-dropt{font-size:14.5px;color:var(--ink)}\n.pr5 .trm-browse{font:inherit;color:var(--green-deep);background:none;border:none;padding:0;text-decoration:underline;text-underline-offset:2px;cursor:pointer}\n.pr5 .trm-hint{font-family:var(--mono);font-size:11.5px;color:var(--ink-3)}\n.pr5 .trm-file{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1.5px solid var(--green);background:var(--green-soft);border-radius:12px;padding:12px 14px}\n.pr5 .trm-file[hidden]{display:none}\n.pr5 .trm-fname{font-family:var(--mono);font-size:13px;color:var(--green-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.pr5 .trm-fx{border:none;background:rgba(17,19,23,.08);width:24px;height:24px;border-radius:50%;font-size:15px;line-height:1;color:var(--ink-2);cursor:pointer;flex:none}\n.pr5 .trm-drop+.trm-file,.pr5 .trm-file+.trm-l{margin-top:16px}\n.pr5 .trm-err{font-size:13.5px;color:var(--red);margin:0 0 12px}\n.pr5 .trm-err[hidden]{display:none}\n.pr5 .trm-go{width:100%;justify-content:center;font-size:15.5px;padding:14px 22px}\n.pr5 .trm-go[disabled]{opacity:.6;pointer-events:none}\n.pr5 .trm-backl{display:block;width:100%;margin-top:12px;font:inherit;font-size:13.5px;color:var(--ink-2);background:none;border:none;cursor:pointer}\n.pr5 .trm-backl:hover{color:var(--ink)}\n.pr5 .trm-note{font-size:12.5px;line-height:1.5;color:var(--ink-3);margin:10px 0 0;text-align:center}\n.pr5 .trm-note a{color:var(--green-deep);text-decoration:underline;text-underline-offset:2px}\n.pr5.trm-open{overflow:hidden}\n.pr5 .ck-box{position:fixed;left:20px;bottom:20px;z-index:220;width:min(330px,calc(100vw - 40px));background:#fff;border:1px solid var(--line-2);border-radius:14px;padding:15px 16px 14px;box-shadow:0 18px 44px rgba(17,19,23,.16);animation:pr5-ckin .28s cubic-bezier(.2,.8,.3,1)}\n.pr5 .ck-box[hidden]{display:none}\n@keyframes pr5-ckin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}\n.pr5 .ck-t{margin:0 0 12px;font-size:13px;line-height:1.55;color:var(--ink-2)}\n.pr5 .ck-row{display:flex;align-items:center;gap:8px}\n.pr5 .ck-yes,.pr5 .ck-no{font:inherit;font-size:13px;font-weight:700;border-radius:99px;padding:8px 16px;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}\n.pr5 .ck-yes{background:var(--green);color:#fff}\n.pr5 .ck-yes:hover{background:var(--green-deep)}\n.pr5 .ck-no{background:#fff;color:var(--ink-2);border-color:var(--line-2)}\n.pr5 .ck-no:hover{border-color:var(--ink-3);color:var(--ink)}\n.pr5 .ck-link{margin-left:auto;font-size:12.5px;color:var(--ink-3);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}\n.pr5 .ck-link:hover{color:var(--ink-2)}\n.pr5 .ck-yes:focus-visible,.pr5 .ck-no:focus-visible{outline:2.5px solid var(--green);outline-offset:2px}\n@media (max-width:560px){.pr5 .ck-box{left:12px;right:12px;bottom:12px;width:auto;padding:14px 14px 13px}\n.pr5 .ck-t{font-size:12.5px}\n.pr5 .ck-yes,.pr5 .ck-no{flex:1 1 auto;text-align:center;padding:10px 12px}\n.pr5 .ck-link{margin-left:0;flex:0 0 auto;padding-left:4px}}\n@media (prefers-reduced-motion:reduce){.pr5 .ck-box{animation:none}}\n.pr5 .fvm-ov{position:fixed;inset:0;z-index:210;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(11,13,16,.8);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:pr5-fvmin .18s ease}\n.pr5 .fvm-ov[hidden]{display:none}\n@keyframes pr5-fvmin{from{opacity:0}to{opacity:1}}\n.pr5 .fvm-box{position:relative;width:min(1060px,100%)}\n.pr5 .fvm-frame{position:relative;width:100%;aspect-ratio:640/272;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 40px 110px rgba(0,0,0,.55)}\n.pr5 .fvm-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}\n.pr5 .fvm-x{position:absolute;top:-46px;right:0;width:36px;height:36px;border:none;background:rgba(255,255,255,.16);color:#fff;border-radius:50%;font-size:21px;line-height:1;cursor:pointer;transition:background .15s}\n.pr5 .fvm-x:hover{background:rgba(255,255,255,.3)}\n.pr5 .fvm-x:focus-visible{outline:2.5px solid #fff;outline-offset:2px}\n@media (max-width:700px){.pr5 .fvm-ov{padding:16px}\n.pr5 .fvm-x{top:-40px;width:32px;height:32px;font-size:19px}}\n@media (prefers-reduced-motion:reduce){.pr5 .fvm-ov{animation:none}}\n@media (max-height:820px){.pr5 .trm-box{padding:22px 26px 24px;max-height:94vh}\n.pr5 .trm-h{font-size:clamp(21px,2.6vw,26px);margin:8px 0 4px}\n.pr5 .trm-sub{font-size:13.5px;line-height:1.5;margin-bottom:12px}\n.pr5 .trm-modes{gap:8px;margin-bottom:12px}\n.pr5 .trm-mode{padding:11px 15px;border-radius:12px}\n.pr5 .trm-mn{font-size:14.5px;margin-bottom:2px}\n.pr5 .trm-md{font-size:12.5px;line-height:1.42}\n.pr5 .trm-l{font-size:13px;margin-bottom:6px}\n.pr5 .trm-drop{padding:15px 14px;gap:4px;border-radius:12px}\n.pr5 .trm-dropt{font-size:13.5px}\n.pr5 .trm-hint{font-size:11px}\n.pr5 .trm-in{padding:11px 14px;margin-bottom:10px;font-size:14.5px}\n.pr5 .trm-file{padding:10px 13px}\n.pr5 .trm-go{padding:13px 20px;font-size:15px}\n.pr5 .trm-note{font-size:12px;margin-top:8px}\n.pr5 .trm-drop+.trm-file,.pr5 .trm-file+.trm-l{margin-top:12px}\n.pr5 .trm-x{top:12px;right:14px;width:28px;height:28px;font-size:18px}}\n@media (max-height:700px){.pr5 .trm-box{padding:18px 22px 20px}\n.pr5 .trm-h{font-size:20px;margin:6px 0 3px}\n.pr5 .trm-sub{font-size:13px;margin-bottom:10px}\n.pr5 .trm-mode{padding:9px 13px}\n.pr5 .trm-md{font-size:12px;line-height:1.38}\n.pr5 .trm-drop{padding:12px 12px}\n.pr5 .trm-note{font-size:11.5px}}\n@media(prefers-reduced-motion:reduce){.pr5 .trm-box{animation:none}}\n@media (max-width:820px){.pr5 input[type=\"text\"],.pr5 input[type=\"email\"],.pr5 input[type=\"tel\"],.pr5 input[type=\"number\"],.pr5 input[type=\"search\"],.pr5 input[type=\"url\"],.pr5 textarea,.pr5 select,.pr5 .trm-in,.pr5 .bk-fi,.pr5 .pcal-slot{\n    font-size:16px;\n  }}\n@media (max-width:820px){.pr5{overflow-x:hidden;-webkit-text-size-adjust:100%}\n.pr5 img,.pr5 svg,.pr5 video,.pr5 table{max-width:100%}}\n@media (max-width:820px){.pr5 a,.pr5 button,.pr5 [role=\"button\"],.pr5 summary{-webkit-tap-highlight-color:rgba(14,138,95,.14)}\n.pr5 .foot a{padding:7px 0;line-height:1.65}\n.pr5 .foot .fsoc a{padding:0}\n.pr5 .lg-toc a{padding:9px 0}\n.pr5 .tip{min-width:26px;min-height:26px}}\n@media (max-width:600px){.pr5 .nav-in{gap:10px;height:64px}\n.pr5 .nav-links{gap:2px}\n.pr5 .nav-links a{padding:9px 9px;font-size:14px}\n.pr5 .nav-links .btn.btn-sm{padding:11px 15px;font-size:13.5px}}\n@media (max-width:430px){.pr5 .nav-links a:not(.btn){display:none}\n.pr5 .nav-in{gap:8px}}\n@media (max-width:820px){.pr5 .cmp,.pr5 .lg-tablewrap,.pr5 .scroller,.pr5 .cards-row{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}}\n@media (max-width:600px){.pr5 .trm-ov{padding:0;align-items:flex-end}\n.pr5 .trm-box{width:100%;max-height:92vh;border-radius:18px 18px 0 0;\n           padding-bottom:calc(22px + env(safe-area-inset-bottom));\n           -webkit-overflow-scrolling:touch;overscroll-behavior:contain}\n.pr5 .trm-x{top:10px;right:12px;width:34px;height:34px}\n.pr5 .trm-go{padding:15px 22px}\n.pr5 .trm-backl{padding:12px 0}}\n.pr5 .ck-box{bottom:calc(20px + env(safe-area-inset-bottom))}\n@media (max-width:560px){.pr5 .ck-box{left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));\n          bottom:calc(12px + env(safe-area-inset-bottom))}}\n@media (max-width:600px){.pr5 .pcal-day{padding:10px 2px 11px}\n.pr5 .pcal-day b{font-size:17px}\n.pr5 .pcal-slot{padding:12px 4px}\n.pr5 .pcal-go{padding:14px 20px}\n.pr5 .pcal-arw{width:36px;height:36px}}\n@media (max-width:600px){.pr5 .lg-body p,.pr5 .lg-body li{font-size:15px;line-height:1.68}\n.pr5 .lg-body h2{margin-bottom:10px}\n.pr5 .lg-body section{margin-bottom:30px}\n.pr5 .lg-note{padding:13px 14px}}\n@media (max-width:820px){.pr5 .fs-dots button{position:relative}\n.pr5 .fs-dots button::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px}\n.pr5 .fs-dots{gap:10px}\n.pr5 .roi-rng{height:30px}\n.pr5 .roi-rng::-webkit-slider-thumb{width:26px;height:26px}\n.pr5 .roi-rng::-moz-range-thumb{width:26px;height:26px}\n.pr5 .ck-link{padding:10px 4px}\n.pr5 .fs-cta,.pr5 .roi-cta,.pr5 .em-cta{display:inline-block;padding:9px 0}}\n.pr5.trm-open .ck-box{display:none}\n.pr5 .trm-in.is-bad,.pr5 .bk-fi.is-bad{border-color:#C0392B;box-shadow:0 0 0 3px rgba(192,57,43,.10)}\n@media (max-width:760px){.pr5 .wintabs{display:none}\n.pr5 #gwcur{display:none!important}\n.pr5 .float,.pr5 .float-l,.pr5 .float-r{display:none!important}\n.pr5 .gscr{transform:none!important;transition:none!important}\n.pr5 .gw-body{padding:16px 14px 4px}\n.pr5 .gw-h{font-size:19px;line-height:1.25}\n.pr5 .gw-sub{font-size:12.5px}\n.pr5 .gw-call{padding:11px 12px;font-size:12.5px}\n.pr5 .gw-grid{gap:14px}\n.pr5 .gw-item{padding:11px 12px}\n.pr5 .gw-prov{font-size:9.5px}\n.pr5 .gw-row:nth-of-type(n+8){display:none}\n.pr5 .gw-foot{padding:10px 14px}}\n@media (max-width:420px){.pr5 .gw-h{font-size:17.5px}\n.pr5 .gw-item .gw-tags{gap:4px}\n.pr5 .gw-tag{font-size:8.5px;padding:2px 5px}}\n@media (max-width:640px){.pr5 .lgi{transition:opacity .2s ease}\n.pr5 .lgi.on{transition:opacity .3s ease .34s}\n.pr5 .lgrot{min-height:82px}}\n@media (max-width:760px){.pr5 footer{height:auto;background-image:none;background-color:#0B0D10;padding-bottom:0}\n.pr5 footer .fv-pos{margin:30px auto 34px}\n.pr5 footer .fbig{position:relative;margin-top:0;overflow:hidden}\n.pr5 footer .fbig span{display:block;font-size:21vw;line-height:.82;transform:none}\n.pr5 .foot{grid-template-columns:1fr 1fr;gap:28px 18px;padding:40px 20px 28px}\n.pr5 .foot>div:first-child{grid-column:1/-1}\n.pr5 .foot .fsoc{margin-top:14px}\n.pr5 footer .fv-pos{position:static;transform:none;width:max-content}\n.pr5 footer .fcop{margin-top:18px}}\n@media (max-width:430px){.pr5 .foot{gap:24px 14px}}\n.pr5 .bp-prog{position:fixed;top:0;left:0;height:3px;width:100%;background:var(--green);transform:scaleX(0);transform-origin:0 50%;z-index:150;transition:transform .1s linear}\n.pr5 .bp-cat{display:inline-block;font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--green-deep);background:#EAF5EF;border-radius:999px;padding:4px 10px}\n.pr5 .bp-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-family:var(--mono);font-size:11.5px;color:#5F646C}\n.pr5 .bp-dot{color:#C3C7CD}\n.pr5 .bp-eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--green-deep);margin:0 0 10px}\n.pr5 .bp-thumb{aspect-ratio:16/9;border-radius:14px;background:linear-gradient(135deg,#E9F4EE 0%,#F4F1EA 60%,#EDF1F3 100%);position:relative;overflow:hidden;border:1px solid var(--line)}\n.pr5 .bp-thumb::after{content:\"\";position:absolute;inset:0;background-image:radial-gradient(rgba(17,19,23,.07) 1px,transparent 1.4px);background-size:11px 11px;opacity:.6}\n.pr5 .bp-thumbtag{position:absolute;left:12px;bottom:12px;z-index:1;font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:999px;padding:4px 9px}\n.pr5 .bp-hero{padding:clamp(28px,5vw,56px) 0 clamp(20px,2.5vw,30px)}\n.pr5 .bp-kick{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--green-deep);margin:0}\n.pr5 .bp-kick i{width:5px;height:5px;border-radius:50%;background:var(--green)}\n.pr5 .bp-hero h1{font-size:clamp(34px,5.4vw,62px);line-height:1.02;letter-spacing:-.035em;font-weight:700;color:var(--ink);margin:16px 0 0;max-width:16ch}\n.pr5 .bp-sub{font-size:clamp(16px,1.6vw,18px);line-height:1.6;color:var(--ink-2);max-width:620px;margin:18px 0 0}\n.pr5 .bp-tabs{display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px;margin:30px 0 0;border-bottom:1px solid var(--line)}\n.pr5 .bp-tab{font-family:var(--mono);font-size:12.5px;color:var(--ink-2);background:none;border:none;border-bottom:2px solid transparent;padding:0 4px 12px;margin-bottom:-1px;cursor:pointer;transition:color .15s,border-color .15s}\n.pr5 .bp-tab:hover{color:var(--ink)}\n.pr5 .bp-tab.is-on{color:var(--ink);border-bottom-color:var(--green);font-weight:600}\n.pr5 .bp-search{margin-left:auto;margin-bottom:8px;display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:12px;color:#5F646C;border:1px solid var(--line);border-radius:999px;padding:8px 14px;cursor:pointer}\n.pr5 .bp-search:hover{color:var(--ink);border-color:rgba(17,19,23,.2)}\n.pr5 .bp-featwrap{padding:clamp(22px,3vw,36px) 0 0}\n.pr5 .bp-feat{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(24px,3.5vw,48px);align-items:center;text-decoration:none;border:1px solid var(--line);border-radius:22px;padding:clamp(18px,2vw,24px);transition:box-shadow .2s,border-color .2s,transform .2s}\n.pr5 .bp-feat:hover{box-shadow:0 24px 60px rgba(17,19,23,.09);border-color:rgba(17,19,23,.12);transform:translateY(-2px)}\n.pr5 .bp-thumb-lg{border-radius:16px}\n.pr5 .bp-featbody h2{font-size:clamp(23px,2.6vw,34px);line-height:1.12;letter-spacing:-.02em;font-weight:700;color:var(--ink);margin:12px 0 10px}\n.pr5 .bp-featbody p{font-size:15.5px;line-height:1.6;color:var(--ink-2);margin:0 0 16px;max-width:46ch}\n.pr5 .bp-readmore{font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--green-deep)}\n.pr5 .bp-readmore span{transition:transform .2s;display:inline-block}\n.pr5 .bp-feat:hover .bp-readmore span{transform:translateX(4px)}\n.pr5 .bp-gridwrap{padding:clamp(32px,5vw,72px) 0}\n.pr5 .bp-gridhead{margin-bottom:26px}\n.pr5 .bp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.4vw,32px)}\n@media(max-width:900px){.pr5 .bp-grid{grid-template-columns:repeat(2,1fr)}}\n@media(max-width:600px){.pr5 .bp-grid,.pr5 .bp-feat{grid-template-columns:1fr}}\n.pr5 .bp-card{display:flex;flex-direction:column;text-decoration:none;border-radius:16px;transition:transform .2s}\n.pr5 .bp-card:hover{transform:translateY(-3px)}\n.pr5 .bp-card .bp-thumb{margin-bottom:15px;transition:box-shadow .2s}\n.pr5 .bp-card:hover .bp-thumb{box-shadow:0 18px 40px rgba(17,19,23,.10)}\n.pr5 .bp-cbody h3{font-size:18px;line-height:1.3;letter-spacing:-.01em;font-weight:700;color:var(--ink);margin:11px 0 8px}\n.pr5 .bp-card:hover .bp-cbody h3{color:var(--green-deep)}\n.pr5 .bp-cbody p{font-size:14px;line-height:1.55;color:var(--ink-2);margin:0}\n.pr5 .bp-more{display:flex;justify-content:center;margin-top:clamp(30px,4vw,52px)}\n.pr5 .bp-art{padding-top:clamp(20px,3vw,36px)}\n.pr5 .bp-artwrap{max-width:1180px}\n.pr5 .bp-arthead{max-width:760px;margin:0 auto}\n.pr5 .bp-back{font-family:var(--mono);font-size:12px;color:var(--green-deep);text-decoration:none}\n.pr5 .bp-back:hover{text-decoration:underline}\n.pr5 .bp-meta-lg{margin:20px 0 16px;font-size:12.5px}\n.pr5 .bp-arthead h1{font-size:clamp(30px,4.4vw,50px);line-height:1.06;letter-spacing:-.03em;font-weight:700;color:var(--ink);margin:0}\n.pr5 .bp-dek{font-size:clamp(17px,1.9vw,20px);line-height:1.5;color:var(--ink-2);margin:18px 0 0;max-width:60ch}\n.pr5 .bp-byline{display:flex;align-items:center;gap:11px;margin:24px 0 0}\n.pr5 .bp-avatar{width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}\n.pr5 .bp-bytext{display:flex;flex-direction:column;font-size:13.5px;line-height:1.35;color:#5F646C}\n.pr5 .bp-bytext b{color:var(--ink)}\n.pr5 .bp-arthero{max-width:1000px;margin:clamp(26px,4vw,44px) auto 0;aspect-ratio:2.1/1;border-radius:18px}\n.pr5 .bp-artgrid{display:grid;grid-template-columns:220px minmax(0,720px);gap:clamp(28px,5vw,72px);justify-content:center;margin-top:clamp(30px,4vw,52px)}\n@media(max-width:1040px){.pr5 .bp-artgrid{grid-template-columns:minmax(0,720px);justify-content:center}\n.pr5 .bp-toc{display:none}}\n.pr5 .bp-toc{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 120px);overflow:auto}\n.pr5 .bp-toclabel{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#5F646C;margin:0 0 12px}\n.pr5 .bp-toc nav{display:flex;flex-direction:column;gap:2px;border-left:2px solid var(--line)}\n.pr5 .bp-toc nav a{font-size:13.5px;line-height:1.4;color:var(--ink-2);text-decoration:none;padding:7px 0 7px 16px;margin-left:-2px;border-left:2px solid transparent}\n.pr5 .bp-toc nav a:hover{color:var(--ink)}\n.pr5 .bp-toc nav a.is-on{color:var(--green-deep);border-left-color:var(--green);font-weight:600}\n.pr5 .prose{font-size:18px;line-height:1.75;color:#23262B;max-width:720px}\n.pr5 .prose>*+*{margin-top:1.25em}\n.pr5 .prose .lead{font-size:21px;line-height:1.6;color:var(--ink);font-weight:500;margin-top:0}\n.pr5 .prose h2{font-size:clamp(24px,2.6vw,30px);line-height:1.2;letter-spacing:-.02em;font-weight:700;color:var(--ink);margin:1.9em 0 .1em;scroll-margin-top:96px}\n.pr5 .prose h3{font-size:20px;line-height:1.3;letter-spacing:-.01em;font-weight:700;color:var(--ink);margin:1.7em 0 .1em}\n.pr5 .prose p{margin-top:1.15em}\n.pr5 .prose a{color:var(--green-deep);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}\n.pr5 .prose strong{color:var(--ink);font-weight:700}\n.pr5 .prose ul,.pr5 .prose ol{margin-top:1.1em;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:.6em}\n.pr5 .prose ul li{position:relative;padding-left:26px}\n.pr5 .prose ul li::before{content:\"\";position:absolute;left:4px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--green)}\n.pr5 .prose ol{counter-reset:li}\n.pr5 .prose ol li{position:relative;padding-left:34px;counter-increment:li}\n.pr5 .prose ol li::before{content:counter(li);position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:#EAF5EF;color:var(--green-deep);font-family:var(--mono);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}\n.pr5 .pullquote{margin:1.8em 0;padding:6px 0 6px 26px;border-left:3px solid var(--green)}\n.pr5 .pullquote p{font-size:22px;line-height:1.4;letter-spacing:-.01em;font-weight:600;color:var(--ink);margin:0}\n.pr5 .pullquote cite{display:block;margin-top:12px;font-family:var(--mono);font-size:12.5px;font-style:normal;font-weight:500;color:var(--ink-2)}\n.pr5 .pullquote cite::before{content:\"\\\\2014 \"}\n.pr5 .tablewrap{overflow-x:auto;margin:1.6em 0;border:1px solid var(--line);border-radius:14px}\n.pr5 .prose table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:440px}\n.pr5 .prose thead th{text-align:left;font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#5F646C;background:#F6F8F7;padding:12px 16px;border-bottom:1px solid var(--line);font-weight:600}\n.pr5 .prose tbody td{padding:12px 16px;border-bottom:1px solid var(--line);color:var(--ink-2);vertical-align:top}\n.pr5 .prose tbody tr:last-child td{border-bottom:none}\n.pr5 .prose tbody tr:nth-child(even) td{background:#FBFBF9}\n.pr5 .prose td .num{font-family:var(--mono);color:var(--ink);font-weight:600}\n.pr5 .bp-figure{margin:1.6em 0 .4em;aspect-ratio:16/8}\n.pr5 .bp-figcap{font-family:var(--mono);font-size:11.5px;color:#5F646C;text-align:center;margin:0}\n.pr5 .bp-faq{display:flex;flex-direction:column;gap:0;margin-top:1.1em;border-top:1px solid var(--line)}\n.pr5 .bp-faq details{border-bottom:1px solid var(--line)}\n.pr5 .bp-faq summary{list-style:none;cursor:pointer;font-size:17px;font-weight:700;color:var(--ink);padding:18px 34px 18px 0;position:relative}\n.pr5 .bp-faq summary::-webkit-details-marker{display:none}\n.pr5 .bp-faq summary::after{content:\"+\";position:absolute;right:4px;top:15px;font-size:22px;font-weight:400;color:var(--green);transition:transform .2s}\n.pr5 .bp-faq details[open] summary::after{content:\"\\\\2013\"}\n.pr5 .bp-faq details p{font-size:15.5px;line-height:1.65;color:var(--ink-2);margin:0;padding:0 0 20px}\n.pr5 .bp-artcta{padding:clamp(40px,5vw,64px) 0 0}\n.pr5 .bp-ctacard{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:linear-gradient(180deg,#E9F4EE 0%,#F3FAF6 100%);border:1px solid rgba(14,138,95,.18);border-radius:20px;padding:clamp(24px,3vw,36px)}\n.pr5 .bp-ctacard h3{font-size:clamp(20px,2.2vw,26px);line-height:1.2;letter-spacing:-.02em;font-weight:700;color:var(--ink);margin:0;max-width:20ch}\n.pr5 .bp-relwrap{padding:clamp(44px,6vw,88px) 0 clamp(60px,7vw,104px)}\n.pr5 .bp-grid-3{grid-template-columns:repeat(3,1fr)}\n@media(max-width:820px){.pr5 .bp-grid-3{grid-template-columns:1fr}}\n.pr5 .prose{font-size:19px;line-height:1.7;color:#23262B;max-width:680px;text-wrap:pretty}\n.pr5 .prose>*+*{margin-top:1.2em}\n.pr5 .prose .lead{font-size:22px;line-height:1.55;color:var(--ink);font-weight:500;margin-top:0;text-wrap:balance}\n.pr5 .prose h2{font-size:clamp(25px,2.7vw,32px);line-height:1.18;margin:1.9em 0 .35em;scroll-margin-top:92px;text-wrap:balance}\n.pr5 .prose h3{font-size:21px;margin:1.6em 0 .25em;scroll-margin-top:92px;text-wrap:balance}\n.pr5 .prose table td:has(.num){text-align:right;white-space:nowrap}\n.pr5 .bp-arthero{aspect-ratio:2.4/1}\n.pr5 .bp-figure{aspect-ratio:16/9}\n.pr5 .bp-thumb.t-a{background:linear-gradient(135deg,#E1F1E8 0%,#F0F7F1 100%)}\n.pr5 .bp-thumb.t-b{background:linear-gradient(135deg,#E7E8F6 0%,#F1F1FB 100%)}\n.pr5 .bp-thumb.t-c{background:linear-gradient(135deg,#F3EFE4 0%,#FAF7F0 100%)}\n.pr5 .bp-thumb.t-d{background:linear-gradient(135deg,#E3ECF5 0%,#EFF4F9 100%)}\n.pr5 .bp-thumb.t-e{background:linear-gradient(135deg,#F6E7EB 0%,#FBF0F3 100%)}\n.pr5 .bp-feat{grid-template-columns:1.28fr 1fr}\n.pr5 .bp-featbody h2{font-size:clamp(26px,3.2vw,40px);line-height:1.08;margin:12px 0 12px}\n.pr5 .bp-featbody p{font-size:16px;margin-bottom:18px}\n.pr5 .bp-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:#5F646C}\n.pr5 .bp-crumb a{color:#5F646C;text-decoration:none}\n.pr5 .bp-crumb a:hover{color:var(--green-deep)}\n.pr5 .bp-crumb span{color:#C3C7CD}\n.pr5 .bp-crumb a:last-of-type{color:var(--ink-2)}\n.pr5 .bp-byline{position:relative}\n.pr5 .bp-share{margin-left:auto;display:inline-flex;align-items:center;gap:10px}\n.pr5 .bp-share a,.pr5 .bp-share button{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11.5px;color:#5F646C;background:none;border:1px solid var(--line);border-radius:999px;padding:7px 12px;cursor:pointer;text-decoration:none}\n.pr5 .bp-share a:hover,.pr5 .bp-share button:hover{color:var(--ink);border-color:rgba(17,19,23,.2)}\n@media(max-width:560px){.pr5 .bp-share{display:none}}\n.pr5 .bp-takeaways{margin:1.6em 0 2em;background:linear-gradient(180deg,#EAF4EE 0%,#F4F9F5 100%);border:1px solid rgba(14,138,95,.2);border-radius:16px;padding:22px 24px}\n.pr5 .bp-tkhead{font-family:var(--mono);font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--green-deep);margin:0 0 12px;font-weight:600}\n.pr5 .bp-takeaways ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.55em}\n.pr5 .bp-takeaways li{position:relative;padding-left:28px;font-size:16px;line-height:1.5;color:var(--ink-2)}\n.pr5 .bp-takeaways li::before{content:\"\";position:absolute;left:2px;top:.35em;width:14px;height:14px;border-radius:50%;background:var(--green);-webkit-mask:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M9 16.2l-3.5-3.5L4 14.2l5 5 11-11-1.5-1.5z'/></svg>\") center/12px no-repeat;mask:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M9 16.2l-3.5-3.5L4 14.2l5 5 11-11-1.5-1.5z'/></svg>\") center/12px no-repeat;background-color:var(--green)}\n.pr5 .bp-tocm{display:none}\n@media(max-width:1040px){.pr5 .bp-tocm{display:block;max-width:720px;margin:0 auto clamp(24px,4vw,36px);border:1px solid var(--line);border-radius:14px;overflow:hidden}}\n.pr5 .bp-tocm summary{list-style:none;cursor:pointer;font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);padding:15px 18px;position:relative}\n.pr5 .bp-tocm summary::-webkit-details-marker{display:none}\n.pr5 .bp-tocm summary::after{content:\"+\";position:absolute;right:18px;top:12px;font-size:18px;color:var(--green)}\n.pr5 .bp-tocm[open] summary::after{content:\"\\\\2013\"}\n.pr5 .bp-tocm nav{display:flex;flex-direction:column;padding:0 18px 14px}\n.pr5 .bp-tocm a{font-size:14.5px;color:var(--ink-2);text-decoration:none;padding:7px 0;border-top:1px solid var(--line)}\n.pr5 .bp-toccta{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}\n.pr5 .bp-toccta p{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#5F646C;margin:0 0 10px}\n.pr5 .btn.btn-sm.btn-green{padding:9px 14px;font-size:13px}\n.pr5 .bp-toccta .btn{color:var(--ink);background:#fff;border:1.5px solid rgba(17,19,23,.2);width:100%}\n.pr5 .bp-toccta .btn:hover{color:var(--ink);border-color:var(--green);background:#F3FAF6}\n.pr5 .bp-news{padding:clamp(20px,3vw,40px) 0 0}\n.pr5 .bp-newscard{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;border:1px solid var(--line);border-radius:20px;padding:clamp(24px,3vw,38px)}\n.pr5 .bp-newscard h3{font-size:clamp(20px,2.2vw,26px);letter-spacing:-.02em;font-weight:700;color:var(--ink);margin:8px 0 6px}\n.pr5 .bp-newscard>div p:last-child{font-size:14.5px;color:var(--ink-2);margin:0;max-width:44ch}\n.pr5 .bp-newsform{display:flex;gap:10px;flex:1;min-width:280px;max-width:440px}\n.pr5 .bp-newsform input{flex:1;padding:12px 15px;border:1px solid rgba(17,19,23,.18);border-radius:11px;font-size:15px;font-family:inherit;color:var(--ink)}\n.pr5 .bp-newsform input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(14,138,95,.12)}\n.pr5 .bp-ctacard{background-color:var(--dark);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 9px);border:1px solid #23272E;position:relative;overflow:hidden}\n.pr5 .bp-ctacard::before{content:\"\";position:absolute;top:-45%;right:-6%;width:52%;height:190%;background:repeating-linear-gradient(-55deg,rgba(14,138,95,.24) 0 1px,transparent 1px 6px);-webkit-mask:radial-gradient(closest-side at 68% 42%,#000,transparent 74%);mask:radial-gradient(closest-side at 68% 42%,#000,transparent 74%);pointer-events:none}\n.pr5 .bp-ctatext{position:relative;z-index:1}\n.pr5 .bp-ctacard .bp-eyebrow{color:var(--mint);margin-bottom:8px}\n.pr5 .bp-ctacard h3{color:#fff}\n.pr5 .bp-ctacard .btn{position:relative;z-index:1}\n.pr5 .bp-hero .hacc,.pr5 .bp-arthead .hacc{color:var(--green)}\n.pr5 .bp-artcta{padding-top:clamp(56px,6vw,80px)}\n.pr5 .bp-ctacard{max-width:760px}\n.pr5 .prose h2{margin-top:2.05em;margin-bottom:.4em}\n.pr5 .bp-figure{aspect-ratio:16/9;max-height:360px}\n.pr5 .prose thead th,.pr5 .prose tbody td{padding:13px 16px}\n.pr5 .bp-feat{align-items:stretch}\n.pr5 .bp-featbody{display:flex;flex-direction:column}\n.pr5 .bp-featbody .bp-readmore{margin-top:auto}\n.pr5 .bp-toccta .btn-green{color:#fff;background:var(--green);border-color:transparent}\n.pr5 .bp-toccta .btn-green:hover{color:#fff;background:var(--green-deep);border-color:transparent;transform:translateY(-1px)}\n.pr5 .bp-sticky{display:none}\n@media(max-width:760px){.pr5 .bp-sticky{display:flex;align-items:center;justify-content:center;gap:8px;position:fixed;left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:120;background:var(--green-deep);color:#fff;font-weight:700;font-size:15px;padding:15px 20px;border-radius:14px;box-shadow:0 12px 30px rgba(10,107,74,.4);text-decoration:none;transition:opacity .2s ease}\n.pr5 .bp-sticky span{font-family:var(--mono)}\n.pr5 .bp-relwrap{padding-bottom:calc(86px + env(safe-area-inset-bottom))}}\n@media(max-width:600px){.pr5 .bp-hero{padding:22px 0 14px}\n.pr5 .bp-hero h1{font-size:clamp(30px,9vw,40px);line-height:1.03}\n.pr5 .bp-sub{font-size:15.5px;margin-top:14px}\n.pr5 .bp-tabs{margin-top:22px;gap:6px 4px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}\n.pr5 .bp-tabs::-webkit-scrollbar{display:none}\n.pr5 .bp-tab{white-space:nowrap;padding:10px 6px;min-height:40px}\n.pr5 .bp-search{display:none}\n.pr5 .bp-featwrap{padding-top:18px}\n.pr5 .bp-feat{padding:14px;border-radius:18px;gap:16px}\n.pr5 .bp-thumb-lg{border-radius:12px}\n.pr5 .bp-featbody h2{font-size:24px;line-height:1.12;margin:10px 0 8px}\n.pr5 .bp-featbody p{font-size:15px;margin-bottom:14px}\n.pr5 .bp-gridwrap{padding:34px 0}\n.pr5 .bp-grid{gap:26px}\n.pr5 .bp-cbody h3{font-size:18.5px}\n.pr5 .bp-card .bp-thumb{margin-bottom:13px}\n.pr5 .bp-newscard{gap:18px;padding:24px}\n.pr5 .bp-newsform{max-width:none;min-width:0;width:100%}\n.pr5 .bp-newsform .btn{white-space:nowrap}\n.pr5 .bp-artwrap{padding-left:20px;padding-right:20px}\n.pr5 .bp-arthead h1{font-size:clamp(27px,8vw,34px);line-height:1.08}\n.pr5 .bp-dek{font-size:17px}\n.pr5 .bp-arthero{aspect-ratio:16/10;margin-top:22px}\n.pr5 .prose{font-size:17.5px;line-height:1.62}\n.pr5 .prose .lead{font-size:19.5px;line-height:1.5}\n.pr5 .prose h2{font-size:23px;margin-top:1.6em}\n.pr5 .prose h3{font-size:19px}\n.pr5 .pullquote{padding-left:18px}\n.pr5 .pullquote p{font-size:19px;line-height:1.35}\n.pr5 .bp-takeaways{padding:20px}\n.pr5 .bp-takeaways li{font-size:15px}\n.pr5 .tablewrap{border-radius:12px}\n.pr5 .tablewrap::-webkit-scrollbar{height:6px}\n.pr5 .prose table{font-size:14px;min-width:420px}\n.pr5 .prose thead th,.pr5 .prose tbody td{padding:11px 13px}\n.pr5 .bp-faq summary{font-size:16px;padding:16px 30px 16px 0}\n.pr5 .bp-faq details p{font-size:15px}\n.pr5 .bp-ctacard{padding:24px;gap:18px;align-items:flex-start}\n.pr5 .bp-ctacard h3{font-size:20px}\n.pr5 .bp-ctacard .btn{width:100%;justify-content:center}\n.pr5 .bp-relwrap{padding-top:46px}\n.pr5 .bp-meta-lg{gap:6px}\n.pr5 .bp-tabs{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);scroll-snap-type:x proximity}\n.pr5 .bp-tab{padding:12px 4px;min-height:44px;scroll-snap-align:start}\n.pr5 .bp-newsform{flex-direction:column}\n.pr5 .bp-newsform input{width:100%;font-size:16px;min-height:52px}\n.pr5 .bp-newsform .btn{width:100%;min-height:52px;justify-content:center}\n.pr5 .tablewrap{position:relative;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}\n.pr5 .prose table th:first-child,.pr5 .prose table td:first-child{position:sticky;left:0;background:#fff;box-shadow:1px 0 0 var(--line)}\n.pr5 .prose thead th:first-child{background:#F6F8F7}\n.pr5 .bp-tocm summary{min-height:52px;display:flex;align-items:center}\n.pr5 .bp-tocm a{min-height:44px;display:flex;align-items:center}\n.pr5 footer a{display:inline-flex;align-items:center;min-height:40px}}\n/* The design has no real images in its prose - it uses CSS placeholder blocks -\n   so nothing ever constrained one. CMS articles do carry screenshots, and they\n   arrived at their natural width (up to 1024px in a 680px column) and spilled\n   out of the article. Frame them the way the design frames its figures. */\n.pr5 .prose img,\n.pr5 .prose picture,\n.pr5 .prose video,\n.pr5 .prose canvas{\n  max-width:100%;\n  height:auto;\n  display:block;\n  margin-inline:auto;\n  border-radius:12px;\n  border:1px solid var(--line);\n}\n.pr5 .prose figure{max-width:100%;margin:1.6em 0 .4em}\n.pr5 .prose figure img{margin-bottom:0}\n.pr5 .prose figcaption{\n  font-family:var(--mono);font-size:11.5px;line-height:1.5;\n  color:#5F646C;text-align:center;margin-top:10px;\n}\n.pr5 .prose iframe{max-width:100%}\n\n/* Hand-written contents entries are short; CMS headings are full sentences and\n   ran to three lines each, which made the list dominate the sidebar. Two lines\n   keeps every entry readable and the list scannable. */\n/* The footer's height came from 100vw while its dither background is sized to\n   the element's own width. Those differ by the scrollbar, and by a lot more when\n   the page frame is narrower than the window, which left a bare strip of\n   background colour across the top of the footer. Tie the height to the\n   element instead so the artwork always fills it exactly. */\n.pr5 footer{height:auto!important;aspect-ratio:2.3649}\n@media (max-width:760px){.pr5 footer{aspect-ratio:auto}}\n\n/* The design's contents entries are short labels on one line. CMS headings are\n   full sentences - the longest here needs 431px - so a 220px column truncated\n   almost every one of them into \"Checklist 2: Structure specifica...\".\n   Two things fix that: a wider column, and two lines reserved for every entry\n   so they stay a uniform height instead of some being one line and some two. */\n.pr5 .bp-artgrid{grid-template-columns:290px minmax(0,720px);gap:clamp(24px,3vw,52px)}\n.pr5 .bp-toc nav a{\n  display:-webkit-box;\n  -webkit-line-clamp:2;\n  -webkit-box-orient:vertical;\n  overflow:hidden;\n  padding-bottom:0;\n  margin-bottom:7px;\n  /* border-box, so the reservation has to include the 7px top padding or a\n     single-line entry ends up shorter than the rest */\n  min-height:calc(2.8em + 7px);\n  min-height:calc(2lh + 7px);\n}\n.pr5 .bp-toc nav{gap:0}\n\n/* \\`overflow-x:hidden\\` makes the browser compute overflow-y as auto, which turns\n   this element into a scroll container and silently kills position:sticky for\n   the nav inside it. \\`clip\\` gives the same clipping without that side effect. */\n.pr5{overflow-x:clip;overflow-y:visible}\n\n/* The design pins every <nav> with \\`nav{position:sticky;top:0;z-index:80}\\`, but\n   the breadcrumb, the table of contents and the footer are <nav> elements too,\n   so they stuck to the top and painted over the real menu bar. Only the site\n   nav should pin. */\n.pr5 .bp-crumb,\n.pr5 .bp-toc nav,\n.pr5 .bp-tocm nav,\n.pr5 .bp-relwrap nav,\n.pr5 footer nav{\n  position:static;\n  top:auto;\n  z-index:auto;\n  background:none;\n  backdrop-filter:none;\n  -webkit-backdrop-filter:none;\n  border-bottom:0;\n}\n\n.pr5 .bp-artcta{padding-bottom:clamp(60px,7vw,104px)}\n@media(max-width:760px){\n  .pr5 .bp-artcta{padding-bottom:calc(86px + env(safe-area-inset-bottom))}\n}\n`;\nexport const __FramerMetadata__ = {\"exports\":{\"CSS\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./V5BlogPostCss.map","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useRef}from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{CSS}from\"https://framerusercontent.com/modules/yF9wkzRH5IQip6w29AX9/nXBdELnFaqLgQylu5dyL/V5BlogPostCss.js\";/**\n * Blog article, v5 design, driven by the SEObot collection.\n *\n * `content` is a ControlType.RichText prop bound to the collection's Content\n * field, so Framer hands it over as a React node and the CMS body renders\n * inside the design's prose column with its formatting intact.\n */const GLOBAL_CSS=`nav[name=\"HeaderNav\"]{display:none!important}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}`;const HTML_CHROME=`\n\n<div class=\"strip\">\n  <div class=\"wrap\">\n    <span class=\"hide-s\">Free test run: source a new category end to end, or gap-check your spec.</span>\n    <a href=\"/#offer\">Start a test run →</a>\n  </div>\n</div>\n\n<nav>\n  <div class=\"nav-in\">\n    <a class=\"brand\" href=\"/\"><img class=\"lockup\" src=\"https://framerusercontent.com/images/SvY6Y7FeN6g2ldEhrns54mtz6d4.png\" alt=\"procright\"></a>\n    <div class=\"nav-links\">\n      <div class=\"ndrop hide-m\">\n        <a href=\"/#product\" aria-haspopup=\"true\">Product <span class=\"caret\">⌄</span></a>\n        <div class=\"nmenu\">\n          <a href=\"/#product\"><b>Specify</b><span>Write the spec from scratch</span></a>\n          <a href=\"/#product\"><b>Discover</b><span>Ranked real candidates</span></a>\n          <a href=\"/#product\"><b>Compare</b><span>Every answer cited</span></a>\n          <a href=\"/#product\"><b>Decide</b><span>A record that survives audit</span></a>\n        </div>\n      </div>\n      <a href=\"/#offer\">Test run</a>\n      <a href=\"/pricing\" class=\"hide-m\">Pricing</a>\n      <a href=\"https://app.procright.com/auth/sign-in\" class=\"btn btn-out btn-sm hide-m\" style=\"margin-left:8px\">Log in</a>\n      <a href=\"/bookademo\" class=\"btn btn-ink btn-sm\" style=\"margin-left:4px\">Book 20 minutes</a>\n    </div>\n  </div>\n</nav>\n\n`;const HTML_HEAD=`<header class=\"bp-arthead\">\n      <nav class=\"bp-crumb\" aria-label=\"Breadcrumb\"><a href=\"/\">Home</a><span>&rsaquo;</span><a href=\"/blog\">Blog</a><span>&rsaquo;</span><a href=\"/blog\">__CATEGORY__</a></nav>\n      <div class=\"bp-meta bp-meta-lg\"><span class=\"bp-cat\">__CATEGORY__</span><span class=\"bp-dot\">&middot;</span>__DATE__<span class=\"bp-dot\">&middot;</span>__READ__</div>\n      <h1>__TITLE__</h1>\n      <p class=\"bp-dek\">__SUMMARY__</p>\n      <div class=\"bp-byline\">\n        <span class=\"bp-avatar\" aria-hidden=\"true\">P</span>\n        <span class=\"bp-bytext\"><b>Procright</b><span>Procurement research &middot; Updated __DATE__</span></span>\n        <span class=\"bp-share\">\n          <a href=\"https://www.linkedin.com/sharing/share-offsite/?url=https://procright.com/blog/__SLUG__\" target=\"_blank\" rel=\"noopener\" aria-label=\"Share on LinkedIn\">in&nbsp;Share</a>\n          <button type=\"button\" data-copy>Copy link</button>\n        </span>\n      </div>\n    </header>\n\n    <div class=\"bp-thumb bp-arthero\" data-cover=\"__COVER__\"><span class=\"bp-thumbtag\">__CATEGORY__</span></div>\n\n    \n    <details class=\"bp-tocm\" hidden><summary>In this article</summary><nav></nav></details>\n\n    `;const HTML_TOC=`<aside class=\"bp-toc\" aria-label=\"On this page\">\n        <p class=\"bp-toclabel\">On this page</p>\n        <nav></nav>\n        <div class=\"bp-toccta\">\n          <p>Try it on a real buy</p>\n          <a class=\"btn btn-green btn-sm\" href=\"/#offer\">Start a test run</a>\n        </div>\n      </aside>`;const HTML_TAIL=`\n  <div class=\"bp-artcta\">\n    <div class=\"wrap\">\n      <div class=\"bp-ctacard\">\n        <div class=\"bp-ctatext\"><p class=\"bp-eyebrow\">Try it on a real buy</p><h3>Bring one category. Watch where the flags land.</h3></div>\n        <a class=\"btn btn-green\" href=\"/bookademo\">Book 20 minutes</a>\n      </div>\n    </div>\n  </div>\n\n  \n  \n\n  <a class=\"bp-sticky\" href=\"/bookademo\">Book 20 minutes <span>&#8594;</span></a>\n<footer>\n  <div class=\"foot\">\n    <div>\n      <div class=\"fb\"><img class=\"lockup lockup-f\" src=\"https://framerusercontent.com/images/SvY6Y7FeN6g2ldEhrns54mtz6d4.png\" alt=\"procright\"></div>\n      <p class=\"tg\">Your AI procurement analyst for high-stakes purchases. From first draft to a decision that survives the audit.</p>\n      <div class=\"fsoc\">\n        <a href=\"https://www.linkedin.com/company/procright\" aria-label=\"Procright on LinkedIn\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4.98 3.5C4.98 4.88 3.87 6 2.5 6S0 4.88 0 3.5 1.12 1 2.5 1s2.48 1.12 2.48 2.5zM.5 8h4V24h-4V8zm7.5 0h3.8v2.2h.05c.53-1 1.83-2.2 3.77-2.2 4.03 0 4.78 2.65 4.78 6.1V24h-4v-8.5c0-2.03-.04-4.64-2.83-4.64-2.83 0-3.27 2.2-3.27 4.5V24H8V8z\"></path></svg></a>\n        <a href=\"https://x.com/procright\" aria-label=\"Procright on X\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M18.9 2H22l-6.8 7.8L23.2 22h-6.3l-4.9-6.4L6.4 22H3.3l7.3-8.3L1.2 2h6.4l4.4 5.8L18.9 2zm-1.1 18h1.7L6.7 3.9H4.9L17.8 20z\"></path></svg></a>\n      </div>\n      <p class=\"fcop\">\\xa9 2026 procright \\xb7 Delaware, USA</p>\n      \n    </div>\n    <div>\n      <h5>Product</h5>\n      <a href=\"/#product\">How it works</a>\n      <a href=\"/#offer\">Test run</a>\n      <a href=\"/pricing\">Pricing</a>\n      <a href=\"/bookademo\">Book 20 minutes</a>\n      <a href=\"https://app.procright.com/auth/sign-in\">Log in</a>\n    </div>\n    <div>\n      <h5>Learn</h5>\n      <a href=\"/blog\">Blog</a>\n      <a href=\"/resources\">Resources</a>\n    </div>\n    <div>\n      <h5>Company</h5>\n      <p>Delaware, USA</p>\n      <a href=\"mailto:hi@procright.com\">hi@procright.com</a>\n      <a href=\"https://www.linkedin.com/company/procright\">LinkedIn</a>\n      <a href=\"https://x.com/procright\">X \\xb7 @procright</a>\n      <a href=\"/privacy\">Privacy</a>\n    </div>\n  </div>\n\n  <a class=\"btn btn-white fv-pos\" id=\"fvOpen\" href=\"#\" aria-label=\"Meet our agents: watch the film\">&#9654;&nbsp;&nbsp;Meet our agents</a>\n  <div class=\"fbig\" id=\"brandmark\">\n    <span aria-hidden=\"true\">procright</span>\n    <svg class=\"hills\" viewBox=\"0 0 1440 150\" preserveAspectRatio=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M0,74 C180,30 340,96 520,66 C700,36 850,90 1030,60 C1210,30 1330,78 1440,54 L1440,150 L0,150 Z\" fill=\"#BFE3CF\" opacity=\".85\"></path>\n      <path d=\"M0,104 C220,64 420,122 640,92 C860,62 1060,124 1260,96 C1330,86 1400,96 1440,90 L1440,150 L0,150 Z\" fill=\"#9ED4B6\"></path>\n      <g fill=\"#FFFFFF\">\n        <circle cx=\"120\" cy=\"126\" r=\"2.6\"></circle><circle cx=\"235\" cy=\"136\" r=\"2.1\"></circle><circle cx=\"342\" cy=\"122\" r=\"2.6\"></circle><circle cx=\"468\" cy=\"138\" r=\"2.1\"></circle><circle cx=\"590\" cy=\"126\" r=\"2.6\"></circle><circle cx=\"704\" cy=\"140\" r=\"2.1\"></circle><circle cx=\"826\" cy=\"124\" r=\"2.6\"></circle><circle cx=\"948\" cy=\"136\" r=\"2.1\"></circle><circle cx=\"1064\" cy=\"126\" r=\"2.6\"></circle><circle cx=\"1188\" cy=\"140\" r=\"2.1\"></circle><circle cx=\"1312\" cy=\"128\" r=\"2.6\"></circle><circle cx=\"1402\" cy=\"138\" r=\"2.1\"></circle>\n      </g>\n      <g fill=\"#F6C560\">\n        <circle cx=\"178\" cy=\"132\" r=\"1.8\"></circle><circle cx=\"398\" cy=\"130\" r=\"1.8\"></circle><circle cx=\"642\" cy=\"134\" r=\"1.8\"></circle><circle cx=\"884\" cy=\"130\" r=\"1.8\"></circle><circle cx=\"1122\" cy=\"134\" r=\"1.8\"></circle><circle cx=\"1358\" cy=\"132\" r=\"1.8\"></circle>\n      </g>\n    </svg>\n  </div>\n</footer>\n\n\n\n\n\n\n\n\n<div class=\"fvm-ov\" id=\"fvModal\" hidden>\n  <div class=\"fvm-box\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Meet our agents\">\n    <button class=\"fvm-x\" id=\"fvClose\" type=\"button\" aria-label=\"Close the film\">&#215;</button>\n    <div class=\"fvm-frame\" id=\"fvFrame\"></div>\n  </div>\n</div>\n\n<div class=\"trm-ov\" id=\"trModal\" hidden>\n  <div class=\"trm-box\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"trmTitle\">\n    <button class=\"trm-x\" type=\"button\" data-trclose aria-label=\"Close\">&#215;</button>\n    <iframe name=\"trSink\" id=\"trSink\" title=\"submit target\" style=\"display:none\" aria-hidden=\"true\"></iframe>\n    <form id=\"trForm\" method=\"post\" enctype=\"multipart/form-data\" target=\"trSink\"\n          accept-charset=\"UTF-8\" action=\"https://crm.zoho.eu/crm/WebToLeadForm\">\n    <input type=\"hidden\" name=\"xnQsjsdp\" value=\"37f87572dbd65a8b57cda940bcbba30352fd33f46d90ef7e0a534925aa799ffa\">\n    <input type=\"hidden\" name=\"xmIwtLD\" value=\"ed78f4033c36066c170e02a3366e166697d0cfe36ee36ed6f716734b30f8dda1d871a5e91904bdfbcb678916e72c64a1\">\n    <input type=\"hidden\" name=\"actionType\" value=\"TGVhZHM=\">\n    <input type=\"hidden\" name=\"returnURL\" value=\"https://procright.com/\">\n    <input type=\"hidden\" name=\"zc_gad\" value=\"\">\n    <input type=\"text\" style=\"display:none!important\" name=\"aG9uZXlwb3Q\" value=\"\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\">\n    <textarea name=\"Description\" id=\"trMulti\" style=\"display:none\" tabindex=\"-1\" aria-hidden=\"true\"></textarea>\n\n    \n    <div class=\"trm-step is-on\" id=\"trStep1\">\n      <p class=\"trm-kick\">The test run &nbsp;&middot;&nbsp; free</p>\n      <h3 class=\"trm-h\" id=\"trmTitle\">What do you want to see?</h3>\n      <p class=\"trm-sub\">Pick one. We reply with scope and timing, usually the same day.</p>\n      <div class=\"trm-modes\">\n        <button class=\"trm-mode is-on\" type=\"button\" data-mode=\"cat\">\n          <span class=\"trm-mn\">End-to-end sourcing</span>\n          <span class=\"trm-md\">Just name the product or service. We draft the spec, scan the market, and hand back a side-by-side comparison.</span>\n        </button>\n        <button class=\"trm-mode\" type=\"button\" data-mode=\"gap\">\n          <span class=\"trm-mn\">Gap analysis</span>\n          <span class=\"trm-md\">Send us your spec. We flag the gaps, single-bidder lines and missing clauses before it locks. Nothing live is touched.</span>\n        </button>\n      </div>\n\n      <div id=\"trCatWrap\">\n        <label class=\"trm-l\" for=\"trInput\">What do you want to buy?</label>\n        <input class=\"trm-in\" id=\"trInput\" type=\"text\" placeholder=\"e.g. CCTV cameras\" autocomplete=\"off\">\n      </div>\n\n      <div id=\"trGapWrap\" hidden>\n        <label class=\"trm-l\" for=\"trFile\">Your spec</label>\n        <div class=\"trm-drop\" id=\"trDrop\">\n          <input type=\"file\" id=\"trFile\" name=\"theFile\" accept=\".pdf,.doc,.docx,.xls,.xlsx,.zip\" hidden>\n          <span class=\"trm-dropt\">Drop your spec here, or <button type=\"button\" class=\"trm-browse\" id=\"trBrowse\">browse</button></span>\n          <span class=\"trm-hint\">PDF, Word, Excel or ZIP. Up to 20&nbsp;MB.</span>\n        </div>\n        <div class=\"trm-file\" id=\"trFileChip\" hidden>\n          <span class=\"trm-fname\" id=\"trFName\"></span>\n          <button type=\"button\" class=\"trm-fx\" id=\"trFClear\" aria-label=\"Remove file\">&#215;</button>\n        </div>\n        <label class=\"trm-l\" for=\"trCat2\">Which category? <span class=\"trm-opt\">optional</span></label>\n        <input class=\"trm-in\" id=\"trCat2\" type=\"text\" placeholder=\"e.g. a CRM licence\" autocomplete=\"off\">\n      </div>\n\n      <p class=\"trm-err\" id=\"trErr1\" hidden></p>\n      <button class=\"btn btn-green trm-go\" id=\"trNext\" type=\"button\">Continue <span>&#8594;</span></button>\n      <p class=\"trm-note\">Nothing live is touched. Or write to <a href=\"mailto:hi@procright.com?subject=Test%20run\">hi@procright.com</a>.</p>\n    </div>\n\n    \n    <div class=\"trm-step\" id=\"trStep2\" hidden>\n      <p class=\"trm-kick\">The test run &nbsp;&middot;&nbsp; free</p>\n      <h3 class=\"trm-h\">Where do we send it back?</h3>\n      <p class=\"trm-sub\" id=\"trRecap\"></p>\n      <label class=\"trm-l\" for=\"trName\">Full name</label>\n      <input class=\"trm-in\" id=\"trName\" name=\"Last Name\" type=\"text\" placeholder=\"Jane Doe\" autocomplete=\"name\">\n      <label class=\"trm-l\" for=\"trEmail\">Work email</label>\n      <input class=\"trm-in\" id=\"trEmail\" name=\"Email\" type=\"email\" placeholder=\"jane@company.com\" autocomplete=\"email\">\n      <label class=\"trm-l\" for=\"trCo\">Company</label>\n      <input class=\"trm-in\" id=\"trCo\" name=\"Company\" type=\"text\" placeholder=\"Acme\" autocomplete=\"organization\">\n      <p class=\"trm-err\" id=\"trErr2\" hidden></p>\n      <button class=\"btn btn-green trm-go\" id=\"trSend\" type=\"button\">Start the test run</button>\n      <button class=\"trm-backl\" id=\"trBack\" type=\"button\">&#8592; Back</button>\n      <p class=\"trm-note\">NDA first if you want one. Files stay in an isolated workspace and we delete them after.</p>\n    </div>\n\n    \n    <div class=\"trm-step\" id=\"trStep3\" hidden>\n      <p class=\"trm-kick\">The test run &nbsp;&middot;&nbsp; free</p>\n      <h3 class=\"trm-h\" id=\"trDoneH\">Got it.</h3>\n      <p class=\"trm-sub\">We&#8217;ll come back with scope and timing, usually the same day. Nothing live is touched.</p>\n      <button class=\"btn btn-green trm-go\" type=\"button\" data-trclose>Close</button>\n    </div>\n\n    </form>\n  </div>\n</div>\n\n\n\n\n\n<div class=\"ck-box\" id=\"ckBox\" role=\"dialog\" aria-live=\"polite\" aria-label=\"Cookie choice\" hidden>\n  <p class=\"ck-t\">We use a little analytics to see which pages actually help. Nothing else, no ad trackers.</p>\n  <div class=\"ck-row\">\n    <button class=\"ck-yes\" id=\"ckYes\" type=\"button\">Accept</button>\n    <button class=\"ck-no\" id=\"ckNo\" type=\"button\">Decline</button>\n    <a class=\"ck-link\" href=\"/privacy\">Details</a>\n  </div>\n</div>\n\n\n\n`;const JS=`\n/* A quote, a test run or a call is only useful if we can tie it to a company,\n   so personal and throwaway inboxes are turned away at the form. */\n(function(){\n  var FREE = ('gmail.com googlemail.com yahoo.com yahoo.co.uk yahoo.co.in yahoo.com.tr yahoo.fr yahoo.de yahoo.es ymail.com rocketmail.com '\n    + 'hotmail.com hotmail.co.uk hotmail.fr hotmail.de hotmail.it hotmail.es hotmail.com.tr outlook.com outlook.com.tr live.com live.co.uk '\n    + 'msn.com windowslive.com aol.com aim.com icloud.com me.com mac.com proton.me protonmail.com protonmail.ch pm.me '\n    + 'gmx.com gmx.net gmx.de gmx.at gmx.ch mail.com email.com usa.com consultant.com zoho.com zohomail.com yandex.com yandex.ru '\n    + 'yandex.com.tr mail.ru bk.ru inbox.ru list.ru qq.com 163.com 126.com sina.com sohu.com foxmail.com naver.com daum.net '\n    + 'hanmail.net nate.com seznam.cz web.de t-online.de freenet.de arcor.de orange.fr free.fr laposte.net wanadoo.fr sfr.fr '\n    + 'neuf.fr bbox.fr libero.it virgilio.it alice.it tiscali.it tin.it fastwebnet.it terra.com.br uol.com.br bol.com.br '\n    + 'ig.com.br globo.com rediffmail.com sify.com mynet.com superonline.com ttmail.com turk.net tutanota.com tuta.io '\n    + 'fastmail.com fastmail.fm hushmail.com inbox.com gawab.com lycos.com rambler.ru comcast.net verizon.net att.net '\n    + 'sbcglobal.net bellsouth.net cox.net charter.net earthlink.net juno.com optonline.net roadrunner.com shaw.ca rogers.com '\n    + 'sympatico.ca telus.net btinternet.com sky.com virginmedia.com talktalk.net ntlworld.com blueyonder.co.uk bigpond.com '\n    + 'optusnet.com.au xtra.co.nz').split(' ');\n  var THROWAWAY = ('mailinator.com guerrillamail.com sharklasers.com 10minutemail.com tempmail.com temp-mail.org throwawaymail.com '\n    + 'yopmail.com trashmail.com getnada.com dispostable.com maildrop.cc mailnesia.com fakeinbox.com spamgourmet.com '\n    + 'discard.email mohmal.com emailondeck.com moakt.com tempr.email').split(' ');\n\n  function domainOf(e){ return (String(e).split('@')[1] || '').trim().toLowerCase(); }\n\n  window.prMailProblem = function(email){\n    var e = String(email || '').trim();\n    if (!e) return 'Add your work email.';\n    if (!/^[^@\\\\s]+@[^@\\\\s]+\\\\.[^@\\\\s]+$/.test(e)) return 'That email address does not look right.';\n    var d = domainOf(e);\n    if (THROWAWAY.indexOf(d) !== -1) return 'Please use your work email, not a temporary address.';\n    if (FREE.indexOf(d) !== -1) return 'Please use your work email rather than a personal one.';\n    return '';\n  };\n\n  /* Name, email, company in the order the visitor filled them in. */\n  window.prFormProblem = function(name, email, company){\n    if (!String(name || '').trim()) return 'Add your name.';\n    var m = window.prMailProblem(email);\n    if (m) return m;\n    if (company !== null && !String(company || '').trim()) return 'Add your company.';\n    return '';\n  };\n\n  /* Flag it as soon as they leave the field, so nobody finds out at the last click. */\n  window.prWatchMail = function(input, slot){\n    if (!input) return;\n    input.addEventListener('blur', function(){\n      if (!input.value.trim()) return;\n      var m = window.prMailProblem(input.value);\n      input.classList.toggle('is-bad', !!m);\n      if (slot) { slot.textContent = m; slot.hidden = !m; }\n    });\n    input.addEventListener('input', function(){\n      if (input.classList.contains('is-bad')) {\n        input.classList.remove('is-bad');\n        if (slot) slot.hidden = true;\n      }\n    });\n  };\n\n  /* Wire the known forms up once the markup exists. */\n  function wire(){\n    [['trEmail','trErr2'],['qtEmail','qtErr2'],['bkEmail','bkErr']].forEach(function(p){\n      window.prWatchMail(document.getElementById(p[0]), document.getElementById(p[1]));\n    });\n  }\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', wire); else wire();\n})();\n\n;\n\n/* reveal (append ?norv to disable animations for QA screenshots) */\nif(location.search.includes('norv')){\n  document.querySelectorAll('.rv').forEach(el=>el.classList.add('on'));\n}else{\n  const io=new IntersectionObserver(es=>es.forEach(e=>{if(e.isIntersecting){e.target.classList.add('on');io.unobserve(e.target)}}),{threshold:.1});\n  document.querySelectorAll('.rv').forEach((el,i)=>{el.style.transitionDelay=(i%3)*70+'ms';io.observe(el)});\n}\n/* stat count-up */\nconst fmt=(v,f)=>f==='comma'?v.toLocaleString('en-US'):String(v);\nfunction countTo(el){\n  const t=+el.dataset.n,f=el.dataset.fmt;let s=performance.now();\n  const step=n=>{const p=Math.min(1,(n-s)/900),e=1-Math.pow(1-p,3);\n    el.textContent=fmt(Math.round(t*e),f);\n    if(p<1)requestAnimationFrame(step)};\n  requestAnimationFrame(step);\n}\nif(location.search.includes('norv')){\n  document.querySelectorAll('.cnt[data-n]').forEach(el=>el.textContent=fmt(+el.dataset.n,el.dataset.fmt));\n}else{\n  const ioC=new IntersectionObserver(es=>es.forEach(e=>{if(e.isIntersecting){countTo(e.target);ioC.unobserve(e.target)}}),{threshold:.6});\n  document.querySelectorAll('.cnt[data-n]').forEach(el=>ioC.observe(el));\n}\n/* AI meadow footer preview: ?meadow=1|2 */\nconst mm=new URLSearchParams(location.search).get('meadow');\nif(mm){\n  const urls={\n    '1':'https://d8j0ntlcm91z4.cloudfront.net/user_3DnnqP3v9WlYIR4kGDlXE1MeI74/hf_20260710_202258_ded6826c-eb09-4c00-9626-025c78254cdf.png',\n    '2':'https://d8j0ntlcm91z4.cloudfront.net/user_3DnnqP3v9WlYIR4kGDlXE1MeI74/hf_20260710_202258_285821b9-6785-4a67-9a4f-b1be5e838eb9.png'\n  };\n  const fb=document.querySelector('.fbig');\n  if(fb&&urls[mm]){fb.classList.add('fbig-img');fb.style.setProperty('--meadow','url('+urls[mm]+')')}\n}\n\n/* kart tasarımı (v2 final, varsayılan) */\n(function(){\n  document.body.classList.add('cards2');\n  var cw=document.querySelector('.car-wrap');if(!cw)return;\n  if(matchMedia('(prefers-reduced-motion: reduce)').matches){document.body.classList.add('crin');return}\n  new IntersectionObserver(function(es,o){es.forEach(function(e){\n    if(e.isIntersecting){document.body.classList.add('crin');o.disconnect()}\n  })},{threshold:.2}).observe(cw);\n})();\n/* flagship story (single swappable card) */\n(function(){\n  var S=[{\"logo\": \"https://framerusercontent.com/images/Rewl3utxGRAlTSBf2lGGTysRLsQ.png\", \"alt\": \"Fizix\", \"q\": \"We had three hundred vibration-sensor options to sift through. Procright&rsquo;s search narrowed it to eight, checked every requirement against our spec, and put a decision I could defend on my desk in four days.\", \"name\": \"Name Surname\", \"title\": \"Head of Procurement, Fizix\", \"big\": \"4 days\", \"lab\": \"from 300 options to a decision on record\", \"sub\": \"<b>8 of 300</b> shortlisted by autonomous search &middot; every answer cited\"}, {\"logo\": \"https://framerusercontent.com/images/BId7tRDweV86Amf98DC3XUIBLM.png\", \"alt\": \"Arksoft\", \"q\": \"Two of our datacenter-licensing quotes had quietly changed the payment terms. Procright flagged the drift against our spec before anything was signed &mdash; we would have missed it in the PDFs.\", \"name\": \"Name Surname\", \"title\": \"IT Procurement Lead, Arksoft\", \"big\": \"2 drifts\", \"lab\": \"caught before signature, not after\", \"sub\": \"payment terms changed on the quote, <b>not on the spec</b>\"}, {\"logo\": \"https://framerusercontent.com/images/AjdPWuOR7PLI1y9Myuu0Us2qTjA.svg\", \"alt\": \"vSmart\", \"q\": \"Our backup-appliance spec looked complete. Procright found twelve gaps and a missing GDPR clause, and we closed every one before the spec locked.\", \"name\": \"Name Surname\", \"title\": \"Head of IT, vSmart\", \"big\": \"12 gaps\", \"lab\": \"closed before the spec locked\", \"sub\": \"including a <b>missing GDPR clause</b> we had overlooked\"}, {\"logo\": \"https://framerusercontent.com/images/rma3mOZE5ViQTeVjG5cfTQXsotk.svg\", \"alt\": \"Ekip\", \"q\": \"Every one of our forty-one requirements came back scored yes, no or partial, each linked to where the answer came from. No more taking a vendor&rsquo;s word for it.\", \"name\": \"Name Surname\", \"title\": \"Operations Lead, Ekip\", \"big\": \"41 / 41\", \"lab\": \"requirements answered, every one cited\", \"sub\": \"yes, no or partial &mdash; <b>with the source</b>\"}, {\"logo\": \"https://framerusercontent.com/images/LAtU3jNq5cvc6XoTB3SJHOMHeg.png\", \"alt\": \"FolSec\", \"q\": \"The decision record went through review in a single pass. Every answer had its source attached, so there were no follow-up questions. It just held.\", \"name\": \"Name Surname\", \"title\": \"Security Lead, FolSec\", \"big\": \"1 review\", \"lab\": \"sign-off, zero follow-up questions\", \"sub\": \"full trail on file &middot; <b>audit-ready for years</b>\"}];\n  var g=document.getElementById('fsl');if(!g)return;\n  var el={logo:document.getElementById('fsLogo'),q:document.getElementById('fsQuote'),\n    name:document.getElementById('fsName'),title:document.getElementById('fsTitle'),\n    big:document.getElementById('fsBig'),lab:document.getElementById('fsLab'),sub:document.getElementById('fsSub')};\n  var dots=document.getElementById('fslDots'),i=0,tm=null;\n  for(var k=0;k<S.length;k++){(function(k){var d=document.createElement('span');\n    d.addEventListener('click',function(){go(k,true)});dots.appendChild(d)})(k)}\n  function set(x){var s=S[x];\n    el.logo.src=s.logo;el.logo.alt=s.alt;\n    el.q.innerHTML='<span class=\"qq\">&ldquo;</span>'+s.q+'&rdquo;';\n    el.name.innerHTML=s.name+' <span style=\"opacity:.5\">[MOCK]</span>';el.title.textContent=s.title;\n    el.big.textContent=s.big;el.lab.textContent=s.lab;el.sub.innerHTML=s.sub;\n    dots.querySelectorAll('span').forEach(function(d,k){d.classList.toggle('on',k===x)});\n    g.classList.remove('fs-swap');void g.offsetWidth;g.classList.add('fs-swap');\n  }\n  function go(x,manual){i=(x+S.length)%S.length;set(i);if(manual){stop();start()}}\n  function start(){if(!matchMedia('(prefers-reduced-motion: reduce)').matches)tm=setInterval(function(){go(i+1)},6000)}\n  function stop(){clearInterval(tm)}\n  g.addEventListener('mouseenter',stop);g.addEventListener('mouseleave',start);\n  set(0);start();\n})();\n/* ROI calculator */\n(function(){\n  var spend=document.getElementById('roiSpend'),events=document.getElementById('roiEvents'),\n      rate=document.getElementById('roiRate'),day=document.getElementById('roiDay');\n  if(!spend)return;\n  var total=document.getElementById('roiTotal'),money=document.getElementById('roiMoney'),\n      labor=document.getElementById('roiLabor'),days=document.getElementById('roiDays'),\n      sV=document.getElementById('roiSpendV'),eV=document.getElementById('roiEventsV'),\n      rV=document.getElementById('roiRateV'),dV=document.getElementById('roiDayV');\n  var DAYS_PER_EVENT=8; // analist-g\\xfcn\\xfc/olay varsayımı\n  function fmtMoney(n){\n    if(n>=1e6){var m=n/1e6;return '$'+(m>=10?Math.round(m):m.toFixed(1))+'M'}\n    return '$'+(Math.round(n/1000)*1000).toLocaleString('en-US');\n  }\n  function countTo(el,to,fmt,cur){\n    var from=cur.v||0,t0=performance.now(),dur=520;\n    function fr(){var p=Math.min(1,(performance.now()-t0)/dur);p=1-Math.pow(1-p,2.4);\n      el.textContent=fmt(from+(to-from)*p);\n      if(p<1)requestAnimationFrame(fr);else{el.textContent=fmt(to);cur.v=to}}\n    requestAnimationFrame(fr);\n  }\n  var tCur={v:692000},mCur={v:500000},lCur={v:192000},dCur={v:480};\n  var intFmt=function(n){return Math.round(n).toLocaleString('en-US')};\n  function upd(anim){\n    var sp=+spend.value*1e6, ev=+events.value, rt=+rate.value, dc=+day.value;\n    sV.textContent='$'+spend.value+'M'; eV.textContent=ev; rV.textContent=rt+'%'; dV.textContent='$'+dc;\n    var priceSaved=sp*rt/100, dsaved=ev*DAYS_PER_EVENT, laborSaved=dsaved*dc, tot=priceSaved+laborSaved;\n    if(anim){\n      countTo(total,tot,fmtMoney,tCur);countTo(money,priceSaved,fmtMoney,mCur);\n      countTo(labor,laborSaved,fmtMoney,lCur);countTo(days,dsaved,intFmt,dCur);\n    }else{\n      total.textContent=fmtMoney(tot);tCur.v=tot;money.textContent=fmtMoney(priceSaved);mCur.v=priceSaved;\n      labor.textContent=fmtMoney(laborSaved);lCur.v=laborSaved;days.textContent=intFmt(dsaved);dCur.v=dsaved;\n    }\n  }\n  [spend,events,rate,day].forEach(function(el){el.addEventListener('input',function(){upd(true)})});\n  upd(false);\n})();\n/* logo + case rotator (MOCK) + nokta gostergesi */\n(function(){\n  var box=document.getElementById('lgrot');if(!box)return;\n  var items=box.querySelectorAll('.lgi');if(items.length<2)return;\n  if(matchMedia('(prefers-reduced-motion: reduce)').matches)return;\n  if(location.search.indexOf('norv')>-1)return; // QA: statik\n  var dots=document.createElement('div');dots.className='lgdots';\n  items.forEach(function(_,k){var d=document.createElement('span');\n    d.addEventListener('click',function(){go(k,true)});dots.appendChild(d)});\n  box.after(dots);\n  var i=0,tm=null;\n  function paint(){\n    items.forEach(function(el,k){el.classList.toggle('on',k===i)});\n    dots.querySelectorAll('span').forEach(function(d,k){\n      d.classList.remove('on');\n      if(k===i){void d.offsetWidth;d.classList.add('on')} // reflow: dolum animasyonu baştan\n    });\n  }\n  function go(k,manual){i=k;paint();if(manual){clearInterval(tm);start()}}\n  function step(){go((i+1)%items.length)}\n  function start(){tm=setInterval(step,4600)}\n  paint();start();\n  box.addEventListener('mouseenter',function(){clearInterval(tm);dots.classList.add('paused')});\n  box.addEventListener('mouseleave',function(){dots.classList.remove('paused');go(i);start()});\n})();\n/* carousel arrows */\nconst car=document.getElementById('carousel');\nif(car){\n  const step=()=>Math.min(460,car.clientWidth*.9);\n  document.getElementById('carPrev').addEventListener('click',()=>car.scrollBy({left:-step(),behavior:'smooth'}));\n  document.getElementById('carNext').addEventListener('click',()=>car.scrollBy({left:step(),behavior:'smooth'}));\n}\n/* pencere ekran sekmeleri: Gap report ↔ Spec Drift */\n(function(){\n  var tabs=document.getElementById('wtabs'),url=document.getElementById('wurl');\n  if(!tabs)return;\n  var names={gap:'Spec Gap Analysis',drift:'Spec Drift',disc:'Discovery',comp:'Comparison'};\n  function show(k){\n    var nw=document.getElementById('scr-'+k); // yeni g\\xf6sterilen ekran temiz (geniş) başlar\n    if(nw&&!nw.classList.contains('act')){nw.style.transitionDuration='0ms';nw.style.transform=''}\n    document.querySelectorAll('.gscr').forEach(function(s){s.classList.toggle('act',s.id==='scr-'+k)});\n    tabs.querySelectorAll('span').forEach(function(t){t.classList.toggle('on',t.dataset.scr===k)});\n    if(url)url.textContent='app.procright.com › '+names[k];\n    var fr=document.querySelector('.float-r');\n    if(fr)fr.style.display=k==='comp'?'none':'';\n    ['gap','drift','disc'].forEach(function(n){\n      var el=document.querySelector('.float-r .fg-'+n);\n      if(el)el.style.display=k===n?'':'none'});\n    if(window.__gwBoot)window.__gwBoot(k); // ekran app gibi par\\xe7a par\\xe7a kurulur\n  }\n  tabs.addEventListener('click',function(e){var t=e.target.closest('span[data-scr]');if(t){window.__gwStop&&window.__gwStop();show(t.dataset.scr)}});\n  var m=location.search.match(/scr=(gap|drift|disc|comp)/);if(m)show(m[1]);\n  window.__gwShow=show;\n  // stage y\\xfcksekliği = en uzun ekran; bir kez \\xf6l\\xe7\\xfcl\\xfcr, ge\\xe7işlerde reflow olmaz\n  var stg=document.getElementById('gwstage');\n  function setStageH(){ // her ekranı GER\\xc7EK kipinde (.act) \\xf6l\\xe7; en uzunu stage y\\xfcksekliği olur\n    if(!stg)return;var mx=0;\n    var cur=document.querySelector('.gscr.act');\n    /* Only one screen is reachable on mobile, so reserve height for that one alone. */\n    if(matchMedia('(max-width:760px)').matches){ if(cur){stg.style.height=\"\"; stg.style.height=cur.offsetHeight+\"px\";} return; }\n    stg.style.height=''; // min-height:100% doğal \\xf6l\\xe7\\xfcm\\xfc şişirmesin\n    document.querySelectorAll('.gscr').forEach(function(s){\n      var was=s===cur;\n      if(!was){s.style.visibility='hidden';s.classList.add('act')}\n      var h=s.offsetHeight;if(h>mx)mx=h;\n      if(!was){s.classList.remove('act');s.style.visibility=''}\n    });\n    if(mx)stg.style.height=mx+'px';\n  }\n  setStageH();\n  if(document.fonts&&document.fonts.ready)document.fonts.ready.then(setStageH);\n  window.addEventListener('load',setStageH);\n  setTimeout(setStageH,1500); // font metrikleri ge\\xe7 oturura karşı telafi\n  var rsz;window.addEventListener('resize',function(){clearTimeout(rsz);rsz=setTimeout(setStageH,180)});\n})();\n\n/* ---- \\xfcr\\xfcn turu: pencere i\\xe7i kamera + macOS imleci (CSS/JS, video değil) ---- */\n(function(){\n  if(matchMedia('(prefers-reduced-motion: reduce)').matches)return;\n  /* A phone has no cursor to fake and no room to pan, but the screens should\n     still assemble themselves. Only the choreography is skipped below. */\n  var PHONE=matchMedia('(max-width:760px)').matches;\n  if(location.search.indexOf('norv')>-1&&location.search.indexOf('tour=1')===-1)return;\n  var stage=document.getElementById('gwstage');if(!stage)return;\n  var stopped=false,timers=[];\n  window.__gwStop=function(){stopped=true;timers.forEach(clearTimeout);\n    var a=document.querySelector('.gscr.act');if(a)a.style.transform='';\n    var c=document.getElementById('gwcur');if(c)c.classList.remove('show')};\n  // birebir macOS oku\n  var cur=document.createElement('div');cur.id='gwcur';\n  cur.innerHTML='<svg width=\"38\" height=\"42\" viewBox=\"0 0 17 22\"><path d=\"M1 1 L1 17.6 L5.6 13.5 L8.4 19.7 L11.5 18.3 L8.7 12.2 L14.9 12.2 Z\" fill=\"#111317\" stroke=\"#fff\" stroke-width=\"1.6\" stroke-linejoin=\"round\"/></svg>';\n  var win=stage.closest('.window')||stage; // imle\\xe7 pencere k\\xf6k\\xfcnde yaşar: winbar/sekmelere de ulaşır (stage overflow'u kırpmasın)\n  if(!PHONE)win.appendChild(cur);\n  // ---- ekran kurulumu: her ekran app gibi par\\xe7a par\\xe7a y\\xfcklenir ----\n  var bootTimers=[],bootRafs=[];\n  function qa(s){return Array.prototype.slice.call(document.querySelectorAll(s))}\n  function tagB(sel,d,step,pop){qa(sel).forEach(function(e,i){e.classList.add('bld','in');if(pop)e.classList.add('pop');e.dataset.bd=Math.round(d+i*(step||0))})}\n  tagB('#scr-gap .gw-h',0);tagB('#scr-gap .gw-sub',70);tagB('#scr-gap .gw-call',150);\n  tagB('#scr-gap .gw-panel > .gw-k',190);tagB('#scr-gap .gw-n',250);tagB('#scr-gap .gw-crit',400);\n  tagB('#scr-gap .gw-30',470);tagB('#scr-gap .gw-radar',570);\n  tagB('#scr-gap .gw-lh',230);tagB('#scr-gap .gw-lm',290);tagB('#scr-gap .gw-item',370,180);\n  tagB('#scr-gap .gw-row',720,70);tagB('#scr-gap .gw-foot',1160);\n  /* On a phone the gap screen is the only one reachable, so start it hidden:\n     otherwise it shows fully formed, then resets when the build kicks in. */\n  if(PHONE)qa('#scr-gap .bld').forEach(function(e){e.classList.remove('in')});\n  tagB('#scr-drift .gw-h',0);tagB('#scr-drift .gw-sub',70);tagB('#scr-drift .gw-call',150);\n  tagB('#scr-drift .gw-panel > .gw-k',190);tagB('#scr-drift .gw-n',250);tagB('#scr-drift .gw-crit',400);\n  tagB('#scr-drift .gw-30',460,90);tagB('#scr-drift .gd-sup',640);\n  tagB('#scr-drift .gw-lh',230);tagB('#scr-drift .gw-lm',290);tagB('#scr-drift .gw-item',370,210);\n  tagB('#scr-drift .gw-foot',1160);\n  tagB('#scr-disc .gw-h',0);tagB('#scr-disc .gw-sub',70);tagB('#scr-disc .tb-scan',160);\n  tagB('#scr-disc .dt-head > div',240,60);tagB('#scr-disc .dt-row',420,120);\n  tagB('#scr-disc .dt-more',1180);tagB('#scr-disc .fo',1280);tagB('#scr-disc .gw-foot',1380);\n  tagB('#scr-comp .gw-h',0);tagB('#scr-comp .gw-sub',70);tagB('#scr-comp .gw-call',150);\n  tagB('#scr-comp .gc-head th',220,80,true);tagB('#scr-comp .gc-score th',580);\n  tagB('#scr-comp .gc-table tbody tr',720,70);\n  tagB('#scr-comp .gc-lead',1260,0,true);tagB('#scr-comp .gc-cite',1330,0,true);\n  tagB('#scr-comp .gw-foot',1400);\n  qa('#scr-gap .gw-n,#scr-drift .gw-n,#scr-drift .gw-30 b,#scr-comp .gc-score th').forEach(function(e){\n    var t=e.textContent.trim();if(/^\\\\d+(\\\\.\\\\d+)?$/.test(t)){e.classList.add('cnt');e.dataset.t=t}\n  });\n  qa('.gscr .bld').forEach(function(e){ // boş h\\xfccreleri animasyondan ayıkla\n    if(!e.textContent.trim()&&e.children.length===0){e.classList.remove('bld','pop','in');delete e.dataset.bd}\n  });\n  function countUp(e,delay){\n    var t=parseFloat(e.dataset.t),dec=e.dataset.t.indexOf('.')>-1;\n    bootTimers.push(setTimeout(function(){\n      var t0=performance.now(),dur=750;\n      (function fr(){var p=Math.min(1,(performance.now()-t0)/dur);p=1-Math.pow(1-p,2.6);\n        e.textContent=dec?(t*p).toFixed(2):Math.round(t*p);\n        if(p<1)bootRafs.push(requestAnimationFrame(fr));else e.textContent=e.dataset.t;})();\n    },delay));\n  }\n  function boot(k){\n    bootTimers.forEach(clearTimeout);bootRafs.forEach(cancelAnimationFrame);bootTimers=[];bootRafs=[];\n    var scr=document.getElementById('scr-'+k);if(!scr)return;\n    qa('#scr-'+k+' .dt-row.sel').forEach(function(e){e.classList.remove('sel')}); // se\\xe7imler her kurulumda sıfırlanır\n    var els=qa('#scr-'+k+' .bld');\n    els.forEach(function(e){e.style.transition='none';e.classList.remove('in')}); // anında gizle (fade-out olmasın)\n    void scr.offsetHeight;\n    els.forEach(function(e){\n      e.style.transition='';\n      var d=+e.dataset.bd||0;\n      bootTimers.push(setTimeout(function(){e.classList.add('in')},d));\n      if(e.classList.contains('cnt'))countUp(e,d);\n    });\n    qa('#scr-'+k+' .cnt').forEach(function(e){ // bld olmayan i\\xe7 saya\\xe7lar (\\xf6rn. gw-30 b)\n      if(!e.classList.contains('bld')){var h=e.closest('.bld');countUp(e,h?+h.dataset.bd:0)}\n    });\n    var fr2=document.querySelector('.float-r'); // FLAG kartı ekranla birlikte tazelenir\n    if(fr2){fr2.style.opacity='0';bootTimers.push(setTimeout(function(){fr2.style.opacity=''},1150))}\n  }\n  window.__gwBoot=boot;\n  var wait=function(ms){return function(fn){timers.push(setTimeout(fn,ms))}};\n  function cam(scale,el,ms,ox,oy){ // hedef elementi kadrajın ortasına al (ox/oy: i\\xe7erik-px ofset)\n    var a=document.querySelector('.gscr.act');if(!a)return;\n    a.style.transitionDuration=(ms||1800)+'ms';\n    if(scale===1){a.style.transform='scale(1)';return} // zoom-out: hedef element gerekmez\n    if(!el)return;\n    var st=stage.getBoundingClientRect(),r=el.getBoundingClientRect(),cu=a.getBoundingClientRect();\n    // mevcut transformdan bağımsız i\\xe7erik koordinatı\n    var m=new DOMMatrixReadOnly(getComputedStyle(a).transform);\n    var cx=(r.left+r.width/2-cu.left)/m.a+(ox||0), cy=(r.top+r.height/2-cu.top)/m.d+(oy||0);\n    var tx=st.width/2-cx*scale, ty=st.height/2.1-cy*scale;\n    tx=Math.max(st.width-a.offsetWidth*scale, Math.min(0,tx));\n    ty=Math.max(st.height-a.offsetHeight*scale, Math.min(0,ty));\n    a.style.transform='matrix('+scale+',0,0,'+scale+','+tx+','+ty+')';\n  }\n  function point(el,dx,dy,ms){ // imleci hedefin NİHAİ g\\xf6rsel konumuna taşı (ge\\xe7iş ortasında değil), pencere koordinatında\n    if(!el)return;\n    var wr=win.getBoundingClientRect(),r=el.getBoundingClientRect();\n    var x=r.left-wr.left+r.width/2, y=r.top-wr.top+r.height/2;\n    var a=document.querySelector('.gscr.act');\n    if(a&&a.contains(el)){\n      var st=stage.getBoundingClientRect(),cu=a.getBoundingClientRect();\n      var mc=new DOMMatrixReadOnly(getComputedStyle(a).transform); // anlık (ge\\xe7iş ortası)\n      var mf=new DOMMatrixReadOnly(a.style.transform&&a.style.transform!=='none'?a.style.transform:'matrix(1,0,0,1,0,0)'); // hedeflenen nihai\n      var ix=(r.left+r.width/2-cu.left)/mc.a, iy=(r.top+r.height/2-cu.top)/mc.d;\n      x=mf.a*ix+mf.e+(st.left-wr.left); y=mf.d*iy+mf.f+(st.top-wr.top);\n    }\n    cur.style.transitionDuration=(ms||1150)+'ms,'+(ms||1150)+'ms,180ms';\n    cur.style.left=(x+(dx||0))+'px';\n    cur.style.top=(y+(dy||0))+'px';\n  }\n  function clickFx(cb){cur.classList.add('click');timers.push(setTimeout(function(){cur.classList.remove('click');cb&&cb()},190))}\n  var q=function(s){return document.querySelector(s)};\n  function lockH(){} // y\\xfckseklik artık setStageH ile sabit; ge\\xe7işlerde height-reflow yok\n  function run(){\n    if(stopped)return;\n    window.__gwShow('gap');lockH();\n    cur.classList.add('show');\n    point(q('.gw-h'),140,26,10);\n    cycle();\n  }\n  function cycle(){\n    if(stopped)return;\n    wait(1500)(function(){ if(stopped)return; // ekran kurulumu bitsin, sonra zoom\n      // 1 \\xb7 Gap Analysis: zoom in → out\n      cam(1.7,q('.gw-panel'),1900); wait(500)(function(){point(q('.gw-crit'),34,-6,1400)});\n      wait(3300)(function(){ if(stopped)return;\n        cam(1,null,1300); wait(400)(function(){point(q('#wtabs span[data-scr=drift]'),-4,5,1200)});\n        wait(1900)(function(){ if(stopped)return;\n          clickFx(function(){window.__gwShow('drift');lockH()});\n          wait(1500)(function(){ if(stopped)return;\n            // 2 \\xb7 Spec Drift: zoom in → out\n            cam(1.5,q('.gd-diff'),1900,-45,55); wait(600)(function(){point(q('.gd-diff .r.bad .lb'),120,8,1500)});\n            wait(3600)(function(){ if(stopped)return;\n              cam(1,null,1300); wait(400)(function(){point(q('#wtabs span[data-scr=disc]'),-4,5,1200)});\n              wait(1900)(function(){ if(stopped)return;\n                clickFx(function(){window.__gwShow('disc');lockH()});\n                wait(1600)(function(){ if(stopped)return;\n                  // 3 \\xb7 Discovery: zoom + ilk 3 \\xfcr\\xfcn se\\xe7ilir (shortlist → Comparison'daki A/B/C)\n                  var dr=function(i){return document.querySelectorAll('#scr-disc .dt-row')[i]};\n                  cam(1.45,q('#scr-disc .dt-head'),1900,-200,100); // sol-\\xfcst kadraj: başlık + \\xfcr\\xfcn adları okunur\n                  wait(700)(function(){point(dr(0)&&dr(0).querySelector('.dt-id'),70,4,1200)});\n                  wait(2000)(function(){ if(stopped)return; clickFx(function(){dr(0).classList.add('sel')});\n                    wait(160)(function(){point(dr(1)&&dr(1).querySelector('.dt-id'),70,4,800)});\n                    wait(1080)(function(){ if(stopped)return; clickFx(function(){dr(1).classList.add('sel')});\n                      wait(160)(function(){point(dr(2)&&dr(2).querySelector('.dt-id'),70,4,800)});\n                      wait(1080)(function(){ if(stopped)return; clickFx(function(){dr(2).classList.add('sel')});\n                        wait(1600)(function(){ if(stopped)return;\n                          cam(1,null,1300); wait(400)(function(){point(q('#wtabs span[data-scr=comp]'),-4,5,1200)});\n                          wait(1900)(function(){ if(stopped)return; nextComp() });\n                        });\n                      });\n                    });\n                  });\n                  function nextComp(){ if(stopped)return;\n                      clickFx(function(){window.__gwShow('comp');lockH()});\n                      wait(1700)(function(){ if(stopped)return;\n                        // 4 \\xb7 Comparison: zoom in → out\n                        cam(1.35,q('.gc-score th.win'),1900,0,48); wait(600)(function(){point(q('.gc-focus'),-4,6,1500)});\n                        wait(3600)(function(){ if(stopped)return;\n                          cam(1,null,1300); wait(400)(function(){point(q('#wtabs span[data-scr=gap]'),-4,5,1200)});\n                          wait(1900)(function(){ if(stopped)return;\n                            clickFx(function(){window.__gwShow('gap');lockH()});\n                            wait(700)(function(){ if(stopped)return; point(q('.gw-h'),140,26,1300)}); // imle\\xe7 başlangı\\xe7 konumuna s\\xfcz\\xfcl\\xfcr\n                            wait(3400)(function(){ if(stopped)return; cycle() }); // geniş 1'de başlangı\\xe7 duruşu, sonra yeni tur\n                          });\n                        });\n                      });\n                  } // nextComp\n                });\n              });\n            });\n          });\n        });\n      });\n    });\n  }\n  // pencere g\\xf6r\\xfcn\\xfcr olunca başlat\n  var seen=false;\n  new IntersectionObserver(function(es,o){es.forEach(function(e){\n    if(e.isIntersecting&&!seen){seen=true;o.disconnect();\n      timers.push(setTimeout(PHONE?function(){boot('gap')}:run,PHONE?120:900))}\n  })},{threshold:.45}).observe(stage);\n})();\n/* flag kartı: pencere g\\xf6r\\xfcn\\xfcnce gecikmeli belirir (canlı bulgu efekti) */\nconst sc=document.querySelector('.showcase');\nif(sc){\n  if(location.search.indexOf('norv')>-1){sc.classList.add('seen')}\n  else{new IntersectionObserver((es,o)=>{es.forEach(e=>{if(e.isIntersecting){setTimeout(()=>sc.classList.add('seen'),550);o.disconnect()}})},{threshold:.35}).observe(sc)}\n}\n/* QA harness: ?qa=1 ile koşar, sonucu document.title'a yazar (deploy \\xf6ncesi zararsız, param olmadan uyur) */\nif(location.search.indexOf('qa=1')>-1){window.addEventListener('load',()=>{setTimeout(async()=>{\n  const t=[],q=s=>document.querySelector(s),w=ms=>new Promise(r=>setTimeout(r,ms));\n  try{\n    t.push('img'+[...document.images].filter(i=>!(i.naturalWidth>0)).length);\n    t.push('tgt'+(document.getElementById('demo')&&document.getElementById('evrow')?1:0));\n    const scq=q('.showcase'),fr=q('.float-r');\n    const f0=fr?getComputedStyle(fr).opacity:'x';\n    scq.scrollIntoView({block:'center'});await w(1300);\n    t.push('flag'+f0+'>'+(fr?getComputedStyle(fr).opacity:'x')+(scq.classList.contains('seen')?'S':'N'));\n    const H=document.body.scrollHeight;for(let i=1;i<=10;i++){window.scrollTo({top:H*i/10,behavior:'instant'});await w(180)}\n    window.scrollTo({top:0,behavior:'instant'});await w(400);\n    const h=q('.hero h1'),fs=parseFloat(getComputedStyle(h).fontSize);\n    t.push('h1L'+Math.round(h.getBoundingClientRect().height/(fs*1.02)));\n    const st=[...document.querySelectorAll('.rv')].filter(e=>getComputedStyle(e).opacity==='0');\n    t.push('rv0-'+st.length+(st.length?':'+st.slice(0,3).map(e=>(e.className.replace(/\\\\s*rv\\\\s*/,' ').trim().split(' ')[0]||e.tagName)).join(','):''));\n    const known=['pricing.html','book.html','index.html'];\n    t.push('lnk'+[...new Set([...document.querySelectorAll('a[href]')].map(a=>a.getAttribute('href')).filter(x=>/\\\\.html/.test(x)))].filter(x=>!known.includes(x)).length);\n  }catch(e){t.push('ERR:'+e.message.slice(0,40))}\n  document.title='QA '+t.join(' ');\n},400)});}\n/* category input → mailto (form kaldırıldı; guard) */\nconst cf=document.getElementById('catForm');\nif(cf){cf.addEventListener('submit',e=>{\n  e.preventDefault();\n  const v=document.getElementById('catInput').value.trim();\n  window.location.href='mailto:hi@procright.com?subject=Sample%20decision%20page&body='+encodeURIComponent('A category we buy: '+v);\n});}\n\n/* --- Field slider (animation-driven clock) --- */\n(function(){\n  var stage=document.getElementById(\"fsStage\");if(!stage)return;\n  var slides=[].slice.call(stage.querySelectorAll(\".fsl\"));if(slides.length<2)return;\n  var dotsWrap=document.getElementById(\"fsDots\");\n  var prev=document.getElementById(\"fsPrev\"),next=document.getElementById(\"fsNext\");\n  var band=document.getElementById(\"stats\");\n  var i=0;\n  var rm=window.matchMedia&&window.matchMedia(\"(prefers-reduced-motion:reduce)\").matches;\n  var frozen=location.search.indexOf(\"norv\")>-1;\n  var auto=!(frozen||rm);\n  var offscreen=false;\n  var dots=slides.map(function(_,k){var b=document.createElement(\"button\");b.type=\"button\";b.setAttribute(\"role\",\"tab\");b.setAttribute(\"aria-label\",\"Story \"+(k+1));b.addEventListener(\"click\",function(){go(k);});dotsWrap.appendChild(b);return b;});\n  function render(anim){slides.forEach(function(sl,k){var on=(k===i);sl.classList.toggle(\"on\",on);sl.classList.toggle(\"fsanim\",on&&!!anim);});dots.forEach(function(d,k){d.classList.toggle(\"on\",k===i);d.setAttribute(\"aria-selected\",k===i?\"true\":\"false\");});}\n  function go(k){i=(k+slides.length)%slides.length;render(true);}\n  function paused(){return offscreen||document.hidden;}\n  function sync(){dotsWrap.classList.toggle(\"paused\",!auto||paused());}\n  /* tek saat = nokta dolum animasyonu; bittiginde ilerle */\n  dotsWrap.addEventListener(\"animationend\",function(e){if(e.animationName===\"fsfill\"&&auto&&!paused()){go(i+1);}});\n  function lockHeight(){var max=0;slides.forEach(function(sl){var d=sl.style.display,p=sl.style.position,v=sl.style.visibility,l=sl.style.left,r=sl.style.right;sl.style.display=\"grid\";sl.style.position=\"absolute\";sl.style.visibility=\"hidden\";sl.style.left=\"0\";sl.style.right=\"0\";if(sl.offsetHeight>max)max=sl.offsetHeight;sl.style.display=d;sl.style.position=p;sl.style.visibility=v;sl.style.left=l;sl.style.right=r;});if(max)stage.style.minHeight=max+\"px\";}\n  if(prev)prev.addEventListener(\"click\",function(){go(i-1);});\n  if(next)next.addEventListener(\"click\",function(){go(i+1);});\n  document.addEventListener(\"visibilitychange\",sync);\n  if(\"IntersectionObserver\" in window&&band){new IntersectionObserver(function(es){es.forEach(function(en){offscreen=!en.isIntersecting;sync();});},{threshold:.25}).observe(band);}\n  var rt;window.addEventListener(\"resize\",function(){clearTimeout(rt);rt=setTimeout(lockHeight,200);});\n  render(false);lockHeight();sync();\n})();\n\n\n;\n\n(function(){\n  var ov=document.getElementById('trModal'); if(!ov)return;\n  /* Zoho CRM Web-to-Lead: plain multipart POST, no token. Creates the Lead and attaches the spec. */\n  var MAXMB=20;\n  var s1=document.getElementById('trStep1'), s2=document.getElementById('trStep2'), s3=document.getElementById('trStep3'),\n      modes=ov.querySelectorAll('.trm-mode'), catWrap=document.getElementById('trCatWrap'), gapWrap=document.getElementById('trGapWrap'),\n      input=document.getElementById('trInput'), cat2=document.getElementById('trCat2'),\n      fileI=document.getElementById('trFile'), drop=document.getElementById('trDrop'), browse=document.getElementById('trBrowse'),\n      chip=document.getElementById('trFileChip'), fname=document.getElementById('trFName'), fclear=document.getElementById('trFClear'),\n      err1=document.getElementById('trErr1'), err2=document.getElementById('trErr2'), next=document.getElementById('trNext'),\n      nameI=document.getElementById('trName'), emailI=document.getElementById('trEmail'), coI=document.getElementById('trCo'),\n      send=document.getElementById('trSend'), back=document.getElementById('trBack'), recap=document.getElementById('trRecap'),\n      doneH=document.getElementById('trDoneH'), lastFocus=null, mode='cat';\n\n  function step(n){\n    [s1,s2,s3].forEach(function(el,i){ el.hidden = (i!==n-1); });\n    ov.querySelector('.trm-box').scrollTop=0;\n  }\n  function applyMode(){\n    catWrap.hidden = mode!=='cat';\n    gapWrap.hidden = mode!=='gap';\n    err1.hidden=true;\n  }\n  modes.forEach(function(m){ m.addEventListener('click',function(){\n    modes.forEach(function(x){x.classList.remove('is-on')}); m.classList.add('is-on');\n    mode=m.getAttribute('data-mode'); applyMode();\n    setTimeout(function(){ (mode==='cat'?input:cat2).focus(); },30);\n  });});\n\n  function showFile(f){\n    if(!f) return;\n    if(f.size > MAXMB*1024*1024){ err1.textContent='That file is over '+MAXMB+' MB. Send it to hi@procright.com instead.'; err1.hidden=false; fileI.value=''; return; }\n    err1.hidden=true; fname.textContent=f.name; chip.hidden=false; drop.hidden=true;\n  }\n  if(browse) browse.addEventListener('click',function(e){e.stopPropagation();fileI.click();});\n  if(drop){\n    drop.addEventListener('click',function(){fileI.click();});\n    ['dragenter','dragover'].forEach(function(ev){drop.addEventListener(ev,function(e){e.preventDefault();drop.classList.add('is-over');});});\n    ['dragleave','drop'].forEach(function(ev){drop.addEventListener(ev,function(e){e.preventDefault();drop.classList.remove('is-over');});});\n    drop.addEventListener('drop',function(e){ var f=e.dataTransfer&&e.dataTransfer.files&&e.dataTransfer.files[0]; if(f){ try{ var dt=new DataTransfer(); dt.items.add(f); fileI.files=dt.files; }catch(_){} showFile(f); } });\n  }\n  if(fileI) fileI.addEventListener('change',function(){showFile(fileI.files[0]);});\n  if(fclear) fclear.addEventListener('click',function(){fileI.value='';chip.hidden=true;drop.hidden=false;});\n\n  function detail(){ return mode==='cat' ? input.value.trim() : cat2.value.trim(); }\n  next.addEventListener('click',function(){\n    var f=fileI&&fileI.files&&fileI.files[0];\n    if(mode==='cat' && !detail()){ err1.textContent='Name the product or service first.'; err1.hidden=false; input.focus(); return; }\n    if(mode==='gap' && !f && !detail()){ err1.textContent='Attach your spec, or name the category.'; err1.hidden=false; return; }\n    err1.hidden=true;\n    var what = mode==='cat' ? 'End-to-end sourcing' : 'Gap analysis';\n    recap.textContent = what + (detail() ? ' \\\\u00b7 ' + detail() : '') + (f ? ' \\\\u00b7 ' + f.name : '');\n    step(2); setTimeout(function(){nameI.focus();},30);\n  });\n  back.addEventListener('click',function(){ step(1); });\n\n\n  /* Ping our own endpoint so the team hears about this in Slack. The lead\n     itself still goes to Zoho exactly as before; this is only the shout. */\n  function trNotify(payload){\n    try{\n      fetch('https://procrightbooking-20117756974.development.catalystserverless.eu/server/bookingapi/?action=notify', {\n        method:'POST',\n        headers:{'Content-Type':'text/plain;charset=UTF-8'},\n        body:JSON.stringify(payload),\n        keepalive:true\n      }).catch(function(){});\n    }catch(_){}\n  }\n\n  function valid(){ return !prFormProblem(nameI.value, emailI.value, coI.value); }\n  send.addEventListener('click',function(){\n    if(!valid()){ err2.textContent=prFormProblem(nameI.value, emailI.value, coI.value); err2.hidden=false; (prMailProblem(emailI.value)?emailI:nameI).focus(); return; }\n    err2.hidden=true; send.disabled=true; send.textContent='Sending\\\\u2026';\n    var f=fileI&&fileI.files&&fileI.files[0];\n    var what = mode==='cat' ? 'End-to-end sourcing' : 'Gap analysis';\n    document.getElementById('trMulti').value =\n      'Test run: '+what+'\\\\nWhat: '+(detail()||'-')+'\\\\nSpec file: '+(f?f.name:'none')+'\\\\nSource: procright.com test-run modal';\n    /* real cross-origin form POST into a hidden iframe: no CORS, carries the file */\n    try{ document.getElementById('trForm').submit(); }catch(_){}\n    trNotify({kind:'testrun', mode:mode==='cat'?'cat':'gap', name:nameI.value.trim(),\n              email:emailI.value.trim(), company:coI.value.trim(),\n              category:detail()||'', file:f?f.name:''});\n    setTimeout(function(){\n      var nm=nameI.value.trim().split(' ')[0];\n      doneH.textContent = nm ? 'Got it, '+nm+'.' : 'Got it.';\n      step(3);\n    }, 900);\n  });\n\n  function open(e){ if(e){e.preventDefault();} lastFocus=document.activeElement; ov.hidden=false; document.body.classList.add('trm-open'); step(1); applyMode(); setTimeout(function(){input.focus();},30); }\n  function close(){ ov.hidden=true; document.body.classList.remove('trm-open'); if(lastFocus)lastFocus.focus();\n    send.disabled=false; send.textContent='Start the test run';\n    input.value=''; cat2.value=''; nameI.value=''; emailI.value=''; coI.value='';\n    if(fileI){fileI.value='';} chip.hidden=true; if(drop)drop.hidden=false; err1.hidden=true; err2.hidden=true;\n  }\n  document.addEventListener('click',function(e){\n    var t=e.target.closest('[data-tr]'); if(t){open(e);return;}\n    if(e.target.closest('[data-trclose]')){close();return;}\n    if(e.target===ov){close();}\n  });\n  document.addEventListener('keydown',function(e){if(e.key==='Escape'&&!ov.hidden)close();});\n\n  /* Enter advances the modal. The fields sit inside a real <form>, so also block any\n     accidental native submit: we only ever post via form.submit() ourselves. */\n  var frm=document.getElementById('trForm');\n  if(frm) frm.addEventListener('submit',function(e){e.preventDefault();});\n  ov.addEventListener('keydown',function(e){\n    if(e.key!=='Enter'||e.shiftKey||ov.hidden) return;\n    var tag=(e.target.tagName||'').toLowerCase();\n    if(tag==='textarea') return;\n    e.preventDefault();\n    if(!s1.hidden){ next.click(); }\n    else if(!s2.hidden){ if(!send.disabled) send.click(); }\n    else if(!s3.hidden){ close(); }\n  });\n  applyMode();\n})();\n/* \"Meet our agents\" opens the film in a lightbox. The iframe is created on open\n   and destroyed on close, so the video can never keep playing behind the page. */\n(function(){\n  var ov=document.getElementById('fvModal'); if(!ov) return;\n  var frame=document.getElementById('fvFrame'),\n      closeBtn=document.getElementById('fvClose'),\n      trigger=document.getElementById('fvOpen'),\n      SDK='https://embed.cloudflarestream.com/embed/sdk.latest.js',\n      SRC='https://customer-eecop9qlzsf9lgk3.cloudflarestream.com/9223ec043f62d34f750736804886f95a/iframe?autoplay=true&muted=true&preload=auto';\n  var lastFocus=null, sdkLoading=false;\n\n  /* Browsers refuse to START an unmuted video, so the film begins muted and is\n     unmuted through the Stream SDK immediately afterwards. That call rides on\n     the click that opened the lightbox, which both Chrome and Safari accept.\n     If it ever fails the player still shows its own unmute button. */\n  var player=null, unmuteTimer=null;\n\n  function loadSdk(cb){\n    if(window.Stream) return cb && cb();\n    if(sdkLoading) return setTimeout(function(){ loadSdk(cb); }, 120);\n    sdkLoading=true;\n    var sc=document.createElement('script');\n    sc.src=SDK; sc.async=true;\n    sc.onload=function(){ sdkLoading=false; if(cb) cb(); };\n    sc.onerror=function(){ sdkLoading=false; };\n    document.head.appendChild(sc);\n  }\n\n  /* The unmute only sticks once the player inside the iframe has finished its\n     handshake, which lands well after the element exists. So: ask on every\n     readiness event, and keep asking on a short timer until it takes. */\n  function unmute(iframeEl){\n    loadSdk(function(){\n      if(!window.Stream) return;\n      try{ player=window.Stream(iframeEl); }catch(_){ return; }\n\n      var ask=function(){\n        try{ player.muted=false; player.volume=1; }catch(_){}\n      };\n      ['loadeddata','loadedmetadata','play','playing','canplay'].forEach(function(ev){\n        try{ player.addEventListener(ev, ask); }catch(_){}\n      });\n      ask();\n\n      var n=0;\n      clearInterval(unmuteTimer);\n      unmuteTimer=setInterval(function(){\n        n++;\n        var settled=false;\n        try{ settled=(player.muted===false); }catch(_){}\n        if(settled || n>24){ clearInterval(unmuteTimer); unmuteTimer=null; return; }\n        ask();\n      }, 200);\n    });\n  }\n\n  /* Warm the SDK up on intent so the unmute is instant on click. */\n  function warm(){ loadSdk(null); }\n\n  function openFilm(e){\n    if(e) e.preventDefault();\n    lastFocus=document.activeElement;\n    frame.innerHTML='<iframe src=\"'+SRC+'\" title=\"Meet our agents\" '\n      +'allow=\"accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;\" allowfullscreen></iframe>';\n    ov.hidden=false;\n    document.body.classList.add('trm-open');\n    unmute(frame.querySelector('iframe'));\n    if(closeBtn && closeBtn.focus) closeBtn.focus();\n  }\n  function closeFilm(){\n    clearInterval(unmuteTimer); unmuteTimer=null; player=null;\n    ov.hidden=true;\n    frame.innerHTML='';\n    document.body.classList.remove('trm-open');\n    if(lastFocus && lastFocus.focus){ try{ lastFocus.focus(); }catch(_){} }\n  }\n\n  if(trigger){\n    trigger.addEventListener('click', openFilm);\n    trigger.addEventListener('mouseenter', warm, {once:true});\n    trigger.addEventListener('focus', warm, {once:true});\n  }\n  if(closeBtn) closeBtn.addEventListener('click', closeFilm);\n  ov.addEventListener('click', function(e){ if(e.target===ov) closeFilm(); });\n  document.addEventListener('keydown', function(e){ if(e.key==='Escape' && !ov.hidden) closeFilm(); });\n})();\n\n/* Cookie consent. Analytics stays switched off until someone says yes:\n   Google Consent Mode is defaulted to denied in the site-wide head code, and\n   this only ever flips it to granted. Declining leaves it denied. */\n(function(){\n  /* The markup sits after this script in the page, and inside Framer the JS is\n     run after the HTML is injected. Handle both by waiting for a DOM. */\n  if(document.readyState==='loading'){ document.addEventListener('DOMContentLoaded', init); } else { init(); }\n  function init(){\n  var box=document.getElementById('ckBox'); if(!box) return;\n  var KEY='pr_cookie_choice';\n  var stored=null;\n  try{ stored=localStorage.getItem(KEY); }catch(_){}\n\n  function tell(granted){\n    try{\n      window.dataLayer=window.dataLayer||[];\n      function gtag(){window.dataLayer.push(arguments);}\n      gtag('consent','update',{\n        analytics_storage: granted?'granted':'denied',\n        ad_storage:'denied',\n        ad_user_data:'denied',\n        ad_personalization:'denied'\n      });\n      window.dataLayer.push({event: granted?'cookie_consent_accept':'cookie_consent_decline'});\n    }catch(_){}\n  }\n\n  function decide(granted){\n    try{ localStorage.setItem(KEY, granted?'accepted':'declined'); }catch(_){}\n    tell(granted);\n    box.hidden=true;\n  }\n\n  if(stored==='accepted'){ tell(true); return; }\n  if(stored==='declined'){ tell(false); return; }\n\n  /* let the page settle before asking */\n  setTimeout(function(){ box.hidden=false; }, 900);\n  document.getElementById('ckYes').addEventListener('click', function(){ decide(true); });\n  document.getElementById('ckNo').addEventListener('click', function(){ decide(false); });\n  }\n})();\n\n\n;\n\n/* reading progress + TOC active */\n(function(){\n  var bar=document.getElementById('bpProg');\n  if(bar){var h=function(){var d=document.documentElement,st=d.scrollTop||document.body.scrollTop,sh=d.scrollHeight-d.clientHeight;bar.style.transform='scaleX('+(sh>0?st/sh:0)+')';};document.addEventListener('scroll',h,{passive:true});h();}\n  var links=[].slice.call(document.querySelectorAll('.bp-toc a'));\n  if(links.length&&'IntersectionObserver'in window){\n    var map={};links.forEach(function(a){var id=a.getAttribute('href').slice(1);var el=document.getElementById(id);if(el)map[id]=a;});\n    var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){links.forEach(function(x){x.classList.remove('is-on')});if(map[e.target.id])map[e.target.id].classList.add('is-on');}});},{rootMargin:'-20% 0px -70% 0px'});\n    Object.keys(map).forEach(function(id){io.observe(document.getElementById(id));});\n  }\n  /* blog tab filter (visual only, mock) */\n  document.querySelectorAll('.bp-tab').forEach(function(t){t.addEventListener('click',function(){document.querySelectorAll('.bp-tab').forEach(function(x){x.classList.remove('is-on')});t.classList.add('is-on');});});\n  /* copy link */\n  var cp=document.querySelector('[data-copy]');\n  if(cp){cp.addEventListener('click',function(){var t=cp.textContent;if(navigator.clipboard){navigator.clipboard.writeText(location.href).catch(function(){});}cp.textContent='Copied';setTimeout(function(){cp.textContent=t;},1600);});}\n  /* article sticky mobile CTA: reveal after the hero scrolls past */\n  var stk=document.querySelector('.bp-sticky'), hero=document.querySelector('.bp-arthero');\n  if(stk&&hero&&'IntersectionObserver'in window){\n    stk.style.opacity='0';stk.style.pointerEvents='none';\n    new IntersectionObserver(function(es){es.forEach(function(e){var show=!e.isIntersecting;stk.style.opacity=show?'1':'0';stk.style.pointerEvents=show?'auto':'none';});},{threshold:0}).observe(hero);\n  }\n})();\n\n\n/* The table of contents belongs to the CMS body, so it is built from whatever\n   headings the article actually has, then kept in sync while scrolling. */\n(function(){\n  /* One article component serves /blog and /resources; the breadcrumb, the\n     share link and the section label come from the path. */\n  var ONRES = /^\\\\/resources(\\\\/|$)/.test(location.pathname);\n  if(ONRES){\n    /* Framer serves the authored \"/blog\" as a relative \"./blog\", so match the\n       segment rather than the whole attribute. */\n    var crumb = document.querySelector('.bp-crumb');\n    if(crumb){\n      crumb.querySelectorAll('a[href]').forEach(function(a){\n        var h = a.getAttribute('href') || '';\n        if(!/(^|\\\\/|\\\\.)blog\\\\/?$/.test(h)) return;\n        a.setAttribute('href', '/resources');\n        if((a.textContent || '').trim() === 'Blog') a.textContent = 'Resources';\n      });\n    }\n    document.querySelectorAll('.bp-share a[href]').forEach(function(a){\n      var h = a.getAttribute('href') || '';\n      if(h.indexOf('blog/') === -1) return;\n      a.setAttribute('href', h.replace(/(^|\\\\/|\\\\.)blog\\\\//, function(m){\n        return m.replace('blog/', 'resources/');\n      }));\n    });\n  }\n\n  var root = PR5ROOT;\n  var prose = root.querySelector('.prose');\n  var side  = root.querySelector('.bp-toc nav');\n  var mob   = root.querySelector('.bp-tocm');\n  if(!prose || !side) return;\n\n  function slug(t,i){\n    return (t.toLowerCase().replace(/[^a-z0-9\\\\s-]/g,'').trim().replace(/\\\\s+/g,'-').slice(0,60) || 'section') + '-' + i;\n  }\n\n  /* The body ends with a related-links block whose heading is not a section of\n     the article, so it is kept out of the contents list. */\n  var SKIP = /^(related blog posts|related posts|related articles|keep reading|sources|references)$/i;\n  var heads = [].slice.call(prose.querySelectorAll('h2')).filter(function(h){\n    return !SKIP.test((h.textContent || '').trim());\n  });\n  if(!heads.length){\n    var wrap = root.querySelector('.bp-artgrid');\n    if(wrap) wrap.classList.add('no-toc');\n    return;\n  }\n\n  var links = [];\n  heads.forEach(function(h,i){\n    if(!h.id) h.id = slug(h.textContent||'', i+1);\n    var a = document.createElement('a');\n    a.href = '#' + h.id;\n    a.textContent = (h.textContent||'').trim();\n    a.title = a.textContent;   /* trimmed to one line, so keep the full text on hover */\n    side.appendChild(a);\n    links.push({a:a, h:h});\n  });\n\n  if(mob){\n    var mnav = mob.querySelector('nav');\n    links.forEach(function(l){\n      var c = document.createElement('a');\n      c.href = '#' + l.h.id; c.textContent = l.a.textContent;\n      mnav.appendChild(c);\n    });\n    mob.hidden = false;\n  }\n\n  var ticking = false;\n  function spy(){\n    ticking = false;\n    var best = 0, top = 140;\n    for (var i=0;i<links.length;i++){\n      if (links[i].h.getBoundingClientRect().top - top <= 0) best = i; else break;\n    }\n    links.forEach(function(l,i){ l.a.classList.toggle('is-on', i===best); });\n  }\n  window.addEventListener('scroll', function(){\n    if(!ticking){ ticking = true; requestAnimationFrame(spy); }\n  }, {passive:true});\n  spy();\n\n  side.addEventListener('click', function(e){\n    var a = e.target.closest('a'); if(!a) return;\n    var t = root.querySelector(a.getAttribute('href'));\n    if(t){ e.preventDefault(); t.scrollIntoView({behavior:'smooth', block:'start'});\n           history.replaceState(null,'',a.getAttribute('href')); }\n  });\n})();\n\n\n/* ---- corrections for CMS-authored bodies ----\n   The design's prose rules assume hand-written markup. Framer's collection\n   output differs in three ways, so each is normalised here. */\n\n/* 1. Framer wraps every list item's text in its own <p>, which is a block and\n      drops the text onto the line below the bullet. */\n(function(){\n  var prose = PR5ROOT.querySelector('.prose');\n  if(!prose) return;\n  prose.querySelectorAll('li > p').forEach(function(p){\n    p.style.display = 'inline';\n    p.style.margin = '0';\n  });\n})();\n\n/* 2. CMS tables ship their header row as <th> inside <tbody>, so the design's\n      \\`thead th\\` rules never match. Move them into a real <thead>. */\n(function(){\n  var prose = PR5ROOT.querySelector('.prose');\n  if(!prose) return;\n  prose.querySelectorAll('table').forEach(function(t){\n    if(t.querySelector('thead')) return;\n    var first = t.querySelector('tr');\n    if(!first || !first.querySelector('th')) return;\n    var head = document.createElement('thead');\n    head.appendChild(first);\n    t.insertBefore(head, t.firstChild);\n  });\n  /* the design also frames each table so it can scroll on narrow screens */\n  prose.querySelectorAll('table').forEach(function(t){\n    if(t.parentElement && t.parentElement.classList.contains('tablewrap')) return;\n    var wrap = document.createElement('div');\n    wrap.className = 'tablewrap';\n    t.parentNode.insertBefore(wrap, t);\n    wrap.appendChild(t);\n  });\n})();\n\n/* 3. Covers are 1536x1024 while the hero band is 2.4:1, so \\`cover\\` cropped the\n      artwork. Match the band to whatever the image actually is. */\n(function(){\n  var el = PR5ROOT.querySelector('.bp-arthero');\n  if(!el) return;\n  var src = el.getAttribute('data-cover') || '';\n  if(!src || src === '__COVER__') return;\n  var im = new Image();\n  im.onload = function(){\n    if(!im.naturalWidth || !im.naturalHeight) return;\n    /* Journal covers are 3:2 while the design's band is 2.4:1. Cropping to the\n       band cut off the header and the category chip, but honouring 3:2 across\n       the full column made the cover 667px tall and swallow the screen. Keep the\n       image's own ratio and cap the height near the design's band instead, so\n       the whole cover shows at a sensible size. */\n    el.style.aspectRatio = im.naturalWidth + ' / ' + im.naturalHeight;\n    el.style.backgroundSize = 'contain';\n    el.style.backgroundRepeat = 'no-repeat';\n    /* 760px is the header's own width, so the cover lines up with the title\n       instead of sitting slightly inset. */\n    /* Journal covers already carry their own category chip, so the overlay one\n       would sit on top of it. */\n    var tag = el.querySelector('.bp-thumbtag');\n    if(tag) tag.style.display = 'none';\n    el.style.maxWidth = '760px';\n    el.style.maxHeight = '520px';\n    el.style.width = 'auto';\n    el.style.marginLeft = 'auto';\n    el.style.marginRight = 'auto';\n  };\n  im.src = src;\n})();\n\n/* 4. Framer embeds YouTube with autoplay=1; nobody wants a blog post that\n      starts talking on its own. */\n(function(){\n  PR5ROOT.querySelectorAll('iframe[src*=\"youtube\"], iframe[src*=\"youtu.be\"], iframe[src*=\"vimeo\"]').forEach(function(f){\n    var src = f.getAttribute('src') || '';\n    if(!/autoplay=1/.test(src)) return;\n    f.setAttribute('src', src.replace(/([?&])autoplay=1/g, '$1autoplay=0'));\n  });\n})();\n\n/* The design opens every article with a larger lead paragraph. CMS bodies have\n   no such class, so the first paragraph is promoted here. */\n(function(){\n  var prose = PR5ROOT.querySelector('.prose');\n  if(!prose) return;\n  var first = prose.querySelector('p');\n  if(first && !first.classList.contains('lead')) first.classList.add('lead');\n})();\n\n/* CMS images carry hard-coded width/height attributes from the import (one tall\n   infographic came through as width=\"328\" on a 1440px-wide source), so they sat\n   small and centred in a 680px column with dead space either side. Where the\n   source is big enough, let the image use the full column; anything genuinely\n   small - icons, badges - is left at its own size. */\n(function(){\n  var prose = PR5ROOT.querySelector('.prose');\n  if(!prose) return;\n  function fit(img){\n    if(!img.naturalWidth) return;\n    var col = prose.clientWidth;\n    if(img.naturalWidth >= col){\n      img.style.width = '100%';\n      img.style.height = 'auto';\n      img.removeAttribute('width');\n      img.removeAttribute('height');\n    }\n  }\n  prose.querySelectorAll('img').forEach(function(img){\n    if(img.complete) fit(img); else img.addEventListener('load', function(){ fit(img); }, {once:true});\n  });\n})();\n\n/* Reading time needs the rendered body, so it is filled in after mount rather\n   than guessed during the first render when the prose is still empty. */\n(function(){\n  var prose = PR5ROOT.querySelector('.prose');\n  if(!prose) return;\n  var words = (prose.textContent || '').trim().split(/\\\\s+/).filter(Boolean).length;\n  if(!words) return;\n  var mins = Math.max(1, Math.round(words / 220));\n  var label = mins + ' min read';\n  PR5ROOT.querySelectorAll('.bp-meta').forEach(function(m){\n    m.innerHTML = m.innerHTML.replace(/\\\\d+\\\\s*min read/, label);\n  });\n})();\n\n/* Cover image comes from the collection, not from the design's gradient block. */\n(function(){\n  var el = PR5ROOT.querySelector('.bp-arthero');\n  if(!el) return;\n  var src = el.getAttribute('data-cover') || '';\n  if(src && src !== '__COVER__'){\n    el.style.backgroundImage = 'url(\"' + src + '\")';\n    el.style.backgroundSize = 'cover';\n    el.style.backgroundPosition = 'center';\n  }\n})();\n`;const MONTHS=[\"Jan\",\"Feb\",\"Mar\",\"Apr\",\"May\",\"Jun\",\"Jul\",\"Aug\",\"Sep\",\"Oct\",\"Nov\",\"Dec\"];function pretty(d){if(!d)return\"\";const t=new Date(d);if(isNaN(t.getTime()))return String(d);return MONTHS[t.getMonth()]+\" \"+t.getDate()+\", \"+t.getFullYear();}/* Reading time is not a collection field, so estimate it from the body text. */function readingTime(node,fallbackWords){const words=fallbackWords||0;const mins=Math.max(1,Math.round(words/220));return mins+\" min read\";}function fill(tpl,map){let out=tpl;for(const k in map)out=out.split(k).join(map[k]==null?\"\":String(map[k]));/* The same component renders /blog and /resources. Retarget the links while\n       the markup is built rather than afterwards: React re-renders this subtree\n       and would wipe any edit made from an effect. *//* Paint the cover here too. Doing it from an effect is not reliable: this\n       subtree gets re-rendered and any style set afterwards is thrown away. */if(map.__COVER__){const url=String(map.__COVER__).replace(/\"/g,\"&quot;\");out=out.replace(/(<div class=\"bp-thumb bp-arthero\"[^>]*)>/,'$1 style=\"background-image:url(&quot;'+url+'&quot;);background-size:cover;background-position:center\">');}if(typeof location!==\"undefined\"&&/^\\/resources(\\/|$)/.test(location.pathname)){out=out.replace(/href=\"\\/blog\"/g,'href=\"/resources\"').replace(/href=\"\\/blog\\//g,'href=\"/resources/').replace(/>Blog<\\/a>/g,\">Resources</a>\").replace(/procright\\.com\\/blog\\//g,\"procright.com/resources/\");}if(!map.__CATEGORY__){/* drop the chips and the breadcrumb segment rather than leaving holes */out=out.replace(/<span class=\"bp-cat\">\\s*<\\/span>\\s*<span class=\"bp-dot\">[^<]*<\\/span>/g,\"\").replace(/<span class=\"bp-cat\">\\s*<\\/span>/g,\"\").replace(/<span class=\"bp-thumbtag\">\\s*<\\/span>/g,\"\").replace(/<span>&rsaquo;<\\/span><a href=\"\\/(?:blog|resources)\">\\s*<\\/a>/g,\"\");}return out;}export default function V5BlogPost(props){const{title,category,summary,cover,date,slug,content,style}=props;const rootRef=useRef(null);useEffect(()=>{const PR5ROOT=rootRef.current;if(!PR5ROOT)return;const run=new Function(\"PR5ROOT\",JS);try{run(PR5ROOT);}catch(e){console.error(\"V5BlogPost script error\",e);}},[content]);const words=rootRef.current?(rootRef.current.textContent||\"\").trim().split(/\\s+/).length:0;const head=fill(HTML_HEAD,{__TITLE__:title||\"Untitled\",__SUMMARY__:summary||\"\",/* /resources keeps its category in a dropdown field Framer will not\n           bind to a text prop, so it arrives empty here. Printing the blog's\n           default would label every resource \"Procurement\", which is untrue -\n           leave it blank and strip the chips in fill(). */__CATEGORY__:category||\"\",__DATE__:pretty(date),__READ__:readingTime(content,words),__SLUG__:slug||\"\",__COVER__:cover||\"\"});return /*#__PURE__*/_jsxs(\"div\",{ref:rootRef,className:\"pr5\",style:{width:\"100%\",...props&&props.style},children:[/*#__PURE__*/_jsx(\"style\",{dangerouslySetInnerHTML:{__html:GLOBAL_CSS}}),/*#__PURE__*/_jsx(\"style\",{dangerouslySetInnerHTML:{__html:CSS}}),/*#__PURE__*/_jsx(\"div\",{style:{display:\"contents\"},dangerouslySetInnerHTML:{__html:HTML_CHROME}}),/*#__PURE__*/_jsxs(\"main\",{children:[/*#__PURE__*/_jsx(\"div\",{className:\"bp-prog\",\"aria-hidden\":\"true\",children:/*#__PURE__*/_jsx(\"i\",{})}),/*#__PURE__*/_jsxs(\"article\",{className:\"bp-art\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"wrap bp-artwrap\",children:[/*#__PURE__*/_jsx(\"div\",{style:{display:\"contents\"},dangerouslySetInnerHTML:{__html:head}}),/*#__PURE__*/_jsxs(\"div\",{className:\"bp-artgrid\",children:[/*#__PURE__*/_jsx(\"div\",{style:{display:\"contents\"},dangerouslySetInnerHTML:{__html:HTML_TOC}}),/*#__PURE__*/_jsx(\"div\",{className:\"prose\",children:content})]})]}),/*#__PURE__*/_jsx(\"div\",{style:{display:\"contents\"},dangerouslySetInnerHTML:{__html:HTML_TAIL}})]})]})]});}addPropertyControls(V5BlogPost,{title:{type:ControlType.String,title:\"Title\",defaultValue:\"\"},category:{type:ControlType.String,title:\"Category\",defaultValue:\"\"},summary:{type:ControlType.String,title:\"Summary\",displayTextArea:true,defaultValue:\"\"},slug:{type:ControlType.String,title:\"Slug\",defaultValue:\"\"},date:{type:ControlType.Date,title:\"Date\"},cover:{type:ControlType.Image,title:\"Cover\"},content:{type:ControlType.RichText,title:\"Content\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"V5BlogPost\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],"mappings":"wMAAa,EAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KC2tCwE,SAAS,EAAO,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,IAAM,EAAE,IAAI,KAAK,CAAC,EAAyC,OAApC,MAAM,EAAE,QAAQ,CAAC,EAAS,OAAO,CAAC,EAAS,EAAO,EAAE,SAAS,GAAG,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,CAAE,CAAiF,SAAS,EAAY,EAAK,EAAc,CAA2E,OAAlC,KAAK,IAAI,EAAE,KAAK,OAA5C,GAAe,GAAyC,GAAG,CAAa,EAAE,WAAY,CAAC,SAAS,EAAK,EAAI,EAAI,CAAC,IAAI,EAAI,EAAI,IAAI,IAAM,KAAK,EAAI,EAAI,EAAI,MAAM,CAAC,CAAC,CAAC,KAAK,EAAI,IAAI,KAAK,GAAG,OAAO,EAAI,EAAE,CAAC,EAG/e,GAAG,EAAI,UAAU,CAAC,IAAM,EAAI,OAAO,EAAI,SAAS,CAAC,CAAC,QAAQ,KAAK,QAAQ,EAAE,EAAI,EAAI,QAAQ,2CAA2C,wCAAwC,EAAI,4DAA4D,CAAE,CAA4oB,OAAxoB,OAAO,SAAW,KAAa,qBAAqB,KAAK,SAAS,QAAQ,IAAG,EAAI,EAAI,QAAQ,iBAAiB,mBAAmB,CAAC,CAAC,QAAQ,kBAAkB,mBAAmB,CAAC,CAAC,QAAQ,cAAc,gBAAgB,CAAC,CAAC,QAAQ,0BAA0B,0BAA0B,GAAO,EAAI,eAAuF,EAAI,EAAI,QAAQ,yEAAyE,EAAE,CAAC,CAAC,QAAQ,oCAAoC,EAAE,CAAC,CAAC,QAAQ,yCAAyC,EAAE,CAAC,CAAC,QAAQ,iEAAiE,EAAE,GAAU,CAAI,CAAC,SAAwB,EAAW,EAAM,CAAC,GAAK,CAAC,QAAM,WAAS,UAAQ,QAAM,OAAK,OAAK,UAAQ,SAAO,EAAY,EAAQA,EAAO,IAAI,EAAE,MAAc,CAAC,IAAM,EAAQ,EAAQ,QAAQ,GAAG,CAAC,EAAQ,OAAO,IAAM,EAAQ,SAAS,UAAU,CAAE,EAAE,GAAG,CAAC,EAAI,CAAO,CAAE,OAAO,EAAE,CAAC,QAAQ,MAAM,0BAA0B,CAAC,CAAE,CAAC,EAAE,CAAC,CAAO,CAAC,EAAE,IAAM,EAAM,EAAQ,SAAS,EAAQ,QAAQ,aAAa,GAAA,CAAI,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,OAAO,EAAQ,EAAK,EAAK,EAAU,CAAC,UAAU,GAAO,WAAW,YAAY,GAAS,GAGj4C,aAAa,GAAU,GAAG,SAAS,EAAO,CAAI,EAAE,SAAS,EAAY,EAAQ,CAAK,EAAE,SAAS,GAAM,GAAG,UAAU,GAAO,EAAE,CAAC,EAAE,OAAoB,EAAM,MAAM,CAAC,IAAI,EAAQ,UAAU,MAAM,MAAM,CAAC,MAAM,OAAO,GAAG,GAAO,EAAM,KAAK,EAAE,SAAS,CAAc,EAAK,QAAQ,CAAC,wBAAwB,CAAC,OAAO,CAAU,CAAC,CAAC,EAAe,EAAK,QAAQ,CAAC,wBAAwB,CAAC,OAAO,CAAG,CAAC,CAAC,EAAe,EAAK,MAAM,CAAC,MAAM,CAAC,QAAQ,UAAU,EAAE,wBAAwB,CAAC,OAAO,CAAW,CAAC,CAAC,EAAe,EAAM,OAAO,CAAC,SAAS,CAAc,EAAK,MAAM,CAAC,UAAU,UAAU,cAAc,OAAO,SAAsB,EAAK,IAAI,CAAC,CAAC,CAAC,CAAC,EAAe,EAAM,UAAU,CAAC,UAAU,SAAS,SAAS,CAAc,EAAM,MAAM,CAAC,UAAU,kBAAkB,SAAS,CAAc,EAAK,MAAM,CAAC,MAAM,CAAC,QAAQ,UAAU,EAAE,wBAAwB,CAAC,OAAO,CAAI,CAAC,CAAC,EAAe,EAAM,MAAM,CAAC,UAAU,aAAa,SAAS,CAAc,EAAK,MAAM,CAAC,MAAM,CAAC,QAAQ,UAAU,EAAE,wBAAwB,CAAC,OAAO,CAAQ,CAAC,CAAC,EAAe,EAAK,MAAM,CAAC,UAAU,QAAQ,SAAS,CAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAe,EAAK,MAAM,CAAC,MAAM,CAAC,QAAQ,UAAU,EAAE,wBAAwB,CAAC,OAAO,CAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,+BAjuC3oC,IAAoC,IAAoD,IAAkH,EAMzP,EAAW,6IAAmJ,EAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8B3K,EAAU;;;;;;;;;;;;;;;;;;;;MAoBN,EAAS;;;;;;;gBAOC,EAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkLxB,EAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0+BH,EAAO,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK,EAM6mC,EAAoB,EAAW,CAAC,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,EAAE,EAAE,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,aAAa,EAAE,EAAE,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,UAAU,gBAAgB,GAAK,aAAa,EAAE,EAAE,KAAK,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,aAAa,EAAE,EAAE,KAAK,CAAC,KAAK,EAAY,KAAK,MAAM,MAAM,EAAE,MAAM,CAAC,KAAK,EAAY,MAAM,MAAM,OAAO,EAAE,QAAQ,CAAC,KAAK,EAAY,SAAS,MAAM,SAAS,CAAC,CAAC"}