/* copywritingrock.com | Copywriting Agency | Nantes, France (FIRST FRENCH bilingual in 50-site series!)
   DEEP TEAL #0D3B47 + WARM ORANGE #F07030 (FIRST teal+orange palette!)
   DM Serif Display (FIRST USE!) + DM Sans (FIRST USE!)
   crk- CSS prefix | CRK JS | $crk PHP | crk_lang cookie (EN/FR - FIRST FRENCH!)
   TRANSPARENT->CREAM NAV (FIRST!) | CENTERED DARK TEAL HERO (FIRST!)
   HORIZONTAL PROCESS STEPS with gradient line (FIRST!) | DARK TEAL PORTFOLIO BG (FIRST!)
   ORANGE CTA BAND (FIRST!) | DARK TEAL FOOTER (FIRST!)
   LinkedIn + YouTube + Pinterest (FIRST!) | C-SHAPE FAVICON (FIRST!)
   Maison Hericourt, Bioways, Le Bon Cap (Nantes/Loire-Atlantique cases) */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500;600;700&display=swap');

:root {
  --crk-bg:    #FDFBF7; --crk-surf:  #F5F2EC; --crk-surf2: #EDE9DF;
  --crk-bl:    #D8D3C6; --crk-blL:   #E8E4DA;
  --crk-ink:   #1A1814; --crk-mid:   #3D3830; --crk-stone: #8C867A;
  --crk-teal:  #0D3B47; --crk-teal2: #082B35; --crk-tealL: rgba(13,59,71,.07);
  --crk-orange:#F07030; --crk-oran2: #D55A1E; --crk-oranL: rgba(240,112,48,.07);
  --crk-white: #FFFFFF;
  --crk-max:   1160px;
  --crk-fh:    'DM Serif Display', Georgia, serif;  /* FIRST DM Serif Display! */
  --crk-fb:    'DM Sans', system-ui, sans-serif;    /* FIRST DM Sans! */
  --crk-r:4px; --crk-r2:8px; --crk-r3:14px; --crk-r4:28px;
  --crk-ease:  all .22s cubic-bezier(.4,0,.2,1);
  --crk-sh:    0 2px 16px rgba(26,24,20,.05);
  --crk-sh2:   0 16px 48px rgba(26,24,20,.11);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--crk-bg);color:var(--crk-mid);font-family:var(--crk-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;}
/* DM Serif Display for headings (elegant, slightly formal, French editorial!) */
h1,h2,h3,h4{font-family:var(--crk-fh);color:var(--crk-ink);line-height:1.15;}
h2{font-size:clamp(2rem,5vw,4rem);font-weight:400;letter-spacing:-.02em;}
p{font-size:.9rem;line-height:1.78;color:var(--crk-mid);}

/* ═══════════════════════════════════════════════════════════
   TRANSPARENT → CREAM NAV (FIRST in 50-site series!)
   Over dark teal hero: white logo + links | Scrolled: cream bg + dark text
   ═══════════════════════════════════════════════════════════ */
.crk-header{position:fixed;top:0;left:0;right:0;z-index:200;transition:background .35s,border-color .35s,box-shadow .35s;border-bottom:1px solid transparent;}
.crk-header.crk-hd-sc{background:var(--crk-bg);border-bottom-color:var(--crk-bl);box-shadow:0 2px 20px rgba(26,24,20,.06);}
.crk-hd-in{max-width:var(--crk-max);margin:0 auto;padding:.9rem 2.5rem;display:flex;align-items:center;gap:1.2rem;}
/* BIGGER logo: DM Serif Display 1.9rem 400 (elegant serif) */
.crk-brand{font-family:var(--crk-fh);font-size:1.9rem;font-weight:400;color:white;text-decoration:none;letter-spacing:-.02em;line-height:1;flex-shrink:0;transition:color .35s;margin-right:.3rem;}
.crk-brand em{color:var(--crk-orange);font-style:italic;}
.crk-header.crk-hd-sc .crk-brand{color:var(--crk-ink);}
.crk-nav-lnks{display:flex;align-items:center;gap:.15rem;flex:1;}
/* Nav links: DM Sans 1rem 500 (bigger than body .9rem!) */
.crk-nl{font-family:var(--crk-fb);font-size:1rem;font-weight:500;color:rgba(255,255,255,.7);padding:.28rem .55rem;border-radius:var(--crk-r);transition:color .35s;white-space:nowrap;text-decoration:none;}
.crk-nl:hover{color:white;}
.crk-header.crk-hd-sc .crk-nl{color:var(--crk-stone);}
.crk-header.crk-hd-sc .crk-nl:hover,.crk-header.crk-hd-sc .crk-nl.crk-active{color:var(--crk-ink);}
/* SERVICES DROPDOWN */
.crk-dd-wrap{position:relative;}
.crk-dd{position:absolute;top:calc(100% + .7rem);left:50%;transform:translateX(-50%) translateY(-4px);background:white;border:1.5px solid var(--crk-bl);border-radius:var(--crk-r2);box-shadow:0 20px 60px rgba(26,24,20,.12);min-width:250px;padding:.3rem 0;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:300;}
.crk-dd-wrap:hover .crk-dd{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);}
.crk-dd-lnk{display:flex;align-items:center;gap:.5rem;font-size:.88rem;font-weight:500;color:var(--crk-stone);padding:.4rem 1rem;transition:color .14s,background .14s;}
.crk-dd-lnk:hover{color:var(--crk-teal);background:var(--crk-tealL);}
.crk-dd-lnk svg{color:var(--crk-teal);}
.crk-hd-end{display:flex;align-items:center;gap:.6rem;flex-shrink:0;margin-left:auto;}
.crk-lang{display:flex;align-items:center;gap:.18rem;}
.crk-lga{font-family:var(--crk-fb);font-size:.42rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.4);cursor:pointer;padding:.2rem .28rem;border-radius:var(--crk-r);transition:color .35s;}
.crk-lga:hover,.crk-lga.crk-lon{color:rgba(255,255,255,.9);}
.crk-header.crk-hd-sc .crk-lga{color:var(--crk-stone);}
.crk-header.crk-hd-sc .crk-lga:hover,.crk-header.crk-hd-sc .crk-lga.crk-lon{color:var(--crk-teal);}
.crk-lga-sep{color:rgba(255,255,255,.2);transition:color .35s;}
.crk-header.crk-hd-sc .crk-lga-sep{color:var(--crk-bl);}
/* TEAL CTA on nav */
.crk-hd-cta{font-family:var(--crk-fb);font-size:.88rem;font-weight:600;color:white;background:var(--crk-teal);padding:.38rem 1rem;border-radius:var(--crk-r);transition:background .14s;white-space:nowrap;}
.crk-hd-cta:hover{background:var(--crk-teal2);}
.crk-header.crk-hd-sc .crk-hd-cta{background:var(--crk-orange);}
.crk-header.crk-hd-sc .crk-hd-cta:hover{background:var(--crk-oran2);}
.crk-mob-btn{color:rgba(255,255,255,.7);display:none;padding:.3rem;transition:color .35s;}
.crk-header.crk-hd-sc .crk-mob-btn{color:var(--crk-stone);}
.crk-mob-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--crk-bg);border-bottom:3px solid var(--crk-teal);border-top:1px solid var(--crk-bl);padding:.5rem 2.5rem 1rem;z-index:190;}
.crk-mob-menu.crk-mob-open{display:block;}
.crk-mob-nl{display:block;font-family:var(--crk-fb);font-size:1rem;font-weight:500;color:var(--crk-stone);padding:.55rem 0;border-bottom:1px solid var(--crk-bl);transition:color .14s;}
.crk-mob-nl:hover,.crk-mob-nl.crk-active{color:var(--crk-teal);}
.crk-mob-nl:last-child{border-bottom:none;}

/* ═══ CENTERED DARK TEAL HERO (FIRST in 50-site series!) ═══ */
.crk-hero-zone{background:var(--crk-teal);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6rem 2.5rem 4rem;position:relative;overflow:hidden;}
.crk-hero-deco{position:absolute;font-family:var(--crk-fh);font-size:42rem;font-style:italic;color:rgba(255,255,255,.025);line-height:1;top:-8rem;left:50%;transform:translateX(-50%);pointer-events:none;user-select:none;}
.crk-hero-tag{font-family:var(--crk-fb);font-size:.52rem;font-weight:600;text-transform:uppercase;letter-spacing:.28em;color:var(--crk-orange);display:block;margin-bottom:1.5rem;}
.crk-hero-h1{font-family:var(--crk-fh);font-size:clamp(2.5rem,6.5vw,7rem);font-weight:400;color:white;line-height:1.1;letter-spacing:-.02em;max-width:18ch;margin:0 auto 1.5rem;}
.crk-hero-h1 em{color:var(--crk-orange);font-style:italic;}
.crk-hero-sub{font-size:.97rem;color:rgba(255,255,255,.45);max-width:50ch;margin:0 auto 2.5rem;line-height:1.72;}
.crk-hero-acts{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;}
.crk-hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.4rem;opacity:.3;}
.crk-hero-scroll span{font-family:var(--crk-fb);font-size:.42rem;font-weight:500;text-transform:uppercase;letter-spacing:.2em;color:white;}
.crk-hero-scroll-line{width:1px;height:40px;background:linear-gradient(white,transparent);animation:crkScroll 1.6s infinite;}
@keyframes crkScroll{0%{opacity:0;transform:scaleY(0);transform-origin:top;}50%{opacity:1;}100%{opacity:0;transform:scaleY(1);transform-origin:top;}}

/* STATS BAND (cream, simple horizontal) */
.crk-stats-band{background:var(--crk-surf);border-bottom:1px solid var(--crk-bl);}
.crk-stats-in{max-width:var(--crk-max);margin:0 auto;padding:1.4rem 2.5rem;display:grid;grid-template-columns:repeat(4,1fr);}
.crk-stat-blk{text-align:center;padding:.8rem;border-right:1px solid var(--crk-bl);}
.crk-stat-blk:last-child{border-right:none;}
.crk-sv{font-family:var(--crk-fh);font-size:2.2rem;font-weight:400;color:var(--crk-teal);display:block;line-height:1;font-style:italic;}
.crk-sl{font-family:var(--crk-fb);font-size:.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--crk-stone);}

/* ABOUT SECTION (2-col split with DM Serif Display large heading) */
.crk-about-zone{background:var(--crk-bg);padding:7rem 2.5rem;}
.crk-about-in{max-width:var(--crk-max);margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:6rem;align-items:center;}
.crk-about-h2{font-family:var(--crk-fh);font-size:clamp(2rem,4.5vw,4rem);font-weight:400;color:var(--crk-ink);letter-spacing:-.02em;line-height:1.15;margin-bottom:2rem;}
.crk-about-h2 em{color:var(--crk-orange);font-style:italic;}
.crk-about-right p{font-size:.93rem;color:var(--crk-mid);line-height:1.82;margin-bottom:1rem;}

/* SERVICES (3-col grid, teal top-border hover) */
.crk-svc-zone{background:var(--crk-surf);padding:7rem 2.5rem;}
.crk-svc-in{max-width:var(--crk-max);margin:0 auto;}
.crk-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;}
.crk-svc-card{background:white;border:1.5px solid var(--crk-bl);border-radius:var(--crk-r2);border-top:3px solid transparent;padding:2rem;transition:var(--crk-ease);text-decoration:none;display:block;}
.crk-svc-card:hover{border-top-color:var(--crk-teal);box-shadow:var(--crk-sh2);transform:translateY(-3px);}
.crk-sc-num{font-family:var(--crk-fb);font-size:.44rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--crk-teal);display:block;margin-bottom:.5rem;}
.crk-sc-icon{color:var(--crk-teal);margin-bottom:.7rem;}
.crk-sc-nm{font-family:var(--crk-fh);font-size:1.3rem;font-weight:400;color:var(--crk-ink);margin-bottom:.3rem;}
.crk-sc-desc{font-size:.82rem;color:var(--crk-stone);line-height:1.65;margin-bottom:1rem;}
.crk-sc-pr{font-family:var(--crk-fb);font-size:.84rem;font-weight:600;color:var(--crk-teal);}

/* HORIZONTAL PROCESS STEPS with gradient connecting line (FIRST in 50-site series!) */
.crk-proc-zone{background:var(--crk-bg);padding:7rem 2.5rem;}
.crk-proc-in{max-width:var(--crk-max);margin:0 auto;}
.crk-proc-strip{display:flex;align-items:flex-start;position:relative;margin-top:3rem;padding-top:.5rem;}
.crk-proc-strip::before{content:'';position:absolute;top:19px;left:50px;right:50px;height:1.5px;background:linear-gradient(90deg,var(--crk-teal),var(--crk-orange));z-index:0;}
.crk-proc-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;padding:0 .5rem;}
.crk-ps-bubble{width:38px;height:38px;border-radius:50%;background:var(--crk-bg);border:2.5px solid var(--crk-teal);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative;z-index:1;font-family:var(--crk-fb);font-size:.8rem;font-weight:700;color:var(--crk-teal);transition:var(--crk-ease);}
.crk-proc-step:hover .crk-ps-bubble{background:var(--crk-teal);color:white;}
.crk-ps-nm{font-family:var(--crk-fh);font-size:1rem;font-weight:400;color:var(--crk-ink);margin-bottom:.3rem;}
.crk-ps-body{font-size:.74rem;color:var(--crk-stone);line-height:1.6;max-width:13ch;}

/* DARK TEAL PORTFOLIO BG (FIRST in 50-site series!) */
.crk-port-zone{background:var(--crk-teal);padding:7rem 2.5rem;}
.crk-port-in{max-width:var(--crk-max);margin:0 auto;}
.crk-port-h2{font-family:var(--crk-fh);font-size:clamp(2rem,5vw,4rem);font-weight:400;color:white;letter-spacing:-.02em;margin-bottom:.5rem;}
.crk-port-sub{font-size:.9rem;color:rgba(255,255,255,.35);margin-bottom:2.5rem;}
.crk-port-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.crk-port-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--crk-r3);overflow:hidden;transition:var(--crk-ease);}
.crk-port-card:hover{background:rgba(255,255,255,.1);transform:translateY(-4px);}
.crk-pc-img{height:200px;overflow:hidden;background:rgba(255,255,255,.04);}
.crk-pc-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;opacity:.7;}
.crk-port-card:hover .crk-pc-img img{transform:scale(1.05);opacity:.85;}
.crk-pc-body{padding:1.3rem 1.5rem;}
.crk-pc-cat{font-family:var(--crk-fb);font-size:.42rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--crk-orange);display:block;margin-bottom:.3rem;}
.crk-pc-nm{font-family:var(--crk-fh);font-size:1.1rem;font-weight:400;color:white;margin-bottom:.2rem;}
.crk-pc-city{font-size:.72rem;color:rgba(255,255,255,.35);}

/* TESTIMONIALS (cream bg, orange italic quote mark) */
.crk-testi-zone{background:var(--crk-bg);padding:7rem 2.5rem;}
.crk-testi-in{max-width:var(--crk-max);margin:0 auto;}
.crk-testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2.5rem;}
.crk-testi-card{background:var(--crk-surf);border-radius:var(--crk-r2);padding:2.5rem;border-bottom:3px solid transparent;transition:var(--crk-ease);}
.crk-testi-card:hover{border-bottom-color:var(--crk-orange);}
.crk-tq-mark{font-family:var(--crk-fh);font-size:3.5rem;font-weight:400;font-style:italic;color:var(--crk-orange);line-height:.8;display:block;margin-bottom:.8rem;opacity:.6;}
.crk-tq-text{font-family:var(--crk-fb);font-size:.9rem;color:var(--crk-mid);line-height:1.72;margin-bottom:1.3rem;}
.crk-ta-nm{font-family:var(--crk-fh);font-size:.95rem;font-weight:400;color:var(--crk-ink);}
.crk-ta-role{font-size:.72rem;color:var(--crk-stone);}

/* PRICING 3-col with ORANGE FEATURED CENTER (FIRST orange featured pricing!) */
.crk-price-zone{background:var(--crk-surf);padding:7rem 2.5rem;}
.crk-price-in{max-width:var(--crk-max);margin:0 auto;}
.crk-pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;}
.crk-pkg-card{background:white;border:1.5px solid var(--crk-bl);border-radius:var(--crk-r3);padding:2rem;transition:var(--crk-ease);}
.crk-pkg-card:hover{box-shadow:var(--crk-sh2);}
.crk-pkg-card.crk-pf{background:var(--crk-orange);border-color:var(--crk-orange);}
.crk-pkg-badge{display:inline-block;font-family:var(--crk-fb);font-size:.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--crk-orange);background:var(--crk-oranL);border:1px solid rgba(240,112,48,.2);padding:.18rem .7rem;border-radius:100px;margin-bottom:.5rem;}
.crk-pf .crk-pkg-badge{color:rgba(255,255,255,.8);background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.25);}
.crk-pkg-nm{font-family:var(--crk-fh);font-size:1.6rem;font-weight:400;color:var(--crk-ink);letter-spacing:-.02em;margin-bottom:.2rem;font-style:italic;}
.crk-pf .crk-pkg-nm{color:white;}
.crk-pkg-pr{font-family:var(--crk-fh);font-size:3rem;font-weight:400;color:var(--crk-teal);line-height:1;letter-spacing:-.03em;}
.crk-pf .crk-pkg-pr{color:white;}
.crk-pkg-fr{font-size:.72rem;color:var(--crk-stone);margin-bottom:.8rem;}
.crk-pf .crk-pkg-fr{color:rgba(255,255,255,.4);}
.crk-pkg-sep{border:none;border-top:1px solid var(--crk-bl);margin:.7rem 0;}
.crk-pf .crk-pkg-sep{border-color:rgba(255,255,255,.2);}
.crk-pkg-inc{display:flex;align-items:flex-start;gap:.4rem;font-size:.82rem;color:var(--crk-mid);margin-bottom:.3rem;}
.crk-pf .crk-pkg-inc{color:rgba(255,255,255,.75);}
.crk-pkg-inc svg{color:var(--crk-teal);flex-shrink:0;margin-top:.08rem;}
.crk-pf .crk-pkg-inc svg{color:rgba(255,255,255,.8);}
.crk-pkg-desc{font-size:.84rem;color:var(--crk-stone);line-height:1.65;margin-bottom:1rem;}
.crk-pf .crk-pkg-desc{color:rgba(255,255,255,.5);}

/* 2-COLUMN FAQ GRID (FIRST in 50-site series with this treatment!) */
.crk-faq-zone{background:var(--crk-bg);padding:7rem 2.5rem;}
.crk-faq-in{max-width:var(--crk-max);margin:0 auto;}
.crk-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 3rem;margin-top:2.5rem;}
.crk-faq-item{border-bottom:1px solid var(--crk-bl);transition:padding-left .2s;}
.crk-faq-item.crk-fi-on{border-left:2.5px solid var(--crk-orange);padding-left:.7rem;}
.crk-fq-btn{display:flex;justify-content:space-between;align-items:flex-start;gap:.7rem;padding:1rem 0;width:100%;background:none;border:none;cursor:pointer;text-align:left;}
.crk-fq-q{font-family:var(--crk-fh);font-size:1rem;font-weight:400;color:var(--crk-ink);flex:1;line-height:1.3;}
.crk-fq-ico{font-size:1.2rem;color:var(--crk-stone);transition:transform .2s,color .14s;flex-shrink:0;}
.crk-fi-on .crk-fq-ico{transform:rotate(45deg);color:var(--crk-orange);}
.crk-fq-ans{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .25s;}
.crk-fi-on .crk-fq-ans{max-height:400px;padding-bottom:1rem;}
.crk-fq-ans-txt{font-size:.87rem;color:var(--crk-stone);line-height:1.78;}

/* ORANGE CTA BAND (FIRST in 50-site series!) */
.crk-cta-zone{background:var(--crk-orange);padding:7rem 2.5rem;text-align:center;position:relative;overflow:hidden;}
.crk-cta-zone::before{content:'"';position:absolute;font-family:var(--crk-fh);font-size:50rem;font-style:italic;font-weight:400;color:rgba(255,255,255,.07);bottom:-20rem;right:-5rem;line-height:1;pointer-events:none;}
.crk-cta-in{max-width:var(--crk-max);margin:0 auto;position:relative;z-index:1;}
.crk-cta-h{font-family:var(--crk-fh);font-size:clamp(2.5rem,7vw,7rem);font-weight:400;color:white;line-height:1.1;letter-spacing:-.02em;margin-bottom:.8rem;font-style:italic;}
.crk-cta-sub{font-size:.95rem;color:rgba(255,255,255,.55);margin-bottom:2.5rem;}
.crk-cta-btns{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;}

/* SERVICE PAGE */
.crk-svc-pg{max-width:var(--crk-max);margin:0 auto;padding:5rem 2.5rem 8rem;display:grid;grid-template-columns:1fr 260px;gap:4rem;align-items:start;}
/* ORANGE HEADER + CREAM body service aside (new! vs fcw coral, dc2 yellow) */
.crk-svc-aside{border-radius:var(--crk-r3);overflow:hidden;position:sticky;top:5rem;border:1.5px solid var(--crk-bl);}
.crk-sas-hd{background:var(--crk-orange);padding:1.5rem;}
.crk-sas-from{font-family:var(--crk-fb);font-size:.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:rgba(255,255,255,.5);}
.crk-sas-pr{font-family:var(--crk-fh);font-size:2.8rem;font-weight:400;font-style:italic;color:white;line-height:1;letter-spacing:-.03em;margin-bottom:.4rem;}
.crk-sas-btn{display:flex;width:100%;justify-content:center;background:var(--crk-teal);color:white;font-family:var(--crk-fb);font-size:.88rem;font-weight:600;padding:.5rem;border-radius:var(--crk-r);cursor:pointer;transition:background .14s;text-decoration:none;}
.crk-sas-btn:hover{background:var(--crk-teal2);}
.crk-sas-body{background:var(--crk-surf);}
.crk-sas-lnk{display:flex;align-items:center;gap:.5rem;font-family:var(--crk-fb);font-size:.84rem;font-weight:500;color:var(--crk-stone);padding:.42rem 1.2rem;border-top:1px solid var(--crk-bl);transition:color .14s,background .14s;}
.crk-sas-lnk:hover,.crk-sas-lnk.crk-active{color:var(--crk-teal);background:var(--crk-tealL);}

/* BUILDER */
.crk-bld-wrap{max-width:var(--crk-max);margin:0 auto;padding:4rem 2.5rem 8rem;display:grid;grid-template-columns:1fr 270px;gap:4rem;align-items:start;}
.crk-bld-sec{margin-bottom:2rem;}
.crk-bld-lbl{display:block;font-family:var(--crk-fb);font-size:.42rem;font-weight:600;text-transform:uppercase;letter-spacing:.24em;color:var(--crk-stone);margin-bottom:.8rem;}
.crk-sel-row{background:var(--crk-bg);border:1.5px solid var(--crk-bl);border-radius:var(--crk-r2);padding:.7rem 1rem;display:flex;align-items:center;gap:.7rem;cursor:pointer;user-select:none;transition:var(--crk-ease);margin-bottom:.4rem;}
.crk-sel-row.crk-sel-on{border-color:var(--crk-teal);background:var(--crk-tealL);}
.crk-sel-dot{width:16px;height:16px;border:1.5px solid var(--crk-bl);border-radius:50%;flex-shrink:0;transition:var(--crk-ease);}
.crk-sel-row.crk-sel-on .crk-sel-dot{background:var(--crk-teal);border-color:var(--crk-teal);}
.crk-sel-nm{font-family:var(--crk-fb);font-size:.9rem;color:var(--crk-stone);flex:1;font-weight:400;}
.crk-sel-row.crk-sel-on .crk-sel-nm{color:var(--crk-ink);font-weight:600;}
.crk-sel-pr{font-family:var(--crk-fh);font-size:1rem;font-weight:400;color:var(--crk-ink);font-style:italic;}
.crk-adn-rack{display:flex;flex-wrap:wrap;gap:.5rem;}
.crk-adn-chip{background:var(--crk-bg);border:1.5px solid var(--crk-bl);border-radius:100px;padding:.38rem .9rem;cursor:pointer;user-select:none;transition:var(--crk-ease);}
.crk-adn-chip.crk-adn-on{border-color:var(--crk-teal);background:var(--crk-tealL);}
.crk-adn-nm{font-family:var(--crk-fb);font-size:.8rem;font-weight:500;color:var(--crk-stone);}
.crk-adn-chip.crk-adn-on .crk-adn-nm{color:var(--crk-teal);}
.crk-adn-pr{font-size:.68rem;color:var(--crk-stone);}
.crk-hrs-box{background:var(--crk-bg);border:1.5px solid var(--crk-bl);border-radius:var(--crk-r2);padding:1rem;}
.crk-hrs-rng{-webkit-appearance:none;width:100%;height:2px;background:var(--crk-bl);border-radius:1px;cursor:pointer;}
.crk-hrs-rng::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--crk-teal);cursor:pointer;}
/* TEAL HEADER RECEIPT (FIRST in 50-site series! crk gets teal receipt) */
.crk-rcpt{background:white;border:1.5px solid var(--crk-bl);border-radius:var(--crk-r3);overflow:hidden;position:sticky;top:5rem;}
.crk-rcpt-hd{background:var(--crk-teal);padding:.8rem 1.2rem;}
.crk-rcpt-hl{font-family:var(--crk-fb);font-size:.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.45);}
.crk-rcpt-bd{padding:.9rem 1.2rem;}
.crk-rcpt-ln{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem;margin-bottom:.35rem;}
.crk-rcpt-lnm{color:var(--crk-stone);font-family:var(--crk-fb);}
.crk-rcpt-lnp{font-family:var(--crk-fh);font-size:.9rem;font-weight:400;color:var(--crk-ink);font-style:italic;}
.crk-rcpt-sep{border:none;border-top:1px solid var(--crk-bl);margin:.4rem 1.2rem;}
.crk-rcpt-tot{display:flex;justify-content:space-between;align-items:flex-end;padding:0 1.2rem .5rem;}
.crk-rcpt-totl{font-family:var(--crk-fb);font-size:.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--crk-stone);}
.crk-rcpt-totv{font-family:var(--crk-fh);font-size:2.2rem;font-weight:400;color:var(--crk-orange);letter-spacing:-.03em;font-style:italic;}
.crk-rcpt-ft{padding:.9rem 1.2rem;border-top:1px solid var(--crk-bl);}
.crk-rcpt-go{display:block;width:100%;background:var(--crk-teal);color:white;font-family:var(--crk-fb);font-size:.96rem;font-weight:600;padding:.7rem;border-radius:var(--crk-r);border:none;cursor:pointer;transition:background .14s;}
.crk-rcpt-go:hover:not(:disabled){background:var(--crk-teal2);}
.crk-rcpt-go:disabled{opacity:.25;cursor:not-allowed;}

/* PAGE BANNER */
.crk-pg-banner{background:var(--crk-teal);padding:6rem 2.5rem 4rem;position:relative;overflow:hidden;}
.crk-pg-deco{position:absolute;font-family:var(--crk-fh);font-size:22rem;font-weight:400;font-style:italic;color:rgba(255,255,255,.035);top:-3rem;right:-1rem;line-height:1;pointer-events:none;}
.crk-pg-banner-in{max-width:var(--crk-max);margin:0 auto;position:relative;}
.crk-pg-banner h1{font-family:var(--crk-fh);font-size:clamp(2.5rem,7vw,6.5rem);font-weight:400;color:white;line-height:1.05;letter-spacing:-.02em;}
.crk-pg-banner h1 em{color:var(--crk-orange);font-style:italic;}
.crk-pg-sub{font-size:.93rem;color:rgba(255,255,255,.3);max-width:52ch;margin:.7rem 0 0;line-height:1.72;}
.crk-eyebrow{font-family:var(--crk-fb);font-size:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.24em;color:var(--crk-orange);display:block;margin-bottom:.6rem;opacity:.8;}

/* CHECKOUT */
.crk-co-wrap{max-width:var(--crk-max);margin:0 auto;padding:5rem 2.5rem 8rem;display:grid;grid-template-columns:1fr 270px;gap:4rem;align-items:start;}

/* FORMS */
.crk-fg{margin-bottom:.7rem;}
.crk-fl{display:block;font-family:var(--crk-fb);font-size:.42rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--crk-stone);margin-bottom:.28rem;}
.crk-fi{width:100%;background:white;border:1.5px solid var(--crk-bl);border-radius:var(--crk-r2);padding:.65rem 1rem;color:var(--crk-ink);font-size:.9rem;transition:border-color .14s;font-family:var(--crk-fb);}
.crk-fi:focus{outline:none;border-color:var(--crk-teal);box-shadow:0 0 0 3px var(--crk-tealL);}
.crk-agree{display:flex;align-items:flex-start;gap:.5rem;font-size:.82rem;color:var(--crk-stone);margin:1rem 0;line-height:1.6;font-family:var(--crk-fb);}
.crk-agree input{margin-top:.14rem;accent-color:var(--crk-teal);}
.crk-agree a{color:var(--crk-teal);text-decoration:underline;}

/* BUTTONS */
.crk-btn-t{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--crk-fb);font-size:.92rem;font-weight:600;color:white;background:var(--crk-teal);padding:.52rem 1.5rem;border-radius:var(--crk-r);transition:var(--crk-ease);border:none;cursor:pointer;white-space:nowrap;}
.crk-btn-t:hover{background:var(--crk-teal2);}
.crk-btn-o{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--crk-fb);font-size:.92rem;font-weight:600;color:white;background:var(--crk-orange);padding:.52rem 1.5rem;border-radius:var(--crk-r);transition:var(--crk-ease);border:none;cursor:pointer;white-space:nowrap;}
.crk-btn-o:hover{background:var(--crk-oran2);}
.crk-btn-out-t{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--crk-fb);font-size:.92rem;font-weight:600;color:var(--crk-teal);background:transparent;padding:.5rem 1.5rem;border-radius:var(--crk-r);border:1.5px solid var(--crk-teal);transition:var(--crk-ease);white-space:nowrap;}
.crk-btn-out-t:hover{background:var(--crk-teal);color:white;}
.crk-btn-out{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--crk-fb);font-size:.92rem;font-weight:600;color:var(--crk-mid);background:transparent;padding:.5rem 1.5rem;border-radius:var(--crk-r);border:1.5px solid var(--crk-bl);transition:var(--crk-ease);white-space:nowrap;}
.crk-btn-out:hover{border-color:var(--crk-teal);color:var(--crk-teal);}
.crk-btn-ghost-w{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--crk-fb);font-size:.92rem;font-weight:600;color:white;background:transparent;padding:.5rem 1.5rem;border-radius:var(--crk-r);border:1.5px solid rgba(255,255,255,.3);transition:var(--crk-ease);white-space:nowrap;}
.crk-btn-ghost-w:hover{border-color:white;background:rgba(255,255,255,.08);}

/* LEGAL */
.crk-legal-wrap{max-width:800px;margin:0 auto;padding:5rem 2.5rem 8rem;}
.crk-legal-eff{display:inline-block;font-family:var(--crk-fb);font-size:.72rem;color:var(--crk-stone);background:var(--crk-surf);border:1px solid var(--crk-bl);padding:.22rem .8rem;border-radius:100px;margin-bottom:1.5rem;}
.crk-legal-wrap h2{font-family:var(--crk-fh);font-size:1.1rem;font-weight:400;color:var(--crk-teal);margin:2.5rem 0 .5rem;font-style:italic;}
.crk-legal-wrap p,.crk-legal-wrap li{font-size:.9rem;color:var(--crk-stone);line-height:1.78;margin-bottom:.9rem;}
.crk-legal-wrap ul{padding-left:1.4rem;margin:.5rem 0;}
.crk-legal-wrap li{list-style:disc;}
.crk-legal-wrap a{color:var(--crk-teal);}

/* DARK TEAL FOOTER (FIRST in 50-site series! TEAL not black!) */
.crk-footer{background:var(--crk-teal);}
.crk-ft-top{max-width:var(--crk-max);margin:0 auto;padding:3rem 2.5rem 2rem;display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:2.5rem;border-bottom:1px solid rgba(255,255,255,.06);}
/* BIGGER footer brand: DM Serif Display 2rem 400 italic (bigger than body .9rem!) */
.crk-ft-brand{font-family:var(--crk-fh);font-size:2rem;font-weight:400;font-style:italic;color:rgba(255,255,255,.15);display:block;letter-spacing:-.02em;margin-bottom:.5rem;}
.crk-ft-brand em{color:rgba(240,112,48,.35);font-style:normal;}
.crk-ft-desc{font-size:.78rem;color:rgba(255,255,255,.1);line-height:1.65;margin-bottom:.8rem;font-family:var(--crk-fb);}
.crk-ft-soc{display:flex;gap:.4rem;}
.crk-ft-soc a{width:30px;height:30px;border:1px solid rgba(255,255,255,.1);border-radius:var(--crk-r);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.15);transition:var(--crk-ease);}
.crk-ft-soc a:hover{border-color:var(--crk-orange);color:var(--crk-orange);}
.crk-ft-col-h{font-family:var(--crk-fb);font-size:.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:rgba(255,255,255,.1);margin-bottom:.7rem;}
.crk-ft-nav{display:flex;flex-direction:column;gap:.22rem;}
.crk-ft-nav a{font-family:var(--crk-fb);font-size:.78rem;color:rgba(255,255,255,.15);transition:color .14s;}
.crk-ft-nav a:hover{color:var(--crk-orange);}
.crk-ft-ct a{display:flex;align-items:flex-start;gap:.35rem;font-family:var(--crk-fb);font-size:.76rem;color:rgba(255,255,255,.15);transition:color .14s;margin-bottom:.25rem;}
.crk-ft-ct a:hover{color:var(--crk-orange);}
.crk-ft-btm{max-width:var(--crk-max);margin:0 auto;padding:.8rem 2.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.crk-ft-copy{font-family:var(--crk-fb);font-size:.62rem;color:rgba(255,255,255,.06);}
.crk-ft-legal{display:flex;gap:1rem;flex-wrap:wrap;}
.crk-ft-legal a{font-family:var(--crk-fb);font-size:.62rem;color:rgba(255,255,255,.06);transition:color .14s;}
.crk-ft-legal a:hover{color:var(--crk-orange);}

/* COOKIE + CHAT */
.crk-ck-bar{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--crk-teal);border-top:2px solid var(--crk-orange);padding:.9rem 2rem;display:none;align-items:center;gap:2rem;justify-content:space-between;flex-wrap:wrap;}
.crk-ck-bar p{font-family:var(--crk-fb);font-size:.8rem;color:rgba(255,255,255,.3);margin:0;}
.crk-ck-bar a{color:var(--crk-orange);}
.crk-ck-btns{display:flex;gap:.5rem;flex-shrink:0;}
.crk-ck-yes{background:var(--crk-orange);color:white;font-family:var(--crk-fb);font-size:.88rem;font-weight:600;padding:.32rem .9rem;border-radius:var(--crk-r);cursor:pointer;border:none;}
.crk-ck-no{background:transparent;color:rgba(255,255,255,.25);font-family:var(--crk-fb);font-size:.82rem;padding:.3rem .9rem;border:1px solid rgba(255,255,255,.15);border-radius:var(--crk-r);cursor:pointer;}
.crk-chat-fab{position:fixed;bottom:4.5rem;right:1.5rem;z-index:9990;width:50px;height:50px;background:var(--crk-teal);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;box-shadow:var(--crk-sh2);transition:var(--crk-ease);color:white;}
.crk-chat-fab:hover{background:var(--crk-orange);}
.crk-chatpop{position:fixed;bottom:7rem;right:1.5rem;z-index:9989;width:290px;background:white;border:1.5px solid var(--crk-bl);border-radius:var(--crk-r3);box-shadow:var(--crk-sh2);opacity:0;pointer-events:none;transform:translateY(8px) scale(.97);transition:opacity .2s,transform .22s;overflow:hidden;}
.crk-chatpop.crk-cp-on{opacity:1;pointer-events:auto;transform:none;}
.crk-chatpop-hd{background:var(--crk-teal);padding:.8rem 1.1rem;}
.crk-chatpop-nm{font-family:var(--crk-fh);font-size:1rem;font-weight:400;font-style:italic;color:white;}
.crk-chatpop-nm em{color:var(--crk-orange);font-style:normal;}
.crk-chat-fi{width:100%;background:var(--crk-surf);border:1.5px solid var(--crk-bl);border-radius:var(--crk-r);padding:.5rem .8rem;font-family:var(--crk-fb);font-size:.84rem;color:var(--crk-ink);margin-bottom:.36rem;resize:none;transition:border-color .14s;}
.crk-chat-fi:focus{outline:none;border-color:var(--crk-teal);}
.crk-chat-send{width:100%;background:var(--crk-teal);color:white;font-family:var(--crk-fb);font-size:.9rem;font-weight:600;padding:.5rem;border-radius:var(--crk-r);border:none;cursor:pointer;}
.crk-chat-done{display:none;text-align:center;padding:.9rem;font-family:var(--crk-fh);font-size:1rem;font-weight:400;font-style:italic;color:var(--crk-teal);}

/* REVEAL */
.crk-reveal{opacity:0;transform:translateY(10px);transition:opacity .4s,transform .4s;}
.crk-reveal.crk-in{opacity:1;transform:none;}
.crk-result-pg{min-height:72vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:8rem 2.5rem;flex-direction:column;gap:1.5rem;}

/* RESPONSIVE */
@media(max-width:960px){
  .crk-nav-lnks{display:none;}
  .crk-mob-btn{display:flex;}
  .crk-svc-grid{grid-template-columns:1fr 1fr;}
  .crk-proc-strip{flex-direction:column;gap:1.5rem;}
  .crk-proc-strip::before{display:none;}
  .crk-port-grid{grid-template-columns:1fr 1fr;}
  .crk-testi-grid{grid-template-columns:1fr;}
  .crk-pkg-grid{grid-template-columns:1fr;}
  .crk-faq-grid{grid-template-columns:1fr;}
  .crk-about-in{grid-template-columns:1fr;}
  .crk-ft-top{grid-template-columns:1fr 1fr;}
  .crk-bld-wrap,.crk-co-wrap,.crk-svc-pg{grid-template-columns:1fr;}
  .crk-stats-in{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){
  .crk-svc-grid,.crk-port-grid{grid-template-columns:1fr;}
  .crk-ft-top{grid-template-columns:1fr;}
  .crk-stats-in{grid-template-columns:1fr;}
  .crk-stats-in .crk-stat-blk{border-right:none;border-bottom:1px solid var(--crk-bl);}
}