:root{--bg-primary:#FBF9F5;--bg-surface:#FFFFFF;--bg-surface-elevated:#F5F1E8;--bg-surface-muted:#EFE9DC;--bg-paper-fiber:#F7F3EB;--text-primary:#1C1E21;--text-secondary:#4A505A;--text-muted:#747D8C;--text-inverse:#FFFFFF;--border-subtle:#E8E2D5;--border-medium:#D8D0C0;--border-accent:#C2873B;--accent-terracotta:#D95338;--accent-ochre:#C2873B;--accent-kraft:#B89260;--accent-forest:#2A5A44;--accent-ink:#1B2A4A;--accent-primary:#C2873B;--accent-hover:#A8712C;--accent-focus:rgba(194, 135, 59, 0.25);--shadow-xs:0 1px 2px rgba(35, 25, 10, 0.05);--shadow-sm:0 2px 5px rgba(35, 25, 10, 0.07),0 1px 2px rgba(35, 25, 10, 0.04);--shadow-md:0 6px 16px rgba(35, 25, 10, 0.09),0 2px 4px rgba(35, 25, 10, 0.05);--shadow-lg:0 14px 32px rgba(35, 25, 10, 0.12),0 4px 8px rgba(35, 25, 10, 0.06);--shadow-xl:0 24px 50px rgba(35, 25, 10, 0.16),0 8px 16px rgba(35, 25, 10, 0.08);--shadow-curl:-8px 12px 24px rgba(0, 0, 0, 0.18),-2px 4px 8px rgba(0, 0, 0, 0.1);--shadow-inner-crease:inset 0 0 12px rgba(0, 0, 0, 0.12);--font-editorial:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-pill:9999px;--header-height:72px;--container-max:1280px;--transition-fast:0.18s cubic-bezier(0.16, 1, 0.3, 1);--transition-normal:0.3s cubic-bezier(0.16, 1, 0.3, 1);--transition-slow:0.55s cubic-bezier(0.16, 1, 0.3, 1);--transition-paper:0.65s cubic-bezier(0.25, 1, 0.5, 1)}[data-theme=dark]{--bg-primary:#0F1216;--bg-surface:#171B21;--bg-surface-elevated:#1F252E;--bg-surface-muted:#28303C;--bg-paper-fiber:#1A1F26;--text-primary:#F0EDE6;--text-secondary:#B5BAC2;--text-muted:#7E8694;--text-inverse:#0F1216;--border-subtle:#2A313C;--border-medium:#394250;--border-accent:#D9A05B;--accent-terracotta:#E26D54;--accent-ochre:#D9A05B;--accent-kraft:#C9A470;--accent-forest:#3E7E60;--accent-ink:#3B5B8C;--accent-primary:#D9A05B;--accent-hover:#E8B578;--accent-focus:rgba(217, 160, 91, 0.3);--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.2);--shadow-sm:0 2px 6px rgba(0, 0, 0, 0.3);--shadow-md:0 8px 20px rgba(0, 0, 0, 0.4);--shadow-lg:0 16px 36px rgba(0, 0, 0, 0.5);--shadow-xl:0 28px 56px rgba(0, 0, 0, 0.65);--shadow-curl:-10px 14px 28px rgba(0, 0, 0, 0.55);--shadow-inner-crease:inset 0 0 15px rgba(0, 0, 0, 0.45)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 20px)}body{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;position:relative;background-color:var(--bg-primary);background-image:radial-gradient(rgba(194,135,59,.04) 1px,transparent 1px),radial-gradient(rgba(0,0,0,.02) 1px,transparent 1px);background-size:24px 24px,12px 12px;background-position:0 0,12px 12px}[data-theme=dark] body{background-image:radial-gradient(rgba(217,160,91,.05) 1px,transparent 1px),radial-gradient(rgba(255,255,255,.02) 1px,transparent 1px)}canvas,img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button,input,select,textarea{font:inherit;color:inherit;border:none;background:0 0}button{cursor:pointer}ol,ul{list-style:none}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}@media (max-width:640px){.container{padding-left:16px;padding-right:16px}}.site-header{position:sticky;top:0;z-index:100;height:var(--header-height);background:rgba(251,249,245,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);transition:background-color var(--transition-normal),border-color var(--transition-normal)}[data-theme=dark] .site-header{background:rgba(15,18,22,.92)}.header-container{display:flex;align-items:center;justify-content:space-between;height:100%}.brand-link{display:flex;align-items:center;gap:10px;font-family:var(--font-editorial);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.brand-logo-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent-terracotta),var(--accent-ochre));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-sm);transform:rotate(-3deg);transition:transform var(--transition-fast)}.brand-link:hover .brand-logo-icon{transform:rotate(0) scale(1.05)}.brand-gradient{background:linear-gradient(135deg,var(--accent-terracotta),var(--accent-ochre));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.desktop-nav{display:flex;align-items:center}.nav-links{display:flex;align-items:center;gap:8px}.nav-item{position:relative}.nav-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);font-size:.92rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.nav-item:hover>.nav-link,.nav-link.active,.nav-link:hover{color:var(--text-primary);background-color:var(--bg-surface-elevated)}.dropdown-chevron{width:14px;height:14px;transition:transform var(--transition-fast)}.nav-item:focus-within .dropdown-chevron,.nav-item:hover .dropdown-chevron{transform:rotate(180deg)}.nav-dropdown{position:absolute;top:100%;left:0;min-width:290px;padding:12px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:none;z-index:120;animation:dropdownFadeIn .2s cubic-bezier(.16,1,.3,1)}.nav-dropdown-wide{min-width:580px;left:-120px}.nav-dropdown-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px}.nav-item:focus-within>.nav-dropdown,.nav-item:hover>.nav-dropdown{display:block}@keyframes dropdownFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dropdown-link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);font-size:.85rem;color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-link:hover{background:var(--bg-surface-elevated);color:var(--accent-primary);transform:translateX(3px)}.dropdown-link svg{width:14px;height:14px;flex-shrink:0;color:var(--text-muted)}.dropdown-link:hover svg{color:var(--accent-primary)}.header-actions{display:flex;align-items:center;gap:12px}.theme-toggle-btn{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);transition:all var(--transition-fast)}.theme-toggle-btn:hover{color:var(--text-primary);border-color:var(--border-medium);transform:translateY(-1px)}.theme-toggle-btn .icon-moon{display:none}[data-theme=dark] .theme-toggle-btn .icon-sun{display:none}[data-theme=dark] .theme-toggle-btn .icon-moon{display:block}.btn-header-cta{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;background:var(--accent-ochre);color:#fff;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.btn-header-cta:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.mobile-menu-toggle{display:none;width:42px;height:42px;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-primary)}@media (max-width:991px){.desktop-nav{display:none}.mobile-menu-toggle{display:flex}}.mobile-drawer{position:fixed;inset:0;z-index:150;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.mobile-drawer.open{opacity:1;pointer-events:auto}.mobile-drawer-content{position:absolute;top:0;right:0;width:86%;max-width:380px;height:100%;background:var(--bg-surface);border-left:1px solid var(--border-subtle);box-shadow:var(--shadow-xl);padding:24px 20px;overflow-y:auto;transform:translateX(100%);transition:transform var(--transition-normal);display:flex;flex-direction:column;gap:20px}.mobile-drawer.open .mobile-drawer-content{transform:translateX(0)}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}.mobile-nav-group{display:flex;flex-direction:column;gap:10px}.mobile-group-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-top:8px}.mobile-nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);font-size:.9rem;color:var(--text-secondary)}.mobile-nav-link:hover{background:var(--bg-surface-elevated);color:var(--text-primary)}.breadcrumb-bar{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:10px 0;font-size:.85rem}.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.breadcrumb-item a{color:var(--text-muted);transition:color var(--transition-fast)}.breadcrumb-item a:hover{color:var(--accent-primary)}.breadcrumb-separator{color:var(--border-medium);user-select:none}.breadcrumb-current{color:var(--text-primary);font-weight:600}.hero-section{position:relative;padding:72px 0 80px;overflow:hidden;background:linear-gradient(180deg,var(--bg-primary) 0,var(--bg-surface-elevated) 100%);border-bottom:1px solid var(--border-subtle)}.hero-grid{display:grid;grid-template-columns:1.15fr 0.85fr;align-items:center;gap:48px}@media (max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:40px}}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-pill);background:rgba(194,135,59,.12);border:1px solid rgba(194,135,59,.25);font-size:.8rem;font-weight:600;color:var(--accent-ochre);margin-bottom:20px;letter-spacing:.02em}.hero-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-ochre);box-shadow:0 0 0 3px rgba(194,135,59,.2);animation:pulseDot 2s infinite}@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.hero-title{font-family:var(--font-editorial);font-size:clamp(2.2rem, 4vw, 3.4rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:20px}.hero-description{font-size:1.12rem;line-height:1.7;color:var(--text-secondary);margin-bottom:32px;max-width:620px}.hero-cta-group{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:36px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 26px;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;background:var(--accent-ochre);color:#fff;box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 24px;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-medium);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--bg-surface-elevated);border-color:var(--border-accent);transform:translateY(-2px)}.hero-specs-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:24px;border-top:1px solid var(--border-subtle)}.spec-item{display:flex;flex-direction:column}.spec-number{font-family:var(--font-editorial);font-size:1.6rem;font-weight:700;color:var(--text-primary)}.spec-label{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.hero-stage-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:1200px;perspective-origin:50% 50%;padding:20px}.hero-book-stage{position:relative;width:320px;height:420px;transform-style:preserve-3d;transition:transform var(--transition-paper);cursor:grab}.hero-book-stage:active{cursor:grabbing}.book-spine-base{position:absolute;inset:0;border-radius:var(--radius-md);background:#e8e0d0;box-shadow:var(--shadow-xl);transform-style:preserve-3d}[data-theme=dark] .book-spine-base{background:#242b35}.book-page-back{position:absolute;inset:4px;border-radius:4px var(--radius-md) var(--radius-md) 4px;background:var(--bg-surface);border:1px solid var(--border-subtle);padding:28px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.book-page-turning{position:absolute;top:4px;bottom:4px;right:4px;width:calc(100% - 8px);transform-origin:left center;transform-style:preserve-3d;border-radius:2px var(--radius-md) var(--radius-md) 2px;transition:transform .85s cubic-bezier(.2, .8, .2, 1);box-shadow:var(--shadow-curl)}.book-page-turning.flipped{transform:rotateY(-172deg)}.book-face-back,.book-face-front{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:inherit;padding:26px;background:var(--bg-surface);border:1px solid var(--border-subtle);display:flex;flex-direction:column;justify-content:space-between}.book-face-back{transform:rotateY(180deg);background:var(--bg-surface-elevated)}.paper-grain-texture{position:absolute;inset:0;opacity:.35;pointer-events:none;background-image:radial-gradient(#000 .75px,transparent .75px);background-size:6px 6px;mix-blend-mode:multiply}[data-theme=dark] .paper-grain-texture{opacity:.15;background-image:radial-gradient(#fff .75px,transparent .75px);mix-blend-mode:screen}.stage-controls-overlay{display:flex;align-items:center;gap:12px;margin-top:24px;background:var(--bg-surface);padding:8px 16px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.stage-btn{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:500;color:var(--text-secondary);padding:4px 10px;border-radius:var(--radius-pill);transition:all var(--transition-fast)}.stage-btn:hover{background:var(--bg-surface-elevated);color:var(--text-primary)}.tools-showcase-section{padding:56px 0;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.section-header-compact{margin-bottom:32px;text-align:center}.section-eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ochre);margin-bottom:8px}.section-title-sm{font-family:var(--font-editorial);font-size:clamp(1.5rem, 2.8vw, 2.1rem);font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:8px}.section-subtitle-sm{font-size:.95rem;color:var(--text-secondary);max-width:650px;margin:0 auto}.tools-showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;width:100%}.tool-chip-link{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.84rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast);overflow:hidden}.tool-chip-link:hover{background:var(--bg-surface-elevated);color:var(--accent-primary);border-color:var(--border-accent);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.tool-chip-icon{width:28px;height:28px;border-radius:var(--radius-xs);background:var(--bg-surface);display:flex;align-items:center;justify-content:center;color:var(--accent-ochre);flex-shrink:0;border:1px solid var(--border-subtle)}.tool-chip-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.showcase-section{padding:84px 0;background:var(--bg-primary);border-bottom:1px solid var(--border-subtle)}.section-header-centered{text-align:center;max-width:760px;margin:0 auto 56px}.section-title{font-family:var(--font-editorial);font-size:clamp(2rem, 3.5vw, 2.75rem);font-weight:800;line-height:1.2;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:16px}.section-desc{font-size:1.05rem;line-height:1.7;color:var(--text-secondary)}.featured-demos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}@media (max-width:900px){.featured-demos-grid{grid-template-columns:1fr}}.demo-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:all var(--transition-normal)}.demo-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.demo-preview-viewport{position:relative;height:310px;background:linear-gradient(135deg,var(--bg-surface-elevated) 0,var(--bg-surface-muted) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;perspective:1000px;border-bottom:1px solid var(--border-subtle)}.demo-card-body{padding:24px;display:flex;flex-direction:column;flex-grow:1}.demo-card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.demo-category-tag{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-ochre)}.demo-tech-badge{font-size:.75rem;padding:3px 8px;border-radius:var(--radius-pill);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-muted)}.demo-card-title{font-family:var(--font-editorial);font-size:1.35rem;font-weight:700;color:var(--text-primary);margin-bottom:10px}.demo-card-desc{font-size:.92rem;line-height:1.6;color:var(--text-secondary);margin-bottom:20px;flex-grow:1}.demo-controls-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding-top:16px;border-top:1px solid var(--border-subtle)}.demo-control-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);font-size:.84rem;font-weight:600;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);transition:all var(--transition-fast)}.demo-control-btn:hover{background:var(--accent-ochre);color:#fff;border-color:var(--accent-ochre)}.demo-control-btn.active{background:var(--accent-ochre);color:#fff;border-color:var(--accent-ochre)}.studio-section{padding:84px 0;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.studio-grid{display:grid;grid-template-columns:420px 1fr;gap:36px;align-items:start}@media (max-width:1080px){.studio-grid{grid-template-columns:1fr}}.studio-panel{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm)}.studio-panel-title{font-family:var(--font-editorial);font-size:1.35rem;font-weight:700;color:var(--text-primary);margin-bottom:6px;display:flex;align-items:center;gap:10px}.studio-panel-subtitle{font-size:.88rem;color:var(--text-muted);margin-bottom:24px}.form-group{margin-bottom:20px}.form-label{display:flex;align-items:center;justify-content:space-between;font-size:.88rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.form-label-value{font-weight:500;color:var(--accent-ochre);font-size:.82rem}.form-control{width:100%;padding:10px 14px;border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-medium);font-size:.9rem;color:var(--text-primary);transition:all var(--transition-fast)}.form-control:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-focus);outline:0}.form-control.is-invalid{border-color:var(--accent-terracotta)}.form-control.is-valid{border-color:var(--accent-forest)}.validation-hint{display:block;font-size:.78rem;margin-top:5px;color:var(--text-muted)}.validation-hint.error{color:var(--accent-terracotta)}.range-slider-wrapper{display:flex;align-items:center;gap:14px}.range-slider{flex-grow:1;height:6px;border-radius:var(--radius-pill);background:var(--border-medium);outline:0;-webkit-appearance:none;cursor:pointer}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-ochre);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast)}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.color-presets-row{display:flex;align-items:center;gap:8px}.color-swatch-btn{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;box-shadow:var(--shadow-xs);transition:transform var(--transition-fast)}.color-swatch-btn:hover{transform:scale(1.15)}.color-swatch-btn.active{border-color:var(--text-primary);transform:scale(1.15)}.studio-form-actions{display:flex;align-items:center;gap:12px;margin-top:28px}.btn-generate{flex-grow:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border-radius:var(--radius-sm);background:var(--accent-ochre);color:#fff;font-weight:600;font-size:.95rem;box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.btn-generate:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-generate:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.btn-reset-form{padding:13px 18px;border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-medium);color:var(--text-secondary);font-weight:500;font-size:.9rem;transition:all var(--transition-fast)}.btn-reset-form:hover{background:var(--bg-surface-elevated);color:var(--text-primary)}.studio-output-wrapper{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.studio-output-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:12px}.output-status-indicator{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--accent-forest)}.status-dot-pulse{width:8px;height:8px;border-radius:50%;background:var(--accent-forest)}.output-actions-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.btn-action-tool{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius-sm);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);font-size:.82rem;font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast)}.btn-action-tool:hover{background:var(--bg-surface-muted);color:var(--text-primary);border-color:var(--border-medium)}.studio-live-viewport{position:relative;min-height:400px;background:linear-gradient(135deg,var(--bg-surface-elevated) 0,var(--bg-surface-muted) 100%);display:flex;align-items:center;justify-content:center;perspective:1200px;overflow:hidden;padding:40px 20px}.studio-code-container{background:var(--bg-surface);border-top:1px solid var(--border-subtle)}.code-tabs-nav{display:flex;align-items:center;gap:4px;padding:8px 16px;background:var(--bg-surface-elevated);border-bottom:1px solid var(--border-subtle);overflow-x:auto}.code-tab-btn{padding:6px 14px;border-radius:var(--radius-xs);font-size:.82rem;font-weight:600;color:var(--text-muted);transition:all var(--transition-fast)}.code-tab-btn:hover{color:var(--text-primary)}.code-tab-btn.active{background:var(--bg-surface);color:var(--accent-primary);box-shadow:var(--shadow-xs)}.code-editor-pre{margin:0;padding:20px;font-family:var(--font-mono);font-size:.84rem;line-height:1.6;color:var(--text-primary);background:var(--bg-surface);max-height:280px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.gallery-section{padding:84px 0;background:var(--bg-primary);border-bottom:1px solid var(--border-subtle)}.gallery-filters-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:36px;padding:16px 20px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.filter-pills-list{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.filter-pill-btn{padding:6px 14px;border-radius:var(--radius-pill);font-size:.84rem;font-weight:500;color:var(--text-secondary);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);transition:all var(--transition-fast)}.filter-pill-btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.filter-pill-btn.active{background:var(--accent-ochre);color:#fff;border-color:var(--accent-ochre)}.gallery-search-box{display:flex;align-items:center;gap:8px;padding:7px 12px;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);min-width:240px}.gallery-search-input{font-size:.85rem;color:var(--text-primary);width:100%}.gallery-search-input::placeholder{color:var(--text-muted)}.gallery-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}.gallery-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-xs);transition:all var(--transition-normal);display:flex;flex-direction:column}.gallery-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-4px)}.gallery-card-thumb{height:200px;background:var(--bg-surface-elevated);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;perspective:800px}.gallery-card-info{padding:20px;display:flex;flex-direction:column;flex-grow:1}.gallery-card-title{font-family:var(--font-editorial);font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.gallery-card-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.5;margin-bottom:16px;flex-grow:1}.gallery-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border-subtle)}.btn-open-detail{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--accent-ochre)}.btn-open-detail:hover{color:var(--accent-hover);text-decoration:underline}.how-it-works-section{padding:84px 0;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.pipeline-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media (max-width:991px){.pipeline-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:580px){.pipeline-cards-grid{grid-template-columns:1fr}}.pipeline-card{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-xs);position:relative}.pipeline-number{font-family:var(--font-editorial);font-size:2.2rem;font-weight:800;color:var(--accent-ochre);opacity:.4;line-height:1;margin-bottom:16px}.pipeline-title{font-family:var(--font-editorial);font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:10px}.pipeline-text{font-size:.88rem;line-height:1.6;color:var(--text-secondary)}.use-cases-section{padding:84px 0;background:var(--bg-primary);border-bottom:1px solid var(--border-subtle)}.use-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}@media (max-width:900px){.use-cases-grid{grid-template-columns:1fr}}.use-case-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:28px;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;transition:all var(--transition-normal)}.use-case-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--border-medium)}.use-case-icon-box{width:48px;height:48px;border-radius:var(--radius-sm);background:rgba(194,135,59,.12);display:flex;align-items:center;justify-content:center;color:var(--accent-ochre);margin-bottom:20px}.use-case-title{font-family:var(--font-editorial);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:10px}.use-case-desc{font-size:.9rem;line-height:1.6;color:var(--text-secondary)}.faq-section{padding:84px 0;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.faq-list-wrapper{max-width:840px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.faq-item{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-fast)}.faq-item[open]{border-color:var(--border-accent);box-shadow:var(--shadow-sm)}.faq-summary{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;font-family:var(--font-editorial);font-size:1.1rem;font-weight:700;color:var(--text-primary);list-style:none}.faq-summary::-webkit-details-marker{display:none}.faq-icon-chevron{width:20px;height:20px;color:var(--accent-ochre);transition:transform var(--transition-fast);flex-shrink:0}.faq-item[open] .faq-icon-chevron{transform:rotate(180deg)}.faq-content{padding:0 24px 24px;font-size:.95rem;line-height:1.7;color:var(--text-secondary)}.faq-content p+p{margin-top:12px}.cta-banner-section{padding:84px 0;background:linear-gradient(135deg,#1c222c 0,#111419 100%);color:#fff;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}.cta-banner-container{display:grid;grid-template-columns:1.2fr 0.8fr;align-items:center;gap:40px;position:relative;z-index:2}@media (max-width:900px){.cta-banner-container{grid-template-columns:1fr;text-align:center}}.cta-title{font-family:var(--font-editorial);font-size:clamp(2rem, 3.5vw, 2.8rem);font-weight:800;line-height:1.2;letter-spacing:-.03em;margin-bottom:16px}.cta-subtitle{font-size:1.05rem;line-height:1.7;color:#b5bac2;margin-bottom:32px;max-width:580px}.cta-buttons-wrapper{display:flex;align-items:center;flex-wrap:wrap;gap:16px}@media (max-width:900px){.cta-buttons-wrapper{justify-content:center}}.btn-cta-gold{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:var(--radius-sm);background:var(--accent-ochre);color:#fff;font-weight:600;font-size:.98rem;box-shadow:0 4px 14px rgba(194,135,59,.4);transition:all var(--transition-fast)}.btn-cta-gold:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 24px rgba(194,135,59,.5)}.btn-cta-outline{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:var(--radius-sm);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;font-weight:600;font-size:.98rem;transition:all var(--transition-fast)}.btn-cta-outline:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.4);transform:translateY(-2px)}.cta-sculpture-mockup{display:flex;justify-content:center;align-items:center}.site-footer{background:var(--bg-surface);border-top:1px solid var(--border-subtle);padding:64px 0 32px;font-size:.88rem;color:var(--text-secondary)}.footer-top-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px;margin-bottom:48px}@media (max-width:1024px){.footer-top-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.footer-top-grid{grid-template-columns:1fr}}.footer-col-brand{display:flex;flex-direction:column;gap:16px}.footer-brand-title{display:flex;align-items:center;gap:10px;font-family:var(--font-editorial);font-size:1.3rem;font-weight:700;color:var(--text-primary)}.footer-brand-desc{line-height:1.6;color:var(--text-secondary);max-width:340px}.footer-col-title{font-family:var(--font-editorial);font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:16px}.footer-links-list{display:flex;flex-direction:column;gap:9px}.footer-link-item a{color:var(--text-secondary);transition:color var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.footer-link-item a:hover{color:var(--accent-primary)}.footer-disclaimer-box{padding:20px;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-bottom:32px;font-size:.82rem;line-height:1.6;color:var(--text-muted)}.footer-bottom-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-top:24px;border-top:1px solid var(--border-subtle);font-size:.84rem}.footer-legal-links{display:flex;align-items:center;gap:20px}.footer-legal-links a:hover{color:var(--accent-primary)}.cookie-banner{position:fixed;bottom:20px;left:20px;right:20px;max-width:540px;z-index:1000;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-xl);display:none;animation:slideUpCookie .3s cubic-bezier(.16,1,.3,1)}.cookie-banner.visible{display:block}@keyframes slideUpCookie{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cookie-text{font-size:.88rem;line-height:1.5;color:var(--text-secondary);margin-bottom:16px}.cookie-text a{color:var(--accent-primary);text-decoration:underline}.cookie-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.btn-cookie-dismiss{padding:8px 16px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:var(--text-secondary);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle)}.btn-cookie-dismiss:hover{background:var(--bg-surface-muted);color:var(--text-primary)}.btn-cookie-accept{padding:8px 18px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;color:#fff;background:var(--accent-ochre);box-shadow:var(--shadow-xs)}.btn-cookie-accept:hover{background:var(--accent-hover)}.toast-notice{position:fixed;bottom:30px;right:30px;z-index:1100;background:var(--text-primary);color:var(--bg-primary);padding:12px 20px;border-radius:var(--radius-sm);font-size:.88rem;font-weight:500;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;transform:translateY(100px);opacity:0;transition:all var(--transition-normal);pointer-events:none}.toast-notice.show{transform:translateY(0);opacity:1}.modal-overlay{position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.6);backdrop-filter:blur(5px);display:none;align-items:center;justify-content:center;padding:20px}.modal-overlay.open{display:flex}.modal-dialog{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);max-width:820px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-subtle)}.modal-title{font-family:var(--font-editorial);font-size:1.35rem;font-weight:700}.modal-close-btn{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.modal-close-btn:hover{background:var(--bg-surface-elevated);color:var(--text-primary)}.modal-body{padding:24px}.brochure-container{display:flex;perspective:1000px;width:280px;height:200px;box-shadow:var(--shadow-md);border-radius:4px}.brochure-panel{flex:1;background:var(--bg-surface);border:1px solid var(--border-subtle);position:relative;transition:transform .8s cubic-bezier(.2, .8, .2, 1);transform-style:preserve-3d;padding:14px;font-size:.72rem}.brochure-panel.left-fold{transform-origin:right center}.brochure-panel.right-fold{transform-origin:left center}.brochure-container.folded .brochure-panel.left-fold{transform:rotateY(-130deg)}.brochure-container.folded .brochure-panel.right-fold{transform:rotateY(130deg)}.crumple-stage-box{width:280px;height:220px;position:relative;perspective:800px;display:flex;align-items:center;justify-content:center}.crumple-mesh-sheet{width:220px;height:170px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;box-shadow:var(--shadow-md);padding:16px;transition:all .65s cubic-bezier(.25, 1, .5, 1);position:relative;overflow:hidden;transform-style:preserve-3d}.crumple-mesh-sheet.is-crumpled{transform:scale(.62) rotateX(25deg) rotateY(-35deg);border-radius:35% 65% 55% 45%/40% 50% 60% 50%;box-shadow:inset 8px 8px 16px rgba(0,0,0,.25),inset -8px -8px 16px rgba(255,255,255,.4),0 16px 32px rgba(0,0,0,.3);filter:contrast(1.2)}.crumple-facet-grid{position:absolute;inset:0;opacity:0;background-image:linear-gradient(45deg,rgba(0,0,0,.12) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.12) 25%,transparent 25%),linear-gradient(135deg,rgba(255,255,255,.2) 25%,transparent 25%);background-size:20px 20px;transition:opacity .5s ease;pointer-events:none}.crumple-mesh-sheet.is-crumpled .crumple-facet-grid{opacity:1}.popup-book-stage{width:300px;height:220px;perspective:900px;position:relative;display:flex;align-items:center;justify-content:center}.popup-base-spread{width:260px;height:180px;display:flex;transform-style:preserve-3d;transform:rotateX(24deg);box-shadow:var(--shadow-lg);border-radius:4px}.popup-left-leaf,.popup-right-leaf{flex:1;background:var(--bg-surface);border:1px solid var(--border-subtle);padding:14px;position:relative}.popup-riser-polyhedron{position:absolute;bottom:30px;left:calc(50% - 45px);width:90px;height:100px;background:linear-gradient(135deg,var(--accent-ochre),var(--accent-terracotta));color:#fff;border-radius:4px;transform-origin:bottom center;transform:translateZ(40px) rotateX(-50deg);box-shadow:0 10px 25px rgba(0,0,0,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;transition:transform .7s cubic-bezier(.2, .8, .2, 1)}.popup-book-stage.closed .popup-riser-polyhedron{transform:translateZ(0) rotateX(-90deg) scaleY(.1);opacity:0}.fortune-teller-stage{width:220px;height:220px;position:relative;perspective:700px;transform-style:preserve-3d}.fortune-quadrant{position:absolute;width:100px;height:100px;background:var(--bg-surface);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;transition:transform .6s cubic-bezier(.2, .8, .2, 1);transform-style:preserve-3d;box-shadow:var(--shadow-sm)}.fortune-q1{top:10px;left:10px;transform-origin:bottom right}.fortune-q2{top:10px;right:10px;transform-origin:bottom left}.fortune-q3{bottom:10px;left:10px;transform-origin:top right}.fortune-q4{bottom:10px;right:10px;transform-origin:top left}.fortune-teller-stage.pinched .fortune-q1{transform:rotate3d(1,1,0,45deg) translateZ(20px)}.fortune-teller-stage.pinched .fortune-q2{transform:rotate3d(1,-1,0,-45deg) translateZ(20px)}.fortune-teller-stage.pinched .fortune-q3{transform:rotate3d(-1,1,0,-45deg) translateZ(20px)}.fortune-teller-stage.pinched .fortune-q4{transform:rotate3d(-1,-1,0,45deg) translateZ(20px)}.scroll-unroll-stage{width:280px;height:180px;position:relative;display:flex;align-items:center;justify-content:center}.scroll-rod-left,.scroll-rod-right{width:16px;height:170px;background:linear-gradient(to right,#8a622a,#c9a470,#8a622a);border-radius:4px;box-shadow:0 4px 10px rgba(0,0,0,.3);z-index:5;transition:transform .8s cubic-bezier(.2, .8, .2, 1)}.scroll-sheet-body{width:190px;height:150px;background:#f4efe6;border-top:2px solid #c9a470;border-bottom:2px solid #c9a470;box-shadow:0 6px 18px rgba(0,0,0,.15);padding:16px;font-size:.75rem;overflow:hidden;transition:width .8s cubic-bezier(.2, .8, .2, 1)}.scroll-unroll-stage.rolled .scroll-sheet-body{width:10px;padding:0;opacity:.2}.airplane-stage{width:260px;height:200px;position:relative;perspective:800px;display:flex;align-items:center;justify-content:center}.airplane-glider{width:160px;height:120px;position:relative;transform-style:preserve-3d;animation:planeBank 4s ease-in-out infinite}@keyframes planeBank{0%,100%{transform:translateY(0) rotateY(-20deg) rotateX(15deg) rotateZ(-8deg)}50%{transform:translateY(-16px) rotateY(15deg) rotateX(8deg) rotateZ(10deg)}}.airplane-wing-l{position:absolute;left:0;top:0;width:80px;height:120px;clip-path:polygon(100% 0,100% 100%,0 85%);background:#fff;box-shadow:inset -2px 0 6px rgba(0,0,0,.15);transform-origin:right center;transform:rotateY(-35deg)}.airplane-wing-r{position:absolute;right:0;top:0;width:80px;height:120px;clip-path:polygon(0 0,100% 85%,0 100%);background:#f2efe8;box-shadow:inset 2px 0 6px rgba(0,0,0,.15);transform-origin:left center;transform:rotateY(35deg)}.airplane-keel{position:absolute;left:calc(50% - 1px);top:0;width:2px;height:120px;background:#c2873b;box-shadow:0 12px 24px rgba(0,0,0,.25)}.peel-stage-container{width:260px;height:180px;position:relative;perspective:700px;border-radius:6px;box-shadow:var(--shadow-md);background:var(--bg-surface-elevated);overflow:hidden}.peel-under-card{position:absolute;inset:0;padding:20px;background:var(--bg-surface);display:flex;flex-direction:column;justify-content:center}.peel-top-sheet{position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-ochre),var(--accent-kraft));color:#fff;padding:20px;transform-origin:top left;transition:transform .8s cubic-bezier(.2, .8, .2, 1);box-shadow:0 8px 24px rgba(0,0,0,.3)}.peel-stage-container.peeled .peel-top-sheet,.peel-stage-container:hover .peel-top-sheet{transform:rotateX(75deg) rotateY(-45deg) translateY(-25px)}.btn-action-tool.recording{background:var(--accent-terracotta);color:#fff;animation:pulseRecording 1.2s infinite}@keyframes pulseRecording{0%,100%{opacity:1}50%{opacity:.6}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}