.crol{--crol-cycle:12s;--crol-grad:linear-gradient(135deg, #9e25ce, #403ae3);--crol-ink:#eef1fb;--crol-muted:#9a98ab;--crol-card:#15151f;--crol-line:#ffffff14;--crol-ok:#34d399;isolation:isolate;width:100%;max-width:500px;color:var(--crol-ink);font-family:var(--font-heading,"Inter Tight"), ui-sans-serif, system-ui, sans-serif;background:radial-gradient(70% 45% at 30% 30%,#9e25ce38,#0000 70%),radial-gradient(80% 40% at 70% 100%,#403ae329,#0000 70%),#0e0e17;border-radius:24px;flex-direction:column;gap:16px;margin-inline:auto;padding:34px 20px 20px;animation:.9s cubic-bezier(.22,1,.36,1) both crol-enter;display:flex;position:relative;box-shadow:0 40px 90px -30px #6f30d98c,inset 0 0 0 1px #ffffff0a;container-type:inline-size}.crol:before{content:"";z-index:-1;border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#a47cf08c,#403ae32e 45%,#ffffff0f);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes crol-enter{0%{opacity:0;transform:translateY(18px)scale(.985)}}.crol-sample{border:1px solid var(--crol-line);color:var(--crol-muted);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;background:#ffffff08;border-radius:99px;padding:3px 10px;font-size:10px;position:absolute;top:12px;left:50%;transform:translate(-50%)}@keyframes crol-show-before{0%,44%{opacity:1}50%,94%{opacity:0}to{opacity:1}}@keyframes crol-show-after{0%,44%{opacity:0}50%,94%{opacity:1}to{opacity:0}}.crol-toggle{background:var(--crol-card);border:1px solid var(--crol-line);text-align:center;border-radius:99px;grid-template-columns:1fr 1fr;align-self:center;width:200px;padding:4px;font-size:12px;font-weight:600;display:grid;position:relative}.crol-pill{background:var(--crol-grad);width:calc(50% - 4px);animation:crol-pill var(--crol-cycle) cubic-bezier(.65, 0, .35, 1) infinite;border-radius:99px;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 4px 14px #9e25ce80}@keyframes crol-pill{0%,44%{transform:translate(0)}50%,94%{transform:translate(100%)}to{transform:translate(0)}}.crol-opt{z-index:1;color:var(--crol-muted);padding:6px 0;position:relative}.crol-opt--before{animation:crol-opt-b var(--crol-cycle) infinite}.crol-opt--after{animation:crol-opt-a var(--crol-cycle) infinite}@keyframes crol-opt-b{0%,44%{color:#fff}50%,94%{color:var(--crol-muted)}to{color:#fff}}@keyframes crol-opt-a{0%,44%{color:var(--crol-muted)}50%,94%{color:#fff}to{color:var(--crol-muted)}}.crol-body{grid-template-columns:46% 1fr;align-items:center;gap:5cqw;display:grid}.crol-phone{background:linear-gradient(160deg,#2a2838,#111019);border-radius:6cqw;padding:2cqw;box-shadow:0 0 0 1px #ffffff1a,0 24px 50px #0000008c,0 0 40px #9e25ce38}.crol-screen{aspect-ratio:9/17;color:#16151d;background:#f6f4f1;border-radius:4.4cqw;flex-direction:column;gap:1.6cqw;padding:3cqw 2.4cqw;display:flex;position:relative;overflow:hidden}.crol-bar{justify-content:space-between;align-items:center;display:flex}.crol-bar b{background:#2a2838;border-radius:99px;width:9cqw;height:2.2cqw}.crol-bar u{background:#d8d4de;border-radius:1cqw;width:4cqw;height:2.2cqw}.crol-hero{background:linear-gradient(160deg,#1d1b2b,#2d2748);border-radius:2cqw;flex-direction:column;gap:1cqw;padding:2.4cqw;display:flex}.crol-hero i{background:#ffffffd9;border-radius:99px;height:1.8cqw;display:block}.crol-hero i+i{background:#ffffff73;width:70%}.crol-state{flex-direction:column;gap:1.3cqw;display:flex;position:absolute;top:20cqw;left:2.4cqw;right:2.4cqw}.crol-state--before{animation:crol-show-before var(--crol-cycle) ease-in-out infinite}.crol-state--after{opacity:0;animation:crol-show-after var(--crol-cycle) ease-in-out infinite}.crol-form-title{font-size:max(7px,2.2cqw);font-weight:700}.crol-field{background:#fff;border:1px solid #0000001a;border-radius:1cqw;height:3cqw;display:block}.crol-state--before .crol-field{height:2.3cqw}.crol-submit{text-align:center;background:var(--crol-grad);color:#fff;border-radius:99px;align-self:stretch;margin-top:.4cqw;padding:1.4cqw;font-size:max(6.5px,1.9cqw);font-weight:700}.crol-submit--weak{color:#5b5866;background:#cfcbd6;align-self:flex-start;padding:.8cqw 2cqw;font-weight:600}.crol-tiny-phone{color:#9a96a3;font-size:max(5.5px,1.4cqw)}.crol-trust{color:#6f30d9;font-size:max(6px,1.7cqw);font-weight:600}.crol-callbar{animation:crol-callbar var(--crol-cycle) cubic-bezier(.22, 1, .36, 1) infinite;background:#fff;border-top:1px solid #00000014;grid-template-columns:1.4fr 1fr;gap:1.2cqw;padding:1.8cqw 2.2cqw 2.4cqw;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -6px 16px #00000014}@keyframes crol-callbar{0%,46%{transform:translateY(110%)}54%,92%{transform:translateY(0)}to{transform:translateY(110%)}}.crol-call,.crol-wa{color:#fff;border-radius:99px;justify-content:center;align-items:center;gap:.8cqw;padding:1.4cqw;font-size:max(6.5px,1.9cqw);font-weight:700;display:inline-flex}.crol-call{background:var(--crol-grad);animation:1.6s ease-in-out infinite crol-ring;box-shadow:0 3px 10px #9e25ce80}.crol-call svg{fill:none;stroke:#fff;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:2.4cqw;height:2.4cqw}.crol-wa{background:#25a35a}@keyframes crol-ring{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.crol-metrics{flex-direction:column;gap:3cqw;display:flex}.crol-metric{background:linear-gradient(180deg, #ffffff0d, #ffffff04), var(--crol-card);border:1px solid var(--crol-line);border-radius:3cqw;flex-direction:column;gap:1cqw;padding:3cqw 3.2cqw;display:flex}.crol-metric-label{letter-spacing:.06em;text-transform:uppercase;color:var(--crol-muted);font-size:max(8px,2.1cqw)}.crol-val{height:1.1em;font-size:max(18px,6cqw);line-height:1.1;display:block;position:relative}.crol-val b{letter-spacing:-.03em;font-weight:700;position:absolute;top:0;left:0}.crol-val--before{color:#ffffffb3;animation:crol-show-before var(--crol-cycle) ease-in-out infinite}.crol-val--after{opacity:0;background:linear-gradient(170deg,#fff 10%,#c9b3f7);color:#0000;animation:crol-show-after var(--crol-cycle) ease-in-out infinite;-webkit-background-clip:text;background-clip:text}.crol-funnel{background:linear-gradient(180deg, #ffffff0a, #ffffff03), var(--crol-card);border:1px solid var(--crol-line);border-radius:16px;flex-direction:column;gap:8px;margin:0;padding:14px 16px;list-style:none;display:flex}.crol-funnel li{grid-template-columns:42% 1fr;align-items:center;gap:10px;display:grid}.crol-funnel-label{color:var(--crol-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.crol-track{background:#ffffff12;border-radius:99px;height:7px;position:relative;overflow:hidden}.crol-track i{border-radius:inherit;background:var(--crol-grad);width:var(--b);animation:crol-bar var(--crol-cycle) cubic-bezier(.65, 0, .35, 1) infinite;position:absolute;top:0;bottom:0;left:0}.crol-funnel li:last-child .crol-track i{background:linear-gradient(90deg, #10b981, var(--crol-ok))}@keyframes crol-bar{0%,44%{width:var(--b)}52%,94%{width:var(--a)}to{width:var(--b)}}@container (max-width:420px){.crol-metric-label{font-size:max(8px,2.6cqw)}.crol-funnel-label{font-size:10.5px}}@media (prefers-reduced-motion:reduce){.crol,.crol *,.crol:before{animation:none!important}.crol-state--before,.crol-val--before{opacity:0}.crol-state--after,.crol-val--after{opacity:1}.crol-pill{transform:translate(100%)}.crol-opt--after{color:#fff}.crol-track i{width:var(--a)}}