:root{--bg: #FFFFFF;--bg2: #F7F7F7;--bg3: #F0F0F0;--bg4: #E8E8E8;--border: #E4E4E4;--border2: #CECECE;--accent: #6C47FF;--accent2: #4F33CC;--accent3: #10b981;--accent4: #f59e0b;--text: #0A0A0A;--text2: #3D3D3D;--text3: #888888;--mono: "JetBrains Mono", monospace;--display: "Outfit", sans-serif;--body: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--body);overflow-x:hidden}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:var(--accent)}.section{padding:5rem 4rem}.section-label{font-family:var(--mono);font-size:.65rem;color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin-bottom:.75rem;display:flex;align-items:center;gap:.6rem}.section-label:before{content:"";display:block;width:24px;height:1px;background:var(--accent)}.section-title{font-family:var(--display);font-size:2.25rem;font-weight:800;line-height:1.15;letter-spacing:-.03em;margin-bottom:1rem;color:var(--text)}.section-desc{font-size:1rem;color:var(--text2);line-height:1.7;max-width:560px}.lifecycle{padding:2.5rem 4rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg2);overflow:hidden}.lifecycle-inner{display:flex;align-items:center;overflow-x:auto;scrollbar-width:none}.lifecycle-inner::-webkit-scrollbar{display:none}.lc-step{flex:1;min-width:120px;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem .5rem;position:relative;cursor:default}.lc-step:not(:last-child):after{content:"→";position:absolute;right:-10px;top:38%;color:var(--border2);font-size:1rem}.lc-icon{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;border:1px solid var(--border2);background:var(--bg);transition:all .25s}.lc-step:hover .lc-icon{border-color:var(--accent);background:#6c47ff0d}.lc-label{font-family:var(--mono);font-size:.62rem;color:var(--text2);letter-spacing:.08em;text-transform:uppercase;text-align:center}.lc-sub{font-size:.7rem;color:var(--text3);text-align:center}.lc-badge{font-family:var(--mono);font-size:.55rem;padding:.15rem .4rem;border-radius:2px;text-transform:uppercase;letter-spacing:.08em;background:#6c47ff12;color:var(--accent);border:1px solid rgba(108,71,255,.2)}footer{padding:2.5rem 4rem;border-top:1px solid var(--border);background:var(--bg2);display:flex;align-items:center;justify-content:space-between}.footer-logo{font-family:var(--mono);font-size:.8rem;color:var(--text3)}.footer-copy{font-family:var(--mono);font-size:.65rem;color:var(--text3)}.footer-tagline{font-size:.78rem;color:var(--text3);font-style:italic}@media (max-width: 900px){.section,.lifecycle{padding-left:1.5rem;padding-right:1.5rem}footer{flex-direction:column;gap:1rem;text-align:center}}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.1rem 4rem;background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.logo{font-family:var(--mono);font-size:.82rem;font-weight:700;color:var(--text);text-decoration:none;letter-spacing:-.01em;display:flex;align-items:center;gap:6px}.logo:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.logo span{color:var(--text3)}.nav-links{display:flex;gap:2.2rem;list-style:none}.nav-links a{font-family:var(--mono);font-size:.65rem;color:var(--text3);text-decoration:none;letter-spacing:.12em;text-transform:uppercase;transition:color .2s;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent);transition:width .2s ease}.nav-links a:hover{color:var(--text)}.nav-links a:hover:after{width:100%}.nav-links a.nav-simulr{color:var(--accent);border:1px solid rgba(108,71,255,.3);background:#6c47ff0f;padding:.25rem .65rem;border-radius:4px}.nav-links a.nav-simulr:hover{background:#6c47ff1f;color:var(--accent2)}.nav-links a.nav-simulr:after{display:none}@media (max-width: 900px){nav{padding:1rem 1.5rem}.nav-links{gap:1.2rem}}
