.f-hero{padding-block:clamp(40px,6vw,88px) clamp(56px,8vw,112px)}.f-hero .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(28px,5vw,72px);display:grid}.f-hero .say{justify-items:start;gap:22px;display:grid}.f-hero .row{flex-wrap:wrap;align-items:center;gap:12px 22px;display:flex}.f-hero .art{padding:0 0 56px 40px;position:relative}.f-hero .art .browser{width:100%}.f-hero .art .phone{inset-inline-start:0;width:min(190px,38%);position:absolute;bottom:0}.f-hero .art .float{inset-inline-end:-8px;bottom:18px}.bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.bento .card{align-content:start;gap:14px;display:grid;overflow:hidden}.bento h3{font-size:1.25rem}.bento p{color:var(--muted)}.b-cod{grid-column:span 4;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center}.b-cod .well{padding:10px}.b-cod .well img{border-radius:10px}.b-del,.b-addr,.b-ads,.b-themes{grid-column:span 2}.b-prod{grid-area:span 2/span 2}.b-prod .shot{border-radius:18px 18px 0 0;height:300px;margin:4px -32px -32px;overflow:hidden}.b-prod .shot img{object-fit:cover;object-position:top;width:100%}.pills{flex-wrap:wrap;gap:6px;display:flex}.pills span{background:var(--well);font:500 .88rem/1 var(--body);border-radius:999px;padding:8px 12px}.url{background:var(--well);font:500 .95rem/1.2 var(--mono);border-radius:14px;align-items:center;gap:8px;padding:12px 14px;display:flex;overflow:hidden}.url svg{width:16px;height:16px;color:var(--green);flex:none}.url b{font-weight:700}.ex{font:600 .68rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.story{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,6vw,96px);display:grid}.story .pin{top:calc(96px + env(safe-area-inset-top,0px));align-self:start;justify-items:center;display:grid;position:sticky}.story .pin .phone{width:min(290px,100%)}.story .pin .phone img{opacity:0;width:calc(100% - 20px);height:calc(100% - 20px);transition:opacity .3s var(--ease);position:absolute;inset:10px}.story .pin .phone img.now{opacity:1}.story .pin .phone .step-card{opacity:0;transition:opacity .3s var(--ease);border-radius:33px;align-content:center;gap:12px;display:grid;position:absolute;inset:10px}.story .pin .phone .step-card.now{opacity:1}.story ol{margin:0;padding:0;list-style:none}.step{align-content:center;gap:12px;min-height:62svh;display:grid}.step .n{background:var(--indigo-soft);width:34px;height:34px;color:var(--indigo);font:700 .9rem/1 var(--mono);border-radius:999px;place-items:center;display:grid}.step.now .n{background:var(--indigo);color:var(--on-night)}.step h3{font:460 var(--t-l)/1.15 var(--display);letter-spacing:-.02em}.step p{color:var(--muted);max-width:30rem}.step .inline{display:none}.stages{flex-wrap:wrap;gap:6px;display:flex}.stages span{background:var(--well);font:600 .76rem/1 var(--body);border-radius:999px;padding:6px 10px}.stages span.on{background:var(--ink);color:var(--on-night)}.ai .wrap{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(28px,6vw,96px);display:grid}.chat{gap:12px;display:grid}.bubble{background:var(--on-night);max-width:88%;color:var(--night);border-radius:20px 20px 6px;justify-self:end;padding:16px 18px;font-size:1.05rem}.chat .note{color:var(--on-night-muted);font-size:var(--t-s);justify-self:start}.can{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.can h3{font:600 var(--t-xs)/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--on-night-muted);margin-bottom:12px}.ai .say{gap:18px;display:grid}.shops .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.shop{transition:translate .25s var(--ease), box-shadow .25s var(--ease);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px;text-decoration:none;display:grid}@media (hover:hover){a.shop:hover{translate:0 -3px;box-shadow:0 1px 2px #1f1b160f,0 28px 50px -26px #1f1b1673}}.shop .phone{border-radius:26px;width:150px;padding:6px}.shop .phone img{border-radius:21px}.shop .say{gap:8px;display:grid}.shop .go{color:var(--indigo);font-weight:600}@media (width<=960px){.f-hero .wrap,.ai .wrap{grid-template-columns:minmax(0,1fr)}.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.b-cod{grid-column:span 2;grid-template-columns:minmax(0,1fr)}.b-del,.b-addr,.b-ads,.b-themes{grid-column:span 1}.b-prod{grid-area:auto/span 2}.shops .grid{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.f-hero .art{justify-items:center;padding:0 0 28px;display:grid}.f-hero .art .browser{display:none}.f-hero .art .phone{width:min(240px,68%);position:static}.f-hero .art .float{inset-inline-end:0;bottom:8px}.bento{grid-template-columns:minmax(0,1fr)}.b-cod,.b-del,.b-addr,.b-ads,.b-themes,.b-prod{grid-column:auto}.b-prod .shot{margin:4px -22px -22px}.story{grid-template-columns:minmax(0,1fr)}.story .pin{display:none}.step{min-height:0;padding-block:24px}.step .inline{object-fit:cover;object-position:top;width:min(220px,70%);margin-top:8px;display:block}.can{grid-template-columns:minmax(0,1fr)}.shop{grid-template-columns:110px minmax(0,1fr);gap:16px}.shop .phone{width:110px}}