/* Refined TymeTap display typography and feature accents. */
.hero-copy h1{
  font-family:"Fraunces","DM Serif Display",Georgia,serif;
  font-weight:700;
  line-height:.91;
  letter-spacing:-.065em;
  text-wrap:balance;
}

.feature .glyph{color:var(--green)}
.feature:hover .glyph{color:var(--sage)}

.feature .glyph,.mini-card .corner{
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border:1px solid rgba(56,102,65,.14);
  border-radius:16px;
  background:linear-gradient(145deg,#f6f9f1,#e6f0dc);
  color:var(--green);
  transition:transform .3s ease,background .3s ease,color .3s ease;
}
.feature .glyph{right:20px;bottom:20px;font-size:0}
.feature .glyph svg,.mini-card .corner svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.feature:hover .glyph{transform:translateY(-4px) rotate(-4deg);background:var(--green);color:#fff}
.mini-card .corner{top:20px;right:20px;font-size:0}
.mini-card.sage .corner{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.12);color:var(--lime)}
.mini-card:hover .corner{transform:rotate(8deg) scale(1.08)}

@media (min-width:901px){
  .topbar .brand img{width:205px;height:54px}
  .hero{padding:46px 0 64px}
  .stats{margin-bottom:76px}
  .section{padding:72px 0}
  .heading-row{margin-bottom:27px}
  .story{padding:74px 0}
  .usecases{padding:70px 0}
  .cta{margin:74px auto;padding-block:62px}
  .nav a{position:relative;padding:9px 0;animation:tt-nav-in .55s both}
  .nav a:nth-child(2){animation-delay:.06s}
  .nav a:nth-child(3){animation-delay:.12s}
  .nav a:nth-child(4){animation-delay:.18s}
  .nav a:after{content:"";position:absolute;right:0;bottom:4px;left:0;height:2px;border-radius:2px;background:var(--lime);transform:scaleX(0);transform-origin:right;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
  .nav a:hover{color:var(--forest)}
  .nav a:hover:after{transform:scaleX(1);transform-origin:left}
  @keyframes tt-nav-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
}

@media (max-width:560px){
  .hero-copy h1{
    font-size:clamp(47px,13.5vw,62px);
    line-height:.94;
    letter-spacing:-.06em;
  }
  .feature .glyph{color:var(--green)}
}

/* Consent is intentionally quiet, but remains easy to revisit. */
.mobile-break{display:none}
.footer{justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;text-align:center}
.footer-link{margin:0;padding:0;border:0;background:transparent;color:var(--green);font:800 11px Manrope,sans-serif;cursor:pointer}
.footer-link:hover{text-decoration:underline}
.tt-consent{position:fixed;z-index:2147483640;right:24px;bottom:24px;width:min(510px,calc(100% - 32px));padding:22px;border:1px solid rgba(255,255,255,.58);border-radius:25px;background:rgba(22,61,43,.81);box-shadow:0 24px 70px rgba(6,28,17,.32);color:#f7faf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:tt-consent-in .45s cubic-bezier(.2,.8,.2,1) both}
.tt-consent[hidden]{display:none}.tt-consent h2{margin:0 0 8px;font:700 25px/1.05 'Fraunces','DM Serif Display',Georgia,serif;letter-spacing:-.045em}.tt-consent>p{margin:0;color:#e1e9dc;font-size:12px;line-height:1.55}.tt-consent a{color:#d7eea7;font-weight:800}.tt-consent-controls{display:grid;gap:8px;margin:17px 0}.tt-consent-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid rgba(231,241,221,.2);border-radius:14px;background:rgba(255,255,255,.09)}.tt-consent-option strong{display:block;font-size:12px}.tt-consent-option small{display:block;margin-top:2px;color:#dce7d8;font-size:10px;line-height:1.35}.tt-switch{position:relative;display:inline-block;flex:0 0 auto;width:42px;height:24px}.tt-switch input{position:absolute;opacity:0;inset:0;cursor:pointer}.tt-switch span{position:absolute;inset:0;border-radius:999px;background:rgba(255,255,255,.22);transition:.2s}.tt-switch span:after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}.tt-switch input:checked+span{background:var(--lime)}.tt-switch input:checked+span:after{transform:translateX(18px);background:var(--forest)}.tt-switch input:disabled+span{opacity:.75;cursor:not-allowed}.tt-consent-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.tt-consent-button{min-height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:transparent;color:#fff;font:800 11px Manrope,sans-serif;cursor:pointer;transition:transform .2s ease,background .2s ease}.tt-consent-button:hover{transform:translateY(-2px);background:rgba(255,255,255,.12)}.tt-consent-button.primary{border-color:var(--lime);background:var(--lime);color:var(--forest)}.tt-consent-button.primary:hover{background:#c1dc78}@keyframes tt-consent-in{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}
.tt-consent.is-closing{animation:tt-consent-out .26s ease forwards;pointer-events:none}.tt-cookie-launcher{position:fixed;z-index:2147483639;right:24px;bottom:24px;display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(255,255,255,.56);border-radius:50%;background:linear-gradient(145deg,#4c8251,#386641);box-shadow:0 14px 34px rgba(22,61,43,.28);color:#fff;backdrop-filter:blur(12px);cursor:pointer;animation:tt-cookie-in .35s cubic-bezier(.2,.8,.2,1) both;transition:transform .22s ease,box-shadow .22s ease}.tt-cookie-launcher:hover{transform:translateY(-4px) rotate(8deg);box-shadow:0 19px 42px rgba(22,61,43,.34)}.tt-cookie-launcher svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}@keyframes tt-consent-out{to{opacity:0;transform:translateY(14px) scale(.95)}}@keyframes tt-cookie-in{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}

@media(max-width:560px){
  .mobile-break{display:block}
  .footer{display:flex;flex-direction:column;padding:27px 0 33px;gap:8px}
  .footer span{max-width:100%}
  .tt-consent{right:16px;bottom:16px;width:calc(100% - 32px);padding:19px;border-radius:22px}
  .tt-consent h2{font-size:23px}
  .tt-consent-actions{display:grid;grid-template-columns:1fr 1fr}
  .tt-consent-button.primary{grid-column:1/-1}
  .tt-cookie-launcher{right:16px;bottom:16px;width:50px;height:50px}
}