:root{--color-bg:#07080c;--color-bg-2:#0c0e14;--color-panel:hsla(0,0%,100%,.04);--color-panel-2:hsla(0,0%,100%,.06);--color-border:hsla(0,0%,100%,.08);--color-border-2:hsla(0,0%,100%,.14);--color-text-primary:#e9ebf0;--color-text-secondary:#aab1bc;--color-text-muted:#6b7382;--color-accent-orange:#ff5b3a;--color-accent-pink:#ff2e63;--color-accent-magenta:#c724b1;--color-green:#3ee08f;--color-blue:#4a9eff;--color-amber:#ffaa3a;--color-purple:#a78bfa;--color-role-you:#4a9eff;--color-role-product:#ff2e63;--color-role-rnd:#9333ea;--color-role-planner:#ffaa3a;--color-role-developer:#a78bfa;--color-role-qa:#3ee08f;--color-role-devops:#ffaa3a;--color-role-e2e:#0ea5e9;--color-role-chronicler:#475569;--color-role-ready:#3ee08f;--gradient-brand:linear-gradient(90deg,#c724b1,#ff2e63,#ff5b3a);--gradient-button:linear-gradient(135deg,#c724b1,#ff2e63,#ff5b3a);--gradient-logo-mark:conic-gradient(from 200deg,#c724b1,#ff2e63,#ff5b3a,#c724b1);--font-primary:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--container-max:1300px;--container-padding:28px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px;--focus-outline-width:2px;--focus-outline-offset:2px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-attachment:fixed;background-color:var(--color-bg);background-image:radial-gradient(1000px 500px at 50% -8%,rgba(199,36,177,.1),transparent 60%),radial-gradient(700px 400px at 5% 10%,rgba(255,46,99,.07),transparent 60%);color:var(--color-text-primary);font-family:var(--font-primary);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{display:block;height:auto;max-width:100%}button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit}ol,ul{list-style:none}:focus-visible{outline:var(--focus-outline-width) solid var(--color-blue);outline-offset:var(--focus-outline-offset)}.container{margin:0 auto;max-width:var(--container-max);padding:0 var(--container-padding);width:100%}.section{padding:96px 0}.page-enter-active,.page-leave-active{transition:all .4s}.page-enter-from,.page-leave-to{filter:blur(1rem);opacity:0}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:700;line-height:1.2}h1{font-size:58px;font-weight:700;letter-spacing:-.028em;line-height:1.08}h2{font-size:40px;letter-spacing:-.02em;line-height:1.15}h1 em,h2 em{background:var(--gradient-brand);-webkit-background-clip:text;font-style:normal;-webkit-text-fill-color:transparent;background-clip:text}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:1rem}.eyebrow{color:var(--color-accent-pink);font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.text-gradient{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-center{text-align:center}.text-mono{font-family:var(--font-mono)}@media(max-width:680px){h1{font-size:38px}h2{font-size:30px}}@media(prefers-reduced-motion:reduce){.how__rot-track{animation:none!important}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:.01ms!important}}.btn{align-items:center;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.btn--primary{background:var(--gradient-button);color:#fff}.btn--primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn--ghost{background:transparent;border-color:var(--color-border-2);color:var(--color-text-primary)}.btn--ghost:hover{background:var(--color-panel);border-color:#ffffff38}.btn--blue{background:var(--color-blue);color:var(--color-bg)}.btn--blue:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn--sm{font-size:13px;padding:8px 16px}.btn--lg{font-size:16px;padding:14px 28px}.btn--loading{pointer-events:none;position:relative}.btn--loading:after{animation:spin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:currentcolor;content:"";height:16px;position:absolute;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.btn--disabled{cursor:not-allowed;opacity:.5}@media(max-width:680px){.btn--lg{line-height:1.35;text-align:center;white-space:normal}}