.product .product-shot{margin-bottom:12px}.benefits{gap:72px;margin:48px 0 0;padding:0;list-style:none;display:grid}.benefit{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:56px;display:grid}.benefit:nth-child(2n) .benefit-copy{order:2}.benefit-copy h3{font:500 clamp(22px, 2.4vw, 28px)/1.2 var(--heading);letter-spacing:-.025em}.benefit-copy p{max-width:26em;color:var(--muted);margin-top:12px;font-size:16px;line-height:1.6}.benefit-copy a{color:var(--fg);text-decoration:underline;text-decoration-color:var(--accent-line);text-underline-offset:3px}.benefit-copy a:hover{text-decoration-color:var(--accent)}.benefit-copy code{color:var(--fg);font-size:.9em}.benefit-pic{width:min(100%, calc(var(--ratio) * 300px))}.benefit:nth-child(odd) .benefit-pic{justify-self:end}.benefit:nth-child(2n) .benefit-pic{justify-self:start}.moment-head{max-width:40em}.moment-head p{color:var(--muted);margin-top:16px;font-size:18px;line-height:1.55}.art{margin:40px 0 0}.art .mono,.art-input{font-family:var(--mono)}.art-card{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);max-width:640px;box-shadow:var(--shadow);margin-inline:auto;padding:24px}.art-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.art-row b{font-size:16px;font-weight:500}.art-note{color:var(--muted);margin-top:10px;font-size:14px}.art-deploy ol,.art-domain ol{gap:12px;margin:0;padding:0;list-style:none;display:grid}.art-deploy ol{grid-template-columns:repeat(5,minmax(0,1fr))}.art-domain ol{grid-template-columns:repeat(3,minmax(0,1fr))}.art-deploy li,.art-domain li{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);flex-direction:column;gap:8px;padding:20px;display:flex;position:relative}.art-deploy li b{font-size:16px;font-weight:500}.art-deploy li>span,.art-domain li>span:not(.chip){color:var(--muted);overflow-wrap:anywhere;font-size:13.5px;line-height:1.45}.art-domain li b{overflow-wrap:anywhere;font-size:14px;font-weight:500}.art-domain li .chip{align-self:flex-start}.art-live{border-color:var(--accent-line)!important;background:var(--accent-soft)!important}.art-deploy li:not(:last-child):after,.art-domain li:not(:last-child):after{content:"";z-index:1;border-top:1.5px solid var(--faint);border-right:1.5px solid var(--faint);width:6px;height:6px;position:absolute;top:50%;right:-9px;transform:translateY(-50%)rotate(45deg)}.art-timeline{height:56px;margin-top:28px;position:relative}.art-track{background:linear-gradient(90deg, var(--raised), var(--accent-line));border-radius:999px;height:6px;position:absolute;bottom:10px;left:0;right:0}.art-pin{border:3px solid var(--surface);background:var(--accent);width:18px;height:18px;box-shadow:0 0 0 1px var(--accent-line);border-radius:50%;margin-left:-9px;position:absolute;bottom:4px}.art-pin-label{white-space:nowrap;border-radius:var(--r-chip);background:var(--chip);border:1px solid var(--line);font:500 12.5px/1.3 var(--sans);color:var(--fg);padding:3px 8px;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.art-scale{color:var(--faint);margin-top:6px;font-size:12.5px}.art-btn{pointer-events:none;margin-top:20px}.art-file{align-items:center;gap:10px;min-width:0;display:inline-flex}.art-file svg{width:18px;height:18px;color:var(--muted);flex:none}.art-file b{overflow-wrap:anywhere}.art-arrow{border-left:2px solid var(--line-strong);color:var(--muted);margin:18px 0 10px 8px;padding-left:16px;font-size:13.5px}.art-url{border-radius:var(--r-control);background:var(--raised);border:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding:12px 14px;font-size:14px;display:flex}.art-url .mono{color:var(--fg)}.art-url span:last-child{color:var(--muted);font-size:13.5px}.art-steps{color:var(--muted);flex-wrap:wrap;gap:10px 24px;margin-top:16px;font-size:14px;display:flex}.art-steps>span{align-items:center;gap:8px;display:inline-flex}.art-signin{max-width:640px;margin-inline:auto}.art-browser{border:1px solid var(--line);border-radius:var(--r-card);background:var(--bg);box-shadow:var(--shadow);overflow:hidden}.art-bar{border-bottom:1px solid var(--line);background:var(--raised);align-items:center;gap:14px;padding:10px 14px;display:flex}.art-dots{gap:6px;display:inline-flex}.art-dots i{background:var(--line-strong);border-radius:50%;width:9px;height:9px}.art-address{border-radius:var(--r-chip);background:var(--surface);border:1px solid var(--line);min-width:0;color:var(--fg);text-overflow:ellipsis;white-space:nowrap;flex:1;padding:5px 12px;font-size:13px;overflow:hidden}.art-page{place-items:center;padding:40px 20px;display:grid}.art-login{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);gap:10px;width:min(100%,320px);padding:28px;display:grid}.art-logo{background:var(--accent);width:36px;height:36px;color:var(--on-accent);border-radius:10px;place-items:center;font-weight:600;display:grid}.art-login b{margin-bottom:6px;font-size:18px;font-weight:500}.art-input{border-radius:var(--r-control);border:1px solid var(--line-strong);background:var(--bg);height:36px;color:var(--faint);align-items:center;padding:0 12px;font-size:13px;display:flex}.art-login .btn{pointer-events:none;height:36px}.art-or{text-align:center;color:var(--faint);font-size:12.5px}.art-signin figcaption{text-align:center;margin-top:12px}.art-events{gap:0;margin:20px 0 0;padding:0;list-style:none;display:grid}.art-events li{grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:12px;padding-block:12px;font-size:14.5px;display:grid;position:relative}.art-events li+li{border-top:1px solid var(--line)}.art-events b{font-weight:500}.art-events li>span:last-child{color:var(--muted);font-size:13px}.art-spans{gap:14px;margin:20px 0 0;padding:0;list-style:none;display:grid}.art-spans li{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:4px 14px;font-size:13.5px;display:grid}.art-spans li>span:first-child{color:var(--muted)}.art-spans li>.mono{overflow-wrap:anywhere}.art-spans i{background:var(--raised);border-radius:999px;grid-column:2;height:8px;position:relative}.art-spans i:before{content:"";top:0;bottom:0;left:var(--from);right:calc(100% - var(--to));background:var(--accent);border-radius:999px;position:absolute}.product-questions{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:64px;display:grid}.product-others-section{padding-block:44px}.product-others-title{font:500 15px/1.3 var(--sans);color:var(--muted)}.product-others{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.product-others a{border:1px solid var(--line);border-radius:var(--r-control);height:36px;color:var(--fg);align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.product-others a:hover{border-color:var(--line-strong);background:var(--raised)}.product-others svg{width:16px;height:16px;color:var(--muted)}.cta-line{margin:24px auto 0}@media (width<=960px){.art-deploy ol{grid-template-columns:repeat(2,minmax(0,1fr))}.art-deploy li:not(:last-child):after,.art-domain li:not(:last-child):after{display:none}.product-questions{grid-template-columns:minmax(0,1fr);gap:24px}}@media (width<=800px){.benefits{gap:56px}.benefit{grid-template-columns:minmax(0,1fr);gap:20px}.benefit:nth-child(2n) .benefit-copy{order:0}.benefit-pic,.benefit:nth-child(odd) .benefit-pic,.benefit:nth-child(2n) .benefit-pic{justify-self:stretch;width:100%}.art-domain ol{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.art-deploy ol{grid-template-columns:minmax(0,1fr)}.art-card{padding:18px}.art-page{padding:24px 12px}.art-spans li{grid-template-columns:minmax(0,1fr)}.art-spans i{grid-column:1}}
