.Mascot-module__LfheHa__eyes{transform-box:fill-box;transform-origin:50%;animation:5s infinite Mascot-module__LfheHa__blink}@keyframes Mascot-module__LfheHa__blink{0%,93%,to{transform:none}96%{transform:scaleY(.1)}}.Mascot-module__LfheHa__lively .Mascot-module__LfheHa__eyes,.Mascot-module__LfheHa__lively .Mascot-module__LfheHa__happy{translate:var(--lx,0) var(--ly,0);transition:translate .12s ease-out,opacity .15s}.Mascot-module__LfheHa__lively .Mascot-module__LfheHa__eyes{animation-name:Mascot-module__LfheHa__double-blink;animation-duration:3s}.Mascot-module__LfheHa__happy{opacity:0;fill:none;stroke:#fff;stroke-width:4px;stroke-linecap:round}.Mascot-module__LfheHa__lively:hover .Mascot-module__LfheHa__eyes{opacity:0}.Mascot-module__LfheHa__lively:hover .Mascot-module__LfheHa__happy{opacity:1}@keyframes Mascot-module__LfheHa__double-blink{0%,6%,12%,to{transform:none}3%,9%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.Mascot-module__LfheHa__eyes,.Mascot-module__LfheHa__lively .Mascot-module__LfheHa__eyes{animation:none}}
.OpenHtmlToFigma-module__6x4koG__page{--racing:#00594f;--deep:#00352f;--lime:#cedc00;--ink:#00352f;--sub:#3d5753;--muted:#5b6f6b;--card:#fff;--rim:0 0 0 1px #00352f0f;--lift:0 18px 40px -24px #00352f59;--spring:cubic-bezier(.34, 1.56, .64, 1);--pad:clamp(20px, 5vw, 64px);max-width:1240px;color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(60% 30% at 100% 0,#cedc0038,#0000 70%),radial-gradient(55% 25% at 0 55%,#fff,#0000 70%),radial-gradient(60% 25% at 100% 100%,#cedc002e,#0000 70%),linear-gradient(170deg,#f6f8f7,#e4ece9 50%,#dfe9e5);border-radius:28px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,Segoe UI,sans-serif;line-height:1.5;overflow:hidden}@media (max-width:480px){.OpenHtmlToFigma-module__6x4koG__page{border-radius:0}}.OpenHtmlToFigma-module__6x4koG__feature,.OpenHtmlToFigma-module__6x4koG__use,.OpenHtmlToFigma-module__6x4koG__steps li,.OpenHtmlToFigma-module__6x4koG__versus,.OpenHtmlToFigma-module__6x4koG__privacy,.OpenHtmlToFigma-module__6x4koG__finaleCard,.OpenHtmlToFigma-module__6x4koG__badge,.OpenHtmlToFigma-module__6x4koG__secondary,.OpenHtmlToFigma-module__6x4koG__videoFrame{background:var(--card);box-shadow:var(--rim), var(--lift)}.OpenHtmlToFigma-module__6x4koG__section{padding:clamp(72px, 11vw, 128px) var(--pad) 0}.OpenHtmlToFigma-module__6x4koG__heading{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:760px;margin:0 auto clamp(32px,5vw,52px);display:flex}.OpenHtmlToFigma-module__6x4koG__kicker{color:var(--racing);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:14px;font-weight:800}.OpenHtmlToFigma-module__6x4koG__title{letter-spacing:-.035em;margin:0;font-size:clamp(34px,5vw,56px);font-weight:900;line-height:1}.OpenHtmlToFigma-module__6x4koG__lede{color:var(--sub);margin:0;font-size:clamp(17px,1.8vw,21px);font-weight:500}.OpenHtmlToFigma-module__6x4koG__display{letter-spacing:-.04em;margin:0;font-size:clamp(54px,9vw,112px);font-weight:900;line-height:.92}.OpenHtmlToFigma-module__6x4koG__ctas{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.OpenHtmlToFigma-module__6x4koG__primary,.OpenHtmlToFigma-module__6x4koG__secondary{color:var(--ink);transition:transform .4s var(--spring), box-shadow .25s ease;border-radius:999px;align-items:center;gap:8px;padding:14px 24px;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex}.OpenHtmlToFigma-module__6x4koG__primary{isolation:isolate;color:#fff;background:var(--racing);position:relative;box-shadow:inset 0 1px #ffffff40,0 10px 22px -10px #00594fb3}.OpenHtmlToFigma-module__6x4koG__primary:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(90% 80% at 25% 0%, #ffffff38, transparent 60%), linear-gradient(100deg, #0b8070, var(--racing) 45%, var(--deep));opacity:0;transition:opacity .25s;position:absolute;inset:0;box-shadow:inset 0 1px 1px #fff9,inset 0 -4px 10px #cedc0073,inset 0 0 0 2px #ffffff4d}.OpenHtmlToFigma-module__6x4koG__primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 16px 32px -10px #00594fbf,0 0 0 1px #00352f66}.OpenHtmlToFigma-module__6x4koG__primary:hover:before{opacity:1}.OpenHtmlToFigma-module__6x4koG__primary:active{transform:scale(1.03,.93)}.OpenHtmlToFigma-module__6x4koG__secondary:hover{transform:translateY(-2px)}.OpenHtmlToFigma-module__6x4koG__secondary:active{transform:scale(.97)}.OpenHtmlToFigma-module__6x4koG__primary:focus-visible,.OpenHtmlToFigma-module__6x4koG__secondary:focus-visible,.OpenHtmlToFigma-module__6x4koG__demoLink:focus-visible,.OpenHtmlToFigma-module__6x4koG__credits a:focus-visible{outline:3px solid var(--racing);outline-offset:3px}.OpenHtmlToFigma-module__6x4koG__demoLink{color:var(--racing);align-items:center;gap:6px;margin-top:18px;font-weight:600;text-decoration:none;display:inline-flex}.OpenHtmlToFigma-module__6x4koG__demoLink:hover{text-underline-offset:3px;text-decoration:underline}.OpenHtmlToFigma-module__6x4koG__hero{padding:clamp(48px, 8vw, 96px) var(--pad) 0;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(24px,4vw,48px);display:grid}.OpenHtmlToFigma-module__6x4koG__heroCopy .OpenHtmlToFigma-module__6x4koG__lede{max-width:30ch;margin-top:22px}.OpenHtmlToFigma-module__6x4koG__badge{color:var(--sub);border-radius:999px;align-items:center;gap:10px;margin:0 0 24px;padding:6px 16px 6px 6px;font-size:14px;font-weight:600;display:inline-flex}.OpenHtmlToFigma-module__6x4koG__badgeIcon{border-radius:9px;width:30px;height:30px}.OpenHtmlToFigma-module__6x4koG__heroArt{justify-self:center;width:min(360px,100%)}.OpenHtmlToFigma-module__6x4koG__win{background:#2c2c2c;border-radius:12px;overflow:hidden;box-shadow:0 50px 90px -40px #00282399,0 0 0 1px #00000026}.OpenHtmlToFigma-module__6x4koG__bar{color:#fff;align-items:center;gap:8px;height:40px;padding:0 12px;font:600 12px/1 system-ui,sans-serif;display:flex}.OpenHtmlToFigma-module__6x4koG__barIcon{border-radius:4px;width:16px;height:16px}.OpenHtmlToFigma-module__6x4koG__bar i{opacity:.6;margin-left:auto;font-style:normal}.OpenHtmlToFigma-module__6x4koG__win iframe{border:0;width:100%;height:600px;display:block}.OpenHtmlToFigma-module__6x4koG__tryHint{color:var(--sub);text-align:center;margin:18px 0 0;font-size:14px;font-weight:600}.OpenHtmlToFigma-module__6x4koG__mood img{filter:drop-shadow(0 30px 36px #0028234d);width:100%;height:auto;display:block}@media (max-width:860px){.OpenHtmlToFigma-module__6x4koG__hero{text-align:center;grid-template-columns:1fr}.OpenHtmlToFigma-module__6x4koG__heroCopy .OpenHtmlToFigma-module__6x4koG__lede{margin-inline:auto}.OpenHtmlToFigma-module__6x4koG__ctas{justify-content:center}}.OpenHtmlToFigma-module__6x4koG__uses{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.OpenHtmlToFigma-module__6x4koG__use{border-radius:24px;flex-direction:column;gap:14px;padding:24px;display:flex}.OpenHtmlToFigma-module__6x4koG__use>.OpenHtmlToFigma-module__6x4koG__prompt{color:#fff;background:var(--racing);border-radius:18px 18px 18px 6px;align-self:flex-start;margin:0;padding:10px 16px;font-size:15px;font-weight:500}.OpenHtmlToFigma-module__6x4koG__use h3{align-items:center;gap:12px;margin:4px 0 0;font-size:20px;font-weight:700;line-height:1.2;display:flex}.OpenHtmlToFigma-module__6x4koG__use>p{color:var(--muted);margin:0;font-size:15px}.OpenHtmlToFigma-module__6x4koG__steps{grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0 0;padding:0;list-style:none;display:grid}.OpenHtmlToFigma-module__6x4koG__steps li{border-radius:22px;align-items:flex-start;gap:14px;padding:20px 22px;display:flex}.OpenHtmlToFigma-module__6x4koG__steps li>span{color:#fff;background:var(--racing);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:15px;font-weight:700;display:grid}.OpenHtmlToFigma-module__6x4koG__steps p{color:var(--sub);margin:0;font-size:15px}.OpenHtmlToFigma-module__6x4koG__steps b{color:var(--ink);font-size:17px;font-weight:700;display:block}@media (max-width:860px){.OpenHtmlToFigma-module__6x4koG__uses,.OpenHtmlToFigma-module__6x4koG__steps{grid-template-columns:1fr}}.OpenHtmlToFigma-module__6x4koG__videoFrame{border-radius:clamp(18px,2.6vw,32px);padding:clamp(6px,1vw,12px)}.OpenHtmlToFigma-module__6x4koG__videoFrame video{aspect-ratio:16/9;background:#e4ece9;border-radius:clamp(12px,1.8vw,22px);width:100%;display:block}.OpenHtmlToFigma-module__6x4koG__compare{grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,32px);display:grid}.OpenHtmlToFigma-module__6x4koG__pane{gap:14px;margin:0;display:grid}.OpenHtmlToFigma-module__6x4koG__pane figcaption{color:var(--sub);text-align:center;font-weight:600}.OpenHtmlToFigma-module__6x4koG__shot{aspect-ratio:1440/1058;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #00282380,0 0 0 1px #00000014}.OpenHtmlToFigma-module__6x4koG__shot img{width:100%;height:auto;display:block}.OpenHtmlToFigma-module__6x4koG__browser{background:#fff}.OpenHtmlToFigma-module__6x4koG__tabbar{color:#52665b;background:#eef2ef;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:13px;font-weight:700;display:flex}.OpenHtmlToFigma-module__6x4koG__tabbar i{background:#ff5f57;border-radius:50%;width:10px;height:10px}.OpenHtmlToFigma-module__6x4koG__tabbar i:nth-child(2){background:#febc2e}.OpenHtmlToFigma-module__6x4koG__tabbar i:nth-child(3){background:#28c840}.OpenHtmlToFigma-module__6x4koG__tabbar span{background:#fff;border-radius:6px;margin-left:8px;padding:3px 10px}.OpenHtmlToFigma-module__6x4koG__figma{background:#1e1e1e;padding:34px 22px 0}.OpenHtmlToFigma-module__6x4koG__figma img{outline:1.5px solid #0d99ff}.OpenHtmlToFigma-module__6x4koG__frameName{color:#0d99ff;font:600 12px/1 system-ui,sans-serif;position:absolute;top:12px;left:22px}@media (max-width:860px){.OpenHtmlToFigma-module__6x4koG__compare{grid-template-columns:1fr}}.OpenHtmlToFigma-module__6x4koG__versus{border-radius:28px;max-width:940px;margin:0 auto;padding:clamp(8px,1.4vw,14px)}.OpenHtmlToFigma-module__6x4koG__versus table{border-collapse:separate;border-spacing:0;width:100%}.OpenHtmlToFigma-module__6x4koG__versus th,.OpenHtmlToFigma-module__6x4koG__versus td{text-align:left;vertical-align:top;padding:14px 18px}.OpenHtmlToFigma-module__6x4koG__versus thead th{font-size:17px;font-weight:700}.OpenHtmlToFigma-module__6x4koG__versus tbody th{color:var(--racing);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding-top:16px;font-size:13px;font-weight:800}.OpenHtmlToFigma-module__6x4koG__versus td{color:var(--sub);font-size:15.5px;font-weight:500}.OpenHtmlToFigma-module__6x4koG__versus tbody tr>*{border-top:1px solid #00352f1a}.OpenHtmlToFigma-module__6x4koG__versus .OpenHtmlToFigma-module__6x4koG__ours{color:var(--ink);background:#cedc0029}.OpenHtmlToFigma-module__6x4koG__versus thead .OpenHtmlToFigma-module__6x4koG__ours{border-radius:18px 18px 0 0}.OpenHtmlToFigma-module__6x4koG__versus tbody tr:last-child .OpenHtmlToFigma-module__6x4koG__ours{border-radius:0 0 18px 18px}.OpenHtmlToFigma-module__6x4koG__versusNote{max-width:720px;color:var(--sub);text-align:center;margin:24px auto 0;font-weight:500}.OpenHtmlToFigma-module__6x4koG__versusNote p{margin:0}.OpenHtmlToFigma-module__6x4koG__versusNote small{color:var(--muted);margin-top:10px;font-size:13px;display:block}.OpenHtmlToFigma-module__6x4koG__versusNote a{color:var(--racing);font-weight:600}@media (max-width:640px){.OpenHtmlToFigma-module__6x4koG__versus thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.OpenHtmlToFigma-module__6x4koG__versus tr,.OpenHtmlToFigma-module__6x4koG__versus th,.OpenHtmlToFigma-module__6x4koG__versus td{display:block}.OpenHtmlToFigma-module__6x4koG__versus tbody tr{padding:8px 0}.OpenHtmlToFigma-module__6x4koG__versus tbody tr+tr{border-top:1px solid #00352f1a}.OpenHtmlToFigma-module__6x4koG__versus tbody tr>*{border-top:0}.OpenHtmlToFigma-module__6x4koG__versus tbody th,.OpenHtmlToFigma-module__6x4koG__versus td{padding:6px 12px}.OpenHtmlToFigma-module__6x4koG__versus tbody .OpenHtmlToFigma-module__6x4koG__ours,.OpenHtmlToFigma-module__6x4koG__versus tbody tr:last-child .OpenHtmlToFigma-module__6x4koG__ours{border-radius:14px}.OpenHtmlToFigma-module__6x4koG__versus td:before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:800;display:block}}.OpenHtmlToFigma-module__6x4koG__moods{grid-template-columns:repeat(4,1fr);gap:clamp(14px,2.4vw,28px);display:grid}.OpenHtmlToFigma-module__6x4koG__mood{text-align:center}.OpenHtmlToFigma-module__6x4koG__mood h3{justify-content:center;align-items:center;gap:10px;margin:20px 0 6px;font-size:22px;font-weight:700;display:flex}.OpenHtmlToFigma-module__6x4koG__mood h3 span{color:#fff;background:var(--racing);border-radius:50%;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.OpenHtmlToFigma-module__6x4koG__mood p{color:var(--sub);margin:0;font-size:15px}@media (max-width:960px){.OpenHtmlToFigma-module__6x4koG__moods{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.OpenHtmlToFigma-module__6x4koG__moods{grid-template-columns:1fr;max-width:320px;margin:0 auto}}.OpenHtmlToFigma-module__6x4koG__features{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.OpenHtmlToFigma-module__6x4koG__feature{border-radius:22px;padding:22px}.OpenHtmlToFigma-module__6x4koG__featureIcon{color:#fff;background:var(--racing);border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.OpenHtmlToFigma-module__6x4koG__feature h3{margin:16px 0 6px;font-size:18px;font-weight:700;line-height:1.2}.OpenHtmlToFigma-module__6x4koG__feature p{color:var(--muted);margin:0;font-size:14.5px}.OpenHtmlToFigma-module__6x4koG__privacy{color:var(--racing);border-radius:22px;align-items:center;gap:18px;margin-top:16px;padding:22px 26px;display:flex}.OpenHtmlToFigma-module__6x4koG__privacy p{color:var(--sub);margin:0;font-size:15.5px}.OpenHtmlToFigma-module__6x4koG__privacy b{color:var(--ink)}@media (max-width:960px){.OpenHtmlToFigma-module__6x4koG__features{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.OpenHtmlToFigma-module__6x4koG__features{grid-template-columns:1fr}.OpenHtmlToFigma-module__6x4koG__privacy{align-items:flex-start}}.OpenHtmlToFigma-module__6x4koG__finale{padding-bottom:clamp(36px,6vw,56px)}.OpenHtmlToFigma-module__6x4koG__finaleWrap{max-width:760px;margin:0 auto;padding-top:112px;position:relative}.OpenHtmlToFigma-module__6x4koG__peek{width:180px;margin-left:-90px;position:absolute;top:0;left:50%}.OpenHtmlToFigma-module__6x4koG__finaleCard{z-index:1;text-align:center;border-radius:32px;padding:clamp(28px,5vw,48px);position:relative}.OpenHtmlToFigma-module__6x4koG__finaleCard .OpenHtmlToFigma-module__6x4koG__lede{margin-top:14px}.OpenHtmlToFigma-module__6x4koG__finaleCard .OpenHtmlToFigma-module__6x4koG__ctas{justify-content:center}.OpenHtmlToFigma-module__6x4koG__code{background:var(--deep);color:#e6f4ea;text-align:left;border-radius:16px;max-width:600px;margin:28px auto 0;padding:16px 18px;font:13.5px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto}.OpenHtmlToFigma-module__6x4koG__credits{color:var(--sub);text-align:center;margin-top:44px;font-size:14px;font-weight:500}.OpenHtmlToFigma-module__6x4koG__credits p{margin:0}.OpenHtmlToFigma-module__6x4koG__credits a{color:var(--racing);font-weight:600;text-decoration:none}.OpenHtmlToFigma-module__6x4koG__credits a:hover{text-underline-offset:3px;text-decoration:underline}