*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f5f7fa;--bg-elevated: #ffffff;--bg-card: #ffffff;--bg-card-hover: #fafafa;--border: rgba(0, 0, 0, .06);--border-hover: rgba(0, 0, 0, .12);--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #aeaeb2;--accent: #1d1d1f;--accent-subtle: rgba(0, 0, 0, .06);--font-heading: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif;--font-mono: "SF Mono", "Menlo", "Consolas", monospace;--section-pad: clamp(80px, 12vw, 140px);--container: 1100px}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-soft{0%,to{opacity:.5}50%{opacity:1}}@keyframes scroll-down{0%{transform:scaleY(0);transform-origin:top;opacity:0}30%{opacity:.3}60%{transform:scaleY(1);transform-origin:top}to{transform:scaleY(1);transform-origin:bottom;opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes breathe{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.85;transform:scale(1.04)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes orb-float-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(15px,-10px) scale(1.05)}66%{transform:translate(-10px,5px) scale(.98)}}@keyframes orb-float-2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-12px,8px) scale(.96)}66%{transform:translate(8px,-12px) scale(1.03)}}[data-animate]{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}[data-animate].is-visible{opacity:1;transform:translateY(0)}[data-animate].is-visible .steps__card:nth-child(1),[data-animate].is-visible .proof__stat:nth-child(1){transition-delay:.05s}[data-animate].is-visible .steps__card:nth-child(2),[data-animate].is-visible .proof__stat:nth-child(2){transition-delay:.15s}[data-animate].is-visible .steps__card:nth-child(3),[data-animate].is-visible .proof__stat:nth-child(3){transition-delay:.25s}[data-animate].is-visible .proof__stat:nth-child(4){transition-delay:.35s}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 24px;transition:background .3s,backdrop-filter .3s,border-color .3s;border-bottom:1px solid transparent}.nav.is-scrolled{background:#f5f7fabf;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom-color:var(--border)}.nav__inner{max-width:var(--container);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:56px}.nav__logo{display:flex;align-items:center;gap:8px;font-family:var(--font-heading);font-weight:600;font-size:17px;letter-spacing:-.01em}.nav__logo-icon{font-size:18px}.nav__logo-accent{color:var(--text-secondary)}.nav__links{display:flex;align-items:center;gap:28px}.nav__link{font-size:14px;color:var(--text-secondary);transition:color .15s;font-weight:500}.nav__link:hover{color:var(--text-primary)}.nav__cta{font-size:13px;font-weight:600;color:var(--bg-elevated);background:var(--text-primary);padding:7px 18px;border-radius:8px;transition:all .15s}.nav__cta:hover{background:#1d1d1fd9;transform:translateY(-1px)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 80px;overflow:hidden;background:linear-gradient(180deg,#f5f7fa,#fff)}.hero__bg{position:absolute;inset:0;overflow:hidden}.hero__grid{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.03) 1px,transparent 0);background-size:48px 48px}.hero__glow{position:absolute;top:10%;left:45%;width:700px;height:500px;background:radial-gradient(ellipse,rgba(147,112,219,.06) 0%,transparent 65%);transform:translate(-50%,-50%);pointer-events:none;animation:float 12s ease-in-out infinite}.hero__glow--secondary{top:65%;left:30%;width:500px;height:400px;background:radial-gradient(ellipse,rgba(100,149,237,.05) 0%,transparent 65%);animation:float 16s ease-in-out infinite reverse}.hero__content{position:relative;text-align:center;max-width:720px;margin:0 auto;animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards}.hero__badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-secondary);background:#00000008;border:1px solid var(--border);padding:6px 16px;border-radius:100px;margin-bottom:28px;letter-spacing:.01em}.hero__badge-dot{width:6px;height:6px;background:#34c759;border-radius:50%;animation:pulse-soft 2s ease-in-out infinite}.hero__title{font-family:var(--font-heading);font-size:clamp(36px,5.5vw,64px);font-weight:600;line-height:1.08;letter-spacing:-.035em;margin-bottom:20px;color:var(--text-primary)}.hero__title-accent{color:var(--text-primary)}.hero__title-strike{color:var(--text-tertiary);text-decoration:line-through;text-decoration-color:var(--text-tertiary);text-decoration-thickness:2px}.hero__subtitle{font-size:clamp(15px,1.8vw,18px);color:var(--text-secondary);max-width:520px;margin:0 auto 40px;line-height:1.6;font-weight:400}.hero__prompt{position:relative;max-width:620px;margin:0 auto 24px}.hero__prompt-glow{position:absolute;inset:-20px;z-index:-1;pointer-events:none;overflow:hidden;border-radius:30px}.hero__prompt-glow:before,.hero__prompt-glow:after{content:"";position:absolute;border-radius:50%;opacity:0;transition:opacity .6s ease}.hero__prompt-glow:before{width:180px;height:180px;top:-30px;right:-10px;background:radial-gradient(circle,rgba(147,112,219,.12),transparent 70%);animation:orb-float-1 8s ease-in-out infinite}.hero__prompt-glow:after{width:150px;height:150px;bottom:-30px;left:-10px;background:radial-gradient(circle,rgba(100,149,237,.1),transparent 70%);animation:orb-float-2 10s ease-in-out infinite}.hero__prompt:hover .hero__prompt-glow:before,.hero__prompt:hover .hero__prompt-glow:after,.hero__prompt:focus-within .hero__prompt-glow:before,.hero__prompt:focus-within .hero__prompt-glow:after{opacity:1}.hero__prompt-inner{display:flex;align-items:center;background:#ffffffd9;backdrop-filter:blur(16px) saturate(170%);-webkit-backdrop-filter:blur(16px) saturate(170%);border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:6px 6px 6px 20px;gap:10px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 3px #0000000a,0 4px 16px #00000008,inset 0 1px #fffc}.hero__prompt-inner:focus-within{border-color:#00000024;box-shadow:0 2px 8px #0000000a,0 8px 32px #0000000f,0 0 0 4px #9370db0f,inset 0 1px #ffffffe6;transform:translateY(-1px)}.hero__prompt-prefix{flex-shrink:0}.hero__prompt-caret{font-size:10px;color:var(--text-tertiary);font-family:var(--font-mono)}.hero__prompt-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-family:var(--font-body);font-size:16px;min-width:0;font-weight:400;padding:4px 0}.hero__prompt-input::placeholder{color:var(--text-tertiary)}.hero__prompt-btn{flex-shrink:0;display:flex;align-items:center;gap:6px;background:var(--text-primary);color:#fff;font-weight:600;font-size:14px;padding:12px 24px;border-radius:12px;transition:all .2s cubic-bezier(.16,1,.3,1);animation:breathe 4s ease-in-out infinite}.hero__prompt-btn:hover{background:#1d1d1fd9;transform:translateY(-1px);box-shadow:0 4px 12px #00000026;animation:none}.hero__prompt-btn:active{transform:translateY(0) scale(.97);animation:none}.hero__prompt-input:not(:placeholder-shown)~.hero__prompt-btn{animation:none}.hero__examples{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.hero__examples-label{font-size:13px;color:var(--text-tertiary);font-weight:500}.hero__example{font-size:13px;color:var(--text-secondary);background:#00000008;border:1px solid var(--border);padding:6px 14px;border-radius:100px;transition:all .15s;white-space:nowrap}.hero__example:hover{background:#0000000f;color:var(--text-primary);border-color:var(--border-hover)}.hero__scroll-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.hero__scroll-line{width:1px;height:40px;background:var(--text-tertiary);animation:scroll-down 2s ease-in-out infinite}.trust{padding:40px 24px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-elevated)}.trust__inner{max-width:var(--container);margin:0 auto;text-align:center}.trust__label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:16px}.trust__logos{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.trust__logo{font-size:13px;font-weight:500;color:var(--text-secondary);letter-spacing:.01em}.trust__divider{color:var(--text-tertiary);font-size:8px}.steps{padding:var(--section-pad) 24px;background:var(--bg)}.steps__inner{max-width:var(--container);margin:0 auto}.steps__header{text-align:center;margin-bottom:56px}.steps__label{display:inline-block;font-size:12px;font-weight:600;color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.steps__title{font-family:var(--font-heading);font-size:clamp(28px,3.5vw,44px);font-weight:600;letter-spacing:-.025em;line-height:1.15}.steps__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps__card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:36px 28px;transition:border-color .2s,transform .2s,box-shadow .2s;opacity:0;transform:translateY(16px)}[data-animate].is-visible .steps__card{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease,border-color .2s,box-shadow .2s}.steps__card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 24px #0000000a}.steps__card-number{font-size:12px;color:var(--text-tertiary);font-weight:600;margin-bottom:20px;letter-spacing:.05em}.steps__card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#00000008;border:1px solid var(--border);border-radius:12px;color:var(--text-secondary);margin-bottom:20px}.steps__card-title{font-family:var(--font-heading);font-size:18px;font-weight:600;margin-bottom:10px;letter-spacing:-.01em}.steps__card-text{font-size:14px;color:var(--text-secondary);line-height:1.65}.steps__card-checklist{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:6px}.steps__card-checklist li{font-size:13px;color:var(--text-secondary);line-height:1.5;padding-left:20px;position:relative}.steps__card-checklist li:before{content:"✓";position:absolute;left:0;color:#34c759;font-weight:600;font-size:13px}.showcase{padding:var(--section-pad) 24px;background:var(--bg-elevated);border-top:1px solid var(--border)}.showcase__inner{max-width:var(--container);margin:0 auto}.showcase__header{text-align:center;margin-bottom:56px}.showcase__label{display:inline-block;font-size:12px;font-weight:600;color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.showcase__title{font-family:var(--font-heading);font-size:clamp(28px,3.5vw,44px);font-weight:600;letter-spacing:-.025em;line-height:1.15;margin-bottom:12px}.showcase__subtitle{font-size:16px;color:var(--text-secondary);max-width:460px;margin:0 auto}.showcase__grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:20px}.showcase__card{background:var(--bg);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s}.showcase__card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 24px #0000000a}.showcase__card--large{grid-column:1 / -1;display:grid;grid-template-columns:1.2fr 1fr}.showcase__card-visual{padding:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00000003,#00000008)}.showcase__card-mockup{width:100%;max-width:420px;background:var(--bg-elevated);border-radius:10px;border:1px solid var(--border);overflow:hidden}.showcase__card-mockup--sm{max-width:280px}.showcase__mockup-bar{display:flex;gap:5px;padding:10px 14px;border-bottom:1px solid var(--border)}.showcase__mockup-bar span{width:8px;height:8px;border-radius:50%;background:#00000014}.showcase__mockup-content{display:grid;grid-template-columns:48px 1fr;gap:10px;padding:14px;min-height:140px}.showcase__mockup-content--simple{grid-template-columns:1fr;gap:8px}.showcase__mockup-sidebar{background:#00000005;border-radius:5px}.showcase__mockup-main{display:flex;flex-direction:column;gap:8px}.showcase__mockup-row{height:10px;background:#0000000a;border-radius:3px}.showcase__mockup-row--short{width:60%}.showcase__mockup-grid-sm{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.showcase__mockup-grid-sm div{height:36px;background:#00000005;border-radius:5px;border:1px solid var(--border)}.showcase__card-info{padding:28px;display:flex;flex-direction:column;justify-content:center}.showcase__card-tag{font-size:11px;color:var(--text-tertiary);font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}.showcase__card-title{font-family:var(--font-heading);font-size:20px;font-weight:600;margin-bottom:8px;letter-spacing:-.01em}.showcase__card-desc{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:14px}.showcase__card-time{font-size:12px;color:var(--text-tertiary);font-weight:600;letter-spacing:.02em}.showcase__card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.showcase__card-feature{font-size:11px;font-weight:500;color:var(--text-secondary);background:#00000008;border:1px solid var(--border);padding:3px 10px;border-radius:100px;white-space:nowrap}.showcase__card-live{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#34c759;margin-left:10px}.showcase__card-live:before{content:"";width:5px;height:5px;border-radius:50%;background:#34c759;animation:pulse-soft 2s ease-in-out infinite}.proof{padding:var(--section-pad) 24px;background:var(--bg)}.proof__inner{max-width:var(--container);margin:0 auto}.proof__header{text-align:center;margin-bottom:48px}.proof__title{font-family:var(--font-heading);font-size:clamp(28px,3.5vw,44px);font-weight:600;letter-spacing:-.025em}.proof__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:56px}.proof__stat{text-align:center;padding:28px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;opacity:0;transform:translateY(16px)}[data-animate].is-visible .proof__stat{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease}.proof__stat-value{display:block;font-family:var(--font-heading);font-size:clamp(32px,4vw,48px);font-weight:600;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:4px}.proof__stat-label{font-size:13px;color:var(--text-secondary);font-weight:500}.proof__quote{max-width:680px;margin:0 auto;text-align:center;padding:36px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px}.proof__blockquote{font-family:var(--font-heading);font-size:clamp(16px,2vw,20px);font-weight:500;line-height:1.6;color:var(--text-primary);font-style:normal;margin-bottom:24px}.proof__author{display:flex;align-items:center;justify-content:center;gap:14px}.proof__author-avatar{width:40px;height:40px;border-radius:50%;background:var(--text-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px}.proof__author-name{display:block;font-weight:600;font-size:14px;color:var(--text-primary)}.proof__author-role{display:block;font-size:12px;color:var(--text-tertiary)}.cta{padding:var(--section-pad) 24px;position:relative;overflow:hidden;background:var(--bg-elevated);border-top:1px solid var(--border)}.cta__inner{max-width:640px;margin:0 auto;text-align:center;position:relative}.cta__glow{position:absolute;top:50%;left:50%;width:500px;height:300px;background:radial-gradient(ellipse,rgba(147,112,219,.04),transparent 65%);transform:translate(-50%,-50%);pointer-events:none}.cta__title{font-family:var(--font-heading);font-size:clamp(28px,3.5vw,44px);font-weight:600;letter-spacing:-.025em;line-height:1.15;margin-bottom:16px;position:relative}.cta__subtitle{font-size:16px;color:var(--text-secondary);margin-bottom:36px;position:relative}.cta__prompt{position:relative;max-width:540px;margin:0 auto}.footer{border-top:1px solid var(--border);padding:40px 24px;background:var(--bg)}.footer__inner{max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start}.footer__left{display:flex;flex-direction:column;gap:4px}.footer__tagline{font-size:13px;color:var(--text-tertiary);margin-top:6px}.footer__link{font-size:13px;color:var(--text-secondary);transition:color .15s}.footer__link:hover{color:var(--text-primary)}.footer__right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.footer__bottom{grid-column:1 / -1;padding-top:20px;border-top:1px solid var(--border);font-size:12px;color:var(--text-tertiary);display:flex;align-items:center;justify-content:space-between}.footer__dotnet-link{color:var(--text-secondary);font-weight:500;transition:color .15s}.footer__dotnet-link:hover{color:var(--text-primary)}@media (max-width: 900px){.steps__grid,.showcase__grid,.showcase__card--large{grid-template-columns:1fr}.proof__stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.nav__links{gap:16px}.nav__link{display:none}.hero__prompt-btn{padding:11px 14px}.hero__prompt-btn svg{display:none}.hero__examples{flex-direction:column;gap:6px}.proof__stats{grid-template-columns:1fr 1fr;gap:12px}.footer__inner{grid-template-columns:1fr;text-align:center}.footer__right{align-items:center}.footer__bottom{flex-direction:column;gap:8px;text-align:center}}