:root{
  --primary:#c1592f;
  --secondary:#1b2a3a;
  --accent:#e8a33d;
  --bg:#fdfbf7;
  --ink:#221b17;

  --primary-10: color-mix(in oklch, var(--primary), white 92%);
  --primary-20: color-mix(in oklch, var(--primary), white 82%);
  --primary-40: color-mix(in oklch, var(--primary), white 60%);
  --primary-hover: color-mix(in oklch, var(--primary), black 12%);
  --primary-soft: color-mix(in oklch, var(--primary), white 70%);

  --secondary-90: color-mix(in oklch, var(--secondary), black 10%);
  --secondary-soft: color-mix(in oklch, var(--secondary), white 88%);
  --secondary-mid: color-mix(in oklch, var(--secondary), white 70%);

  --accent-soft: color-mix(in oklch, var(--accent), white 78%);
  --accent-hover: color-mix(in oklch, var(--accent), black 10%);

  --border-soft: color-mix(in oklch, var(--ink), white 88%);
  --border-mid: color-mix(in oklch, var(--ink), white 78%);
  --muted: color-mix(in oklch, var(--ink), white 42%);

  --r-sm:8px; --r-md:14px; --r-lg:22px; --r-xl:32px; --r-full:999px;

  --sh-sm:0 1px 2px rgba(34,27,23,.05), 0 1px 1px rgba(34,27,23,.04);
  --sh-md:0 6px 16px -4px rgba(27,42,58,.14), 0 3px 6px -2px rgba(27,42,58,.08);
  --sh-lg:0 20px 44px -14px rgba(27,42,58,.26), 0 8px 18px -8px rgba(27,42,58,.16);
  --sh-xl:0 30px 64px -16px rgba(27,42,58,.32), 0 14px 30px -10px rgba(27,42,58,.2);

  --ease:cubic-bezier(.22,1,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden;}
body{
  margin:0;
  font-family:'DM Sans',sans-serif;
  background:var(--bg);
  color:var(--ink);
  line-height:1.65;
  font-size:16px;
  overflow-x:hidden;
}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:'Urbanist',sans-serif;font-weight:800;line-height:1.15;color:var(--secondary)}
p{color:color-mix(in oklch, var(--ink), white 8%)}
ul{list-style:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}

.cursor-dot{
  position:fixed;top:0;left:0;width:16px;height:16px;border-radius:50%;
  background:radial-gradient(circle, color-mix(in oklch, var(--accent), white 10%) 0%, transparent 70%);
  pointer-events:none;z-index:9999;
  transform:translate(-50%,-50%);
  transition:transform .18s var(--ease), opacity .3s ease;
  opacity:0;
  mix-blend-mode:multiply;
}
@media(hover:hover) and (pointer:fine){ .cursor-dot{opacity:1} }


.btn{
  display:inline-flex;align-items:center;gap:.6rem;
  padding:.9rem 1.6rem;border-radius:var(--r-full);
  font-weight:700;font-size:.98rem;
  transition:transform .35s var(--ease), box-shadow .35s var(--ease), background .35s var(--ease), color .35s var(--ease);
  white-space:nowrap;
}
.btn i{transition:transform .35s var(--ease)}
.btn:hover i{transform:translateX(3px)}
.btn--primary{background:var(--primary);color:#fff;box-shadow:var(--sh-md)}
.btn--primary:hover{background:var(--primary-hover);transform:translateY(-3px);box-shadow:var(--sh-lg)}
.btn--outline{background:transparent;color:var(--secondary);border:1.5px solid var(--border-mid)}
.btn--outline:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-3px);box-shadow:var(--sh-md)}
.btn--accent{background:var(--accent);color:var(--secondary);box-shadow:var(--sh-md)}
.btn--accent:hover{background:var(--accent-hover);transform:translateY(-3px);box-shadow:var(--sh-lg)}


.hdr{
  position:sticky;top:0;z-index:200;
  background:rgba(253,251,247,.9);
  backdrop-filter:blur(12px);
  border-bottom:1px solid transparent;
}
.hdr::after{
  content:"";position:absolute;left:50%;bottom:0;height:1px;width:0;
  background:var(--border-mid);
  transform:translateX(-50%) scaleX(0);
  transition:transform .5s var(--ease), width .5s var(--ease);
}
.hdr.scrolled::after{width:100%;transform:translateX(-50%) scaleX(1)}
.hdr-in{
  max-width:1280px;margin:0 auto;padding:1rem 1.5rem;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
}
.hdr-logo{display:flex;align-items:center;gap:.6rem;font-family:'Urbanist',sans-serif;font-weight:800;font-size:1.25rem;color:var(--secondary)}
.hdr-nav{display:flex;gap:1.8rem;align-items:center}
.hdr-nav a{font-weight:500;font-size:.95rem;color:var(--secondary);position:relative;padding:.3rem 0;transition:color .3s ease}
.hdr-nav a::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--primary);transition:width .35s var(--ease)}
.hdr-nav a:hover,.hdr-nav a.is-active{color:var(--primary)}
.hdr-nav a:hover::after,.hdr-nav a.is-active::after{width:100%}
.hdr-cta{background:var(--primary);color:#fff;padding:.7rem 1.3rem;border-radius:var(--r-full);font-weight:700;font-size:.9rem;transition:all .35s var(--ease);box-shadow:var(--sh-sm)}
.hdr-cta:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--sh-md)}
.hdr-burger{display:none;flex-direction:column;gap:5px;width:44px;height:44px;align-items:center;justify-content:center;z-index:60}
.hdr-burger span{width:22px;height:2px;background:var(--secondary);transition:all .35s var(--ease)}


.mnu{
  position:fixed;inset:0;z-index:500;display:flex;
  visibility:hidden;pointer-events:none;
}
.mnu.open{visibility:visible;pointer-events:all}
.mnu-links{
  flex:1 1 60%;background:var(--secondary);
  display:flex;flex-direction:column;justify-content:center;gap:1.4rem;
  padding:3rem 2.2rem;position:relative;
  transform:translateX(-100%);transition:transform .5s var(--ease);
}
.mnu.open .mnu-links{transform:translateX(0)}
.mnu-links a{
  color:#fff;font-family:'Urbanist',sans-serif;font-weight:700;
  font-size:clamp(1.5rem,6vw,2.2rem);opacity:0;transform:translateY(20px);
  transition:opacity .5s var(--ease), transform .5s var(--ease), color .3s ease;
}
.mnu.open .mnu-links a{opacity:1;transform:translateY(0)}
.mnu-links a:hover{color:var(--accent)}
.mnu-close{position:absolute;top:1.5rem;right:1.5rem;width:44px;height:44px;color:#fff;font-size:1.4rem;display:flex;align-items:center;justify-content:center}
.mnu-visual{
  flex:1 1 40%;background:linear-gradient(160deg, var(--primary), var(--accent));
  display:flex;align-items:center;justify-content:center;
  transform:translateX(100%);transition:transform .5s var(--ease) .05s;
}
.mnu.open .mnu-visual{transform:translateX(0)}
.mnu-visual i{font-size:min(20vw,140px);color:rgba(255,255,255,.35)}


.btm-nav{
  display:none;position:fixed;bottom:0;left:0;right:0;z-index:150;
  background:rgba(253,251,247,.96);backdrop-filter:blur(14px);
  border-top:1px solid var(--border-soft);
  padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom));
  justify-content:space-around;box-shadow:0 -6px 20px -8px rgba(27,42,58,.15);
}
.btm-nav a{
  width:48px;height:48px;display:flex;align-items:center;justify-content:center;
  border-radius:var(--r-md);color:var(--muted);font-size:1.15rem;
  transition:all .3s var(--ease);
}
.btm-nav a.is-active,.btm-nav a:hover{color:var(--primary);background:var(--primary-10);transform:translateY(-3px)}


.side-cta{
  position:fixed;right:1.4rem;top:60%;transform:translateY(-50%);z-index:120;
  background:var(--secondary);color:#fff;padding:1rem 1.2rem;border-radius:var(--r-full);
  display:flex;align-items:center;gap:.6rem;box-shadow:var(--sh-lg);
  font-weight:700;font-size:.85rem;transition:all .4s var(--ease);
}
.side-cta span{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .4s var(--ease)}
.side-cta:hover{background:var(--primary);transform:translateY(-50%) scale(1.04)}
.side-cta:hover span{max-width:220px;margin-left:.2rem}
@media(max-width:900px){.side-cta{display:none}}


.hero{padding:clamp(3rem,8vw,6rem) 1.5rem 4rem;background:
  radial-gradient(circle at 85% 10%, var(--primary-10), transparent 55%),
  radial-gradient(circle at 10% 90%, var(--accent-soft), transparent 50%);
}
.hero-in{
  max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center;
}
.eyebrow{display:inline-block;font-weight:700;color:var(--primary);letter-spacing:.03em;text-transform:uppercase;font-size:.8rem;margin-bottom:1rem}
.hero h1{font-size:clamp(2.2rem,4.6vw,3.6rem);margin-bottom:1.3rem;letter-spacing:-.01em}
.hero-p{font-size:1.08rem;max-width:52ch;margin-bottom:2rem;color:color-mix(in oklch, var(--ink), white 10%)}
.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}
.hero-img{border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-xl);position:relative}
.hero-img img{transition:transform .6s var(--ease)}
.hero-img:hover img{transform:scale(1.04)}


.sec{padding:clamp(3.5rem,7vw,6rem) 1.5rem}
.sec-in{max-width:1280px;margin:0 auto}
.sec-in--narrow{max-width:820px}
.sec-eyebrow{color:var(--primary);font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;margin-bottom:.7rem}
.sec h2{font-size:clamp(1.7rem,3.4vw,2.6rem);margin-bottom:1rem}
.sec-sub,.sec-lead{max-width:70ch;color:color-mix(in oklch, var(--ink), white 10%);font-size:1.05rem}
.sec--intro{background:var(--secondary-soft)}


.bento{
  margin-top:2.5rem;display:grid;grid-template-columns:repeat(4,1fr);
  grid-auto-rows:minmax(160px,auto);gap:1.4rem;
}
.crd{
  background:#fff;border-radius:var(--r-lg);border:1px solid var(--border-soft);
  box-shadow:var(--sh-md);overflow:hidden;position:relative;
  transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
  display:flex;flex-direction:column;
}
.crd:hover{transform:translateY(-8px) scale(1.015);box-shadow:var(--sh-xl);border-color:var(--primary-40)}
.crd--a{grid-column:span 2;grid-row:span 2}
.crd--b{grid-column:span 2}
.crd--c{grid-column:span 1}
.crd--d{grid-column:span 1}
.crd--e{grid-column:span 2}
.crd--f{grid-column:span 2}
.crd-img{width:100%;height:200px;object-fit:cover;transition:transform .5s var(--ease)}
.crd:hover .crd-img{transform:scale(1.06)}
.crd--a .crd-img{height:220px}
.crd-ico{
  width:52px;height:52px;border-radius:var(--r-md);background:var(--primary-10);color:var(--primary);
  display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin:1.6rem 0 0 1.6rem;
  transition:background .4s var(--ease), transform .4s var(--ease);
}
.crd:hover .crd-ico{background:var(--primary);color:#fff;transform:rotate(-6deg) scale(1.05)}
.crd-txt{padding:1.4rem 1.6rem 1.8rem}
.crd-tag{display:inline-block;font-size:.72rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.4rem}
.crd-txt h3{font-size:1.25rem;margin-bottom:.6rem}
.crd-txt p{font-size:.96rem}


.proc{margin-top:2.5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem}
.proc-item{
  background:#fff;border-radius:var(--r-lg);padding:1.8rem;border:1px solid var(--border-soft);
  box-shadow:var(--sh-sm);transition:all .4s var(--ease);
}
.proc-item:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);border-color:var(--primary-40)}
.proc-n{font-family:'Urbanist',sans-serif;font-weight:800;font-size:2rem;color:var(--primary-20);display:block;margin-bottom:.6rem}
.proc-item h3{font-size:1.1rem;margin-bottom:.5rem}
.proc-item p{font-size:.94rem}


.sec--badges{background:var(--secondary-soft)}
.badges{margin-top:2.5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem}
.badge{
  background:#fff;padding:1.8rem;border-radius:var(--r-lg);text-align:left;border:1px solid var(--border-soft);
  box-shadow:var(--sh-sm);transition:all .4s var(--ease);
}
.badge:hover{transform:translateY(-6px);box-shadow:var(--sh-lg)}
.badge i{font-size:1.6rem;color:var(--primary);margin-bottom:.9rem;display:block}
.badge h4{font-size:1.02rem;margin-bottom:.5rem}
.badge p{font-size:.9rem}


.sec--split{}
.split-in{max-width:1280px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.split-img{border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-lg)}
.split-img img{transition:transform .6s var(--ease)}
.split-img:hover img{transform:scale(1.05)}
.split-txt h2{margin-bottom:1rem}
.split-txt p{margin-bottom:1rem;font-size:1.02rem}

.sec--why{background:var(--secondary-soft)}
.why-in{max-width:1280px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.why-img{border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-lg)}
.why-img img{transition:transform .6s var(--ease)}
.why-img:hover img{transform:scale(1.05)}
.why-txt h2{margin-bottom:1rem}
.why-txt p{margin-bottom:1rem;font-size:1.02rem}


.faq{margin-top:2.2rem;display:flex;flex-direction:column;gap:1rem;max-width:820px}
.faq details{
  background:#fff;border:1px solid var(--border-soft);border-radius:var(--r-md);padding:1.1rem 1.4rem;
  transition:box-shadow .35s ease, border-color .35s ease;
}
.faq details[open]{box-shadow:var(--sh-md);border-color:var(--primary-40)}
.faq summary{font-weight:700;font-family:'Urbanist',sans-serif;cursor:pointer;list-style:none;font-size:1.02rem;color:var(--secondary)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"+";float:right;color:var(--primary);font-size:1.3rem;transition:transform .3s ease}
.faq details[open] summary::before{transform:rotate(45deg)}
.faq p{margin-top:.8rem;font-size:.95rem}


.sec--cta{background:linear-gradient(135deg, var(--secondary), var(--secondary-90))}
.cta-box{max-width:800px;margin:0 auto;text-align:center;color:#fff}
.cta-box h2{color:#fff;margin-bottom:1rem;font-size:clamp(1.6rem,3.4vw,2.3rem)}
.cta-box p{color:rgba(255,255,255,.8);margin-bottom:1.8rem;font-size:1.05rem}


.page-hero{padding:clamp(3rem,7vw,5rem) 1.5rem 2.5rem;background:var(--secondary-soft)}
.page-hero-in{max-width:900px;margin:0 auto;text-align:left}
.page-hero-in h1{font-size:clamp(2rem,4vw,3rem);margin:.6rem 0}
.page-hero-in p{font-size:1.05rem;max-width:60ch}


.sec--contact{padding-top:1rem}
.contact-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr;gap:3rem;align-items:start}
.contact-form-wrap h2{margin-bottom:.5rem}
.contact-note{font-size:.92rem;margin-bottom:1.6rem;color:var(--muted)}
.contact-side{display:flex;flex-direction:column;gap:1.6rem}
.contact-info-card{background:#fff;border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:1.8rem;box-shadow:var(--sh-sm)}
.contact-info-card h3{margin-bottom:1rem}
.contact-info-card p{margin-bottom:.7rem;font-size:.95rem;display:flex;gap:.6rem}
.contact-map{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-sm);border:1px solid var(--border-soft)}
.contact-urgent{background:var(--accent-soft);border-radius:var(--r-lg);padding:1.6rem;border:1px solid color-mix(in oklch, var(--accent), white 40%)}
.contact-urgent i{color:var(--primary);font-size:1.3rem;margin-bottom:.6rem;display:block}
.contact-urgent h4{margin-bottom:.5rem;font-size:1rem}
.contact-urgent p{font-size:.9rem}
.contact-photo{max-width:1280px;margin:3rem auto 0;border-radius:var(--r-xl);box-shadow:var(--sh-lg)}


.frm{display:flex;flex-direction:column;gap:1rem}
.frm-acc{border:1px solid var(--border-soft);border-radius:var(--r-md);overflow:hidden;background:#fff;box-shadow:var(--sh-sm)}
.frm-acc-h{
  width:100%;text-align:left;padding:1.1rem 1.4rem;font-weight:700;font-family:'Urbanist',sans-serif;
  display:flex;justify-content:space-between;align-items:center;color:var(--secondary);
  background:var(--primary-10);transition:background .3s ease;
}
.frm-acc-h i{transition:transform .3s var(--ease)}
.frm-acc-h.open i{transform:rotate(180deg)}
.frm-acc-b{max-height:0;overflow:hidden;transition:max-height .5s var(--ease);padding:0 1.4rem;display:flex;flex-direction:column;gap:1rem}
.frm-acc-b.open,.frm-acc-b[style]{padding:1.2rem 1.4rem}
label{display:flex;flex-direction:column;gap:.4rem;font-size:.92rem;font-weight:500;color:var(--secondary)}
input[type=text],input[type=email],textarea{
  padding:.85rem 1rem;border-radius:var(--r-sm);border:1.5px solid var(--border-mid);font-family:inherit;font-size:.96rem;
  transition:border-color .3s ease, box-shadow .3s ease;background:var(--bg);
}
input:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-10)}
.frm-chk{flex-direction:row;align-items:flex-start;gap:.7rem;font-size:.9rem}
.frm-chk input{width:20px;height:20px;flex-shrink:0;margin-top:.15rem}
.frm-chk a{color:var(--primary);font-weight:700;text-decoration:underline}
.frm-submit{align-self:flex-start;margin-top:.6rem}


.ftr{background:var(--secondary);color:rgba(255,255,255,.85);position:relative;padding:4rem 1.5rem 1.5rem;}
.ftr-in{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2.5rem}
.ftr-col h4{color:#fff;margin-bottom:1.1rem;font-size:1rem}
.ftr-col a,.ftr-link-btn{display:block;color:rgba(255,255,255,.7);margin-bottom:.7rem;font-size:.92rem;transition:color .3s ease, transform .3s ease;text-align:left}
.ftr-col a:hover,.ftr-link-btn:hover{color:var(--accent);transform:translateX(3px)}
.ftr-brand{display:flex;flex-direction:column;gap:.5rem}
.ftr-brand-name{font-family:'Urbanist',sans-serif;font-weight:800;font-size:1.2rem;color:#fff;margin-top:.4rem}
.ftr-brand p{font-size:.9rem;color:rgba(255,255,255,.65)}
.ftr-col p{font-size:.9rem;display:flex;gap:.6rem;color:rgba(255,255,255,.75);margin-bottom:.7rem}
.ftr-bottom{max-width:1280px;margin:2.5rem auto 0;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.12);font-size:.85rem;color:rgba(255,255,255,.55)}
.back-top{
  position:fixed;bottom:6rem;right:1.6rem;width:52px;height:52px;border-radius:50%;background:var(--primary);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:var(--sh-lg);z-index:140;
  opacity:0;pointer-events:none;transform:translateY(20px);
  transition:all .4s var(--ease);
}
.back-top.show{opacity:1;pointer-events:all;transform:translateY(0)}
.back-top:hover{background:var(--primary-hover);transform:translateY(-4px) scale(1.05)}
@media(max-width:900px){.back-top{bottom:6.5rem}}


.lgl{max-width:1280px;margin:0 auto;padding:3.5rem 1.5rem 5rem;display:grid;grid-template-columns:260px 1fr;gap:3rem;align-items:start}
.lgl-nav{position:sticky;top:100px;display:flex;flex-direction:column;gap:.7rem}
.lgl-updated{font-size:.8rem;color:var(--muted);margin-bottom:.6rem}
.lgl-nav a{font-size:.9rem;color:var(--muted);padding:.4rem .7rem;border-radius:var(--r-sm);transition:all .3s ease;border-left:2px solid transparent}
.lgl-nav a:hover{color:var(--primary);background:var(--primary-10);border-left-color:var(--primary)}
.lgl-content h1{margin-bottom:1rem}
.lgl-intro{margin-bottom:2rem;font-size:1.02rem;color:var(--muted)}
.lgl-content section,.lgl-block{margin-bottom:2.4rem}
.lgl-content h2{font-size:1.3rem;margin-bottom:.7rem}
.lgl-block h3{font-size:1.15rem;margin-bottom:.6rem}
.lgl-content p{font-size:.98rem}
.lgl--simple{grid-template-columns:1fr}
.lgl-content--full{max-width:820px;margin:0 auto}


.thanks-sec{max-width:640px;margin:0 auto;padding:5rem 1.5rem 6rem;text-align:center}
.envelope{width:180px;height:130px;margin:0 auto 2rem;position:relative}
.envelope-body{
  width:100%;height:100%;background:var(--primary-10);border:2px solid var(--primary-40);border-radius:var(--r-md);
  position:relative;overflow:visible;
}
.envelope-flap{
  position:absolute;top:0;left:0;width:100%;height:0;border-left:90px solid transparent;border-right:90px solid transparent;
  border-top:70px solid var(--primary);transform-origin:top center;
  animation:flapOpen 1.2s var(--ease) forwards .3s;
}
@keyframes flapOpen{0%{transform:rotateX(0deg)}100%{transform:rotateX(180deg)}}
.envelope-letter{
  position:absolute;bottom:10px;left:50%;width:120px;height:80px;background:#fff;border:1.5px solid var(--border-mid);
  border-radius:var(--r-sm);transform:translate(-50%,0) scale(.9);box-shadow:var(--sh-md);
  animation:letterUp 1.2s var(--ease) forwards 1.1s;opacity:0;
}
@keyframes letterUp{0%{opacity:0;transform:translate(-50%,20px) scale(.9)}100%{opacity:1;transform:translate(-50%,-60px) scale(1)}}
.thanks-sec h1{margin-bottom:1rem;opacity:0;animation:none}
.thanks-sec p{margin-bottom:2rem;max-width:52ch;margin-left:auto;margin-right:auto}


.ck-overlay{position:fixed;inset:0;background:rgba(27,42,58,.45);z-index:800;opacity:0;pointer-events:none;transition:opacity .4s ease;backdrop-filter:blur(2px)}
.ck-overlay.show{opacity:1;pointer-events:all}
.ck-panel{
  position:fixed;top:0;right:0;height:100%;width:300px;max-width:88vw;background:#fff;z-index:900;
  padding:2rem 1.4rem;display:flex;flex-direction:column;gap:1.2rem;box-shadow:var(--sh-xl);
  transform:translateX(100%);transition:transform .5s var(--ease);overflow-y:auto;
}
.ck-panel.show{transform:translateX(0)}
.ck-head{display:flex;align-items:center;gap:.7rem}
.ck-head i{font-size:1.4rem;color:var(--primary)}
.ck-head h3{font-size:1.15rem}
.ck-desc{font-size:.88rem;color:var(--muted)}
.ck-cat{display:flex;flex-direction:column;gap:1rem}
.ck-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem;padding-bottom:1rem;border-bottom:1px solid var(--border-soft)}
.ck-row strong{font-size:.92rem;display:block;margin-bottom:.2rem}
.ck-row p{font-size:.8rem;color:var(--muted)}
.ck-switch{position:relative;width:42px;height:24px;flex-shrink:0}
.ck-switch input{opacity:0;width:0;height:0}
.ck-switch span{position:absolute;inset:0;background:var(--border-mid);border-radius:var(--r-full);transition:background .3s ease;cursor:pointer}
.ck-switch span::before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:var(--sh-sm)}
.ck-switch input:checked + span{background:var(--primary)}
.ck-switch input:checked + span::before{transform:translateX(18px)}
.ck-switch input:disabled + span{opacity:.6;cursor:not-allowed}
.ck-actions{display:flex;flex-direction:column;gap:.7rem}
.ck-actions .btn{width:100%;justify-content:center}
.ck-more{font-size:.82rem;color:var(--primary);text-decoration:underline;text-align:center}


@media(max-width:1100px){
  .bento{grid-template-columns:repeat(2,1fr)}
  .crd--a{grid-column:span 2;grid-row:auto}
  .crd--b,.crd--e,.crd--f{grid-column:span 2}
  .crd--c,.crd--d{grid-column:span 1}
  .proc{grid-template-columns:repeat(2,1fr)}
  .badges{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .hdr-nav,.hdr-cta{display:none}
  .hdr-burger{display:flex}
  .btm-nav{display:flex}
  .hero-in{grid-template-columns:1fr}
  .hero-img{order:-1}
  .split-in,.why-in{grid-template-columns:1fr}
  .why-img,.split-img{order:-1}
  .contact-grid{grid-template-columns:1fr}
  .lgl{grid-template-columns:1fr}
  .lgl-nav{position:static;flex-direction:row;flex-wrap:wrap}
  .ftr-in{grid-template-columns:1fr 1fr}
  body{padding-bottom:60px}
}
@media(max-width:640px){
  .bento{grid-template-columns:1fr}
  .crd--a,.crd--b,.crd--c,.crd--d,.crd--e,.crd--f{grid-column:span 1}
  .proc{grid-template-columns:1fr}
  .badges{grid-template-columns:1fr}
  .ftr-in{grid-template-columns:1fr}
  .hero-cta{flex-direction:column;align-items:stretch}
  .hero-cta .btn{justify-content:center}
}