@font-face{font-family:Archivo;src:url('/assets/archivo-black.ttf') format('truetype');font-weight:900;font-display:swap}
@font-face{font-family:Studio;src:url('/assets/studio-sans-regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Studio;src:url('/assets/studio-sans-bold.otf') format('opentype');font-weight:700;font-display:swap}
:root{--mint:#83e7a7;--ink:#00594f;--pink:#f9ccdf;--lilac:#efbafa;--yellow:#fbff92;--display:Archivo,'Arial Black',sans-serif;--body:Studio,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--mint);color:var(--ink);font:1.125rem/1.5 var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-underline-offset:5px}img{display:block;max-width:100%;height:auto}.pink{background:var(--pink)}.lilac{background:var(--lilac)}.yellow{background:var(--yellow)}.mint{background:var(--mint)}.dark{background:var(--ink);color:var(--yellow)}.skip{position:fixed;left:20px;top:-100px;background:var(--yellow);padding:15px;z-index:50}.skip:focus{top:15px}:focus-visible{outline:3px solid var(--ink);outline-offset:6px}.site-footer :focus-visible{outline-color:var(--yellow)}.site-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;min-height:98px;padding:20px 42px;border-bottom:1px solid #00594f2b}.nav-left{display:flex;gap:13px}.brand{font-family:var(--display);font-weight:900;font-size:2.25rem;letter-spacing:-.09em;line-height:1;text-decoration:none}.brand>span:first-child{margin-left:7px}.brand-dot{margin-left:2px}.nav-cta{justify-self:end}.pill{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:48px;max-width:100%;padding:12px 26px;border:1px solid var(--ink);border-radius:100px;box-shadow:-3px 4px 0 var(--ink);font-family:var(--display);font-size:.875rem;font-weight:900;text-transform:uppercase;line-height:1.25;text-decoration:none;text-align:center;transition:transform .2s,box-shadow .2s}.pill>span{font:1.4rem/1 var(--body)}.pill:hover{transform:translate(2px,-2px);box-shadow:-5px 6px 0 var(--ink)}.pill:active{transform:translate(-2px,3px);box-shadow:0 0 0 var(--ink)}.pill.dark{box-shadow:-3px 4px 0 #00594f44}.eyebrow{font-size:.875rem;letter-spacing:.09em;text-transform:uppercase;font-weight:700;line-height:1.5}.hero{text-align:center;padding:45px 24px 0}.hero>.eyebrow{margin-bottom:25px}.hero h1{font-family:var(--display);font-weight:900;font-size:clamp(3.1rem,7.9vw,8.4rem);line-height:.97;letter-spacing:-.067em;text-transform:uppercase;max-width:1270px;margin:0 auto}.hero h1>span{display:block}.hero-intro{margin:28px auto 0;line-height:1.5;font-size:1.125rem}.hero-actions{display:flex;justify-content:center;gap:23px;margin-top:25px}.hero-showcase{width:min(930px,87%);height:340px;margin:62px auto -80px;position:relative;z-index:2;isolation:isolate}.preview{position:absolute;display:block;top:20px;width:55%;border:2px solid var(--ink);border-radius:15px;overflow:hidden;background:#fff;box-shadow:-5px 7px 0 var(--ink);text-decoration:none;text-align:left;will-change:transform;transition:transform .4s ease,box-shadow .3s}.preview-tcg{left:0;transform:translateY(var(--card-shift,0px)) rotate(-8deg);z-index:2}.preview-samen{right:0;top:57px;transform:translateY(calc(var(--card-shift,0px)*-.7)) rotate(8deg)}.preview:hover{transform:translateY(-12px) rotate(0);z-index:3;box-shadow:-7px 12px 0 var(--ink)}.preview-bar{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:11px 17px;background:var(--yellow);border-bottom:1px solid var(--ink);font-family:var(--display);font-size:.9375rem}.preview-samen .preview-bar{background:var(--pink)}.preview img{width:100%;aspect-ratio:1.886;object-fit:cover;object-position:top}.preview-caption{display:block;padding:10px 17px;font-size:.875rem;background:#fffef4;border-top:1px solid #00594f22}.page-panels{padding:0 24px}.intro-panel{border-radius:36px;padding:155px 7vw 62px;text-align:center}.intro-panel>.eyebrow{margin-bottom:28px}.statement{font-family:var(--display);font-size:clamp(3.8rem,8.2vw,8.8rem);font-weight:900;text-transform:uppercase;letter-spacing:-.065em;line-height:1.03}.word-tag{display:inline-block;border:2px solid var(--ink);border-radius:.19em;padding:.005em .16em .075em;transform:rotate(-4deg);box-shadow:-4px 5px 0 var(--ink)}.intro-panel .word-tag{margin:6px 8px}.intro-bottom{display:flex;justify-content:space-between;align-items:end;max-width:1070px;margin:42px auto 0;text-align:left;gap:30px}.intro-bottom p{font-size:1.125rem;line-height:1.55}.circle-link{width:70px;height:70px;flex-shrink:0;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;text-decoration:none;font-size:2rem;transition:transform .2s}.circle-link:hover{transform:translateY(5px)}.products{padding-top:68px}.section-label{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:0 30px;margin-bottom:25px;font-size:.9375rem}.section-label h2{font-size:.9375rem;text-transform:uppercase;letter-spacing:.06em}.product-panel{border-radius:36px;display:grid;grid-template-columns:.95fr 1.2fr;gap:5vw;padding:65px 5vw 72px;margin-bottom:24px;overflow:hidden}.product-copy{position:relative;z-index:2}.product-kicker{display:flex;align-items:center;gap:15px;font-size:.875rem;margin-bottom:25px}.number-label{display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;width:35px;height:35px;flex-shrink:0;font-size:.875rem}.product-copy h3{font-family:var(--display);font-size:clamp(4rem,6.4vw,6.8rem);line-height:.98;letter-spacing:-.07em;text-transform:uppercase;font-weight:900}.product-name-tag{display:inline-block;padding:0 .12em .09em;border-radius:.16em;transform:rotate(-3deg);margin-top:7px}.samen-panel .product-name-tag{transform:rotate(2deg)}.product-copy h4{font-family:var(--display);font-size:clamp(1.35rem,2vw,1.8rem);font-weight:900;letter-spacing:-.035em;line-height:1.15;margin-top:30px}.product-copy>p{font-size:1.125rem;line-height:1.6;max-width:430px;margin-top:18px}.product-copy>.pill{margin-top:29px}.product-visual{align-self:center;position:relative;padding:25px 0 70px;min-width:0}.screen-frame{background:#fff;border:2px solid var(--ink);border-radius:16px;overflow:hidden;box-shadow:-8px 10px 0 #00594f;transform:rotate(5deg);transition:transform .4s}.samen-panel .screen-frame{transform:rotate(-5deg)}.product-panel:hover .screen-frame{transform:rotate(1deg)}.screen-toolbar{padding:11px 14px;border-bottom:1px solid var(--ink);background:#fffef4;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.8125rem}.screen-toolbar>span:first-child{font-size:.625rem;letter-spacing:2px}.screen-frame img{width:100%}.product-note{position:absolute;bottom:16px;right:7%;border:2px solid var(--ink);padding:18px 25px;border-radius:14px;transform:rotate(-8deg);box-shadow:-4px 5px 0 var(--ink);font-family:var(--display);font-weight:900;font-size:clamp(1.1rem,1.65vw,1.5rem);letter-spacing:-.03em;line-height:1.12}.samen-panel .product-note{right:auto;left:5%;transform:rotate(6deg)}.samen-panel{grid-template-columns:1.2fr .95fr}.samen-panel .product-copy{grid-column:2;grid-row:1}.samen-panel .product-visual{grid-column:1;grid-row:1}.story{padding:94px 6vw 65px}.story>.eyebrow{text-align:center;margin-bottom:32px}.story>.statement{text-align:center}.story .word-tag{margin-top:10px}.story-bottom{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin:65px auto 45px;max-width:1100px}.story-lead{font-family:var(--display);font-weight:900;font-size:clamp(1.5rem,2.5vw,2.3rem);line-height:1.18;letter-spacing:-.045em}.story-copy{font-size:1.125rem;line-height:1.65}.story-copy p+p{margin-top:22px}.lab-note{max-width:1100px;margin:auto;border-top:1px solid #00594f55;border-bottom:1px solid #00594f55}.lab-note summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 0;cursor:pointer;list-style:none;font-size:1rem;font-weight:700}.lab-note summary::-webkit-details-marker{display:none}.plus{font-size:1.9rem;line-height:1;transition:transform .2s}.lab-note[open] .plus{transform:rotate(45deg)}.article-body{max-width:760px;padding-bottom:28px;font-size:1.0625rem}.article-body p+p{margin-top:18px}.site-footer{background:var(--ink);color:var(--mint);padding:57px 4vw 25px;border-radius:36px 36px 0 0}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:35px}.footer-top p{font-family:var(--display);font-size:clamp(1.5rem,2.7vw,2.5rem);line-height:1.08;letter-spacing:-.04em;text-transform:uppercase}.footer-top nav{display:flex;gap:20px}.site-footer .pill{color:var(--ink);box-shadow:-3px 4px 0 var(--mint)}.footer-wordmark{display:block;width:fit-content;margin:auto;font-family:var(--display);font-weight:900;font-size:clamp(4rem,17vw,18rem);line-height:1;letter-spacing:-.085em;text-decoration:none;white-space:nowrap}.footer-bottom{display:flex;justify-content:space-between;gap:24px;padding-top:25px;margin-top:22px;border-top:1px solid #83e7a744;font-size:.875rem}.footer-bottom a{text-decoration:none}.footer-bottom a:hover{text-decoration:underline}
@media(min-width:1650px){.hero h1{font-size:8.4rem}.hero-showcase{height:380px;width:1030px}.product-panel{padding-inline:max(5vw,calc((100vw - 1450px)/2))}.story{max-width:1450px;margin:auto}}
@media(max-width:1050px){.site-header{padding-inline:25px;gap:20px}.site-header .pill{padding:11px 19px;font-size:.75rem;min-height:44px}.brand{font-size:1.9rem}.nav-left{gap:10px}.hero{padding-top:39px}.hero h1{font-size:8.4vw}.hero-showcase{width:90%;height:285px;margin-top:55px}.preview-bar{padding:8px 13px;font-size:.8125rem}.preview-caption{font-size:.8125rem;padding:8px 13px}.intro-panel{padding-top:130px;padding-inline:6vw}.product-panel{padding:43px 4vw 50px;gap:5vw}.product-kicker{font-size:.8125rem;gap:10px}.product-copy h3{font-size:6.5vw}.product-copy h4{font-size:1.35rem}.product-copy>p{font-size:1.0625rem}.screen-toolbar{font-size:.75rem}.product-note{padding:15px 18px}.story-bottom{gap:38px}.footer-top nav{gap:15px}}
@media(max-width:700px){html{scroll-padding-top:20px}.site-header{min-height:85px;grid-template-columns:1fr auto;padding:19px 20px;gap:12px}.brand{grid-column:1;grid-row:1;font-size:1.9rem}.nav-left{grid-column:2;grid-row:1;gap:10px}.site-header .pill{font-size:.6875rem;padding:10px 14px;min-height:38px;box-shadow:-2px 3px 0 var(--ink)}.nav-cta{display:none}.hero{padding:35px 17px 0}.hero>.eyebrow{font-size:.75rem;letter-spacing:.035em;max-width:310px;margin:0 auto 23px}.hero h1{font-size:9vw;line-height:1.02;letter-spacing:-.065em}.hero-intro{font-size:1rem;margin-top:23px;max-width:350px}.hero-actions{gap:14px;margin-top:23px}.hero-actions .pill{padding:12px 16px;font-size:.75rem;gap:13px;min-height:46px}.hero-actions .pill>span{font-size:1.2rem}.hero-showcase{width:92%;height:300px;max-width:480px;margin:41px auto -65px}.preview{width:76%;border-radius:11px;box-shadow:-3px 5px 0 var(--ink)}.preview-tcg{left:0;top:5px;transform:rotate(-7deg)}.preview-samen{top:115px;right:-1%;transform:rotate(7deg);z-index:3}.preview-bar{padding:7px 10px;font-size:.75rem}.preview-caption{padding:7px 10px;font-size:.75rem}.page-panels{padding:0 12px}.intro-panel{border-radius:25px;padding:120px 20px 35px}.intro-panel>.eyebrow{font-size:.75rem;margin-bottom:26px}.statement{font-size:clamp(2.3rem,9.6vw,4.5rem);letter-spacing:-.06em;line-height:1.09}.word-tag{border-width:1px;box-shadow:-3px 4px 0 var(--ink)}.intro-bottom{margin-top:31px;gap:18px;align-items:center}.intro-bottom p{font-size:1rem;line-height:1.5}.circle-link{width:48px;height:48px;font-size:1.5rem}.products{padding-top:40px}.section-label{padding:0 12px;margin-bottom:18px;font-size:.8125rem}.section-label h2{font-size:.8125rem}.product-panel{grid-template-columns:1fr;padding:29px 25px 34px;border-radius:25px;gap:14px;margin-bottom:15px;overflow:hidden}.product-kicker{font-size:.8125rem;margin-bottom:20px}.product-copy h3{font-size:clamp(3.7rem,13vw,5.2rem);line-height:1}.product-copy h3 br{display:none}.product-name-tag{margin-top:0;margin-left:7px;vertical-align:baseline}.samen-panel .product-copy h3{font-size:clamp(3.1rem,11vw,4.4rem)}.product-copy h4{font-size:1.4rem;margin-top:22px}.product-copy>p{font-size:1.0625rem;max-width:100%;margin-top:15px}.product-copy>.pill{font-size:.8125rem;margin-top:23px}.product-visual{padding:32px 6px 65px}.screen-frame{border-radius:10px;box-shadow:-5px 7px 0 var(--ink);transform:rotate(3deg)}.samen-panel .screen-frame{transform:rotate(-3deg)}.screen-toolbar{padding:8px 10px;font-size:.6875rem}.product-note{font-size:1.1rem;padding:13px 17px;bottom:10px;right:3%;border-width:1px;border-radius:10px;box-shadow:-3px 4px 0 var(--ink)}.samen-panel .product-copy,.samen-panel .product-visual{grid-column:auto;grid-row:auto}.story{padding:56px 12px 38px}.story>.eyebrow{font-size:.75rem;margin-bottom:25px}.story>.statement{font-size:clamp(2.3rem,9vw,4.2rem)}.story-bottom{grid-template-columns:1fr;gap:25px;margin:41px 9px 31px}.story-lead{font-size:1.65rem;letter-spacing:-.035em}.story-copy{font-size:1.0625rem}.lab-note{margin-inline:9px}.lab-note summary{font-size:.9375rem;padding:20px 0;gap:15px}.article-body{font-size:1rem}.site-footer{border-radius:25px 25px 0 0;padding:36px 23px 23px}.footer-top{align-items:start;gap:24px;margin-bottom:32px}.footer-top p{font-size:1.5rem}.footer-top nav{flex-direction:column;gap:15px}.footer-top .pill{font-size:.6875rem;padding:10px 16px;min-height:42px;gap:16px}.footer-wordmark{font-size:16.5vw}.footer-bottom{font-size:.8125rem;gap:20px;margin-top:25px;padding-top:20px;flex-wrap:wrap}.footer-bottom>span:nth-child(2){display:none}}
@media(max-width:370px){.site-header{padding-inline:16px}.brand{font-size:1.6rem}.site-header .pill{padding:9px 11px;font-size:.625rem}.hero-actions{gap:12px}.hero-actions .pill{padding:11px 12px;font-size:.6875rem;gap:9px}.hero-showcase{height:265px}.preview-samen{top:100px}.product-panel{padding-inline:21px}.product-copy h3{font-size:12vw}.samen-panel .product-copy h3{font-size:10vw}.footer-top{gap:15px}.footer-top p{font-size:1.25rem}}
@media(prefers-reduced-motion:no-preference){.hero h1>span{animation:arrive .7s both cubic-bezier(.2,.8,.2,1)}.hero h1>span:nth-child(2){animation-delay:.1s}.hero h1>span:nth-child(3){animation-delay:.2s}@keyframes arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.reveal-in{animation:reveal-in .65s both ease-out}@keyframes reveal-in{from{opacity:.4;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.preview-tcg{transform:rotate(-8deg)}.preview-samen{transform:rotate(8deg)}}

/* Readable touch controls at small screen sizes. */
@media(max-width:1050px){.site-header .pill{font-size:.875rem}}
@media(max-width:700px){.site-header .brand{font-size:1.65rem}.site-header .pill{font-size:.875rem;padding:10px 12px;min-height:44px}.hero-actions{flex-wrap:wrap}.hero-actions .pill,.product-copy>.pill,.footer-top .pill{font-size:.875rem}.hero-actions .pill{padding:12px 20px}.footer-top .pill{padding:10px 15px;gap:12px}.preview-caption{font-size:.8125rem}.footer-top{flex-wrap:wrap}.footer-top nav{flex-direction:row;flex-wrap:wrap}}
@media(max-width:380px){.site-header{grid-template-columns:1fr;justify-items:center;gap:17px;padding:20px 16px}.site-header .brand{grid-column:1;grid-row:1;font-size:1.9rem}.nav-left{grid-column:1;grid-row:2}.site-header .pill{padding:10px 18px}.hero-actions .pill{padding:12px 14px;gap:12px}}

/* Compact mobile navigation. Native disclosure also works without scripts. */
.site-header{position:relative;z-index:10}
.mobile-menu{display:none}
@media(max-width:700px){
  .site-header{grid-template-columns:minmax(0,1fr) auto;justify-items:stretch;min-height:82px;padding:18px 20px;gap:16px}
  .site-header .nav-left,.site-header .nav-cta{display:none}
  .site-header .brand{grid-column:1;grid-row:1;justify-self:start;align-self:center}
  .mobile-menu{display:block;grid-column:2;grid-row:1;justify-self:end}
  .mobile-menu>summary{list-style:none;cursor:pointer;gap:16px;white-space:nowrap;user-select:none}
  .mobile-menu>summary::-webkit-details-marker{display:none}
  .site-header .mobile-menu>summary{padding:12px 21px;min-height:46px;font-size:.875rem}
  .menu-icon{display:block;position:relative;width:16px;height:14px;flex-shrink:0}
  .menu-icon:before,.menu-icon:after{content:'';position:absolute;left:0;width:16px;height:2px;background:currentColor;border-radius:2px;transition:transform .18s,top .18s}
  .menu-icon:before{top:3px}.menu-icon:after{top:10px}
  .mobile-menu[open] .menu-icon:before{top:6px;transform:rotate(45deg)}
  .mobile-menu[open] .menu-icon:after{top:6px;transform:rotate(-45deg)}
  .mobile-menu>nav{position:absolute;right:20px;top:calc(100% - 3px);width:min(270px,calc(100vw - 40px));padding:10px 18px;background:var(--pink);border:1px solid var(--ink);border-radius:18px;box-shadow:-4px 5px 0 var(--ink)}
  .mobile-menu>nav a{display:block;padding:16px 4px;font-family:var(--display);font-size:1rem;text-decoration:none;line-height:1.4}
  .mobile-menu>nav a+a{border-top:1px solid #00594f33}
  .mobile-menu>nav a:hover{text-decoration:underline}
}