.kloki-app-design-entry{position:relative;display:grid;width:100%;min-height:100dvh;place-items:center;overflow:clip;padding:clamp(52px,8vw,104px) 16px clamp(32px,5vw,76px);background:transparent;isolation:isolate;selection-background-color:#ff4d6d}.kloki-app-design-entry *,.kloki-app-design-entry *:before,.kloki-app-design-entry *:after{-webkit-tap-highlight-color:transparent}.kloki-app-design-entry__ambient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.kloki-app-design-entry__ambient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.kloki-app-design-entry__ambient span{position:absolute;display:block;border-radius:999px;mix-blend-mode:multiply;pointer-events:none}.kloki-app-design-entry__ambient span:nth-child(1){top:29%;left:50%;width:min(560px,122vw);height:min(420px,54vh);transform:translate(-50%);background:linear-gradient(180deg,rgba(255,240,244,.78),transparent);filter:blur(62px)}.kloki-app-design-entry__ambient span:nth-child(2){top:5%;right:-12%;width:min(330px,72vw);height:min(330px,72vw);background:#ffd4c457;filter:blur(74px);animation:kloki-builder-blob 10s ease-in-out infinite alternate}.kloki-app-design-entry__ambient span:nth-child(3){bottom:3%;left:-15%;width:min(370px,82vw);height:min(370px,82vw);background:#ffefe573;filter:blur(78px);animation:kloki-builder-blob 11s ease-in-out infinite alternate-reverse}.kloki-app-design-entry__shell{position:relative;z-index:1;display:flex;width:min(100%,430px);min-height:min(800px,calc(100dvh - 28px));flex-direction:column;align-items:center;justify-content:center;padding:clamp(24px,5vh,54px) 8px;text-align:center}.kloki-builder-orb{position:relative;display:grid;width:144px;height:144px;margin-bottom:28px;place-items:center;animation:kloki-builder-fade-up .78s cubic-bezier(.16,1,.3,1) 90ms both}.kloki-builder-orb__glow{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:48% 52% 42% 58%/55% 38% 62% 45%;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.72),transparent 30%),radial-gradient(circle at 52% 54%,rgba(255,77,109,.34),transparent 50%),linear-gradient(135deg,#ff4d6d6b,#ff8e5357);filter:blur(22px);opacity:.34;animation:kloki-builder-morph 8s ease-in-out infinite}.kloki-builder-orb__core{position:relative;display:grid;width:104px;height:104px;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.58);border-radius:999px;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.98),transparent 28%),radial-gradient(circle at 72% 78%,rgba(255,212,196,.28),transparent 48%),radial-gradient(circle at 18% 82%,rgba(255,77,109,.08),transparent 42%),linear-gradient(145deg,#ffffff75,#ffffff29);box-shadow:0 24px 58px #ff4d6d24,0 12px 30px #122b5913,inset 0 1px #ffffffe6,inset 8px 12px 22px #ffffff4d,inset -10px -16px 32px #ffb29b1f;-webkit-backdrop-filter:blur(30px) saturate(190%);backdrop-filter:blur(30px) saturate(190%)}.kloki-builder-orb__core:before{content:"";position:absolute;inset:7px 10px auto;height:42px;border-radius:999px 999px 66% 66%;background:radial-gradient(ellipse at 36% 8%,rgba(255,255,255,.96),transparent 54%),linear-gradient(180deg,#ffffffad,#fff0);opacity:.82;pointer-events:none;transform:rotate(-8deg)}.kloki-builder-orb__core:after{content:"";position:absolute;top:-16%;right:-16%;bottom:-16%;left:-16%;border-radius:inherit;background:linear-gradient(118deg,transparent 22%,rgba(255,255,255,.34) 37%,transparent 48%),radial-gradient(ellipse at 78% 28%,rgba(255,255,255,.28),transparent 38%),radial-gradient(ellipse at 22% 78%,rgba(255,77,109,.08),transparent 42%);box-shadow:inset 0 0 0 1px #ffffff57;opacity:.78;pointer-events:none;transform:rotate(-12deg);animation:kloki-builder-liquid-sheen 7.5s ease-in-out infinite}.kloki-builder-orb__core>div{position:relative;z-index:1}.kloki-builder-orb__particle{position:absolute;border-radius:999px;animation:kloki-builder-particle-up 3.4s ease-in-out infinite}.kloki-builder-orb__particle.particle-a{top:10px;left:26px;width:6px;height:6px;background:#ff8e53}.kloki-builder-orb__particle.particle-b{top:35px;right:18px;width:8px;height:8px;background:#ff4d6d;animation-duration:2.7s;animation-delay:.45s}.kloki-builder-orb__particle.particle-c{bottom:26px;left:34px;width:4px;height:4px;background:#1a1818;animation-duration:4.1s;animation-delay:.9s}.kloki-app-design-entry__copy{display:grid;justify-items:center;gap:14px;width:100%;animation:kloki-builder-fade-up .8s cubic-bezier(.16,1,.3,1) .15s both}.kloki-app-design-entry__copy h2{margin:0;color:#38323a;font-size:clamp(44px,11.4vw,62px);font-weight:950;letter-spacing:-.03em;line-height:1.04;text-wrap:balance;text-shadow:0 18px 42px rgba(42,21,28,.06)}.kloki-app-design-entry__copy h2 span{display:inline-block;color:transparent;background:linear-gradient(90deg,#ff4d6d,#ff8e53,#ff4d6d);background-size:200% auto;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 12px 22px rgba(255,77,109,.12));animation:kloki-builder-gradient 4s linear infinite}.kloki-app-design-entry__copy p{max-width:292px;margin:0 0 20px;color:#4b5563e6;font-size:16px;font-weight:700;line-height:1.55;text-wrap:pretty}.kloki-app-design-entry__form{position:relative;width:100%;max-width:360px;margin-bottom:30px;animation:kloki-builder-fade-up .82s cubic-bezier(.16,1,.3,1) .22s both}.kloki-app-design-entry__input-wrap{position:relative;width:100%}.kloki-app-design-entry__input-wrap.is-shaking{animation:kloki-builder-shake .3s ease-in-out}.kloki-app-design-entry__input-glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:-1;border-radius:999px;background:linear-gradient(90deg,#ff4d6d,#ff8e53,#ff4d6d);background-size:200% auto;filter:blur(calc(8px + (var(--builder-progress, 0) * 4px)));opacity:calc(var(--builder-progress, 0) * .58);transition:opacity .32s ease,filter .32s ease;animation:kloki-builder-gradient 3s linear infinite}.kloki-app-design-entry[data-complete=true] .kloki-app-design-entry__input-glow{background:linear-gradient(90deg,#2fce68,#22c55e,#86efac);opacity:.5;filter:blur(12px);animation:kloki-builder-gradient 3s linear infinite,kloki-builder-pulse-glow 2s ease-in-out infinite}.kloki-app-design-entry__particle{position:absolute;top:-3px;z-index:4;width:2px;height:2px;border-radius:999px;pointer-events:none;animation:kloki-builder-particle-up 1s ease-out forwards}.kloki-app-design-entry__url-pill{position:relative;z-index:2;display:grid;width:100%;min-height:64px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.92);border-radius:999px;background:#ffffffdb;box-shadow:0 18px 42px #121c3012,inset 0 1px #ffffffe0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:box-shadow .26s cubic-bezier(.16,1,.3,1),transform .26s cubic-bezier(.16,1,.3,1),border-color .26s ease}.kloki-app-design-entry[data-focused=true] .kloki-app-design-entry__url-pill,.kloki-app-design-entry[data-complete=true] .kloki-app-design-entry__url-pill{transform:translateY(-1px);border-color:#fffffffa;box-shadow:0 22px 54px #121c3014,0 10px 32px #ff4d6d1c,inset 0 1px #ffffffeb}.kloki-app-design-entry__link-icon{display:grid;width:48px;place-items:center;padding-left:8px;color:#64748bc2;transition:color .22s ease}.kloki-app-design-entry__link-icon svg{width:21px;height:21px}.kloki-app-design-entry[data-focused=true] .kloki-app-design-entry__link-icon,.kloki-app-design-entry[data-complete=true] .kloki-app-design-entry__link-icon{color:#ff4d6d}.kloki-app-design-entry[data-complete=true] .kloki-app-design-entry__link-icon{color:#22c55e}.kloki-app-design-entry__url-pill input{min-width:0;width:100%;min-height:40px;border:0;outline:0;background:transparent;color:#38323a;font:inherit;font-size:16.5px;font-weight:850;line-height:1}.kloki-app-design-entry__url-pill input::-moz-placeholder{color:#64748b8f}.kloki-app-design-entry__url-pill input::placeholder{color:#64748b8f}.kloki-app-design-entry__url-pill input.has-typing-cursor::-moz-placeholder{color:#64748b9e}.kloki-app-design-entry__url-pill input.has-typing-cursor::placeholder{color:#64748b9e}.kloki-app-design-entry__url-pill button{position:relative;display:inline-flex;min-width:82px;min-height:52px;align-items:center;justify-content:center;overflow:hidden;border:0;border-radius:999px;margin-right:6px;padding:0 18px;color:#fff;background:linear-gradient(90deg,#ff4d6d,#ff8e53);box-shadow:0 10px 24px #ff4d6d38;cursor:pointer;font:inherit;font-size:14px;font-weight:950;letter-spacing:0;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.kloki-app-design-entry__url-pill button:after{content:"";position:absolute;top:-38%;right:-38%;bottom:-38%;left:-38%;border-radius:inherit;background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.46),rgba(255,255,255,.16) 38%,transparent 66%);transform:translate(-76%) rotate(18deg) scaleX(.58);animation:kloki-builder-shine 2.9s ease-in-out infinite;mix-blend-mode:screen;pointer-events:none}.kloki-app-design-entry__url-pill button span{position:relative;z-index:1;white-space:nowrap}.kloki-app-design-entry[data-complete=true] .kloki-app-design-entry__url-pill button{transform:scale(1.02);background:radial-gradient(circle at 30% 16%,rgba(255,255,255,.28),transparent 45%),linear-gradient(90deg,#2fce68,#22c55e);box-shadow:0 12px 28px #22c55e4d}.kloki-app-design-entry__url-pill button:disabled{cursor:wait}.kloki-app-design-entry__punchlines{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:min(320px,100%);margin:0 auto;animation:kloki-builder-fade-up .82s cubic-bezier(.16,1,.3,1) .3s both}.kloki-app-design-entry__punchlines span{display:inline-flex;align-items:center;gap:8px;min-height:38px;border:1px solid rgba(255,255,255,.84);border-radius:999px;padding:8px 14px;background:#ffffffad;color:#4b5563f0;box-shadow:0 9px 24px #121c300b;font-size:13px;font-weight:850;line-height:1;cursor:default;transition:transform .22s ease,background .22s ease,box-shadow .22s ease;animation:kloki-builder-float 6s ease-in-out infinite}.kloki-app-design-entry__punchlines span:nth-child(2){animation-delay:.4s}.kloki-app-design-entry__punchlines span:nth-child(3){animation-delay:.8s}.kloki-app-design-entry__punchlines span:hover{transform:translateY(-2px) scale(1.03);background:#ffffffe6;box-shadow:0 12px 28px #121c3011}.kloki-app-design-entry__punchlines i{font-style:normal;font-size:15px;line-height:1}.kloki-app-design-entry__trust{display:inline-flex;align-items:center;gap:8px;margin-top:34px;color:#64748bad;font-size:12px;font-weight:750;animation:kloki-builder-fade-up .82s cubic-bezier(.16,1,.3,1) .38s both}.kloki-app-design-entry__trust svg{width:16px;height:16px}@keyframes kloki-builder-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes kloki-builder-gradient{0%,to{background-position:left center}50%{background-position:right center}}@keyframes kloki-builder-morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 70% 70% 30%/50% 60% 30%}}@keyframes kloki-builder-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes kloki-builder-particle-up{0%{transform:translateY(0) scale(1);opacity:0}20%{opacity:.8}to{transform:translateY(-25px) scale(0);opacity:0}}@keyframes kloki-builder-pulse-glow{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes kloki-builder-liquid-sheen{0%,to{transform:rotate(-12deg) translate3d(-3px,1px,0) scale(1);opacity:.66}48%{transform:rotate(-7deg) translate3d(4px,-2px,0) scale(1.03);opacity:.86}}@keyframes kloki-builder-blob{0%{transform:translate(0) scale(1)}to{transform:translate(20px,-30px) scale(1.1)}}@keyframes kloki-builder-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes kloki-builder-shine{0%,42%{opacity:0;transform:translate(-76%) rotate(18deg) scaleX(.58)}52%{opacity:.72}to{opacity:0;transform:translate(76%) rotate(18deg) scaleX(.58)}}@keyframes kloki-builder-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (min-width: 900px){.kloki-app-design-entry{padding:clamp(82px,8vw,126px) clamp(32px,6vw,84px) clamp(72px,7vw,108px)}.kloki-app-design-entry__shell{width:min(100%,780px);min-height:min(720px,calc(100dvh - 86px))}.kloki-builder-orb{width:156px;height:156px;margin-bottom:30px}.kloki-app-design-entry__copy h2{font-size:clamp(62px,5.8vw,84px)}.kloki-app-design-entry__copy p{max-width:460px;font-size:17px;margin-bottom:26px}.kloki-app-design-entry__form{max-width:520px;margin-bottom:34px}.kloki-app-design-entry__punchlines{width:min(460px,100%)}}@media (max-width: 520px){.kloki-app-design-entry{min-height:auto;padding:48px 18px 64px}.kloki-app-design-entry__ambient span:nth-child(1){filter:blur(34px);opacity:.72}.kloki-app-design-entry__ambient span:nth-child(2),.kloki-app-design-entry__ambient span:nth-child(3){filter:blur(42px);opacity:.72;animation:none}.kloki-builder-orb__glow{filter:blur(16px);animation:none}.kloki-builder-orb__core{-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%)}.kloki-app-design-entry__shell{width:100%;min-height:auto;justify-content:flex-start;padding:24px 0 0}.kloki-builder-orb{width:118px;height:118px;margin-bottom:18px}.kloki-builder-orb__core{width:88px;height:88px}.kloki-app-design-entry__copy h2{font-size:clamp(40px,10.7vw,48px);line-height:1}.kloki-app-design-entry__copy p{margin-bottom:20px}.kloki-app-design-entry__form{margin-bottom:22px}.kloki-app-design-entry__url-pill{min-height:62px;-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%)}.kloki-app-design-entry__link-icon{width:45px;padding-left:7px}.kloki-app-design-entry__url-pill input{font-size:16px}.kloki-app-design-entry__url-pill button{min-width:78px;min-height:50px;padding:0 16px;font-size:13px}.kloki-app-design-entry__trust{margin-top:22px}}@media (max-width: 374px){.kloki-app-design-entry{padding-inline:14px}.kloki-builder-orb{width:124px;height:124px;margin-bottom:20px}.kloki-builder-orb__core{width:84px;height:84px}.kloki-app-design-entry__copy h2{font-size:39px}.kloki-app-design-entry__copy p{max-width:270px;font-size:14.5px}.kloki-app-design-entry__url-pill{grid-template-columns:auto minmax(0,1fr);gap:0;padding-right:6px}.kloki-app-design-entry__url-pill button{grid-column:1 / -1;width:calc(100% - 12px);margin:0 6px 6px}}@media (prefers-reduced-motion: reduce){.kloki-builder-orb,.kloki-builder-orb__glow,.kloki-builder-orb__core:after,.kloki-builder-orb__particle,.kloki-app-design-entry__copy,.kloki-app-design-entry__form,.kloki-app-design-entry__punchlines,.kloki-app-design-entry__punchlines span,.kloki-app-design-entry__trust,.kloki-app-design-entry__ambient span,.kloki-app-design-entry__input-glow,.kloki-app-design-entry__url-pill button:after{animation:none!important}.kloki-app-design-entry__url-pill,.kloki-app-design-entry__url-pill button,.kloki-app-design-entry__punchlines span{transition:none}}
