/* EBD Innovations: hand-made theme on top of Bootstrap 5.3 */
:root{
  --navy:#062a63; --blue:#0a6cff; --sky:#9cc3ff; --note:#d9e8ff;
  --ink:#14213d; --muted:#4f5b70; --line:#d9dde4; --bg:#fff; --tint:#f5f5f5;
  --r:18px; --hard:4px 4px 0 var(--navy);
  --ff:"DM Sans","DM Sans Fallback",system-ui,sans-serif; --fh:"Bricolage Grotesque","Bricolage Fallback",var(--ff); --fw:"Caveat","Caveat Fallback",cursive;
  --ink-line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M3 9c30-6 62-7 96-3s70 3 98-2' fill='none' stroke='%230a6cff' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
  --ink-ring:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 60' preserveAspectRatio='none'%3E%3Cpath d='M30 10C80 0 185 4 194 26s-60 32-120 30S2 44 8 26 60 6 104 7' fill='none' stroke='%230a6cff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{font:400 1.05rem/1.65 var(--ff);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
html,body{overflow-x:clip}
h1,h2,h3,p,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--fh);line-height:1.05;letter-spacing:-.02em;color:var(--navy)}
h1{font-size:clamp(2.7rem,6.4vw,5rem);font-weight:800}
h2{font-size:clamp(2rem,4.2vw,3.2rem);font-weight:700}
h3{font-size:1.3rem;font-weight:700;margin-bottom:.5rem}
.container{--bs-gutter-x:2rem;max-width:calc(1200px + 2rem)}
.g-brand{--bs-gutter-x:1.4rem;--bs-gutter-y:1.6rem}
.lead{font-size:1.15rem;font-weight:400;color:var(--muted);max-width:54ch}
::selection{background:var(--blue);color:#fff}
:focus-visible{outline:2px dashed var(--blue);outline-offset:4px}

/* Hand-drawn accents */
.scribble{background:var(--ink-line) left bottom/100% .32em no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-bottom:.12em}
em{position:relative;font-style:normal;white-space:nowrap}
em::after{content:"";position:absolute;inset:-.12em -.35em -.08em;background:var(--ink-ring) center/100% 100% no-repeat;pointer-events:none}
.sec--dark em::after{filter:brightness(1.8) saturate(.6)}
.tag{display:inline-block;font:700 1.55rem/1 var(--fw);color:var(--blue);margin-bottom:.9rem;rotate:-2deg}
.tag--light{color:var(--sky)}
.num{display:inline-grid;place-items:center;width:52px;height:52px;margin-bottom:1.2rem;border:2px solid currentColor;border-radius:50% 46% 52% 44%/48% 52% 46% 50%;font:700 1.6rem/1 var(--fw);color:var(--blue);rotate:-6deg}

/* Buttons */
.btn{--bs-btn-padding-x:1.5rem;--bs-btn-padding-y:.9rem;--bs-btn-font-weight:700;--bs-btn-border-width:2px;--bs-btn-border-color:var(--navy);--bs-btn-hover-border-color:var(--navy);--bs-btn-active-border-color:var(--navy);--bs-btn-border-radius:12px;--bs-btn-focus-box-shadow:none;display:inline-flex;align-items:center;gap:.6rem;box-shadow:var(--hard);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--navy)}
.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--navy)}
.btn:focus-visible{outline:2px dashed var(--blue);outline-offset:4px}
.btn-sm{--bs-btn-padding-x:1rem;--bs-btn-padding-y:.5rem;--bs-btn-font-size:.95rem;box-shadow:3px 3px 0 var(--navy)}
.btn-brand{--bs-btn-color:#fff;--bs-btn-bg:var(--blue);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--blue);--bs-btn-active-color:#fff;--bs-btn-active-bg:var(--blue)}
.btn-ghost{--bs-btn-color:var(--navy);--bs-btn-bg:#fff;--bs-btn-hover-color:var(--navy);--bs-btn-hover-bg:#fff;--bs-btn-active-color:var(--navy);--bs-btn-active-bg:#fff}
.arr{width:14px;height:14px;position:relative;transition:transform .2s}
.arr::before{content:"";position:absolute;inset:0;border:solid currentColor;border-width:2px 2px 0 0;transform:rotate(45deg) scale(.7)}
.btn:hover .arr{transform:translateX(3px)}

/* Nav */
.site-nav{top:1rem;padding-inline:1rem}
.nav-pill{max-width:1200px;padding:.55rem .6rem .55rem 1.2rem;border-radius:16px;background:#fff;border:2px solid var(--navy);box-shadow:var(--hard)}
.nav-pill .navbar-brand{padding:0}
.nav-pill .navbar-brand img{height:41px;width:auto}
.nav-pill .navbar-nav{--bs-navbar-nav-link-padding-x:0;--bs-nav-link-padding-x:.6rem;--bs-nav-link-padding-y:.8rem}
.nav-pill .nav-link{color:var(--ink);font-weight:500;transition:color .2s}
.nav-pill .nav-link:hover,.nav-pill .nav-link:focus{color:var(--blue)}
.nav-toggle{display:grid;place-content:center;gap:5px;width:42px;height:42px;padding:0;border:0;border-radius:10px;background:var(--navy)}
.nav-toggle:focus{box-shadow:none}
.nav-toggle span{display:block;width:18px;height:2px;background:#fff;transition:transform .3s}
.nav-toggle:not(.collapsed) span:first-child{transform:translateY(3.5px) rotate(45deg)}
.nav-toggle:not(.collapsed) span:last-child{transform:translateY(-3.5px) rotate(-45deg)}

/* Hero */
.hero{position:relative;padding:clamp(8rem,16vw,11rem) 0 3rem;overflow:hidden}
.hero h1{margin-bottom:1.4rem}
.hero__cta{margin-top:2.2rem}
.hero__visual{position:relative;height:440px}
.note{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;rotate:-4deg;width:min(280px,72%);padding:2.6rem 1.6rem 2rem;background:var(--note);text-align:center;color:var(--navy);font:700 1.9rem/1.1 var(--fw);box-shadow:0 18px 30px -18px rgb(6 42 99/.45);z-index:2}
.note b{display:block;font:800 clamp(3.6rem,8vw,5rem)/1 var(--fh);letter-spacing:-.03em;margin-bottom:.4rem}
.note::before,.tile::before{content:"";position:absolute;top:-13px;left:50%;width:96px;height:28px;translate:-50% 0;rotate:-3deg;background:rgb(201 214 232/.75);border-inline:2px dotted rgb(255 255 255/.7)}
.sticker{position:absolute;display:grid;grid-template-columns:auto 1fr;column-gap:.9rem;align-items:center;padding:.8rem 1.3rem .8rem .8rem;line-height:1.2;background:#fff;border:2px solid var(--navy);border-radius:var(--r);box-shadow:var(--hard);font:700 1.2rem var(--fh);color:var(--navy);z-index:3;transition:rotate .3s}
.sticker small{grid-column:2;font:700 1.15rem/1 var(--fw);color:var(--blue)}
.sticker .ch{grid-row:span 2}
.sticker:hover{rotate:0deg}
.s1{top:2%;left:0;rotate:-5deg}
.s2{bottom:4%;right:0;rotate:4deg}
.doodle{position:absolute;right:8%;top:10%;width:110px;fill:none;stroke:var(--blue);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;rotate:12deg}
.ch{display:grid;place-items:center;width:46px;height:46px;border-radius:12px}
.ch svg{width:28px;height:28px}
.ch--amz{background:#131921}
.ch--amz path{fill:none;stroke:#ff9900;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ch--wmt{background:#0071dc}
.ch--wmt svg{fill:#ffc220}

/* Sections */
.sec{padding:clamp(5rem,10vw,8rem) 0}
.sec--tint{background:var(--tint)}
.sec--dark{background:var(--navy);color:#cfdaf0}
.sec--dark h2,.sec--dark h3{color:#fff}
.sec__head{max-width:760px;margin-bottom:3.5rem}
.sec__head p:not(.tag){color:var(--muted);font-size:1.12rem;margin-top:1.1rem}

/* Business model cards */
.tile{position:relative;padding:2.4rem 2rem 2rem;border-radius:6px;background:#fff;box-shadow:0 1px 0 var(--line),0 14px 28px -20px rgb(6 42 99/.5);transition:rotate .3s}
.tile p{color:var(--muted)}
.tile:hover{rotate:0deg!important}
.col-12:first-child .tile{rotate:.8deg}
.col-12:last-child .tile{rotate:-.6deg}
.tile--hero{rotate:-1.2deg;background:var(--blue);color:#e6efff;display:flex;flex-direction:column}
.tile--hero h3{color:#fff;font-size:1.8rem}
.tile--hero p{color:#e6efff;font-size:1.1rem}
.tile--hero .num{color:#fff}

/* Steps */
.step{position:relative;padding:2rem 1.6rem;background:#fff;border:2px solid var(--navy);border-radius:var(--r);box-shadow:var(--hard)}
.step p{color:var(--muted);font-size:.98rem}

/* Suppliers */
.split{--bs-gutter-x:2rem;--bs-gutter-y:3rem}
.split h2{margin-bottom:1rem}
.checks{display:grid;gap:.9rem}
.checks li{display:flex;align-items:center;gap:1rem;padding:1rem 1.3rem;border:2px solid var(--navy);border-radius:var(--r);background:#fff;box-shadow:var(--hard);font:700 1.2rem var(--fh);color:var(--navy);transition:transform .15s,box-shadow .15s}
.checks li:nth-child(odd){rotate:-.6deg}
.checks li:nth-child(even){rotate:.6deg}
.checks li:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--navy)}
.checks b{flex:none;width:2.4rem;font:700 1.7rem/1 var(--fw);color:var(--blue)}

/* MAP & payment */
.trust h2{font-size:clamp(1.7rem,3vw,2.4rem);margin-bottom:1.2rem}
.trust article{padding:clamp(1.8rem,4vw,3rem);border-radius:var(--r);border:2px dashed rgb(255 255 255/.25)}
.pay{gap:.7rem;margin-top:1.6rem}
.pay span{padding:.35rem 1.1rem;border-radius:10px;background:#fff;color:var(--navy);font-weight:700;box-shadow:3px 3px 0 var(--blue)}
.pay span:last-child{rotate:3deg}

/* CTA */
.cta h2{font-size:clamp(2.3rem,5.6vw,4.4rem);font-weight:700;max-width:18ch}
.cta__info{margin-top:clamp(2.5rem,6vw,4.5rem)}
.cta__card{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:1.1rem;align-items:center;padding:1.4rem 4.5rem 1.4rem 1.4rem;background:#fff;border:2px solid var(--navy);border-radius:var(--r);box-shadow:var(--hard);transition:transform .15s,box-shadow .15s}
.col-md-6:first-child .cta__card{rotate:-.8deg}
.col-md-6:last-child .cta__card{rotate:.8deg}
.cta__card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--navy)}
.cta__ico{grid-row:span 2;width:52px;height:52px;padding:12px;border-radius:12px;background:var(--note);fill:none;stroke:var(--navy);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cta__card span{font:700 1.35rem/1 var(--fw);color:var(--blue);margin-bottom:.35rem}
.cta__card b{font:700 clamp(1.05rem,2vw,1.3rem) var(--ff);color:var(--navy);overflow-wrap:anywhere}
.cta__arr{position:absolute;right:1.2rem;top:50%;translate:0 -50%;display:grid;place-items:center;width:40px;height:40px;border:2px solid var(--navy);border-radius:10px;background:var(--blue);color:#fff;font-style:normal;font-size:1.1rem;line-height:1;transition:transform .2s}
.cta__card:hover .cta__arr{transform:rotate(-8deg) scale(1.08)}

/* Footer */
.foot{padding:3rem 0;border-top:2px solid var(--navy);background:var(--tint)}
.foot img{width:90px}
.foot p{font-size:.9rem;color:var(--muted)}

.foot__meta{display:grid;gap:.5rem;justify-items:center}
.foot__info{white-space:normal}
.foot__social a,.foot__nav a{font-weight:700;color:var(--navy);font-size:.95rem}
.foot__social a:hover,.foot__nav a:hover{color:var(--blue)}
@media (min-width:768px){.foot__meta{justify-items:end;text-align:right}}

/* WordPress */
.skip-link{position:absolute;left:-9999px;top:0;z-index:2000;padding:.6rem 1rem;background:var(--navy);color:#fff}
.skip-link:focus{left:1rem;top:1rem}
.admin-bar .site-nav{top:calc(1rem + 32px)}
@media (max-width:782px){.admin-bar .site-nav{top:calc(1rem + 46px)}}
.ch--gen{background:var(--note)}
.ch--gen svg{fill:none;stroke:var(--navy);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.page-body{padding-top:clamp(9rem,16vw,11rem)}
.page-body h1{font-size:clamp(2.3rem,5vw,3.8rem)}
.entry{max-width:820px}
.entry__media{margin-bottom:2.5rem}
.entry__media img{border-radius:var(--r);border:2px solid var(--navy);box-shadow:var(--hard)}
.entry__content>*+*{margin-top:1.2rem}
.entry__content h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-top:2.5rem}
.entry__content h3{margin-top:2rem}
.entry__content a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.entry__content ul,.entry__content ol{padding-left:1.4rem}
.entry__content ul{list-style:disc}
.entry__content ol{list-style:decimal}
.entry__content blockquote{margin:0;padding:1.2rem 1.5rem;border-left:4px solid var(--blue);background:var(--tint);border-radius:6px}
.entry__content img{border-radius:var(--r)}
.alignleft{float:left;margin:0 1.5rem 1rem 0}
.alignright{float:right;margin:0 0 1rem 1.5rem}
.aligncenter{margin-inline:auto}
.wp-caption-text,.wp-element-caption{font-size:.9rem;color:var(--muted);margin-top:.5rem}
.step h3 a:hover{color:var(--blue)}
.pager .nav-links{display:flex;gap:.5rem;flex-wrap:wrap}
.pager .page-numbers{display:grid;place-items:center;min-width:42px;height:42px;padding:0 .8rem;border:2px solid var(--navy);border-radius:10px;font-weight:700;color:var(--navy)}
.pager .page-numbers.current{background:var(--blue);color:#fff}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* Motion */
.js .reveal{opacity:0;translate:0 24px;transition:opacity .7s,translate .7s cubic-bezier(.2,.8,.2,1)}
.js .reveal.is-in{opacity:1;translate:0 0}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;translate:none}}

/* Responsive (Bootstrap breakpoints) */
@media (min-width:768px){
  .nav-toggle{display:none}
  .nav-pill .navbar-nav{gap:1.6rem;--bs-nav-link-padding-y:0}
}
@media (min-width:992px){
  .split>:first-child{padding-right:2rem}
  .steps li:nth-child(even) .step{translate:0 1.5rem}
}
@media (max-width:991.98px){
  .hero__visual{height:380px}
}
@media (max-width:767.98px){
  .nav-pill .navbar-collapse{position:absolute;top:calc(100% + .6rem);left:-2px;right:-2px;border:2px solid var(--navy);border-radius:16px;background:#fff;box-shadow:var(--hard)}
  .nav-pill .navbar-nav{padding:1rem}
  .nav-pill .nav-link{border-bottom:1px dashed var(--line)}
  .nav-pill .btn{width:100%;justify-content:center;margin-top:1rem}
  .doodle{display:none}
  .s1{left:2%}.s2{right:2%}
}