.nav{z-index:100;height:64px;transition:background .3s,border-color .3s;position:fixed;top:0;left:0;right:0}.nav--scrolled{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#080808d9}[data-theme=light] .nav--scrolled{background:#f5f0e8d9}.nav__inner{justify-content:space-between;align-items:center;max-width:1100px;height:100%;margin:0 auto;padding:0 32px;display:flex}.nav__logo{align-items:center;gap:10px;text-decoration:none;display:flex}.nav__logo-icon{background:var(--color-orange);width:30px;height:30px;box-shadow:var(--shadow-orange);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav__logo-icon span{color:#fff;font-size:13px;font-weight:700;font-family:var(--font-mono)}.nav__logo-name{font-family:var(--font-display);color:var(--color-primary);letter-spacing:-.01em;font-size:17px;font-weight:600}.nav__links{align-items:center;gap:32px;display:flex}.nav__link{color:var(--color-secondary);font-size:14px;text-decoration:none;transition:color .2s}.nav__link:hover{color:var(--color-primary)}.nav__actions{align-items:center;gap:12px;display:flex}@media (max-width:700px){.nav__links{display:none}.nav__inner{padding:0 20px}}.hero{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 32px 80px;display:flex;position:relative;overflow:hidden}.hero__grid-bg{background-image:linear-gradient(var(--color-border) 1px, transparent 1px), linear-gradient(90deg, var(--color-border) 1px, transparent 1px);opacity:.35;pointer-events:none;background-size:48px 48px;position:absolute;inset:0}.hero__glow-orange,.hero__glow-teal{display:none}.hero__content{z-index:1;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:900px;display:flex;position:relative}.hero__badge{background:var(--color-orange-glow);color:var(--color-orange);letter-spacing:.03em;border:1px solid #e364144d;border-radius:999px;align-items:center;gap:6px;margin-bottom:32px;padding:5px 14px;font-size:12px;font-weight:500;display:inline-flex}.hero__heading{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-primary);margin-bottom:24px;font-size:clamp(48px,8vw,96px);font-weight:700;line-height:1.03}.hero__sub{color:var(--color-secondary);max-width:520px;margin-bottom:40px;font-size:clamp(16px,2vw,20px);line-height:1.65}.hero__ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:72px;display:flex}.hero__footnote{color:var(--color-muted);letter-spacing:.02em;margin-top:28px;font-size:12px}@media (max-width:600px){.hero{padding:100px 20px 60px}.hero__ctas{flex-direction:column;width:100%}}.demo{grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:860px;display:grid}.demo__panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;min-height:220px;padding:20px}.demo__panel-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.demo__panel-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--color-muted);font-size:10px}.demo__dots{gap:5px;display:flex}.demo__dot{border-radius:50%;width:9px;height:9px}.demo__dot--red{background:#e53e3e99}.demo__dot--yellow{background:#f6ad5599}.demo__dot--green{background:#4caf5099}.demo__live-badge{font-family:var(--font-mono);color:var(--color-orange);font-size:10px}.demo__rules{flex-direction:column;gap:8px;display:flex}.demo__rule{align-items:center;gap:8px;transition:opacity .4s,transform .4s;display:flex}.demo__rule--hidden{opacity:0;transform:translateY(6px)}.demo__group-badge{font-family:var(--font-mono);border:1px solid;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.demo__group-badge--and{color:var(--color-orange);background:var(--color-orange-glow);border-color:#e3641459}.demo__group-badge--or{color:var(--color-teal-bright);background:var(--color-teal-glow);border-color:#1a7a8a59}.demo__rule-connector{background:var(--color-border-bright);flex-shrink:0;width:12px;height:1px}.demo__rule-chip{background:var(--color-elevated);border:1px solid var(--color-border);font-family:var(--font-mono);border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;display:flex}.demo__divider{background:var(--color-border);flex:1;height:1px}.demo__sql{font-family:var(--font-mono);flex-direction:column;gap:2px;font-size:12px;line-height:1.7;display:flex}.demo__sql-line{transition:opacity .25s,transform .25s}.demo__sql-line--hidden{opacity:0;transform:translate(-6px)}.demo__cursor{background:var(--color-orange);vertical-align:middle;border-radius:2px;width:6px;height:14px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.demo__typing{align-items:center;gap:6px;margin-top:4px;display:flex}.demo__typing-dot{background:var(--color-orange);border-radius:50%;width:5px;height:5px;animation:1.2s infinite pulse}.demo__typing-text{color:var(--color-muted);font-size:11px;font-family:var(--font-mono)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media (max-width:680px){.demo{grid-template-columns:1fr}.demo__panel:last-child{display:none}}.section{padding:120px 32px}.section--alt{background:var(--color-surface)}.section__inner{max-width:1100px;margin:0 auto}.section__header{text-align:center;margin-bottom:72px}.section__eyebrow{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;margin-bottom:20px;padding:4px 14px;font-size:11px;font-weight:600;display:inline-flex}.section__eyebrow--orange{background:var(--color-orange-glow);color:var(--color-orange);border:1px solid #e364144d}.section__eyebrow--teal{background:var(--color-teal-glow);color:var(--color-teal-bright);border:1px solid #1a7a8a4d}.section__title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--color-primary);font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.1}.section__title span{color:var(--color-secondary);font-weight:400}.section__desc{color:var(--color-secondary);max-width:480px;margin-top:16px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.65}@media (max-width:600px){.section{padding:80px 20px}}.features-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:24px;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.feature-card:hover{border-color:var(--color-border-bright);transform:translateY(-2px)}.feature-card__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;display:flex}.feature-card__icon--orange{background:var(--color-orange-glow)}.feature-card__icon--teal{background:var(--color-teal-glow)}.feature-card__title{color:var(--color-primary);margin-bottom:8px;font-size:14px;font-weight:600;line-height:1.3}.feature-card__desc{color:var(--color-secondary);font-size:13px;line-height:1.6}@media (max-width:960px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.features-grid{grid-template-columns:1fr}}.steps{flex-direction:column;gap:20px;max-width:760px;margin:0 auto;display:flex;position:relative}.steps__line{background:var(--color-border-bright);width:1px;position:absolute;top:60px;bottom:60px;left:31px}.step{align-items:flex-start;gap:24px;display:flex;position:relative}.step__number{width:64px;height:64px;font-family:var(--font-display);z-index:1;color:var(--color-bg);border:1px solid;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;position:relative}.step__number--orange{background:var(--color-orange);border-color:#e364144d}.step__number--teal{background:var(--color-teal);border-color:#1a7a8a4d}.step__body{background:var(--color-elevated);border:1px solid var(--color-border);border-radius:16px;flex:1;padding:24px;transition:border-color .2s}.step__body:hover{border-color:var(--color-border-bright)}.step__title{font-family:var(--font-display);color:var(--color-primary);margin-bottom:8px;font-size:18px;font-weight:600}.step__desc{color:var(--color-secondary);margin-bottom:12px;font-size:14px;line-height:1.65}.step__tag{font-family:var(--font-mono);color:var(--color-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:3px 10px;font-size:11px;display:inline-block}@media (max-width:600px){.steps__line{display:none}.step{flex-direction:column;gap:12px}.step__number{width:48px;height:48px;font-size:14px}}.schemas-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.schema-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:24px;transition:border-color .2s}.schema-card:hover{border-color:var(--color-border-bright)}.schema-card__header{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;display:flex}.schema-card__emoji{font-size:22px;line-height:1}.schema-card__name{font-family:var(--font-display);color:var(--color-primary);flex:1;font-size:16px;font-weight:600}.schema-card__count{font-family:var(--font-mono);color:var(--color-muted);font-size:11px}.schema-card__fields{flex-direction:column;gap:10px;display:flex}.schema-card__field{justify-content:space-between;align-items:center;display:flex}.schema-card__field-name{font-family:var(--font-mono);color:var(--color-primary);font-size:12px}.schema-card__field-type{font-family:var(--font-mono);font-size:11px}.type--number{color:var(--color-orange)}.type--string{color:var(--color-teal-bright)}.type--enum{color:var(--color-warning)}.type--date{color:var(--color-success)}.type--boolean{color:var(--color-secondary)}@media (max-width:860px){.schemas-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}}.cta{text-align:center;padding:120px 32px;position:relative;overflow:hidden}.cta__glow{display:none}.cta__inner{z-index:1;max-width:640px;margin:0 auto;position:relative}.cta__title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-primary);margin-bottom:20px;font-size:clamp(36px,5vw,64px);font-weight:700;line-height:1.05}.cta__desc{color:var(--color-secondary);max-width:400px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:17px;line-height:1.6}@media (max-width:600px){.cta{padding:80px 20px}}.footer{border-top:1px solid var(--color-border);padding:40px 32px}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1100px;margin:0 auto;display:flex}.footer__logo{align-items:center;gap:8px;display:flex}.footer__logo-icon{background:var(--color-orange);border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.footer__logo-icon span{color:#fff;font-size:11px;font-weight:700;font-family:var(--font-mono)}.footer__name{font-family:var(--font-display);color:var(--color-primary);font-size:15px;font-weight:600}.footer__center{color:var(--color-muted);letter-spacing:.01em;font-size:12px}.footer__right{color:var(--color-muted);font-size:12px}.footer__heart{color:var(--color-orange)}@media (max-width:600px){.footer__inner{text-align:center;flex-direction:column}.footer{padding:32px 20px}}.btn{font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-weight:500;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn--primary{background:var(--color-orange);color:#fff;box-shadow:var(--shadow-orange)}.btn--primary:hover{background:var(--color-orange-dim)}.btn--ghost{color:var(--color-secondary);background:0 0}.btn--ghost:hover{color:var(--color-primary)}.btn--sm{height:34px;padding:8px 16px;font-size:13px}.btn--md{height:40px;padding:10px 20px;font-size:14px}.btn--lg{height:50px;padding:14px 28px;font-size:16px}.checkout{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.checkout__card{width:100%;max-width:440px}.checkout__logo{justify-content:center;align-items:center;gap:8px;margin-bottom:12px;display:flex}.checkout__logo-icon{background:var(--color-orange);border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.checkout__logo-icon span{color:#fff;font-size:13px;font-weight:700;font-family:var(--font-mono)}.checkout__logo-name{font-family:var(--font-display);color:var(--color-primary);font-size:17px;font-weight:600}.checkout__heading{font-family:var(--font-display);color:var(--color-primary);text-align:center;letter-spacing:-.02em;font-size:26px;font-weight:700}.checkout__subheading{text-align:center;color:var(--color-secondary);margin-top:4px;margin-bottom:28px;font-size:14px}.checkout__plan{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;margin-bottom:16px;padding:20px}.checkout__plan-top{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.checkout__plan-name{color:var(--color-primary);font-size:14px;font-weight:600}.checkout__plan-detail{color:var(--color-secondary);margin-top:2px;font-size:12px}.checkout__plan-price{font-family:var(--font-display);color:var(--color-primary);font-size:26px;font-weight:700;line-height:1}.checkout__plan-original{color:var(--color-muted);text-align:right;margin-top:2px;font-size:12px;text-decoration:line-through}.checkout__plan-features{border-top:1px solid var(--color-border);flex-direction:column;gap:8px;padding-top:14px;display:flex}.checkout__plan-feature{color:var(--color-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.checkout__form-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:24px}.checkout__form-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.checkout__form-title{color:var(--color-primary);font-size:14px;font-weight:600}.checkout__card-badges{gap:6px;display:flex}.checkout__card-badge{font-family:var(--font-mono);color:var(--color-muted);border:1px solid var(--color-border);border-radius:4px;padding:2px 5px;font-size:9px;font-weight:700}.checkout__field{margin-bottom:16px}.checkout__label{color:var(--color-secondary);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.checkout__input{background:var(--color-elevated);border:1px solid var(--color-border);width:100%;color:var(--color-primary);font-size:14px;font-family:var(--font-body);border-radius:8px;outline:none;padding:11px 14px;transition:border-color .2s}.checkout__input::placeholder{color:var(--color-muted)}.checkout__input:focus{border-color:var(--color-orange)}.checkout__input--mono{font-family:var(--font-mono)}.checkout__input--error{border-color:var(--color-error)}.checkout__error{color:var(--color-error);margin-top:4px;font-size:11px}.checkout__input-wrap{position:relative}.checkout__input-icon{color:var(--color-muted);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.checkout__row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.checkout__pay-btn{background:var(--color-orange);color:#fff;width:100%;height:48px;font-size:15px;font-weight:600;font-family:var(--font-body);cursor:pointer;box-shadow:var(--shadow-orange);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:8px;transition:background .2s,transform .15s;display:flex}.checkout__pay-btn:hover{background:var(--color-orange-dim)}.checkout__pay-btn:active{transform:scale(.98)}.checkout__trust{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:16px;display:flex}.checkout__trust-item{color:var(--color-muted);align-items:center;gap:4px;font-size:11px;display:flex}.checkout__trust-divider{background:var(--color-border);width:1px;height:12px}.checkout__terms{text-align:center;color:var(--color-muted);margin-top:16px;font-size:11px;line-height:1.5}.processing{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.processing__inner{text-align:center;flex-direction:column;align-items:center;gap:24px;display:flex}.processing__spinner{width:56px;height:56px;position:relative}.processing__spinner-track{border:2px solid var(--color-border);border-radius:50%;position:absolute;inset:0}.processing__spinner-fill{border:2px solid #0000;border-top-color:var(--color-orange);border-radius:50%;animation:.8s linear infinite spin;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.processing__title{color:var(--color-primary);font-size:16px;font-weight:600}.processing__sub{color:var(--color-secondary);margin-top:4px;font-size:13px}.processing__ssl{color:var(--color-muted);align-items:center;gap:5px;font-size:11px;display:flex}.joke{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.joke__inner{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:480px;display:flex}.joke__emoji{font-size:72px;line-height:1;transition:opacity .5s,transform .5s}.joke__heading{font-family:var(--font-display);color:var(--color-primary);letter-spacing:-.02em;font-size:36px;font-weight:700;transition:opacity .5s}.joke__body{color:var(--color-secondary);font-size:16px;line-height:1.65;transition:opacity .5s}.joke__redirect{color:var(--color-orange);align-items:center;gap:8px;font-size:14px;font-weight:500;transition:opacity .5s;display:flex}.joke__redirect-sub{color:var(--color-muted);margin-top:4px;font-size:12px}.fade-hidden{opacity:0;pointer-events:none}.theme-toggle{background:var(--color-elevated);border:1px solid var(--color-border);cursor:pointer;width:36px;height:36px;color:var(--color-secondary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .2s,background .2s;display:flex}.theme-toggle:hover{border-color:var(--color-border-bright);background:var(--color-hover)}