@import"https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap";:root{--brand-neutral-900: #050506;--brand-neutral-800: #1f1f22;--brand-neutral-700: #444444;--brand-neutral-400: #a19caa;--brand-neutral-300: #c9c4cc;--brand-neutral-100: #eeebed;--brand-neutral-50: #f6f5f5;--brand-neutral-25: #fafafa;--brand-primary-500: #963bf7;--brand-primary-400: #a855f7;--brand-primary-25: #f9f5fe;--brand-border-color: var(--brand-neutral-300);--color-surface-page: var(--brand-neutral-50);--color-surface-primary: var(--brand-neutral-25);--color-surface-footer: var(--brand-neutral-900);--color-surface-action: var(--brand-primary-500);--color-text-heading: var(--brand-neutral-900);--color-text-body: var(--brand-neutral-700);--color-text-on-action: var(--brand-primary-25);--color-text-disabled: var(--brand-neutral-400);--color-text-action: var(--brand-primary-500);--nav-height: 80px;--sidebar-width-expanded: 240px;--sidebar-width-collapsed: 80px;--sidebar-width: var(--sidebar-width-expanded);--page-padding: 4rem;--color-action-bg: var(--brand-primary-500);--color-border-primary: var(--brand-border-color);--font-family: "Google Sans", Google Sans, system-ui, -apple-system, sans-serif;--m3-shape-none: 0px;--m3-shape-extra-small: 4px;--m3-shape-small: 8px;--m3-shape-medium: 12px;--m3-shape-large: 16px;--m3-shape-extra-large: 28px;--m3-shape-full: 1000px;--radius-round: var(--m3-shape-full);--radius-card: var(--m3-shape-extra-large);--shadow-card: 0 4px 12px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .1);--shadow-button: 0 2px 4px rgba(0, 0, 0, .1), 0 4px 8px rgba(168, 85, 247, .2);font-family:var(--font-family);line-height:1.5;color:var(--color-text-body);-webkit-font-smoothing:antialiased}[data-theme=dark]{--color-surface-page: var(--brand-neutral-900);--color-surface-primary: var(--brand-neutral-800);--color-surface-footer: #0f0f11;--color-surface-action: var(--brand-primary-500);--color-text-heading: var(--brand-primary-25);--color-text-body: var(--brand-neutral-50);--color-text-on-action: var(--brand-primary-25);--color-text-disabled: var(--brand-neutral-400);--color-text-action: var(--brand-primary-400);--color-border-primary: var(--brand-neutral-700);--brand-neutral-25: var(--brand-neutral-800);--brand-neutral-100: var(--brand-neutral-700)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--color-surface-page);overflow-x:hidden;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.layout-horizontal{display:flex;flex:1}.sidebar{width:var(--sidebar-width);background:var(--color-surface-primary);border-right:1px solid var(--color-border-primary);display:flex;flex-direction:column;padding:1.5rem 0;position:fixed;left:0;top:0;height:100vh;z-index:100;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar.collapsed{--sidebar-width: var(--sidebar-width-collapsed)}.sidebar-brand{display:flex;align-items:center;gap:1rem;padding:0 1.5rem;margin-bottom:3rem;min-height:64px}.brand-text{display:flex;flex-direction:column;line-height:.85}.brand-the{font-size:.9rem;font-weight:400;color:var(--color-text-body);margin-bottom:0}.brand-main{font-size:1.6rem;font-weight:700;color:var(--color-text-heading);letter-spacing:-.04em}.sidebar.collapsed .sidebar-brand{justify-content:center;padding:.8rem 0;gap:0;min-height:auto}.sidebar.collapsed .brand-text{display:none}.sidebar-logo{width:32px;height:auto;flex-shrink:0}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;padding:0 .75rem}.nav-item{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;color:var(--color-text-body);text-decoration:none;border-radius:var(--m3-shape-small);transition:all .2s ease;white-space:nowrap}.nav-item:hover{background:#963bf714;color:var(--brand-primary-500)}.nav-item.active{background:var(--brand-primary-25);color:var(--brand-primary-500);font-weight:600}.nav-icon{display:flex;align-items:center;justify-content:center;width:24px;flex-shrink:0}.nav-item span:not(.material-symbols-rounded),.collapse-toggle span:not(.material-symbols-rounded){transition:opacity .2s ease}.sidebar.collapsed .nav-item span:not(.material-symbols-rounded),.sidebar.collapsed .collapse-toggle span:not(.material-symbols-rounded){opacity:0;width:0;overflow:hidden;margin:0}.sidebar.collapsed .nav-item,.sidebar.collapsed .collapse-toggle,.sidebar.collapsed .sidebar-brand{justify-content:center;padding:.8rem 0;gap:0;width:100%}.sidebar.collapsed .nav-icon{margin:0}.sidebar-footer{margin-top:auto;padding:1rem .75rem;border-top:1px solid var(--color-border-primary);display:flex;flex-direction:column;gap:.5rem}.collapse-toggle{background:none;border:none;cursor:pointer;width:100%;display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;color:var(--color-text-body);border-radius:var(--m3-shape-small);transition:all .2s ease;outline:none}.collapse-toggle:hover{background:#963bf714}.main-content{margin-left:var(--sidebar-width);transition:margin-left .3s cubic-bezier(.4,0,.2,1);width:calc(100% - var(--sidebar-width));min-height:100vh}.btn{padding:.75rem 2rem;border-radius:var(--radius-card);font-weight:600;cursor:pointer;border:none;font-size:.95rem;transition:all .2s ease;white-space:nowrap}.btn-purple{background:var(--brand-primary-500);color:#fff}.btn-orange{background:#f97316;color:#fff}.btn-green{background:#22c55e;color:#fff}.btn-yellow{background:#eab308;color:var(--brand-neutral-900)}.btn-red{background:#ef4444;color:#fff}.btn:hover{opacity:.9;transform:translateY(-1px)}button.community-btn{background:var(--color-action-bg);color:var(--color-text-on-action);border:none;padding:.6rem 2rem;border-radius:var(--radius-card);font-weight:600;cursor:pointer;white-space:nowrap}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-align:center;max-width:1200px;margin:-5vh auto 0}h1.hero-title{font-size:8rem;line-height:.9;font-weight:700;letter-spacing:-.04em;margin-bottom:2rem;color:var(--color-text-heading)}.subtitle{font-size:1.25rem;color:var(--color-text-body);max-width:800px;margin:0 auto 1rem;line-height:1.5;opacity:.95}.hero-actions{position:relative;display:inline-flex;justify-content:center;margin-top:1rem}.btn-get-started{position:relative;background:#fff3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#050506;border:1px solid #F9814B;padding:1.25rem 4.5rem;border-radius:28px;font-size:1.25rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #0000000d;overflow:visible}.btn-get-started:before{content:"";position:absolute;inset:-1px;background:linear-gradient(90deg,#f7621e,#fa803e 15%,#c08afa 62%);border-radius:28px;z-index:-1;transition:opacity .3s ease}.btn-get-started:hover:before{opacity:.9}.btn-get-started:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 15px 40px #0000001a}.reference-gallery{padding:4rem 4rem 8rem;max-width:1400px;margin:0 auto;border-top:1px solid var(--color-border-primary);text-align:left}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:var(--color-text-heading)}.gallery-group{margin-bottom:4rem}.gallery-group h3{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--color-text-heading);opacity:.6;text-transform:uppercase;letter-spacing:.05em}.button-stack{display:flex;flex-wrap:wrap;gap:1rem}.card-reference{max-width:500px}.features-grid{min-height:auto;display:grid;grid-template-columns:1fr 2fr;align-content:center;gap:2.5rem;padding:1rem 4rem 8rem;max-width:1200px;margin:0 auto}.card{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-card);padding:3rem 2.5rem;box-shadow:var(--shadow-card);display:flex;flex-direction:column;justify-content:flex-start}.card h3{font-size:2rem;margin:0 0 1rem;color:var(--color-text-heading);line-height:1.2}.card p{font-size:1.15rem;color:var(--color-text-body);line-height:1.5;margin:0}.card-mission h3{font-size:2rem;margin:0;color:var(--color-text-heading)}.card-topic h3{font-size:2.5rem;margin-bottom:1.5rem;line-height:1.1;color:var(--color-text-heading)}.card-topic p{color:var(--color-text-body);font-size:1rem}.productivity{padding:12rem 2rem 8rem;text-align:center;max-width:1200px;margin:0 auto}.productivity h2{font-size:4rem;line-height:1.1;letter-spacing:-.03em;max-width:900px;margin:0 auto 1.5rem;color:var(--color-text-heading)}.harmony-intro{font-size:1.5rem;color:var(--color-text-body);max-width:700px;margin:0 auto 4rem;opacity:.9}.harmony-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;margin-bottom:4rem}.harmony-card.ai,.harmony-card.human{grid-column:span 6}.harmony-card{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-card);padding:3rem;text-align:left;transition:all .3s ease;height:100%}.harmony-card:hover{transform:translateY(-5px);border-color:var(--brand-primary-500)}.harmony-icon{width:48px;height:48px;background:var(--brand-primary-25);color:var(--brand-primary-500);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.harmony-card h4{font-size:1.5rem;font-weight:700;margin:0 0 1rem;color:var(--color-text-heading)}.harmony-card p{font-size:1.1rem;color:var(--color-text-body);line-height:1.6}.harmony-result{grid-column:span 12;padding:3rem;background:linear-gradient(90deg,#963bf70d,#f9814b0d);border-radius:var(--radius-card);border:1px solid rgba(150,59,247,.1);text-align:center}.harmony-result p{font-size:1.25rem;line-height:1.6;color:var(--color-text-body);margin:0 auto;max-width:800px}.harmony-result strong{color:var(--brand-primary-500)}@media(max-width:992px){.harmony-card.ai,.harmony-card.human{grid-column:span 12}}@media(max-width:768px){.harmony-grid{grid-template-columns:1fr;gap:1.5rem}.productivity h2{font-size:2.5rem}.harmony-card,.harmony-result{padding:2rem 1.5rem}}.footer{background:var(--color-surface-footer);color:var(--brand-neutral-100);padding:6rem var(--page-padding) 3rem;margin-top:8rem;border-top:1px solid rgba(255,255,255,.1)}.footer-content{max-width:1200px;margin:0 auto;padding-left:calc(var(--sidebar-width) + 4rem);padding-right:2rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;margin-bottom:4rem}.footer-col{display:flex;flex-direction:column;gap:.8rem}.footer-col h4{color:#fff;font-size:1.1rem;margin:0 0 .5rem;font-weight:600}.footer-col a{color:var(--brand-neutral-300);text-decoration:none;font-size:.95rem;transition:color .2s}.footer-col a:hover{color:#fff}.footer-brand{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.footer-logo{height:40px;width:auto}.footer-desc{max-width:350px;opacity:.9;line-height:1.6;font-size:.95rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem;text-align:center;color:var(--brand-neutral-300);opacity:.8;font-size:.85rem}@media(max-width:1024px){h1.hero-title{font-size:5rem}.features-grid{grid-template-columns:1fr;padding:1rem 2rem 4rem}.footer-grid{grid-template-columns:1fr 1fr;gap:3rem}}@media(max-width:768px){.sidebar{width:94%;height:64px;left:50%;top:1rem;bottom:auto;transform:translate(-50%);display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 1.25rem;border-radius:32px;background:var(--color-surface-primary);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.08);box-shadow:0 12px 40px #0000001f}.sidebar-brand{display:flex!important;justify-content:flex-start;padding:0;width:auto;min-height:auto;margin:0}.brand-text,.collapse-toggle:last-child{display:none!important}.sidebar-logo{width:32px;height:auto}.sidebar-nav{flex-direction:row;gap:.5rem;padding:0;margin:0;justify-content:center;align-items:center;height:100%}.nav-item{padding:0;width:48px;height:48px;display:flex;justify-content:center;align-items:center;border-radius:14px;transition:background .2s ease}.nav-item.active{background:var(--brand-primary-25);height:48px}.nav-item span:not(.material-symbols-rounded),.collapse-toggle span:not(.material-symbols-rounded){display:none!important}.sidebar-footer{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:0;width:auto;margin:0;border:none}.sidebar-footer .collapse-toggle{padding:0;width:48px;height:48px;justify-content:center;align-items:center;border-radius:14px}.main-content{margin-left:0;padding:1rem;width:100%}h1.hero-title{font-size:3.2rem;margin-top:1rem;margin-bottom:1.5rem}.subtitle{font-size:1.1rem;padding:0 1rem}.hero{min-height:80vh;padding-top:8rem;padding-bottom:2rem}.hero-actions{width:100%;display:flex;justify-content:center}.btn-get-started{padding:1rem 2rem;font-size:1.1rem;width:85%;min-height:64px;text-align:center}.productivity{padding:4rem 1.5rem}.productivity h2{font-size:2.2rem}.harmony-grid{grid-template-columns:1fr;gap:1.5rem}.harmony-card.ai,.harmony-card.human,.harmony-result{grid-column:span 12;padding:2.5rem 1.5rem}.features-grid{grid-template-columns:1fr;gap:1.5rem;padding:2rem 1rem}.footer{margin-top:4rem;padding:4rem 1.5rem}.footer-content{padding-left:0;padding-right:0}.footer-grid{grid-template-columns:1fr;gap:2.5rem}}