:root{--shot-radius: 22px}.section{padding-block:clamp(3.5rem,9vw,6.5rem)}.section-title{text-align:center;margin-bottom:clamp(1.75rem,5vw,3rem)}.shot{width:100%;height:auto;border-radius:var(--shot-radius);background:var(--night-3);box-shadow:0 30px 80px #00000080,0 0 0 1px #ffffff14}.hero{position:relative;padding-block:clamp(2.25rem,6vw,5rem) clamp(2.75rem,6vw,4.5rem);overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(55% 45% at 50% 78%,rgba(18,214,165,.2),transparent 72%),radial-gradient(45% 35% at 12% 0%,rgba(61,108,255,.12),transparent 72%),var(--night)}.hero-grid{display:grid;gap:2.25rem;align-items:center}.hero-copy{container-type:inline-size;width:100%;max-width:640px;margin-inline:auto;text-align:center}.title-line{display:block}.title-fit{font-size:min(var(--h1-size),100cqi / (var(--title-chars) + .2))}.hero-lead{margin-top:1rem;color:var(--muted);font-size:clamp(1.1rem,3.6vw,1.35rem);line-height:1.55;overflow-wrap:break-word;text-wrap:pretty;word-break:auto-phrase}.hero-copy .store-button{margin-top:1.75rem}.hero-points{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem 1.25rem;margin-top:1rem;list-style:none;color:var(--muted);font-size:.95rem}.hero-points li{display:inline-flex;align-items:center;gap:.35rem}.hero-points .icon,.plan-points .icon,.trust-list .icon,.story-note-ok .icon{flex:0 0 auto;color:var(--mint)}.hero-visual{display:flex;justify-content:center}.store-button{position:relative;overflow:hidden}.store-button:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%);transform:translate(calc(-120% * var(--dir, 1)));pointer-events:none}.trust{background:linear-gradient(180deg,#12d6a521,#12d6a50a);border-block:1px solid var(--mint-line)}.trust-inner{display:grid;gap:1.1rem;justify-items:center;padding-block:1.75rem;text-align:center}.trust-head{display:flex;align-items:center;gap:.8rem}.trust-badge{flex:0 0 auto;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--mint);color:var(--on-mint)}.trust-head h2{font-size:clamp(1.25rem,4.4vw,1.75rem);text-align:start}.trust-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;list-style:none}.trust-list li{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .9rem;border:1px solid var(--line);border-radius:999px;background:#ffffff0f;font-size:.95rem;font-weight:600}.story-grid{display:grid;gap:2.25rem;align-items:center}.story-copy{max-width:560px;margin-inline:auto;text-align:center}.story-copy h2{margin-bottom:1rem}.story-body{color:var(--muted);font-size:1.08rem;line-height:1.7}.tag-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.4rem;list-style:none}.tag-list li{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .95rem;border:1px solid rgba(255,107,127,.38);border-radius:12px;background:#ff6b7f1f;color:#ffdce1;font-weight:650}.tag-list .icon{color:var(--rose)}.story-note{margin-top:1.1rem;color:var(--muted);font-size:.9rem}.story-note-ok{display:inline-flex;align-items:center;gap:.4rem;color:#c9f5e8;font-size:1rem;font-weight:600}.story-visual{display:flex;justify-content:center}.story-solution{background:var(--night-2)}.steps{display:grid;gap:.75rem;max-width:420px;margin:1.5rem auto 0;list-style:none;text-align:start}.steps li{display:flex;align-items:center;gap:.9rem;padding:.85rem 1rem;border:1px solid var(--line);border-radius:16px;background:#ffffff0d;font-size:1.1rem;font-weight:650}.step-mark{flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--mint-soft);color:var(--mint)}.step-num{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;margin-inline-end:.55rem;border-radius:999px;background:var(--mint);color:var(--on-mint);font-size:.82rem;font-weight:800;vertical-align:.1em}.shot-row{display:grid;grid-auto-flow:column;grid-auto-columns:min(64vw,280px);gap:1rem;margin-inline:calc(var(--gutter) * -1);padding:.5rem var(--gutter) 1.5rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none}.shot-row::-webkit-scrollbar{display:none}.shot-row-item{scroll-snap-align:start}.pricing{background:var(--night-2)}.plan-grid{display:grid;gap:1rem;max-width:820px;margin-inline:auto}.plan{padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0a}.plan h3{color:var(--muted);font-size:1.1rem;font-weight:700}.plan-price{margin-top:.3rem;font-size:2.3rem;font-weight:820;line-height:1.15}.plan-price span{margin-inline-start:.2rem;color:var(--muted);font-size:1rem;font-weight:600}.plan-trial{margin-top:.45rem;color:var(--mint);font-size:.95rem;font-weight:650}.plan-points{display:grid;gap:.55rem;margin-top:1.1rem;list-style:none}.plan-points li{display:flex;align-items:flex-start;gap:.5rem}.plan-points .icon{margin-top:.2rem}.plan-pro{border-color:var(--mint-line);background:linear-gradient(160deg,#12d6a526,#ffffff08)}.plan-options{display:grid;gap:.45rem;margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.95rem}.plan-options div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.2rem 1rem}.plan-options dt{color:var(--muted)}.plan-options dd{font-weight:700;white-space:nowrap}.plan-options dd span{color:var(--muted);font-weight:500}.price-note{max-width:820px;margin:1.25rem auto 0;color:var(--muted);font-size:.86rem;line-height:1.6;text-align:center}.price-note strong{margin-inline-end:.3rem;color:var(--text);font-weight:650}.final{background:radial-gradient(60% 70% at 50% 100%,rgba(18,214,165,.22),transparent 72%),var(--night)}.final-inner{display:grid;justify-items:center;gap:1.25rem;text-align:center}.final-icon{width:72px;height:72px;border-radius:18px;box-shadow:0 16px 40px #00000073}.final-note{color:var(--muted);font-size:.9rem}@media(min-width:720px){.plan-grid{grid-template-columns:1fr 1fr}}@media(min-width:960px){.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:3rem}.hero-copy{margin-inline:0;text-align:start}.hero-points{justify-content:flex-start}.trust-inner{padding-block:2.25rem}.story-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem}.story-copy{margin-inline:0;text-align:start}.tag-list{justify-content:flex-start}.steps{margin-inline:0}.story-grid-flip .story-copy{order:2}.shot-row{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,300px));justify-content:center;gap:2rem;margin-inline:0;padding:0;overflow:visible}}.shot-stage{position:relative;width:min(64vw,300px)}.scan{position:absolute;inset:0;overflow:hidden;border-radius:var(--shot-radius);opacity:0;pointer-events:none}.scan-beam{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(18,214,165,.1) 80%,rgba(18,214,165,.34) 96.4%,var(--mint) 98.3%,#effffa 99.1%,var(--mint) 99.7%,transparent);transform:translateY(-100%)}.marker,.clean-mark{position:absolute;display:grid;place-items:center;pointer-events:none}.marker{width:44px;height:44px;border:1px solid rgba(255,107,127,.6);border-radius:14px;background:#2b1118;color:var(--rose);box-shadow:0 10px 26px #00000073}.marker-pin{top:68%;inset-inline-end:-16px}.marker-clock{top:47%;inset-inline-start:-16px}.marker-phone{top:26%;inset-inline-end:-16px}.metadata-removed .marker{opacity:0}.clean-mark{top:calc(68% - 6px);inset-inline-end:-22px;width:56px;height:56px;border-radius:50%;background:var(--mint);color:var(--on-mint);box-shadow:0 14px 34px #12d6a56b}.clean-mark .icon{stroke-width:2.6}@media(min-width:960px){.hero-visual .shot-stage{width:320px}}:root{--dir: 1}:root[dir=rtl]{--dir: -1}@media screen and (prefers-reduced-motion:no-preference){:root{--ease-out: cubic-bezier(.2, .7, .2, 1);--ease-pop: cubic-bezier(.34, 1.56, .64, 1)}.hero-copy>*{animation:rise .7s var(--ease-out) both}.hero-copy>:nth-child(2){animation-delay:.08s}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.24s}.hero-visual .shot-stage{animation:rise-shot .9s .18s var(--ease-out) both}.motion .hero-visual .is-visible .scan{animation:scan-glow 1.5s .9s linear both}.motion .hero-visual .is-visible .scan-beam{animation:scan-sweep 1.5s .9s linear both}.motion .hero:has(.hero-visual .is-visible) .store-button:after{animation:shine 1.1s 2.4s ease-in-out backwards}.motion .reveal:not(.is-visible),.motion .reveal-seq:not(.is-visible) .seq{opacity:0}.motion .reveal.is-visible,.motion .reveal-seq.is-visible .seq{animation:rise .7s var(--ease-out) var(--d, 0s) backwards}.plan-pro,.shot-row .seq:nth-child(2){--d: .12s}.shot-row .seq:nth-child(3){--d: .24s}.story-body{--d: .1s}.tag-list li:nth-child(1){--d: .3s}.tag-list li:nth-child(2){--d: .45s}.tag-list li:nth-child(3){--d: .6s}.story-note{--d: .85s}.motion .reveal-seq.is-visible .tag-list .seq{animation-name:pop;animation-duration:.55s;animation-timing-function:var(--ease-pop)}.marker:after,.clean-mark:after,.trust-badge:after,.steps li:nth-child(2) .step-mark:after{content:"";position:absolute;inset:-1px;border:2px solid var(--mint);border-radius:inherit;opacity:0;pointer-events:none}.marker:after{border-color:var(--rose)}.motion .metadata-attached.demo:not(.is-visible) .marker{opacity:0}.metadata-attached .marker-pin{--d: .1s;--from-x: calc(-24px * var(--dir))}.metadata-attached .marker-clock{--d: .3s;--from-x: calc(24px * var(--dir))}.metadata-attached .marker-phone{--d: .5s;--from-x: calc(-24px * var(--dir))}.motion .metadata-attached.is-visible .marker{animation:pop-out .6s var(--ease-pop) var(--d) backwards}.motion .metadata-attached.is-visible .marker:after{animation:ping .9s calc(var(--d) + .3s) ease-out}.steps li:nth-child(1){--d: .12s}.steps li:nth-child(2){--d: .27s}.steps li:nth-child(3){--d: .42s}.story-note-ok{--d: .7s}.motion .reveal-seq.is-visible .steps .seq{animation-name:slide-in}.motion .reveal-seq.is-visible .steps .step-mark{animation:pop .55s calc(var(--d) + .15s) var(--ease-pop) backwards}.steps li:nth-child(2) .step-mark{position:relative}.motion .reveal-seq.is-visible .steps li:nth-child(2) .step-mark:after{animation:ping .8s calc(var(--d) + .55s) ease-out}.motion .metadata-removed.demo:not(.is-visible) .marker{opacity:1}.motion .metadata-removed.demo:not(.is-visible) .clean-mark{opacity:0}.motion .metadata-removed.is-visible .scan{animation:scan-glow 1.3s .3s linear both}.motion .metadata-removed.is-visible .scan-beam{animation:scan-sweep 1.3s .3s linear both}.metadata-removed .marker-phone{--d: .64s}.metadata-removed .marker-clock{--d: .91s}.metadata-removed .marker-pin{--d: 1.18s}.motion .metadata-removed.is-visible .marker{animation:wipe .4s var(--d) ease-in backwards}.motion .metadata-removed.is-visible .clean-mark{animation:pop .6s 1.5s var(--ease-pop) backwards}.motion .metadata-removed.is-visible .clean-mark:after{animation:ping 1s 1.85s ease-out}.trust-badge{position:relative}.trust-head h2{--d: .12s}.trust-list li:nth-child(1){--d: .3s}.trust-list li:nth-child(2){--d: .42s}.trust-list li:nth-child(3){--d: .54s}.motion .reveal-seq.is-visible .trust-badge.seq{animation-name:pop;animation-timing-function:var(--ease-pop)}.motion .reveal-seq.is-visible .trust-badge:after{animation:ping 1.1s .4s ease-out}.final-inner h2{--d: .12s}.final-inner .store-button{--d: .24s}.final-note{--d: .36s}.motion .reveal-seq.is-visible .final-icon.seq{animation-name:pop;animation-timing-function:var(--ease-pop)}.motion .final-inner.is-visible .store-button:after{animation:shine 1.1s 1s ease-in-out backwards}}@keyframes rise{0%{opacity:0;transform:translateY(22px)}}@keyframes rise-shot{0%{opacity:0;transform:translateY(28px) scale(.97)}}@keyframes pop{0%{opacity:0;transform:scale(.5)}}@keyframes pop-out{0%{opacity:0;transform:translate(var(--from-x, 0)) scale(.4)}}@keyframes slide-in{0%{opacity:0;transform:translate(calc(-18px * var(--dir)))}}@keyframes ping{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@keyframes wipe{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.3)}}@keyframes scan-sweep{to{transform:translateY(0)}}@keyframes scan-glow{0%,to{opacity:0}12%,85%{opacity:1}}@keyframes shine{to{transform:translate(calc(120% * var(--dir)))}}
