@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--yellow: #FF7738;--yellow-hover: #E57948;--yellow-light: #FFF3EE;--yellow-border: #FFD1BC;--green-light: #E1FCEF;--green: #0D7A4D;--green-border: #dcfce7;--bg-color: #F2F2F2;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--gray-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:#ff8a54;color:#fff}a{text-decoration:none;color:inherit}.font-mono{font-family:JetBrains Mono,monospace}.smooth-corners{border-radius:32px}.container{max-width:430px;margin:0 auto;min-height:100vh;padding:16px 16px 96px;display:flex;flex-direction:column;gap:16px}.card{background-color:#fff;border-radius:32px;padding:24px;position:relative;overflow:hidden}.card-dark{background-color:#282828;color:#fff;border-radius:32px;padding:24px;position:relative;overflow:hidden}.card-sm{background-color:#fff;border-radius:32px;padding:8px;display:flex;flex-direction:column;gap:8px}.flex-between{display:flex;justify-content:space-between;align-items:center}.items-baseline{align-items:baseline}.badge{display:inline-block;padding:4px 12px;background-color:var(--gray-100);border-radius:9999px;font-size:11px;letter-spacing:.025em;text-transform:uppercase}.badge-yellow{background-color:var(--yellow);color:#282828;font-weight:700;padding:4px 8px;border-radius:4px;font-size:10px}.hero-stats{text-align:right;font-size:10px;color:var(--gray-400);line-height:1.25}.hero-title{font-size:34px;line-height:1.08;font-weight:500;letter-spacing:-.025em;margin-bottom:24px;text-wrap:balance}.hero-desc{font-size:18px;color:var(--gray-500);line-height:1.625;max-width:320px}.btn{width:100%;height:56px;border-radius:9999px;font-weight:600;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border:none;cursor:pointer;transition:all .2s;font-size:16px}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--yellow);color:#282828}.btn-primary:hover{background-color:var(--yellow-hover)}.btn-primary:hover .arrow{transform:translate(4px)}.btn-secondary{background-color:var(--gray-100);color:#282828}.btn-secondary:hover{background-color:var(--gray-200)}.btn-secondary:hover .arrow{transform:rotate(45deg)}.arrow{transition:transform .2s;display:inline-block}.section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:32px}.section-title{font-size:32px;font-weight:500;letter-spacing:-.02em}.section-num{font-size:10px;color:var(--gray-400);text-transform:uppercase;text-align:right}.card-dark .section-num{color:var(--gray-500)}.problem-list{display:flex;flex-direction:column;gap:24px}.problem-item{display:flex;gap:16px;align-items:flex-start;cursor:default}.problem-icon{margin-top:4px;min-width:24px;height:24px;border-radius:50%;background-color:#282828;color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .2s}.problem-item:hover .problem-icon{transform:scale(1.1)}.problem-text{color:var(--gray-600);line-height:1.375}.glow{position:absolute;top:-40px;right:-40px;width:160px;height:160px;background-color:var(--gray-800);border-radius:50%;filter:blur(48px);opacity:.5;z-index:0}.relative-z{position:relative;z-index:10}.solution-text{font-size:24px;line-height:1.5;font-weight:500;margin-bottom:48px}.highlight{color:var(--yellow)}.solution-footer{display:flex;align-items:center;gap:16px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.solution-circle{width:40px;height:40px;border-radius:50%;background-color:var(--yellow);color:#282828;display:flex;align-items:center;justify-content:center;font-weight:700}.solution-subtext{font-size:14px;color:var(--gray-300);line-height:1.5}.phase-card{background-color:var(--gray-50);border-radius:24px;padding:24px}.phase-badge{font-size:11px;text-transform:uppercase;background-color:#e25b1f;color:#fff;padding:4px 10px;border-radius:6px;display:inline-block;margin-bottom:16px;letter-spacing:.05em;font-weight:500}.phase-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.phase-title{font-size:20px;font-weight:500}.phase-list-wrapper{display:block}.phase-list{overflow:hidden;display:flex;flex-direction:column;gap:12px}.phase-item{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--gray-600)}.phase-list>:first-child{padding-top:4px}.phase-list>:last-child{padding-bottom:24px}.phase-dot{width:4px;height:4px;background-color:var(--gray-400);border-radius:50%}.phase-result{background-color:#282828;border-radius:16px;padding:16px 20px}.phase-result-label{font-size:11px;color:var(--gray-400);margin-bottom:6px;letter-spacing:.05em;text-transform:uppercase}.phase-result-val{font-size:16px;font-weight:600;color:#fff}.cases-scroll{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-24px;padding-right:24px;margin-left:-24px;padding-left:24px}.cases-scroll::-webkit-scrollbar{display:none}.case-card{min-width:320px;width:320px;flex-shrink:0;scroll-snap-align:start;background-color:var(--gray-50);border-radius:24px;padding:24px;display:flex;flex-direction:column}.case-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.case-icon{width:40px;height:40px;background-color:var(--gray-200);border-radius:12px;object-fit:cover}.case-title-wrapper{margin-right:auto;display:flex;flex-direction:column;gap:2px}.case-title{font-size:20px;font-weight:500}.case-link{font-size:13px;color:var(--gray-400);text-decoration:underline;cursor:pointer}.case-badge{font-size:10px;background-color:var(--gray-200);padding:4px 8px;border-radius:4px;color:var(--gray-600)}.case-label{font-size:11px;color:var(--gray-500);margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.case-point-a{font-size:16px;color:var(--gray-800);margin-bottom:24px;font-weight:500;line-height:1.4}.case-list{list-style:none;display:flex;flex-direction:column;gap:6px;margin-bottom:32px}.case-list li{font-size:14px;color:var(--gray-700);display:flex;align-items:flex-start;gap:12px;line-height:1.4}.case-list li:before{content:"";display:inline-block;width:4px;height:4px;min-width:4px;background-color:var(--gray-800);border-radius:50%;margin-top:8px}.case-result{background-color:#282828;border:none;padding:16px 20px;border-radius:16px;margin-top:auto}.case-result-label{font-size:11px;font-weight:500;color:#ffffffb3;text-transform:uppercase;margin-bottom:6px;letter-spacing:.05em}.case-result-value{font-size:15px;font-weight:600;color:#fff;line-height:1.3}.fit-block{margin-bottom:40px}.fit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.fit-title{font-size:18px;font-weight:500}.icon-circle{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-success{background-color:var(--green-light);color:var(--green)}.icon-fail{background-color:var(--gray-100);color:var(--gray-500)}.fit-list{display:flex;flex-direction:column;gap:12px;list-style-type:none}.fit-list li{font-size:14px;padding-left:16px;border-left:2px solid}.fit-success li{color:var(--gray-600);border-color:var(--green-border)}.fit-fail li{color:var(--gray-500);border-color:var(--gray-100)}.author-photo-wrapper{background-color:var(--gray-200);border-radius:24px;width:100%;aspect-ratio:1 / 1;position:relative;overflow:hidden;margin-bottom:24px}.author-photo-img{width:100%;height:100%;object-fit:cover}.author-name-badge{position:absolute;top:24px;left:16px;background-color:#fff;color:#282828;padding:6px 16px;border-radius:9999px;font-weight:600;font-size:17px;letter-spacing:-.01em}.author-socials{position:absolute;top:24px;right:16px;display:flex;gap:8px}.author-social-icon{width:34px;height:34px;background-color:#fff;color:#282828;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.author-social-icon:hover{transform:scale(1.05)}.author-bio{color:var(--gray-700);line-height:1.625;margin-bottom:16px}.projects-header{font-size:10px;color:var(--gray-400);text-transform:uppercase;margin-bottom:8px}.projects-list{display:flex;flex-direction:column;gap:12px}.project-card{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:12px;background-color:var(--gray-50);border:1px solid transparent;transition:all .2s}.project-card:hover{background-color:var(--yellow-light);border-color:var(--yellow-border)}.project-title{font-weight:500;font-size:14px;display:flex;align-items:center;gap:8px}.project-badge{font-size:10px;background-color:#fff;padding:0 4px;border-radius:4px;border:1px solid var(--gray-200);color:var(--gray-500)}.project-desc{font-size:12px;color:var(--gray-500);margin-top:2px}.project-arrow{color:var(--gray-300)}.project-card:hover .project-arrow{color:var(--yellow)}.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:32px}.format-item{background-color:var(--gray-50);padding:12px;border-radius:16px}.format-col-2{grid-column:span 2}.format-label{font-size:12px;color:var(--gray-400);margin-bottom:4px}.format-value{font-weight:500}.price-wrap{display:flex;align-items:flex-end;gap:8px;margin-bottom:32px}.price{font-size:36px;font-weight:500;letter-spacing:-.025em}.price-period{color:var(--gray-500);margin-bottom:8px}.faq-list{display:flex;flex-direction:column;gap:24px}.faq-item{cursor:pointer;-webkit-user-select:none;user-select:none}.faq-q{font-weight:500;font-size:16px;margin:0}.faq-icon{font-size:20px;color:var(--gray-300);transition:color .2s;font-weight:300}.faq-item:hover .faq-icon{color:var(--gray-800)}.faq-a{font-size:14px;color:var(--gray-600);line-height:1.625;margin-top:12px}.footer{text-align:center;padding:32px 0}.social-links{display:flex;justify-content:center;gap:24px;margin-bottom:32px}.social-icon{width:56px;height:56px;border-radius:50%;background-color:#fff;color:#282828;display:flex;align-items:center;justify-content:center;transition:transform .2s}.social-icon:hover{transform:scale(1.05)}.footer-links{display:flex;justify-content:center;gap:16px;font-size:10px;color:var(--gray-500)}.footer-links a:hover{text-decoration:underline}.footer-copy{font-size:10px;color:var(--gray-400);margin-top:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.mb-48{margin-bottom:48px}.mt-32{margin-top:32px}.gap-8{display:flex;gap:8px}.gap-16{display:flex;gap:16px}.flex-col{display:flex;flex-direction:column}.flex-col-between{display:flex;flex-direction:column;justify-content:space-between}.h-min-500{min-height:500px}.fixed-bottom-bar{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:center;padding:16px;z-index:50;pointer-events:none}.fixed-bottom-btn{pointer-events:auto;width:100%;max-width:398px}.btn-dark{background-color:#282828e6;color:#fff;box-shadow:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15)}.btn-dark:hover{background-color:#282828f2}.btn-dark:hover .arrow{transform:rotate(45deg)}.chat-overlay{position:fixed;inset:0;background-color:#f2f2f2e6;z-index:100;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto}.chat-container{width:100%;max-width:390px;min-height:100vh;background-color:#fff;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000001a}.chat-header{position:sticky;top:0;z-index:20;background-color:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:24px 24px 16px;display:flex;justify-content:space-between;align-items:center}.chat-close-btn{width:40px;height:40px;border-radius:50%;background-color:var(--gray-100);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;border:none;color:var(--gray-900)}.chat-close-btn:hover{background-color:var(--gray-200)}.chat-header-center{text-align:center}.chat-header-subtitle{font-size:10px;color:var(--gray-400);text-transform:uppercase;letter-spacing:.1em;display:block}.chat-header-title{font-size:18px;font-weight:600}.chat-progress{height:4px;width:100%;background-color:var(--gray-100);border-radius:999px;overflow:hidden;margin-top:16px;max-width:342px;margin-left:auto;margin-right:auto}.chat-progress-fill{height:100%;background-color:var(--yellow);border-radius:999px;transition:width .5s ease}.chat-messages{flex:1;padding:32px 16px;display:flex;flex-direction:column;gap:32px}.messages-group{display:flex;flex-direction:column;gap:8px}.msg-row{display:flex;align-items:flex-end;gap:8px}.api-row{justify-content:flex-start}.user-row{justify-content:flex-end}.api-avatar{width:32px;height:32px;border-radius:50%;background-color:#282828;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;font-weight:700}.msg-bubble{padding:16px;font-size:15px;line-height:1.6;max-width:80%}.api-bubble{background-color:var(--gray-100);border-radius:28px 28px 28px 4px}.user-bubble{background-color:#282828;color:#fff;border-radius:28px 28px 4px}.chat-input-area{padding:16px;background-color:#fff;border-top:1px solid var(--gray-100);position:sticky;bottom:0}.chat-input-wrapper{display:flex;align-items:flex-end;gap:8px;max-width:100%;position:relative}.chat-textarea-container{flex:1;background-color:var(--gray-50);border-radius:24px;border:1px solid var(--gray-200);padding:12px 16px;transition:all .2s}.chat-textarea-container:focus-within{border-color:var(--yellow);background-color:#fff}.chat-textarea{width:100%;background:transparent;border:none;font-size:15px;resize:none;max-height:128px;min-height:24px;line-height:24px;padding:0;margin:0;outline:none;font-family:inherit;color:inherit;display:block}.chat-send-btn{width:48px;height:48px;border-radius:50%;background-color:var(--yellow);display:flex;align-items:center;justify-content:center;color:#282828;border:none;cursor:pointer;transition:transform .1s;flex-shrink:0}.chat-send-btn:active{transform:scale(.95)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed;background-color:var(--gray-200)}.chat-hint{text-align:center;font-size:10px;color:var(--gray-400);text-transform:uppercase;margin-top:12px}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{opacity:0;animation:fadeInSlideUp .4s ease-out forwards}.slide-up{animation:fadeInSlideUp .3s ease-out}.options-container{display:flex;flex-direction:column;gap:8px;padding-left:40px;margin-top:8px}.option-btn{width:100%;text-align:left;padding:16px;border-radius:16px;background-color:#fff;border:1px solid var(--gray-200);font-size:15px;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center;font-family:inherit;color:inherit}.option-btn:hover{border-color:var(--yellow);background-color:var(--yellow-light)}.typing-indicator span{display:inline-block;width:6px;height:6px;background-color:var(--gray-400);border-radius:50%;animation:typing 1.4s infinite both;margin:0 2px}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.form-overlay{position:fixed;inset:0;background-color:#f2f2f2;z-index:100;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto}.form-scroll-container{width:100%;max-width:390px;min-height:100vh;padding:16px 16px 48px}.form-inner{display:flex;flex-direction:column;gap:24px}.form-nav{display:flex;align-items:center;justify-content:space-between;padding:0 8px}.form-back-btn{width:40px;height:40px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 1px 3px #0000000f;transition:background-color .2s;color:var(--gray-900)}.form-back-btn:hover{background-color:var(--gray-50)}.form-nav-center{text-align:center}.form-nav-subtitle{font-size:10px;color:var(--gray-400);text-transform:uppercase;letter-spacing:.1em;display:block}.form-nav-title{font-size:18px;font-weight:600}.form-steps-indicator{display:flex;justify-content:center;gap:8px;padding:8px 0}.form-step-dot{width:32px;height:4px;background-color:var(--gray-300);border-radius:9999px;transition:background-color .3s}.form-step-dot.active{background-color:var(--yellow)}.form-card{background-color:#fff;border-radius:32px;padding:24px;position:relative;overflow:hidden}.form-card-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:32px}.form-card-title{font-size:24px;font-weight:500}.form-card-num{font-size:10px;color:var(--gray-400)}.form-fields{display:flex;flex-direction:column;gap:20px}.form-field{display:flex;flex-direction:column}.form-label{display:block;font-size:10px;color:var(--gray-400);text-transform:uppercase;margin-bottom:8px;margin-left:4px}.form-input{width:100%;background-color:var(--gray-50);border:1px solid var(--gray-100);border-radius:16px;padding:16px;font-size:15px;font-family:inherit;color:inherit;outline:none;transition:border-color .2s}.form-input:focus{border-color:var(--yellow)}.form-input-with-prefix{position:relative}.form-input-prefix{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:15px;pointer-events:none}.form-input.has-prefix{padding-left:32px}.form-textarea{width:100%;background-color:var(--gray-50);border:1px solid var(--gray-100);border-radius:16px;padding:16px;font-size:15px;font-family:inherit;color:inherit;outline:none;resize:none;transition:border-color .2s}.form-textarea:focus{border-color:var(--yellow)}.form-hint{font-size:10px;color:var(--gray-400);margin-top:8px;margin-left:4px}.form-next-btn{width:100%;margin-top:40px;background-color:var(--yellow);color:#282828;font-weight:700;height:56px;border-radius:9999px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border:none;cursor:pointer;font-size:16px;font-family:inherit;transition:all .2s}.form-next-btn:hover{background-color:var(--yellow-hover)}.form-next-btn:active{transform:scale(.98)}.form-input-error{border-color:#ef4444!important}.form-success-card{background-color:#000;color:#fff;border-radius:32px;padding:32px;position:relative;overflow:hidden;min-height:400px;display:flex;flex-direction:column;justify-content:center;text-align:center}.form-success-glow{position:absolute;right:-80px;top:-80px;width:256px;height:256px;background-color:var(--yellow);border-radius:50%;filter:blur(100px);opacity:.2}.form-success-content{position:relative;z-index:10}.form-success-icon{width:64px;height:64px;background-color:var(--yellow);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#000}.form-success-title{font-size:30px;font-weight:500;margin-bottom:16px}.form-success-desc{color:var(--gray-400);line-height:1.6;margin-bottom:40px;padding:0 16px;font-size:14px}.form-success-steps{text-align:left;display:flex;flex-direction:column;gap:16px}.form-success-steps-label{font-size:10px;color:var(--gray-500);text-transform:uppercase;letter-spacing:.1em;text-align:center}.form-success-step{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;display:flex;gap:16px;align-items:flex-start}.form-success-step-num{color:var(--yellow);font-size:14px;flex-shrink:0}.form-success-step p{font-size:14px;color:var(--gray-300);line-height:1.5}.form-back-link{display:inline-block;margin-top:48px;font-size:14px;color:var(--gray-500);background:none;border:none;cursor:pointer;font-family:JetBrains Mono,monospace;transition:color .2s}.form-back-link:hover{color:var(--yellow)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}