.landing-page{background:var(--brand-surface);color:#142746;min-height:100svh;font-family:Arial,Helvetica,sans-serif}.landing-column{width:100%;max-width:680px;margin:0 auto;padding-bottom:64px}.landing-art{background:#e7f3f6;height:clamp(420px,62svh,600px);position:relative;overflow:hidden;container-type:inline-size}.landing-art-columns{--card-width:clamp(150px, 38cqw, 250px);--card-gap:14px;grid-template-columns:repeat(3, var(--card-width));gap:var(--card-gap);display:grid;position:absolute;top:-180px;bottom:-180px;left:50%;transform:translate(-50%)rotate(-10deg)}.landing-art-column{overflow:hidden}.landing-card-track{animation:40s linear infinite landing-column-scroll;animation-delay:var(--column-delay);will-change:transform}.landing-card-track-down{animation-direction:reverse}.landing-card-group{gap:var(--card-gap);padding-bottom:var(--card-gap);flex-direction:column;display:flex}.landing-illustration-card{background:#fff;border-radius:19px;padding:6px;box-shadow:0 5px 12px #16456009}.landing-card-picture{aspect-ratio:1;background-color:#d9ecf7;background-image:url(/brand/ai-card-sprites.png);background-repeat:no-repeat;background-size:300% 200%;border-radius:14px;width:100%}.landing-card-caption{padding:10px 7px 9px}.landing-card-caption span{letter-spacing:1px;color:#236677;font-size:11px;font-weight:600;display:block}.landing-card-caption p{color:#142746;margin:4px 0 0;font-size:12px;font-weight:600;line-height:1.35}@keyframes landing-column-scroll{0%{transform:translate(0,0)}to{transform:translateY(-33.3333%)}}@media (max-width:480px){.landing-card-track{animation-duration:32s}.landing-art-columns{--card-gap:10px}.landing-card-caption{min-height:58px}}.landing-art-column{height:100%}.landing-motion-toggle{z-index:1;width:44px;height:44px;color:var(--brand-primary);cursor:pointer;background:#ffffffe6;border:1px solid #ffffffb3;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.landing-motion-toggle:hover{background:#fff}.landing-motion-toggle:focus-visible{outline:3px solid var(--brand-primary);outline-offset:3px}@media (prefers-reduced-motion:reduce){.landing-card-track{will-change:auto;animation:none;transform:translateY(-12%)}.landing-motion-toggle{display:none}}.landing-art:after{content:"";background:linear-gradient(to bottom, transparent 62%, var(--brand-surface) 100%);position:absolute;inset:0}.landing-content{width:100%;max-width:480px;margin:0 auto;padding:10px 24px 0}.landing-brand{align-items:center;gap:14px;margin-bottom:16px;display:flex}.landing-brand img{aspect-ratio:423/420;width:34px;height:auto}.landing-brand>span{background:var(--brand-tertiary);width:34px;height:2px}.landing-content h1{letter-spacing:-1.5px;margin:0;font-size:40px;font-weight:700;line-height:1.1}.landing-description{color:#4c5c70;margin:14px 0 0;font-size:16px;line-height:1.6}.landing-actions{flex-direction:column;gap:12px;margin-top:48px;display:flex}.landing-actions>p{color:#4c5c70;margin:0;font-size:14px;line-height:1.5}.landing-actions .landing-signup,.landing-actions .landing-google{white-space:normal;border-radius:999px;align-items:center;width:100%;height:auto;min-height:56px;padding:15px 24px;font-family:inherit;font-size:16px;font-weight:600;line-height:1.4;text-decoration:none;display:flex}.landing-actions .landing-signup{background:var(--brand-primary);color:#fff;justify-content:space-between}.landing-actions .landing-signup:hover{background:#073e8c}.landing-actions .landing-signup svg{width:20px;height:20px}.landing-actions .landing-google{opacity:1;color:#142746;box-shadow:none;cursor:not-allowed;background:#fff;border:1px solid #e0e8f0;justify-content:flex-start;gap:12px;font-size:14px}.landing-google-letter{font-size:24px;font-weight:700;line-height:1}.landing-coming-soon{color:#4c5c70;white-space:nowrap;margin-left:auto;font-size:12px;font-weight:400}.landing-actions>.landing-login{margin-top:6px}.landing-login a{color:var(--brand-primary);padding:8px 0;font-weight:600;text-decoration:none;display:inline-block}.landing-login a:hover{text-decoration:underline}.landing-page a:focus-visible{outline:3px solid var(--brand-secondary);outline-offset:4px}@media (max-width:480px){.landing-art{height:clamp(380px,56svh,520px)}.landing-content h1{font-size:clamp(34px,8.4vw,40px)}.landing-actions{margin-top:38px}.landing-actions .landing-google{gap:9px;padding-left:20px;padding-right:20px}}@media (max-height:800px){.landing-actions{margin-top:28px}.landing-column{padding-bottom:28px}}
