.ca{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:center}.ca-parts{display:grid;gap:6px}.ca-parts button{display:grid;gap:6px;width:100%;padding:16px 18px;border-radius:16px;text-align:left;transition:background .2s cubic-bezier(.22,1,.36,1)}.ca-parts button:hover{background:var(--hp-surface)}.ca-parts b{justify-self:start;margin:-.3em 0 0 -.75em;padding:.3em .75em;border-radius:999px;font-size:17px;font-weight:400;letter-spacing:-.01em;color:var(--hp-subtle);transition:background .2s cubic-bezier(.22,1,.36,1),color .2s cubic-bezier(.22,1,.36,1)}.ca-parts button.is-on b{background:var(--hp-accent);color:var(--hp-accent-ink)}.ca-parts span{font-size:14px;line-height:1.5;color:var(--hp-subtle);transition:color .2s cubic-bezier(.22,1,.36,1)}.ca-parts button.is-on span{color:var(--hp-muted)}.ca-stage{margin:0}.ca-frame{display:grid;place-items:center;padding:24px;border-radius:20px;background:var(--hp-surface)}.ca-card{position:relative;width:min(100%,calc(var(--kt-frame, 720px) - 348px));aspect-ratio:1;overflow:hidden;border-radius:14px;box-shadow:0 14px 34px -14px #0c0a092e}.ca-card img{display:block;width:100%;height:100%}.ca-focus{position:absolute;border-radius:10px;pointer-events:none}.ca-stage .kt-caption{padding-top:12px;text-align:center}@media(max-width:960px){.ca{grid-template-columns:minmax(0,1fr);gap:24px}.ca-frame{padding:16px}.ca-card{width:min(100%,460px)}}@media(max-width:640px){.ca{gap:16px}.ca-stage{order:-1}.ca-card{width:min(100%,300px)}.ca-parts{gap:2px;min-height:255px;align-content:start}.ca-parts button{gap:4px;min-height:44px;padding:11px 14px}.ca-parts b{font-size:16px}.ca-parts button:not(.is-on) span{display:none}.ca-parts button.is-on span{min-height:3em}}.sf{margin:0}.sf-hand{position:relative;display:grid;place-items:center;height:min(520px,calc(100svh - 201px));overflow:hidden;border-radius:20px;background:var(--hp-stage-gradient)}.sf-card{position:absolute;width:min(40%,280px);aspect-ratio:1;transform-origin:50% 110%;cursor:default}.sf-card img{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 26px 44px -26px #0c0a0999}.sf-card.is-lifted img{box-shadow:0 36px 60px -26px #0c0a09a6}.sf-name{position:absolute;left:50%;bottom:-14px;padding:6px 11px;transform:translate(-50%);border-radius:999px;background:var(--hp-ink);color:#fff;font-size:11px;font-weight:500;white-space:nowrap;pointer-events:none}.sf .kt-caption{padding-top:12px}@media(max-width:960px){.sf-hand{height:420px}}@media(max-width:640px){.sf-hand{height:320px}.sf-card{width:46%}.sf-name{font-size:12px}}.sr-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(28px,4.5vw,64px);align-items:center;padding-block:clamp(24px,4svh,44px)}.sr-eyebrow.hp-eyebrow{color:var(--hp-primary)}.sr-hero h1{margin-top:16px;font-size:var(--hp-h1-split);font-weight:400;line-height:1.05;letter-spacing:-.045em;text-wrap:balance}.sr-hero h1 span{color:var(--hp-primary)}.sr-hero .kt-copy>p:not(.hp-eyebrow){margin-top:18px}.sr-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.sr-page .sr-why-note{margin-top:22px;padding-left:14px;border-left:2px solid var(--hp-primary);font-size:15px;color:var(--hp-ink)}.sr-grid-figure{margin:0}.sr-grid-figure img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 14px 34px -14px #0c0a092e}.sr-grid-figure .kt-caption{padding-top:12px}.sr-journey .hp-product-loop-speaker,.sr-journey .hp-product-loop{width:min(100%,820px,max(440px,calc((100svh - 441px)*1.7)));margin-inline:auto}.sr-steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.sr-steps:before{content:"";position:absolute;top:19px;left:20px;right:20%;height:1px;background:var(--hp-border-strong)}.sr-steps li{position:relative}.sr-step-num{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--hp-primary);color:#fff;font-size:15px;font-weight:500;box-shadow:0 0 0 6px #fff}.sr-page .sr-step-who{margin-top:22px;font-size:13px;color:var(--hp-primary)}.sr-steps h3{margin-top:6px;font-size:clamp(20px,1.8vw,24px);font-weight:500;line-height:1.2;letter-spacing:-.02em}.sr-steps li>p:last-child{margin-top:10px;max-width:320px;font-size:15px;line-height:1.55;color:var(--hp-muted)}.sr-proof-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:20px}.sr-quote{display:flex;flex-direction:column;gap:14px;margin:0;padding:clamp(22px,2.4vw,30px);border-radius:20px;background:var(--kt-stage)}.sr-quote-logo{width:auto;height:30px;align-self:flex-start}.sr-quote blockquote{margin:0;font-size:clamp(18px,1.5vw,21px);line-height:1.4;letter-spacing:-.015em}.sr-quote figcaption{font-size:14px;color:var(--hp-muted)}.sr-quote figcaption b{font-weight:500;color:var(--hp-ink)}.sr-quote .hp-text-link{margin-top:auto;align-self:flex-start}.sr-figures{display:grid;gap:10px}.sr-figures div{padding:16px 24px;border-radius:20px;background:var(--hp-surface)}.sr-figures dt{font-size:clamp(30px,2.8vw,38px);font-weight:400;line-height:1;letter-spacing:-.05em}.sr-figures dd{margin-top:8px;font-size:13px;color:var(--hp-muted)}.sr-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.sr-posts>div{display:grid}.sr-page .sr-also{margin-top:16px;font-size:14px;color:var(--hp-muted)}.sr-page .sr-remix-link{margin-top:22px;font-size:14px;color:var(--hp-muted)}.sr-remix-link a{color:var(--hp-ink);font-weight:500;text-decoration:underline;text-underline-offset:4px}@media(max-width:960px){.sr-hero,.sr-proof-grid,.sr-posts,.sr-steps{grid-template-columns:minmax(0,1fr)}.sr-steps:before{display:none}}@media(max-width:640px){.sr-hero{gap:28px;padding-block:28px 8px}.sr-page .sr-why-note{margin-top:18px}.sr-steps li{padding:22px 20px 24px;border-radius:20px;background:var(--hp-surface)}.sr-step-num{width:36px;height:36px;box-shadow:none}.sr-page .sr-step-who{margin-top:16px}.sr-steps h3{font-size:20px}.sr-proof-grid{gap:8px}.sr-quote blockquote{font-size:17px}.sr-figures{gap:0;padding:6px 20px;border-radius:20px;background:var(--hp-surface)}.sr-figures div{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;padding:14px 0;border-radius:0;background:none}.sr-figures div+div{border-top:1px solid var(--hp-border)}.sr-figures dt{font-size:28px}.sr-figures dd{margin-top:0;font-size:14px;line-height:1.4}.sr-page .st-post.is-compact .st-post-meta,.sr-page .st-post.is-compact .st-post-foot{font-size:12px}.sr-posts{margin-top:16px}.sr-page .sr-remix-link a{display:inline-flex;align-items:center;min-height:44px}}
