/* Decoration belongs to the viewport edge, not the inset text column. */
.traction-v16 .business-layout{overflow:visible;z-index:1}
.traction-v16>.traction-egg{position:absolute;inset:50% 0 auto auto;width:min(36vw,450px,65vh);height:auto;max-height:none;transform:translateY(-42%);overflow:visible;z-index:0;pointer-events:none}
.finale>[data-next]{display:none}
.try-product{--end-unit:min(1vw,1.7vh);padding:110px 5.2vw calc(var(--footer-height) + 32px);overflow-y:auto!important}
.try-layout{min-height:100%;display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:5vw;align-items:center}
.try-headline{margin:0;letter-spacing:-.055em;line-height:1;font-weight:800}
.try-focus{display:flex;align-items:center;gap:.18em;font-size:clamp(44px,calc(5.6 * var(--end-unit)),90px);white-space:nowrap;margin-bottom:24px}
.try-study{display:inline-block;padding:.06em .16em .12em;background:var(--red);color:var(--white,#fffdf5);transform:rotate(-5deg);line-height:1.15;margin:0 .04em}
.try-name{display:flex;align-items:baseline;gap:clamp(14px,1.8vw,30px);white-space:nowrap;font-family:Display,Arial,sans-serif;letter-spacing:-.045em}
.try-personal{font-size:clamp(78px,calc(11.5 * var(--end-unit)),185px)}
.try-ai{font-size:clamp(140px,calc(20.5 * var(--end-unit)),330px);color:var(--red);line-height:.92}
.try-bottom-line{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:36px;padding-top:24px;border-top:1px solid #17171355}
.try-bottom-line>p{font-size:clamp(20px,calc(2.05 * var(--end-unit)),30px);white-space:nowrap;line-height:1.4}
.try-arrow{width:clamp(80px,11vw,175px);height:50px;flex:none;fill:none;stroke:var(--red);stroke-width:4}
.try-access{display:flex;flex-direction:column;align-items:stretch;gap:18px;width:100%;max-width:390px;justify-self:end}
.try-scan-top{font-size:clamp(13px,1.2vw,18px);line-height:1.4}
.try-qr-card{display:block;width:100%;background:#fff;border:0;border-radius:0;padding:clamp(18px,2vw,28px);cursor:zoom-in;color:var(--ink);font:inherit;flex:none;transition:transform .25s}
.try-qr-card>img{width:100%;height:auto;display:block}.try-qr-card:hover{transform:translateY(-4px);outline:2px solid var(--red);outline-offset:6px}.try-scan-label{font-size:clamp(16px,1.4vw,22px);margin:0;line-height:1.4;display:flex;justify-content:space-between;gap:8px}.try-scan-label span{color:var(--red);font-size:1.25em}
.try-product.active .try-focus{animation:end-rise .6s cubic-bezier(.22,.8,.2,1) both}.try-product.active .try-name{animation:end-rise .7s .08s cubic-bezier(.22,.8,.2,1) both}.try-product.active .try-access{animation:end-rise .6s .15s cubic-bezier(.22,.8,.2,1) both}
@keyframes end-rise{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
#trial-qr-dialog{width:min(520px,92vw);padding:24px;background:#fffdf5}#trial-qr-dialog>img{display:block;width:100%;padding:10px;background:#fff;box-sizing:border-box}#trial-qr-dialog>p{text-align:center;font-size:16px;margin-top:18px}
body[data-current="14"] .topbar.reference-header{background:var(--yellow)}
@media(min-width:761px){.try-product{height:calc(100% - var(--footer-height));padding-bottom:32px}}
@media(max-height:760px) and (min-width:761px){.try-product{padding-top:90px}.try-focus{margin-bottom:20px}.try-bottom-line{margin-top:26px;padding-top:18px}.try-access{gap:14px;max-width:min(28vw,46vh)}}
@media(max-width:1000px) and (min-width:761px){.try-layout{gap:3vw}.try-personal{font-size:10.6vw}.try-ai{font-size:19vw}.try-bottom-line>p{font-size:19px}.try-arrow{width:70px}}
@media(max-width:760px){.traction-v16>.traction-egg{width:245px;right:0;top:auto;bottom:70px;transform:none}.try-product{padding:130px 24px 30px}.try-layout{grid-template-columns:1fr;gap:30px;min-height:100%;align-content:center}.try-focus{font-size:9.5vw;gap:.16em;margin-bottom:16px}.try-personal{font-size:17vw}.try-ai{font-size:29vw}.try-name{gap:16px}.try-bottom-line{margin-top:18px;padding-top:14px;gap:12px}.try-bottom-line>p{font-size:17px}.try-arrow{width:66px;height:30px}.try-access{gap:12px;width:min(62vw,270px);justify-self:center}.try-scan-top{display:none}.try-qr-card{padding:17px}.try-scan-label{font-size:14px}}
@media(prefers-reduced-motion:reduce){.try-product.active .try-focus,.try-product.active .try-name,.try-product.active .try-access{animation:none}.try-qr-card{transition:none}}
