.site-ui .s-dashboard .dash-frame{border-radius:var(--r-xl);border:1px solid var(--line);background:var(--surface);box-shadow:var(--sh-3);position:relative;overflow:hidden}.site-ui .s-dashboard .dash-top{background:var(--surface-2);border-bottom:1px solid var(--line);align-items:center;gap:6px;height:40px;padding:0 14px;display:flex}.site-ui .s-dashboard .dash-top i{background:var(--line-2);border-radius:50%;flex:none;width:9px;height:9px}.site-ui .s-dashboard .dash-url{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-left:12px;font-size:.75rem;font-weight:500;overflow:hidden}.site-ui .s-dashboard .dash-env{color:var(--faint);white-space:nowrap;margin-left:auto;font-size:.74rem;font-weight:500}.site-ui .s-dashboard .dash-shot{line-height:0;position:relative;container-type:inline-size}.site-ui .s-dashboard .dash-shot img{width:100%;height:auto;display:block}.site-ui .s-dashboard .lead-badge{white-space:nowrap;background:var(--ink);color:#fff;box-shadow:0 0 0 6px #0d94882e, var(--sh-2);border-radius:6px;align-items:center;gap:.5em;padding:.42em .85em;font-size:clamp(9px,1.05cqi,12.5px);font-weight:600;line-height:1.4;display:inline-flex;position:absolute;top:26.4%;right:23.6%}.site-ui .s-dashboard .lead-badge i{background:#5eead4;border-radius:50%;flex:none;width:.6em;height:.6em}@media (max-width:639px){.site-ui .s-dashboard .lead-badge{display:none}}.site-ui .s-dashboard .dash-frame{transition:opacity .6s var(--ease), transform .8s var(--ease)}.site-ui .s-dashboard .dash-frame.is-pre{opacity:0;transform:translateY(28px)scale(.98)}.site-ui .s-dashboard .dash-frame.is-pre .lead-badge{opacity:0;box-shadow:var(--sh-2);transform:scale(.8)}.site-ui .s-dashboard .dash-frame.is-on .lead-badge{transition:opacity var(--base) var(--ease) 1s, transform .42s var(--spring) 1s, box-shadow .9s var(--ease) 1.2s}.site-ui .s-dashboard .dash-frame.is-on .lead-badge i{animation:dashboard-ping 1.6s var(--ease) 1.4s 2}@keyframes dashboard-ping{0%{box-shadow:0 0 #5eead4b3}to{box-shadow:0 0 0 8px #5eead400}}
.site-ui .s-faq.sec{padding-top:0}.site-ui .s-faq .faq{max-width:820px;margin:0 auto}.site-ui .s-faq .qa{border-bottom:1px solid var(--line)}.site-ui .s-faq .qa:first-child{border-top:1px solid var(--line)}.site-ui .s-faq .qa h3{font-size:1.04rem;font-family:var(--font);letter-spacing:-.005em;margin:0;font-weight:600;line-height:1.3}.site-ui .s-faq .qa button{text-align:left;cursor:pointer;width:100%;min-height:64px;color:var(--ink);-webkit-tap-highlight-color:transparent;transition:color var(--fast) var(--ease);background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 4px;font-size:1.04rem;font-weight:600;line-height:1.3;display:flex}.site-ui .s-faq .qa button:hover{color:var(--teal-ink)}.site-ui .s-faq .qa .chev{border:1px solid var(--line);width:30px;height:30px;color:var(--ink);transition:transform var(--base) var(--ease), background-color var(--base), border-color var(--base);border-radius:8px;flex:none;place-items:center;display:grid}.site-ui .s-faq .qa .chev svg{width:15px;height:15px}.site-ui .s-faq .qa button[aria-expanded=true] .chev{background:var(--teal-soft);border-color:var(--teal-line);color:var(--teal-ink);transform:rotate(180deg)}.site-ui .s-faq .qa .ans{grid-template-rows:1fr;display:grid}.site-ui .s-faq .qa .ans>div{min-height:0;overflow:clip}.site-ui .s-faq .qa .ans p{color:var(--muted);margin:0;padding:0 48px 20px 4px;line-height:1.6}.site-ui .s-faq .faq[data-js=on] .ans{transition:grid-template-rows .24s var(--ease);grid-template-rows:0fr}.site-ui .s-faq .faq[data-js=on] .ans.open{grid-template-rows:1fr}.site-ui .s-faq .faq[data-js=on] .ans>div{visibility:hidden;transition:visibility 0s linear .24s}.site-ui .s-faq .faq[data-js=on] .ans.open>div{visibility:visible;transition-delay:0s}
.site-ui .s-features .bento{grid-template-columns:1fr;gap:14px;display:grid}.site-ui .s-features .bento>*{min-width:0}@media (min-width:700px){.site-ui .s-features .bento{grid-template-columns:repeat(2,1fr)}}@media (min-width:1040px){.site-ui .s-features .bento{grid-template-columns:repeat(6,1fr)}.site-ui .s-features .t-lead,.site-ui .s-features .t-read{grid-column:span 3}.site-ui .s-features .t-quiz,.site-ui .s-features .t-style,.site-ui .s-features .t-fast{grid-column:span 2}.site-ui .s-features .t-src{grid-column:span 6}}@media (min-width:700px) and (max-width:1039px){.site-ui .s-features .t-src{grid-column:1/-1}}.site-ui .s-features .tile-b{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);transition:box-shadow var(--base) var(--ease);padding:22px;position:relative;overflow:hidden}.site-ui .s-features .tile-b:focus-within,.site-ui .s-features .tile-b:hover{box-shadow:var(--sh-2)}.site-ui .s-features .tile-b:focus-visible{box-shadow:var(--focus);border-radius:var(--r-lg)}.site-ui .s-features .tile-b .tag{color:var(--faint);margin-top:4px;font-size:.8rem;font-weight:500;display:block}.site-ui .s-features .tile-b p{color:var(--muted);max-width:520px;margin-top:8px;font-size:.93rem}.site-ui .s-features .demo{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;height:150px;margin-bottom:18px;position:relative;overflow:hidden}.site-ui .s-features .demo,.site-ui .s-features .demo *{animation-play-state:paused!important}.site-ui .s-features .bento[data-play~=lead] .t-lead .demo *,.site-ui .s-features .bento[data-play~=read] .t-read .demo *,.site-ui .s-features .bento[data-play~=quiz] .t-quiz .demo *,.site-ui .s-features .bento[data-play~=style] .t-style .demo *,.site-ui .s-features .bento[data-play~=fast] .t-fast .demo *,.site-ui .s-features .bento[data-play~=src] .t-src .demo *{animation-play-state:running!important}.site-ui .s-features .d-lead .form{border:1px solid var(--line);width:46%;box-shadow:var(--sh-1);animation:features-leadFly 3.6s var(--ease) infinite;background:#fff;border-radius:10px;padding:10px;position:absolute;top:22px;left:16px}.site-ui .s-features .d-lead .form i{background:var(--line);border-radius:4px;height:7px;margin:6px 0;display:block}.site-ui .s-features .d-lead .form i:first-child{background:var(--ink-2);opacity:.6;width:50%}.site-ui .s-features .d-lead .form b{background:var(--teal);border-radius:5px;width:60%;height:16px;margin-top:8px;display:block}.site-ui .s-features .d-lead .box{border:1px solid var(--line);width:34%;height:88px;color:var(--muted);background:#fff;border-radius:12px;place-items:center;font-size:.75rem;display:grid;position:absolute;top:30px;right:16px}.site-ui .s-features .d-lead .box svg{width:24px;color:var(--ink-2)}.site-ui .s-features .d-lead .badge{background:var(--teal);color:#fff;min-width:22px;height:22px;animation:features-badgePop 3.6s var(--spring) infinite;border-radius:11px;place-items:center;font-size:.72rem;font-weight:600;display:grid;position:absolute;top:22px;right:10px}@keyframes features-leadFly{0%,20%{opacity:1;transform:none}55%{opacity:0;transform:translate(120%,8px)scale(.35)}56%,70%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes features-badgePop{0%,50%{transform:scale(0)}60%{transform:scale(1.15)}68%,92%{transform:scale(1)}to{transform:scale(0)}}.site-ui .s-features .d-read .rows{animation:4s linear infinite features-rowsUp;position:absolute;top:10px;left:12px;right:12px}.site-ui .s-features .d-read .r{border:1px solid var(--line);color:var(--ink-2);white-space:nowrap;background:#fff;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:6px;padding:7px 10px;font-size:.76rem;display:grid;overflow:hidden}.site-ui .s-features .d-read .r time{color:var(--faint);font-size:.7rem;font-weight:500}.site-ui .s-features .d-read .r em{background:var(--teal-soft);color:var(--teal-ink);border-radius:5px;padding:2px 6px;font-size:.66rem;font-style:normal;font-weight:600}.site-ui .s-features .d-read .r em.no{background:var(--warn-soft);color:var(--warn)}@keyframes features-rowsUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.site-ui .s-features .d-quiz{place-items:center;display:grid}.site-ui .s-features .d-quiz .q{width:64px;height:64px;font-family:var(--display);border-radius:18px;place-items:center;font-size:1.8rem;font-weight:800;display:grid;position:relative}.site-ui .s-features .d-quiz .q span{border-radius:18px;place-items:center;display:grid;position:absolute;inset:0}.site-ui .s-features .d-quiz .q .a{background:var(--warn-soft);color:var(--warn);animation:features-qOut 3.4s var(--ease) infinite}.site-ui .s-features .d-quiz .q .b{background:var(--teal);color:#fff;animation:features-qIn 3.4s var(--spring) infinite}.site-ui .s-features .d-quiz small{color:var(--muted);font-size:.74rem;position:absolute;bottom:12px}@keyframes features-qOut{0%,40%{opacity:1;transform:none}55%,92%{opacity:0;transform:rotateY(90deg)}to{opacity:1}}@keyframes features-qIn{0%,48%{opacity:0;transform:scale(.6)}60%,92%{opacity:1;transform:scale(1)}to{opacity:0}}.site-ui .s-features .d-style .site{border:1px solid var(--line);background:#fff;border-radius:8px;position:absolute;inset:14px}.site-ui .s-features .d-style .site i{background:var(--line);border-radius:3px;height:6px;margin:12px 12px 0;display:block}.site-ui .s-features .d-style .site i:nth-child(2){width:60%}.site-ui .s-features .d-style .wb{width:38px;height:38px;box-shadow:var(--sh-2);background:var(--teal);border-radius:50%;place-items:center;animation:4s step-end infinite features-hue;display:grid;position:absolute;bottom:24px;right:24px}.site-ui .s-features .d-style .wb .mk{color:#fff;width:22px}.site-ui .s-features .d-style .sw{gap:6px;display:flex;position:absolute;bottom:24px;left:24px}.site-ui .s-features .d-style .sw i{width:16px;height:16px;box-shadow:0 0 0 1px var(--line-2);border:2px solid #fff;border-radius:5px}.site-ui .s-features .d-style .sw i:first-child{background:#0d9488}.site-ui .s-features .d-style .sw i:nth-child(2){background:#e0663c}.site-ui .s-features .d-style .sw i:nth-child(3){background:#4f46e5}.site-ui .s-features .d-style .sw i:nth-child(4){background:#16314a}@keyframes features-hue{0%{background:#0d9488}25%{background:#e0663c}50%{background:#4f46e5}75%{background:#16314a}}.site-ui .s-features .d-fast{place-items:center;display:grid}.site-ui .s-features .d-fast svg.g{width:150px;height:90px}.site-ui .s-features .d-fast .needle{transform-origin:75px 78px;animation:features-needle 3.2s var(--ease) infinite}@keyframes features-needle{0%,10%{transform:rotate(-80deg)}45%,85%{transform:rotate(55deg)}to{transform:rotate(-80deg)}}.site-ui .s-features .t-src .inner{align-items:center;gap:22px;display:grid}.site-ui .s-features .t-src .inner>*{min-width:0}@media (min-width:860px){.site-ui .s-features .t-src .inner{grid-template-columns:1fr 1.1fr}.site-ui .s-features .t-src .demo{margin:0}}.site-ui .s-features .d-src{flex-direction:column;justify-content:center;gap:6px;padding:14px 18px;display:flex}.site-ui .s-features .d-src .bubble{border:1px solid var(--line);background:#fff;border-bottom-left-radius:5px;max-width:90%;font-size:.85rem}.site-ui .s-features .d-src .chip{animation:features-chipIn 3.6s var(--spring) infinite;align-self:flex-start}@keyframes features-chipIn{0%,25%{opacity:0;transform:translateY(6px)scale(.9)}38%,90%{opacity:1;transform:none}to{opacity:0}}@media (prefers-reduced-motion:reduce){.site-ui .s-features .demo,.site-ui .s-features .demo *{animation:none!important}.site-ui .s-features .d-quiz .q .a{opacity:0}.site-ui .s-features .d-quiz .q .b{opacity:1}.site-ui .s-features .d-fast .needle{transform:rotate(55deg)}.site-ui .s-features .d-lead .badge{transform:scale(1)}}
.site-ui .s-final.sec{padding:clamp(56px,7vw,96px) 0}.site-ui .s-final .final-card{--pad-y:clamp(40px, 6vw, 80px);isolation:isolate;background:var(--ink);color:#d9e6f0;padding:var(--pad-y) clamp(22px, 5vw, 72px);border-radius:28px;position:relative;overflow:hidden}.site-ui .s-final .final-card .contour{z-index:-2;background:var(--contours) center / cover no-repeat;position:absolute;inset:0}.site-ui .s-final .final-copy{position:relative}.site-ui .s-final .final-card h2{color:#fff;max-width:640px}.site-ui .s-final .final-card p{color:#b3c6d6;max-width:560px;margin:16px 0 0;font-size:1.06rem;line-height:1.6}.site-ui .s-final .final-card .ctas{flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:28px;display:flex}.site-ui .s-final .final-card .btn-link{color:var(--aqua-pale)}.site-ui .s-final .final-card .btn-link:hover{color:#fff}.site-ui .s-final .final-card .mail{color:#9fb4c6;margin-top:18px;font-size:.9rem}.site-ui .s-final .final-card .mail a{color:#fff;text-underline-offset:3px;overflow-wrap:anywhere;text-decoration-color:#ffffff59}.site-ui .s-final .final-card :focus-visible{box-shadow:var(--focus-dark)}.site-ui .s-final .final-sea{--sea-h:110px;height:var(--sea-h);z-index:-1;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.site-ui .s-final .final-card{padding-bottom:calc(var(--pad-y) + 120px)}@media (min-width:960px){.site-ui .s-final .final-card{padding-bottom:var(--pad-y)}.site-ui .s-final .final-sea{width:42%;height:auto;top:0;left:auto}.site-ui .s-final .final-copy{max-width:min(600px,54%)}}@media (min-width:1200px){.site-ui .s-final .final-copy{max-width:640px}.site-ui .s-final .final-sea{width:calc(100% - clamp(22px,5vw,72px) - 672px)}}.site-ui .s-final .wave-svg{width:100%;max-width:none;height:100%;position:absolute;inset:0}.site-ui .s-final .wave-svg .wv{fill:none;stroke:#5eead480;stroke-width:1.5px;stroke-linecap:round}.site-ui .s-final .wave-svg .wv2{stroke:#5eead42e}.site-ui .s-final .manta-fly{width:clamp(64px,10vw,120px);color:var(--aqua-hi);opacity:0;pointer-events:none;will-change:transform;display:block;position:absolute;top:0;left:0}.site-ui .s-final .manta-fly .mk{width:100%}@media (min-width:960px){.site-ui .s-final .manta-fly{width:clamp(72px,8vw,112px)}}