@view-transition{navigation:auto}@keyframes vt-out{to{opacity:0;transform:translateY(-8px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(8px)}}::view-transition-old(root){animation:.18s both vt-out}::view-transition-new(root){animation:.22s both vt-in}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}.hero{border-bottom:1px solid var(--border);padding:84px 0 66px;position:relative;overflow:hidden}.hero-backdrop{background-image:var(--paper-grain);pointer-events:none;position:absolute;inset:0}.hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:stretch;gap:40px;display:grid;position:relative}.hero h1{letter-spacing:-.01em;margin:14px 0 0;font-size:clamp(2.3rem,5vw,3.4rem);line-height:1.12}.hero h1 .accent{color:var(--accent-strong);font-weight:600}.hero-sub{max-width:32rem;color:var(--text-muted);margin:18px 0 0;font-size:1.12rem}.hero-install{max-width:100%;margin-top:22px}.hero-install pre{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);width:fit-content;max-width:100%;margin:0;padding:12px 74px 12px 16px;font-size:.92rem;overflow-x:auto}.hero-install code:before{content:"$ ";color:var(--text-faint)}.hero-ctas{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.hero-meta{color:var(--text-faint);font-family:var(--font-mono);flex-wrap:wrap;gap:8px 22px;margin:26px 0 0;font-size:.82rem;display:flex}.hero-meta span:before{content:"•";color:var(--stamp)}.hero-code{min-width:0;display:flex}.code-window{border:1px solid var(--border-strong);border-radius:0 var(--radius-lg) var(--radius-lg) var(--radius-lg);background:var(--surface);background-image:var(--paper-grain);box-shadow:var(--shadow-pop);width:100%;position:relative;overflow:hidden}.code-window-head,.code-block-head{border-bottom:1px solid var(--border);background:var(--surface-2);align-items:center;gap:10px;padding:10px 16px;display:flex}.code-window-tab{border:1px solid var(--accent-line);border-radius:var(--radius-sm);background:var(--accent-dim);color:var(--accent-strong);font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;padding:2px 8px;font-size:.68rem;font-weight:600}.code-window-file,.code-block-file{font-family:var(--font-mono);color:var(--text-muted);flex:1;font-size:.8rem}.code-window-lang{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--accent-dim);color:var(--accent-strong);padding:2px 8px;font-size:.72rem}.code-window pre{margin:0;padding:18px 20px;font-size:.84rem;line-height:1.65;position:relative;overflow-x:auto}.hosts{padding:28px 0 6px}.hosts-label{text-align:center;color:var(--text-faint);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.8rem}.hosts-grid{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.hosts-grid a{border:1px solid var(--border);border-radius:0 var(--radius) var(--radius) var(--radius);min-width:108px;color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:16px 14px 14px;font-size:.88rem;font-weight:600;transition:border-color .15s,color .15s,transform .15s;display:flex}.hosts-grid a:hover{color:var(--accent-strong);border-color:var(--accent-line);text-decoration:none;transform:translateY(-2px)}section{border-bottom:1px solid var(--border);padding:68px 0}section:last-child{border-bottom:none}section h2{letter-spacing:-.01em;margin:12px 0 0;font-size:clamp(1.65rem,3.2vw,2.2rem)}.section-sub{max-width:38rem;color:var(--text-muted);margin:12px 0 0;font-size:1.05rem}.translate-tabs{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.translate-tabs button{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;padding:8px 18px;font-size:.9rem;font-weight:600;transition:all .15s}.translate-tabs button:hover{color:var(--text);border-color:var(--border-strong)}.translate-tabs button.is-active{background:var(--accent-dim);border-color:var(--accent-line);color:var(--accent-strong)}.translate-panels{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;margin-top:22px;display:grid}.translate-panel{border:1px solid var(--border-strong);border-radius:0 var(--radius-lg) var(--radius-lg) var(--radius-lg);background:var(--surface);background-image:var(--paper-grain);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.translate-panel-head{border-bottom:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);align-items:center;gap:10px;padding:10px 16px;font-size:.84rem;display:flex}.lang-badge{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--accent-dim);color:var(--accent-strong);padding:2px 8px;font-size:.72rem;font-weight:700}.lang-badge-sql{background:var(--stamp-dim);color:var(--stamp)}.translate-panel pre{flex:1;margin:0;padding:18px 20px;font-size:.84rem;line-height:1.65;overflow-x:auto}.translate-panel-sql pre code{display:block}.translate-panel-sql.is-revealing pre code{animation:.7s cubic-bezier(.16,1,.3,1) both sql-reveal}@keyframes sql-reveal{0%{clip-path:inset(0 0 100%);opacity:.4}to{clip-path:inset(0);opacity:1}}.translate-arrow{color:var(--text-faint);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.translate-arrow span{font-family:var(--font-mono);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);white-space:nowrap;padding:3px 10px;font-size:.7rem}.features-grid{counter-reset:feature;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px;display:grid}.feature-card{counter-increment:feature;border:1px solid var(--border);border-radius:0 var(--radius-lg) var(--radius-lg) var(--radius-lg);background:var(--surface);background-image:var(--paper-grain);padding:24px 24px 22px;transition:border-color .18s,transform .18s,box-shadow .18s;position:relative}.feature-card:after{content:"No. " counter(feature, decimal-leading-zero);color:var(--text-faint);font-family:var(--font-mono);letter-spacing:.03em;font-size:.7rem;position:absolute;top:20px;right:20px}.feature-card:hover{border-color:var(--accent-line);box-shadow:var(--shadow-card);transform:translateY(-3px)}.feature-card svg{color:var(--accent-strong)}.feature-card h3{margin:14px 0 8px;font-size:1.06rem;font-weight:600}.feature-card p{color:var(--text-muted);margin:0;font-size:.94rem}.feature-card-lead{border-color:var(--accent-line);background-color:var(--accent-dim)}.feature-card-lead h3{font-size:1.14rem}.how-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:48px;margin-top:34px;display:grid}.how-steps{counter-reset:step;margin:0;padding:0;list-style:none}.how-steps li{counter-increment:step;padding:0 0 28px 58px;position:relative}.how-steps li:before{content:"0" counter(step);border:1px solid var(--accent-line);border-radius:var(--radius-sm);background:var(--accent-dim);width:38px;height:38px;color:var(--accent-strong);font-family:var(--font-mono);justify-content:center;align-items:center;font-size:.82rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.how-steps li:not(:last-child):after{content:"";background:var(--border-strong);width:1px;position:absolute;top:44px;bottom:6px;left:19px}.how-steps h3{margin:0 0 6px;font-size:1.04rem;font-weight:600}.how-steps p{color:var(--text-muted);margin:0;font-size:.94rem}.how-visual{color:var(--text-faint);justify-content:center;align-items:center;gap:16px;display:flex}.how-table,.how-object{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);font-family:var(--font-mono);box-shadow:var(--shadow-card);font-size:.78rem;overflow:hidden}.how-table-name,.how-object-name{border-bottom:1px solid var(--border);background:var(--surface-2);color:var(--accent-strong);padding:8px 14px;font-weight:700}.how-table-row{color:var(--text-muted);gap:14px;padding:6px 14px;display:flex}.how-table-row:first-of-type{color:var(--text-faint);border-bottom:1px solid var(--border)}.how-object>div:not(.how-object-name){color:var(--text-muted);padding:6px 14px}.how-note{max-width:44rem;color:var(--text-muted);margin:26px 0 0;font-size:.96rem}.pace-legend{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.pace-chip{border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:7px 14px;font-size:.86rem;font-weight:600;display:inline-flex}.pace-chip small{color:var(--text-faint);font-weight:400;font-family:var(--font-mono);font-size:.72rem}.pace-chip i{border-radius:50%;width:10px;height:10px}.pace-chip-ef i{background:var(--no)}.pace-chip-fw i{background:var(--accent-strong)}.pace-stage{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:linear-gradient(to right, transparent calc(50% - .5px), var(--border) calc(50% - .5px), var(--border) calc(50% + .5px), transparent calc(50% + .5px)), var(--surface);background-image:var(--paper-grain), linear-gradient(to right, transparent calc(50% - .5px), var(--border) calc(50% - .5px), var(--border) calc(50% + .5px), transparent calc(50% + .5px));height:420px;margin-top:18px;position:relative;overflow:hidden}.pace-stage canvas{position:absolute;inset:0}.pace-axis{writing-mode:vertical-rl;color:var(--text-faint);font-family:var(--font-mono);letter-spacing:.3em;font-size:.7rem;position:absolute;top:50%;left:14px;transform:rotate(180deg)translateY(-50%)}.pace-badge{z-index:1;border:1px solid var(--accent-strong);border-radius:var(--radius-sm);background:var(--accent-dim);color:var(--accent-strong);padding:6px 14px;font-size:.9rem;font-weight:700;position:absolute;top:16px;right:16px;transform:rotate(-2deg)}.pace-lane-label{z-index:1;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);font-family:var(--font-mono);color:var(--text-muted);padding:3px 12px;font-size:.74rem;position:absolute;top:14px;transform:translate(-50%)}.pace-lane-ef{left:30%}.pace-lane-fw{left:70%}.compare-scroll{border:1px solid var(--border-strong);border-radius:var(--radius-lg);margin-top:30px;overflow-x:auto}.compare table{border-collapse:collapse;width:100%;min-width:640px;font-size:.92rem}.compare th,.compare td{text-align:left;border-bottom:1px solid var(--border);padding:12px 18px}.compare thead th{background:var(--surface-2);color:var(--text-muted);font-size:.84rem;font-weight:600}.compare tbody tr:nth-child(2n) td{background:var(--bg-raised)}.compare tbody tr:last-child td{border-bottom:none}.compare .compare-us,.compare tbody tr:nth-child(2n) .compare-us{background:var(--accent-dim)}.compare thead .compare-us{color:var(--accent-strong);font-weight:700}.pill{border-radius:var(--radius-sm);padding:2px 12px;font-size:.78rem;font-weight:700;display:inline-block}.pill-yes{color:var(--yes);background:color-mix(in srgb, var(--yes) 12%, transparent)}.pill-no{color:var(--no);background:color-mix(in srgb, var(--no) 12%, transparent)}.pill-partial{color:var(--partial);background:color-mix(in srgb, var(--partial) 12%, transparent)}.packages-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:34px;display:grid}.package-card{border:1px solid var(--border);border-radius:0 var(--radius-lg) var(--radius-lg) var(--radius-lg);background:var(--surface);background-image:var(--paper-grain);padding:22px;transition:border-color .18s,transform .18s;position:relative}.package-card:first-child{border-color:var(--accent-line)}.package-card:hover{border-color:var(--accent-line);transform:translateY(-3px)}.package-card h3{font-family:var(--font-mono);word-break:break-word;margin:0 0 10px;font-size:.9rem;font-weight:600}.package-suffix{color:var(--accent-strong)}.package-card p{color:var(--text-muted);margin:0;font-size:.9rem}.faq-list{border:1px solid var(--border-strong);border-radius:var(--radius-lg);margin-top:30px;overflow:hidden}.faq-list details{border-bottom:1px solid var(--border);background:var(--surface)}.faq-list details:last-child{border-bottom:none}.faq-list summary{cursor:pointer;padding:18px 48px 18px 22px;font-weight:600;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--accent-strong);font-family:var(--font-mono);font-size:1.1rem;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.faq-list details[open] summary:after{content:"−"}.faq-list details p{color:var(--text-muted);max-width:52rem;margin:0;padding:0 22px 20px;font-size:.95rem}.final-cta{text-align:center;border-bottom:none}.final-cta .container{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);background-image:var(--paper-grain);max-width:calc(var(--container) - 44px);padding-top:56px;padding-bottom:56px}.final-cta h2{margin:0}.final-cta p{max-width:34rem;color:var(--text-muted);margin:14px auto 0}.final-cta .hero-ctas{justify-content:center;margin-top:28px}@media (width<=980px){.hero-inner{grid-template-columns:minmax(0,1fr);gap:40px}.features-grid,.packages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.how-grid{grid-template-columns:minmax(0,1fr);gap:36px}.translate-panels{grid-template-columns:minmax(0,1fr)}.translate-arrow{flex-direction:row}.translate-arrow svg{transform:rotate(90deg)}}@media (width<=620px){.hero{padding:56px 0 40px}section{padding:52px 0}.features-grid,.packages-grid{grid-template-columns:1fr}.pace-stage{height:340px}.pace-badge{top:auto;bottom:14px;right:14px}.pace-lane-label{padding:3px 8px;font-size:.66rem}}