html{scroll-behavior:smooth}body{font-family:Geist,system-ui,sans-serif;background-color:#0c0c0c;color:#e8e4df;font-feature-settings:"kern" 1,"ss01" 1}.font-display{font-family:Geist,system-ui,sans-serif;font-feature-settings:"kern" 1,"ss01" 1;letter-spacing:-.01em}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0c0c0c}::-webkit-scrollbar-thumb{background:#1e1e22;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c2703e}.animate-on-scroll{opacity:0;transform:translateY(20px);filter:blur(4px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1),filter .7s cubic-bezier(.16,1,.3,1)}.header-glass{background:#0c0c0cb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.header-scrolled{background:#0c0c0ceb;border-bottom-color:#1e1e2280}.nav-link{position:relative;color:#8a8a8d;transition:color .3s cubic-bezier(.16,1,.3,1)}.nav-link:hover,.nav-link.active{color:#e8e4df}.nav-dropdown-wrap{position:relative}.nav-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);padding-top:12px;opacity:0;visibility:hidden;transition:opacity .25s cubic-bezier(.16,1,.3,1),visibility .25s}.nav-dropdown-inner{background:#141416;border:1px solid #2A2A2E;border-radius:14px;padding:14px;min-width:520px;box-shadow:0 24px 80px #0009,0 0 0 1px #ffffff0a}.nav-dropdown-wrap:hover .nav-dropdown{opacity:1;visibility:visible}.nav-dropdown-arrow{transition:transform .25s cubic-bezier(.16,1,.3,1)}.nav-dropdown-wrap:hover .nav-dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:500;color:#e8e4df;transition:background .2s,color .2s}.nav-dropdown-item:hover{background:#c2703e1f;color:#e8e4df}.nav-mega-dropdown{position:fixed;top:56px;left:50%;transform:translate(-50%);padding-top:16px;opacity:0;visibility:hidden;transition:opacity .25s cubic-bezier(.16,1,.3,1) .25s,visibility .25s .25s}.nav-dropdown-wrap:hover .nav-mega-dropdown,.nav-mega-dropdown:hover{opacity:1;visibility:visible;transition-delay:0s}.nav-mega-inner{background:#141416;border:1px solid #2A2A2E;border-radius:14px;padding:0;min-width:1080px;max-width:calc(100vw - 32px);box-shadow:0 24px 80px #0009,0 0 0 1px #ffffff0a;display:grid;grid-template-columns:1fr 280px;overflow:hidden}.nav-mega-left{padding:20px}.nav-mega-right{background:linear-gradient(135deg,#c2703e14,#c2703e05);border-left:1px solid #2A2A2E;padding:20px;display:flex;flex-direction:column;justify-content:center}.nav-mega-item{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:10px;transition:background .2s}.nav-mega-item:hover{background:#c2703e1a}.nav-mega-item .mega-icon{width:36px;height:36px;border-radius:8px;background:#c2703e1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-mega-item .mega-icon svg{width:18px;height:18px;color:#c2703e}.nav-mega-item .mega-title{font-size:14px;font-weight:600;color:#e8e4df;line-height:1.3}.nav-mega-item .mega-desc{font-size:13px;color:#8a8a8d;line-height:1.45;margin-top:3px}.nav-mega-stat{font-family:Geist,system-ui,sans-serif;font-size:32px;font-weight:700;color:#c2703e;line-height:1}.prose .callout{background:#141416;border:1px solid #2A2A2E;border-left:3px solid #C2703E;border-radius:12px;padding:20px 24px;margin:2em 0;color:#e8e4df}.prose .callout>.callout__title{font-family:Geist,system-ui,sans-serif;font-weight:600;font-size:1.05rem;color:#e8e4df;margin:0 0 .75em;letter-spacing:.01em}.prose .callout>:not(.callout__title):first-of-type,.prose .callout>.callout__title+*{margin-top:0}.prose .callout>:last-child{margin-bottom:0}.prose .callout ul,.prose .callout ol{margin:.5em 0;padding-left:1.25em}.prose .callout li{color:#c7c3be;margin:.35em 0}.prose .callout li::marker{color:#c2703e}.prose .callout p{color:#c7c3be;margin:.5em 0}.prose .callout--note,.prose .callout--info{border-left-color:#6b8afd}.prose .callout--warning,.prose .callout--caution{border-left-color:#e0b341}.prose .callout--danger{border-left-color:#e06060}.hamburger-open .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-open .hamburger-line:nth-child(2){opacity:0}.hamburger-open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.animate-on-scroll.visible{opacity:1;transform:translateY(0);filter:blur(0)}.stagger-children .animate-on-scroll:nth-child(1){transition-delay:0ms}.stagger-children .animate-on-scroll:nth-child(2){transition-delay:.1s}.stagger-children .animate-on-scroll:nth-child(3){transition-delay:.2s}.stagger-children .animate-on-scroll:nth-child(4){transition-delay:.3s}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#1e1e22;transform:translate(-50%)}.timeline-progress{position:absolute;left:50%;top:0;width:2px;height:0%;background:linear-gradient(180deg,#c2703e,#d4845a);transform:translate(-50%);transition:height .1s linear}.timeline-dot{width:16px;height:16px;border-radius:50%;background:#1e1e22;border:2px solid #2A2A2E;position:absolute;left:50%;transform:translate(-50%);z-index:2;transition:background .4s,border-color .4s,box-shadow .4s}.timeline-dot.active{background:#c2703e;border-color:#c2703e;box-shadow:0 0 20px #c2703e66}.timeline-step{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.timeline-step.visible{opacity:1;transform:translateY(0)}.timeline-screenshot{border-radius:12px;box-shadow:0 24px 60px -12px #0006,0 0 0 1px #ffffff0f;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}.timeline-screenshot:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 32px 80px -16px #c2703e26,0 0 0 1px #c2703e1a}.outcome-card{background:linear-gradient(135deg,#c2703e0f,#c2703e05);border:1px solid rgba(194,112,62,.12);transition:border-color .3s,transform .3s cubic-bezier(.16,1,.3,1)}.outcome-card:hover{border-color:#c2703e4d;transform:translateY(-2px)}.card-interactive{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-color .3s ease}.card-interactive:hover{transform:translateY(-2px);box-shadow:0 24px 48px -12px #c2703e14}
