.logo-mark{animation:cube-float 5s ease-in-out infinite;background:linear-gradient(145deg,rgba(220,223,229,.11),rgba(28,30,35,.3));border:1px solid rgba(228,231,237,.68);border-radius:2px;box-shadow:inset 0 0 10px rgba(255,255,255,.07),0 8px 18px rgba(0,0,0,.2);font-size:0;height:21px;margin:3px 10px 3px 5px;overflow:visible;position:relative;transform:rotate(28deg) skew(-5deg,-5deg);width:21px}
.logo-mark:before,.logo-mark:after{content:"";position:absolute}
.logo-mark:before{background:rgba(236,238,242,.12);border:1px solid rgba(228,231,237,.5);border-bottom:0;height:7px;left:2px;top:-8px;transform:skewX(-34deg);transform-origin:bottom;width:21px}
.logo-mark:after{background:rgba(49,52,59,.32);border:1px solid rgba(205,209,217,.46);border-left:0;height:21px;right:-8px;top:-4px;transform:skewY(-34deg);transform-origin:left;width:7px}
.logo:hover .logo-mark{filter:brightness(1.3);transform:translateY(-2px) rotate(28deg) skew(-5deg,-5deg)}
@keyframes cube-float{0%,100%{transform:translateY(0) rotate(28deg) skew(-5deg,-5deg)}50%{transform:translateY(-3px) rotate(28deg) skew(-5deg,-5deg)}}
.logo-mark{animation:none;background:linear-gradient(#d9dbe0,#d9dbe0) left top/9px 1px no-repeat,linear-gradient(#d9dbe0,#d9dbe0) left top/1px 9px no-repeat,linear-gradient(#d9dbe0,#d9dbe0) right top/9px 1px no-repeat,linear-gradient(#d9dbe0,#d9dbe0) right top/1px 9px no-repeat,linear-gradient(#d9dbe0,#d9dbe0) left bottom/9px 1px no-repeat,linear-gradient(#d9dbe0,#d9dbe0) left bottom/1px 9px no-repeat,linear-gradient(#d9dbe0,#d9dbe0) right bottom/9px 1px no-repeat,linear-gradient(#d9dbe0,#d9dbe0) right bottom/1px 9px no-repeat;border:0;border-radius:0;box-shadow:none;height:28px;margin:0 10px 0 2px;transform:none;transition:transform .25s ease,filter .25s ease;width:28px}
.logo-mark:before{animation:aperture-scan 3.4s ease-in-out infinite;background:linear-gradient(90deg,transparent,rgba(231,233,237,.72),transparent);border:0;height:1px;left:3px;top:50%;transform:none;width:22px}
.logo-mark:after{animation:aperture-pulse 2.6s ease-in-out infinite;background:#f4f4f5;border:0;border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.08),0 0 12px rgba(255,255,255,.5);height:4px;left:12px;right:auto;top:12px;transform:none;width:4px}
.logo:hover .logo-mark{filter:brightness(1.35);transform:scale(1.08)}
header .logo-mark{filter:invert(1) brightness(.3)}
header .logo:hover .logo-mark{filter:invert(1) brightness(.12);transform:scale(1.08)}
@keyframes aperture-scan{0%,20%{opacity:0;transform:translateY(-7px)}45%,65%{opacity:1}80%,100%{opacity:0;transform:translateY(7px)}}
@keyframes aperture-pulse{0%,100%{opacity:.6;transform:scale(.8)}50%{opacity:1;transform:scale(1.35)}}
.personal-card{display:none}
.hero{background:radial-gradient(circle at 78% 20%,#30333a 0,transparent 34%),linear-gradient(145deg,#101116,#1b1d23);color:#f4f4f5;grid-template-columns:1fr}
.hero .ambient{display:none}
.hero .pill{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);box-shadow:none;color:#b8bbc3}
.hero .pill span{background:#d4d6dc;box-shadow:0 0 0 4px rgba(212,214,220,.1)}
.hero h1 em{background:linear-gradient(100deg,#fff,#8e929c);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h1{font-size:clamp(72px,9.4vw,136px);line-height:.79;margin-bottom:42px;position:relative;width:max-content}
.hero h1 .snap-line{-webkit-text-stroke:1.5px rgba(244,244,245,.72);color:transparent;font-size:.79em;font-weight:500;letter-spacing:-.045em;text-transform:uppercase}
.hero h1 em{background:linear-gradient(95deg,#ffffff 8%,#b5b8c0 52%,#f8f8f9 92%);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal;font-weight:600;letter-spacing:-.07em;text-transform:uppercase}
.headline-spark{color:#868b96;font-size:.16em;font-style:normal;position:absolute;right:-.8em;top:52%}
.hero .hero-copy{color:#9da1ab}
.hero .primary{background:#f2f2f3;color:#121318}
.hero .text-link{border-color:#626670;color:#c4c6cc}
.hero .trusted{color:#777b85}
.hero .trusted i{background:#4b4f58}
.hero-inner{max-width:820px}
.product{min-height:560px}
.product-copy{align-self:center;padding:52px 46px}
.product-number{margin-bottom:48px}
.product ul{display:none}
.product .description{font-size:15px;line-height:1.75;margin:30px 0 38px;max-width:410px}
.product-visual{padding:42px}
.product-visual .glow{display:none}
.product-visual .app-window{aspect-ratio:1440/940;background:#0d0f0c;border:1px solid rgba(255,255,255,.16);border-radius:14px;box-shadow:0 34px 80px rgba(0,0,0,.42);max-width:720px;overflow:hidden;padding:0;position:relative;transform:none;width:100%}
.product-visual .app-window>*{display:none}
.product-visual .app-window:before{content:"";inset:0;position:absolute}
.product-visual .app-window:after{background:rgba(12,14,20,.82);border:1px solid rgba(255,255,255,.15);border-radius:99px;color:#fff;content:"LIVE HOMEPAGE";font:600 8px 'DM Sans',sans-serif;letter-spacing:.13em;padding:8px 11px;position:absolute;right:14px;top:14px}
.tine-visual{background:linear-gradient(145deg,#171a15,#292e25)}
.tine-visual .app-window:before{background:url('assets/tinetracer-homepage.png') center/cover no-repeat}
.meat-visual{background:linear-gradient(145deg,#211712,#4d221b)}
.meat-visual .app-window:before{background:linear-gradient(90deg,rgba(10,7,6,.82),rgba(10,7,6,.08)),url('assets/meatsmarts-homepage-hero.png') center/cover no-repeat}
.meat-visual .app-window:after{content:"MEAT SMARTS · HOME"}
@media(max-width:800px){.product{min-height:0}.product-copy{padding:36px 28px}.product-number{margin-bottom:38px}.product-visual{min-height:330px;padding:22px}.product-visual .app-window{border-radius:10px}.product-visual .app-window:after{right:9px;top:9px}}
@media(prefers-reduced-motion:reduce){.logo-mark,.logo-mark:before,.logo-mark:after{animation:none}}