*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-top:80px;scroll-behavior:smooth;min-height:100vh;background:#fff}html[data-theme=dark]{background:#000}body{font-family:system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.6;color:#1f2937;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(to bottom, #EBEDFD, #FDFCF3 70%, #B5DAFF)}html[data-theme=dark] body{color:#e5e7eb;background:#000}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{margin-bottom:1rem}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}ul,ol{margin-left:1.5rem;margin-bottom:1rem}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media(min-width: 768px){.container{padding:0 2rem}}.container-narrow{max-width:800px;margin:0 auto;padding:0 1rem}.main{flex:1}.footer{background:#f3f4f6;padding:3rem 0 4rem;text-align:center}html[data-theme=dark] .footer{background:#000}.footer p{margin-bottom:.25rem}.footer p:last-child{margin-bottom:0}.grid{display:grid;gap:1.5rem}@media(min-width: 768px){.grid-2{grid-template-columns:repeat(2, 1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-between{justify-content:space-between}.flex-center{justify-content:center;align-items:center}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.mt-sm{margin-top:.5rem}.mt-md{margin-top:1rem}.mt-lg{margin-top:1.5rem}.mt-xl{margin-top:2rem}.mt-2xl{margin-top:3rem}.mb-sm{margin-bottom:.5rem}.mb-md{margin-bottom:1rem}.mb-lg{margin-bottom:1.5rem}.mb-xl{margin-bottom:2rem}.mb-2xl{margin-bottom:3rem}.text-muted{color:#6b7280}html[data-theme=dark] .text-muted{color:#9ca3af}.w-100{width:100%}.mx-auto{margin-left:auto;margin-right:auto}.d-none{display:none}@media(min-width: 640px){.d-sm-block{display:block}}@keyframes ripple-expand{to{transform:scale(4);opacity:0}}.btn{display:inline-block;padding:.5rem 1.5rem;font-size:1rem;font-weight:500;text-align:center;border:none;border-radius:6px;cursor:pointer;transition:all .2s;text-decoration:none;position:relative;overflow:hidden}.btn:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.btn .ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple-expand .55s linear;pointer-events:none;background:rgba(0,0,0,.2)}.btn-ghost .ripple{background:rgba(0,0,0,.07)}.btn-primary{background:linear-gradient(to bottom, #FF8000 0%, #764ba2 100%);color:#fff;z-index:0}.btn-primary::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom, #E07000 0%, #5d3a82 100%);opacity:0;transition:opacity .3s ease;z-index:-1}.btn-primary:hover::after{opacity:1}.btn-ghost{background:rgba(0,0,0,0);border:1px solid #e5e7eb;color:#1f2937}.btn-ghost:hover{background:#f3f4f6;border-color:#2563eb}html[data-theme=dark] .btn-ghost{border-color:#374151;color:#e5e7eb}html[data-theme=dark] .btn-ghost:hover{background:hsl(215,27.9069767442%,21.862745098%);border-color:#2563eb}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.08)}html[data-theme=dark] .card{background:#1f2937;border-color:#374151;box-shadow:0 1px 3px rgba(0,0,0,.3)}.badge{display:inline-block;padding:.25rem .5rem;font-size:.875rem;font-weight:500;border-radius:4px;background-color:#f3f4f6;color:#6b7280}html[data-theme=dark] .badge{background-color:#111827;color:#9ca3af}.badge-blue{background-color:rgb(223.8571428571,232.7142857143,252.1428571429);color:#1e40af}.theme-toggle{display:flex;align-items:center;gap:1rem;padding:1rem;background:hsla(0,0%,100%,.1);border-radius:8px;cursor:pointer;transition:all .2s;border:none;color:#fff;font-size:1rem;width:100%;justify-content:space-between}.theme-toggle:hover{background:hsla(0,0%,100%,.15)}.theme-toggle .theme-icon{font-size:1.5rem}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 1.5rem;background-color:rgba(0,0,0,0);box-shadow:none;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out;display:flex;align-items:center}.navbar.active{background-color:#111;box-shadow:0 2px 12px rgba(0,0,0,.4)}.navbar-logo{width:28px;height:28px;object-fit:contain;vertical-align:middle;margin-right:.4rem}.navbar-brand{display:inline-flex;align-items:center;font-size:1.5rem;font-weight:600;color:#fff;text-decoration:none;margin:0 auto}.navbar-brand:hover{text-decoration:none}.sidemenu .toggle{width:24px;height:18px;position:relative;padding:10px;transform:rotate(0deg);transition:.5s ease-in-out;cursor:pointer;z-index:2000}.sidemenu .toggle span{display:block;position:absolute;height:3px;width:24px;background:#fff;border-radius:1px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}.sidemenu .toggle span:nth-child(1){top:0px;width:85%}.sidemenu .toggle span:nth-child(2){top:8px}.sidemenu .toggle span:nth-child(3){top:16px;width:65%}.sidemenu .toggle.open span:nth-child(1){top:8px;width:28px;height:4px;transform:rotate(135deg)}.sidemenu .toggle.open span:nth-child(2){opacity:0;left:-60px}.sidemenu .toggle.open span:nth-child(3){top:8px;width:28px;height:4px;transform:rotate(-135deg)}.sidemenu-main{position:fixed;z-index:1000;top:0;left:0;height:100vh;width:100%;opacity:0;visibility:hidden;overflow:hidden;pointer-events:none;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}.sidemenu-open{overflow-y:hidden}.sidemenu-open .sidemenu-main{visibility:visible;opacity:1;pointer-events:auto}.sidemenu-left{z-index:1001;position:relative;height:100vh;width:100%;max-width:600px;padding:0 2rem;background:#09090f;overflow-y:auto;display:flex;flex-direction:column}.sidemenu-left ul{list-style:none;padding-top:8vh;margin-top:1rem;padding-bottom:3vh;flex-grow:1}.sidemenu-left ul li{padding:.5rem 0;margin:0}.sidemenu-left ul li h3{padding:0;margin:0;font-size:2rem}.sidemenu-left ul li h3 a{text-decoration:none;color:#fff;transition:opacity .2s}.sidemenu-left ul li h3 a:hover{opacity:.8}.sidemenu-footer{padding:2rem 0;display:flex;align-items:center;gap:1rem}.sidemenu-ring{width:48px;height:48px;object-fit:contain;opacity:.7}.sidemenu-footer-links{display:flex;flex-direction:column;gap:.25rem}.sidemenu-external-link{color:hsla(0,0%,100%,.6);font-size:.9rem;text-decoration:underline}.sidemenu-external-link:hover{color:#fff;text-decoration:underline}.sidemenu-footer-copy{color:hsla(0,0%,100%,.35);font-size:.8rem}.sidemenu-right{position:fixed;width:100%;height:100vh;right:0;top:0;background:rgba(0,0,0,.5);z-index:900}@media(max-width: 768px){.sidemenu-left{max-width:100%}.sidemenu-right{display:none}}@media(min-width: 769px){.sidemenu-left{max-width:40%}}.story-beats{display:flex;flex-direction:column;gap:4rem}.story-beat{display:grid;gap:2rem;align-items:center}@media(min-width: 768px){.story-beat{grid-template-columns:2fr 3fr}.story-beat:nth-child(even) .story-beat-image{order:2}.story-beat:nth-child(even) .story-beat-text{order:1}}.story-beat-image{mask-image:radial-gradient(ellipse 75% 75% at 50% 50%, black 40%, transparent 100%);-webkit-mask-image:radial-gradient(ellipse 75% 75% at 50% 50%, black 40%, transparent 100%)}.story-beat-image img{width:100%;max-height:300px;object-fit:contain;display:block;opacity:.85;margin:0 auto}.story-beat-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.story-beat-text p{font-size:1.125rem;line-height:1.7;margin:0}.hero-ring{width:170px;height:170px;object-fit:contain;margin-bottom:.5rem}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding-bottom:8vh}html[data-theme=dark] .hero{background:linear-gradient(to bottom, #0d1230, #060810)}.hero-title{font-size:3.5rem;font-weight:700;letter-spacing:-0.02em;margin-bottom:1rem;color:#fff}@media(max-width: 640px){.hero-title{font-size:2.5rem}}.hero-tagline{font-size:1.25rem;color:#6b7280;max-width:600px;margin:0 auto 2rem;line-height:1.5}html[data-theme=dark] .hero-tagline{color:#9ca3af}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.section{padding:4rem 0 7rem;background:#fafbff}html[data-theme=dark] .section{background:linear-gradient(to bottom, #0d1230, #060810)}section.section:nth-of-type(even){background:#eeeffe}html[data-theme=dark] section.section:nth-of-type(even){background:linear-gradient(to bottom, #1a1035, #060810)}.section-label{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#2563eb;margin-bottom:1rem}.section-title{font-size:2.75rem;font-weight:700;margin-bottom:1rem}.section-intro{font-size:1.125rem;color:#6b7280;max-width:640px;margin-bottom:2rem;line-height:1.7}html[data-theme=dark] .section-intro{color:#9ca3af}.system-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:2rem;margin-bottom:2rem}html[data-theme=dark] .system-card{background:hsla(0,0%,100%,.075);border-color:hsla(0,0%,100%,.08)}.screenshot-main{width:100%;max-height:320px;object-fit:cover;object-position:top;border-radius:8px;display:block;border:1px solid #e5e7eb;margin-bottom:.5rem;cursor:zoom-in}html[data-theme=dark] .screenshot-main{border-color:#374151}.screenshot-thumbs{display:flex;gap:.5rem;padding:6px}.screenshot-thumb{width:64px;height:48px;object-fit:cover;object-position:top;border-radius:4px;cursor:pointer;opacity:.6;transition:opacity .2s,outline-color .2s}.screenshot-thumb:hover{opacity:1}.screenshot-thumb.active{opacity:1;outline:3px solid #9d6bda;outline-offset:2px}.system-card-header{margin-bottom:1.5rem}.system-name{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.system-subtitle{color:#6b7280;font-size:1.125rem}html[data-theme=dark] .system-subtitle{color:#9ca3af}.system-card-body{display:grid;gap:2rem}@media(min-width: 768px){.system-card-body{grid-template-columns:2fr 3fr;align-items:start}}.system-description p{margin-bottom:1rem;line-height:1.7}.system-details h4{font-size:1rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}html[data-theme=dark] .system-details h4{color:#9ca3af}.system-details ul{list-style:none;margin-left:0;margin-bottom:1rem;padding:0}.system-details li{padding:.25rem 0;padding-left:1rem;position:relative;font-size:.875rem;color:#6b7280;border-bottom:1px solid #e5e7eb}.system-details li:last-child{border-bottom:none}.system-details li::before{content:"→";position:absolute;left:0;color:#2563eb}html[data-theme=dark] .system-details li{color:#9ca3af;border-bottom-color:#374151}.stack-ship{padding-top:4rem;margin-top:4rem;text-align:center}.stack-ship-img{width:500px;max-width:100%;mask-image:radial-gradient(ellipse 70% 70% at 50% 50%, black 40%, transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%, black 40%, transparent 100%);opacity:.9}.stack-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width: 640px){.stack-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.stack-grid{grid-template-columns:repeat(3, 1fr)}}.stack-item{background:#fff;border-radius:8px;padding:1rem;position:relative;display:block;border:1px solid rgba(0,0,0,0);text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}.stack-item[href]{cursor:pointer}.stack-item[href]::after{content:"↗";position:absolute;top:.5rem;right:.5rem;font-size:.875rem;color:#6b7280;opacity:.4;transition:opacity .2s}.stack-item[href]:hover{border-color:#e5e7eb;transform:translateY(-2px);text-decoration:none}.stack-item[href]:hover::after{opacity:1}html[data-theme=dark] .stack-item{background:hsla(0,0%,100%,.075)}html[data-theme=dark] .stack-item[href]:hover{border-color:hsla(0,0%,100%,.15)}html[data-theme=dark] .stack-item[href]::after{color:#9ca3af}.stack-item-icon{width:36px;height:36px;margin-bottom:.5rem;display:flex;align-items:center;justify-content:flex-start}.stack-item-icon--text{font-size:1.75rem;line-height:1}.stack-logo{width:32px;height:32px;object-fit:contain;filter:invert(1)}html[data-theme=dark] .stack-logo{filter:invert(1)}.stack-item-label{font-size:.875rem;font-weight:600;color:#2563eb;margin-bottom:.25rem}.stack-item-desc{font-size:.875rem;color:#6b7280;margin:0}html[data-theme=dark] .stack-item-desc{color:#9ca3af}.principles{display:grid;gap:1.5rem}@media(min-width: 768px){.principles{grid-template-columns:repeat(2, 1fr)}}.principle{padding:1.5rem;border-left:3px solid #4a2570}html[data-theme=dark] .principle{border-left-color:hsl(269.6,50.3355704698%,49.2156862745%)}.principle-number{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background-image:url("/images/habitualos_vortex2.png");background-size:cover;background-position:center;border-radius:50%;font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:0 1px 3px rgba(0,0,0,.4)}.principle-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.principle-body{font-size:.875rem;color:#6b7280;margin:0;line-height:1.6}html[data-theme=dark] .principle-body{color:#9ca3af}.writing-list{list-style:none;margin:0;padding:0}.writing-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid #e5e7eb}.writing-item:last-child{border-bottom:none}html[data-theme=dark] .writing-item{border-bottom-color:#374151}.writing-icon{width:28px;height:28px;flex-shrink:0;margin-top:2px}.writing-item a{font-size:1.125rem;font-weight:500}.writing-meta{font-size:.875rem;color:#6b7280;margin-top:.25rem;margin-bottom:0}html[data-theme=dark] .writing-meta{color:#9ca3af}.lightbox{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;cursor:zoom-out}.lightbox.open{opacity:1;visibility:visible}.lightbox-img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px;cursor:default}.lightbox-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:#fff;font-size:2.5rem;line-height:1;cursor:pointer;opacity:.6;padding:0}.lightbox-close:hover{opacity:1}/*# sourceMappingURL=main.css.map */