:root{--bg-black: #060709;--bg-dark: #0d0f14;--bg-card: rgba(18, 20, 28, .75);--bg-card-solid: #12141c;--bg-card-hover: rgba(26, 29, 41, .85);--bg-elevated: #181b24;--border-subtle: rgba(255, 255, 255, .07);--border-focus: rgba(201, 169, 110, .45);--border-hover: rgba(255, 255, 255, .16);--text-main: #f5f5f7;--text-muted: #9ba1b0;--text-dim: #687082;--accent-gold: #c9a96e;--accent-gold-light: #e5cd9d;--accent-gold-glow: rgba(201, 169, 110, .22);--accent-blue: #2997ff;--accent-blue-glow: rgba(41, 151, 255, .25);--accent-green: #30d158;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 32px;--shadow-window: 0 30px 80px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .1);--shadow-card: 0 12px 36px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .06);--shadow-card-hover: 0 18px 48px rgba(0, 0, 0, .55), 0 0 0 1px rgba(201, 169, 110, .35);--max-width: 1200px;--nav-height: 68px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark}body{background-color:var(--bg-black);color:var(--text-main);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(201,169,110,.12),transparent 70%),radial-gradient(ellipse 60% 40% at 85% 15%,rgba(41,151,255,.05),transparent 60%),radial-gradient(ellipse 50% 30% at 15% 45%,rgba(201,169,110,.04),transparent 50%);background-attachment:fixed}a{color:inherit;text-decoration:none;transition:color .2s ease,opacity .2s ease}img{max-width:100%;height:auto;display:block}button,input,textarea,select{font-family:inherit}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.container-narrow{max-width:860px}.section{padding:96px 0;position:relative}.section-hero{padding-top:calc(var(--nav-height) + 56px);padding-bottom:80px;text-align:center}.site-header{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:100;background:#060709cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;transition:background-color .2s ease,border-color .2s ease}.nav-container{display:flex;align-items:center;justify-content:space-between}.brand-link{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.15rem;letter-spacing:-.01em}.brand-icon{width:34px;height:34px;border-radius:8px;box-shadow:0 2px 8px #0006}.brand-text-wrap{display:flex;flex-direction:column;line-height:1.15}.brand-title{color:var(--text-main);font-size:1.1rem;font-weight:700}.brand-subtitle{color:var(--text-dim);font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:32px;list-style:none}.nav-link{color:var(--text-muted);font-size:.92rem;font-weight:500;transition:color .2s ease}.nav-link:hover,.nav-link.active{color:var(--text-main)}.nav-actions{display:flex;align-items:center;gap:16px}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-main);padding:8px;cursor:pointer;border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;border-radius:9999px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);border:1px solid transparent;white-space:nowrap}.btn-appstore{background:#fff;color:#000;box-shadow:0 4px 16px #ffffff1f}.btn-appstore:hover{background:#f0f0f0;transform:translateY(-1px);box-shadow:0 6px 22px #ffffff38}.btn-appstore svg{width:18px;height:18px;fill:currentColor}.btn-gold{background:linear-gradient(135deg,#e5cd9d,#c9a96e);color:#0d0f14;font-weight:700;box-shadow:0 4px 20px var(--accent-gold-glow)}.btn-gold:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 28px #c9a96e61}.btn-secondary{background:#ffffff0f;color:var(--text-main);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--border-hover);transform:translateY(-1px)}.btn-sm{padding:8px 16px;font-size:.85rem}.badge-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:9999px;background:#c9a96e1a;border:1px solid rgba(201,169,110,.25);color:var(--accent-gold-light);font-size:.82rem;font-weight:600;letter-spacing:.02em;margin-bottom:24px}.badge-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--accent-gold);box-shadow:0 0 8px var(--accent-gold)}.badge-pill.blue{background:#2997ff1a;border-color:#2997ff40;color:#70b8ff}.badge-pill.blue .dot{background:var(--accent-blue);box-shadow:0 0 8px var(--accent-blue)}.hero-title{font-size:clamp(2.8rem,6.5vw,5.2rem);font-weight:800;line-height:1.08;letter-spacing:-.035em;margin-bottom:22px;color:#fff}.hero-title .gold{color:var(--accent-gold);background:linear-gradient(135deg,#f5d77f 10%,#c9a96e 60%,#a48041);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.6;color:var(--text-muted);max-width:780px;margin:0 auto 36px;font-weight:400}.hero-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}.hero-meta{color:var(--text-dim);font-size:.84rem;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.hero-meta span{display:inline-flex;align-items:center}.hero-meta-dot{opacity:.4}.workbench-wrapper{margin-top:56px;position:relative}.workbench-glow{position:absolute;top:-10%;left:10%;right:10%;bottom:-10%;background:radial-gradient(ellipse at center,rgba(201,169,110,.12) 0%,rgba(41,151,255,.04) 50%,transparent 70%);filter:blur(60px);z-index:0;pointer-events:none}.workbench-window{position:relative;z-index:1;background:#111319;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-window);overflow:hidden;text-align:left}.mac-titlebar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#181b24;border-bottom:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none}.traffic-lights{display:flex;align-items:center;gap:8px}.traffic-dot{width:12px;height:12px;border-radius:50%}.traffic-red{background:#ff5f56;border:1px solid #e0443e}.traffic-yellow{background:#ffbd2e;border:1px solid #dea123}.traffic-green{background:#27c93f;border:1px solid #1aab29}.titlebar-center{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--text-muted)}.titlebar-center img{width:16px;height:16px;border-radius:4px}.titlebar-actions{display:flex;align-items:center;gap:8px}.titlebar-pill{font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:4px;background:#ffffff12;color:var(--text-dim)}.workbench-body{display:grid;grid-template-columns:1.1fr .9fr;min-height:480px;background:#0f1117}@media(max-width:900px){.workbench-body{grid-template-columns:1fr}}.editor-pane{display:flex;flex-direction:column;border-right:1px solid var(--border-subtle);background:#0b0d13}.pane-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#141720;border-bottom:1px solid var(--border-subtle)}.editor-tabs{display:flex;align-items:center;gap:4px}.editor-tab{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:600;color:var(--text-dim);background:transparent;border:none;cursor:pointer;transition:all .15s ease;font-family:var(--font-mono)}.editor-tab:hover{color:var(--text-muted);background:#ffffff0a}.editor-tab.active{color:#fff;background:#ffffff17}.editor-tab .tab-icon{font-size:.75rem}.tab-html .tab-icon{color:#e44d26}.tab-css .tab-icon{color:#264de4}.tab-js .tab-icon{color:#f7df1e}.editor-actions{display:flex;align-items:center;gap:8px}.editor-tag-badge{font-size:.72rem;color:var(--accent-gold-light);background:#c9a96e1f;padding:2px 8px;border-radius:4px;border:1px solid rgba(201,169,110,.25);font-family:var(--font-mono)}.code-area-wrap{position:relative;flex:1;display:flex;overflow:hidden;background:#090b10}.code-lines{width:44px;padding:16px 12px 16px 0;text-align:right;font-family:var(--font-mono);font-size:.82rem;line-height:1.6;color:#fff3;-webkit-user-select:none;user-select:none;background:#08090e;border-right:1px solid var(--border-subtle)}.code-editor-input{flex:1;padding:16px;font-family:var(--font-mono);font-size:.85rem;line-height:1.6;background:transparent;color:#e2e8f0;border:none;resize:none;outline:none;white-space:pre;tab-size:2;overflow:auto}.preview-pane{display:flex;flex-direction:column;background:#11131a}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#141720;border-bottom:1px solid var(--border-subtle)}.preview-title{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:var(--text-muted)}.live-indicator{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;color:var(--accent-green);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.live-indicator .pulse{width:6px;height:6px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.preview-viewport-select{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-dim)}.preview-frame-wrap{flex:1;position:relative;background:#fff;display:flex}.preview-iframe{width:100%;height:100%;min-height:380px;border:none;background:#fff}.workbench-status{display:flex;align-items:center;justify-content:space-between;padding:8px 18px;background:#151821;border-top:1px solid var(--border-subtle);font-size:.76rem;color:var(--text-dim)}.status-coach{display:flex;align-items:center;gap:8px;color:var(--accent-gold-light)}.status-shortcut{font-family:var(--font-mono);background:#ffffff14;padding:2px 6px;border-radius:3px;color:var(--text-muted)}.section-header{text-align:center;max-width:720px;margin:0 auto 60px}.section-title{font-size:clamp(2rem,3.8vw,3rem);font-weight:800;letter-spacing:-.025em;margin-bottom:16px;color:#fff}.section-subtitle{font-size:1.15rem;color:var(--text-muted);line-height:1.6}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.bento-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:36px 32px;position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .25s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column}.bento-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}.bento-card.col-8{grid-column:span 8}.bento-card.col-4{grid-column:span 4}.bento-card.col-6{grid-column:span 6}.bento-card.col-12{grid-column:span 12}@media(max-width:900px){.bento-card.col-8,.bento-card.col-4,.bento-card.col-6{grid-column:span 12}}.card-badge{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-gold);margin-bottom:16px}.card-title{font-size:1.45rem;font-weight:700;letter-spacing:-.015em;margin-bottom:12px;color:#fff}.card-desc{color:var(--text-muted);font-size:.98rem;line-height:1.6;margin-bottom:24px}.card-visual{margin-top:auto;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle);background:#090b10}.mini-syntax-index{padding:18px;display:flex;flex-direction:column;gap:10px;font-family:var(--font-mono);font-size:.8rem}.syntax-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.syntax-tag{color:#ff764d;font-weight:700}.syntax-prop{color:#4dafff}.syntax-desc{color:var(--text-dim);font-family:var(--font-sans);font-size:.78rem}.mini-builds-list{padding:16px;display:flex;flex-direction:column;gap:8px}.build-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;background:#ffffff0a;font-size:.85rem;color:var(--text-main);border:1px solid rgba(255,255,255,.04)}.build-icon{width:28px;height:28px;border-radius:6px;background:#c9a96e26;color:var(--accent-gold);display:flex;align-items:center;justify-content:center;font-weight:700}.build-difficulty{margin-left:auto;font-size:.72rem;color:var(--text-dim);background:#ffffff0f;padding:2px 8px;border-radius:99px}.pricing-wrapper{max-width:900px;margin:0 auto}.pricing-card{background:linear-gradient(180deg,#1a1d27d9,#0f1118f2);border:1px solid rgba(201,169,110,.3);border-radius:var(--radius-xl);padding:56px 48px;box-shadow:0 24px 64px #0009,0 0 30px #c9a96e1f;text-align:center;position:relative;overflow:hidden}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-gold),transparent)}.pricing-title{font-size:2rem;font-weight:800;margin-bottom:12px;color:#fff}.pricing-subtitle{color:var(--text-muted);font-size:1.05rem;max-width:600px;margin:0 auto 36px}.price-display{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:8px}.price-currency{font-size:2rem;font-weight:700;color:var(--accent-gold)}.price-amount{font-size:4.2rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-.03em}.price-placeholder-note{display:inline-block;font-size:.78rem;color:var(--accent-gold-light);background:#c9a96e26;border:1px dashed rgba(201,169,110,.4);padding:4px 12px;border-radius:9999px;margin-bottom:24px}.price-model{font-size:1rem;font-weight:600;color:var(--accent-gold-light);text-transform:uppercase;letter-spacing:.08em;margin-bottom:36px}.pricing-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 28px;text-align:left;max-width:700px;margin:0 auto 40px}@media(max-width:650px){.pricing-features-grid{grid-template-columns:1fr}}.pricing-feature-item{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;color:var(--text-main)}.feature-check{width:20px;height:20px;border-radius:50%;background:#30d15826;color:var(--accent-green);display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0;margin-top:2px}.faq-list{display:flex;flex-direction:column;gap:16px;max-width:800px;margin:0 auto}.faq-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s ease,background .2s ease}.faq-item:hover{border-color:var(--border-hover)}.faq-item.active{border-color:#c9a96e4d;background:#181b24d9}.faq-question{width:100%;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;background:none;border:none;color:#fff;font-size:1.05rem;font-weight:600;text-align:left;cursor:pointer;gap:16px}.faq-icon{width:24px;height:24px;border-radius:50%;background:#ffffff0f;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted);transition:transform .2s ease,background-color .2s ease}.faq-item.active .faq-icon{transform:rotate(45deg);background:#c9a96e33;color:var(--accent-gold-light)}.faq-answer{padding:0 24px 24px;color:var(--text-muted);font-size:.98rem;line-height:1.65;display:none}.faq-item.active .faq-answer{display:block}.support-hero{padding-top:calc(var(--nav-height) + 48px);padding-bottom:40px;text-align:center}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:40px}@media(max-width:850px){.support-grid{grid-template-columns:1fr}}.contact-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:36px;display:flex;flex-direction:column}.contact-card-header{margin-bottom:24px}.contact-card-title{font-size:1.5rem;font-weight:700;margin-bottom:8px;color:#fff}.contact-card-desc{color:var(--text-muted);font-size:.95rem}.contact-direct-box{background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px;margin-bottom:24px}.contact-direct-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:6px}.contact-direct-email{font-size:1.1rem;font-weight:600;color:var(--accent-gold-light);font-family:var(--font-mono);word-break:break-all}.form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.form-label{font-size:.88rem;font-weight:600;color:var(--text-main)}.form-label span.req{color:var(--accent-gold)}.form-control{width:100%;padding:12px 16px;background:#0006;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:#fff;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.form-control:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 3px var(--accent-gold-glow)}textarea.form-control{min-height:120px;resize:vertical}.form-notice{font-size:.82rem;color:var(--text-dim);margin-top:14px;line-height:1.5}.form-success-banner{display:none;background:#30d1581f;border:1px solid rgba(48,209,88,.35);color:#7ced99;padding:16px;border-radius:var(--radius-sm);margin-bottom:20px;font-size:.92rem}.policy-content{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:48px 56px;margin-top:36px;box-shadow:var(--shadow-card)}@media(max-width:700px){.policy-content{padding:32px 24px}}.policy-meta{display:flex;align-items:center;gap:16px;color:var(--text-dim);font-size:.88rem;padding-bottom:24px;margin-bottom:32px;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.policy-callout{background:#c9a96e14;border:1px solid rgba(201,169,110,.25);border-left:4px solid var(--accent-gold);border-radius:var(--radius-md);padding:22px 26px;margin-bottom:40px}.policy-callout-title{font-size:1.05rem;font-weight:700;color:var(--accent-gold-light);margin-bottom:8px}.policy-callout p{color:var(--text-muted);font-size:.94rem;line-height:1.6;margin:0}.policy-section{margin-bottom:40px}.policy-section:last-child{margin-bottom:0}.policy-heading{font-size:1.35rem;font-weight:700;color:#fff;margin-bottom:14px;letter-spacing:-.01em}.policy-text{color:var(--text-muted);font-size:.98rem;line-height:1.7;margin-bottom:14px}.policy-list{margin-left:24px;margin-bottom:16px;color:var(--text-muted)}.policy-list li{margin-bottom:8px;line-height:1.6}.site-footer{background:#040507;border-top:1px solid var(--border-subtle);padding:64px 0 40px;font-size:.88rem;color:var(--text-dim);margin-top:80px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}@media(max-width:800px){.footer-top{grid-template-columns:1fr 1fr}}@media(max-width:500px){.footer-top{grid-template-columns:1fr}}.footer-brand{display:flex;flex-direction:column;gap:14px}.footer-desc{color:var(--text-muted);font-size:.9rem;line-height:1.6;max-width:320px}.footer-heading{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin-bottom:16px}.footer-links{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-link{color:var(--text-muted);transition:color .2s ease}.footer-link:hover{color:#fff}.footer-bottom{padding-top:28px;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:.8rem}.footer-legal-note{color:var(--text-dim);line-height:1.5;max-width:650px}.text-gold{color:var(--accent-gold)}.text-white{color:#fff}.text-center{text-align:center}@media(max-width:768px){.nav-links{display:none;position:absolute;top:var(--nav-height);left:0;right:0;background:#0a0c10fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:24px;gap:20px;border-bottom:1px solid var(--border-subtle)}.nav-links.active{display:flex}.mobile-menu-btn{display:block}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/bracket-style.css.map */