.landing-root{font-family:var(--font-satoshi), -apple-system, BlinkMacSystemFont, sans-serif;-webkit-font-smoothing:antialiased;--l-primary:#4051b5;--l-secondary:#357ae9;--l-bg:#f3f4f7;--l-fg:#091125;--l-muted:#606876;--l-card-bg:#ffffffbf;--l-card-border:#d6dae0;--l-card-hover:#e5e7ebb3;--l-accent-soft:#4051b51a;--l-proof-surface:#f8fafc;--l-proof-ink:#0f172a;--l-proof-muted:#64748b;line-height:1.6;position:relative;overflow-x:hidden}.landing-root[data-theme=dark]{--l-primary:#7d8be8;--l-secondary:#689df3;--l-bg:#0f172a;--l-fg:#f8fafc;--l-muted:#94a3b8;--l-card-bg:#ffffff0a;--l-card-border:#ffffff1a;--l-card-hover:#ffffff12;--l-accent-soft:#7d8be824}.landing-root{background-color:var(--l-bg);background-image:radial-gradient(var(--l-dot,#3f51b512) 1px, transparent 1px);color:var(--l-fg);background-size:28px 28px;min-height:100vh}.landing-root h1,.landing-root h2,.landing-root h3{font-family:var(--font-cabinet-grotesk), sans-serif;letter-spacing:-.02em;font-weight:800;line-height:1.1}.landing-root .gradient-text{background:linear-gradient(135deg, var(--l-primary) 0%, var(--l-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-root .bg-blobs{z-index:0;pointer-events:none;width:100%;height:100vh;position:absolute;top:0;left:0;overflow:hidden}.landing-root .blob{filter:blur(100px);opacity:.2;border-radius:50%;animation:20s ease-in-out infinite alternate l-float;position:absolute}.landing-root .blob-1{background-color:var(--l-primary);width:600px;height:600px;top:-200px;left:-200px}.landing-root .blob-2{background-color:var(--l-secondary);width:500px;height:500px;animation-delay:-5s;top:20%;right:-100px}@keyframes l-float{0%{transform:translate(0)scale(1)}to{transform:translate(50px,50px)scale(1.1)}}.landing-root .l-container{z-index:1;max-width:1240px;margin:0 auto;padding:0 28px;position:relative}.landing-root .l-nav-bar{z-index:50;-webkit-backdrop-filter:blur(12px)saturate(140%);background:color-mix(in oklab, var(--l-bg) 80%, transparent);border-bottom:1px solid var(--l-card-border);width:100%;position:sticky;top:0}.landing-root .l-nav-inner{justify-content:space-between;align-items:center;gap:2rem;max-width:1240px;height:76px;margin:0 auto;padding:0 28px;display:flex}.landing-root .logo-container{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.landing-root .logo-mark-img{border-radius:13px;flex-shrink:0;width:56px;height:56px}.landing-root .logo-text{font-family:var(--font-cabinet-grotesk), sans-serif;letter-spacing:.08em;color:var(--l-fg);font-size:1.5rem;font-weight:800}.landing-root .l-nav-links{align-items:center;gap:0;display:flex}.landing-root .l-nav-links a{color:var(--l-muted);border-radius:6px;padding:6px 14px;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s}.landing-root .l-nav-links a:hover{color:var(--l-fg);background:var(--l-card-bg)}.landing-root .l-nav-cta{flex-shrink:0;align-items:center;gap:8px;display:flex}.landing-root .l-nav-theme{cursor:pointer;color:var(--l-muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:color .2s,background .2s;display:flex}.landing-root .l-nav-theme:hover{color:var(--l-fg);background:var(--l-card-bg)}.landing-root .l-btn-ghost{color:var(--l-fg);border-radius:999px;padding:7px 16px;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s}.landing-root .l-btn-ghost:hover{background:var(--l-card-bg)}.landing-root .l-btn-outline{color:var(--l-fg);border:1px solid var(--l-card-border);background:0 0;border-radius:999px;padding:7px 18px;font-size:.875rem;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s,color .2s}.landing-root .l-btn-outline:hover{border-color:var(--l-muted);background:var(--l-card-bg)}.landing-root .btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:.8rem 1.5rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.landing-root .btn-primary{background:linear-gradient(135deg, var(--l-primary), var(--l-secondary));color:#fff;box-shadow:0 10px 25px #3f51b540}.landing-root .btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 15px 35px #3f51b566}.landing-root .btn-outline{background:var(--l-card-bg);border:1px solid var(--l-card-border);color:var(--l-fg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-root .btn-outline:hover{background:var(--l-card-hover)}.landing-root .badge{background:var(--l-card-bg);border:1px solid var(--l-card-border);text-transform:uppercase;letter-spacing:2px;color:var(--l-muted);border-radius:100px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;display:inline-flex}.landing-root .badge-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite l-pulse}@keyframes l-pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.landing-root .hero-split{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:3rem;padding:4rem 0 5rem;display:grid}.landing-root .hero-copy{text-align:left}.landing-root .hero-copy h1{max-width:600px;margin-bottom:1.25rem;font-size:clamp(2.4rem,5vw,3.8rem)}.landing-root .hero-copy .sub{color:var(--l-muted);max-width:520px;margin-bottom:2rem;font-size:clamp(1rem,1.4vw,1.2rem)}.landing-root .hero-actions{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.landing-root .proof-row{flex-wrap:wrap;gap:1.25rem;display:flex}.landing-root .proof-row span{color:var(--l-muted);align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:inline-flex}.landing-root .proof-row span:before{content:"";background:var(--l-secondary);border-radius:50%;width:6px;height:6px}.landing-root .perspective-toggle{background:var(--l-card-bg);border:1px solid var(--l-card-border);border-radius:100px;gap:.25rem;margin-bottom:1.5rem;padding:.3rem;display:inline-flex}.landing-root .perspective-toggle button{color:var(--l-muted);cursor:pointer;background:0 0;border:none;border-radius:100px;padding:.55rem 1.4rem;font-size:.85rem;font-weight:700;transition:all .25s}.landing-root .perspective-toggle button[aria-selected=true]{background:linear-gradient(135deg, var(--l-primary), var(--l-secondary));color:#fff;box-shadow:0 4px 15px #3f51b559}.landing-root .product-frame{background:#e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -15px #0000008c,0 0 0 1px #ffffff0d}.landing-root .frame-chrome{background:#1e293b;border-bottom:1px solid #334155;align-items:center;padding:.7rem 1rem;display:flex}.landing-root .frame-dots{gap:8px;width:60px;display:flex}.landing-root .frame-dots i{border-radius:50%;width:12px;height:12px;display:block}.landing-root .frame-dots i:first-child{background:#ef4444}.landing-root .frame-dots i:nth-child(2){background:#eab308}.landing-root .frame-dots i:nth-child(3){background:#22c55e}.landing-root .frame-url{flex-grow:1;justify-content:center;display:flex}.landing-root .frame-url>span{color:#64748b;background:#0f172a;border:1px solid #334155;border-radius:6px;padding:.3rem 2rem;font-family:monospace;font-size:.75rem}.landing-root .frame-body{background:var(--l-proof-surface);position:relative}.landing-root .mk-scroll{scrollbar-width:thin;scrollbar-color:#3f51b566 transparent;height:520px;min-height:auto;display:block;overflow:hidden auto}.landing-root .mk-scroll::-webkit-scrollbar{width:6px}.landing-root .mk-scroll::-webkit-scrollbar-track{background:0 0}.landing-root .mk-scroll::-webkit-scrollbar-thumb{background-color:#3f51b566;border-radius:3px}.landing-root .proof-section .mk-scroll{height:480px}.landing-root .screenshot-preview{object-fit:cover;object-position:top center;border:none;border-radius:0 0 12px 12px;width:100%;height:auto;max-height:none;transition:opacity .3s;display:block}.landing-root[data-theme=dark] .light-only{display:none!important}.landing-root[data-theme=dark] .dark-only{display:block!important}.landing-root[data-theme=light] .dark-only{display:none!important}.landing-root[data-theme=light] .light-only{display:block!important}.landing-root .mk-frame{display:block}.landing-root .mk-frame.is-hidden{display:none!important}.landing-root .section-header{text-align:center;margin-bottom:4rem}.landing-root .section-header h2{margin-bottom:1rem;font-size:2.5rem}.landing-root .section-header p{color:var(--l-muted);max-width:600px;margin:0 auto}.landing-root .proof-section{padding:6rem 0}.landing-root .role-tabs{justify-content:center;gap:.5rem;margin:2rem 0 3rem;display:flex}.landing-root .role-tabs button{border:1px solid var(--l-card-border);background:var(--l-card-bg);color:var(--l-muted);cursor:pointer;border-radius:100px;padding:.7rem 1.6rem;font-size:.9rem;font-weight:700;transition:all .25s}.landing-root .role-tabs button[aria-selected=true]{background:linear-gradient(135deg, var(--l-primary), var(--l-secondary));color:#fff;border-color:#0000}.landing-root .role-panel{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:2.5rem;display:grid}.landing-root .role-panel.is-hidden{display:none!important}.landing-root .role-points{flex-direction:column;gap:1rem;list-style:none;display:flex}.landing-root .role-points li{color:var(--l-muted);gap:.75rem;font-size:1rem;line-height:1.5;display:flex}.landing-root .role-points li:before{content:"✓";color:var(--l-primary);flex-shrink:0;font-weight:800}.landing-root .role-strip{flex-wrap:wrap;gap:.5rem;margin:1.5rem 0;display:flex}.landing-root .role-strip span{color:var(--l-muted);border:1px solid var(--l-card-border);border-radius:100px;padding:.35rem .85rem;font-size:.75rem;font-weight:700}.landing-root .separation{padding:5rem 0}.landing-root .sep-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:3rem;display:grid}.landing-root .sep-grid h2{margin-bottom:1rem;font-size:2.2rem}.landing-root .sep-grid>div>p{color:var(--l-muted)}.landing-root .sep-points{flex-direction:column;gap:1rem;margin-top:1.5rem;list-style:none;display:flex}.landing-root .sep-points li{color:var(--l-muted);gap:.75rem;font-weight:600;display:flex}.landing-root .sep-points li:before{content:"→";color:var(--l-secondary);font-weight:800}.landing-root .sep-visual{flex-direction:column;gap:.75rem;display:flex}.landing-root .sep-lane{background:var(--l-card-bg);border:1px solid var(--l-card-border);border-radius:14px;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.landing-root .sep-lane .tag{text-transform:uppercase;letter-spacing:1px;background:var(--l-accent-soft);color:var(--l-secondary);border-radius:100px;flex-shrink:0;padding:.25rem .7rem;font-size:.7rem;font-weight:800}.landing-root .sep-lane .desc{color:var(--l-muted);font-size:.9rem}.landing-root .sep-lane b{color:var(--l-fg);font-size:.95rem;display:block}.landing-root .ecosystem{padding:5rem 0}.landing-root .eco-strip{flex-wrap:wrap;justify-content:center;gap:.75rem;max-width:880px;margin:2rem auto 0;display:flex}.landing-root .eco-strip span{color:var(--l-fg);background:var(--l-card-bg);border:1px solid var(--l-card-border);border-radius:100px;align-items:center;gap:.5rem;padding:.7rem 1.3rem;font-size:.9rem;font-weight:700;transition:border-color .25s,background .25s;display:inline-flex}.landing-root .eco-strip span:hover{background:var(--l-card-hover)}.landing-root .eco-strip span:before{content:"";background:linear-gradient(135deg, var(--l-primary), var(--l-secondary));border-radius:50%;width:7px;height:7px}.landing-root .field-section{text-align:center;background:#ffffff05;border-top:1px solid #ffffff0d;margin-top:2rem;padding:4rem 1.5rem}.landing-root .field-badge{background:var(--l-accent-soft);color:#8c52ff;border:1px solid #3f51b533;border-radius:20px;margin-bottom:1rem;padding:.25rem 1rem;font-weight:700;display:inline-block}.landing-root .field-checklist{flex-wrap:wrap;justify-content:center;gap:1.25rem;max-width:760px;margin:0 auto 3rem;padding:0;list-style:none;display:flex}.landing-root .field-checklist li{color:var(--l-muted);font-size:.9rem;font-weight:600}.landing-root .iphone-mockup{text-align:left;background:#1a202c;border-radius:40px;flex-direction:column;max-width:320px;height:650px;margin:0 auto;transition:box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px -15px #00000080,0 0 0 10px #0f172a,0 0 0 12px #ffffff1a}.landing-root[data-theme=light] .iphone-mockup{box-shadow:0 30px 60px -15px #00000026,0 0 0 10px #0f172a,0 0 0 12px #0000000d}.landing-root .iphone-notch{z-index:10;background:#0f172a;border-bottom-right-radius:18px;border-bottom-left-radius:18px;width:140px;height:28px;position:absolute;top:0;left:50%;transform:translate(-50%)}.landing-root .iphone-home-indicator{z-index:10;pointer-events:none;background:#ffffff40;border-radius:10px;width:110px;height:5px;transition:background .3s;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.landing-root[data-theme=light] .iphone-home-indicator{background:#0003}.landing-root .mobile-frame-body{scrollbar-width:none;background:#0f172a;border-radius:40px;flex-grow:1;padding-top:32px;padding-bottom:20px;transition:background .3s;position:relative;overflow:hidden auto}.landing-root .mobile-frame-body::-webkit-scrollbar{display:none}.landing-root[data-theme=light] .mobile-frame-body{background:#f8fafc}.landing-root .cta-section{text-align:center;padding:5rem 0}.landing-root .cta-section h2{margin-bottom:1rem;font-size:2.5rem}.landing-root .cta-section p{color:var(--l-muted);font-size:1.1rem}.landing-root .hero-cta{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.landing-root .theme-toggle{background:var(--l-card-bg);border:1px solid var(--l-card-border);width:38px;height:38px;color:var(--l-fg);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0;font-size:1.05rem;line-height:1;transition:background .25s,border-color .25s;display:inline-flex}.landing-root .theme-toggle:hover{background:var(--l-card-hover)}.landing-root footer{border-top:1px solid var(--l-card-border);text-align:center;padding:4rem 0}.landing-root .footer-logo{opacity:.5;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.landing-root .footer-logo .logo-mark{width:24px;height:24px;box-shadow:none;border-radius:6px;font-size:12px}.landing-root .footer-text{color:var(--l-muted);font-size:.85rem}.landing-root .footer-text a{color:var(--l-muted);text-decoration:underline}.landing-root .reveal{opacity:0;transition:all .8s cubic-bezier(.5,0,0,1);transform:translateY(30px)}.landing-root .reveal.active{opacity:1;transform:translateY(0)}@media (max-width:900px){.landing-root .hero-split{grid-template-columns:1fr;gap:2rem;padding-top:2rem}.landing-root .hero-copy{text-align:center}.landing-root .hero-copy h1,.landing-root .hero-copy .sub{margin-inline:auto}.landing-root .hero-actions,.landing-root .proof-row{justify-content:center}.landing-root .role-panel,.landing-root .sep-grid{grid-template-columns:1fr}}@media (max-width:768px){.landing-root .l-nav-links,.landing-root .l-btn-ghost{display:none}.landing-root .hero-cta{flex-direction:column;padding:0 2rem}}.landing-root{transition:background-color .4s,color .4s}.landing-root .l-nav-theme{transition:transform .3s cubic-bezier(.16,1,.3,1),color .2s,background .2s}.landing-root .l-nav-theme:active{transform:rotate(180deg)}.landing-root .reveal.stagger>*{opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(14px)}.landing-root .reveal.stagger.active>*{opacity:1;transform:none}.landing-root .reveal.stagger.active>:first-child{transition-delay:0s}.landing-root .reveal.stagger.active>:nth-child(2){transition-delay:70ms}.landing-root .reveal.stagger.active>:nth-child(3){transition-delay:.14s}.landing-root .reveal.stagger.active>:nth-child(4){transition-delay:.21s}.landing-root .reveal.stagger.active>:nth-child(5){transition-delay:.28s}.landing-root .reveal.stagger.active>:nth-child(6){transition-delay:.35s}.landing-root .reveal.stagger.active>:nth-child(7){transition-delay:.42s}.landing-root .reveal.stagger.active>:nth-child(8){transition-delay:.49s}@keyframes l-panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.landing-root .mk-frame:not(.is-hidden),.landing-root .role-panel:not(.is-hidden){animation:.3s cubic-bezier(.16,1,.3,1) l-panel-in}@keyframes l-drift{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.landing-root .cta-section{border-radius:24px;position:relative;overflow:hidden}.landing-root .cta-section:before{content:"";pointer-events:none;background:conic-gradient(#0000 0%,#4051b512 25%,#0000 50%,#357ae90d 75%,#0000 100%);animation:60s linear infinite l-drift;position:absolute;inset:-60%}.landing-root .cta-section>*{z-index:1;position:relative}.landing-root:after{content:"";z-index:2;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.landing-root .eco-strip span,.landing-root .role-strip span{cursor:default;transition:transform .2s,color .2s}.landing-root .eco-strip span:hover,.landing-root .role-strip span:hover{color:var(--l-fg);transform:translateY(-2px)}.landing-root .scroll-progress{background:linear-gradient(90deg, var(--l-primary), var(--l-secondary));transform-origin:0;z-index:60;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.landing-root .hero-split.reveal.stagger>.hero-copy{opacity:1;transition:none;transform:none}.landing-root .hero-split.reveal.stagger>.hero-copy>*{opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(14px)}.landing-root .hero-split.reveal.stagger.active>.hero-copy>*{opacity:1;transform:none}.landing-root .hero-split.reveal.stagger.active>.hero-copy>:first-child{transition-delay:0s}.landing-root .hero-split.reveal.stagger.active>.hero-copy>:nth-child(2){transition-delay:70ms}.landing-root .hero-split.reveal.stagger.active>.hero-copy>:nth-child(3){transition-delay:.14s}.landing-root .hero-split.reveal.stagger.active>.hero-copy>:nth-child(4){transition-delay:.21s}.landing-root .hero-split.reveal.stagger.active>.hero-copy>:nth-child(5){transition-delay:.28s}.landing-root .hero-split.reveal.stagger>.hero-product{transition-duration:.7s;transform:translateY(24px)}.landing-root .hero-split.reveal.stagger.active>.hero-product{transition-delay:.36s;transform:none}.landing-root .frame-url-live{display:inline-block;position:relative}.landing-root .frame-url-ghost{visibility:hidden}.landing-root .frame-url-typed{white-space:nowrap;position:absolute;inset:.3rem 2rem}.landing-root .frame-url-typed.is-typing:after{content:"";vertical-align:-.08em;background:#94a3b8;width:1px;height:.85em;margin-left:2px;animation:.9s step-end infinite l-caret;display:inline-block}@keyframes l-caret{50%{opacity:0}}.landing-root .product-frame{position:relative}.landing-root .frame-glow{opacity:0;pointer-events:none;z-index:4;background:radial-gradient(circle,#357ae92e 0%,#0000 70%);border-radius:50%;width:320px;height:320px;transition:opacity .4s;display:none;position:absolute;top:0;left:0;transform:translate(-160px,-160px)}@media (hover:hover) and (pointer:fine){.landing-root .frame-glow{display:block}.landing-root .hero-tilt{will-change:transform;transition:transform .45s cubic-bezier(.22,1,.36,1)}}.landing-root .frame-toast{z-index:5;pointer-events:none;background:#fff;border:1px solid #d6dae0;border-radius:12px;align-items:flex-start;gap:10px;max-width:250px;padding:10px 14px;animation:3.8s cubic-bezier(.16,1,.3,1) both l-toast-cycle;display:flex;position:absolute;bottom:14px;right:14px;box-shadow:0 14px 32px -14px #0f172a66}.landing-root[data-theme=dark] .frame-toast{background:#0f172a;border-color:#ffffff1f}.landing-root .frame-toast-dot{background:linear-gradient(135deg, var(--l-primary), var(--l-secondary));border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.landing-root .frame-toast-copy{flex-direction:column;gap:1px;display:flex}.landing-root .frame-toast-copy b{color:#0f172a;font-size:.8rem;font-weight:700;line-height:1.3}.landing-root[data-theme=dark] .frame-toast-copy b{color:#f8fafc}.landing-root .frame-toast-copy span{color:#64748b;font-size:.72rem;line-height:1.3}@keyframes l-toast-cycle{0%{opacity:0;transform:translate(18px)}9%{opacity:1;transform:none}88%{opacity:1;transform:none}to{opacity:0;transform:translate(18px)}}@media (prefers-reduced-motion:reduce){.landing-root{transition:none}.landing-root .reveal.stagger>*{opacity:1;transition:none;transform:none}.landing-root .mk-frame:not(.is-hidden),.landing-root .role-panel:not(.is-hidden),.landing-root .cta-section:before{animation:none}.landing-root .scroll-progress{display:none}.landing-root .eco-strip span,.landing-root .role-strip span{transition:none}.landing-root .hero-split.reveal.stagger>.hero-copy>*{opacity:1;transition:none;transform:none}.landing-root .hero-split.reveal.stagger>.hero-product{transition:none;transform:none}.landing-root .frame-url-typed.is-typing:after{content:none;animation:none}.landing-root .frame-toast{animation:none;display:none}.landing-root .hero-tilt{will-change:auto;transition:none}.landing-root .frame-glow{display:none}}