.pk{--aqua:#299bc0;--teal:#103d4d;--coral:#ff6b4a;--bg:#08222c;--panel:#0e3441;--cloud:#0b2c38;--sky:#16414f;--ink:#eef5f7;--slate:#9fbcc6;--line:rgba(255,255,255,.13);--pop:'Poppins',sans-serif;--inter:'Inter',system-ui,sans-serif;font-family:var(--inter);color:var(--ink);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;background:var(--bg)}
.pk *{box-sizing:border-box;margin:0;padding:0}
.pk .wrap{max-width:1573px;margin:0 auto;padding:0 32px}
.pk h1,.pk h2,.pk h3{font-family:var(--pop);color:var(--teal);font-weight:600;line-height:1.14;letter-spacing:-.01em}
.pk a{text-decoration:none;color:inherit}
.pk .eyebrow{font-weight:600;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--aqua)}
.pk .btn{font-family:var(--pop);font-weight:500;font-size:15px;border-radius:12px;padding:14px 26px;display:inline-block;cursor:pointer;border:none}
.pk .btn-primary{background:var(--coral);color:#fff}.pk .btn-primary:hover{background:#ff5733}
.pk .pkhead{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--line)}
.pk .nav{display:flex;align-items:center;justify-content:space-between;height:78px}
.pk section{scroll-margin-top:82px}
.pk .nav .logo{width:180px}
/* Wordmark "i" — keep the stem white, restore the Petriko Aqua tittle (round dot)
   via a dotless "ı" + a positioned dot, so it stays a text logo (no image). */
.pk .nav .logo .ij{position:relative;font-style:normal}
.pk .nav .logo .ij::after{content:"";position:absolute;left:50%;transform:translateX(-50%);top:.30em;width:.165em;height:.165em;border-radius:50%;background:var(--aqua)}
.pk .nav nav{display:flex;gap:32px;align-items:center}
.pk .burger,.pk .nvt{display:none}
.pk .nav nav a{font-family:var(--pop);font-weight:500;font-size:15px;color:var(--teal)}
.pk .nav nav a:hover{color:var(--aqua)}.pk .nav .navcta{padding:11px 22px;font-size:14px}
.pk .nav nav a[aria-current="page"]:not(.navcta){color:var(--aqua)}
/* Keyboard focus visibility (sitewide) */
.pk a:focus-visible,.pk button:focus-visible,.pk .btn:focus-visible,.pk summary:focus-visible,.pk .field input:focus-visible,.pk .field select:focus-visible,.pk .field textarea:focus-visible{outline:2px solid var(--aqua);outline-offset:3px;border-radius:5px}
.pk .nvt:focus-visible ~ .burger{outline:2px solid var(--aqua);outline-offset:2px;border-radius:6px}
/* Card hover lift */
.pk .card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.pk #services .card{transition:opacity .5s ease,transform .3s ease,box-shadow .3s ease}
.pk #services .card:hover{transform:translateY(-4px);box-shadow:0 24px 48px rgba(12,45,54,.30)}
.pk .hero{background:linear-gradient(180deg,#fff,var(--cloud))}
.pk .hero .wrap{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center;padding:84px 32px 92px}
.pk .hero h1{font-size:53px;margin:18px 0 22px}.pk .hero h1 .em{color:var(--aqua)}
.pk .hero .lead{font-size:18.5px;color:var(--slate);max-width:33em;margin-bottom:30px}
.pk .cta-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.pk .cta-row .ghost{font-family:var(--pop);font-weight:500;color:var(--teal)}
.pk .trust{margin-top:28px;font-size:14px;color:var(--slate)}.pk .trust b{color:var(--teal);font-family:var(--pop);font-weight:500}
.pk .heroart{display:flex;align-items:center;justify-content:center;position:relative}
.pk .heroart .disc{width:100%;max-width:400px;aspect-ratio:1;background:var(--sky);border-radius:46% 54% 52% 48%/52% 46% 54% 48%;display:flex;align-items:center;justify-content:center}
.pk .heroart .mk{width:56%}
.pk .heroart .chip{position:absolute;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 17px;box-shadow:0 14px 38px rgba(16,61,77,.10);font-family:var(--pop);font-weight:500;color:var(--teal);font-size:14px}
.pk .heroart .c1{top:9%;right:-2%}.pk .heroart .c2{bottom:11%;left:-4%}
.pk section{padding:90px 0}
.pk .cloud{background:var(--cloud)}.pk .sky{background:var(--sky)}
.pk .center{text-align:center;max-width:720px;margin:0 auto}.pk .center .eyebrow{display:block;margin-bottom:14px}
.pk h2{font-size:37px}.pk .lead2{font-size:19px;color:var(--slate);margin-top:18px}
.pk .strip{background:var(--teal)}
.pk .strip .wrap{display:flex;flex-wrap:wrap;gap:14px 38px;justify-content:center;padding:24px 32px;font-family:var(--pop);font-weight:500;font-size:15px}
.pk .strip span{display:flex;align-items:center;gap:10px;color:#cfe6ef}
.pk .strip span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--aqua)}
.pk .about{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
.pk .about h2{margin-bottom:18px}.pk .about p{color:var(--slate);margin-bottom:14px}
.pk .invest{background:var(--teal);color:#fff;border-radius:20px;padding:32px 34px}
.pk .invest h3{color:#fff;font-size:22px;font-weight:500;margin-bottom:10px}
.pk .invest p{color:#9fc9d6;font-size:15.5px;margin-bottom:20px}
.pk .invest ul{list-style:none}
.pk .invest li{display:flex;gap:11px;align-items:center;padding:8px 0;font-family:var(--pop);font-weight:500;font-size:15px;border-top:1px solid rgba(255,255,255,.12)}
.pk .invest li::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--aqua);flex:0 0 auto}
.pk .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px}
.pk .card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}
.pk .card.feat{border:2px solid var(--aqua)}
.pk .card .ic{width:52px;height:52px;border-radius:13px;background:var(--sky);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.pk .card h3{font-size:26px;font-weight:500;margin-bottom:10px}.pk .card p{font-size:15.5px;color:var(--slate)}
.pk .badge{display:inline-block;background:var(--aqua);color:#fff;font-family:var(--pop);font-weight:500;font-size:14px;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:8px;margin-bottom:14px}
.pk .why{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:52px}
.pk .wrow{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 26px}
.pk .wrow .n{flex:0 0 auto;width:34px;height:34px;border-radius:10px;background:var(--teal);color:#fff;font-family:var(--pop);font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:center}
.pk .wrow h3{font-size:18px;font-weight:500;margin-bottom:5px}.pk .wrow p{font-size:15px;color:var(--slate)}
.pk .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:52px}
.pk .step{text-align:center;padding:6px}
.pk .step .num{width:46px;height:46px;border-radius:50%;background:var(--aqua);color:#fff;font-family:var(--pop);font-weight:600;font-size:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.pk .step h3{font-size:17px;font-weight:500;margin-bottom:7px}.pk .step p{font-size:14.5px;color:var(--slate)}
.pk .brands .row{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:40px}
.pk .brands .tile{flex:1;min-width:150px;max-width:190px;height:90px;border:1px dashed var(--line);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--slate);font-family:var(--pop);font-weight:500;font-size:14px;background:#fff}
.pk .contact{background:var(--teal);color:#fff}.pk .contact h2{color:#fff}.pk .contact .lead2{color:#9fc9d6}
.pk .cgrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:46px;margin-top:48px;align-items:start}
.pk .cinfo h3{color:#fff;font-size:20px;font-weight:500;margin-bottom:14px}
.pk .cinfo .row{display:flex;gap:12px;margin-bottom:16px;color:#cfe6ef;font-size:15px}
.pk .cinfo .row b{display:block;color:var(--aqua);font-family:var(--pop);font-weight:500;margin-bottom:2px}
.pk .cinfo a{color:#fff}
.pk .cform{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:30px}
.pk .frow{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.pk .field label{display:block;font-size:13px;color:#9fc9d6;margin-bottom:7px;font-family:var(--pop);font-weight:500}
.pk .field input,.pk .field textarea,.pk .field select{width:100%;background:#fff;border:none;border-radius:11px;padding:13px 15px;font-family:var(--inter);font-size:15px;color:var(--ink)}
.pk .field textarea{min-height:108px;resize:vertical}
.pk .cform .btn-primary{width:100%;text-align:center;margin-top:6px}
.pk footer{background:#e3eff4;color:#37434b;padding:46px 0 28px}
.pk .fgrid{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
.pk .flogo{width:158px}
.pk .fcol h4{font-family:var(--pop);font-weight:600;color:#0c2d36;font-size:15.5px;letter-spacing:.01em;margin-bottom:15px}
.pk .fcol a,.pk .fcol p{display:block;color:#37434b;font-size:16.5px;line-height:1.5;padding:6px 0}
.pk .fcol a{transition:color .15s}.pk .fcol a:hover{color:var(--aqua)}
.pk .fbar{border-top:1px solid rgba(12,45,54,.14);margin-top:34px;padding-top:20px;font-size:14.5px;color:#5f6d75;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
@media(max-width:880px){
 .pk .nav{position:relative}
 .pk .nvt{display:block;position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
 .pk .burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;box-sizing:border-box;padding:9px;margin:-9px;cursor:pointer;color:#fff}
 .pk .burger span{display:block;width:26px;height:2px;border-radius:2px;background:currentColor;transition:transform .25s,opacity .2s}
 .pk .nav nav{display:none;position:absolute;top:78px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#0c2d36;border:1px solid rgba(255,255,255,.12);border-radius:0 0 14px 14px;box-shadow:0 24px 44px rgba(0,0,0,.30);padding:8px 0;z-index:60}
 .pk .nvt:checked ~ nav{display:flex}
 .pk .nav nav a{color:#eef5f7;padding:14px 26px;font-size:16px}
 .pk .nav nav a:not(.navcta):hover{color:var(--aqua);background:rgba(255,255,255,.05)}
 .pk .nav .navcta{margin:10px 22px 8px;text-align:center;padding:13px}
 .pk .nvt:checked ~ .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
 .pk .nvt:checked ~ .burger span:nth-child(2){opacity:0}
 .pk .nvt:checked ~ .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .pk .hero .wrap{grid-template-columns:1fr;padding:52px 32px 58px}.pk .hero h1{font-size:37px}.pk .heroart{order:-1}.pk .heroart .disc{max-width:270px}
 .pk h2{font-size:28px}.pk .cards,.pk .why,.pk .about,.pk .cgrid,.pk .frow{grid-template-columns:1fr}.pk .steps{grid-template-columns:1fr 1fr}
 .pk section{padding:58px 0}
}

/* ---- mixed light / dark theme ---- */
.pk{--bg:#0c2d36;--ink:#eef5f7;--slate:#9fbcc6;--line:rgba(255,255,255,.13);background:var(--bg);color:var(--ink)}
.pk h1,.pk h2,.pk h3{color:var(--ink)}
.pk .nav nav a{color:var(--ink)}.pk .nav nav a:hover{color:var(--aqua)}
/* section flow: navy, teal, WHITE, teal, GREY, WHITE, navy */
.pk .hero{background:linear-gradient(180deg,#0f3540,#0c2d36)}
.pk #about{background:#eaf2f7}
.pk #about h2{color:#0c2d36}
.pk #about .eyebrow{color:#1c7ea0}
.pk #about .about>div:first-child p{color:#414b54}
.pk #why{background:#123a46}
.pk #services{background:#e9f1f7}
.pk #how{background:#edf5f8}
.pk #brands{background:#ffffff}
.pk .contact{background:#0c2d36}
/* hero art */
.pk .heroart .disc{border-radius:50%;background:#1d5366;box-shadow:0 0 90px rgba(41,155,192,.16)}
.pk .heroart .chip{background:#16404f;border-color:var(--line);color:var(--ink);box-shadow:0 14px 38px rgba(0,0,0,.4)}
.pk .cta-row .ghost{color:var(--ink)}
.pk .trust b{color:#fff}
/* dark-section elevated surfaces + neutral (non-blue) number chips */
.pk .invest{background:#16404f}
.pk .wrow{background:#16404f;border-color:var(--line)}
.pk .wrow .n{background:rgba(255,255,255,.14);color:#fff}
/* light sections: navy headings, grey body, white cards */
.pk .lt{color:#414b54}
.pk .lt .eyebrow{color:#1c7ea0}
.pk .lt h1,.pk .lt h2,.pk .lt h3{color:#0c2d36}
.pk .lt p,.pk .lt .lead2{color:#414b54}
.pk .lt .card{background:#fff;border:1px solid #dbe7ee;box-shadow:0 10px 28px rgba(12,45,54,.10)}
.pk .lt .card.feat{border:2px solid var(--aqua)}
.pk .lt .card p{color:#414b54}
.pk .lt .card .ic{background:#e7f2f7}
/* Services: dark contrast cards on the light band */
.pk #services .card{background:#0c2d36;border:1px solid #1a4453;box-shadow:0 16px 38px rgba(12,45,54,.20)}
.pk #services .card.feat{border:2px solid var(--aqua)}
.pk #services .card h3{color:#fff}
.pk #services .card p{color:#bcd0d9}
.pk #services .card .ic{background:rgba(255,255,255,.09)}
.pk .lt .step p{color:#414b54}
.pk .lt .step .num{background:#0c2d36}
.pk .lt .brands .tile{background:#fff;border:1px dashed #cddde4;color:#7d8b92}
.pk .stats{background:#0f3540;padding:0}
.pk .stats .wrap{padding:0 32px}
.pk .sgrid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.pk .sitem{padding:40px 24px;text-align:center;border-left:1px solid var(--line)}
.pk .sitem:first-child{border-left:none}
.pk .snum{font-family:var(--pop);font-weight:600;font-size:42px;color:#fff;line-height:1;letter-spacing:-.02em}
.pk .slabel{margin-top:10px;font-size:14px;color:var(--slate)}
@media(max-width:880px){.pk .sgrid{grid-template-columns:1fr 1fr}.pk .sitem:nth-child(odd){border-left:none}.pk .sitem:nth-child(n+3){border-top:1px solid var(--line)}}
.pk .fbar a{color:#414b54;text-decoration:none}
.pk .fbar a:hover{color:#0c2d36}
.pk .fpolicies{display:flex;gap:16px;align-items:center}
.pk .fpolicies .sep{color:#b9c8d0}
@media(max-width:560px){.pk .wrap{padding:0 20px}.pk .nav .logo{width:140px}.pk .nav .navcta{padding:10px 15px;font-size:13px;white-space:nowrap}}
.pk .flogo-col{align-self:center}
@media(max-width:680px){.pk .fgrid{flex-direction:column;gap:30px}.pk .flogo-col{align-self:flex-start}}
.pk .formstatus{font-family:var(--inter)}

/* ---- Figma visual polish ---- */
/* hero art: dark core with concentric rings */
.pk .heroart .disc{max-width:300px;background:#0a2630;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 0 0 30px rgba(255,255,255,.025),0 0 0 31px rgba(255,255,255,.06),0 0 0 62px rgba(255,255,255,.015),0 0 0 63px rgba(255,255,255,.04),0 0 120px rgba(41,155,192,.20)}
.pk .heroart .mk{width:48%}
.pk .heroart .chip{display:flex;align-items:center;gap:9px}
.pk .heroart .chip svg{flex:0 0 auto}
/* service cards: badge pinned top-right */
.pk .card{position:relative}
.pk .card .badge{position:absolute;top:26px;right:26px;margin:0}
/* how it works: connector line behind the numbered circles + CTA */
.pk #how .steps{position:relative}
.pk #how .steps::before{content:"";position:absolute;top:29px;left:12.5%;right:12.5%;height:1px;background:#cfdde6;z-index:0}
.pk #how .step{position:relative;z-index:1}
.pk #how .step .num{box-shadow:0 6px 18px rgba(12,45,54,.18)}
.pk .how-cta{text-align:center;margin-top:48px}
/* contact form: dark glass inputs */
.pk .cform{padding:34px}
.pk .cform .field label{text-transform:uppercase;letter-spacing:.09em;font-size:12px;color:#7fd0e6}
.pk .cform .field input,.pk .cform .field textarea,.pk .cform .field select{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.18);color:#fff}
.pk .cform .field input::placeholder,.pk .cform .field textarea::placeholder{color:#9fb9c4}
.pk .cform .field input:focus,.pk .cform .field textarea:focus,.pk .cform .field select:focus{outline:none;border-color:var(--aqua);background:rgba(255,255,255,.08)}
.pk .cform .field select option{color:#1a1a1a}
.pk .cform .btn-primary{display:flex;align-items:center;justify-content:center;gap:10px}
@media(max-width:880px){.pk #how .steps::before{display:none}}

/* ---- animated hero orbit ---- */
body{overflow-x:hidden}
.pk .heroart{position:relative}
.pk .heroart .disc{position:relative;z-index:2}
.pk .heroart .glow{position:absolute;top:50%;left:50%;width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:50%;background:radial-gradient(circle,rgba(41,155,192,.28),rgba(41,155,192,0) 70%);z-index:0;pointer-events:none;animation:pkpulse 6s ease-in-out infinite}
.pk .heroart .halo{position:absolute;top:50%;left:50%;width:344px;height:344px;margin:-172px 0 0 -172px;border-radius:50%;background:conic-gradient(from 0deg,rgba(41,155,192,.7),rgba(41,155,192,0) 110deg,rgba(41,155,192,0) 250deg,rgba(41,155,192,.45));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));z-index:1;pointer-events:none;animation:pkspin 16s linear infinite}
.pk .heroart .odot{position:absolute;top:0;left:0;width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 10px 2px rgba(41,155,192,.7);z-index:3;offset-path:circle(150px at 50% 50%);offset-rotate:0deg;animation:pkorbit 11s linear infinite}
.pk .heroart .odot.d2{width:5px;height:5px;animation-delay:-4s;animation-duration:15s}
.pk .heroart .chip{top:0;left:0;right:auto;bottom:auto;z-index:4;offset-path:circle(182px at 50% 50%);offset-rotate:0deg;offset-anchor:50% 50%;animation:pkorbit 32s linear infinite}
.pk .heroart .chip.c2{animation-delay:-16s}
.pk .heroart .chip{background:#fff;color:#0c2d36;border:1px solid rgba(255,255,255,.65);box-shadow:0 16px 40px rgba(0,0,0,.38);font-size:12px;padding:11px 15px;gap:8px}
.pk .heroart .chip svg{width:14px;height:14px}
@keyframes pkspin{to{transform:rotate(360deg)}}
@keyframes pkorbit{from{offset-distance:0%}to{offset-distance:100%}}
@keyframes pkpulse{0%,100%{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}
@media(max-width:880px){
 .pk .heroart .chip{offset-path:none;animation:none;top:auto;left:auto;z-index:4}
 .pk .heroart .chip.c1{right:-2%;left:auto;top:6%;bottom:auto}
 .pk .heroart .chip.c2{bottom:8%;left:-4%;right:auto;top:auto}
 .pk .heroart .halo,.pk .heroart .odot,.pk .heroart .glow{display:none}
}
@media(prefers-reduced-motion:reduce){
 .pk .heroart .chip,.pk .heroart .halo,.pk .heroart .glow,.pk .heroart .odot{animation:none}
}

/* ---- scroll reveal (only active once JS adds .has-reveal; no-JS shows all) ---- */
.pk.has-reveal .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.pk.has-reveal .reveal.in{opacity:1;transform:none}

/* value strip as a right-to-left revolving ribbon */
.pk .strip{overflow:hidden}
.pk .strip .marquee{overflow:hidden}
.pk .strip .mtrack{display:inline-flex;align-items:center;white-space:nowrap;animation:pkmarquee 34s linear infinite;will-change:transform}
.pk .strip .mtrack span{padding:22px 34px;white-space:nowrap}
.pk .strip:hover .mtrack{animation-play-state:paused}
@keyframes pkmarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.pk .strip .mtrack{animation:none}}
/* ---- How we help you grow ---- */
.pk #grow{background:#0c2d36}
.pk #grow .eyebrow{color:#7fd0e6}
.pk #grow h2{color:#fff}
.pk #grow .lead2{color:#9fc9d6}
.pk .pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px}
.pk .pcard{background:#fff;border:1px solid #dbe7ee;border-radius:18px;padding:28px;box-shadow:0 10px 28px rgba(12,45,54,.07)}
.pk .pcard .plabel{display:inline-block;font-family:var(--pop);font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--aqua);margin-bottom:10px}
.pk .pcard h3{font-size:19px;font-weight:600;color:#0c2d36;margin:0 0 16px;line-height:1.25}
.pk .pcard ul{list-style:none;margin:0;padding:0}
.pk .pcard li{position:relative;padding-left:22px;margin-bottom:12px;font-size:15px;color:#414b54;line-height:1.55}
.pk .pcard li:last-child{margin-bottom:0}
.pk .pcard li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:#299bc0}
@media(max-width:880px){.pk .pgrid{grid-template-columns:1fr}}
.pk .pcard p{color:#414b54;font-size:15.5px;line-height:1.6;margin:0}
.pk .grow-cta{text-align:center;margin-top:44px}
/* Why-partner cards: light-blue boxes with dark text (on the dark teal section) */
.pk #why .wrow{background:#eaf2f7;border-color:#cfdee8;box-shadow:0 12px 30px rgba(0,0,0,.18);transition:transform .2s ease,box-shadow .2s ease}
.pk #why .wrow:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(12,45,54,.16)}
.pk #why .wrow h3{color:#0c2d36}
.pk #why .wrow p{color:#414b54}
.pk #why .wrow .n{background:#0c2d36;color:#fff}

/* ===== Shared chrome for standalone pages (faq / policy / thank-you): site-nav + site-foot ===== */

.site-nav{background:#0c2d36;border-bottom:1px solid rgba(255,255,255,.13);position:sticky;top:0;z-index:60}
.pkdoc .wrap{scroll-margin-top:82px}
.site-nav .in{max-width:1140px;margin:0 auto;padding:0 32px;height:78px;display:flex;align-items:center;justify-content:space-between}
.site-nav .logo{width:180px;display:block}
.site-nav nav{display:flex;gap:32px;align-items:center}
.site-nav .burger,.site-nav .nvt{display:none}
.site-nav nav a[aria-current="page"]:not(.navcta){color:#299bc0}
.site-nav a:focus-visible,.site-nav .burger:focus-visible{outline:2px solid #299bc0;outline-offset:3px;border-radius:5px}
.site-nav .nvt:focus-visible ~ .burger{outline:2px solid #299bc0;outline-offset:2px;border-radius:6px}
.pkdoc a:focus-visible,.faq summary:focus-visible{outline:2px solid #299bc0;outline-offset:3px;border-radius:6px}
.site-foot a:focus-visible{outline:2px solid #0c2d36;outline-offset:3px;border-radius:4px}
.site-nav nav a{font-family:'Poppins',sans-serif;font-weight:500;font-size:15px;color:#eef5f7;text-decoration:none}
.site-nav nav a:hover{color:#299bc0}
.site-nav .navcta{background:#ff6b4a;color:#fff;border-radius:12px;padding:11px 22px;font-size:14px}
.site-nav .navcta:hover{background:#ff5733}
@media(max-width:880px){.site-nav .in{position:relative}.site-nav .nvt{display:block;position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.site-nav .burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;box-sizing:border-box;padding:9px;margin:-9px;cursor:pointer;color:#fff}.site-nav .burger span{display:block;width:26px;height:2px;border-radius:2px;background:currentColor;transition:transform .25s,opacity .2s}.site-nav nav{display:none;position:absolute;top:78px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#0c2d36;border:1px solid rgba(255,255,255,.12);border-radius:0 0 14px 14px;box-shadow:0 24px 44px rgba(0,0,0,.30);padding:8px 0;z-index:60}.site-nav .nvt:checked ~ nav{display:flex}.site-nav nav a{padding:14px 26px;font-size:16px}.site-nav nav a:not(.navcta):hover{color:#299bc0;background:rgba(255,255,255,.05)}.site-nav .navcta{margin:10px 22px 8px;text-align:center;padding:13px}.site-nav .nvt:checked ~ .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-nav .nvt:checked ~ .burger span:nth-child(2){opacity:0}.site-nav .nvt:checked ~ .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}
@media(max-width:560px){.site-nav .in{padding:0 20px}.site-nav .logo{width:140px}.site-nav .navcta{padding:10px 15px;font-size:13px;white-space:nowrap}}
.site-foot{background:#e3eff4;color:#37434b;padding:46px 0 28px;font-family:'Inter',system-ui,sans-serif;font-size:16.5px;line-height:1.7}
.site-foot *{box-sizing:border-box}
.site-foot .in{max-width:1140px;margin:0 auto;padding:0 32px}
.site-foot .fgrid{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
.site-foot .flogo{width:158px}
.site-foot .flogo-col{align-self:center;max-width:300px}
.site-foot h4{font-family:'Poppins',sans-serif;font-weight:600;color:#0c2d36;font-size:15.5px;letter-spacing:.01em;margin:0 0 15px}
.site-foot .fcol a,.site-foot .fcol p{display:block;color:#37434b;font-size:16.5px;line-height:1.5;padding:6px 0;text-decoration:none;margin:0}
.site-foot .fcol a:hover{color:#0c2d36}
.site-foot .fbar{border-top:1px solid rgba(12,45,54,.14);margin-top:34px;padding-top:20px;font-size:14.5px;color:#5f6d75;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.site-foot .fbar a{color:#414b54;text-decoration:none}.site-foot .fbar a:hover{color:#0c2d36}
.site-foot .fpolicies{display:flex;gap:16px;align-items:center}.site-foot .fpolicies .sep{color:#b9c8d0}
@media(max-width:680px){.site-foot .fgrid{flex-direction:column;gap:30px}.site-foot .flogo-col{align-self:flex-start}}
@media(max-width:560px){.site-foot .in{padding:0 20px}}