.hero-section{padding-top:var(--spacing-10);padding-bottom:var(--spacing-10);position:relative;overflow:hidden}.hero-grid{gap:var(--spacing-10);grid-template-columns:.9fr 1.1fr;align-items:center;display:grid}.hero-visual{position:relative}.visual-stack{width:100%;padding:var(--spacing-6) var(--spacing-4) var(--spacing-8) var(--spacing-4);animation:.6s both visual-rise;position:relative}@keyframes visual-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.visual-stack{animation:none}}.visual-primary{background-color:var(--color-secondary-500);border:2px solid var(--color-neutral-900);border-radius:var(--radius-sm);margin-inline-start:8%;overflow:hidden}.visual-primary-chrome{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-bottom:2px solid var(--color-neutral-900);background-color:var(--color-background-default);display:flex}.chrome-dot{border-radius:var(--radius-full);width:9px;height:9px}.chrome-dot-red{background-color:var(--color-primary-500)}.chrome-dot-yellow{background-color:var(--color-secondary-900)}.chrome-dot-green{background-color:var(--color-neutral-900)}.chrome-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-right:auto}.visual-primary-image{width:100%;height:auto;display:block}.product-cards-panel{background-color:var(--text-white);border:var(--border-width-thick) solid var(--color-primary-500);border-radius:var(--radius-sm);width:56%;min-width:190px;box-shadow:var(--shadow-offset-hover);padding:var(--spacing-2);position:absolute;bottom:-8%;left:-6%}.product-mini-grid{gap:var(--spacing-2);grid-template-columns:repeat(2,1fr);display:grid}.product-mini-card{background-color:var(--color-background-default);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);flex-direction:column;display:flex;overflow:hidden}.product-mini-image{aspect-ratio:1;background-color:var(--color-secondary-500);overflow:hidden}.product-mini-photo{object-fit:cover;width:100%;height:100%;display:block}.product-mini-body{flex-direction:column;gap:4px;padding:6px;display:flex}.product-mini-swatches{gap:3px;display:flex}.product-mini-swatch{border:1px solid var(--color-border-default);border-radius:3px;width:10px;height:10px}.swatch-a{background-color:var(--color-primary-500)}.swatch-b{background-color:var(--color-neutral-900)}.swatch-c{background-color:var(--color-input-500)}.product-mini-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;line-height:1.3;overflow:hidden}.product-mini-price-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.product-mini-discount{background-color:var(--color-primary-500);color:var(--text-white);font-size:10px;font-weight:var(--font-weight-bold);padding:1px var(--spacing-1);border-radius:var(--radius-sm);line-height:1.5}.product-mini-old-price{color:var(--color-text-muted);font-size:10px;text-decoration:line-through}.product-mini-final-price{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.hero-badge-soft{background-color:var(--color-accent-light);color:var(--color-primary-500);align-items:center;gap:var(--spacing-2);display:inline-flex}.hero-badge-dot{border-radius:var(--radius-full);background-color:var(--color-primary-500);flex-shrink:0;width:7px;height:7px;animation:2s infinite badge-pulse}@keyframes badge-pulse{0%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.4;transform:scale(.9)}}@media (prefers-reduced-motion:reduce){.hero-badge-dot{animation:none}}@media (max-width:767px){.product-cards-panel{width:68%;box-shadow:4px 4px 0px var(--color-primary-500);padding:6px;bottom:-6%;left:0}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}}.visual-badge{align-items:center;gap:var(--spacing-3);background-color:var(--color-background-default);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-default);padding:var(--spacing-3) var(--spacing-4);max-width:220px;display:flex;position:absolute;top:-16px;right:-16px}.visual-badge-icon{font-size:1.25rem}.visual-badge-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.visual-badge-sub{font-size:var(--font-size-xs);font-weight:var(--font-weight-light);color:var(--color-text-muted)}@media (max-width:767px){.visual-stack{max-width:290px;padding:var(--spacing-5) var(--spacing-2) var(--spacing-6) var(--spacing-2);margin:0 auto}.visual-primary{margin-inline-start:14%}.visual-badge{z-index:3;padding:var(--spacing-2) var(--spacing-3);max-width:175px;position:absolute;top:-12px;right:-6px;box-shadow:0 4px 12px #0000001a}.visual-badge-icon{font-size:1rem}.visual-badge-title{font-size:11px}.visual-badge-sub{font-size:10px}}.hero-content{text-align:right;flex-direction:column;align-items:flex-start;width:100%;display:flex}.hero-concept-badge{align-items:center;gap:var(--spacing-2);background-color:var(--color-secondary-500);border:0px solid var(--color-border-default);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-6);padding:6px 16px;display:inline-flex}.concept-dot{background-color:var(--color-primary-500);width:8px;height:8px;box-shadow:0 0 8px var(--color-primary-500);border-radius:50%;animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}to{opacity:.5;transform:scale(.9)}}.hero-title{font-size:clamp(24px,3.6vw,36px);font-weight:var(--font-weight-black);color:var(--color-text-primary);margin-bottom:var(--spacing-6);word-break:keep-all;line-height:1.5}.typewriter-line{white-space:normal;display:inline;position:relative}.typewriter-line.highlight{color:var(--color-primary-500)}.typewriter-cursor{background-color:var(--color-primary-500);vertical-align:baseline;width:3px;height:.85em;margin-left:2px;margin-right:4px;animation:.8s infinite cursor-blink;display:inline-block}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.hero-description{font-size:var(--description);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-8);max-width:580px;line-height:1.7;transition:opacity .6s,transform .6s}.fade-in-hidden{opacity:0;pointer-events:none;transform:translateY(16px)}.fade-in-visible{opacity:1;transform:translateY(0)}.hero-actions{gap:var(--spacing-4);margin-bottom:var(--spacing-8);flex-wrap:wrap;transition:opacity .6s .15s,transform .6s .15s;display:flex}.hero-btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-normal);border:0 solid #0000;display:inline-flex}.hero-btn.primary-btn{background-color:var(--color-action-primary-default);color:var(--text-white);box-shadow:var(--shadow-interactive)}.hero-btn.primary-btn:hover{background-color:var(--color-action-primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px #99132559}.hero-btn.primary-btn .btn-arrow{transition:transform var(--transition-fast);display:inline-block}.hero-btn.primary-btn:hover .btn-arrow{transform:translate(-4px)}.hero-btn.secondary-btn{background-color:var(--color-secondary-500);color:var(--color-text-primary);border-color:var(--color-border-default)}.hero-btn.secondary-btn:hover{background-color:var(--color-secondary-900);transform:translateY(-2px)}.hero-service-labels{gap:var(--spacing-2);flex-wrap:wrap;transition:opacity .6s .3s,transform .6s .3s;display:flex}.service-label-pill{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);color:var(--color-text-primary);transition:all var(--transition-fast);background-color:#1111110a;border:1px solid #1111111f;padding:6px 14px}.service-label-pill:hover{border-color:var(--color-primary-500);color:var(--color-primary-500);background-color:#9913250a}.hero-visual{perspective:1200px;width:100%;position:relative}.builder-ide-card{color:#e2e8f0;text-align:left;background:#11141a;border:1px solid #232834;border-radius:8px;transition:transform .15s ease-out;overflow:hidden;box-shadow:0 20px 40px #00000040,0 0 0 1px #ffffff0d}.ide-header{background:#181c24;border-bottom:1px solid #232834;justify-content:space-between;align-items:center;height:44px;padding:0 16px;display:flex}.ide-window-controls{align-items:center;gap:8px;min-width:60px;display:flex}.control-dot{border-radius:50%;width:11px;height:11px;display:inline-block}.dot-close{background-color:#ff5f56}.dot-min{background-color:#ffbd2e}.dot-max{background-color:#27c93f}.ide-tabs{align-items:center;gap:2px;height:100%;display:flex}.ide-tab{color:#718096;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;height:100%;padding:0 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.ide-tab:hover{color:#cbd5e0;background:#ffffff05}.ide-tab.active{color:#fff;border-bottom-color:var(--color-primary-500);background:#11141a}.tab-icon{color:#f6ad55;font-size:11px}.ide-header-badge{color:#a0aec0;letter-spacing:.5px;background:#ffffff0d;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:600}.ide-editor-body{text-align:left;background-color:#11141a;min-height:290px;padding:20px 16px;font-family:Fira Code,Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.8;display:flex}.line-numbers{color:#4a5568;-webkit-user-select:none;user-select:none;text-align:right;border-right:1px solid #232834;flex-direction:column;margin-right:18px;padding-right:18px;display:flex}.code-content{text-align:left;flex-direction:column;flex:1;display:flex}.code-line{white-space:pre;flex-wrap:wrap;align-items:center;gap:.35em;display:flex}.code-line .property-key+.punctuation{margin-left:-.25em}.code-line.indent{padding-left:24px}.keyword{color:#f67280;font-weight:600}.var-name{color:#61afef;font-weight:500}.operator,.punctuation{color:#abb2bf}.property-key{color:#e5c07b}.string-val{color:#98c379}.status-check{color:#48bb78;font-weight:600}.status-accent{color:#f6ad55;font-weight:600}.status-dot-text{color:#63b3ed;font-weight:600}.code-cursor{background-color:var(--color-primary-500);width:8px;height:16px;margin-left:4px;animation:1s infinite cursor-blink;display:inline-block}.ide-status-bar{background:#181c24;border-top:1px solid #232834;justify-content:space-between;align-items:center;padding:10px 16px;font-size:12px;display:flex}.status-left{align-items:center;gap:8px;display:flex}.status-indicator{border-radius:50%;width:8px;height:8px}.status-indicator.building{background-color:#f6ad55;animation:1.5s ease-in-out infinite pulse-glow;box-shadow:0 0 8px #f6ad55}.status-indicator.ready{background-color:#48bb78;box-shadow:0 0 8px #48bb78}.status-text{color:#cbd5e0;font-family:var(--font-family);font-weight:500}.status-progress-wrapper{align-items:center;gap:10px;display:flex}.progress-bar-bg{background:#2d3748;border-radius:3px;width:90px;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--color-primary-500), #e53e3e);border-radius:3px;height:100%;transition:width .1s linear}.progress-num{color:#a0aec0;text-align:right;min-width:30px;font-family:monospace}.hero-scroll-invitation{margin-top:var(--spacing-10);justify-content:center;display:flex}.scroll-link-btn{color:var(--color-text-secondary);font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);align-items:center;gap:var(--spacing-2);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast);background:0 0;border:none;padding:8px 16px;display:flex}.scroll-link-btn:hover{color:var(--color-primary-500);background-color:var(--color-secondary-500)}.scroll-arrow{animation:1.8s ease-in-out infinite bounce-down;display:inline-block}@keyframes bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (max-width:1199px){.hero-grid{gap:var(--spacing-8);grid-template-columns:1fr}.builder-ide-card{max-width:680px;margin:0 auto}}@media (max-width:767px){.hero-section{padding-top:var(--spacing-4);padding-bottom:var(--spacing-6)}.product-mini-final-price,.product-mini-discount,.product-mini-title{font-size:8px}.hero-grid{gap:var(--spacing-10);flex-direction:column;display:flex}.hero-visual{order:1;margin-bottom:0}.hero-content{flex-direction:column;order:2;align-items:flex-start;display:flex}.hero-title{font-size:var(--title);margin-bottom:var(--spacing-3);min-height:auto}.hero-description{margin-bottom:var(--spacing-5)}.hero-actions{gap:var(--spacing-3);width:100%;margin-bottom:var(--spacing-6);flex-direction:column}.hero-btn,.builder-ide-card{width:100%}.ide-header{height:40px;padding:0 10px}.ide-header-badge{display:none}.ide-tabs{-webkit-overflow-scrolling:touch;overflow-x:hidden}.ide-tab{padding:0 10px;font-size:12px}.ide-editor-body{min-height:240px;padding:14px 10px;font-size:12px}.line-numbers{margin-right:10px;padding-right:10px}.code-line.indent{padding-left:14px}.progress-bar-bg{width:60px}}@media (prefers-reduced-motion:reduce){.concept-dot,.typewriter-cursor,.status-indicator.building,.scroll-arrow{animation:none!important}.hero-description,.hero-actions,.hero-service-labels{opacity:1!important;transition:none!important;transform:none!important}.builder-ide-card{transition:none!important;transform:none!important}}