/* pinnaclecopywriting.com | style.css */
/* Gloock (heading) + Be Vietnam Pro (body) | Deep teal + warm amber + cream */

:root{
  --pn-dark:    #0E2D31;
  --pn-teal:    #16555C;
  --pn-teal2:   #1E737D;
  --pn-teal-bg: rgba(22,85,92,.07);
  --pn-amber:   #D4892A;
  --pn-amber-d: #B87020;
  --pn-amber-bg:rgba(212,137,42,.1);
  --pn-cream:   #F8F6F0;
  --pn-cream2:  #EEE9E0;
  --pn-white:   #FFFFFF;
  --pn-ink:     #1A1A18;
  --pn-ink2:    #2D2D2A;
  --pn-slate:   #4D6B6D;
  --pn-mist:    #8FA4A6;
  --pn-border:  #DDD8D0;
  --pn-border2: #EDE8E0;
  --pn-fh: 'Gloock', Georgia, serif;
  --pn-fb: 'Be Vietnam Pro', system-ui, sans-serif;
  --pn-max: 1200px;
  --pn-r:  6px;
  --pn-r2: 12px;
  --pn-r3: 999px;
  --pn-sh:  0 2px 18px rgba(14,45,49,.07);
  --pn-sh2: 0 10px 60px rgba(14,45,49,.16);
  --pn-tr: all .16s ease;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:var(--pn-fb);font-size:clamp(.93rem,1.4vw,1rem);color:var(--pn-ink);background:var(--pn-cream);line-height:1.72;overflow-x:hidden;}
img,svg{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
button,input,select,textarea{font-family:inherit;font-size:inherit;}
ul,ol{list-style:none;}

/* ─ Layout ─ */
.pn-wrap{max-width:var(--pn-max);margin:0 auto;padding:0 2rem;}
.pn-wrap-sm{max-width:820px;margin:0 auto;padding:0 2rem;}

/* ─ Eyebrow ─ */
.pn-eye{font-family:var(--pn-fb);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.35em;color:var(--pn-amber);display:block;margin-bottom:.6rem;}
.pn-eye--w{color:rgba(248,246,240,.4);}

/* ─ Headings ─ */
.pn-h2{font-family:var(--pn-fh);font-size:clamp(2.5rem,5vw,5.5rem);color:var(--pn-ink);font-style:italic;letter-spacing:-.02em;line-height:.88;}
.pn-h2--sm{font-size:clamp(1.8rem,3.5vw,3rem);}
.pn-h2--w{color:var(--pn-cream);}
.pn-sub{font-size:clamp(.88rem,1.4vw,1rem);color:var(--pn-slate);line-height:1.78;max-width:58ch;}
.pn-sub--w{color:rgba(248,246,240,.5);}

/* Interior page top */
.pn-pg-top{background:var(--pn-dark);padding:8rem 2rem 4rem;position:relative;}
.pn-pg-top::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:36px;background:var(--pn-cream);clip-path:ellipse(55% 100% at 50% 100%);}
.pn-pg-top h1{font-family:var(--pn-fh);font-size:clamp(2.5rem,6vw,6rem);font-style:italic;color:var(--pn-cream);letter-spacing:-.02em;line-height:.88;text-align:center;}
.pn-pg-top .pn-sub{color:rgba(248,246,240,.45);text-align:center;margin:.8rem auto 0;}

/* ─ Buttons ─ */
.pn-btn-amber{display:inline-flex;align-items:center;gap:.4rem;background:var(--pn-amber);color:#fff;font-family:var(--pn-fb);font-size:clamp(.85rem,1.3vw,.95rem);font-weight:700;padding:.58rem 1.7rem;border-radius:var(--pn-r);border:none;cursor:pointer;transition:background .14s,transform .12s;white-space:nowrap;text-decoration:none;}
.pn-btn-amber:hover{background:var(--pn-amber-d);transform:translateY(-1px);}
.pn-btn-teal{display:inline-flex;align-items:center;gap:.4rem;background:var(--pn-teal);color:var(--pn-cream);font-family:var(--pn-fb);font-size:clamp(.85rem,1.3vw,.95rem);font-weight:700;padding:.58rem 1.7rem;border-radius:var(--pn-r);border:none;cursor:pointer;transition:background .14s;white-space:nowrap;text-decoration:none;}
.pn-btn-teal:hover{background:var(--pn-dark);}
.pn-btn-ghost{display:inline-flex;align-items:center;gap:.4rem;background:transparent;color:var(--pn-cream);font-family:var(--pn-fb);font-size:clamp(.85rem,1.3vw,.95rem);font-weight:600;padding:.55rem 1.6rem;border-radius:var(--pn-r);border:1.5px solid rgba(248,246,240,.3);cursor:pointer;transition:var(--pn-tr);white-space:nowrap;text-decoration:none;}
.pn-btn-ghost:hover{border-color:var(--pn-amber);color:var(--pn-amber);}
.pn-link-amber{color:var(--pn-amber);font-weight:700;font-size:clamp(.82rem,1.2vw,.9rem);display:inline-flex;align-items:center;gap:.3rem;transition:gap .14s;}
.pn-link-amber:hover{gap:.5rem;}

/* ─ Reveal ─ */
.pn-reveal{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease;}
.pn-in{opacity:1;transform:none;}

/* ─ CREAM STICKY NAV ─ */
.pn-nav{position:sticky;top:0;z-index:600;background:var(--pn-cream);border-bottom:1.5px solid var(--pn-border);box-shadow:var(--pn-sh);}
.pn-nav-in{max-width:var(--pn-max);margin:0 auto;padding:0 2rem;height:72px;display:flex;align-items:center;gap:1rem;}
.pn-logo{font-family:var(--pn-fh);font-size:clamp(1.4rem,2.2vw,1.9rem);font-style:italic;color:var(--pn-teal);letter-spacing:-.02em;white-space:nowrap;}
.pn-logo span{color:var(--pn-amber);}
.pn-nav-links{display:flex;align-items:center;gap:0;margin-left:auto;}
.pn-nl{font-family:var(--pn-fb);font-size:clamp(.88rem,1.3vw,1rem);font-weight:600;color:var(--pn-slate);padding:.4rem .75rem;border-radius:var(--pn-r);transition:color .14s;white-space:nowrap;}
.pn-nl:hover,.pn-nl-on{color:var(--pn-teal);}
.pn-nav-end{display:flex;align-items:center;gap:.6rem;margin-left:1rem;}
.pn-lang-btn{font-size:.68rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;border:1.5px solid var(--pn-border);border-radius:var(--pn-r3);padding:.2rem .65rem;color:var(--pn-mist);transition:var(--pn-tr);}
.pn-lang-btn:hover{border-color:var(--pn-teal);color:var(--pn-teal);}
.pn-nav-cta{font-family:var(--pn-fb);font-size:clamp(.82rem,1.2vw,.9rem);font-weight:700;background:var(--pn-teal);color:var(--pn-cream);padding:.42rem 1.2rem;border-radius:var(--pn-r);transition:background .14s;white-space:nowrap;}
.pn-nav-cta:hover{background:var(--pn-dark);}
.pn-mob-tog{display:none;flex-direction:column;gap:5px;width:34px;height:34px;background:none;border:none;cursor:pointer;padding:5px;}
.pn-mob-bar{display:block;height:2px;background:var(--pn-teal);border-radius:2px;transition:var(--pn-tr);}
.pn-mob-panel{display:none;background:var(--pn-white);border-top:1.5px solid var(--pn-border);padding:1.5rem 2rem 2rem;}
.pn-mob-panel.pn-mob-on{display:block;}
.pn-mob-nav{display:flex;flex-direction:column;gap:.4rem;}
.pn-mob-nav .pn-nl{color:var(--pn-slate);font-size:1rem;padding:.5rem .8rem;}

/* ─ STACKED EDITORIAL HERO ─ */
/* Top: dark teal heading zone */
.pn-intro{background:var(--pn-dark);}
.pn-intro-top{padding:6rem 2rem 4rem;max-width:var(--pn-max);margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:4rem;align-items:end;}
.pn-intro-text{max-width:780px;}
.pn-intro-eye{font-family:var(--pn-fb);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.4em;color:var(--pn-amber);display:block;margin-bottom:2rem;}
.pn-intro-h1{font-family:var(--pn-fh);font-size:clamp(3rem,6.5vw,7.5rem);font-style:italic;color:var(--pn-cream);letter-spacing:-.02em;line-height:.88;margin-bottom:1.6rem;animation:pnFadeUp .7s ease both;}
.pn-intro-sub{font-size:clamp(.9rem,1.5vw,1.05rem);color:rgba(248,246,240,.45);max-width:55ch;line-height:1.78;margin-bottom:2.5rem;animation:pnFadeUp .7s .1s ease both;}
.pn-intro-btns{display:flex;gap:.8rem;flex-wrap:wrap;animation:pnFadeUp .7s .2s ease both;}
.pn-intro-stats{display:flex;flex-direction:column;gap:2rem;min-width:150px;}
.pn-intro-stat{border-left:2px solid rgba(212,137,42,.4);padding-left:1rem;}
.pn-intro-stat-n{font-family:var(--pn-fh);font-size:clamp(1.8rem,3vw,2.8rem);font-style:italic;color:var(--pn-cream);display:block;line-height:1;}
.pn-intro-stat-l{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:rgba(248,246,240,.3);display:block;margin-top:.1rem;}
/* Bottom: full-width image */
.pn-intro-img{width:100%;height:45vh;min-height:260px;object-fit:cover;display:block;}
@keyframes pnFadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* ─ SERVICES: 3-col card grid ─ */
.pn-svc-sec{padding:6rem 0;background:var(--pn-cream);}
.pn-svc-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2.5rem;flex-wrap:wrap;}
.pn-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;}
.pn-svc-card{background:var(--pn-white);border:1.5px solid var(--pn-border2);border-radius:var(--pn-r2);padding:2.2rem;display:flex;flex-direction:column;text-decoration:none;transition:var(--pn-tr);position:relative;overflow:hidden;}
.pn-svc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--pn-amber);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;}
.pn-svc-card:hover{border-color:var(--pn-border);box-shadow:var(--pn-sh);}
.pn-svc-card:hover::before{transform:scaleX(1);}
.pn-svc-ico{color:var(--pn-teal);margin-bottom:.7rem;}
.pn-svc-nm{font-family:var(--pn-fh);font-size:clamp(1.1rem,1.8vw,1.4rem);font-style:italic;color:var(--pn-ink);margin-bottom:.3rem;}
.pn-svc-br{font-size:clamp(.75rem,1.1vw,.84rem);color:var(--pn-slate);line-height:1.68;flex:1;}
.pn-svc-foot{display:flex;align-items:center;justify-content:space-between;margin-top:.8rem;padding-top:.6rem;border-top:1.5px solid var(--pn-border2);}
.pn-svc-pr{font-size:.72rem;font-weight:700;color:var(--pn-teal);}
.pn-svc-arr{color:var(--pn-mist);transition:transform .16s;}
.pn-svc-card:hover .pn-svc-arr{transform:translate(3px,-3px);}

/* ─ ABOUT STRIP ─ */
.pn-about-strip{padding:6rem 0;background:var(--pn-dark);}
.pn-about-in{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
.pn-about-img{border-radius:var(--pn-r2);overflow:hidden;background:rgba(255,255,255,.05);}
.pn-about-img img{width:100%;height:400px;object-fit:cover;display:block;}
.pn-about-cols{display:flex;flex-direction:column;gap:2rem;}
.pn-about-col-h{font-family:var(--pn-fh);font-size:clamp(1rem,1.8vw,1.35rem);font-style:italic;color:var(--pn-amber);display:block;margin-bottom:.3rem;}
.pn-about-col-b{font-size:clamp(.82rem,1.3vw,.92rem);color:rgba(248,246,240,.4);line-height:1.78;}

/* ─ TESTIMONIALS ─ */
.pn-voices{padding:6rem 0;background:var(--pn-cream2);}
.pn-voices-hd{margin-bottom:2.5rem;}
.pn-voices-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;}
.pn-voice-card{background:var(--pn-white);border:1.5px solid var(--pn-border2);border-radius:var(--pn-r2);padding:2.5rem;}
.pn-voice-q-ico{color:var(--pn-amber-bg);margin-bottom:.6rem;}
.pn-voice-q{font-family:var(--pn-fh);font-size:clamp(1rem,1.7vw,1.3rem);font-style:italic;color:var(--pn-ink);line-height:1.38;margin-bottom:1.2rem;}
.pn-voice-who{font-weight:700;font-size:.88rem;color:var(--pn-ink);display:block;}
.pn-voice-role{font-size:.7rem;color:var(--pn-mist);display:block;margin-top:.1rem;}

/* ─ CASES: 3-col card layout ─ */
.pn-cases{padding:6rem 0;background:var(--pn-white);}
.pn-cases-hd{margin-bottom:2.5rem;}
.pn-cases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;}
.pn-case-card{background:var(--pn-cream);border-radius:var(--pn-r2);overflow:hidden;border:1.5px solid var(--pn-border2);transition:var(--pn-tr);}
.pn-case-card:hover{transform:translateY(-2px);box-shadow:var(--pn-sh2);}
.pn-case-img{width:100%;height:220px;object-fit:cover;background:var(--pn-cream2);display:block;}
.pn-case-body{padding:1.8rem;}
.pn-case-cat{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:var(--pn-amber);display:block;margin-bottom:.2rem;}
.pn-case-nm{font-family:var(--pn-fh);font-size:clamp(1.1rem,1.8vw,1.4rem);font-style:italic;color:var(--pn-ink);margin-bottom:.2rem;}
.pn-case-loc{font-size:.7rem;color:var(--pn-mist);display:block;margin-bottom:.3rem;}
.pn-case-svc{font-size:.75rem;font-weight:600;color:var(--pn-slate);display:block;margin-bottom:.6rem;}
.pn-case-stat{font-family:var(--pn-fh);font-size:clamp(2rem,3.5vw,2.8rem);font-style:italic;color:var(--pn-teal);display:block;line-height:1;}
.pn-case-stat-l{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--pn-mist);display:block;margin-top:.1rem;}

/* ─ PROCESS: Numbered vertical steps ─ */
.pn-proc{padding:6rem 0;background:var(--pn-cream);}
.pn-proc-hd{margin-bottom:3rem;}
.pn-proc-list{display:flex;flex-direction:column;gap:0;position:relative;max-width:720px;}
.pn-proc-list::before{content:'';position:absolute;left:22px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--pn-teal),transparent);}
.pn-proc-step{display:grid;grid-template-columns:50px 1fr;gap:2rem;padding:0 0 3rem 0;}
.pn-proc-step:last-child{padding-bottom:0;}
.pn-proc-dot{width:44px;height:44px;border-radius:50%;background:var(--pn-teal);display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1;}
.pn-proc-num{font-family:var(--pn-fh);font-size:.9rem;font-style:italic;color:var(--pn-cream);}
.pn-proc-nm{font-family:var(--pn-fh);font-size:clamp(1.2rem,2vw,1.6rem);font-style:italic;color:var(--pn-ink);margin-bottom:.4rem;}
.pn-proc-body{font-size:clamp(.82rem,1.3vw,.92rem);color:var(--pn-slate);line-height:1.78;}

/* ─ PRICING: GRADIENT 3-col cards ─ */
.pn-pricing{padding:6rem 0;background:var(--pn-dark);}
.pn-pricing-hd{margin-bottom:2.5rem;}
.pn-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;}
.pn-price-card{border-radius:var(--pn-r2);padding:2.5rem;display:flex;flex-direction:column;border:1.5px solid rgba(255,255,255,.08);}
.pn-price-card:nth-child(1){background:rgba(22,85,92,.4);}
.pn-price-card:nth-child(2){background:var(--pn-teal);border-color:var(--pn-teal2);}
.pn-price-card:nth-child(3){background:rgba(212,137,42,.15);border-color:rgba(212,137,42,.2);}
.pn-price-badge{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;background:var(--pn-amber);color:#fff;padding:.1rem .5rem;border-radius:var(--pn-r3);display:inline-block;margin-bottom:.8rem;align-self:flex-start;}
.pn-price-nm{font-family:var(--pn-fh);font-size:clamp(1.8rem,3vw,2.5rem);font-style:italic;color:var(--pn-cream);margin-bottom:.2rem;}
.pn-price-tag{font-size:.72rem;color:rgba(248,246,240,.35);margin-bottom:1.5rem;display:block;}
.pn-price-val{font-family:var(--pn-fh);font-size:clamp(2.5rem,4vw,3.5rem);font-style:italic;color:var(--pn-cream);display:block;line-height:1;}
.pn-price-pp{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:rgba(248,246,240,.3);display:block;margin-top:.2rem;margin-bottom:1.8rem;}
.pn-price-feats{display:flex;flex-direction:column;gap:.3rem;flex:1;margin-bottom:1.5rem;}
.pn-price-feat{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:rgba(248,246,240,.5);}
.pn-price-feat svg{color:var(--pn-amber);flex-shrink:0;}

/* ─ FAQ: 2-COLUMN ACCORDION ─ */
.pn-faq{padding:6rem 0;background:var(--pn-cream);}
.pn-faq-hd{margin-bottom:2.5rem;}
.pn-faq-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 3rem;align-items:start;}
.pn-fq-item{border-bottom:1.5px solid var(--pn-border2);}
.pn-fq-trig{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 0;background:none;border:none;cursor:pointer;text-align:left;}
.pn-fq-q{font-family:var(--pn-fb);font-size:clamp(.88rem,1.4vw,1rem);font-weight:700;color:var(--pn-ink);}
.pn-fq-ico{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--pn-border);display:flex;align-items:center;justify-content:center;color:var(--pn-mist);flex-shrink:0;transition:var(--pn-tr);}
.pn-fq-item.pn-fq-open .pn-fq-ico{background:var(--pn-teal);border-color:var(--pn-teal);color:var(--pn-cream);}
.pn-fq-ans{display:none;padding-bottom:1.2rem;}
.pn-fq-ans p{font-size:clamp(.8rem,1.2vw,.9rem);color:var(--pn-slate);line-height:1.8;}
.pn-fq-item.pn-fq-open .pn-fq-ans{display:block;}

/* ─ CTA + CONTACT ─ */
.pn-contact-sec{padding:7rem 0;background:var(--pn-teal);}
.pn-contact-in{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;}
.pn-contact-left h2{font-family:var(--pn-fh);font-size:clamp(2.5rem,5vw,5rem);font-style:italic;color:var(--pn-cream);letter-spacing:-.02em;line-height:.88;margin-bottom:.8rem;}
.pn-contact-left p{font-size:clamp(.9rem,1.5vw,1.05rem);color:rgba(248,246,240,.5);max-width:46ch;line-height:1.78;}
.pn-contact-form-box{background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.1);border-radius:var(--pn-r2);padding:2.5rem;}

/* ─ FORMS ─ */
.pn-form{display:flex;flex-direction:column;gap:1rem;}
.pn-field{display:flex;flex-direction:column;gap:.3rem;}
.pn-field label{font-size:.78rem;font-weight:700;color:rgba(248,246,240,.45);}
.pn-field.pn-fl--lt label{color:var(--pn-ink);}
.pn-field input,.pn-field select,.pn-field textarea{width:100%;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.18);border-radius:var(--pn-r);padding:.55rem .85rem;font-size:clamp(.85rem,1.3vw,.94rem);color:var(--pn-cream);transition:border-color .14s;outline:none;}
.pn-field.pn-fl--lt input,.pn-field.pn-fl--lt select,.pn-field.pn-fl--lt textarea{background:var(--pn-white);border-color:var(--pn-border);color:var(--pn-ink);}
.pn-field input:focus,.pn-field select:focus,.pn-field textarea:focus{border-color:var(--pn-amber);}
.pn-field input::placeholder,.pn-field textarea::placeholder{color:rgba(248,246,240,.25);}
.pn-field.pn-fl--lt input::placeholder,.pn-field.pn-fl--lt textarea::placeholder{color:var(--pn-mist);}
.pn-field textarea{min-height:120px;resize:vertical;}
.pn-row2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.pn-agree{display:flex;align-items:flex-start;gap:.5rem;font-size:clamp(.78rem,1.2vw,.86rem);color:rgba(248,246,240,.4);}
.pn-agree--lt{color:var(--pn-slate);}
.pn-agree input[type="checkbox"]{width:16px;height:16px;margin-top:.15rem;flex-shrink:0;accent-color:var(--pn-amber);}
.pn-agree a{color:var(--pn-amber);}
.pn-agree--lt a{color:var(--pn-teal);}
.pn-form-done{display:none;padding:1.5rem;border-radius:var(--pn-r2);background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.1);text-align:center;}
.pn-form-done p:first-child{font-family:var(--pn-fh);font-size:1.1rem;font-style:italic;color:var(--pn-cream);}
.pn-form-done p{font-size:.88rem;color:rgba(248,246,240,.4);}

/* ─ FOOTER ─ */
.pn-footer{background:var(--pn-dark);border-top:1px solid rgba(248,246,240,.05);}
.pn-footer-top{max-width:var(--pn-max);margin:0 auto;padding:4rem 2rem 3rem;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:2.5rem;}
.pn-footer-logo{font-family:var(--pn-fh);font-size:clamp(1.5rem,2.2vw,2rem);font-style:italic;color:var(--pn-cream);display:block;margin-bottom:.5rem;}
.pn-footer-logo span{color:var(--pn-amber);}
.pn-footer-tag{font-size:.75rem;color:rgba(248,246,240,.2);line-height:1.6;margin-bottom:.8rem;}
.pn-footer-soc{display:flex;gap:.5rem;}
.pn-footer-soc a{color:rgba(248,246,240,.2);transition:color .14s;padding:3px;}
.pn-footer-soc a:hover{color:var(--pn-amber);}
.pn-footer-col-h{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.25em;color:rgba(248,246,240,.15);display:block;margin-bottom:.8rem;}
.pn-footer-nav{display:flex;flex-direction:column;gap:.4rem;}
.pn-footer-nav a{font-size:clamp(.8rem,1.2vw,.88rem);color:rgba(248,246,240,.3);transition:color .14s;}
.pn-footer-nav a:hover{color:var(--pn-cream);}
.pn-footer-contact{display:flex;flex-direction:column;gap:.4rem;}
.pn-footer-contact a,.pn-footer-contact span{font-size:clamp(.78rem,1.1vw,.86rem);color:rgba(248,246,240,.3);display:flex;align-items:center;gap:.4rem;transition:color .14s;}
.pn-footer-contact a:hover{color:var(--pn-cream);}
.pn-footer-foot{border-top:1px solid rgba(248,246,240,.05);padding:1.2rem 2rem;max-width:var(--pn-max);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;}
.pn-footer-copy{font-size:.7rem;color:rgba(248,246,240,.12);}
.pn-footer-legal{display:flex;gap:1rem;flex-wrap:wrap;}
.pn-footer-legal a{font-size:.65rem;color:rgba(248,246,240,.12);transition:color .14s;}
.pn-footer-legal a:hover{color:rgba(248,246,240,.45);}

/* ─ COOKIE ─ */
.pn-ck{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);z-index:900;background:var(--pn-ink2);border:1px solid rgba(212,137,42,.25);border-radius:var(--pn-r2);padding:1rem 1.3rem;max-width:440px;width:calc(100% - 2rem);box-shadow:var(--pn-sh2);}
.pn-ck p{font-size:.75rem;color:rgba(248,246,240,.35);line-height:1.4;margin-bottom:.6rem;}
.pn-ck a{color:var(--pn-amber);}
.pn-ck-btns{display:flex;gap:.4rem;}
.pn-ck-yes{font-size:.72rem;font-weight:700;background:var(--pn-amber);color:#fff;border:none;border-radius:var(--pn-r3);padding:.28rem .9rem;cursor:pointer;}
.pn-ck-no{font-size:.72rem;font-weight:600;background:transparent;color:rgba(248,246,240,.3);border:1px solid rgba(248,246,240,.12);border-radius:var(--pn-r3);padding:.28rem .9rem;cursor:pointer;}
.pn-ck.pn-ck-off{display:none;}

/* ─ BUILDER ─ */
.pn-builder{padding:3rem 0 6rem;background:var(--pn-cream);}
.pn-bld-grid{display:grid;grid-template-columns:1fr 360px;gap:3rem;align-items:start;}
.pn-bld-col{display:flex;flex-direction:column;gap:2rem;}
.pn-blk{background:var(--pn-white);border:1.5px solid var(--pn-border2);border-radius:var(--pn-r2);padding:2rem;}
.pn-blk-h{font-family:var(--pn-fh);font-size:clamp(1.1rem,1.8vw,1.3rem);font-style:italic;color:var(--pn-ink);margin-bottom:.3rem;}
.pn-blk-sub{font-size:clamp(.75rem,1.1vw,.84rem);color:var(--pn-slate);margin-bottom:1.2rem;}
.pn-plan-opts{display:flex;flex-direction:column;gap:.6rem;}
.pn-plan-rad{position:absolute;opacity:0;width:0;height:0;}
.pn-plan-lbl{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border:1.5px solid var(--pn-border2);border-radius:var(--pn-r);cursor:pointer;transition:var(--pn-tr);flex-wrap:wrap;}
.pn-plan-rad:checked+.pn-plan-lbl{border-color:var(--pn-teal);background:var(--pn-teal-bg);}
.pn-plan-lbl:hover{border-color:var(--pn-teal);}
.pn-pln-nm{font-family:var(--pn-fh);font-size:clamp(.95rem,1.5vw,1.1rem);font-style:italic;color:var(--pn-ink);}
.pn-pln-sub{font-size:.7rem;color:var(--pn-slate);margin-top:.1rem;}
.pn-pln-pr{font-family:var(--pn-fh);font-size:clamp(1.05rem,1.8vw,1.25rem);font-style:italic;color:var(--pn-teal);white-space:nowrap;}
.pn-add-opts{display:flex;flex-direction:column;gap:.5rem;}
.pn-add-chk{position:absolute;opacity:0;width:0;height:0;}
.pn-add-lbl{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border:1.5px solid var(--pn-border2);border-radius:var(--pn-r);cursor:pointer;transition:var(--pn-tr);flex-wrap:wrap;}
.pn-add-chk:checked+.pn-add-lbl{border-color:var(--pn-teal);background:var(--pn-teal-bg);}
.pn-add-lbl:hover{border-color:var(--pn-teal);}
.pn-add-nm{font-size:clamp(.82rem,1.2vw,.9rem);font-weight:600;color:var(--pn-ink);}
.pn-add-brief{font-size:.7rem;color:var(--pn-slate);margin-top:.1rem;}
.pn-add-pr{font-size:clamp(.82rem,1.2vw,.9rem);font-weight:700;color:var(--pn-teal);white-space:nowrap;}
.pn-hrs-bar{display:flex;align-items:center;gap:1rem;}
.pn-hrs-rng{flex:1;accent-color:var(--pn-teal);}
.pn-hrs-val{font-family:var(--pn-fh);font-size:1.5rem;font-style:italic;color:var(--pn-ink);min-width:2.5ch;text-align:center;}
/* Summary box */
.pn-sumbox{position:sticky;top:86px;background:var(--pn-dark);border-radius:var(--pn-r2);padding:2rem;}
.pn-sum-lbl{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.25em;color:rgba(248,246,240,.18);display:block;margin-bottom:1.2rem;}
.pn-sum-rows{display:flex;flex-direction:column;gap:.2rem;min-height:2rem;margin-bottom:1rem;}
.pn-sum-row{display:flex;justify-content:space-between;gap:.5rem;font-size:.82rem;color:rgba(248,246,240,.4);}
.pn-sum-empty{font-size:.82rem;color:rgba(248,246,240,.18);font-style:italic;}
.pn-sum-div{border:none;border-top:1px solid rgba(248,246,240,.06);margin:.6rem 0;}
.pn-sum-total{display:flex;justify-content:space-between;align-items:baseline;}
.pn-sum-tl{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:rgba(248,246,240,.28);}
.pn-sum-tv{font-family:var(--pn-fh);font-size:clamp(1.8rem,3vw,2.4rem);font-style:italic;color:var(--pn-cream);}
.pn-sum-go{margin-top:1.2rem;width:100%;font-family:var(--pn-fb);font-size:clamp(.85rem,1.2vw,.94rem);font-weight:700;padding:.6rem;border-radius:var(--pn-r);border:none;background:var(--pn-amber);color:#fff;cursor:pointer;transition:background .14s;}
.pn-sum-go:hover:not(:disabled){background:var(--pn-amber-d);}
.pn-sum-go:disabled{opacity:.3;cursor:not-allowed;}
.pn-sum-note{font-size:.62rem;color:rgba(248,246,240,.13);text-align:center;margin-top:.5rem;line-height:1.5;}

/* ─ CHECKOUT ─ */
.pn-checkout{padding:3rem 0 6rem;background:var(--pn-cream);}
.pn-co-grid{display:grid;grid-template-columns:1fr 380px;gap:3rem;align-items:start;}
.pn-co-form{background:var(--pn-white);border:1.5px solid var(--pn-border2);border-radius:var(--pn-r2);padding:2.5rem;}
.pn-co-form h2{font-family:var(--pn-fh);font-size:clamp(1.5rem,2.5vw,2rem);font-style:italic;color:var(--pn-ink);margin-bottom:1.5rem;}
.pn-co-sum{background:var(--pn-dark);border-radius:var(--pn-r2);padding:2rem;position:sticky;top:86px;}
.pn-co-sum h2{font-family:var(--pn-fh);font-size:1.2rem;font-style:italic;color:var(--pn-cream);margin-bottom:1.2rem;}
.pn-co-row{display:flex;justify-content:space-between;gap:.5rem;padding:.4rem 0;border-bottom:1px solid rgba(248,246,240,.05);font-size:.82rem;color:rgba(248,246,240,.4);}
.pn-co-trow{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;padding-top:.8rem;}
.pn-co-tl{font-weight:700;font-size:.82rem;color:rgba(248,246,240,.4);}
.pn-co-tv{font-family:var(--pn-fh);font-size:1.6rem;font-style:italic;color:var(--pn-amber);}
.pn-co-note{font-size:.7rem;color:rgba(248,246,240,.18);margin-top:1rem;line-height:1.6;}

/* ─ Service page ─ */
.pn-svc-top{background:var(--pn-dark);padding:8rem 2rem 4rem;overflow:hidden;}
.pn-svc-top-in{max-width:var(--pn-max);margin:0 auto;display:grid;grid-template-columns:1fr 360px;gap:4rem;align-items:center;}
.pn-svc-top-left h1{font-family:var(--pn-fh);font-size:clamp(2.8rem,6vw,6rem);font-style:italic;color:var(--pn-cream);letter-spacing:-.02em;line-height:.88;margin-bottom:1rem;}
.pn-svc-body{padding:4rem 0;background:var(--pn-cream);}
.pn-svc-cols{max-width:var(--pn-max);margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 300px;gap:4rem;}
.pn-svc-text h2{font-family:var(--pn-fh);font-size:clamp(1.4rem,2.5vw,2rem);font-style:italic;color:var(--pn-ink);margin:1.5rem 0 .6rem;}
.pn-svc-text p{font-size:clamp(.88rem,1.4vw,.98rem);color:var(--pn-slate);line-height:1.82;margin-bottom:.9rem;}
.pn-svc-aside{position:sticky;top:86px;}
.pn-svc-card-aside{background:var(--pn-dark);border-radius:var(--pn-r2);padding:2rem;}
.pn-svc-card-aside h3{font-family:var(--pn-fh);font-size:1rem;font-style:italic;color:var(--pn-cream);margin-bottom:.8rem;}
.pn-svc-pr-big{font-family:var(--pn-fh);font-size:clamp(2rem,3.5vw,3rem);font-style:italic;color:var(--pn-amber);display:block;margin-bottom:.2rem;}
.pn-svc-pr-note{font-size:.7rem;color:rgba(248,246,240,.25);display:block;margin-bottom:1.2rem;}
.pn-svc-inc{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1.5rem;}
.pn-svc-inc-row{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:rgba(248,246,240,.45);}
.pn-svc-inc-row svg{color:var(--pn-amber);flex-shrink:0;}
/* ─ Legal ─ */
.pn-legal-body{max-width:780px;margin:0 auto;padding:3rem 2rem 6rem;}
.pn-legal-body h2{font-family:var(--pn-fh);font-size:clamp(1.3rem,2.2vw,1.8rem);font-style:italic;color:var(--pn-ink);margin:2rem 0 .6rem;}
.pn-legal-body h3{font-family:var(--pn-fh);font-size:clamp(1.1rem,1.8vw,1.3rem);font-style:italic;color:var(--pn-ink);margin:1.5rem 0 .4rem;}
.pn-legal-body p{font-size:clamp(.88rem,1.4vw,.98rem);color:var(--pn-slate);line-height:1.82;margin-bottom:.9rem;}
.pn-legal-body ul{margin:.5rem 0 .9rem 1.2rem;list-style:disc;}
.pn-legal-body li{font-size:clamp(.85rem,1.3vw,.95rem);color:var(--pn-slate);line-height:1.75;margin-bottom:.3rem;}
.pn-status-pg{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:6rem 2rem;text-align:center;}
.pn-status-in h1{font-family:var(--pn-fh);font-size:clamp(2rem,4vw,4rem);font-style:italic;color:var(--pn-ink);margin-bottom:.8rem;}
.pn-status-in p{font-size:clamp(.9rem,1.5vw,1.05rem);color:var(--pn-slate);max-width:52ch;margin:0 auto 1.5rem;line-height:1.78;}
/* ─ Responsive ─ */
@media(max-width:1060px){
  .pn-svc-grid{grid-template-columns:repeat(2,1fr);}
  .pn-bld-grid{grid-template-columns:1fr 320px;}
  .pn-co-grid{grid-template-columns:1fr 340px;}
  .pn-footer-top{grid-template-columns:1fr 1fr;}
  .pn-intro-top{grid-template-columns:1fr;}
  .pn-intro-stats{flex-direction:row;gap:2rem;}
}
@media(max-width:880px){
  .pn-nav-links,.pn-nav-end{display:none;}
  .pn-mob-tog{display:flex;}
  .pn-voices-grid{grid-template-columns:1fr;}
  .pn-cases-grid{grid-template-columns:1fr;}
  .pn-pricing-grid{grid-template-columns:1fr;}
  .pn-faq-cols{grid-template-columns:1fr;}
  .pn-bld-grid,.pn-co-grid{grid-template-columns:1fr;}
  .pn-about-in{grid-template-columns:1fr;} .pn-about-img{display:none;}
  .pn-contact-in{grid-template-columns:1fr;}
  .pn-svc-top-in,.pn-svc-cols{grid-template-columns:1fr;} .pn-svc-aside{position:static;}
  .pn-footer-top{grid-template-columns:1fr 1fr;}
  .pn-proc-list{max-width:100%;}
}
@media(max-width:540px){
  .pn-svc-grid{grid-template-columns:1fr;}
  .pn-footer-top{grid-template-columns:1fr;}
  .pn-row2{grid-template-columns:1fr;}
}