:root{--ink:#18131d;--plum:#45304f;--plum2:#72517c;--paper:#fbf8f2;--cream:#f2eee5;--orange:#f0522d;--blue:#075de7;--line:rgba(24,19,29,.14);--shadow:0 22px 60px rgba(31,22,36,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;max-width:100%}.shell{width:min(1160px,calc(100% - 40px));margin:0 auto}.nav{position:sticky;top:0;z-index:20;background:rgba(251,248,242,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.nav-logo{width:178px}.nav-links{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:700}.nav-links a{text-decoration:none}.nav-links a:hover{color:var(--plum2)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font-weight:800;transition:.2s ease}.button:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(24,19,29,.18)}.button.light{background:#fff;color:var(--ink)}.button.orange{background:var(--orange);border-color:var(--orange)}.button.blue{background:var(--blue);border-color:var(--blue)}.eyebrow{margin:0 0 18px;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900;color:var(--plum2)}
.hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:72px;padding:88px 0 108px}.hero h1,.page-hero h1{margin:0;font-size:clamp(52px,7vw,96px);line-height:.96;letter-spacing:-.055em}.hero p,.page-hero p{max-width:670px;margin:28px 0 34px;font-size:clamp(18px,2vw,24px);line-height:1.5;color:#514a55}.hero-mark{position:relative;padding:62px 54px;border-radius:42% 58% 62% 38%/42% 38% 62% 58%;background:#eee6f1}.hero-mark:before{content:"";position:absolute;inset:-24px 44px auto -28px;height:90px;border:1px solid #ccb9d3;border-radius:50%;transform:rotate(-12deg)}.hero-mark img{position:relative;z-index:1}.section{padding:110px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:44px}.section h2{margin:0;font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-.045em}.section-head p{margin:0;color:#5b555e;font-size:18px;line-height:1.65}
.brands{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.brand-card{min-height:400px;display:flex;flex-direction:column;justify-content:space-between;padding:26px;border:1px solid var(--line);border-radius:28px;text-decoration:none;background:#fff;overflow:hidden;transition:.24s ease}.brand-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.brand-visual{height:210px;display:grid;place-items:center;border-radius:20px;overflow:hidden}.brand-visual img{width:78%;max-height:116px;object-fit:contain}.brand-card.tcb .brand-visual{background:#f1eee7}.brand-card.munch .brand-visual{background:#fff4e8}.brand-card.esellr .brand-visual{background:#eef5ff}.brand-card h3{margin:26px 0 8px;font-size:24px}.brand-card p{margin:0;color:#67606a;line-height:1.55}.brand-arrow{align-self:flex-end;display:grid;place-items:center;width:44px;height:44px;margin-top:18px;border-radius:50%;background:var(--ink);color:#fff;font-size:22px}
.belief{background:var(--ink);color:#fff}.belief-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:start}.belief blockquote{margin:0;font-size:clamp(34px,5vw,64px);line-height:1.08;letter-spacing:-.04em}.belief p{color:#c9c2cc;font-size:18px;line-height:1.75}.page-hero{padding:96px 0 70px}.page-hero.center{text-align:center}.page-hero.center p{margin-left:auto;margin-right:auto}.munch-hero{background:#fff4e8}.hero-image{width:min(1240px,calc(100% - 40px));margin:0 auto 100px;border-radius:32px;overflow:hidden;box-shadow:var(--shadow)}.hero-image img{width:100%;aspect-ratio:2/1;object-fit:cover}.lab-note{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-bottom:110px}.lab-note h2{font-size:clamp(42px,6vw,76px);margin:0;letter-spacing:-.05em;line-height:1}.lab-note p{font-size:20px;line-height:1.7;color:#5e5350}
.esellr-hero{background:linear-gradient(145deg,#f2f7ff 0%,#fff 70%)}.esellr-logo{width:min(540px,80%);margin:0 auto 48px}.split-cta{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:110px}.cta-card{min-height:340px;padding:42px;border-radius:28px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.cta-card.dark{background:#082045;color:#fff}.cta-card h2{margin:0 0 18px;font-size:38px;letter-spacing:-.04em}.cta-card p{color:#686270;line-height:1.6}.cta-card.dark p{color:#c8d6eb}.meeting{padding:80px 0 110px}.meeting-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.meeting h1{margin:0;font-size:clamp(48px,7vw,84px);line-height:.98;letter-spacing:-.05em}.meeting-copy p{color:#5c5660;font-size:19px;line-height:1.65}.form{padding:34px;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:8px;margin-bottom:18px}.field.full{grid-column:1/-1}label{font-size:13px;font-weight:800}input,textarea{width:100%;border:1px solid #cfc8d1;border-radius:12px;padding:14px 15px;background:#fff;color:var(--ink);font:inherit}textarea{min-height:120px;resize:vertical}.form-note{color:#77717a;font-size:12px;line-height:1.5}footer{padding:32px 0 46px;border-top:1px solid var(--line);color:#6d6670;font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:24px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:820px){.nav-links a:not(.button){display:none}.nav-logo{width:145px}.hero,.section-head,.belief-grid,.lab-note,.meeting-grid{grid-template-columns:1fr;gap:44px}.hero{padding-top:60px;min-height:auto}.hero-mark{max-width:520px}.brands,.split-cta{grid-template-columns:1fr}.brand-card{min-height:340px}.section,.meeting{padding:76px 0}}@media(max-width:560px){.shell{width:min(100% - 26px,1160px)}.nav-inner{height:72px}.nav-links .button{min-height:42px;padding:0 14px;font-size:12px}.hero h1,.page-hero h1,.meeting h1{font-size:48px}.hero-mark{padding:44px 32px}.field-grid{grid-template-columns:1fr}.form{padding:22px}.footer-inner{flex-direction:column}}
