:root{
  --uicore-primary-color:#E64A40;
  --uicore-secondary-color:#B93630;
  --uicore-accent-color:#F3C44E;
  --uicore-headline-color:#181412;
  --uicore-body-color:#4E4540;
  --uicore-dark-color:#181412;
  --uicore-light-color:#F7F0E1;
  --uicore-white-color:#FFFFFF;

  --uicore-primary-font-family:'Shrikhand', serif;
  --uicore-secondary-font-family:'DM Sans', sans-serif;
  --uicore-text-font-family:'DM Sans', sans-serif;
  --uicore-accent-font-family:'Shrikhand', serif;

  --wrap:1180px;
  --line:2px;
  --radius-sm:14px;
  --radius-md:22px;
  --radius-lg:34px;
  --shadow:8px 8px 0 var(--uicore-headline-color);
  --section:clamp(4rem,7vw,6.5rem);
  --body:1rem;
  --lead:clamp(1.05rem,1.6vw,1.25rem);
  --h1:clamp(2.2rem,4.6vw,4rem);
  --h2:clamp(2.2rem,5vw,4.6rem);
  --h3:clamp(1.2rem,2.1vw,1.8rem);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--uicore-text-font-family);font-size:var(--body);line-height:1.65;color:var(--uicore-body-color);background:var(--uicore-light-color);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--uicore-accent-color);outline-offset:4px}

h1,h2{font-family:var(--uicore-primary-font-family);font-weight:400;line-height:.98;color:var(--uicore-headline-color);margin:0}
h1{font-size:var(--h1);letter-spacing:-.03em}
h2{font-size:var(--h2);letter-spacing:-.02em}
h3{font-size:var(--h3);line-height:1.18;color:var(--uicore-headline-color);margin:0;font-weight:700}
p{margin:0}
.lead{font-size:var(--lead)}
.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-size:.76rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--uicore-primary-color);margin-bottom:1rem}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--uicore-primary-color)}

.wrap{width:min(calc(100% - 2rem),var(--wrap));margin-inline:auto}
.section{padding-block:var(--section)}
.section--white{background:var(--uicore-white-color)}
.section--cream{background:var(--uicore-light-color)}
.section--red{background:var(--uicore-primary-color);color:var(--uicore-white-color)}
.section--dark{background:var(--uicore-dark-color);color:var(--uicore-light-color)}
.section__head{max-width:780px;margin-bottom:clamp(1.8rem,4vw,3rem)}
.section__head p{margin-top:1rem}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,3rem)}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}
.stack{display:grid;gap:1rem}
.center{text-align:center}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:50px;padding:.82rem 1.2rem;border:var(--line) solid var(--uicore-headline-color);border-radius:999px;background:var(--uicore-accent-color);color:var(--uicore-headline-color);box-shadow:4px 4px 0 var(--uicore-headline-color);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:transform .2s ease, box-shadow .2s ease, background .2s ease}
.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--uicore-headline-color)}
.btn--red{background:var(--uicore-primary-color);color:var(--uicore-white-color)}
.btn--light{background:var(--uicore-white-color)}
.btn--ghost{background:transparent}

.spark{display:inline-block;width:12px;height:12px;background:var(--uicore-accent-color);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}
.ball8{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--uicore-dark-color);flex:0 0 auto}
.ball8::after{content:"8";width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--uicore-white-color);color:var(--uicore-dark-color);font-size:.68rem;font-weight:700}

.header{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--uicore-light-color) 92%,transparent);backdrop-filter:blur(14px);border-bottom:var(--line) solid var(--uicore-headline-color)}
.header__inner{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;min-height:78px}
.logo-link{display:flex;align-items:center;gap:.85rem;min-width:0}
.logo-link img{width:56px;height:56px;object-fit:contain;border-radius:14px}
.logo-link span{font-family:var(--uicore-primary-font-family);font-size:1.25rem;color:var(--uicore-headline-color);white-space:nowrap}
.nav{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}
.nav a{font-size:.77rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:color .2s ease}
.nav a:hover,.nav a.is-current{color:var(--uicore-primary-color)}
.header__actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}
.header__cta{min-height:44px;padding:.72rem 1rem;font-size:.72rem;letter-spacing:.12em}
.menu-btn{display:none;width:46px;height:46px;border-radius:50%;border:var(--line) solid var(--uicore-headline-color);background:var(--uicore-white-color);place-items:center;color:var(--uicore-headline-color)}
.menu-btn span,.menu-btn span::before,.menu-btn span::after{display:block;width:18px;height:2px;background:currentColor;position:relative}
.menu-btn span::before,.menu-btn span::after{content:"";position:absolute;left:0}.menu-btn span::before{top:-6px}.menu-btn span::after{top:6px}

.hero{position:relative;overflow:hidden;padding:clamp(3.2rem,7vw,6rem) 0 clamp(3.5rem,7vw,6rem);background:var(--uicore-light-color)}
.hero::before{content:"";position:absolute;right:-10rem;top:-11rem;width:24rem;height:24rem;border-radius:50%;background:var(--uicore-accent-color);opacity:.36}
.hero::after{content:"";position:absolute;left:-8rem;bottom:-8rem;width:18rem;height:18rem;border-radius:50%;background:var(--uicore-primary-color);opacity:.12}
.hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);align-items:center;gap:clamp(2.5rem,6vw,5.5rem)}
.hero__title{font-size:clamp(2.35rem,4.4vw,4rem);line-height:1.01}.hero__copy .lead{margin-top:1.35rem;max-width:610px}
.hero__kicker{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem;font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--uicore-primary-color)}
.hero__actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.7rem}
.hero__mini{display:flex;gap:1rem 1.5rem;flex-wrap:wrap;margin-top:1.35rem;font-size:.84rem;font-weight:600;color:var(--uicore-headline-color)}
.hero__mini span{display:flex;align-items:center;gap:.45rem}
.hero__mini i{width:7px;height:7px;border-radius:50%;background:var(--uicore-primary-color)}
.hero__visual{position:relative;display:grid;place-items:center;min-height:540px}
.quote-badge{position:absolute;z-index:4;max-width:220px;background:var(--uicore-white-color);color:var(--uicore-headline-color);border:var(--line) solid var(--uicore-headline-color);border-radius:20px;padding:.9rem 1rem;box-shadow:6px 6px 0 var(--uicore-headline-color);font-family:var(--uicore-primary-font-family);font-size:1rem;line-height:1.08}
.quote-badge--one{left:-6px;top:20px;transform:rotate(-5deg)}
.quote-badge--two{right:-6px;bottom:22px;transform:rotate(5deg);background:var(--uicore-accent-color)}
.hero__stamp{position:absolute;right:32px;top:22px;width:92px;background:var(--uicore-white-color);border:var(--line) solid var(--uicore-headline-color);border-radius:24px;padding:.5rem;transform:rotate(5deg)}


.machine{
  --cabinet:#2b2928;
  --cabinet-hi:#47423f;
  --cabinet-edge:#11100f;
  --trim:#d8c9aa;
  position:relative;
  width:min(100%,336px);
  margin-inline:auto;
  padding-bottom:18px;
  filter:drop-shadow(0 18px 0 color-mix(in srgb,var(--uicore-dark-color) 10%,transparent)) drop-shadow(0 26px 24px color-mix(in srgb,var(--uicore-dark-color) 16%,transparent));
}
.machine--red{--cabinet:#bb3934;--cabinet-hi:#e55b52;--trim:#ead28d}
.machine--cream{--cabinet:#d9ceb9;--cabinet-hi:#f5edde;--trim:#be4a42}
.machine__top{
  position:relative;
  width:78%;
  margin:0 auto -2px;
  min-height:104px;
  display:grid;
  place-items:center;
  padding:1.25rem .85rem 1rem;
  overflow:hidden;
  border:3px solid var(--cabinet-edge);
  border-bottom:0;
  border-radius:58px 58px 18px 18px;
  background:linear-gradient(180deg,var(--cabinet-hi),var(--cabinet));
  box-shadow:inset 0 8px 10px color-mix(in srgb,var(--uicore-white-color) 16%,transparent),inset 0 -10px 14px color-mix(in srgb,var(--uicore-dark-color) 14%,transparent);
}
.machine__top::before{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:48px 48px 12px 12px;
  border:2px solid var(--trim);
  box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--uicore-dark-color) 10%,transparent);
}
.machine__top::after{
  content:"";
  position:absolute;
  left:22px;right:22px;top:11px;height:18px;
  border-radius:999px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--uicore-white-color) 42%,transparent),transparent);
}
.machine__title{
  position:relative;z-index:1;
  display:block;
  max-width:220px;
  font-family:var(--uicore-primary-font-family);
  font-size:clamp(1rem,1.9vw,1.38rem);
  line-height:1.05;
  text-align:center;
  color:var(--uicore-white-color);
  text-shadow:2px 2px 0 var(--cabinet-edge);
}
.machine--cream .machine__title{color:var(--uicore-primary-color)}
.machine__body{
  position:relative;
  border:3px solid var(--cabinet-edge);
  border-radius:28px;
  padding:18px 18px 30px;
  background:linear-gradient(90deg,var(--cabinet),var(--cabinet-hi) 48%,var(--cabinet) 100%);
  box-shadow:inset 8px 0 12px color-mix(in srgb,var(--uicore-white-color) 7%,transparent),inset -8px 0 12px color-mix(in srgb,var(--uicore-dark-color) 12%,transparent),inset 0 -14px 18px color-mix(in srgb,var(--uicore-dark-color) 16%,transparent);
}
.machine__body::before{
  content:"";
  position:absolute;
  inset:10px 12px auto;
  height:16px;
  border-radius:999px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--uicore-white-color) 35%,transparent),transparent);
}
.machine__body::after{
  content:"";
  position:absolute;
  left:50%;bottom:9px;
  width:132px;height:10px;
  transform:translateX(-50%);
  border-radius:2px 2px 8px 8px;
  background:linear-gradient(180deg,#0e0d0c,#2a2724);
  box-shadow:0 2px 0 color-mix(in srgb,var(--uicore-white-color) 8%,transparent);
}
.machine__panel{
  position:relative;
  padding:12px 12px 10px;
  border:3px solid #0c0b0a;
  border-radius:18px;
  background:linear-gradient(180deg,#20201f,#0e0d0c);
  box-shadow:inset 0 0 0 2px #5f5a52,0 10px 18px color-mix(in srgb,var(--uicore-dark-color) 26%,transparent);
}
.reel-window{
  position:relative;
  display:grid;
  grid-template-columns:.92fr 1.16fr .92fr;
  gap:8px;
  height:198px;
  padding:0 8px;
  overflow:hidden;
  border:4px solid #777168;
  border-radius:14px;
  background:linear-gradient(180deg,#cbc5ba 0%,#eeeae3 18%,#ffffff 48%,#eeeae3 82%,#c7c0b4 100%);
  box-shadow:inset 0 0 0 3px #efebe4,inset 0 0 22px color-mix(in srgb,var(--uicore-dark-color) 18%,transparent),0 2px 0 #0b0a09;
}
.reel-window::before{
  content:"";
  position:absolute;
  left:4px;right:4px;top:50%;
  height:66px;
  transform:translateY(-50%);
  border-top:2px solid #d53b34;
  border-bottom:2px solid #d53b34;
  background:linear-gradient(180deg,color-mix(in srgb,var(--uicore-accent-color) 10%,transparent),transparent 35% 65%,color-mix(in srgb,var(--uicore-accent-color) 10%,transparent));
  z-index:7;
  pointer-events:none;
}
.reel-window::after{
  content:"";
  position:absolute;inset:0;
  z-index:8;pointer-events:none;
  background:linear-gradient(180deg,color-mix(in srgb,var(--uicore-dark-color) 30%,transparent),transparent 19%,transparent 79%,color-mix(in srgb,var(--uicore-dark-color) 28%,transparent)),linear-gradient(108deg,transparent 0 35%,color-mix(in srgb,var(--uicore-white-color) 34%,transparent) 43%,transparent 51% 100%);
}
.reel{
  position:relative;
  overflow:hidden;
  border-radius:5px;
  border-left:1px solid #c9c3b7;
  border-right:1px solid #c9c3b7;
  background:linear-gradient(180deg,#faf8f3,#ffffff 52%,#f4f0e8);
}
.reel__track{position:absolute;left:0;right:0;top:0;will-change:transform}
.symbol{
  height:66px;
  display:grid;
  place-items:center;
  border-bottom:1px solid #ddd7cd;
  background:linear-gradient(180deg,#fffefb,#f5f1e9);
}
.symbol--cherry,.symbol--star,.symbol--eight{font-size:0;position:relative}
.symbol--eight::before{
  content:"8";
  width:40px;height:40px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#151413;
  color:#fff;
  font-size:.76rem;font-weight:700;
  box-shadow:inset 0 0 0 8px #fff,0 2px 5px color-mix(in srgb,var(--uicore-dark-color) 18%,transparent);
}
.symbol--cherry::before{
  content:"";
  width:20px;height:20px;
  border-radius:50%;
  background:#e7443d;
  box-shadow:22px 3px 0 #e7443d;
  transform:translateX(-11px);
}
.symbol--cherry::after{
  content:"";
  position:absolute;
  width:30px;height:22px;
  border-top:3px solid #2a2826;
  border-right:3px solid #2a2826;
  border-radius:50%;
  transform:translate(4px,-14px) rotate(-18deg);
}
.symbol--star::before{content:"★";font-size:1.55rem;color:#e9b92f;text-shadow:0 1px 0 #6d5b27}
.symbol--ticket{padding:0;background:linear-gradient(180deg,#fffefb,#f3eee5)}
.ticket{
  width:100%;height:66px;
  display:grid;place-items:center;
  padding:5px 4px;
  overflow:hidden;
  border:2px solid #262321;
  border-radius:4px;
  background:linear-gradient(180deg,#fff,#f4efe5);
  box-shadow:inset 0 9px 0 color-mix(in srgb,var(--uicore-primary-color) 10%,transparent),inset 0 -6px 0 color-mix(in srgb,var(--uicore-accent-color) 10%,transparent);
}
.ticket strong{
  display:-webkit-box;
  text-align:center;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  padding:0 2px;
  font-size:.7rem;
  line-height:1.02;
  letter-spacing:0;
  font-weight:700;
  color:#25211f;
}
.machine__status{
  display:flex;align-items:center;justify-content:space-between;gap:.5rem;
  padding:9px 2px 0;
  color:#f8f3ea;
  font-size:.64rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
}
.machine--cream .machine__status{color:#fff}
.machine__lights{display:flex;gap:6px}.machine__lights i{display:block;width:8px;height:8px;border-radius:50%;background:#d7ad38;border:1px solid #6e5923;box-shadow:0 0 6px color-mix(in srgb,var(--uicore-accent-color) 45%,transparent)}
.machine__lever{position:absolute;right:-42px;top:41%;width:44px;height:148px;background:transparent;border:0;padding:0;z-index:10}
.lever__base{position:absolute;left:2px;bottom:14px;width:34px;height:48px;border-radius:12px;background:linear-gradient(180deg,#f1eee7,#beb7aa);border:3px solid #141312;box-shadow:inset 4px 0 0 #ddd8cf}
.lever__arm{position:absolute;left:15px;top:24px;width:10px;height:100px;border-radius:999px;background:linear-gradient(90deg,#b9b5ae,#f7f5f0 50%,#b9b5ae);border:3px solid #141312;transform-origin:50% 88%;transform:rotate(-8deg);transition:transform .24s ease}
.lever__knob{position:absolute;top:0;left:2px;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#ff8b82,#e84b42 50%,#b92d28);border:3px solid #141312;box-shadow:inset 5px 5px 0 color-mix(in srgb,#fff 20%,transparent)}
.machine.is-spinning .lever__arm{transform:rotate(34deg)}
.machine.is-spinning{animation:machineJolt .18s ease-in-out 0s 4 alternate}
.machine__foot{position:absolute;left:14%;right:14%;bottom:0;height:16px;border-radius:0 0 18px 18px;background:linear-gradient(180deg,#3b3734,#0e0d0c);border:2px solid #0d0c0b;border-top:0}
.machine--product .machine__panel{cursor:pointer}
.machine--product .machine__panel:hover{box-shadow:inset 0 0 0 2px #777168,0 10px 18px color-mix(in srgb,var(--uicore-dark-color) 26%,transparent),0 0 0 3px color-mix(in srgb,var(--uicore-accent-color) 18%,transparent)}

.card{background:var(--uicore-white-color);border:var(--line) solid var(--uicore-headline-color);border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.card--soft{box-shadow:6px 6px 0 var(--uicore-headline-color)}
.hero-card{padding:1.4rem}
.stat-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem .8rem;border-radius:999px;border:var(--line) solid var(--uicore-headline-color);font-size:.73rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--uicore-white-color);color:var(--uicore-headline-color)}

.quote-pin{display:inline-block;max-width:290px;padding:.85rem 1rem;border:2px solid var(--uicore-headline-color);border-radius:16px;background:var(--uicore-white-color);box-shadow:5px 5px 0 var(--uicore-headline-color);font-family:var(--uicore-primary-font-family);font-size:1rem;line-height:1.1;color:var(--uicore-headline-color);transform:rotate(-2deg)}
.quote-pin--gold{background:var(--uicore-accent-color);transform:rotate(2deg)}
.quote-pin--red{background:var(--uicore-primary-color);color:var(--uicore-white-color);transform:rotate(-1deg)}

.quote-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.quote-card{padding:1.15rem 1.1rem;border-radius:22px;background:var(--uicore-white-color);border:var(--line) solid var(--uicore-headline-color);box-shadow:5px 5px 0 var(--uicore-headline-color);font-family:var(--uicore-primary-font-family);font-size:1.1rem;line-height:1.12;color:var(--uicore-headline-color)}
.quote-card:nth-child(2n){background:var(--uicore-accent-color)}
.quote-card:nth-child(3n){background:var(--uicore-primary-color);color:var(--uicore-white-color)}
.quote-card:nth-child(4n){transform:rotate(-2deg)}
.quote-card:nth-child(5n){transform:rotate(2deg)}

.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.product-card{display:grid;grid-template-columns:1fr;gap:1rem;align-items:start;padding:1.4rem;overflow:visible}
.product-card:nth-child(2){background:var(--uicore-accent-color)}
.product-card:nth-child(3){background:var(--uicore-light-color)}
.product-card:nth-child(4){background:var(--uicore-primary-color);color:var(--uicore-white-color)}
.product-card:nth-child(4) h3,.product-card:nth-child(4) p{color:var(--uicore-white-color)}
.product-card .machine{width:min(100%,328px);max-width:none;margin-inline:auto;transform:none}
.product-machine-wrap{display:grid;justify-items:center;gap:.7rem;align-content:center}
.product-copy{display:grid;gap:.8rem;max-width:none}
.kicker-number{font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--uicore-primary-color)}
.product-card:nth-child(4) .kicker-number{color:var(--uicore-accent-color)}
.product-meta{display:flex;gap:.65rem;flex-wrap:wrap;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.product-link{display:inline-flex;align-items:center;gap:.45rem;border-bottom:2px solid currentColor;padding-bottom:.15rem;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}

.product-slot-link{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;margin-top:.2rem;padding:.68rem .95rem;border-radius:999px;border:2px solid var(--uicore-headline-color);background:var(--uicore-white-color);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--uicore-headline-color);box-shadow:4px 4px 0 var(--uicore-headline-color)}
.product-slot-link:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--uicore-headline-color)}
.machine--product{cursor:pointer}
.machine--product .machine__panel:hover{filter:brightness(1.02)}
.machine__hint{display:none}

.binder-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem)}
.book{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:420px;perspective:1700px;filter:drop-shadow(0 26px 0 color-mix(in srgb,var(--uicore-dark-color) 12%,transparent)) drop-shadow(0 26px 38px color-mix(in srgb,var(--uicore-dark-color) 16%,transparent))}
.book__cover{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--uicore-primary-color) 88%,var(--uicore-white-color) 12%),var(--uicore-primary-color));color:var(--uicore-white-color);border:3px solid var(--uicore-headline-color);border-radius:28px 0 0 28px;padding:1.5rem;position:relative;overflow:hidden}
.book__cover::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:var(--uicore-accent-color);right:-65px;bottom:-65px;opacity:.9}
.book__cover::before{content:"";position:absolute;left:14px;right:14px;top:10px;height:18px;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--uicore-white-color) 40%,transparent),transparent)}
.book__cover img{width:160px;position:relative;z-index:1;margin-bottom:1rem;background:var(--uicore-light-color);border-radius:18px;padding:.4rem;border:2px solid var(--uicore-headline-color)}
.book__cover strong{position:relative;z-index:1;font-family:var(--uicore-primary-font-family);font-size:2.1rem;line-height:1.05;text-shadow:3px 3px 0 var(--uicore-headline-color)}
.book__right{position:relative;background:linear-gradient(180deg,#fdfbf6,#fffefb);border:3px solid var(--uicore-headline-color);border-left:0;border-radius:0 28px 28px 0;overflow:hidden;cursor:pointer}
.book__right::before{content:"Click page corner to flip";position:absolute;right:16px;top:14px;z-index:30;padding:.35rem .6rem;border-radius:999px;background:var(--uicore-accent-color);border:2px solid var(--uicore-headline-color);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--uicore-headline-color)}
.book__rings{position:absolute;z-index:25;left:-9px;top:44px;bottom:44px;display:flex;flex-direction:column;justify-content:space-around}.book__rings i{display:block;width:30px;height:13px;border:3px solid var(--uicore-headline-color);border-radius:999px;background:var(--uicore-light-color)}
.page{position:absolute;inset:0;padding:3rem 2.3rem 2.4rem 2.6rem;background:var(--uicore-white-color);transform-origin:left center;transform-style:preserve-3d;backface-visibility:hidden;transition:transform .72s cubic-bezier(.2,.72,.2,1), opacity .36s ease, box-shadow .36s ease;border-left:1px solid color-mix(in srgb,var(--uicore-body-color) 18%,transparent);display:flex;flex-direction:column;justify-content:center;box-shadow:0 8px 18px color-mix(in srgb,var(--uicore-dark-color) 8%,transparent)}
.page::after{content:"";position:absolute;right:0;top:0;border-width:0 0 26px 26px;border-style:solid;border-color:transparent transparent color-mix(in srgb,var(--uicore-light-color) 80%,var(--uicore-dark-color) 20%) transparent}
.page:nth-of-type(2){background:var(--uicore-light-color)}
.page:nth-of-type(3){background:color-mix(in srgb,var(--uicore-accent-color) 72%,var(--uicore-white-color) 28%)}
.page:nth-of-type(4){background:var(--uicore-white-color)}
.page.is-flipped{transform:rotateY(-178deg);opacity:.16;pointer-events:none;box-shadow:none}
.page small{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--uicore-primary-color)}
.page h3{font-family:var(--uicore-primary-font-family);font-weight:400;font-size:2rem;margin:.55rem 0 .85rem}
.page p{font-size:.95rem}
.binder-copy{display:grid;gap:1rem}

.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}
.step{padding:1.55rem;border-radius:24px;border:2px solid color-mix(in srgb,var(--uicore-light-color) 26%,transparent);background:color-mix(in srgb,var(--uicore-white-color) 4%,transparent)}
.step__num{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--uicore-primary-color);color:var(--uicore-white-color);font-weight:700;margin-bottom:1rem}
.step h3{color:var(--uicore-white-color);margin-bottom:.5rem}.step p{color:var(--uicore-light-color)}
.big-quote{margin-top:2.8rem;font-family:var(--uicore-primary-font-family);font-size:clamp(2rem,4vw,3.6rem);line-height:1.08;color:var(--uicore-accent-color);max-width:760px}

.story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.story-poster{position:relative;min-height:470px;padding:1.8rem;background:var(--uicore-accent-color);border:var(--line) solid var(--uicore-headline-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:10px 10px 0 var(--uicore-headline-color)}
.story-poster::before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:var(--uicore-primary-color);left:-80px;top:-90px}
.story-poster::after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:var(--uicore-white-color);right:-70px;bottom:-60px}
.story-poster img{position:relative;z-index:2;width:180px;background:var(--uicore-light-color);border:2px solid var(--uicore-headline-color);border-radius:24px;padding:.55rem;transform:rotate(-5deg)}
.story-card{position:absolute;z-index:3;max-width:230px;background:var(--uicore-white-color);border:2px solid var(--uicore-headline-color);border-radius:18px;padding:1rem 1.1rem;font-family:var(--uicore-primary-font-family);font-size:1.28rem;line-height:1.12;box-shadow:5px 5px 0 var(--uicore-headline-color)}
.story-card--one{right:26px;top:52px;transform:rotate(5deg)}
.story-card--two{left:26px;bottom:38px;transform:rotate(-3deg);background:var(--uicore-primary-color);color:var(--uicore-white-color)}
.story-copy{display:grid;gap:1rem}.story-tags{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.4rem}.story-tags span{padding:.55rem .8rem;border:2px solid var(--uicore-headline-color);border-radius:999px;background:var(--uicore-white-color);font-size:.73rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--uicore-headline-color)}

.split-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,5vw,3rem);align-items:start}
.panel{padding:1.45rem}
.list-card{padding:1.2rem;border-radius:22px;background:var(--uicore-white-color);border:var(--line) solid var(--uicore-headline-color);display:grid;gap:.55rem}
.list-card h3{font-size:1.15rem}
.badge-row{display:flex;flex-wrap:wrap;gap:.55rem}.badge-row span{padding:.5rem .75rem;border-radius:999px;border:2px solid var(--uicore-headline-color);background:var(--uicore-white-color);font-size:.73rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}

.final-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem)}
.faq-list{display:grid;gap:.7rem;margin-top:1.2rem}
details{background:var(--uicore-white-color);border:2px solid var(--uicore-headline-color);border-radius:18px;padding:1rem 1.1rem}
summary{cursor:pointer;list-style:none;font-weight:700;color:var(--uicore-headline-color);padding-right:1.3rem;position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:0;top:0;font-size:1.3rem;line-height:1;color:var(--uicore-primary-color)}
details[open] summary::after{content:"–"}
details p{padding-top:.7rem;font-size:.93rem}
.signup{position:relative;overflow:hidden;padding:clamp(1.5rem,4vw,2.5rem);border-radius:var(--radius-lg);background:var(--uicore-dark-color);color:var(--uicore-light-color)}
.signup::after{content:"";position:absolute;right:-80px;top:-80px;width:180px;height:180px;border-radius:50%;background:var(--uicore-primary-color)}
.signup h2{position:relative;z-index:1;color:var(--uicore-white-color);font-size:clamp(2.1rem,4vw,3.6rem);margin-bottom:.9rem}
.signup p{position:relative;z-index:1}
.form{position:relative;z-index:1;display:grid;gap:.8rem;margin-top:1.4rem}.form__row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.form input,.form select,.form textarea{width:100%;border:2px solid var(--uicore-light-color);border-radius:12px;background:var(--uicore-white-color);color:var(--uicore-headline-color);padding:.85rem .9rem}.form textarea{min-height:120px;resize:vertical}

.icon-list{display:grid;gap:1rem}
.icon-item{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:.85rem;padding:1rem 1.1rem;border-radius:18px;background:var(--uicore-white-color);border:var(--line) solid var(--uicore-headline-color)}
.icon-dot{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--uicore-accent-color);color:var(--uicore-headline-color);font-weight:700}
.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.kpi{padding:1.1rem;border-radius:22px;background:var(--uicore-white-color);border:var(--line) solid var(--uicore-headline-color);text-align:center}.kpi strong{display:block;font-family:var(--uicore-primary-font-family);font-size:1.5rem;color:var(--uicore-primary-color)}
.product-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.showcase-card{padding:1.2rem;border-radius:24px;background:var(--uicore-white-color);border:var(--line) solid var(--uicore-headline-color);box-shadow:6px 6px 0 var(--uicore-headline-color);display:grid;gap:.8rem}.showcase-card .quote-inline{font-family:var(--uicore-primary-font-family);font-size:1rem;line-height:1.15;color:var(--uicore-primary-color)}
.note-banner{padding:1rem 1.1rem;border-radius:18px;background:var(--uicore-accent-color);border:var(--line) solid var(--uicore-headline-color);font-weight:700;color:var(--uicore-headline-color)}

.footer{background:var(--uicore-dark-color);color:var(--uicore-light-color);border-top:2px solid var(--uicore-headline-color);padding:2.3rem 0}
.footer__inner{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:2rem;align-items:start}
.footer__brand{display:flex;gap:1rem;align-items:center}.footer__brand img{width:76px;background:var(--uicore-light-color);border-radius:14px;padding:.35rem}.footer__brand strong{display:block;color:var(--uicore-white-color);font-family:var(--uicore-primary-font-family);font-size:1.35rem}.footer__brand span,.footer a{font-size:.82rem}
.footer__col strong{display:block;color:var(--uicore-accent-color);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.65rem}.footer__col a{display:block;margin:.35rem 0}.footer__bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid color-mix(in srgb,var(--uicore-light-color) 18%,transparent);margin-top:1.7rem;padding-top:1rem;font-size:.74rem}

@keyframes lightPulse{0%,100%{transform:scale(.9);opacity:.8}50%{transform:scale(1.08);opacity:1}}
@keyframes machineJolt{from{transform:translateX(-2px)}to{transform:translateX(2px)}}

@media(max-width:1080px){
  .quote-grid,.product-showcase,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:960px){
  .hero__grid,.binder-feature,.story-grid,.split-panel,.final-grid{grid-template-columns:1fr}
  .hero__copy{text-align:center;margin-inline:auto}.hero__actions,.hero__mini,.hero__kicker{justify-content:center}
  .hero__visual{min-height:500px}
  .product-grid,.step-grid,.grid-3,.kpi-grid{grid-template-columns:1fr}
  .product-card{grid-template-columns:1fr;text-align:center}.product-card:nth-child(even) .product-machine-wrap,.product-card:nth-child(even) .product-copy{order:initial}.product-copy{max-width:680px;margin-inline:auto}.product-meta{justify-content:center}
  .footer__inner{grid-template-columns:1fr 1fr}.footer__brand{grid-column:1/-1}
  .header__cta{display:inline-flex;min-height:40px;padding:.62rem .8rem;font-size:.66rem}
  .nav{display:none}
  .menu-btn{display:grid}
  .header.is-open .nav{display:flex;position:absolute;left:1rem;right:1rem;top:86px;background:var(--uicore-white-color);border:2px solid var(--uicore-headline-color);border-radius:18px;padding:1rem;box-shadow:6px 6px 0 var(--uicore-headline-color);flex-direction:column;align-items:flex-start}
}
@media(max-width:720px){
  .wrap{width:min(calc(100% - 1.2rem),var(--wrap))}
  .header__inner{min-height:72px;gap:.55rem}.logo-link img{width:42px;height:42px}.logo-link span{font-size:.92rem}.header__actions{gap:.45rem}.menu-btn{width:42px;height:42px}
  .hero__visual{min-height:430px;padding-inline:10px}.quote-badge{max-width:160px;font-size:.95rem}.quote-badge--one{left:0;top:8px}.quote-badge--two{right:0;bottom:8px}.hero__stamp{right:0;top:4px;width:76px}
  .machine{max-width:272px}.machine__lever{right:-14px}.machine__top{width:80%;min-height:92px}.machine__title{font-size:.98rem}.reel-window{height:180px}.symbol{height:60px}.ticket{height:50px}.ticket strong{font-size:.58rem}
  .product-grid,.quote-grid,.product-showcase,.grid-4{grid-template-columns:1fr}
  .product-card{grid-template-columns:1fr;gap:1rem;align-items:start;padding:1.25rem;text-align:center}.product-copy{display:grid;gap:.85rem;max-width:620px;margin-inline:auto}.product-meta{justify-content:center}
  .book{min-height:355px}.book__cover{padding:1rem}.book__cover img{width:118px}.book__cover strong{font-size:1.45rem}.book__right::before{font-size:.54rem;right:10px;top:10px;padding:.28rem .45rem}.page{padding:2rem 1.2rem 1.5rem 1.7rem}.page h3{font-size:1.45rem}.page p{font-size:.84rem}.book__rings{left:-7px}.book__rings i{width:24px;height:11px}
  .story-poster{min-height:390px;padding:1rem}.story-poster img{width:142px}.story-card{font-size:1.03rem;max-width:170px}.story-card--one{right:16px;top:34px}.story-card--two{left:18px;bottom:26px}
  .form__row,.footer__inner{grid-template-columns:1fr}.footer__brand{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}