/* Desktop-first brand layer; base styles remain reusable by project apps. */
header,main,footer{max-width:1240px;padding-left:48px;padding-right:48px}
header{padding-top:22px;padding-bottom:22px}nav a{text-decoration:none;color:var(--muted);font-size:14px;padding:10px 0}nav a:hover{color:var(--ink)}.brand{display:flex;align-items:center;gap:12px;border:0;font-size:21px;letter-spacing:-.5px}.brand img{width:48px;height:48px;margin:0;border-radius:7px}.brand-dot{color:#ff3138}
.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;padding:64px 0 58px}.hero h1{font-size:clamp(44px,5.3vw,76px);font-weight:500;margin:22px 0 25px;line-height:1.03;letter-spacing:-3px}.hero-copy>p:not(.eyebrow){max-width:480px;color:var(--muted);font-size:16px}.eyebrow{font-size:11px;color:#b6cfff}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.action{font-size:14px;margin:0}.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}
.hero-visual{position:relative;aspect-ratio:1;overflow:hidden;background:var(--bg);border-radius:16px;isolation:isolate}.hero-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-city{opacity:0}.hero-logo{z-index:1}.motion-button{font:inherit;font-size:12px;min-height:38px;padding:8px 12px;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:6px;cursor:pointer}.hero-control{position:absolute;bottom:16px;right:16px;z-index:2;background:#111047e8;color:var(--ink)}[hidden]{display:none!important}
.hero-visual.motion-enabled .hero-logo{animation:logo-cycle 10s ease-in-out infinite}.hero-visual.motion-enabled .hero-city{animation:city-cycle 10s ease-in-out infinite}.hero-visual.is-paused>img,.hero-visual.tab-hidden>img{animation-play-state:paused}
@keyframes logo-cycle{0%,15%,95%,100%{opacity:1;filter:blur(0);transform:scale(1)}40%,65%{opacity:0;filter:blur(22px);transform:scale(1.05)}}@keyframes city-cycle{0%,15%,95%,100%{opacity:0;filter:blur(22px);transform:scale(1.05)}40%,65%{opacity:1;filter:blur(0);transform:scale(1)}}
.client-section{padding:24px 0 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px}.section-heading h2{margin:0;font-size:25px;letter-spacing:-.6px}.section-heading p{margin:0;font-size:13px}.client-section h2{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--muted)}.client-window{overflow:hidden}.client-track{display:flex;width:max-content}.client-group{display:flex;align-items:center;gap:32px;padding-right:32px}.client-group img{display:block;flex:none;width:220px;height:112px;object-fit:contain;background:#fff;padding:10px;border-radius:8px}.client-track:not(.motion-enabled) .client-group[aria-hidden]{display:none}.client-track.motion-enabled{animation:clients-cycle 35s linear infinite}.client-window:hover .client-track,.client-track.is-paused,.client-track.tab-hidden{animation-play-state:paused}@keyframes clients-cycle{to{transform:translateX(-50%)}}
.explore-section,.catalog-section{padding:38px 0 8px}.tile{padding:28px;border-radius:10px}.tile h2{font-size:23px;line-height:1.3;letter-spacing:-.4px}.tile p:not(.eyebrow){color:var(--muted);font-size:14px}.tile a{display:inline-block;padding:10px 0;min-height:44px;text-decoration:none;border-bottom:1px solid var(--line);font-size:14px}.category .eyebrow{margin-top:0}footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
@media(min-width:1000px){.client-group img{width:240px}}
@media(max-width:800px){header,main,footer{padding-left:28px;padding-right:28px}.hero{gap:28px}.hero h1{font-size:48px}.hero-copy>p:not(.eyebrow){font-size:14px}}
@media(max-width:600px){header,main,footer{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;padding:35px 0}.hero h1{font-size:48px;letter-spacing:-2px}.hero-visual{max-width:420px;width:100%;justify-self:center}.section-heading{gap:12px}.section-heading h2{font-size:22px}.client-section h2{font-size:11px}.motion-button{min-height:44px}.client-group img{width:180px;height:100px}}
@media(prefers-reduced-motion:reduce){.hero-visual.motion-enabled>img,.client-track.motion-enabled{animation:none}.hero-logo{opacity:1}.hero-city{opacity:0}.client-track{width:auto}.client-group{flex-wrap:wrap;padding:0}.client-group[aria-hidden]{display:none}.motion-button{display:none}}

/* Local preview: logo / city / laptop, using original template content. */
.hero-laptop{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:24px;opacity:0;pointer-events:none;z-index:1}
.laptop-lid{background:#111521;border:2px solid #8c9aaf;border-radius:14px 14px 4px 4px;padding:8px 8px 10px;box-shadow:0 20px 45px #0005}
.laptop-camera{width:4px;height:4px;background:#66788e;border-radius:50%;margin:0 auto 6px}
.laptop-screen{position:relative;width:100%;aspect-ratio:1.6;overflow:hidden;background:#111047}
.laptop-screen iframe{border:0;width:300%;height:300%;transform:scale(.333333);transform-origin:top left;pointer-events:none}
.laptop-base{height:12px;background:linear-gradient(#aab5c7,#667286);margin:0 -14px;border-radius:2px 2px 55% 55%;position:relative}
.laptop-base:before{content:'';position:absolute;width:20%;height:4px;top:0;left:40%;background:#455064;border-radius:0 0 5px 5px}
.hero-visual.motion-enabled .hero-logo{animation:dailydo-logo 15s ease-in-out infinite}
.hero-visual.motion-enabled .hero-city{animation:dailydo-city 15s ease-in-out infinite}
.hero-visual.motion-enabled .hero-laptop{animation:dailydo-laptop 15s ease-in-out infinite}
.hero-control{z-index:3}
@keyframes dailydo-logo{0%,20%,100%{opacity:1;transform:scale(1);filter:blur(0)}28%,90%{opacity:0;transform:scale(1.025);filter:blur(3px)}}
@keyframes dailydo-city{0%,20%,62%,100%{opacity:0;transform:scale(1.025);filter:blur(3px)}30%,53%{opacity:1;transform:scale(1);filter:blur(0)}}
@keyframes dailydo-laptop{0%,53%,100%{opacity:0;transform:translateY(10px) scale(.97)}64%,88%{opacity:1;transform:translateY(0) scale(1)}}
.hero-visual.is-paused .hero-laptop,.hero-visual.tab-hidden .hero-laptop{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.hero-visual.motion-enabled .hero-logo,.hero-visual.motion-enabled .hero-city,.hero-visual.motion-enabled .hero-laptop{animation:none}.hero-laptop{opacity:0}}