:root{--color-orange: #FF6B00;--color-black: #000000;--color-white: #FAFAFA;--color-gray: #999999;--color-gray-light: #E0E0E0;--color-gray-medium: #666666;--color-asphalt: #1A1A1A;--text-on-white: var(--color-black);--text-on-black: var(--color-white);--text-on-orange: var(--color-black);--accent-on-white: var(--color-orange);--accent-on-black: var(--color-orange);--accent-on-orange: var(--color-black);--border-on-white: var(--color-black);--border-on-black: var(--color-orange);--border-on-orange: var(--color-black);--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-6: 48px;--space-8: 64px;--space-10: 80px;--space-12: 96px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 48px;--text-4xl: 64px;--text-5xl: 96px;--font-display: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Arial", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Arial", sans-serif;--font-mono: "SF Mono", "Monaco", "Cascadia Code", "Courier New", monospace;--weight-normal: 400;--weight-medium: 500;--weight-bold: 700;--tracking-tight: .02em;--tracking-normal: .05em;--tracking-wide: .08em;--tracking-mega: .1em;--leading-tight: .9;--leading-normal: 1.5;--leading-relaxed: 1.8;--opacity-subtle: .6;--opacity-medium: .7;--opacity-strong: .8;--opacity-full: 1;--stripe-angle: 45deg;--stripe-width: 2px;--stripe-spacing: 8px;--stripe-color-1: var(--color-black);--stripe-color-2: var(--color-orange);--container-max: 1200px;--grid-columns: 12;--grid-gap: var(--space-2);--transition-fast: .1s ease;--transition-base: .15s ease;--transition-cubic: .15s cubic-bezier(.4, 0, .2, 1);--border-thin: 1px solid var(--color-black);--border-base: 2px solid var(--color-black);--border-bold: 3px solid var(--color-black);--border-orange: 3px solid var(--color-orange);--breakpoint-mobile: 320px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-wide: 1440px;--button-padding-x: var(--space-4);--button-padding-y: var(--space-2);--button-min-width: 150px;--button-height: 48px;--zip-tie-size: 12px;--status-dot-size: 12px}.try-api-container{width:100%}.try-hero{padding:var(--space-8) 0;background:var(--color-orange);position:relative}.try-hero-label{font-size:var(--text-2xl);font-weight:700;letter-spacing:var(--tracking-normal);text-transform:uppercase;margin-bottom:var(--space-2)}.try-hero-label:before,.try-hero-label:after{content:'"';color:var(--color-black)}.try-hero-title{font-size:var(--text-5xl);font-weight:700;letter-spacing:var(--tracking-normal);line-height:.9;text-transform:uppercase;margin-bottom:var(--space-2)}.try-hero-subtitle{font-size:var(--text-lg);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-bottom:var(--space-3)}.try-hero-meta{font-size:var(--text-sm);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;font-family:var(--font-mono)}.try-hero-meta-label{color:var(--color-black);opacity:.7}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4)}.try-content{padding:var(--space-8) var(--space-4)}.try-intro{margin-bottom:var(--space-6)}.try-intro-text{font-size:var(--text-base);line-height:1.6;color:var(--color-black);margin:0;max-width:70ch}.construction-box{border:var(--border-bold);padding:var(--space-4);background:var(--color-white);color:var(--color-black);position:relative;margin-bottom:var(--space-6)}.construction-box-orange{background:var(--color-orange)}.construction-box-black{background:var(--color-black);color:var(--color-white)}.try-step-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:var(--border-bold)}.try-step-number{font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-mega);text-transform:uppercase;color:var(--color-orange)}.construction-box-orange .try-step-number{color:var(--color-black)}.construction-box-black .try-step-number{color:var(--color-orange)}.try-step-title{font-size:var(--text-base);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase}.try-info-text{font-size:var(--text-sm);font-weight:700;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-3)}.try-connect-section,.try-generate-section{display:flex;flex-direction:column;gap:var(--space-3)}.try-button-group{display:flex;gap:var(--space-2);flex-wrap:wrap}.try-connected-section{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.try-connection-info{display:flex;align-items:center;gap:var(--space-2)}.try-connection-label{font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase}.try-address{font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-1) var(--space-2);background:var(--color-asphalt);color:var(--color-white);border:var(--border-bold)}.status-dot{width:var(--status-dot-size);height:var(--status-dot-size);border-radius:50%;display:inline-block;border:2px solid}.status-dot-active{background:var(--color-orange);border-color:var(--color-orange);box-shadow:0 0 8px #ff6b0080;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.x402-button,.x402-button-secondary,.x402-button-large,.x402-button-small{padding:var(--button-padding-y) var(--button-padding-x);border:var(--border-bold);background:var(--color-orange);color:var(--color-black);font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;transition:all var(--transition-base);min-width:var(--button-min-width);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.x402-button:hover{background:var(--color-black);color:var(--color-white);border-color:var(--color-orange);transform:translate(2px,-2px)}.x402-button:active{transform:scale(.95)}.x402-button-disabled,.x402-button:disabled{background:var(--color-gray-light)!important;color:#666!important;border-color:var(--color-gray-light)!important;cursor:not-allowed!important;transform:none!important}.x402-button-secondary{background:var(--color-white);color:var(--color-black)}.x402-button-secondary:hover{background:var(--color-black);color:var(--color-white)}.x402-button-large{padding:var(--space-3) var(--space-6);font-size:var(--text-base);min-width:200px}.x402-button-small{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);min-width:100px}.try-loading{padding:var(--space-3);border:var(--border-bold);background:var(--color-black);color:var(--color-white);text-align:center;margin-top:var(--space-3)}.try-loading-dots{font-size:var(--text-base);font-weight:700;letter-spacing:var(--tracking-wide);color:var(--color-orange);animation:dots 1.5s infinite;margin-bottom:var(--space-2)}@keyframes dots{0%,20%{content:"● ○ ○ PROCESSING"}40%{content:"● ● ○ PROCESSING"}60%,to{content:"● ● ● PROCESSING"}}.try-loading-stage{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--color-white)}.try-error{padding:var(--space-3);border:var(--border-bold);border-color:var(--color-orange);background:var(--color-black);color:var(--color-white);margin-top:var(--space-3)}.try-error-label{font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-mega);color:var(--color-orange);margin-bottom:var(--space-2)}.try-error-message{font-size:var(--text-sm);font-family:var(--font-mono);line-height:1.6}.try-result{display:flex;flex-direction:column;gap:var(--space-2)}.try-result-item{display:flex;flex-direction:column;gap:var(--space-1);cursor:pointer;transition:all var(--transition-base)}.try-result-item:hover{transform:translateY(-2px)}.try-result-item:hover .try-result-code{background:var(--color-black);border-color:var(--color-orange)}.try-result-item:hover .try-result-copy-icon{transform:scale(1.1);opacity:1}.try-result-header{display:flex;justify-content:space-between;align-items:center}.try-result-label{font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-mega);text-transform:uppercase;color:var(--color-orange)}.try-result-copy-icon{font-size:var(--text-base);color:var(--color-orange);opacity:.6;transition:all var(--transition-base);user-select:none}.try-result-code{font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-2);background:var(--color-asphalt);color:var(--color-white);border:var(--border-bold);border-color:var(--color-black);word-break:break-all;line-height:1.4;transition:all var(--transition-base)}.try-result-meta{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase}.try-nav{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-6);flex-wrap:wrap;gap:var(--space-2)}.try-back-link{font-size:var(--text-sm);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-black);text-decoration:none;transition:color var(--transition-fast)}.try-back-link:hover{color:var(--color-orange)}.diagonal-stripes{background:repeating-linear-gradient(var(--stripe-angle),var(--stripe-color-1) 0px,var(--stripe-color-1) var(--stripe-width),var(--stripe-color-2) var(--stripe-width),var(--stripe-color-2) calc(var(--stripe-width) + var(--stripe-spacing)));height:24px;width:100%}.diagonal-stripes-thin{height:16px}.try-copy-toast{position:fixed;bottom:var(--space-3);left:50%;transform:translate(-50%);background:var(--color-black);border:var(--border-orange);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-orange);z-index:1000;animation:slideUp .15s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000080}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:768px){.try-hero-title{font-size:var(--text-3xl)}.try-hero-subtitle{font-size:var(--text-base)}.try-content{padding:var(--space-6) var(--space-3)}.construction-box{padding:var(--space-3)}.try-connected-section{flex-direction:column;align-items:flex-start}.x402-button,.x402-button-secondary,.x402-button-large{width:100%;min-width:auto}.try-button-group{flex-direction:column}.try-nav{flex-direction:column;text-align:center}.try-result-item{padding:var(--space-1)}.try-copy-toast{bottom:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}}