.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;background:var(--background-color, #F7F3EB)}body.dark-mode .not-found-page{background:var(--background-color-dark, #0f0f0f)}.not-found-container{max-width:600px;width:100%;text-align:center}.not-found-icon{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;background:linear-gradient(135deg,#78a6a326,#78a6a30d);border:2px solid rgba(120,166,163,.2);border-radius:50%;color:#78a6a3;font-size:3.5rem;margin:0 auto 2rem;box-shadow:0 8px 24px #78a6a31f}body.dark-mode .not-found-icon{background:linear-gradient(135deg,#9bead926,#9bead90d);border-color:#9bead933;color:#9bead9;box-shadow:0 8px 24px #9bead91f}.not-found-content{background:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(28,42,68,.08);border-radius:20px;padding:3rem 2rem;box-shadow:0 8px 32px #00000014}body.dark-mode .not-found-content{background:#1a1a1ab5;border-color:#ffffff14;box-shadow:0 8px 32px #0000004d}.not-found-title{font-family:"DM Serif Display",serif;font-size:5rem;color:#78a6a3;margin:0 0 .5rem;line-height:1;font-weight:400}body.dark-mode .not-found-title{color:#9bead9}.not-found-subtitle{font-family:"DM Serif Display",serif;font-size:2rem;color:#1c2a44;margin:0 0 1rem;line-height:1.2}body.dark-mode .not-found-subtitle{color:#fefefe}.not-found-message{font-size:1.1rem;color:#1c2a44bf;margin:0 0 2rem;line-height:1.6}body.dark-mode .not-found-message{color:#f0f0f0bf}.not-found-countdown{background:#78a6a314;border:1px solid rgba(120,166,163,.15);border-radius:12px;padding:1.25rem;margin:0 0 2rem}body.dark-mode .not-found-countdown{background:#9bead914;border-color:#9bead926}.not-found-countdown p{font-size:1rem;color:#1c2a44d9;margin:0 0 .75rem;font-weight:500}body.dark-mode .not-found-countdown p{color:#f0f0f0d9}.not-found-countdown-bar{width:100%;height:6px;background:#1c2a441a;border-radius:3px;overflow:hidden}body.dark-mode .not-found-countdown-bar{background:#ffffff1a}.not-found-countdown-progress{height:100%;background:linear-gradient(90deg,#78a6a3,#9bead9);border-radius:3px}body.dark-mode .not-found-countdown-progress{background:linear-gradient(90deg,#9bead9,#78a6a3)}.not-found-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.not-found-button{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 1.75rem;border:1px solid transparent;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.not-found-button-primary{background:linear-gradient(135deg,#78a6a326,#78a6a31a);border-color:#78a6a333;color:#78a6a3}.not-found-button-primary:hover{background:linear-gradient(135deg,#78a6a333,#78a6a326);border-color:#78a6a34d;transform:translateY(-2px);box-shadow:0 4px 16px #78a6a326}body.dark-mode .not-found-button-primary{background:linear-gradient(135deg,#9bead926,#9bead91a);border-color:#9bead933;color:#9bead9}body.dark-mode .not-found-button-primary:hover{background:linear-gradient(135deg,#9bead933,#9bead926);border-color:#9bead94d;box-shadow:0 4px 16px #9bead926}.not-found-button-secondary{background:#1c2a440d;border-color:#1c2a441f;color:#1c2a44}.not-found-button-secondary:hover{background:#1c2a4414;border-color:#1c2a4433;transform:translateY(-2px);box-shadow:0 4px 16px #1c2a441a}body.dark-mode .not-found-button-secondary{background:#ffffff0d;border-color:#ffffff1f;color:#eee}body.dark-mode .not-found-button-secondary:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 4px 16px #0003}.not-found-button:active{transform:translateY(0)}.not-found-button svg{font-size:1.25rem}.not-found-suggestions{text-align:left;padding-top:2rem;border-top:1px solid rgba(28,42,68,.1)}body.dark-mode .not-found-suggestions{border-top-color:#ffffff1a}.not-found-suggestions-title{font-family:"DM Serif Display",serif;font-size:1.25rem;color:#1c2a44;margin:0 0 1rem}body.dark-mode .not-found-suggestions-title{color:#fefefe}.not-found-suggestions-list{list-style:none;padding:0;margin:0}.not-found-suggestions-list li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;font-size:.95rem;color:#1c2a44bf;line-height:1.5}.not-found-suggestions-list li:last-child{margin-bottom:0}.not-found-suggestions-list li:before{content:"→";position:absolute;left:0;color:#78a6a3;font-weight:600}body.dark-mode .not-found-suggestions-list li{color:#f0f0f0bf}body.dark-mode .not-found-suggestions-list li:before{color:#9bead9}@media (max-width: 768px){.not-found-page{padding:1.5rem}.not-found-icon{width:80px;height:80px;font-size:3rem;margin-bottom:1.5rem}.not-found-content{padding:2rem 1.5rem}.not-found-title{font-size:4rem}.not-found-subtitle{font-size:1.75rem}.not-found-message{font-size:1rem;margin-bottom:1.5rem}.not-found-countdown{padding:1rem;margin-bottom:1.5rem}.not-found-countdown p{font-size:.95rem}.not-found-actions{gap:.75rem;margin-bottom:1.5rem}.not-found-button{padding:.75rem 1.5rem;font-size:.95rem}.not-found-suggestions{padding-top:1.5rem}.not-found-suggestions-title{font-size:1.15rem}.not-found-suggestions-list li{font-size:.9rem}}@media (max-width: 480px){.not-found-page{padding:1rem}.not-found-icon{width:70px;height:70px;font-size:2.5rem;margin-bottom:1.25rem}.not-found-content{padding:1.75rem 1.25rem;border-radius:16px}.not-found-title{font-size:3.5rem}.not-found-subtitle{font-size:1.5rem}.not-found-message{font-size:.95rem}.not-found-countdown{padding:.875rem}.not-found-countdown p{font-size:.9rem;margin-bottom:.625rem}.not-found-actions{flex-direction:column;gap:.625rem}.not-found-button{width:100%;justify-content:center;padding:.75rem 1.25rem;font-size:.9rem}.not-found-suggestions-title{font-size:1.05rem;margin-bottom:.875rem}.not-found-suggestions-list li{font-size:.875rem;padding-left:1.25rem;margin-bottom:.625rem}}.theme-toggle-circular.in-container{position:fixed;top:calc(var(--corner-spacing) + var(--corner-offset));left:calc(var(--corner-spacing) - var(--corner-offset));z-index:100;width:var(--corner-button-size);height:var(--corner-button-size);border-radius:50%;background:#f7f3ebe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(28,42,68,.12);color:#e6b24c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--corner-transition);box-shadow:0 4px 16px #00000014;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.theme-toggle-circular.in-container:hover{transform:translateZ(0) scale(1.1);box-shadow:0 6px 20px #0000001f;border-color:#e6b24c4d;background:#f7f3ebf2}.theme-toggle-circular.in-container:active{transform:translateZ(0) scale(1.05)}.theme-icon{position:absolute;width:22px;height:22px;color:#e6b24c;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);transform-origin:center center;will-change:transform,opacity}.theme-icon-moon{transform:translateY(1px)}.theme-icon:not(.is-active){opacity:0;transform:rotate(180deg) scale(.8);pointer-events:none}.theme-icon-moon:not(.is-active){transform:rotate(180deg) scale(.8) translateY(1px)}.theme-icon.is-active{opacity:1;transform:rotate(0) scale(1)}.theme-icon-moon.is-active{transform:rotate(0) scale(1) translateY(1px)}.theme-toggle-circular.is-transitioning{pointer-events:none}body.dark-mode .theme-toggle-circular.in-container{background:#161616e6;border-color:#ffffff1f;color:#e6b24c;box-shadow:0 4px 16px #0000004d}body.dark-mode .theme-toggle-circular.in-container:hover{box-shadow:0 6px 20px #0006;border-color:#e6b24c66;background:#161616f2}@media (max-width: 768px){.theme-toggle-circular.in-container{top:calc(var(--corner-spacing-md) + var(--corner-offset));left:calc(var(--corner-spacing-md) - var(--corner-offset))}}@media (max-width: 480px){.theme-toggle-circular.in-container{top:calc(var(--corner-spacing-sm) + var(--corner-offset));left:calc(var(--corner-spacing-sm) - var(--corner-offset));width:44px;height:44px}.theme-icon{width:20px;height:20px}}@media (prefers-reduced-motion: reduce){.theme-toggle-circular.in-container,.theme-icon{transition-duration:.01ms!important}}.dev-hero-spatial{--max-width: 1400px;--elastic-ease: cubic-bezier(.34, 1.56, .64, 1);--bg-glow-primary: radial-gradient(circle, rgba(10, 132, 255, .08) 0%, transparent 60%);--bg-glow-secondary: radial-gradient(circle, rgba(48, 209, 88, .08) 0%, transparent 60%);--text-primary: #1d1d1f;--text-secondary: rgba(0, 0, 0, .65);--text-highlight: #000;--badge-bg: rgba(0, 0, 0, .04);--badge-border: rgba(0, 0, 0, .08);--badge-text: rgba(0, 0, 0, .7);--glass-surface: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .08);--glass-shadow: 0 20px 40px -12px rgba(0, 0, 0, .12), 0 2px 4px rgba(0,0,0,.02);--syntax-brace: #7d7d7d;--syntax-key: #248232;--syntax-string: #C41E3A;--syntax-val: #005FAD;--syntax-punct: #7d7d7d;--prism-gradient: linear-gradient( 110deg, #007AFF 10%, #5856D6 40%, #AF52DE 80% );--btn-primary-bg: #1d1d1f;--btn-primary-text: #fff;--btn-glass-bg: rgba(0, 0, 0, .04);--btn-glass-text: #1d1d1f;--btn-glass-border: rgba(0, 0, 0, .08);position:relative;width:100%;max-width:var(--max-width);margin:0 auto;padding:140px 24px 100px;display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}body.dark-mode .dev-hero-spatial{--neon-blue: #0A84FF;--neon-cyan: #30D158;--neon-pink: #FF375F;--bg-glow-primary: radial-gradient(circle, rgba(10, 132, 255, .25) 0%, transparent 70%);--bg-glow-secondary: radial-gradient(circle, rgba(48, 209, 88, .15) 0%, transparent 70%);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--text-highlight: #ffffff;--badge-bg: rgba(255, 255, 255, .05);--badge-border: rgba(255, 255, 255, .15);--badge-text: rgba(255, 255, 255, .8);--glass-surface: rgba(15, 15, 20, .7);--glass-border: rgba(255, 255, 255, .15);--glass-shadow: 0 40px 80px -20px rgba(0, 0, 0, .6);--syntax-brace: rgba(255, 255, 255, .5);--syntax-key: var(--neon-pink);--syntax-string: var(--neon-cyan);--syntax-val: var(--neon-blue);--syntax-punct: rgba(255, 255, 255, .6);--prism-gradient: linear-gradient( 110deg, #30D158 0%, #0A84FF 30%, #5E5CE6 60%, #FF375F 100% );--btn-primary-bg: rgba(255, 255, 255, .1);--btn-primary-text: #fff;--btn-glass-bg: transparent;--btn-glass-text: rgba(255, 255, 255, .7);--btn-glass-border: rgba(255, 255, 255, .15)}.spatial-glow{position:absolute;border-radius:50%;filter:blur(120px);z-index:-1;opacity:1;pointer-events:none;transition:background .5s ease}.glow-primary{width:600px;height:600px;background:var(--bg-glow-primary);top:-20%;right:-10%}.glow-secondary{width:500px;height:500px;background:var(--bg-glow-secondary);bottom:-10%;left:-10%}.hero-content-layer{position:relative;z-index:10;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.badge-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:100px;background:var(--badge-bg);border:1px solid var(--badge-border);font-family:SF Mono,Menlo,monospace;font-size:.75rem;letter-spacing:.05em;color:var(--badge-text);margin-bottom:28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.badge-dot{width:6px;height:6px;background:#30d158;border-radius:50%;box-shadow:0 0 8px #30d15899}.hero-title-spatial{font-size:4.5rem;font-weight:800;line-height:1.05;letter-spacing:-.035em;color:var(--text-primary);margin:0 0 24px;transition:color .3s ease}.text-gradient-prism{background:var(--prism-gradient);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;animation:shimmer-text 8s linear infinite;filter:drop-shadow(0 2px 12px rgba(10,132,255,.15))}@keyframes shimmer-text{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-subtitle-spatial{font-size:1.5rem;font-weight:450;color:var(--text-secondary);margin:0 0 28px;line-height:1.4;max-width:600px;transition:color .3s ease}.highlight-text{color:var(--text-highlight);font-weight:600}.hero-desc-spatial{font-size:1.125rem;color:var(--text-secondary);line-height:1.6;max-width:520px;margin:0 0 48px}.spatial-cta-group{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:440px}.btn-spatial{position:relative;display:flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:100px;font-weight:600;font-size:.95rem;text-decoration:none;transition:transform .4s var(--elastic-ease),box-shadow .4s ease,background .3s ease,color .3s ease;overflow:hidden;text-align:center}.btn-bento{grid-column:span 2;color:var(--text-secondary);font-weight:500;gap:8px}.btn-bento:hover{color:var(--text-primary)}.external-icon{font-size:.85rem;opacity:.6;transition:transform .3s var(--elastic-ease)}.btn-bento:hover .external-icon{transform:translate(2px,-2px);opacity:1}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border:1px solid transparent}.btn-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 25px -10px #0a84ff66}.btn-primary:hover .btn-glow{opacity:1}.btn-glass{background:var(--btn-glass-bg);color:var(--btn-glass-text);border:1px solid var(--btn-glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-glass:hover{background:#7d7d7d1a;transform:translateY(-2px);color:var(--text-primary);border-color:#7d7d7d4d}.hero-visual-layer{position:relative;height:600px;display:flex;align-items:center;justify-content:center;perspective:2000px}.spatial-window-container{position:relative;width:100%;max-width:500px;animation:float-spatial 8s ease-in-out infinite;transform-style:preserve-3d}@keyframes float-spatial{0%,to{transform:translateY(0) rotateX(4deg) rotateY(-8deg)}50%{transform:translateY(-25px) rotateX(2deg) rotateY(-5deg)}}.window-glow-backdrop{position:absolute;top:40px;left:40px;right:40px;bottom:-20px;background:linear-gradient(135deg,#0a84ff,#ff375f);filter:blur(80px);opacity:0;transform:translateZ(-100px);transition:opacity .5s ease}body.dark-mode .window-glow-backdrop{opacity:.35}.code-window-spatial{position:relative;background:var(--glass-surface);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);border-radius:24px;padding:28px;box-shadow:var(--glass-shadow);transform:translateZ(0);overflow:hidden;transition:all .5s ease}.window-header-spatial{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--glass-border)}.traffic-lights{display:flex;gap:8px}.light{width:12px;height:12px;border-radius:50%}.light.red{background:#ff5f56;box-shadow:0 0 10px #ff5f5633}.light.yellow{background:#ffbd2e;box-shadow:0 0 10px #ffbd2e33}.light.green{background:#27c93f;box-shadow:0 0 10px #27c93f33}.window-title{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:.85rem;color:var(--text-secondary);font-weight:500;opacity:.8}.code-content pre{margin:0;font-family:SF Mono,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.7;text-align:left;color:var(--text-primary);white-space:pre}.c-brace{color:var(--syntax-brace)}.c-key{color:var(--syntax-key)}.c-string{color:var(--syntax-string)}.c-val{color:var(--syntax-val)}.c-punct{color:var(--syntax-punct)}.glass-shimmer{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.4) 45%,rgba(255,255,255,0) 50%);pointer-events:none;background-size:200% 200%;animation:shimmer-sweep 5s ease-in-out infinite;opacity:.1;mix-blend-mode:overlay}body.dark-mode .glass-shimmer{opacity:.05}@keyframes shimmer-sweep{0%{background-position:150% 150%}to{background-position:-50% -50%}}@media (max-width: 960px){.dev-hero-spatial{grid-template-columns:1fr;text-align:center;padding-top:100px;gap:50px}.hero-content-layer{align-items:center}.hero-title-spatial{font-size:3rem;text-align:center}.spatial-cta-group{grid-template-columns:1fr;max-width:320px}.btn-bento{grid-column:span 1}.spatial-window-container{animation:float-mobile 6s ease-in-out infinite}@keyframes float-mobile{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-visual-layer{height:auto;perspective:none}}.dev-architecture-wrapper{--color-ai: #FF8800;--color-mcp: #5EEAD4;--color-mac: #818CF8;--color-vision: #F472B6;--board-bg: rgba(0, 0, 0, .08);--cell-bg: rgba(255, 255, 255, .6);--cell-bg-hover: rgba(255, 255, 255, .95);--text-main: #111;--text-dim: rgba(0, 0, 0, .6);--icon-bg: rgba(0, 0, 0, .04);--meta-bg: transparent;--meta-border: 1px solid rgba(0, 0, 0, .06);--watermark-color: #000;--watermark-opacity: .04;width:100%;display:flex;flex-direction:column;gap:32px;margin-top:40px}body.dark-mode .dev-architecture-wrapper{--board-bg: rgba(255, 255, 255, .12);--cell-bg: rgba(20, 20, 20, .6);--cell-bg-hover: rgba(30, 30, 30, .8);--text-main: #fff;--text-dim: rgba(255, 255, 255, .6);--icon-bg: rgba(255, 255, 255, .05);--meta-bg: rgba(255, 255, 255, .02);--meta-border: 1px solid rgba(255, 255, 255, .05);--watermark-color: #fff;--watermark-opacity: .03}.dev-architecture-header{display:flex;flex-direction:column;align-items:center;text-align:center}.dev-architecture-header h2{font-size:2rem;margin-bottom:8px;color:var(--text-main)}.dev-architecture-header p{color:var(--text-dim)}.arch-system-board{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--board-bg);border:1px solid var(--board-bg);border-radius:24px;overflow:hidden;box-shadow:0 20px 50px -10px #0000001a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translateZ(0)}body.dark-mode .arch-system-board{box-shadow:0 20px 50px -10px #00000080;box-shadow:0 0 0 1px #ffffff0d,0 20px 50px -10px #00000080}.arch-cell{background:var(--cell-bg);padding:32px;display:flex;flex-direction:column;position:relative;transition:background .3s ease;min-height:300px}.arch-cell:hover{background:var(--cell-bg-hover);z-index:2}.theme-ai{--accent: var(--color-ai)}.theme-mcp{--accent: var(--color-mcp)}.theme-mac{--accent: var(--color-mac)}.theme-vision{--accent: var(--color-vision)}.arch-cell-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,var(--accent),transparent 60%);opacity:0;transition:opacity .4s ease;pointer-events:none;mix-blend-mode:screen}body:not(.dark-mode) .arch-cell-glow{opacity:0}body.dark-mode .arch-cell:hover .arch-cell-glow{opacity:.15}.arch-cell-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column}.arch-cell-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px;padding-right:40px}.arch-icon-box{width:44px;height:44px;background:var(--icon-bg);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.arch-icon-box svg{width:24px;height:24px}.arch-icon-box .vision-icon-fill{fill:var(--accent)!important;opacity:.15}.arch-icon-box .vision-icon-stroke{stroke:var(--accent)!important}.arch-title{display:flex;flex-direction:column;justify-content:center;min-height:44px}.mono-tag{font-family:Menlo,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:4px;font-weight:700;opacity:.9}.arch-title h3{margin:0;font-size:1.25rem;color:var(--text-main);font-weight:700;line-height:1.1}.arch-cell p{font-size:.95rem;color:var(--text-dim);line-height:1.6;margin-bottom:32px;flex-grow:1}.arch-meta{background:var(--meta-bg);border:var(--meta-border);padding:16px;border-radius:12px;display:flex;flex-direction:column;gap:8px;font-family:Menlo,monospace;font-size:.75rem;color:var(--text-dim);border-left:3px solid var(--accent);margin-top:auto}.arch-meta span{display:flex;justify-content:space-between}.arch-cell:after{content:attr(data-step);position:absolute;top:24px;right:24px;font-size:2.5rem;font-weight:800;color:var(--watermark-color);opacity:var(--watermark-opacity);pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,sans-serif;line-height:1;letter-spacing:-.05em}@media (max-width: 768px){.arch-system-board{grid-template-columns:1fr}.arch-cell{min-height:auto}}:root{--flow-bg-grad-start: #ffffff;--flow-bg-grad-end: #f2f2f7;--flow-border: rgba(0, 0, 0, .12);--flow-shadow: rgba(0, 0, 0, .06);--flow-grid-color: rgba(0, 0, 0, .04);--flow-track-dark: rgba(0,0,0,.08);--flow-track-mid: rgba(0,0,0,.03);--flow-track-light: rgba(255,255,255,1);--flow-track-lip: rgba(0,0,0,.06);--flow-orb-bg: #ffffff;--flow-orb-stroke: rgba(0,0,0,.1);--flow-orb-shadow: rgba(0,0,0,.15);--flow-glass-highlight: #ffffff;--flow-glass-rim: rgba(0,0,0,.05);--kinetic-specular: rgba(255, 255, 255, .8);--kinetic-rim: rgba(0, 0, 0, .1);--flow-stream-core: #ffffff;--flow-particle-color: #86868b;--river-debris-color: rgba(0,0,0,.15);--flow-text-primary: #1d1d1f;--flow-text-secondary: #86868b;--flow-text-muted: rgba(0,0,0,.2);--flow-card-bg: rgba(255,255,255,.7);--flow-card-border: rgba(0,0,0,.08);--flow-card-hover: rgba(255,255,255,.9);--flow-card-active-bg: #ffffff;--flow-card-blur: 20px;--flow-icon-idle: rgba(0,0,0,.3);--flow-icon-active: #000000;--flow-flash-shadow: inset 0 0 40px 5px rgba(255, 55, 95, .15), 0 0 30px rgba(255, 55, 95, .2);--flow-flash-border: #FF375F;--flow-flash-bg-tint: radial-gradient(circle at center, #fff0f3 0%, #ffe4e9 100%)}body.dark-mode{--flow-bg-grad-start: #1a1a1e;--flow-bg-grad-end: #000000;--flow-border: rgba(255, 255, 255, .08);--flow-shadow: rgba(0,0,0,.9);--flow-grid-color: rgba(255, 255, 255, .03);--flow-track-dark: #000000;--flow-track-mid: #111111;--flow-track-light: #222222;--flow-track-lip: rgba(255,255,255,.08);--flow-orb-bg: #050505;--flow-orb-stroke: #333333;--flow-orb-shadow: #000000;--flow-glass-highlight: #ffffff;--flow-glass-rim: rgba(255,255,255,.3);--kinetic-specular: rgba(255, 255, 255, .8);--kinetic-rim: rgba(255, 255, 255, .2);--flow-stream-core: #ffffff;--flow-particle-color: #ffffff;--river-debris-color: rgba(255,255,255,.4);--flow-text-primary: #ffffff;--flow-text-secondary: rgba(255,255,255,.6);--flow-text-muted: rgba(255,255,255,.2);--flow-card-bg: rgba(255, 255, 255, .03);--flow-card-border: rgba(255, 255, 255, .08);--flow-card-hover: rgba(255, 255, 255, .06);--flow-card-active-bg: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.02));--flow-card-blur: 0px;--flow-icon-idle: rgba(255, 255, 255, .3);--flow-icon-active: #ffffff;--flow-flash-shadow: inset 0 0 0px 0px rgba(255, 55, 95, .5);--flow-flash-border: rgba(255, 55, 95, 1);--flow-flash-bg-tint: radial-gradient(circle at center, var(--flow-bg-grad-start) 0%, var(--flow-bg-grad-end) 100%)}.ai-studio-flow{width:100%;display:flex;flex-direction:column;gap:32px;color:var(--flow-text-primary)}.flow-stage-container{width:100%;aspect-ratio:2.5 / 1;min-height:280px;background:radial-gradient(circle at center,var(--flow-bg-grad-start) 0%,var(--flow-bg-grad-end) 100%);border:1px solid var(--flow-border);border-radius:24px;position:relative;overflow:hidden;box-shadow:inset 0 0 100px var(--flow-shadow);transition:all .5s ease;box-shadow:inset 0 0 0 1px #ffffff80,inset 0 0 20px var(--flow-shadow),0 10px 40px -10px #0000000d}.flow-stage-container.mobile-stage{aspect-ratio:unset;height:640px}.flow-grid-bg{animation:gridDrift 20s linear infinite;opacity:.5}@keyframes gridDrift{0%{transform:translate(0)}to{transform:translate(-40px,-40px)}}.flow-svg{width:100%;height:100%;position:relative;z-index:1}.node-label{fill:var(--flow-text-muted);font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500;text-anchor:middle;transform:translateY(4px);transition:all .3s ease}.node-label.mobile-label{text-anchor:start;font-size:16px;transform:translateY(0)}.flow-node.active .node-label{fill:var(--flow-text-primary);font-weight:600;transform:translateY(0);text-shadow:0 0 15px var(--flow-bg-grad-end)}.stream-fast{animation:streamFlow .8s linear infinite}.stream-slow{animation:streamFlow 2s linear infinite}.stream-core-fast{animation:streamFlow 1.2s linear infinite}.stream-core-slow{animation:streamFlow 3s linear infinite}@keyframes streamFlow{0%{stroke-dashoffset:80}to{stroke-dashoffset:0}}.node-chamber{transition:r .6s cubic-bezier(.34,1.56,.64,1),opacity .6s ease}.ripple-ring{transform-box:fill-box;transform-origin:center;animation:rippleExpand 1.5s cubic-bezier(0,0,.2,1) forwards}.delay-0{animation-delay:0s}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}@keyframes rippleExpand{0%{transform:scale(.9);opacity:0;stroke-width:2px}10%{opacity:.8}to{transform:scale(2.2);opacity:0;stroke-width:.5px}}.node-icon-container{color:var(--flow-icon-idle);transform:translate(-11px,-11px);transition:all .5s cubic-bezier(.34,1.56,.64,1)}.flow-node.active .node-icon-container{color:var(--flow-icon-active);transform:translate(-11px,-11px) scale(1.15);filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.node-bloom{transition:opacity .5s ease}.flow-node.active .node-bloom{animation:bloomPulse 3s ease-in-out infinite}@keyframes bloomPulse{0%,to{opacity:.2;transform:scale(.9)}50%{opacity:.5;transform:scale(1.15)}}.node-timer-ring{transform-box:fill-box;transform:rotate(-90deg);transform-origin:center;animation:timerProgress var(--duration) linear forwards;filter:drop-shadow(0 0 4px var(--step-color))}.node-timer-ring.paused{animation-play-state:paused;opacity:.5}@keyframes timerProgress{to{stroke-dashoffset:0}}.ai-studio-flow.resetting .flow-stage-container{animation:stageResetFlash 1.6s ease-out forwards;will-change:box-shadow,border-color,border-width,background}.ai-studio-flow.resetting .node-timer-ring{opacity:0;transition:opacity .2s}@keyframes stageResetFlash{0%{box-shadow:inset 0 0 100px var(--flow-shadow);border-color:var(--flow-border);border-width:1px;background:radial-gradient(circle at center,var(--flow-bg-grad-start) 0%,var(--flow-bg-grad-end) 100%)}20%{box-shadow:var(--flow-flash-shadow);border-color:var(--flow-flash-border);border-width:3px;background:var(--flow-flash-bg-tint)}60%{border-width:1px;background:radial-gradient(circle at center,var(--flow-bg-grad-start) 0%,var(--flow-bg-grad-end) 100%)}to{box-shadow:inset 0 0 100px var(--flow-shadow);border-color:var(--flow-border);border-width:1px;background:radial-gradient(circle at center,var(--flow-bg-grad-start) 0%,var(--flow-bg-grad-end) 100%)}}.ai-studio-flow.resetting .flow-node .node-valve circle:first-child,.ai-studio-flow.resetting .flow-step-card{animation:resonanceFlash .8s ease-out forwards}@keyframes resonanceFlash{0%{border-color:var(--step-color);box-shadow:0 0 0 var(--step-color);stroke:var(--step-color)}50%{border-color:var(--step-color);box-shadow:0 0 40px var(--step-color);stroke:var(--step-color)}to{border-color:transparent;box-shadow:none;stroke:var(--flow-orb-stroke)}}.card-particle-explode{opacity:0;transform-box:fill-box;transform-origin:center;transform:translate(50%,50%);animation:cardExplosion 1.2s cubic-bezier(.1,.9,.2,1) forwards;animation-delay:var(--delay)}.flow-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width: 768px){.flow-steps{grid-template-columns:1fr}}.flow-step-card{position:relative;background:var(--flow-card-bg);border:1px solid var(--flow-card-border);border-radius:16px;padding:24px;cursor:pointer;overflow:hidden;backdrop-filter:blur(var(--flow-card-blur));-webkit-backdrop-filter:blur(var(--flow-card-blur));transition:all .3s cubic-bezier(.25,.8,.25,1);z-index:1;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000005}.flow-step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,var(--kinetic-specular),transparent);opacity:.03;pointer-events:none;z-index:1}.flow-step-card:hover{background:var(--flow-card-hover);transform:translateY(-2px);border-color:#0000001a}.flow-step-card.active{background:var(--flow-card-active-bg);border-color:var(--step-color);box-shadow:0 8px 32px -8px var(--flow-shadow);transform:translateY(-4px)}.flow-step-card.active:after{content:"";position:absolute;bottom:0;left:0;height:3px;background:var(--step-color);width:0%;animation:cardProgress var(--duration) linear forwards;box-shadow:0 -1px 4px var(--step-color);z-index:2}@keyframes cardProgress{to{width:100%}}.card-bg-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0;transition:opacity .5s ease;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.flow-step-card.active .card-bg-svg{opacity:1}.card-particle-move{animation-name:cardParticleDrift;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes cardParticleDrift{0%{transform:translate(-10%)}to{transform:translate(120%)}}.step-watermark,.step-header,.step-desc{position:relative;z-index:2}.step-watermark{position:absolute;bottom:-20px;right:-10px;font-size:6rem;font-weight:800;color:var(--flow-text-primary);opacity:.03;z-index:0;line-height:1}.flow-step-card.active .step-watermark{opacity:.08;color:var(--step-color)}.step-header{position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin-bottom:8px}.step-indicator-dot{width:8px;height:8px;border-radius:50%;background:var(--flow-text-muted);transition:background .3s}.flow-step-card.active .step-indicator-dot{background:var(--step-color);box-shadow:0 0 8px var(--step-color)}.step-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--flow-text-primary)}.step-desc{position:relative;z-index:1;margin:0;font-size:.95rem;line-height:1.5;color:var(--flow-text-secondary)}.flow-step-card.active .step-desc{color:var(--flow-text-primary)}.flow-ambient-field{transition:transform .1s ease-out}.flow-node.hovered .node-valve circle:first-child{stroke:var(--flow-text-secondary);transition:stroke .3s ease}.flow-node.hovered .node-icon-container{color:var(--flow-text-primary);transform:translate(-11px,-13px)}.flow-node.hovered .node-label{fill:var(--flow-text-primary)}@media (prefers-reduced-motion: reduce){.ai-studio-flow *,.ai-studio-flow *:after,.ai-studio-flow *:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.flow-ambient-field{transform:none!important}.ai-studio-flow.resetting .flow-stage-container{animation:none}.ripple-ring{display:none}.stream-fast,.stream-slow,.stream-core-fast{animation:none;opacity:.5}}.prismatic-stroke{animation:timerProgress var(--duration) linear forwards,prismaticSurge var(--duration) ease-in-out forwards}.prismatic-pulse{animation:prismaticPulse var(--duration) ease-in-out forwards}.prismatic-bloom{animation:prismaticBloom var(--duration) ease-in-out forwards,bloomPulse 3s ease-in-out infinite}@keyframes prismaticSurge{0%{stroke:#ff9f0a;filter:drop-shadow(0 0 4px #FF9F0A)}33%{stroke:#30d158;filter:drop-shadow(0 0 6px #30D158)}66%{stroke:#0a84ff;filter:drop-shadow(0 0 8px #0A84FF)}to{stroke:#ff375f;filter:drop-shadow(0 0 12px #FF375F)}}@keyframes prismaticPulse{0%{fill:#ff9f0a;opacity:.1}33%{fill:#30d158;opacity:.15}66%{fill:#0a84ff;opacity:.2}to{fill:#ff375f;opacity:.3}}.particle-shower-buildup{opacity:0;animation:showerBuildup 2.5s ease-out infinite;animation-delay:var(--delay)}@keyframes showerBuildup{0%{opacity:0;transform:translate(0) scale(.2)}20%{opacity:.6;transform:translate(calc(var(--tx) * .1),calc(var(--ty) * .1)) scale(1)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.5)}}.particle-shower-reset{opacity:0;animation:showerDrift 1.5s ease-out forwards;animation-delay:var(--delay)}@keyframes showerDrift{0%{opacity:0;transform:translate(0)}20%{opacity:.8}to{opacity:0;transform:translate(var(--tx),var(--ty))}}.ai-studio-flow.resetting .flow-stage-container{animation:stageResetFlashPrismatic 2s ease-out forwards;will-change:box-shadow,border-color,background}@keyframes stageResetFlashPrismatic{0%{box-shadow:inset 0 0 100px var(--flow-shadow);border-color:var(--flow-border)}10%{border-color:#ff9f0a;box-shadow:inset 0 0 50px #ff9f0a4d}20%{border-color:#30d158;box-shadow:inset 0 0 60px #30d1584d}30%{border-color:#0a84ff;box-shadow:inset 0 0 70px #0a84ff4d}40%{border-color:#ff375f;box-shadow:inset 0 0 80px #ff375f66}to{box-shadow:inset 0 0 100px var(--flow-shadow);border-color:var(--flow-border)}}.card-particle-explode,.particle-explode{opacity:0;transform-box:fill-box;transform-origin:center;transform:translate(50%,50%);animation:cardExplosion 1.2s cubic-bezier(.1,.9,.2,1) forwards;animation-delay:var(--delay);pointer-events:none}@keyframes cardExplosion{0%{opacity:1;transform:translate(50%,50%) scale(.5) rotate(0)}to{opacity:0;transform:translate(calc(50% + var(--tx)),calc(50% + var(--ty))) scale(1.5) rotate(var(--r))}}.prismatic-bloom{animation:prismaticBloom var(--duration) linear forwards,bloomPulse 3s ease-in-out infinite}@keyframes prismaticBloom{0%{fill:#ff9f0a}33%{fill:#30d158}66%{fill:#0a84ff}to{fill:#ff375f}}.stream-prismatic{animation:prismaticStreamFlow .6s linear infinite;stroke-dasharray:10 40}.stream-core-prismatic{animation:streamFlow .6s linear infinite,prismaticStreamCore 3s linear infinite;stroke-width:2px}@keyframes prismaticStreamFlow{0%{stroke-dashoffset:50;stroke:#ff9f0a;opacity:1}33%{stroke:#30d158;opacity:.8}66%{stroke:#0a84ff;opacity:1}to{stroke-dashoffset:0;stroke:#ff375f;opacity:.8}}@keyframes prismaticStreamCore{0%{stroke:#fff;filter:drop-shadow(0 0 2px #FF9F0A)}33%{stroke:#fff;filter:drop-shadow(0 0 5px #30D158)}66%{stroke:#fff;filter:drop-shadow(0 0 2px #0A84FF)}to{stroke:#fff;filter:drop-shadow(0 0 5px #FF375F)}}.particle-shower-reset{opacity:0;animation:showerDrift .8s ease-out forwards;animation-delay:var(--delay)}@keyframes showerDrift{0%{opacity:0;transform:translate(0)}15%{opacity:.8}80%{opacity:0}to{opacity:0;transform:translate(var(--tx),var(--ty))}}.prismatic-ripple{animation:rippleExpand 1.5s cubic-bezier(0,0,.2,1) forwards,prismaticRippleStroke 1.5s linear forwards}@keyframes prismaticRippleStroke{0%{stroke:#ff9f0a}33%{stroke:#30d158}66%{stroke:#0a84ff}to{stroke:#ff375f}}@keyframes valveOpen{0%{stroke-dasharray:0 100;stroke-width:0;opacity:0}to{stroke-dasharray:20 60;stroke-width:4px;opacity:1}}.stream-fast,.stream-slow,.stream-prismatic,.stream-core-fast,.stream-core-slow,.stream-core-prismatic{transition:stroke 1s cubic-bezier(.4,0,.2,1),stroke-width 1s cubic-bezier(.4,0,.2,1),opacity 1s ease,filter 1s ease}.stream-fast{animation:streamFlow .8s linear infinite,valveOpen 1.2s cubic-bezier(.2,.8,.2,1) forwards}.stream-core-fast{animation:streamFlow 1.2s linear infinite,valveOpen 1.2s cubic-bezier(.2,.8,.2,1) forwards}.icon-micro-anim *{transform-box:fill-box;transform-origin:center}.flow-node.active .k-vision-body{animation:kVisionSearch 4s cubic-bezier(.34,1.56,.64,1) infinite;transform-origin:center 14px}.flow-node.active .k-vision-glint{animation:kVisionGlintParallax 4s cubic-bezier(.34,1.56,.64,1) infinite}@keyframes kVisionSearch{0%,to{transform:rotate(0) translateY(0)}10%{transform:rotate(-6deg) translate(-1px)}20%{transform:rotate(6deg) translate(1px)}30%{transform:rotate(0) translateY(0)}60%{transform:translateY(-1px)}80%{transform:translateY(0)}}@keyframes kVisionGlintParallax{0%,to{transform:translate(0);opacity:.6}10%{transform:translate(2.5px);opacity:1}20%{transform:translate(-2.5px);opacity:1}30%{transform:translate(0);opacity:.6}}.flow-node:hover .k-vision-body,.flow-node:hover .k-vision-glint{animation-play-state:running}.flow-node.active .k-sparkle-main{animation:kPopMain 3s cubic-bezier(.34,1.56,.64,1) infinite}.flow-node.active .k-sparkle-sat{animation:kPopSat 3s cubic-bezier(.34,1.56,.64,1) infinite;animation-delay:.2s}@keyframes kPopMain{0%,to{transform:scale(1) rotate(0)}10%{transform:scale(.8) rotate(-10deg)}20%{transform:scale(1.2) rotate(15deg)}50%{transform:scale(1) rotate(0)}}@keyframes kPopSat{0%,to{transform:scale(1) translate(0)}15%{transform:scale(0) translate(2px,2px)}30%{transform:scale(1.3) translate(0)}50%{transform:scale(1)}}.flow-node.active .k-term-arrow{animation:kArrowNudge 2s cubic-bezier(.2,.8,.2,1) infinite}.flow-node.active .k-term-cursor{animation:kCursorBlink 1s step-end infinite}@keyframes kArrowNudge{0%,to{transform:translate(0)}10%{transform:translate(-2px)}20%{transform:translate(3px)}30%{transform:translate(0)}}@keyframes kCursorBlink{0%,to{opacity:1}50%{opacity:0}}.flow-node.active .k-laptop-screen{animation:kScreenOpen 3s cubic-bezier(.34,1.56,.64,1) infinite}.flow-node.active .k-laptop-base{animation:kBaseSquash 3s ease-in-out infinite}@keyframes kScreenOpen{0%,to{transform:rotate(0)}10%{transform:rotate(-5deg)}20%{transform:rotate(10deg)}40%{transform:rotate(0)}}@keyframes kBaseSquash{0%,to{stroke-width:1.5px;transform:translateY(0)}20%{stroke-width:2.5px;transform:translateY(1px)}40%{stroke-width:1.5px;transform:translateY(0)}}.flow-node:hover .k-vision-body,.flow-node:hover .k-vision-glint,.flow-node:hover .k-sparkle-main,.flow-node:hover .k-sparkle-sat,.flow-node:hover .k-term-arrow,.flow-node:hover .k-term-cursor,.flow-node:hover .k-laptop-screen,.flow-node:hover .k-laptop-base{animation-play-state:running}.bg-anim-star,.bg-anim-star-sat,.bg-anim-code,.bg-anim-shield,.bg-anim-visor,.bg-anim-visor-sparkle{transform-box:fill-box;transform-origin:center}.bg-anim-star{animation:bgStarSpin 5s ease-in-out infinite alternate}.bg-anim-star-sat{animation:bgStarPulse 3s ease-in-out infinite alternate}@keyframes bgStarSpin{0%{transform:rotate(0) scale(1)}to{transform:rotate(45deg) scale(.8)}}@keyframes bgStarPulse{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.3);opacity:1}}.bg-anim-code{animation:bgCodeFloat 4s ease-in-out infinite}@keyframes bgCodeFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(5deg)}}.bg-anim-shield{animation:bgShieldBreathe 3s ease-in-out infinite}@keyframes bgShieldBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.bg-anim-visor{animation:bgVisorTilt 6s ease-in-out infinite}.bg-anim-visor-sparkle{animation:bgVisorSparkle 2s ease-in-out infinite alternate}@keyframes bgVisorTilt{0%,to{transform:perspective(100px) rotateY(0) translate(0)}33%{transform:perspective(100px) rotateY(15deg) translate(2px)}66%{transform:perspective(100px) rotateY(-15deg) translate(-2px)}}@keyframes bgVisorSparkle{0%{transform:scale(0);opacity:0}50%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.dev-how-section{width:100%;padding:60px 0 80px;display:flex;flex-direction:column;gap:48px;position:relative}.how-header{display:flex;flex-direction:column;gap:16px;max-width:800px;text-align:left}.dev-how-section h2{font-family:Recoleta,Bookman,Times New Roman,serif;font-size:2.5rem;font-weight:700;margin:0;letter-spacing:-.02em;line-height:1.1;color:#fff;text-shadow:0 0 40px rgba(255,255,255,.1)}.dev-how-section p{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:1.25rem;line-height:1.6;margin:0;color:#ffffffb3}.flow-wrapper{width:100%;position:relative;z-index:1}body:not(.dark-mode) .dev-how-section h2{color:#111;text-shadow:none}body:not(.dark-mode) .dev-how-section p{color:#000000bf}@media (max-width: 600px){.dev-how-section{padding:40px 0;gap:32px}.dev-how-section h2{font-size:2rem}.dev-how-section p{font-size:1.1rem}}.code-window{background:#0d0d0de6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;margin:24px 0;overflow:hidden;box-shadow:0 8px 32px #0006;position:relative;font-family:Menlo,Monaco,Courier New,monospace;transition:all .3s ease}.code-header{background:#252526;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease;position:relative}.code-header:hover{background:#2d2d2e}.window-title{position:absolute;left:50%;transform:translate(-50%);font-size:.85rem;color:#858585;font-weight:500;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}@media (max-width: 480px){.window-title{display:none}}.window-controls{display:flex;gap:8px;z-index:1}.header-actions{display:flex;align-items:center;gap:8px;z-index:1}.window-dot{width:12px;height:12px;border-radius:50%}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.copy-btn,.expand-btn{background:transparent;border:none;color:#858585;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.85rem;padding:6px 10px;border-radius:4px;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;line-height:1;flex-shrink:0}.expand-btn{padding:0;width:32px;height:28px}.copy-btn:hover,.expand-btn:hover{background:#ffffff1a;color:#fff}.copy-btn svg,.expand-btn svg{font-size:1.1rem;display:block}.code-content{padding:20px;overflow-x:auto;overflow-y:auto;max-height:320px;font-size:.9rem;line-height:1.5;color:#d4d4d4;transition:max-height .3s ease-in-out;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.code-content::-webkit-scrollbar{width:8px;height:8px}.code-content::-webkit-scrollbar-track{background:transparent}.code-content::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:4px}.code-window.expanded .code-content{max-height:none;overflow-y:visible}.code-content pre code{white-space:pre-wrap;word-break:break-word;margin:0;background:transparent;border:none;display:block}.token-key{color:#9cdcfe}.token-string{color:#ce9178}.token-number{color:#ae81ff}.token-boolean,.token-null{color:#569cd6}.token-punctuation{color:#d4d4d4}.token-comment{color:#6a9955}.code-window.variant-neon .window-dot{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.code-window.variant-neon:hover .window-dot{animation:dot-bounce .6s cubic-bezier(.28,.84,.42,1) infinite}.code-window.variant-neon:hover .window-dot:nth-child(1){animation-delay:0ms}.code-window.variant-neon:hover .window-dot:nth-child(2){animation-delay:.1s}.code-window.variant-neon:hover .window-dot:nth-child(3){animation-delay:.2s}@keyframes dot-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.code-window.variant-glitch{transition:transform .2s ease,box-shadow .2s ease}.code-window.variant-glitch:hover{transform:translate(-4px,-4px);box-shadow:4px 4px #2a2a2a,8px 8px #333,12px 12px 20px #0006}.code-window.variant-float{animation:idle-bob 5s ease-in-out infinite;transition:transform .4s ease,box-shadow .4s ease}.code-window.variant-float:hover{animation-play-state:paused;transform:translateY(-8px) scale(1.01);box-shadow:0 20px 50px #00000080}@keyframes idle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.code-window.variant-rainbow .code-header{transition:background-color .3s ease}.code-window.variant-rainbow:hover{border-color:#ffffff4d}.code-window.variant-rainbow:hover .code-header{background:#333}.code-window.variant-rainbow:hover .copy-btn{background:#ffffff26;color:#fff}@media (max-width: 600px){.code-content{font-size:.8rem;padding:16px}.code-window{margin:16px 0;border-radius:8px}}body:not(.dark-mode) .code-window{background:#1e1e23f2;border:1px solid rgba(0,0,0,.1);box-shadow:0 10px 30px -10px #0003,0 4px 6px -2px #0000000d}body:not(.dark-mode) .code-header{background:#2d2d30;border-bottom:1px solid rgba(255,255,255,.05)}body:not(.dark-mode) .code-content{color:#e1e1e1}body:not(.dark-mode) .code-content::-webkit-scrollbar-thumb{background-color:#ffffff4d}.dev-specs{width:100%;position:relative;z-index:10;--color-ai: #FF8800;--color-mcp: #5EEAD4;--color-mac: #818CF8;--color-vision: #F472B6;--board-bg: rgba(0, 0, 0, .08);--cell-bg: rgba(255, 255, 255, .6);--cell-bg-hover: rgba(255, 255, 255, .95);--text-main: #111;--text-dim: rgba(0, 0, 0, .6);--icon-bg: rgba(0, 0, 0, .04);--meta-bg: transparent;--meta-border: 1px solid rgba(0, 0, 0, .06);--watermark-color: #000;--watermark-opacity: .04}body.dark-mode .dev-specs{--board-bg: rgba(255, 255, 255, .12);--cell-bg: rgba(20, 20, 20, .6);--cell-bg-hover: rgba(30, 30, 30, .8);--text-main: #fff;--text-dim: rgba(255, 255, 255, .6);--icon-bg: rgba(255, 255, 255, .05);--meta-bg: rgba(255, 255, 255, .02);--meta-border: 1px solid rgba(255, 255, 255, .05);--watermark-color: #fff;--watermark-opacity: .03}.dev-specs-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin:3rem auto}.dev-specs-header h2{font-size:2.5rem;font-weight:700;color:#111;margin:0 0 12px;letter-spacing:-.02em}.dev-specs-header p{color:var(--text-dim)}.dev-specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;width:100%;align-items:stretch}.spec-card{position:relative;display:flex;flex-direction:column;padding:32px;border-radius:32px;overflow:hidden;transition:transform .4s cubic-bezier(.25,1,.5,1),box-shadow .4s ease;background:#0a0a0a99;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff1a,0 25px 50px -12px #00000080}.spec-card:hover{transform:translateY(-4px);border-color:#ffffff26;box-shadow:inset 0 1px #fff3,0 40px 80px -20px #0009}.spec-glow{position:absolute;top:-150px;right:-150px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,var(--glow-color, rgba(255,255,255,.05)) 0%,transparent 60%);opacity:.4;pointer-events:none;z-index:0;mix-blend-mode:screen}.spec-card.theme-indigo{--glow-color: rgba(99, 102, 241, .3)}.spec-card.theme-emerald{--glow-color: rgba(16, 185, 129, .3)}.spec-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;position:relative;z-index:1}.spec-icon-box{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;background:#ffffff08;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 20px #0003}.theme-indigo .spec-icon-box{color:#818cf8;box-shadow:0 0 15px #818cf826}.theme-emerald .spec-icon-box{color:#34d399;box-shadow:0 0 15px #34d39926}.spec-title-group{display:flex;flex-direction:column}.spec-title-group h3{font-size:1.25rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.01em}.spec-subtitle{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.5;color:#fff}.spec-description{font-size:1rem;color:#ffffffb3;line-height:1.6;margin:0 0 32px;position:relative;z-index:1;flex-grow:0}.spec-description strong{color:#fff;font-weight:600}.security-grid-container{margin-top:12px;position:relative;z-index:1;flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start}.security-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;height:100%}.sec-item{background:linear-gradient(145deg,#34d3990d,#ffffff03);border:1px solid rgba(52,211,153,.1);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;box-shadow:inset 0 1px #34d3990d}.sec-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top left,rgba(52,211,153,.1),transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.sec-item:hover{border-color:#34d3994d;transform:translateY(-2px);box-shadow:inset 0 1px #34d3991a,0 8px 24px -8px #34d39933}.sec-item:hover:before{opacity:1}.sec-icon{font-size:1.5rem;color:#34d399;filter:drop-shadow(0 0 8px rgba(52,211,153,.4));transition:filter .3s ease}.sec-item:hover .sec-icon{filter:drop-shadow(0 0 12px rgba(52,211,153,.6))}.sec-text{display:flex;flex-direction:column;gap:6px}.sec-text strong{font-size:1rem;color:#fff;font-weight:700;letter-spacing:-.01em}.sec-text span{font-size:.9rem;color:#fff9;line-height:1.5}body:not(.dark-mode) .spec-card{background:#ffffffd9;border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 40px -10px #0000001a,inset 0 -1px #0000000d}body:not(.dark-mode) .spec-title-group h3{color:#000}body:not(.dark-mode) .spec-subtitle{color:#00000080}body:not(.dark-mode) .spec-description{color:#000000b3}body:not(.dark-mode) .spec-description strong{color:#000}body:not(.dark-mode) .spec-icon-box{background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 12px #0000000d}body:not(.dark-mode) .sec-item{background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #0000000a}body:not(.dark-mode) .sec-item:before{display:none}body:not(.dark-mode) .sec-item:hover{border-color:#34d39966;box-shadow:0 8px 24px #00000014}body:not(.dark-mode) .sec-icon{filter:none;color:#059669}body:not(.dark-mode) .sec-item:hover .sec-icon{filter:none}body:not(.dark-mode) .sec-text strong{color:#000}body:not(.dark-mode) .sec-text span{color:#000000a6}@media (max-width: 900px){.dev-specs-grid{grid-template-columns:1fr}}@media (max-width: 600px){.security-grid{grid-template-columns:1fr}.spec-card{padding:24px}}.roadmap-section{--color-p1: #30D158;--color-p2: #0A84FF;--color-p3: #BF5AF2;--bg-glass-dark: rgba(20, 20, 20, .6);--border-glass-dark: rgba(255, 255, 255, .1);--bg-glass-light: rgba(255, 255, 255, .65);--border-glass-light: rgba(0, 0, 0, .08);width:100%;position:relative;background-color:transparent;padding:40px 0}.roadmap-title{font-family:Recoleta,Bookman,Times New Roman,serif;font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:60px;letter-spacing:-.02em;position:relative;padding-left:12px}.roadmap-title:before{content:"";position:absolute;left:0;top:10%;bottom:10%;width:4px;background:#fff;border-radius:2px;opacity:.2}.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative}.roadmap-connector{position:absolute;top:32px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--color-p1) 0%,var(--color-p2) 50%,var(--color-p3) 100%);opacity:.8;z-index:0;box-shadow:0 0 15px var(--color-p2);transition:all .3s ease-in-out}.roadmap-card{position:relative;display:flex;flex-direction:column;gap:20px;padding:32px;border-radius:32px;overflow:hidden;transition:transform .4s cubic-bezier(.25,1,.5,1);background:var(--bg-glass-dark);border:1px solid var(--border-glass-dark);box-shadow:0 20px 40px -10px #00000080;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:1}.roadmap-card:hover{transform:translateY(-6px)}.card-header{display:flex;align-items:flex-start}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:100px;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:#000;position:relative;z-index:2;box-shadow:0 4px 12px #0003;border:1px solid transparent}.status-icon{font-size:1rem}.phase-complete .status-pill{color:var(--color-p1);border-color:#30d1584d;background:#30d1581a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.phase-active{border-color:#0a84ff4d;box-shadow:0 0 30px #0a84ff0d,0 20px 40px -10px #00000080}.phase-active .status-pill{color:var(--color-p2);border-color:#0a84ff80;background:#0a84ff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:pill-pulse 3s infinite ease-in-out}@keyframes pill-pulse{0%,to{box-shadow:0 0 #0a84ff66}50%{box-shadow:0 0 0 6px #0a84ff00}}.phase-planned{opacity:.8}.phase-planned:hover{opacity:1}.phase-planned .status-pill{color:var(--color-p3);border-color:#bf5af24d;background:#bf5af21a}.card-body h4{font-size:1.25rem;font-weight:700;margin:0 0 12px;color:#fff;letter-spacing:-.01em}.card-body p{font-size:1rem;line-height:1.6;margin:0;color:#ffffffb3}.inline-code{font-family:Menlo,monospace;font-size:.85em;background:#ffffff1a;padding:2px 6px;border-radius:4px;color:#a5e9ff}body.light-mode .roadmap-section{--color-p1: #34C759;--color-p2: #007AFF;--color-p3: #AF52DE}body:not(.dark-mode) .roadmap-title{color:#111}body:not(.dark-mode) .roadmap-title:before{background:#111}body:not(.dark-mode) .roadmap-card{background:var(--bg-glass-light);border:1px solid var(--border-glass-light);box-shadow:0 4px 6px -1px #0000000d,0 20px 40px -10px #0000001a}body:not(.dark-mode) .card-body h4{color:#111}body:not(.dark-mode) .card-body p{color:#000000b3}body:not(.dark-mode) .inline-code{background:#0000000f;color:#04c}body:not(.dark-mode) .status-pill{font-weight:800}body:not(.dark-mode) .roadmap-connector{background:linear-gradient(90deg,var(--color-p1) 0%,var(--color-p2) 50%,var(--color-p3) 100%);opacity:.6;box-shadow:none;border-bottom:1px solid rgba(0,0,0,.05);border-top:1px solid rgba(255,255,255,.4)}@media (max-width: 900px){.roadmap-grid{grid-template-columns:1fr;gap:24px}.roadmap-connector{top:32px;bottom:32px;left:32px;width:2px;height:auto;right:auto;background:linear-gradient(180deg,var(--color-p1) 0%,var(--color-p2) 50%,var(--color-p3) 100%);opacity:.8;box-shadow:0 0 15px var(--color-p2);border:none}body:not(.dark-mode) .roadmap-connector{opacity:.6;box-shadow:none;border:none;background:linear-gradient(180deg,var(--color-p1) 0%,var(--color-p2) 50%,var(--color-p3) 100%)}.roadmap-card{padding-left:80px}.card-header{position:absolute;left:16px;top:32px}.status-pill span:not(.status-icon){display:none}.status-pill{padding:8px;border-radius:50%}}:root{--app-anim-accent: #007AFF;--app-anim-gaze: #78A6A3;--app-anim-pinch: #0A84FF;--app-anim-action: #30D158;--cursor-fill: rgba(255, 255, 255, .9);--cursor-stroke: rgba(0, 0, 0, .1);--cursor-shadow: 0 4px 12px rgba(0, 0, 0, .2)}body.dark-mode{--cursor-fill: rgba(255, 255, 255, .95);--cursor-stroke: rgba(0, 0, 0, .2);--cursor-shadow: 0 4px 12px rgba(0, 0, 0, .5)}.glance-app-anim{width:100%;position:relative;display:flex;flex-direction:column;gap:24px}.app-stage-container{width:100%;aspect-ratio:1.6 / 1;min-height:320px;background:radial-gradient(circle at center,var(--flow-bg-grad-start) 0%,var(--flow-bg-grad-end) 100%);border:1px solid var(--flow-border);border-radius:24px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff80,inset 0 0 20px var(--flow-shadow),0 10px 40px -10px #0000000d;transition:all .5s ease}.app-sheet-group{filter:drop-shadow(0 8px 24px rgba(0,0,0,.15));transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.app-tile{transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .3s ease;cursor:pointer}.app-tile-bg{fill:var(--flow-orb-bg);stroke:var(--flow-orb-stroke);stroke-width:1px;transition:all .3s ease}.app-tile:hover .app-tile-bg,.app-tile.active .app-tile-bg{fill:var(--flow-card-active-bg);stroke:var(--active-color, var(--app-anim-accent));filter:drop-shadow(0 0 8px var(--active-color-glow, rgba(0,122,255,.2)))}.app-tile-icon{color:var(--flow-text-secondary);transition:color .3s ease}.app-tile.active .app-tile-icon{color:var(--active-color, var(--app-anim-accent))}.k-server-dot-1,.k-server-dot-2,.k-server-dot-3{animation:serverBlink 3s infinite}.k-server-dot-1{animation-delay:0s}.k-server-dot-2{animation-delay:.5s}.k-server-dot-3{animation-delay:1s}@keyframes serverBlink{0%,to{opacity:.3}50%{opacity:1}}.k-build-shine{animation:buildShine 4s infinite linear}@keyframes buildShine{0%{opacity:0;transform:translate(-5px)}50%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(5px)}}.k-globe-sat-beam{animation:beamPulse 2s infinite ease-in-out}@keyframes beamPulse{0%,to{opacity:.3}50%{opacity:.8}}.gaze-dot-container{transition:transform .4s cubic-bezier(.2,.9,.3,1);pointer-events:none;filter:drop-shadow(var(--cursor-shadow))}.gaze-ring-container{transition:transform .6s cubic-bezier(.16,1,.3,1);pointer-events:none}.gaze-cursor-dot{fill:var(--cursor-fill);stroke:var(--cursor-stroke);stroke-width:1px}.gaze-ring-scale-group{transition:transform .3s cubic-bezier(.34,1.56,.64,1);transform-origin:center;transform-box:fill-box}.gaze-ring{fill:none;stroke:var(--active-color, var(--app-anim-gaze));stroke-width:2px;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.34,1.56,.64,1);transform-origin:center;transform-box:fill-box}.gaze-ring-scale-group.gazing .gaze-ring{opacity:1;transform:scale(1)}.gaze-ring-scale-group.pinching .gaze-ring{transform:scale(.6);opacity:.8;stroke-width:3px}.pinch-indicator-group{opacity:0;transition:opacity .4s ease,transform .4s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.pinch-indicator-group.visible{opacity:1;transform:scale(1)}.pinch-indicator-group path{stroke:var(--active-color, var(--app-anim-pinch));stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none}.pinch-finger-index,.pinch-finger-thumb{transform-box:view-box;will-change:transform;transition:transform .5s cubic-bezier(.25,1,.5,1)}.pinch-finger-index{transform-origin:15px 10px;transform:rotate(-5deg)}.pinch-finger-thumb{transform-origin:15px 14px;transform:rotate(5deg)}.pinch-indicator-group.visible .pinch-finger-index{transform:rotate(15deg)}.pinch-indicator-group.visible .pinch-finger-thumb{transform:rotate(-15deg)}.pinch-spark{fill:var(--active-color, var(--app-anim-pinch));stroke:none;opacity:0}.pinch-indicator-group.visible .pinch-spark{animation:sparkFlash .4s ease-out forwards .2s}@keyframes sparkFlash{0%{opacity:0;transform:rotate(45deg) scale(.5)}50%{opacity:1;transform:rotate(45deg) scale(1.2)}to{opacity:0;transform:rotate(45deg) scale(.5)}}.emphasis-tick{stroke:var(--active-color, var(--app-anim-pinch));stroke-width:1.5px;opacity:0}.pinch-indicator-group.visible .emphasis-tick{animation:tickPop .4s ease-out forwards .3s}@keyframes tickPop{0%{opacity:0;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}.success-group{opacity:0;transform:scale(.5);transition:all .4s cubic-bezier(.34,1.56,.64,1);pointer-events:none;transform-origin:center;transform-box:fill-box}.success-group.visible{opacity:1;transform:scale(1)}.success-circle{fill:var(--app-anim-action)}.success-check{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20}.success-group.visible .success-check{animation:drawCheck .4s cubic-bezier(.65,0,.45,1) .1s forwards}@keyframes drawCheck{to{stroke-dashoffset:0}}.app-flow-particles{pointer-events:none}.app-particle{fill:var(--flow-particle-color);opacity:.4}.app-info-overlay{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:var(--flow-card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--flow-card-border);padding:12px 20px;border-radius:16px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 20px #0000001a;opacity:0;transition:opacity .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.app-info-overlay.visible{opacity:1;transform:translate(-50%) translateY(0)}.app-info-icon{font-size:1.2rem;color:var(--active-color);display:flex;align-items:center}.app-info-icon svg{width:1.2em;height:1.2em}.app-info-text{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9rem;color:var(--flow-text-primary);font-weight:500}.app-info-action{font-size:.8rem;color:var(--flow-text-secondary);margin-left:8px;padding-left:12px;border-left:1px solid var(--flow-border)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.app-tile.active{animation:float 3s ease-in-out infinite}@media (max-width: 600px){.app-stage-container{aspect-ratio:1.6 / 1;min-height:auto}}:root{--app-accent: #007AFF;--app-accent-glow: rgba(0, 122, 255, .15);--app-text-primary: #1d1d1f;--app-text-secondary: #86868b;--app-border: rgba(0, 0, 0, .1);--app-container-bg: #e5e5ea;--app-container-shadow: inset 0 3px 6px rgba(0,0,0,.1), inset 0 10px 20px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,1);--app-container-border-top: rgba(0,0,0,.1);--app-container-border-bottom: rgba(255,255,255,.5);--app-node-bg: linear-gradient(145deg, #ffffff, #f2f2f7);--app-node-border: rgba(0, 0, 0, .05);--app-node-shadow: 0 4px 8px -2px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .05);--app-node-polish: linear-gradient(to bottom, rgba(255,255,255,.8), transparent);--app-icon-box-bg: rgba(0, 122, 255, .08);--app-icon-box-border: rgba(0, 0, 0, .05);--app-trench-bg: rgba(0, 0, 0, .06);--app-trench-shadow: rgba(0, 0, 0, .1);--app-trench-highlight: rgba(255, 255, 255, 1)}body.dark-mode{--app-accent: #0A84FF;--app-accent-glow: rgba(10, 132, 255, .25);--app-text-primary: #ffffff;--app-text-secondary: #A1A1AA;--app-border: rgba(255, 255, 255, .08);--app-container-bg: #000000;--app-container-shadow: inset 0 20px 40px -10px rgba(0,0,0,.8), inset 0 2px 4px rgba(0,0,0,1), 0 1px 0 rgba(255,255,255,.05);--app-container-border-top: rgba(0,0,0,1);--app-container-border-bottom: rgba(255,255,255,.1);--app-node-bg: linear-gradient(145deg, #1a1a1c, #0a0a0c);--app-node-border: rgba(255, 255, 255, .08);--app-node-shadow: inset 0 1px 1px rgba(255, 255, 255, .05), 0 10px 20px -5px rgba(0, 0, 0, 1);--app-node-polish: linear-gradient(to bottom, rgba(255,255,255,.05), transparent);--app-icon-box-bg: rgba(10, 132, 255, .1);--app-icon-box-border: var(--app-border);--app-trench-bg: rgba(255, 255, 255, .05);--app-trench-shadow: rgba(0,0,0,.5);--app-trench-highlight: rgba(255,255,255,.05)}.app-section-wrapper{position:relative;width:100%;padding:120px 24px;overflow:hidden;isolation:isolate}.app-section-container{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:64px;flex-direction:row-reverse}.app-content{flex:1;max-width:540px}.app-headline{font-family:"DM Serif Display",serif;font-size:clamp(2rem,4.5vw,2.5rem);font-weight:400;letter-spacing:-.02em;color:var(--app-text-primary);margin-bottom:24px;line-height:1.1}.app-subhead{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(1rem,2vw,1.125rem);line-height:1.6;color:var(--app-text-secondary);margin-bottom:40px}.app-subhead strong{color:var(--app-accent);font-weight:600}.app-feature-list{list-style:none;padding:0;margin:0 0 48px;display:flex;flex-direction:column;gap:24px}.app-feature-item{display:flex;gap:16px;align-items:flex-start}.app-icon-box{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--app-icon-box-bg);border:1px solid var(--app-icon-box-border);border-radius:12px;color:var(--app-accent);transition:all .3s ease}.app-feature-text{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;line-height:1.5;color:var(--app-text-secondary);padding-top:8px}.app-feature-text strong{color:var(--app-text-primary);font-weight:600;display:block;margin-bottom:4px}.app-cta-button{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;font-weight:600;color:#fff;text-decoration:none;background:var(--app-accent);border-radius:999px;transition:all .3s cubic-bezier(.25,.1,.25,1);box-shadow:0 4px 12px #007aff4d}body.dark-mode .app-cta-button{background:var(--app-accent);color:#fff;box-shadow:0 0 20px #0a84ff66}.app-cta-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #007aff66}.app-cta-arrow{transition:transform .3s ease}.app-cta-button:hover .app-cta-arrow{transform:translate(4px)}.app-visual{flex:1;display:flex;justify-content:center;z-index:1}.app-pipeline-container{display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;padding:40px;border-radius:32px;background:var(--app-container-bg);box-shadow:var(--app-container-shadow);border-top:1px solid var(--app-container-border-top);border-left:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid var(--app-container-border-bottom);transition:all .3s ease;overflow:hidden}.app-pipeline-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,255,255,.03) 0%,transparent 70%);pointer-events:none}.app-pipeline-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;z-index:2;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.app-pipeline-node:hover{transform:scale(1.05)}.app-node-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:var(--app-node-bg);box-shadow:var(--app-node-shadow);border:1px solid var(--app-node-border);border-radius:24px;color:var(--app-text-secondary);transition:all .3s ease;position:relative;overflow:hidden;font-size:32px}.app-node-icon:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:var(--app-node-polish);border-radius:24px 24px 0 0;pointer-events:none}.app-pipeline-node:hover .app-node-icon{border-color:var(--app-accent);color:var(--app-text-primary);box-shadow:inset 0 2px 4px #ffffff1a,0 16px 32px -8px #00000080}.app-hero-node .app-node-icon{width:96px;height:96px;color:var(--app-accent);border-color:var(--app-accent);background:var(--app-node-bg);font-size:40px}.app-hero-node:hover .app-node-icon{box-shadow:inset 0 0 30px var(--app-accent-glow),0 0 20px var(--app-accent-glow)}.app-node-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140%;height:140%;background:radial-gradient(circle,var(--app-accent-glow) 0%,transparent 70%);filter:blur(20px);opacity:.4;z-index:-1;transition:opacity .3s ease}.app-hero-node:hover .app-node-glow{opacity:.7}.app-node-label{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:.8rem;color:var(--app-text-secondary);text-align:center;opacity:.8;transition:all .3s ease;font-weight:500}.app-pipeline-node:hover .app-node-label{opacity:1;color:var(--app-text-primary)}.app-hero-node .app-node-label{color:var(--app-accent);font-weight:600;opacity:1}.app-pipeline-connector{position:relative;height:64px;width:2px;display:flex;justify-content:center}.app-connector-line{width:2px;height:100%;background:var(--app-trench-bg);position:relative}.app-connector-line:after{content:"";position:absolute;top:0;left:-1px;right:-1px;bottom:0;border-left:1px solid var(--app-trench-shadow);border-right:1px solid var(--app-trench-highlight);opacity:.5}.app-connector-pulse{position:absolute;top:0;width:4px;height:32px;background:linear-gradient(to bottom,var(--app-accent),transparent);border-radius:4px;filter:drop-shadow(0 0 8px var(--app-accent));opacity:0;animation:appFlowDown 2.5s infinite cubic-bezier(.4,0,.2,1);z-index:1}.app-delay-pulse{animation-delay:1.25s}@keyframes appFlowDown{0%{top:-20%;opacity:0}10%{opacity:1}80%{opacity:1}to{top:120%;opacity:0}}@media (max-width: 968px){.app-section-wrapper{padding:80px 24px}.app-section-container{flex-direction:column;gap:48px;align-items:flex-start}.app-content{max-width:100%;text-align:left}.app-headline{font-size:2.25rem;line-height:1.15}.app-subhead{font-size:1.1rem;margin-bottom:32px;max-width:600px}.app-feature-list{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:100%;margin:0 0 40px;gap:24px}.app-feature-item{max-width:100%}.app-cta-button{width:100%;justify-content:center;max-width:400px}.app-visual{width:100%;display:flex;justify-content:center}.app-pipeline-container{width:100%;max-width:320px;flex-direction:column;padding:40px 24px;gap:16px}.app-pipeline-connector{height:48px;width:2px}.app-connector-line{width:2px;height:100%}.app-connector-line:after{top:0;bottom:0;left:-1px;right:-1px;border-left:1px solid var(--app-trench-shadow);border-right:1px solid var(--app-trench-highlight);border-top:none;border-bottom:none}.app-connector-pulse{width:4px;height:24px;top:0;transform:none;background:linear-gradient(to bottom,var(--app-accent),transparent);animation-name:appFlowDown}.app-node-icon{width:72px;height:72px;border-radius:24px;font-size:32px}.app-hero-node .app-node-icon{width:96px;height:96px;font-size:40px}.app-node-icon:after{border-radius:24px 24px 0 0}}@media (max-width: 480px){.app-section-wrapper{padding:64px 20px}.app-headline{font-size:2rem}.app-subhead{font-size:1rem}.app-pipeline-container{padding:32px 20px}}.vision-icon-container{display:inline-flex;align-items:center;justify-content:center;position:relative}.vision-icon-svg{width:100%;height:100%;display:block;color:currentColor;will-change:transform}.vision-icon-small{width:32px;height:32px}.vision-icon-medium{width:64px;height:64px}.vision-icon-large{width:96px;height:96px}.vision-icon-xlarge{width:128px;height:128px}.vision-icon-hero{width:160px;height:160px}@media (min-width: 768px){.vision-icon-hero{width:200px;height:200px}}@media (min-width: 1024px){.vision-icon-hero{width:220px;height:220px}}.vision-icon-svg #rig{transform-box:view-box;transform-origin:12px 12px;animation:visionIconNod 3.8s ease-in-out infinite}@keyframes visionIconNod{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(.18px) rotate(-.45deg)}50%{transform:translateY(.26px) rotate(.45deg)}75%{transform:translateY(.12px) rotate(-.2deg)}}.vision-icon-glint{stroke:url(#glintGradientLight);animation:visionIconSweep 3.2s linear infinite}body.dark-mode .vision-icon-glint{stroke:url(#glintGradientDark)}@keyframes visionIconSweep{to{stroke-dashoffset:-100}}.vision-icon-seg-left{animation:visionIconPulseLeft 4s ease-in-out infinite}.vision-icon-seg-right{animation:visionIconPulseRight 4s ease-in-out infinite .5s}.vision-icon-seg-dot{animation:visionIconDotBlink 3s ease-in-out infinite 1s}@keyframes visionIconPulseLeft{0%,to{opacity:.9;stroke-width:1.12}50%{opacity:1;stroke-width:1.3}}@keyframes visionIconPulseRight{0%,to{opacity:.9;stroke-width:1.12}50%{opacity:1;stroke-width:1.3}}@keyframes visionIconDotBlink{0%,to{opacity:.9}25%{opacity:.3}50%{opacity:1}75%{opacity:.5}}@media (prefers-reduced-motion: reduce){.vision-icon-svg #rig,.vision-icon-glint,.vision-icon-seg-left,.vision-icon-seg-right,.vision-icon-seg-dot{animation:none}.vision-icon-svg #sheenAnim{display:none}.vision-icon-container.active .vision-icon-svg{animation:none}}.vision-icon-svg{color:var(--theme-accent, #78A6A3)}.vision-icon-fill{fill:url(#visorFillLight)}body.dark-mode .vision-icon-fill{fill:url(#visorFillDark)}.vision-icon-svg #outer{stroke:currentColor}.vision-icon-shadow{fill:#0000001f;transition:opacity .3s ease}body.dark-mode .vision-icon-svg{color:#7cb8b0}body.dark-mode .vision-icon-shadow{fill:#ffffff0f}.vision-icon-container.interactive:hover .vision-icon-shadow{opacity:.35}.vision-icon-container.interactive{cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}.vision-icon-container.interactive:hover{transform:scale(1.08) rotate(2deg)}.vision-icon-container.interactive:active{transform:scale(.95)}.vision-icon-container.active .vision-icon-svg{animation:visionIconBounce .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes visionIconBounce{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.15) rotate(-5deg)}50%{transform:scale(.9) rotate(3deg)}75%{transform:scale(1.05) rotate(-1deg)}to{transform:scale(1) rotate(0)}}.vision-icon-container.active .vision-icon-seg-left,.vision-icon-container.active .vision-icon-seg-right{animation:visionIconFlash .6s ease-out}@keyframes visionIconFlash{0%,to{stroke-width:1.12;opacity:.9}50%{stroke-width:2;opacity:1;filter:drop-shadow(0 0 8px currentColor)}}.signed-badge-container{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;font-size:.9rem;font-weight:500;color:var(--color-text-muted, rgba(28, 42, 68, .75));animation:badgeFadeIn .6s ease-out forwards}body.dark-mode .signed-badge-container{color:var(--dark-text-muted, rgba(240, 240, 240, .75))}.signed-badge-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem;background:#2ed5731a;border:1px solid rgba(46,213,115,.25);border-radius:20px;color:#27ae60;transition:all .3s ease;white-space:nowrap}body.dark-mode .signed-badge-pill{background:#2ed57326;border-color:#2ed5734d;color:#55efc4}.signed-badge-pill:hover{background:#2ed5732e;transform:translateY(-1px)}.signed-badge-icon{font-size:1.1em}.signed-badge-separator{opacity:.3}.signed-badge-version{opacity:.8;font-size:.85rem}@keyframes badgeFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.signed-badge-container{flex-direction:column;gap:.5rem}.signed-badge-separator{display:none}}.signed-badge-compact{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:help;vertical-align:middle}.compact-shield-icon{font-size:1.35rem;color:#27ae60;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;filter:drop-shadow(0 2px 4px rgba(39,174,96,.2))}body.dark-mode .compact-shield-icon{color:#55efc4}.signed-badge-compact:hover .compact-shield-icon{transform:scale(1.1)}.compact-tooltip-content{background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.5rem .85rem;border-radius:12px;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 16px #00000026;white-space:nowrap;font-size:.85rem;color:#1c2a44;font-weight:500;display:flex;align-items:center;gap:.35rem;pointer-events:none;animation:tooltipFadeIn .2s cubic-bezier(.2,.8,.2,1);transition:.2s ease transform}.compact-tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:rgba(255,255,255,.9) transparent transparent transparent}body.dark-mode .compact-tooltip-content{background:#1e1e1ee6;border-color:#ffffff1a;color:#fefefe;box-shadow:0 4px 16px #0006}body.dark-mode .compact-tooltip-content:after{border-color:rgba(30,30,30,.9) transparent transparent transparent}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.apple-logo-icon{font-size:1.1rem;margin-bottom:2px}.final-cta-section{padding:8rem 1.5rem 6rem;text-align:center;position:relative;overflow:hidden}.final-cta-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:400px;background:radial-gradient(circle,rgba(45,212,191,.08) 0%,transparent 70%);pointer-events:none;z-index:-1}.final-cta-container{max-width:700px;margin:2rem auto;display:flex;flex-direction:column;align-items:center;gap:2rem}.final-title{font-family:YourSerifFont,serif;font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:1rem;color:#1d1d1f}.final-subtitle{font-size:1.2rem;line-height:1.5;color:#424245;margin-bottom:3rem;text-wrap:balance}.final-cta-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-bottom:4rem}.app-store-img{height:56px;width:auto;display:block;content:url(/assets/icons/app_store_light_btn.svg);transition:opacity .2s ease}body.dark-mode .app-store-img{content:url(/assets/icons/app_store_dark_btn.svg)}.hero-btn:has(.app-store-img){background:transparent!important;box-shadow:none!important;border:none!important;padding:0!important;min-width:auto!important;transition:transform .2s cubic-bezier(.2,.8,.2,1);overflow:visible!important;border-radius:0!important}.hero-btn:has(.app-store-img):hover{transform:translateY(-2px);filter:brightness(1.05)}.final-support-link{margin-top:1rem;margin-bottom:4rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.final-support-link p{margin:0;font-size:.95rem;color:#86868b;font-weight:400}.subtle-link{font-size:1rem;color:var(--color-teal, #00BFA6);font-weight:600;text-decoration:none;position:relative;transition:color .2s ease}.subtle-link:after{content:"";position:absolute;width:100%;height:1.5px;bottom:-2px;left:0;background-color:currentColor;transform:scaleX(0);transform-origin:bottom right;transition:transform .25s ease-out;opacity:.7}.subtle-link:hover{color:var(--color-teal-light, #2dd4bf)}.subtle-link:hover:after{transform:scaleX(1);transform-origin:bottom left}body.dark-mode .final-support-link p{color:#ffffff80}body.dark-mode .subtle-link{color:var(--color-teal, #2dd4bf)}body.dark-mode .subtle-link:hover{color:#fff}.hero-video-container{position:relative;width:100%;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px -10px #0009;border:1px solid rgba(255,255,255,.1);background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translateZ(0)}.hero-video{width:100%;height:auto;display:block;position:relative;z-index:1}.hero-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;display:flex;flex-direction:column;padding:3rem;transition:background .5s ease}.hero-overlay-bottom{justify-content:flex-end;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 30%,transparent 100%)}.hero-overlay-top{justify-content:flex-start;background:linear-gradient(to bottom,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 30%,transparent 100%)}.hero-overlay-center{justify-content:center;background:radial-gradient(circle,rgba(0,0,0,.4) 0%,transparent 100%)}.hero-align-left{align-items:flex-start;text-align:left}.hero-align-center{align-items:center;text-align:center}.hero-align-right{align-items:flex-end;text-align:right}.hero-video-container{margin-bottom:2rem}.hero-caption-text{font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:500;color:#fffffff2;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.3);font-size:clamp(1.1rem,2.5vw,2rem);max-width:90%;opacity:0;transform:translateY(10px);transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1)}.hero-caption-text.visible{opacity:1;transform:translateY(0)}@media (max-width: 464px){.hero-video-overlay{padding:1.5rem}.hero-video-container{margin-bottom:4rem;margin-top:-1rem}}.dev-home{width:100%;max-width:1400px;margin:0 auto;padding:0 24px 120px;display:flex;flex-direction:column;gap:2rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;color:#fff;background-color:transparent}.mission-statement-container{display:flex;justify-content:center;padding:40px 0;text-align:center}.video-header{font-size:2rem;text-align:center;font-weight:600}.mission-statement{font-size:1.75rem;font-weight:500;line-height:1.5;max-width:800px;letter-spacing:-.01em;color:#ffffffe6;text-shadow:0 0 20px rgba(255,255,255,.1)}body:not(.dark-mode) .dev-home{color:#1d1d1f}body:not(.dark-mode) .mission-statement{color:#1d1d1f;font-weight:600;text-shadow:none}@media (max-width: 768px){.dev-home{gap:60px;padding-bottom:80px}.mission-statement{font-size:1.4rem;padding:0 16px}}.mobile-menu-toggle-btn{position:fixed;top:calc(var(--corner-spacing) + var(--safe-area-top, 0px));right:calc(var(--corner-spacing) + var(--safe-area-right, 0px));z-index:1005;width:var(--corner-button-size);height:var(--corner-button-size);border-radius:50%;background:#f7f3ebe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(28,42,68,.12);color:var(--color-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--corner-transition);box-shadow:0 4px 16px #00000014;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-menu-toggle-btn svg{width:24px;height:24px;transition:transform .3s ease}.mobile-menu-toggle-btn:hover{transform:translateZ(0) scale(1.1);box-shadow:0 6px 20px #0000001f;background:#f7f3ebf2;border-color:#1c2a4433}.mobile-menu-toggle-btn:active{transform:translateZ(0) scale(1.05)}body.dark-mode .mobile-menu-toggle-btn{background:#161616e6;border-color:#ffffff1f;color:var(--dark-text);box-shadow:0 4px 16px #0000004d}body.dark-mode .mobile-menu-toggle-btn:hover{background:#161616f2;border-color:#fff3;box-shadow:0 6px 20px #0006}.mobile-menu-toggle-btn.fade-on-scroll.scrolling{opacity:.6}.mobile-menu-toggle-btn.fade-on-scroll.scrolling:hover,.mobile-menu-toggle-btn.fade-on-scroll.scrolling:active{opacity:1}@media (max-width: 768px){.mobile-menu-toggle-btn{top:calc(var(--corner-spacing-md) + var(--safe-area-top, 0px));right:calc(var(--corner-spacing-md) + var(--safe-area-right, 0px))}}@media (max-width: 480px){.mobile-menu-toggle-btn{top:calc(var(--corner-spacing-sm) + var(--safe-area-top, 0px));right:calc(var(--corner-spacing-sm) + var(--safe-area-right, 0px));width:44px;height:44px}.mobile-menu-toggle-btn svg{width:22px;height:22px}}@media (prefers-reduced-motion: reduce){.mobile-menu-toggle-btn{transition-duration:.01ms!important}}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1001;opacity:0;animation:fadeIn .3s cubic-bezier(.4,0,.2,1) forwards}.mobile-menu{position:fixed;top:0;right:0;width:min(320px,85vw);height:100vh;height:100dvh;background:#f7f3ebf5;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:-8px 0 32px #00000026;z-index:1002;display:flex;flex-direction:column;transform:translate(100%);animation:slideIn .4s cubic-bezier(.16,1,.3,1) forwards;border-left:1px solid rgba(28,42,68,.08)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--safe-area-top, 0px) + 1.5rem) 1.5rem 1.5rem;border-bottom:1px solid rgba(28,42,68,.06)}.mobile-menu-title{font-family:"DM Serif Display",serif;font-size:1.75rem;color:var(--color-text-primary);margin:0;font-weight:500}.mobile-menu-nav{padding:2rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-menu-link{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:1rem 1.25rem;background:#fff6;border:1px solid rgba(28,42,68,.06);border-radius:16px;font-size:1.05rem;font-weight:500;color:var(--color-text-primary);text-decoration:none;transition:all .2s ease;cursor:pointer;position:relative;overflow:hidden}.mobile-menu-link-content{display:flex;align-items:center;gap:12px}.mobile-menu-icon{font-size:1.25rem;color:#1c2a4499;transition:color .2s ease}.mobile-menu-active-indicator{color:#78a6a3;font-size:1.1rem}.mobile-menu-link:hover{background:#fffc;transform:translate(4px);border-color:#1c2a441f;box-shadow:0 2px 8px #0000000a}.mobile-menu-link:hover .mobile-menu-icon{color:#78a6a3}.mobile-menu-link.active{background:#fff;border-color:#78a6a3;color:#1c2a44;box-shadow:0 4px 12px #78a6a326}.mobile-menu-link.active .mobile-menu-icon{color:#78a6a3}.mobile-menu-divider{height:1px;background:#1c2a4414;margin:.5rem 0}.mobile-menu-link.secondary{background:transparent;border-color:transparent;color:#1c2a44b3}.mobile-menu-link.secondary:hover{background:#fff6;color:#1c2a44;border-color:#1c2a4414}body.dark-mode .mobile-menu{background:#161616f5;border-left-color:#ffffff14}body.dark-mode .mobile-menu-header{border-bottom-color:#ffffff14}body.dark-mode .mobile-menu-title{color:#fefefe}body.dark-mode .mobile-menu-link{background:#ffffff08;border-color:#ffffff14;color:#f0f0f0e6}body.dark-mode .mobile-menu-icon{color:#f0f0f080}body.dark-mode .mobile-menu-link:hover{background:#ffffff14;border-color:#ffffff26;color:#fff}body.dark-mode .mobile-menu-link:hover .mobile-menu-icon{color:#a5e9ff}body.dark-mode .mobile-menu-link.active{background:#0a84ff26;border-color:#0a84ff66;color:#fff;box-shadow:0 0 20px #0a84ff33}body.dark-mode .mobile-menu-link.active .mobile-menu-icon,body.dark-mode .mobile-menu-active-indicator{color:#a5e9ff}body.dark-mode .mobile-menu-divider{background:#ffffff1a}body.dark-mode .mobile-menu-link.secondary{background:transparent;border-color:transparent;color:#f0f0f099}body.dark-mode .mobile-menu-link.secondary:hover{background:#ffffff0d;color:#fff;border-color:#ffffff1a}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.global-back-button{position:fixed;z-index:1000;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.1);border-radius:24px;font-size:.9rem;font-weight:500;color:var(--text-color);cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s ease,border-color .2s ease,box-shadow .2s ease;height:48px;box-shadow:0 2px 8px #0000000d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (min-width: 769px){.global-back-button{top:1.5rem;right:7rem;height:52px}}@media (max-width: 768px){.global-back-button{top:calc(var(--corner-spacing-md) + var(--corner-button-size) + .5rem + var(--safe-area-top, 0px));right:calc(var(--corner-spacing-md) + var(--corner-offset) + var(--safe-area-right, 0px));width:var(--corner-button-size);height:var(--corner-button-size);min-width:var(--corner-button-size);min-height:var(--corner-button-size);padding:0;justify-content:center;border-radius:50%}.global-back-button span{display:none}.global-back-button svg{margin:0}}@media (max-width: 480px){.global-back-button{top:calc(var(--corner-spacing-sm) + 44px + .5rem + var(--safe-area-top, 0px));right:calc(var(--corner-spacing-sm) + var(--corner-offset) + var(--safe-area-right, 0px));width:44px;height:44px;min-width:44px;min-height:44px}}.global-back-button:hover{background:#fffffff2;transform:translateZ(0) translateY(-1px);box-shadow:0 4px 12px #00000014;border-color:#00000026}.global-back-button:active{transform:translateZ(0) translateY(0);box-shadow:0 2px 6px #0000000d;transition-duration:.1s}.global-back-button svg{width:1.25rem;height:1.25rem;flex-shrink:0}body.dark-mode .global-back-button{background:#1c1c1ecc;border-color:#ffffff1a;color:var(--text-color)}body.dark-mode .global-back-button:hover{background:#1c1c1ef2;border-color:#ffffff26}@media (prefers-reduced-motion: reduce){.global-back-button{transition-duration:.1s}.global-back-button:hover{transform:none}}.site-footer{max-width:1200px;margin:0 auto;padding:3rem 2rem calc(2rem + env(safe-area-inset-bottom));text-align:center;border-top:1px solid rgba(28,42,68,.08)}body.dark-mode .site-footer{border-top-color:#ffffff14}.footer-text{color:#1c2a44a6;font-size:.95rem;margin:0 0 1.5rem;line-height:1.5}body.dark-mode .footer-text{color:#f0f0f0a6}.footer-links{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;align-items:center}.footer-link-btn{background:none;border:none;color:#1c2a44a6;text-decoration:none;font-size:.95rem;cursor:pointer;transition:color .2s ease,transform .2s ease;padding:.5rem;font-family:inherit;position:relative}.footer-link-btn:hover{color:#78a6a3;transform:translateY(-1px)}body.dark-mode .footer-link-btn{color:#f0f0f0a6}body.dark-mode .footer-link-btn:hover{color:#9bead9}@media (max-width: 600px){.site-footer{padding:3rem 1.5rem calc(2.5rem + env(safe-area-inset-bottom))}.footer-text{font-size:.85rem;margin-bottom:2rem;max-width:300px;margin-left:auto;margin-right:auto}.footer-links{gap:.75rem 1.5rem;flex-direction:row}.footer-link-btn{font-size:.9rem;padding:.5rem 0}}.consent-peek-container{position:fixed;bottom:1.5rem;left:1.5rem;z-index:1000;opacity:1;transform:scale(1);transition:opacity .4s ease,transform .4s cubic-bezier(.4,0,.2,1);pointer-events:auto}.consent-peek-container.auto-approving{pointer-events:none}.consent-peek-container.auto-approving .consent-banner-content{animation:consentGlowNod 1.2s ease-out}@keyframes consentGlowNod{0%{box-shadow:4px 0 20px #0000000a,2px 0 10px #ff880014}30%{box-shadow:4px 0 30px #f803,2px 0 20px #ff88004d,inset -2px 0 2px #ff880026;transform:translate(2px) translateY(4px)}60%{transform:translate(2px) translateY(4px)}to{box-shadow:4px 0 20px #0000000a,2px 0 10px #ff880014;transform:translate(0) translateY(0)}}.consent-peek-container.auto-approving .consent-banner-btn-accept{background:linear-gradient(135deg,#ff880040,#ff880026);animation:buttonShimmer .6s ease-in-out}@keyframes buttonShimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.consent-peek-container.fading-out{opacity:0;transform:scale(.9);pointer-events:none}.consent-preferences-button{opacity:0;transform:scale(.85) translateY(10px);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.consent-preferences-button.is-visible{opacity:1;transform:scale(1) translateY(0)}.consent-peek-tab{position:relative;width:48px;height:48px;background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(28,42,68,.08);border-radius:50%;box-shadow:0 2px 12px #0000000a,0 1px 6px #ff88001a,inset 0 1px #fff6;display:flex!important;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:2;opacity:1!important;visibility:visible!important;animation:peekFadeIn .6s ease forwards,subtlePulseConsent 3s ease-in-out 1s infinite}.consent-peek-container:not(.expanded) .consent-peek-tab:hover{transform:scale(1.05);background:#ffffffbf;border-color:#ff880040;box-shadow:0 4px 20px #ff880026,0 2px 12px #f803,inset 0 1px #ffffff80}.consent-peek-icon{color:var(--color-orange, #FF8800)!important;font-size:1.35rem!important;width:1.35rem!important;height:1.35rem!important;filter:drop-shadow(0 1px 3px rgba(255,136,0,.3));transition:all .3s ease;opacity:1!important;visibility:visible!important}.consent-peek-container:not(.expanded) .consent-peek-tab:hover .consent-peek-icon{filter:drop-shadow(0 2px 6px rgba(255,136,0,.4));transform:scale(1.1)}.consent-peek-label{display:none}.consent-banner-content{position:fixed;left:-400px;bottom:7.5rem;width:330px;max-width:calc(100vw - 2rem);background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(28,42,68,.08);border-left:none;border-radius:0 20px 20px 0;padding:1.5rem;box-shadow:4px 0 20px #0000000a,2px 0 10px #ff880014,inset -1px 0 #fff6;display:flex;flex-direction:column;gap:1rem;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:999;overflow:hidden}.consent-peek-container.expanded .consent-banner-content{left:-1.25rem;opacity:1;pointer-events:auto}.consent-peek-container.expanded .consent-peek-tab{animation:none}.consent-banner-icon{display:none}.consent-banner-text{flex:1;min-width:0}.consent-banner-title{font-size:.95rem;font-weight:600;color:var(--text-primary, #1C2A44);margin:0 0 .5rem;font-family:IBM Plex Sans,sans-serif}.consent-banner-description{font-size:.85rem;color:#1c2a44bf;margin:0;line-height:1.6}.consent-banner-actions{flex-shrink:0;display:flex;gap:.5rem;align-items:center;margin-top:.5rem}.consent-banner-btn{border:none;border-radius:8px;font-family:IBM Plex Sans,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.consent-banner-btn-accept{padding:.65rem 1.5rem;background:linear-gradient(135deg,#ff880026,#ff88001a);color:var(--color-orange);font-weight:600;border:1px solid rgba(255,136,0,.3);box-shadow:0 2px 8px #ff880026,inset 0 1px #ffffff4d;flex:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-size:200% auto}.consent-banner-btn-accept:hover{background:linear-gradient(135deg,#ff880040,#ff880026);border-color:#f806;box-shadow:0 4px 12px #ff880040,inset 0 1px #fff6;transform:translateY(-2px)}.consent-banner-btn-accept:active{transform:translateY(0);box-shadow:0 1px 4px #78a6a34d}.consent-banner-btn-decline{width:36px;height:36px;padding:0;background:#1c2a440d;color:#1c2a4480;font-size:1.25rem}.consent-banner-btn-decline:hover{background:#1c2a441a;color:#1c2a44b3}@keyframes peekFadeIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes subtlePulseConsent{0%,to{box-shadow:0 2px 12px #0000000a,0 1px 6px #ff88001a,inset 0 1px #fff6}50%{box-shadow:0 4px 16px #ff880026,0 2px 10px #f803,inset 0 1px #ffffff80}}body.dark-mode .consent-peek-tab{background:#ffffff0a;border-color:#ffffff14;box-shadow:0 2px 12px #0000004d,0 1px 6px #00d4b826,inset 0 1px #ffffff14}body.dark-mode .consent-peek-container:not(.expanded) .consent-peek-tab:hover{background:#ffffff14;border-color:#00d4b84d;box-shadow:0 4px 20px #00d4b833,0 2px 12px #00d4b840,inset 0 1px #ffffff1f}body.dark-mode .consent-peek-icon{color:var(--dark-teal);filter:drop-shadow(0 1px 3px rgba(0,212,184,.4))}body.dark-mode .consent-peek-container:not(.expanded) .consent-peek-tab:hover .consent-peek-icon{filter:drop-shadow(0 2px 6px rgba(0,212,184,.5))}body.dark-mode .consent-banner-content{background:#ffffff0a;border-color:#ffffff14;box-shadow:4px 0 20px #0000004d,2px 0 10px #00d4b81f,inset -1px 0 #ffffff14}body.dark-mode .consent-banner-title{color:#fefefe}body.dark-mode .consent-banner-description{color:#f0f0f0bf}body.dark-mode .consent-banner-btn-accept{background:linear-gradient(135deg,#00d4b826,#00d4b81a);color:var(--dark-teal);border-color:#00d4b84d;box-shadow:0 2px 8px #00d4b833,inset 0 1px #ffffff1a}body.dark-mode .consent-banner-btn-accept:hover{background:linear-gradient(135deg,#00d4b840,#00d4b82e);border-color:#00d4b866;box-shadow:0 4px 12px #00d4b84d,inset 0 1px #ffffff26}body.dark-mode .consent-banner-btn-decline{background:#ffffff0d;color:#f0f0f099}body.dark-mode .consent-banner-btn-decline:hover{background:#ffffff1a;color:#f0f0f0cc}.consent-preferences-button{position:fixed;bottom:calc(var(--corner-spacing) - var(--corner-offset));left:calc(var(--corner-spacing) - var(--corner-offset));z-index:1000;width:var(--corner-button-size);height:var(--corner-button-size);border-radius:50%;background:#f7f3ebe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(28,42,68,.12);color:#1c2a44;display:flex;align-items:center;justify-content:center;font-size:1.4rem;cursor:pointer;transition:var(--corner-transition);box-shadow:0 4px 16px #00000014;will-change:transform,opacity}.consent-preferences-button:hover{transform:translate3d(0,-2px,0) scale(1.1);box-shadow:0 6px 20px #0000001f;border-color:#78a6a34d;background:#f7f3ebf2}.consent-preferences-button.is-neutral{color:#1c2a44;opacity:.6}.consent-preferences-button.has-preference{color:#1c2a44;opacity:.4}.consent-preferences-button.has-preference:hover{opacity:1}body.dark-mode .consent-preferences-button{background:#161616e6;border-color:#ffffff1f;color:#eee;box-shadow:0 4px 16px #0000004d}body.dark-mode .consent-preferences-button:hover{box-shadow:0 6px 20px #0006;border-color:#78a6a366;background:#161616f2}.consent-preferences-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease-out}.consent-preferences-modal{background:#fff;border-radius:20px;width:100%;max-width:400px;box-shadow:0 20px 40px #0003;overflow:hidden;animation:scaleIn .3s cubic-bezier(.2,.8,.2,1)}body.dark-mode .consent-preferences-modal{background:#1a1a1a;border:1px solid rgba(255,255,255,.1)}.consent-preferences-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.06)}body.dark-mode .consent-preferences-header{border-bottom-color:#ffffff14}.consent-preferences-title{margin:0;font-size:1.1rem;font-weight:600;color:#1c2a44}body.dark-mode .consent-preferences-title{color:#fefefe}.consent-preferences-close{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.consent-preferences-close:hover{background:#0000000d;color:#333}body.dark-mode .consent-preferences-close{color:#aaa}body.dark-mode .consent-preferences-close:hover{background:#ffffff1a;color:#fff}.consent-preferences-content{padding:1.5rem}.status-indicator{padding:1rem;border-left:3px solid #ccc;background:#00000005;border-radius:0 8px 8px 0;margin-bottom:1.5rem}body.dark-mode .status-indicator{background:#ffffff08}.status-indicator strong{display:block;margin-bottom:.25rem;font-size:.95rem}.status-indicator p{margin:0;font-size:.85rem;color:#666;line-height:1.4}body.dark-mode .status-indicator p{color:#aaa}.consent-preferences-actions{display:flex;flex-direction:column;gap:.75rem}.consent-preferences-actions .cp-btn{width:100%;padding:.875rem;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.consent-preferences-actions .cp-btn-primary{background:#1c2a44;color:#fff}.consent-preferences-actions .cp-btn-primary:hover{background:#2a3b55;transform:translateY(-1px)}body.dark-mode .consent-preferences-actions .cp-btn-primary{background:#eee;color:#111}body.dark-mode .consent-preferences-actions .cp-btn-primary:hover{background:#fff}.consent-preferences-actions .cp-btn-secondary{background:transparent;border:1px solid rgba(0,0,0,.1);color:#1c2a44}.consent-preferences-actions .cp-btn-secondary:hover{background:#00000008;border-color:#0003}body.dark-mode .consent-preferences-actions .cp-btn-secondary{border-color:#ffffff26;color:#eee}body.dark-mode .consent-preferences-actions .cp-btn-secondary:hover{background:#ffffff0d;border-color:#ffffff40}.consent-preferences-actions .cp-btn-text{background:none;border:none;color:#666;font-size:.85rem;padding:.5rem;margin-top:.5rem}.consent-preferences-actions .cp-btn-text:hover{color:#333;text-decoration:underline}body.dark-mode .consent-preferences-actions .cp-btn-text{color:#888}body.dark-mode .consent-preferences-actions .cp-btn-text:hover{color:#ccc}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.consent-preferences-button{bottom:calc(var(--corner-spacing-md) - var(--corner-offset));left:calc(var(--corner-spacing-md) - var(--corner-offset))}}@media (max-width: 480px){.consent-preferences-button{bottom:calc(var(--corner-spacing-sm) - var(--corner-offset));left:calc(var(--corner-spacing-sm) - var(--corner-offset));width:44px;height:44px}.consent-preferences-modal{width:90%;max-height:90vh;overflow-y:auto}}.about-sheet-try-vision{display:flex;padding:.5rem 1.5rem}:root{--grid-size: clamp(1.4rem, 6vw, 2.5rem);--max-width: 1200px;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--corner-button-size: 52px;--corner-spacing: 1.5rem;--corner-spacing-md: 1.25rem;--corner-spacing-sm: 1rem;--corner-offset: 0px;--corner-transition: all .3s cubic-bezier(.4, 0, .2, 1);--z-background: -2;--z-behind: -1;--z-base: 0;--z-content: 1;--z-elevated: 2;--z-sticky: 10;--z-overlay: 100;--z-modal: 1000;--z-popover: 2000;--z-toast: 3000;--z-tooltip: 4000;--duration-instant: .1s;--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .8s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-decelerate: cubic-bezier(0, 0, .2, 1);--ease-accelerate: cubic-bezier(.4, 0, 1, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--color-bg: #F7F3EB;--color-text: #1C2A44;--color-text-primary: #1C2A44;--color-text-muted: #4A5568;--color-highlight: #FFD866;--color-muted: rgba(28, 42, 68, .88);--color-teal: #00BFA6;--color-teal-light: #A0F3E2;--color-blue: #0077B5;--color-blue-light: #00A3D9;--color-orange: #FF8800;--color-orange-soft: #FF9A1F;--color-orange-light: #FFD866;--color-navy: #1C2A44;--glow-teal: rgba(0, 191, 166, .25);--glow-cyan: rgba(0, 229, 212, .1);--dark-bg: #111;--dark-text: #eee;--dark-text-muted: #A0AEC0;--dark-highlight: #FFE066;--dark-muted: rgba(240, 240, 240, .85);--dark-teal: #00D4B8;--dark-teal-light: #B0FFF0;--dark-blue: #0088CC;--dark-orange: #FF9500;--dark-orange-soft: #FFB020;--dark-orange-light: #FFE066;--dark-glow-teal: rgba(0, 212, 184, .3);--dark-glow-cyan: rgba(0, 255, 235, .2);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--origin-x: 23.5%;--origin-y: 39.5%;--pose-rotX: -6deg;--pose-rotY: 16deg;--pose-rotZ: 0deg;--actor-scale: .6;--panel-scale: .945;--panel-x: 227px;--panel-y: -42px;--mac-left: 45%;--mac-top: 17%;--mac-width: 49%;--mac-height: 28%;--capsule-gap: 151px;--capsule-x: 0px;--card-bottom: 86px}body{margin:0;font-family:IBM Plex Sans,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;position:relative;min-height:100vh;min-height:100dvh;width:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background-color .4s ease,color .4s ease}html{box-sizing:border-box;scroll-behavior:smooth;overflow-x:hidden;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit}h1,h2,h3{font-family:"DM Serif Display",serif;margin:0;line-height:normal;color:var(--color-text);width:100%}p{margin:0}a{color:#78a6a3;text-decoration:none}a:hover{text-decoration:underline}.highlight{color:#e6b24c;font-weight:700}.text-accent{color:var(--color-teal)}.text-highlight{color:var(--color-orange)}.app{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100%;padding:2rem}#shape-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}#theme-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-color, #000);opacity:0;pointer-events:none;transition:opacity .4s ease;z-index:9999}body.theme-transitioning #theme-overlay{opacity:.08}.shape-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-2}.geo-wrapper{position:absolute;width:100px;height:100px;pointer-events:none;opacity:0;transition:opacity .3s ease;will-change:transform,opacity}.geo-wrapper.faded-in:not([data-hero-shape]){opacity:1;transition:opacity .6s ease}.geo-wrapper[data-hero-shape].faded-in{opacity:1;transition:none}.geo-wrapper[data-hero-shape]{transition:transform .6s ease}.fade-out{opacity:0!important;transition:opacity .3s ease}header.intro{max-width:960px;margin:0 auto;padding:2.5rem 1.5rem}.intro{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.intro h1{font-size:3.95rem}.split{display:flex;flex-direction:column;width:100%}.split-left,.split-right{width:100%}.split-left{display:flex;justify-content:center;align-items:center;position:relative;padding:3rem 0;flex:1}.split-right{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;max-width:none;width:fit-content;flex:2}.gradient-title{display:flex;flex-direction:column;align-items:flex-start;font-size:3rem;line-height:1;letter-spacing:-.015em;font-family:"DM Serif Display",serif;background:linear-gradient(90deg,#78a6a3,#396e6b,#78a6a3);background-size:300% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:titleSlideLeft 1s ease-out .4s forwards,shimmerSubtle 60s ease-in-out infinite;text-shadow:0 2px 6px rgba(28,42,68,.12);opacity:0;margin-bottom:.5rem;width:100%;max-width:32ch}.clarity-line{font-size:.99rem;font-weight:800;color:#e97b65;text-shadow:0 1px 1px rgba(28,42,68,.15);line-height:1.55;max-width:38ch;letter-spacing:-.03em;margin-top:.75rem;opacity:0;animation:fadeSlideUp 1s ease-out .5s forwards}.clarity-line em{font-weight:600;color:#1c2a44;font-style:normal}section.container{text-align:left;max-width:720px;position:relative;flex:1;z-index:1;background:radial-gradient(circle at 20% 30%,rgba(230,178,76,.06) 0%,transparent 40%),radial-gradient(circle at 80% 50%,rgba(120,166,163,.05) 0%,transparent 35%),radial-gradient(circle at 60% 90%,rgba(217,122,102,.05) 0%,transparent 30%),linear-gradient(135deg,#fff,#f7f3eb);box-shadow:0 12px 36px #0000000a,0 4px 16px #1c2a440d;border-radius:.75rem;padding:2.5rem;transition:box-shadow .3s ease,transform .3s ease;opacity:0;transform:translateY(-20px);animation:fadeLiftIn .8s ease-out forwards,softDrift 10s ease-in-out infinite;animation-delay:.4s,0s;background-size:100% 100%}section.container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.75rem;pointer-events:none;background:radial-gradient(ellipse at top center,rgba(255,255,255,.3),transparent 60%),linear-gradient(to bottom,#ffffff0d,#1c2a4405);z-index:0}section.container:hover{box-shadow:0 16px 40px #0000000d}section p{line-height:1.7;max-width:60ch;font-size:1.05rem;letter-spacing:.01em;font-weight:450}footer{text-align:center;font-size:.9rem;color:#e97b65;margin-top:auto;padding:1.5rem 0 .5rem;animation:fadeSlideUp 1s ease-out .5s forwards;opacity:0;text-shadow:0 0 1px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.08)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes titleSlideLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmerSubtle{0%{background-position:0% center}50%{background-position:100% center}to{background-position:0% center}}@keyframes softDrift{0%{background-position:0% 0%}50%{background-position:3% 2%}to{background-position:0% 0%}}@keyframes fadeLiftIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ambientPulse{0%,to{opacity:.03}50%{opacity:.06}}@media (min-width: 768px){.split{flex-direction:row;justify-content:space-between;align-items:center;text-align:left;gap:3rem}}@media (max-width: 880px){section.container{max-width:100%;padding:2rem 1.2rem}}@media (prefers-reduced-motion: reduce){*,.theme-toggle,.geo-wrapper{transition:none!important;animation:none!important}}body.resizing *{transition:none!important;animation:none!important}body.dark-mode{background-color:var(--dark-bg);color:var(--dark-text)}body.dark-mode a{color:#9bead9}body.dark-mode a:hover{color:#fff}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3{color:#fefefe;text-shadow:0 0 4px rgba(255,255,255,.08)}body.dark-mode .highlight{color:var(--dark-highlight)}body.dark-mode section.container p{color:#ebebeb}body.dark-mode section.container p:not(:first-of-type){color:var(--dark-muted)}body.dark-mode:before,body.dark-mode body:before{background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px);background-color:var(--dark-bg)}body.dark-mode .geo-wrapper{opacity:.12;filter:brightness(1.4) saturate(1.1)}body.dark-mode section.container{background:radial-gradient(circle at 20% 30%,rgba(255,200,120,.035) 0%,transparent 40%),radial-gradient(circle at 80% 50%,rgba(120,180,170,.03) 0%,transparent 35%),radial-gradient(circle at 60% 90%,rgba(255,120,102,.03) 0%,transparent 30%),linear-gradient(135deg,#0e0e0e,#161616),#14141499;box-shadow:inset 0 0 0 1px #ffffff01,0 10px 30px #0006}body.dark-mode section.container:hover{box-shadow:inset 0 0 0 1px #ffffff04,0 12px 40px #0009}body.dark-mode section.container:after{background:radial-gradient(ellipse at bottom right,rgba(255,255,255,.015),transparent 70%),linear-gradient(to bottom,rgba(255,255,255,.01),transparent);opacity:.8}body.dark-mode .gradient-title{background:linear-gradient(90deg,#cbe1da,#78a6a3,#cbe1da);background-size:300% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.dark-mode .clarity-line{color:#e97b65}body.dark-mode .clarity-line em{color:#dfeef0}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#f7f3eb4d;border-radius:10px;margin:4px}body.dark-mode ::-webkit-scrollbar-track{background:#1111114d}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00bfa680,#00bfa659,#a0f3e266);border-radius:10px;border:2px solid rgba(247,243,235,.4);box-shadow:0 2px 8px #00bfa626,inset 0 1px #ffffff4d;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ff8800a6,#ff880080,#ff9a1f8c);border-color:#ffffff80;box-shadow:0 4px 16px #ff88004d,0 0 20px #f803,inset 0 1px #fff6}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#ff8800bf,#f809,#ff9a1fa6);box-shadow:0 2px 8px #f806,inset 0 1px #ffffff80}body.dark-mode ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d4b873,#00d4b84d,#b0fff059);border:2px solid rgba(17,17,17,.5);box-shadow:0 2px 8px #00d4b833,inset 0 1px #ffffff1a}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00d4b899,#00d4b873,#b0fff080);border-color:#00d4b84d;box-shadow:0 4px 16px #00d4b859,0 0 25px #00d4b840,inset 0 1px #ffffff26}body.dark-mode ::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#00d4b8b3,#00d4b88c,#b0fff099);box-shadow:0 2px 8px #00d4b866,inset 0 1px #fff3}::-webkit-scrollbar-corner{background:transparent}.glass-sheet-content::-webkit-scrollbar,.info-content::-webkit-scrollbar,.mobile-menu-nav::-webkit-scrollbar{width:8px}.glass-sheet-content::-webkit-scrollbar-track,.info-content::-webkit-scrollbar-track,.mobile-menu-nav::-webkit-scrollbar-track{background:#0000000d;border-radius:8px;margin:2px}body.dark-mode .glass-sheet-content::-webkit-scrollbar-track,body.dark-mode .info-content::-webkit-scrollbar-track,body.dark-mode .mobile-menu-nav::-webkit-scrollbar-track{background:#ffffff0d}.glass-sheet-content::-webkit-scrollbar-thumb,.info-content::-webkit-scrollbar-thumb,.mobile-menu-nav::-webkit-scrollbar-thumb{background:#00bfa666;border-radius:8px;border:1px solid rgba(247,243,235,.3)}body.dark-mode .glass-sheet-content::-webkit-scrollbar-thumb,body.dark-mode .info-content::-webkit-scrollbar-thumb,body.dark-mode .mobile-menu-nav::-webkit-scrollbar-thumb{background:#00d4b859;border-color:#1116}.glass-sheet-content::-webkit-scrollbar-thumb:hover,.info-content::-webkit-scrollbar-thumb:hover,.mobile-menu-nav::-webkit-scrollbar-thumb:hover{background:#ff880080}body.dark-mode .glass-sheet-content::-webkit-scrollbar-thumb:hover,body.dark-mode .info-content::-webkit-scrollbar-thumb:hover,body.dark-mode .mobile-menu-nav::-webkit-scrollbar-thumb:hover{background:#00d4b880}*{scrollbar-width:thin;scrollbar-color:rgba(0,191,166,.5) rgba(247,243,235,.3)}body.dark-mode *{scrollbar-color:rgba(0,212,184,.45) rgba(17,17,17,.3)}.glass-sheet-content,.info-content,.mobile-menu-nav{scrollbar-width:thin;scrollbar-color:rgba(0,191,166,.4) rgba(0,0,0,.05)}body.dark-mode .glass-sheet-content,body.dark-mode .info-content,body.dark-mode .mobile-menu-nav{scrollbar-color:rgba(0,212,184,.35) rgba(255,255,255,.05)}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body.scrolling{will-change:scroll-position}.glass-sheet-content,.info-content,.mobile-menu-nav,body{-webkit-overflow-scrolling:touch}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background-image:linear-gradient(to right,rgba(28,42,68,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(28,42,68,.03) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);z-index:-3;pointer-events:none}#grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.grid-cell-outline{position:absolute;width:40px;height:40px;box-sizing:border-box;pointer-events:none;z-index:-1;transition:opacity .6s ease;opacity:1}.grid-cell-outline:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(225,142,126,.04);border-radius:2px;box-shadow:0 0 1px #0000000d}.grid-cell-outline.fade{opacity:0}#pulse-container{position:fixed;right:0;bottom:0;top:0;left:0;pointer-events:none;z-index:-2}.pulse-cell{position:absolute;width:var(--grid-size, 2.5rem);height:var(--grid-size, 2.5rem);border-radius:4px;opacity:.1;background-color:#e6b24c24;box-shadow:0 0 6px #e6b24c33;animation:pulseFadeClean 1.4s ease-out forwards;will-change:opacity,transform;pointer-events:none;z-index:-1}.pulse-layer-2{background-color:#d97a6624;box-shadow:0 0 6px #d97a6633}.pulse-layer-3{background-color:#78a6a324;box-shadow:0 0 6px #78a6a333}@keyframes pulseFadeClean{0%{opacity:0;transform:scale(1)}30%{opacity:.5;transform:scale(1.02)}60%{opacity:.3;transform:scale(1)}to{opacity:0;transform:scale(1)}}@media (max-width: 880px){:root{--grid-size: clamp(1.25rem, 5vw, 2.2rem)}.pulse-cell{border-radius:3px}}.geo{position:absolute;width:100px;height:100px;z-index:-1;pointer-events:none;fill:currentColor;will-change:transform,opacity;transform-origin:center;animation-fill-mode:both}.geo-wrapper{will-change:transform;animation-fill-mode:both;transform:translateZ(0);backface-visibility:hidden}.geo-sm{width:calc(var(--grid-size) * 1);height:calc(var(--grid-size) * 1)}.geo-md{width:calc(var(--grid-size) * 2);height:calc(var(--grid-size) * 2)}.geo-lg{width:calc(var(--grid-size) * 3);height:calc(var(--grid-size) * 3)}.rust{color:#d97a66}.teal{color:#78a6a3}.mustard{color:#e6b24c}.low{opacity:.04}.mid{opacity:.08}.high{opacity:.12}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.rotate-270{transform:rotate(270deg)}@keyframes driftX{0%,to{transform:translate(0)}50%{transform:translate(15px)}}@keyframes driftY{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes driftXY{0%,to{transform:translate(0)}50%{transform:translate(8px,-12px)}}.drift-x{animation:driftX 18s infinite ease-in-out alternate}.drift-y{animation:driftY 18s infinite ease-in-out alternate}.drift-xy{animation:driftXY 22s infinite ease-in-out alternate}.shape-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;overflow:hidden}.geo-wrapper.faded-in{opacity:1;transition:opacity .6s ease}.fade-out{opacity:0!important;transition:opacity .4s ease}body.resizing .geo-wrapper{transition:none!important;animation:none!important}@media (prefers-reduced-motion: reduce){.geo,.geo-wrapper{animation:none!important}}@media (max-width: 768px){.geo{transform:scale(.85)}.geo-lg{display:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.card-grid .feature-card{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) backwards}.card-grid .feature-card:nth-child(1){animation-delay:.05s}.card-grid .feature-card:nth-child(2){animation-delay:.1s}.card-grid .feature-card:nth-child(3){animation-delay:.15s}.card-grid .feature-card:nth-child(4){animation-delay:.2s}.card-grid .feature-card:nth-child(5){animation-delay:.25s}.card-grid .feature-card:nth-child(6){animation-delay:.3s}.card-grid .feature-card:nth-child(7){animation-delay:.35s}.card-grid .feature-card:nth-child(8){animation-delay:.4s}.btn{position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn:active:before{width:300px;height:300px}.feature-card{position:relative;will-change:transform}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:linear-gradient(135deg,#78a6a31a,#e6b24c0d);opacity:0;transition:opacity .4s ease;pointer-events:none}.feature-card:hover:before{opacity:1}body.dark-mode .feature-card:before{background:linear-gradient(135deg,#9bead914,#e6b24c0a)}.info-icon,.feature-icon{transition:transform .3s cubic-bezier(.16,1,.3,1);will-change:auto}.info-list-item:hover .info-icon,.info-feature:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.info-icon svg,.feature-icon svg{will-change:auto}.faq-chevron{will-change:transform}.gallery-nav{will-change:transform,opacity}.content-section{will-change:opacity}.hero-title{position:relative;cursor:default;transition:transform .3s ease}.hero-title:before{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:20px;background:radial-gradient(circle at center,rgba(120,166,163,.15) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none;filter:blur(20px)}.hero-title:hover:before{opacity:1}body.dark-mode .hero-title:before{background:radial-gradient(circle at center,rgba(155,234,217,.2) 0%,transparent 70%);filter:blur(30px)}.btn:focus-visible,.gallery-nav:focus-visible,.gallery-dot:focus-visible,.info-close:focus-visible,.faq-header:focus-visible{outline:2px solid #78A6A3;outline-offset:2px}body.dark-mode .btn:focus-visible,body.dark-mode .gallery-nav:focus-visible,body.dark-mode .gallery-dot:focus-visible,body.dark-mode .info-close:focus-visible,body.dark-mode .faq-header:focus-visible{outline-color:#9bead9}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.image-loading{background:linear-gradient(90deg,#1c2a440d,#1c2a441a,#1c2a440d);background-size:1000px 100%;animation:shimmer 2s infinite linear}body.dark-mode .image-loading{background:linear-gradient(90deg,#ffffff08,#ffffff0f,#ffffff08);background-size:1000px 100%}.app-icon-button,.consent-preferences-button,.theme-toggle{transition:all .2s cubic-bezier(.16,1,.3,1)}.app-icon-button:active,.consent-preferences-button:active,.theme-toggle:active{transform:scale(.95)}.site-nav a{position:relative}.site-nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:currentColor;transition:width .3s cubic-bezier(.16,1,.3,1)}.site-nav a:hover:after{width:100%}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.section-header{animation:fadeInScale .8s cubic-bezier(.16,1,.3,1) backwards}.info-section-overlay,.glass-sheet-overlay,.consent-modal-overlay{animation:fadeIn .3s cubic-bezier(.16,1,.3,1)}.btn:active{transform:translateY(1px)}.btn-primary:active{box-shadow:0 2px 8px #78a6a326}.btn-secondary:active{box-shadow:0 2px 8px #1c2a440a}.gallery-dot{will-change:transform,background}.gallery-dot.active{animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.7}}.theme-toggle:hover{box-shadow:0 0 0 4px #78a6a326}body.dark-mode .theme-toggle:hover{box-shadow:0 0 0 4px #9bead926}.footer-link-btn{position:relative}.footer-link-btn:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:1px;background:currentColor;transform:translate(-50%);transition:width .3s cubic-bezier(.16,1,.3,1)}.footer-link-btn:hover:after{width:100%}.app-preview-icon:hover .icon-hover-bloom{opacity:.6}body.dark-mode .app-preview-icon:hover .icon-hover-bloom{opacity:.4}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-title{animation:none!important;background:#1c2a44;-webkit-text-fill-color:#1C2A44}body.dark-mode .hero-title{background:#fefefe;-webkit-text-fill-color:#fefefe}.feature-card{animation:none!important}.card-grid .feature-card{animation:none!important;opacity:1!important;transform:none!important}}.route-loader{display:block;width:40px;height:40px;margin:4rem auto;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#007aff;animation:spin 1s ease-in-out infinite}body.dark-mode .route-loader{border-color:#ffffff1a;border-top-color:#0a84ff}@keyframes spin{to{transform:rotate(360deg)}}.app{padding:0;min-height:100vh;min-height:100dvh}section{background:none;box-shadow:none;border-radius:0;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}html{scroll-padding-top:100px}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:auto}.section-block{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1);will-change:opacity,transform}.section-block.section-block--in{opacity:1;transform:translateY(0)}.section-child{opacity:0;transform:translateY(12px);transition:opacity .5s ease-out,transform .5s ease-out;will-change:opacity,transform}.section-block--in .section-child{opacity:1;transform:translateY(0);transition-delay:calc(var(--index, 0) * 60ms)}.site-header{position:fixed;top:2rem;left:0;right:0;z-index:100;padding:0 2rem;margin:0 auto;max-width:1200px;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.site-header.nav-hidden{transform:translateY(-120%) scale(.95);opacity:0}.header-container{pointer-events:auto;background:#f7f3ebd9;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(28,42,68,.08);border-radius:20px;padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 16px #0000000a,0 8px 32px #00000005,inset 0 1px #ffffff80}.header-left{position:relative;min-width:120px;height:48px;display:flex;align-items:center;justify-content:flex-start;margin-right:1rem}.site-brand{font-family:"DM Serif Display",serif;font-size:1.15rem;font-weight:700;position:absolute;left:0;white-space:nowrap;opacity:0;transform:scale(.9);transition:opacity .3s ease,transform .3s ease;pointer-events:none;letter-spacing:-.02em;background:linear-gradient(135deg,#1c2a44,#78a6a3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.site-brand.visible{opacity:1;transform:scale(1)}.site-brand.hidden{opacity:0;transform:scale(.9)}.app-icon-button{width:0;height:48px;border-radius:50%;border:1px solid rgba(28,42,68,.12);background:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:0;transform:scale(.3);box-shadow:0 2px 8px #0000000a,inset 0 1px #ffffff80;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.app-icon-button.visible{width:48px;animation:iconAppear .6s cubic-bezier(.34,1.56,.64,1) forwards}.app-icon-button.hidden{width:0;animation:iconDisappear .4s cubic-bezier(.36,0,.66,-.56) forwards}.app-icon-button img{width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(.8);transition:opacity .3s ease .2s,transform .3s cubic-bezier(.34,1.56,.64,1) .2s}.app-icon-button.visible img{opacity:1;transform:scale(1)}.app-icon-button:hover{transform:scale(1.05);border-color:#78a6a34d}.app-icon-button:active{transform:scale(.98)}@keyframes iconAppear{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes iconDisappear{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}to{opacity:0;transform:scale(.3);pointer-events:none}}.site-nav{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;justify-content:center}.site-nav a{color:#1c2a44;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s ease;white-space:nowrap}.site-nav a:hover{color:#78a6a3}.hero-section{max-width:1200px;margin:0 auto;padding:9rem 2rem 3rem;text-align:center}.hero-kicker{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#78a6a326,#e6b24c26);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(120,166,163,.25);border-radius:24px;font-size:.85rem;font-weight:600;color:#1c2a44;margin-bottom:1.5rem;letter-spacing:.02em}.hero-title{font-family:"DM Serif Display",serif;font-size:clamp(2.5rem,6vw,4rem);line-height:1.1;color:#1c2a44;margin:0 auto .5rem;max-width:800px}.hero-subtitle{font-size:1.15rem;line-height:1.7;color:var(--color-muted);max-width:600px;margin:0 auto 2.5rem}.hero-main-cta-wrapper{display:flex;gap:2rem;justify-content:center;margin-top:2rem;width:100%}.button-link-pair{display:flex;flex-direction:row;align-items:center;gap:1rem}.hero-btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:16px;text-decoration:none;transition:all .25s cubic-bezier(.2,.8,.2,1);letter-spacing:.01em;min-width:200px;cursor:pointer;gap:.75rem;border:none;overflow:hidden;white-space:nowrap}.hero-btn .btn-text{display:inline-flex;align-items:center;max-width:300px;opacity:1;line-height:1;transition:max-width .4s cubic-bezier(.2,.8,.2,1),opacity .3s ease}.hero-btn-primary{background:linear-gradient(135deg,var(--color-teal, #78A6A3),#00A3D9);color:#fff;box-shadow:0 4px 16px #00bfa64d;border:1px solid transparent}.hero-btn-primary:hover{transform:translateY(-2px);filter:brightness(1.05)}.hero-btn-glass{background:#fff6;color:var(--color-text-primary, #1C2A44);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);box-shadow:0 8px 32px #1c2a4414,inset 0 1px #fff6}.hero-btn-glass:hover{transform:translateY(-2px);background:#ffffff80}.expandable-icon-link{display:inline-flex;align-items:center;padding:.625rem;border-radius:24px;background:#fff6;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .4s cubic-bezier(.2,.8,.2,1);text-decoration:none;color:var(--color-text-primary, #1C2A44);overflow:hidden;max-width:52px;height:52px;box-sizing:border-box;white-space:nowrap;position:relative;box-shadow:0 4px 12px #0000000d}.expandable-icon-link .link-icon-wrapper{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.expandable-icon-link .link-text{opacity:0;margin-left:1rem;font-weight:600;font-size:.9rem;transform:translate(10px);transition:opacity .3s ease .1s,transform .3s ease .1s}@media (hover: hover) and (min-width: 769px){.expandable-icon-link:hover{max-width:260px;background:#ffffffa6;border-color:var(--color-teal, #78A6A3);box-shadow:0 8px 24px #78a6a326;padding-right:1.5rem}.expandable-icon-link:hover .link-text{opacity:1;transform:translate(0)}.button-link-pair:has(.expandable-icon-link:hover) .hero-btn .btn-text{max-width:0;opacity:0;margin:0}.hero-main-cta-wrapper .button-link-pair:first-child{flex-direction:row-reverse}.hero-main-cta-wrapper .button-link-pair:first-child .expandable-icon-link{margin-right:1rem}.hero-main-cta-wrapper .button-link-pair:first-child .hero-btn{margin-left:0}}.content-section{max-width:1200px;margin:0 auto;padding:4rem 2rem;width:100%;box-sizing:border-box}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-family:"DM Serif Display",serif;font-size:clamp(2rem,4vw,2.75rem);color:#1c2a44;margin:0 0 1rem}.section-subtitle{font-size:1.1rem;color:#1c2a44bf;max-width:600px;margin:0 auto}.section-caption{font-size:.95rem;font-style:italic;color:#1c2a44b3;max-width:700px;margin:2rem auto 0;text-align:center}.card-grid{display:grid;gap:1.5rem;margin:2rem 0}.card-grid-2{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.card-grid-3{grid-template-columns:repeat(2,1fr);gap:1.5rem}.feature-card{background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(28,42,68,.08);border-radius:12px;padding:2rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #1c2a4414;border-color:#78a6a333}.card-icon{font-size:2.5rem;color:#78a6a3;margin-bottom:1rem;display:flex;align-items:center}.card-title{font-family:"DM Serif Display",serif;font-size:1.4rem;color:#1c2a44;margin:0 0 .75rem}.card-text{font-size:1rem;line-height:1.6;color:#1c2a44d9;margin:0}#use-cases .feature-card{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(120,166,163,.2);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #78a6a31a,0 8px 32px #78a6a30d,inset 0 1px #fffc}#use-cases .feature-card:hover{transform:translateY(-6px) scale(1.02);border-color:#78a6a366;background:linear-gradient(135deg,#fffffff2,#78a6a30d)}.card-grid-2.workflow-cards{display:grid;gap:1.5rem;margin:2rem 0}.workflow-cards .workflow-card{display:flex;align-items:flex-start;gap:1.25rem;position:relative}.workflow-icon-inline{width:48px;height:48px;min-width:48px;background:linear-gradient(135deg,#78a6a31a,#5a87840d);border:1px solid rgba(120,166,163,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#78a6a3;transition:all .3s ease;flex-shrink:0}.workflow-card:hover .workflow-icon-inline{background:linear-gradient(135deg,#78a6a333,#5a87841a);transform:scale(1.1) rotate(5deg)}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.collapsible-faq{background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(28,42,68,.08);border-radius:12px;overflow:hidden;transition:all .3s ease;position:relative}.collapsible-faq:hover{transform:translateY(-2px);border-color:#78a6a333}.collapsible-faq.open{background:#fffc;border-color:#78a6a34d}.faq-header{width:100%;background:none;border:none;padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left}.faq-question{font-weight:600;font-size:1.05rem;color:#1c2a44;margin:0;flex:1}.faq-chevron{font-size:1.25rem;color:#1c2a4480;transition:transform .3s}.collapsible-faq.open .faq-chevron{transform:rotate(180deg);color:#78a6a3}.faq-content{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s cubic-bezier(.16,1,.3,1),opacity .3s ease,padding .3s ease}.faq-content.expanded{max-height:1000px;opacity:1;padding:0 1.5rem 1.25rem}.support-cta-section{background:#ffffff80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(120,166,163,.15);border-radius:24px;margin:2rem;padding:4rem 2rem;box-shadow:0 8px 32px #78a6a314;position:relative;overflow:hidden}.support-cta-button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;background:linear-gradient(135deg,#78a6a3e6,#78a6a3);color:#fff;border-radius:14px;font-weight:600;text-decoration:none;transition:transform .3s,box-shadow .3s}.support-cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 24px #78a6a359}.scroll-to-top{position:fixed;z-index:100;width:var(--corner-button-size);height:var(--corner-button-size);border-radius:50%;background:#f7f3ebe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(28,42,68,.12);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--corner-transition);box-shadow:0 4px 16px #00000014}.scroll-to-top{bottom:calc(var(--corner-spacing) - var(--corner-offset));right:calc(var(--corner-spacing) + var(--corner-offset));color:#1c2a44;opacity:0;transform:translate3d(0,20px,0) scale(.8);pointer-events:none}.scroll-to-top.visible{opacity:1;transform:translateZ(0) scale(1);pointer-events:auto}.scroll-to-top:hover{transform:scale(1.1);box-shadow:0 6px 20px #0000001f}body.dark-mode .header-container{background:#111111d9;border-color:#ffffff1f}body.dark-mode .site-brand{background:linear-gradient(135deg,#fefefe,#9bead9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.dark-mode .site-nav a{color:#eee}body.dark-mode .site-nav a:hover{color:#9bead9}body.dark-mode .hero-btn-primary{color:#0f0f0f}body.dark-mode .hero-btn-glass{background:#1a1a1a99;border-color:#ffffff14;color:#fefefe}body.dark-mode .expandable-icon-link{background:#ffffff14;border-color:#ffffff1a;color:#fefefe}body.dark-mode .feature-card,body.dark-mode .collapsible-faq{background:#1a1a1ab5;border-color:#ffffff14}body.dark-mode .card-title,body.dark-mode .faq-question{color:#fefefe}body.dark-mode .card-text,body.dark-mode .faq-answer{color:#f0f0f0d9}body.dark-mode .card-icon{color:#9bead9}body.dark-mode .scroll-to-top{background:#161616e6;border-color:#ffffff1f;color:#eee}@media (min-width: 768px) and (max-width: 1024px){.card-grid-2.workflow-cards{grid-template-columns:repeat(2,1fr);gap:1.25rem}.content-section{padding:3.5rem 1.75rem}}@media (max-width: 768px){.site-header{padding:0 1rem;top:.5rem}.header-container{flex-direction:column;gap:1rem;margin-top:3rem;padding:1rem}.site-nav{display:none}.hero-section{margin-top:7.5rem;padding:1rem 1.5rem 2rem}.hero-main-cta-wrapper{flex-direction:column;align-items:center;gap:1.5rem;max-width:400px;margin-left:auto;margin-right:auto}.button-link-pair{width:100%;justify-content:center}.hero-btn{width:auto;flex:1}.card-grid-2:not(.workflow-cards),.card-grid-3{display:flex;flex-direction:column}.feature-card{padding:1.5rem}.scroll-to-top{bottom:calc(var(--corner-spacing-md) - var(--corner-offset));right:calc(var(--corner-spacing-md) + var(--corner-offset))}}@media (max-width: 480px){.header-container{flex-direction:row;justify-content:space-between;padding:.75rem}.header-left{min-width:auto;height:40px;margin:0}.hero-title{font-size:clamp(2rem,8vw,2.5rem)}.support-cta-section{padding:2.5rem 1rem}.workflow-cards .workflow-card{gap:1rem}.workflow-icon-inline{width:40px;height:40px;min-width:40px;font-size:1.25rem}}.top-card{justify-content:center}