/* 1clickcopywriter.com | Copywriting Agency | Saint-Aubin-Ecrosville, Normandy, France | 19th site
   FIRST COPYWRITING NICHE! FIRST Paper #FDFAF3 + Ink #17130A + Highlighter Yellow #FADF15!
   FIRST Epilogue + DM Sans fonts!
   FIRST Dark-always fixed header with yellow CTA!
   FIRST Full-bleed dark hero with copy preview!
   FIRST Social proof wall testimonials!
   FIRST Numbered manifesto about page!
   FIRST Numbered partially-open FAQ!
   FIRST .occ-slate builder panel!
   FIRST Spark/Voice/Signature pricing names!
   FIRST Website Copy/Email/Sales Pages/Brand/Ad/Product services!
   FIRST Twitter+Instagram+Facebook social!
   FIRST Double quotation mark favicon!
   FIRST Saint-Aubin-d'Ecrosville, Normandy, France!
   occ- CSS prefix | OCC JS | EN/FR bilingual */
@import url('https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,400;0,500;0,700;0,800;0,900;1,400;1,700&family=DM+Sans:wght@300;400;500;600;700&display=swap');
:root {
  --occ-paper:#FDFAF3; --occ-card:#FFFFFF;
  --occ-ink:#17130A; --occ-ink-l:#2B2520; --occ-ink-d:#0D0A05;
  --occ-yellow:#FADF15; --occ-yellow-d:#D4BC08; --occ-yellow-l:#FFF060;
  --occ-glow-y:rgba(250,223,21,.15); --occ-glow-i:rgba(23,19,10,.06);
  --occ-warm:#7A7060; --occ-mid:#3D3028; --occ-muted:#B0A898;
  --occ-line:#E8E2D4; --occ-line-d:rgba(255,255,255,.08);
  --occ-max:1200px;
  --occ-fh:'Epilogue',system-ui,sans-serif;
  --occ-fb:'DM Sans',system-ui,sans-serif;
  --occ-r:4px; --occ-r2:10px; --occ-r3:100px;
  --occ-ease:all .2s cubic-bezier(.4,0,.2,1);
  --occ-sh:0 2px 14px rgba(23,19,10,.09);
  --occ-sh2:0 20px 60px rgba(23,19,10,.18);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--occ-paper);color:var(--occ-warm);font-family:var(--occ-fb);font-size:.9rem;line-height:1.72;overflow-x:hidden;}
img{display:block;max-width:100%;}a{color:inherit;text-decoration:none;}ul{list-style:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
input,textarea,select{font-family:inherit;}address{font-style:normal;}
h1,h2,h3,h4{font-family:var(--occ-fh);color:var(--occ-ink);}
p{font-size:.9rem;line-height:1.78;color:var(--occ-warm);}

/* ═══ DARK FIXED HEADER (FIRST dark-always nav in 19-site series!) ═══ */
.occ-header{position:fixed;top:0;width:100%;z-index:500;background:var(--occ-ink-d);border-bottom:1px solid var(--occ-line-d);}
.occ-hd-in{max-width:var(--occ-max);margin:0 auto;padding:0 2rem;height:64px;display:flex;align-items:center;justify-content:space-between;}
/* Epilogue 2rem logo bigger! */
.occ-logo{font-family:var(--occ-fh);font-size:1.55rem;font-weight:900;color:white;text-decoration:none;letter-spacing:-.02em;white-space:nowrap;flex-shrink:0;}
.occ-logo em{font-style:normal;color:var(--occ-yellow);}
/* DM Sans 1.05rem nav (bigger than body .9rem) */
.occ-nav{display:flex;align-items:center;gap:.1rem;}
.occ-nlk{font-family:var(--occ-fb);font-size:1.05rem;font-weight:500;color:rgba(255,255,255,.45);padding:.22rem .52rem;text-decoration:none;border-radius:var(--occ-r);transition:var(--occ-ease);}
.occ-nlk:hover,.occ-nlk.occ-nav-on{color:white;background:rgba(255,255,255,.07);}
.occ-hd-right{display:flex;align-items:center;gap:.4rem;}
.occ-ls-wrap{display:flex;align-items:center;gap:.08rem;}
.occ-ls{font-family:var(--occ-fb);font-size:.3rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.25);cursor:pointer;padding:.05rem .18rem;border:none;background:none;transition:color .14s;}
.occ-ls.occ-ls-on,.occ-ls:hover{color:var(--occ-yellow);}
/* Yellow CTA (FIRST yellow CTA in dark nav!) */
.occ-hd-cta{font-family:var(--occ-fb);font-size:.9rem;font-weight:700;color:var(--occ-ink);background:var(--occ-yellow);padding:.3rem 1rem;border-radius:var(--occ-r3);text-decoration:none;white-space:nowrap;transition:background .14s;}
.occ-hd-cta:hover{background:var(--occ-yellow-l);}
.occ-mob-btn{display:none;color:rgba(255,255,255,.6);}
/* Mobile drawer */
.occ-mob-drawer{position:fixed;top:0;left:0;bottom:0;width:82%;max-width:320px;background:var(--occ-ink-d);z-index:600;transform:translateX(-100%);transition:transform .3s ease;padding:5rem 2rem 2rem;}
.occ-mob-drawer.occ-md-open{transform:translateX(0);}
.occ-md-close{position:absolute;top:1.2rem;right:1.2rem;color:rgba(255,255,255,.3);}
.occ-md-nav{display:flex;flex-direction:column;gap:.1rem;margin-bottom:1rem;}
.occ-md-lk{font-family:var(--occ-fh);font-size:1.4rem;font-weight:700;color:rgba(255,255,255,.5);padding:.3rem 0;text-decoration:none;transition:color .14s;}
.occ-md-lk:hover{color:white;}
.occ-mob-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:599;opacity:0;pointer-events:none;transition:opacity .3s;}
.occ-mob-overlay.occ-ov-vis{opacity:1;pointer-events:auto;}

/* PAGE BANNER */
.occ-pg-bnr{background:var(--occ-ink);padding:7.5rem 2rem 3.5rem;position:relative;overflow:hidden;}
.occ-pg-bnr::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:var(--occ-yellow);margin-left:max(2rem,calc((100vw - var(--occ-max))/2 + 2rem));}
.occ-pg-bnr-in{max-width:var(--occ-max);margin:0 auto;}
.occ-pg-chip{font-family:var(--occ-fb);font-size:.28rem;font-weight:700;text-transform:uppercase;letter-spacing:.38em;color:var(--occ-yellow);display:inline-block;margin-bottom:.55rem;}
.occ-pg-bnr h1{font-family:var(--occ-fh);font-size:clamp(2rem,5vw,4.5rem);font-weight:900;color:white;line-height:1.04;}
.occ-pg-sub{font-size:.88rem;color:rgba(255,255,255,.35);margin:.5rem 0 0;max-width:62ch;line-height:1.72;}

/* ═══ HERO: Dark full-bleed with copy preview (FIRST!) ═══ */
.occ-hero-shell{background:var(--occ-ink);min-height:100vh;display:grid;grid-template-columns:1fr 440px;padding-top:64px;}
.occ-hz-left{padding:5rem calc((100vw - var(--occ-max))/2 + 2rem) 4rem 2rem;display:flex;flex-direction:column;justify-content:center;}
.occ-hz-left{padding-left:max(2rem,calc((100vw - var(--occ-max))/2 + 2rem));}
.occ-hz-tag{font-family:var(--occ-fb);font-size:.28rem;font-weight:600;text-transform:uppercase;letter-spacing:.38em;color:var(--occ-muted);display:block;margin-bottom:1.2rem;}
.occ-hz-h{font-family:var(--occ-fh);font-size:clamp(2.8rem,5.5vw,5.5rem);font-weight:900;color:white;line-height:1.0;margin-bottom:.6rem;}
/* Yellow highlight on key word (FIRST!) */
.occ-hz-h mark{background:var(--occ-yellow);color:var(--occ-ink);padding:0 .15em;border-radius:2px;}
.occ-hz-sub{font-size:.95rem;color:rgba(255,255,255,.38);line-height:1.78;max-width:50ch;margin-bottom:2rem;}
.occ-hz-acts{display:flex;gap:.6rem;flex-wrap:wrap;}
/* Stats row */
.occ-hz-stats{display:flex;gap:2rem;flex-wrap:wrap;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--occ-line-d);}
.occ-hs{display:flex;flex-direction:column;}
.occ-hs-val{font-family:var(--occ-fh);font-size:1.9rem;font-weight:900;color:white;line-height:1;}
.occ-hs-lbl{font-family:var(--occ-fb);font-size:.28rem;font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:var(--occ-muted);margin-top:.15rem;}
/* Right copy preview panel (FIRST!) */
.occ-hz-right{background:rgba(255,255,255,.03);border-left:1px solid var(--occ-line-d);display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;gap:1rem;}
.occ-hz-preview{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:var(--occ-r2);padding:1rem;position:relative;overflow:hidden;}
.occ-hz-preview::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--occ-yellow);}
.occ-hp-tag{font-family:var(--occ-fb);font-size:.26rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--occ-yellow);display:block;margin-bottom:.4rem;}
.occ-hp-val{font-family:var(--occ-fh);font-size:1.5rem;font-weight:900;color:white;display:block;line-height:1;}
.occ-hp-lbl{font-size:.72rem;color:rgba(255,255,255,.3);display:block;margin-top:.1rem;}

/* SERVICE SECTION */
.occ-svc-section{background:var(--occ-paper);border-top:1px solid var(--occ-line);}
.occ-svc-in{max-width:var(--occ-max);margin:0 auto;padding:6rem 2rem;}
.occ-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--occ-line);margin-top:2.5rem;border:1px solid var(--occ-line);}
.occ-svc-cell{background:var(--occ-paper);padding:1.8rem;text-decoration:none;display:block;position:relative;transition:background .18s;overflow:hidden;}
.occ-svc-cell::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--occ-yellow);transform:scaleX(0);transform-origin:left;transition:transform .25s;}
.occ-svc-cell:hover{background:var(--occ-card);}
.occ-svc-cell:hover::after{transform:scaleX(1);}
.occ-sc-ico{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--occ-yellow);margin-bottom:.6rem;background:var(--occ-glow-y);border-radius:var(--occ-r);}
.occ-sc-nm{font-family:var(--occ-fh);font-size:.92rem;font-weight:700;color:var(--occ-ink);display:block;margin-bottom:.2rem;}
.occ-sc-pr{font-family:var(--occ-fb);font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--occ-yellow-d);background:var(--occ-glow-y);padding:.03rem .28rem;border-radius:var(--occ-r3);display:inline-block;margin-bottom:.3rem;}
.occ-sc-tag{font-size:.78rem;color:var(--occ-warm);line-height:1.62;}

/* PROCESS: Horizontal numbered steps (FIRST!) */
.occ-proc-section{background:var(--occ-ink);padding:6rem 2rem;}
.occ-proc-in{max-width:var(--occ-max);margin:0 auto;}
.occ-proc-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--occ-line-d);margin-top:2.5rem;}
.occ-proc-step{background:var(--occ-ink);padding:1.5rem;border-top:2px solid transparent;transition:border-color .2s;}
.occ-proc-step:hover{border-top-color:var(--occ-yellow);}
.occ-ps-num{font-family:var(--occ-fh);font-size:2.5rem;font-weight:900;color:rgba(255,255,255,.08);display:block;line-height:1;margin-bottom:.5rem;}
.occ-ps-nm{font-family:var(--occ-fh);font-size:.88rem;font-weight:700;color:white;display:block;margin-bottom:.3rem;}
.occ-ps-body{font-size:.76rem;color:rgba(255,255,255,.35);line-height:1.65;}

/* CASES: Conversion-focused (FIRST copywriting cases!) */
.occ-cases-section{background:var(--occ-paper);padding:6rem 2rem;border-top:1px solid var(--occ-line);}
.occ-cases-in{max-width:var(--occ-max);margin:0 auto;}
.occ-case-stack{display:flex;flex-direction:column;gap:1.5rem;margin-top:2.5rem;}
.occ-case-row{display:grid;grid-template-columns:auto 1fr;gap:0;border:1.5px solid var(--occ-line);border-radius:var(--occ-r2);overflow:hidden;background:var(--occ-card);}
.occ-cr-accent{background:var(--occ-yellow);width:6px;flex-shrink:0;}
.occ-cr-body{padding:1.4rem 1.6rem;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;}
.occ-cr-cat{font-family:var(--occ-fb);font-size:.26rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--occ-yellow-d);display:block;margin-bottom:.3rem;}
.occ-cr-h{font-family:var(--occ-fh);font-size:.95rem;font-weight:700;color:var(--occ-ink);line-height:1.38;margin-bottom:.4rem;}
.occ-cr-p{font-size:.78rem;color:var(--occ-warm);line-height:1.65;max-width:65ch;}
.occ-cr-stats{display:flex;gap:1rem;flex-wrap:wrap;flex-shrink:0;}
.occ-cr-stat{background:var(--occ-paper);border-radius:var(--occ-r);padding:.4rem .65rem;text-align:center;}
.occ-cr-sv{font-family:var(--occ-fh);font-size:.88rem;font-weight:900;color:var(--occ-ink);display:block;}
.occ-cr-sl{font-size:.6rem;color:var(--occ-warm);display:block;font-weight:600;text-transform:uppercase;letter-spacing:.1em;}

/* PRICING */
.occ-price-section{background:var(--occ-card);padding:6rem 2rem;border-top:1px solid var(--occ-line);}
.occ-price-in{max-width:var(--occ-max);margin:0 auto;}
.occ-price-h2{font-family:var(--occ-fh);font-size:clamp(1.8rem,4vw,3.5rem);font-weight:900;color:var(--occ-ink);margin-bottom:.3rem;}
.occ-price-sub{font-size:.86rem;color:var(--occ-warm);margin-bottom:2.5rem;}
.occ-plan-row{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:1.5rem;align-items:start;}
.occ-plan-cd{border:2px solid var(--occ-line);border-radius:var(--occ-r2);overflow:hidden;transition:var(--occ-ease);background:var(--occ-paper);}
.occ-plan-cd:hover{box-shadow:var(--occ-sh);}
.occ-plan-cd.occ-pl-feat{border-color:var(--occ-yellow);box-shadow:0 0 0 2px var(--occ-yellow);}
.occ-pk-top{padding:1.1rem;border-bottom:1px solid var(--occ-line);}
.occ-plan-cd.occ-pl-feat .occ-pk-top{background:var(--occ-ink);}
.occ-pk-badge{font-family:var(--occ-fb);font-size:.26rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--occ-warm);display:block;margin-bottom:.2rem;}
.occ-plan-cd.occ-pl-feat .occ-pk-badge{color:rgba(255,255,255,.3);}
.occ-pk-nm{font-family:var(--occ-fh);font-size:1.7rem;font-weight:900;color:var(--occ-ink);}
.occ-plan-cd.occ-pl-feat .occ-pk-nm{color:white;}
.occ-pk-tl{font-size:.72rem;color:var(--occ-warm);margin-top:.12rem;line-height:1.5;}
.occ-plan-cd.occ-pl-feat .occ-pk-tl{color:rgba(255,255,255,.35);}
.occ-pk-body{padding:1.1rem;}
.occ-pk-pr{display:flex;align-items:baseline;gap:.2rem;margin-bottom:1rem;}
.occ-pk-amt{font-family:var(--occ-fh);font-size:2.4rem;font-weight:900;color:var(--occ-ink);}
.occ-pk-pp{font-size:.66rem;color:var(--occ-warm);}
.occ-pk-rows{display:flex;flex-direction:column;gap:.26rem;margin-bottom:1.2rem;}
.occ-pk-rows li{display:flex;align-items:flex-start;gap:.35rem;font-size:.76rem;color:var(--occ-warm);}
.occ-pk-rows li svg{color:var(--occ-yellow-d);flex-shrink:0;margin-top:.1rem;}

/* TESTIMONIALS: Social proof wall (FIRST!) */
.occ-testi-section{background:var(--occ-paper);padding:6rem 2rem;border-top:1px solid var(--occ-line);}
.occ-testi-in{max-width:var(--occ-max);margin:0 auto;}
/* FIRST social proof wall format! */
.occ-proof-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;}
.occ-pp-card{background:var(--occ-card);border:1.5px solid var(--occ-line);border-radius:var(--occ-r2);padding:1.3rem;}
.occ-pp-hd{display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem;}
.occ-pp-av{width:36px;height:36px;border-radius:50%;background:var(--occ-ink);display:flex;align-items:center;justify-content:center;font-family:var(--occ-fh);font-size:.78rem;font-weight:900;color:var(--occ-yellow);flex-shrink:0;}
.occ-pp-who{font-family:var(--occ-fh);font-size:.82rem;font-weight:700;color:var(--occ-ink);display:block;line-height:1.2;}
.occ-pp-handle{font-size:.68rem;color:var(--occ-muted);display:block;}
.occ-pp-text{font-family:var(--occ-fb);font-size:.85rem;color:var(--occ-mid);line-height:1.68;margin-bottom:.6rem;font-style:italic;}
.occ-pp-ft{display:flex;justify-content:space-between;align-items:center;}
.occ-pp-likes{font-size:.7rem;color:var(--occ-muted);font-weight:600;}
.occ-pp-net{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--occ-yellow-d);background:var(--occ-glow-y);padding:.06rem .3rem;border-radius:var(--occ-r3);}

/* FAQ: Numbered partially-open (FIRST!) */
.occ-faq-section{max-width:900px;margin:0 auto;padding:6rem 2rem;}
.occ-faq-list{border-top:1px solid var(--occ-line);margin-top:2.5rem;}
.occ-fq-item{border-bottom:1px solid var(--occ-line);overflow:hidden;}
.occ-fq-hd{display:flex;align-items:flex-start;gap:1rem;padding:.9rem 0;cursor:pointer;}
.occ-fq-num{font-family:var(--occ-fh);font-size:1.1rem;font-weight:900;color:var(--occ-line);flex-shrink:0;width:40px;transition:color .2s;}
.occ-fq-item.occ-fq-open .occ-fq-num{color:var(--occ-yellow-d);}
.occ-fq-q{font-family:var(--occ-fh);font-size:.9rem;font-weight:700;color:var(--occ-ink);flex:1;line-height:1.45;transition:color .2s;}
.occ-fq-item.occ-fq-open .occ-fq-q{color:var(--occ-ink);}
.occ-fq-caret{color:var(--occ-muted);flex-shrink:0;margin-top:.1rem;transition:transform .2s;}
.occ-fq-item.occ-fq-open .occ-fq-caret{transform:rotate(180deg);}
.occ-fq-body{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.occ-fq-item.occ-fq-open .occ-fq-body{max-height:300px;}
.occ-fq-ans{font-size:.86rem;color:var(--occ-warm);line-height:1.82;padding:0 0 1rem 3.3rem;}

/* CTA + CONTACT */
.occ-cta-wrap{background:var(--occ-ink);padding:6rem 2rem;}
.occ-cta-in{max-width:var(--occ-max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
.occ-cta-h{font-family:var(--occ-fh);font-size:clamp(2rem,4.5vw,4rem);font-weight:900;color:white;line-height:1.04;margin-bottom:.6rem;}
.occ-cta-h mark{background:var(--occ-yellow);color:var(--occ-ink);padding:0 .12em;border-radius:2px;}
.occ-cta-sub{font-size:.9rem;color:rgba(255,255,255,.35);line-height:1.78;margin-bottom:1.5rem;}
.occ-cta-form{background:var(--occ-paper);border-radius:var(--occ-r2);padding:1.8rem;}
.occ-cta-form h3{font-family:var(--occ-fh);font-size:1rem;font-weight:700;color:var(--occ-ink);margin-bottom:1rem;}

/* BUTTONS */
.occ-btn-y{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--occ-fb);font-size:.9rem;font-weight:700;color:var(--occ-ink);background:var(--occ-yellow);padding:.45rem 1.3rem;border-radius:var(--occ-r3);transition:var(--occ-ease);border:none;cursor:pointer;text-decoration:none;white-space:nowrap;}
.occ-btn-y:hover{background:var(--occ-yellow-l);}
.occ-btn-i{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--occ-fb);font-size:.9rem;font-weight:700;color:white;background:var(--occ-ink);padding:.45rem 1.3rem;border-radius:var(--occ-r3);transition:var(--occ-ease);border:none;cursor:pointer;text-decoration:none;white-space:nowrap;}
.occ-btn-i:hover{background:var(--occ-ink-l);}
.occ-btn-out-w{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--occ-fb);font-size:.9rem;font-weight:700;color:white;background:transparent;padding:.43rem 1.3rem;border-radius:var(--occ-r3);border:2px solid rgba(255,255,255,.2);transition:var(--occ-ease);text-decoration:none;white-space:nowrap;}
.occ-btn-out-w:hover{border-color:white;background:rgba(255,255,255,.08);}
.occ-btn-out-i{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--occ-fb);font-size:.9rem;font-weight:700;color:var(--occ-ink);background:transparent;padding:.43rem 1.3rem;border-radius:var(--occ-r3);border:2px solid var(--occ-ink);transition:var(--occ-ease);text-decoration:none;white-space:nowrap;}
.occ-btn-out-i:hover{background:var(--occ-ink);color:white;}

/* SERVICE PAGE */
.occ-svcpg-wrap{max-width:var(--occ-max);margin:0 auto;padding:3rem 2rem 6rem;display:grid;grid-template-columns:3fr 2fr;gap:3rem;align-items:start;}
.occ-svcpg-body h2{font-family:var(--occ-fh);font-size:.95rem;font-weight:700;color:var(--occ-ink);margin:2rem 0 .4rem;}
.occ-svcpg-body p{font-size:.88rem;color:var(--occ-warm);line-height:1.82;margin-bottom:.8rem;}
.occ-del-r{display:flex;align-items:flex-start;gap:.4rem;font-size:.86rem;color:var(--occ-mid);margin-bottom:.28rem;}
.occ-del-r svg{color:var(--occ-yellow-d);flex-shrink:0;margin-top:.1rem;}
.occ-svc-buybox{background:var(--occ-ink);border-radius:var(--occ-r2);overflow:hidden;position:sticky;top:5rem;}
.occ-bb-top{background:var(--occ-yellow);padding:.65rem 1.2rem;}
.occ-bb-ttl{font-family:var(--occ-fb);font-size:.26rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--occ-ink);}
.occ-bb-bd{padding:1rem 1.2rem;}
.occ-bb-from{font-family:var(--occ-fb);font-size:.26rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.25);display:block;}
.occ-bb-pr{font-family:var(--occ-fh);font-size:2.8rem;font-weight:900;color:white;display:block;line-height:1;}
.occ-bb-ot{font-size:.7rem;color:rgba(255,255,255,.25);display:block;margin-bottom:.8rem;}
.occ-bb-ln{display:flex;align-items:flex-start;gap:.35rem;font-size:.76rem;color:rgba(255,255,255,.3);margin-bottom:.2rem;}
.occ-bb-ln svg{color:var(--occ-yellow);flex-shrink:0;margin-top:.08rem;}
.occ-bb-btn{display:flex;width:100%;justify-content:center;align-items:center;gap:.4rem;font-family:var(--occ-fb);font-size:.88rem;font-weight:700;color:var(--occ-ink);background:var(--occ-yellow);padding:.5rem;border-radius:var(--occ-r);border:none;cursor:pointer;transition:background .14s;margin-top:.9rem;text-decoration:none;}
.occ-bb-btn:hover{background:var(--occ-yellow-l);}

/* BUILDER .occ-slate (FIRST "slate" naming!) */
.occ-build-wrap{max-width:var(--occ-max);margin:0 auto;padding:4rem 2rem 7rem;display:grid;grid-template-columns:1fr 300px;gap:4rem;align-items:start;}
.occ-bld-sec{margin-bottom:2rem;}
.occ-bld-lbl{display:block;font-family:var(--occ-fb);font-size:.28rem;font-weight:700;text-transform:uppercase;letter-spacing:.28em;color:var(--occ-warm);margin-bottom:.55rem;}
.occ-plan-opt{background:var(--occ-card);border:1.5px solid var(--occ-line);border-radius:var(--occ-r);padding:.7rem 1rem;display:flex;align-items:center;gap:.65rem;cursor:pointer;user-select:none;transition:var(--occ-ease);margin-bottom:.35rem;}
.occ-plan-opt.occ-po-on{border-color:var(--occ-yellow-d);background:var(--occ-glow-y);}
.occ-po-radio{width:16px;height:16px;border:2px solid var(--occ-line);border-radius:50%;flex-shrink:0;transition:var(--occ-ease);}
.occ-plan-opt.occ-po-on .occ-po-radio{background:var(--occ-yellow-d);border-color:var(--occ-yellow-d);}
.occ-po-nm{font-family:var(--occ-fh);font-size:.88rem;font-weight:700;color:var(--occ-warm);flex:1;}
.occ-plan-opt.occ-po-on .occ-po-nm{color:var(--occ-ink);}
.occ-po-pr{font-size:.86rem;font-weight:700;color:var(--occ-mid);}
.occ-addon-opt{background:var(--occ-card);border:1.5px solid var(--occ-line);border-radius:var(--occ-r);padding:.55rem 1rem;display:flex;align-items:center;gap:.6rem;cursor:pointer;user-select:none;transition:var(--occ-ease);margin-bottom:.3rem;}
.occ-addon-opt.occ-ao-on{border-color:var(--occ-yellow-d);background:var(--occ-glow-y);}
.occ-ao-chk{width:14px;height:14px;border:2px solid var(--occ-line);border-radius:3px;flex-shrink:0;transition:var(--occ-ease);}
.occ-addon-opt.occ-ao-on .occ-ao-chk{background:var(--occ-yellow-d);border-color:var(--occ-yellow-d);}
.occ-ao-nm{font-size:.82rem;color:var(--occ-warm);flex:1;}
.occ-addon-opt.occ-ao-on .occ-ao-nm{color:var(--occ-ink);font-weight:600;}
.occ-ao-pr{font-size:.76rem;color:var(--occ-warm);}
.occ-hrs-panel{background:var(--occ-card);border:1.5px solid var(--occ-line);border-radius:var(--occ-r);padding:1rem;}
.occ-hrs-rng{-webkit-appearance:none;width:100%;height:3px;background:var(--occ-line);border-radius:2px;cursor:pointer;}
.occ-hrs-rng::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--occ-yellow-d);cursor:pointer;}
/* .occ-slate (FIRST "slate" naming in 19-site series!) */
.occ-slate{background:var(--occ-ink);border-radius:var(--occ-r2);overflow:hidden;position:sticky;top:5rem;}
.occ-slate-hd{background:var(--occ-yellow);padding:.6rem 1.2rem;}
.occ-slate-ttl{font-family:var(--occ-fb);font-size:.26rem;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:var(--occ-ink);}
.occ-slate-bd{padding:.5rem 1.2rem;min-height:80px;}
.occ-slate-ln{display:flex;justify-content:space-between;font-size:.76rem;color:rgba(255,255,255,.3);margin-bottom:.22rem;}
.occ-slate-v{font-size:.86rem;color:rgba(255,255,255,.8);}
.occ-slate-sep{border:none;border-top:1px solid rgba(255,255,255,.07);margin:.25rem 1.2rem;}
.occ-slate-total{display:flex;justify-content:space-between;align-items:flex-end;padding:.2rem 1.2rem .4rem;}
.occ-slate-tl{font-family:var(--occ-fb);font-size:.26rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.2);}
.occ-slate-tv{font-family:var(--occ-fh);font-size:2.6rem;font-weight:900;color:var(--occ-yellow);}
.occ-slate-ft{padding:.6rem 1.2rem;border-top:1px solid rgba(255,255,255,.07);}
.occ-slate-go{display:block;width:100%;background:var(--occ-yellow);color:var(--occ-ink);font-family:var(--occ-fb);font-size:.88rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.5rem;border-radius:var(--occ-r);border:none;cursor:pointer;transition:background .14s;}
.occ-slate-go:hover:not(:disabled){background:var(--occ-yellow-l);}
.occ-slate-go:disabled{opacity:.2;cursor:not-allowed;}

/* ABOUT: Manifesto format (FIRST!) */
.occ-manifesto-pg{max-width:var(--occ-max);margin:0 auto;padding:4rem 2rem 7rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;}
.occ-mf-col{display:flex;flex-direction:column;gap:2.5rem;}
.occ-mf-claim{font-family:var(--occ-fh);font-size:1.6rem;font-weight:900;color:var(--occ-ink);margin-bottom:.5rem;line-height:1.2;}
.occ-mf-body{font-size:.9rem;color:var(--occ-warm);line-height:1.82;}
.occ-mf-num{font-family:var(--occ-fh);font-size:5rem;font-weight:900;color:var(--occ-glow-y);color:var(--occ-line);display:block;line-height:1;}

/* CHECKOUT + FORMS + LEGAL */
.occ-co-wrap{max-width:760px;margin:0 auto;padding:3rem 2rem 7rem;}
.occ-co-sum{border:2px solid var(--occ-yellow-d);border-radius:var(--occ-r2);overflow:hidden;margin-bottom:2rem;}
.occ-cs-top{background:var(--occ-yellow);padding:.6rem 1.2rem;}
.occ-cs-top span{font-family:var(--occ-fb);font-size:.26rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--occ-ink);}
.occ-cs-bd{padding:.5rem 1.2rem;}
.occ-cs-ln{display:flex;justify-content:space-between;font-size:.82rem;color:var(--occ-warm);padding:.26rem 0;border-bottom:1px solid var(--occ-line);}
.occ-cs-total{display:flex;justify-content:space-between;align-items:center;padding:.55rem 0 .1rem;}
.occ-cs-total span:last-child{font-family:var(--occ-fh);font-size:2rem;font-weight:900;color:var(--occ-ink);}
.occ-fg{margin-bottom:.65rem;}
.occ-fl{display:block;font-family:var(--occ-fb);font-size:.3rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--occ-warm);margin-bottom:.2rem;}
.occ-fi{width:100%;background:var(--occ-card);border:1.5px solid var(--occ-line);border-radius:var(--occ-r);padding:.6rem .9rem;color:var(--occ-ink);font-size:.9rem;transition:border-color .14s;}
.occ-fi:focus{outline:none;border-color:var(--occ-yellow-d);box-shadow:0 0 0 3px var(--occ-glow-y);}
.occ-agree{display:flex;align-items:flex-start;gap:.5rem;font-size:.8rem;color:var(--occ-warm);margin:1rem 0;line-height:1.6;}
.occ-agree input{margin-top:.14rem;accent-color:var(--occ-yellow-d);}
.occ-agree a{color:var(--occ-yellow-d);}
.occ-legal-pg{max-width:800px;margin:0 auto;padding:4rem 2rem 7rem;}
.occ-legal-eff{display:inline-block;font-size:.72rem;color:var(--occ-warm);background:var(--occ-card);border:1px solid var(--occ-line);padding:.18rem .65rem;border-radius:var(--occ-r3);margin-bottom:1.5rem;}
.occ-legal-pg h2{font-family:var(--occ-fh);font-size:.95rem;font-weight:700;color:var(--occ-ink);margin:2.5rem 0 .45rem;}
.occ-legal-pg p,.occ-legal-pg li{font-size:.88rem;color:var(--occ-warm);line-height:1.78;margin-bottom:.85rem;}
.occ-legal-pg ul{padding-left:1.4rem;margin:.5rem 0;}
.occ-legal-pg li{list-style:disc;}
.occ-legal-pg a{color:var(--occ-yellow-d);}

/* FOOTER (TW+IG+FB FIRST!) */
.occ-footer{background:var(--occ-ink-d);}
.occ-footer-in{max-width:var(--occ-max);margin:0 auto;padding:3rem 2rem 2rem;display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:2rem;border-bottom:1px solid var(--occ-line-d);}
/* Epilogue 2rem logo bigger! */
.occ-ftr-brand{font-family:var(--occ-fh);font-size:2rem;font-weight:900;color:white;display:block;margin-bottom:.4rem;text-decoration:none;letter-spacing:-.02em;}
.occ-ftr-brand em{font-style:normal;color:var(--occ-yellow);}
.occ-ftr-tag{font-size:.7rem;color:rgba(255,255,255,.2);line-height:1.65;margin-bottom:.7rem;}
/* Twitter+Instagram+Facebook (FIRST TW+IG+FB trio in 19-site series!) */
.occ-ftr-socs{display:flex;gap:.4rem;margin-bottom:.7rem;}
.occ-ftr-soc{width:30px;height:30px;border:1px solid rgba(255,255,255,.1);border-radius:var(--occ-r);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.25);transition:var(--occ-ease);text-decoration:none;}
.occ-ftr-soc:hover{border-color:var(--occ-yellow);color:var(--occ-yellow);}
.occ-ftr-col-h{font-family:var(--occ-fb);font-size:.26rem;font-weight:700;text-transform:uppercase;letter-spacing:.28em;color:rgba(255,255,255,.16);margin-bottom:.65rem;}
.occ-ftr-nav{display:flex;flex-direction:column;gap:.2rem;}
.occ-ftr-nav a{font-size:.7rem;color:rgba(255,255,255,.2);transition:color .14s;text-decoration:none;}
.occ-ftr-nav a:hover{color:var(--occ-yellow);}
.occ-ftr-ct a{display:flex;align-items:flex-start;gap:.3rem;font-size:.68rem;color:rgba(255,255,255,.2);transition:color .14s;text-decoration:none;margin-bottom:.22rem;}
.occ-ftr-ct a:hover{color:var(--occ-yellow);}
.occ-footer-base{max-width:var(--occ-max);margin:0 auto;padding:.65rem 2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;}
.occ-ftr-copy{font-size:.6rem;color:rgba(255,255,255,.12);}
.occ-ftr-legal{display:flex;gap:1rem;flex-wrap:wrap;}
.occ-ftr-legal a{font-size:.6rem;color:rgba(255,255,255,.12);transition:color .14s;text-decoration:none;}
.occ-ftr-legal a:hover{color:var(--occ-yellow);}

/* COOKIE + CHAT */
.occ-ck-bar{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--occ-ink-d);border-top:2px solid var(--occ-yellow-d);padding:.9rem 2rem;display:none;align-items:center;gap:2rem;justify-content:space-between;flex-wrap:wrap;}
.occ-ck-bar p{font-size:.8rem;color:rgba(255,255,255,.3);margin:0;}
.occ-ck-bar a{color:var(--occ-yellow);}
.occ-ck-btns{display:flex;gap:.5rem;flex-shrink:0;}
.occ-ck-yes{background:var(--occ-yellow);color:var(--occ-ink);font-family:var(--occ-fb);font-size:.88rem;font-weight:700;padding:.28rem .85rem;border-radius:var(--occ-r3);cursor:pointer;border:none;}
.occ-ck-no{background:transparent;color:rgba(255,255,255,.25);font-family:var(--occ-fb);font-size:.82rem;padding:.26rem .85rem;border:1px solid rgba(255,255,255,.1);border-radius:var(--occ-r3);cursor:pointer;}
.occ-chat-fab{position:fixed;bottom:4.5rem;right:1.5rem;z-index:9990;width:50px;height:50px;background:var(--occ-yellow);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;box-shadow:var(--occ-sh2);transition:var(--occ-ease);color:var(--occ-ink);}
.occ-chat-fab:hover{background:var(--occ-yellow-l);transform:scale(1.07);}
.occ-chatpop{position:fixed;bottom:7rem;right:1.5rem;z-index:9989;width:290px;background:white;border:1.5px solid var(--occ-line);border-radius:var(--occ-r2);box-shadow:var(--occ-sh2);opacity:0;pointer-events:none;transform:translateY(10px) scale(.97);transition:opacity .2s,transform .22s;overflow:hidden;}
.occ-chatpop.occ-cp-vis{opacity:1;pointer-events:auto;transform:none;}
.occ-chat-hd{background:var(--occ-ink);padding:.8rem 1.1rem;}
.occ-chat-nm{font-family:var(--occ-fh);font-size:1rem;font-weight:900;color:white;}
.occ-chat-nm em{color:var(--occ-yellow);}
.occ-chat-bd{padding:.8rem 1rem;}
.occ-chat-inp{width:100%;background:var(--occ-paper);border:1.5px solid var(--occ-line);border-radius:var(--occ-r);padding:.5rem .8rem;font-size:.84rem;color:var(--occ-ink);margin-bottom:.35rem;resize:none;transition:border-color .14s;}
.occ-chat-inp:focus{outline:none;border-color:var(--occ-yellow-d);}
.occ-chat-send{width:100%;background:var(--occ-yellow);color:var(--occ-ink);font-family:var(--occ-fb);font-size:.9rem;font-weight:700;padding:.5rem;border-radius:var(--occ-r);border:none;cursor:pointer;transition:background .14s;}
.occ-chat-send:hover{background:var(--occ-yellow-l);}
.occ-chat-done{display:none;text-align:center;padding:.9rem;}
/* MISC */
.occ-reveal{opacity:0;transform:translateY(12px);transition:opacity .4s,transform .4s;}
.occ-reveal.occ-in{opacity:1;transform:none;}
.occ-result-pg{min-height:72vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem;flex-direction:column;gap:1.5rem;}
.occ-sec-hd h2{font-family:var(--occ-fh);font-size:clamp(1.8rem,4vw,3.2rem);font-weight:900;color:var(--occ-ink);}
.occ-sec-hd-w h2{color:white;}
.occ-sec-sub{font-size:.86rem;color:var(--occ-warm);margin-top:.35rem;max-width:58ch;}
.occ-sec-hd-w .occ-sec-sub{color:rgba(255,255,255,.35);}
/* RESPONSIVE */
@media(max-width:960px){
  .occ-nav{display:none;}
  .occ-mob-btn{display:flex;}
  .occ-hero-shell{grid-template-columns:1fr;}
  .occ-hz-right{display:none;}
  .occ-svc-grid{grid-template-columns:repeat(2,1fr);}
  .occ-proc-steps{grid-template-columns:1fr 1fr 1fr;}
  .occ-plan-row,.occ-proof-wall{grid-template-columns:1fr;}
  .occ-footer-in{grid-template-columns:1fr 1fr 1fr;}
  .occ-svcpg-wrap,.occ-build-wrap,.occ-cta-in,.occ-manifesto-pg{grid-template-columns:1fr;}
}
@media(max-width:600px){
  .occ-svc-grid{grid-template-columns:1fr;}
  .occ-proc-steps{grid-template-columns:1fr;}
  .occ-footer-in{grid-template-columns:1fr 1fr;}
  .occ-case-row{grid-template-columns:1fr;}
  .occ-cr-accent{width:100%;height:4px;}
  .occ-cr-body{grid-template-columns:1fr;}
  .occ-hz-stats{gap:1.2rem;}
}