.landing.product .hero-p{padding-top:64px}.landing.product .herogrid-p{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:56px;display:grid}.landing.product .heroart-p{place-items:center;display:grid}.landing.product .heroart-p .pic-art svg{width:100%;max-width:520px;height:auto}.landing.product .hero-p .h1{text-wrap:balance;max-width:16ch}.landing.product .heronote{margin-top:16px}.landing.product .pic-art{width:100%;display:block}.landing.product .pic-art svg{width:100%;height:auto}.landing.product .pic-still{border:1px solid var(--l-b10);background:var(--l-card);border-radius:10px;width:100%;display:block;overflow:hidden}.landing.product .pic-still img{width:100%;height:auto;display:block}.landing.product .pic-still img.still-dark{display:none}.dark .landing.product .pic-still img.still-dark{display:block}.dark .landing.product .pic-still img.still-light{display:none}.landing.product .frows{gap:72px;margin:0;padding:0;list-style:none;display:grid}.landing.product .frow{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:48px;display:grid}.landing.product .frow:nth-child(2n) .frow-pic{order:2}.landing.product .frow-pic{place-items:center;display:grid}.landing.product .frow-pic .pic-art svg{max-width:360px}.landing.product .frow-pic [data-art=answer-lands] svg{max-width:220px}.landing.product .frow-pic [data-art=dictation-ripple] svg,.landing.product .frow-pic [data-art=deploy-stack] svg{max-width:280px}.landing.product .frow h2{margin:0 0 8px;font-size:20px;font-weight:600;line-height:1.3}.landing.product .frow p{color:var(--l-ink2);max-width:44ch;margin:0;font-size:16px;line-height:1.5}.landing.product .names{color:var(--l-ink3);max-width:52ch;margin-top:18px;font-size:14px;line-height:1.6}.landing.product .names+.names{margin-top:6px}.landing.product .names b{color:var(--l-ink2);margin-right:8px;font-weight:500}.landing.product .closing-p{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;margin-bottom:56px;display:grid}.landing.product .closing-p .sechead{margin:0}.landing.product .more{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.landing.product .more a{border:1px solid var(--l-b10);background:var(--l-card);min-height:64px;transition:border-color var(--t-micro) var(--ease-io), transform var(--t-micro) var(--ease-io);border-radius:12px;align-items:center;gap:14px;padding:10px 14px 10px 10px;display:flex}.landing.product .more a:hover{border-color:var(--l-ink3);transform:translateY(-1px)}.landing.product .more [data-art]{flex:none;width:64px}.landing.product .more span{font-size:14px;font-weight:500;line-height:1.3}.landing.product .sidein{transform-origin:50%}.landing.product .sidein:not(.in){opacity:0;transform:translateX(var(--sx,40px))}.landing.product .sidein.in{animation:p-side var(--t-enter) var(--ease-out) var(--d,0s) backwards}@keyframes p-side{0%{opacity:0;transform:translateX(var(--sx,40px))}to{opacity:1;transform:none}}.landing.product .scrub-track{background:var(--l-bg)}.landing.product .scrub-pin{place-items:center;padding:48px 24px;display:grid}.landing.product .scrub-stage{width:100%;max-width:960px}.landing.product .scrub-svg{width:100%;height:auto;display:block}.landing.product .scrub-beat{transform-box:fill-box;transform-origin:0}.landing.product .frow-rule{background:var(--c-ox);transform-origin:0;width:56px;height:2px;transition:transform var(--t-micro) var(--ease-io);border-radius:1px;margin:0 0 10px;display:block;transform:scaleX(0)}@media (hover:hover){.landing.product .frow:hover .frow-rule{transform:scaleX(1)}.landing.product .frow{transition:transform var(--t-micro) var(--ease-io)}.landing.product .frow:hover .frow-pic{transform:translateY(-2px)}.landing.product .frow-pic{transition:transform var(--t-micro) var(--ease-io)}}@media (hover:none) and (pointer:coarse){.landing.product .frow-rule{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.landing.product .sidein,.landing.product .sidein:not(.in){opacity:1!important;animation:none!important;transform:none!important}.landing.product .frow-rule{transition:none;transform:scaleX(1)}.landing.product .scrub-pin{padding:32px 24px}}@media (max-width:767px){.landing.product .hero-p{padding-top:32px}.landing.product .herogrid-p,.landing.product .frow,.landing.product .closing-p{grid-template-columns:minmax(0,1fr)}.landing.product .herogrid-p{gap:28px}.landing.product .heroart-p{order:-1}.landing.product .heroart-p .pic-art svg{max-width:320px}.landing.product .frows{gap:48px}.landing.product .frow{gap:20px}.landing.product .frow:nth-child(2n) .frow-pic{order:0}.landing.product .frow-pic .pic-art svg{max-width:280px}.landing.product .more{grid-template-columns:repeat(2,minmax(0,1fr))}.landing.product .scrub-track{height:200vh}.landing.product .scrub-pin{padding:24px 16px}}
