:root{--font-sans:var(--font-geist-sans),"Geist",sans-serif;--font-serif:var(--font-sans);--font-mono:var(--font-geist-mono),"Geist Mono",monospace;--pinuu-primary:#6366F1;--pinuu-primary-hover:#4F46E5;--pinuu-secondary:#06B6D4;--pinuu-secondary-hover:#0891B2;--pinuu-cyan:#38BDF8;--pinuu-iris:#6366F1;--pinuu-iris-hover:#4F46E5;--pinuu-accent:#6366F1;--pinuu-ink:#000000;--pinuu-canary:#6366F1;--pinuu-canary-hover:#4F46E5;--pinuu-coral:#38BDF8;--pinuu-coral-hover:#06B6D4;--pinuu-cobalt:#6366F1;--pinuu-cobalt-hover:#4F46E5;--pinuu-bg-canvas:#000000;--pinuu-bg-surface:#181818;--pinuu-bg-elevated:#1F1F1F;--pinuu-bg-hover:#272727;--pinuu-border:#272727;--pinuu-border-strong:#313131;--pinuu-border-active:rgba(99,102,241,0.6);--pinuu-text-primary:#FFFFFF;--pinuu-text-secondary:#9B9B9B;--pinuu-text-muted:#6B7280;--highlight-fill:rgba(99,102,241,0.22);--highlight-hover:rgba(99,102,241,0.36);--highlight-border:#6366F1;--pinuu-glow:0 4px 20px -2px rgba(99,102,241,0.35);--status-success:#34A853;--status-warning:#FBBC04;--status-danger:#F28B82;--ease-base:cubic-bezier(0.22,1,0.36,1);--duration-layout:500ms;--duration-hover:300ms;--duration-micro:120ms;--sidenote-canary:var(--pinuu-primary);--sidenote-canary-hover:var(--pinuu-primary-hover);--sidenote-cobalt:var(--pinuu-primary);--sidenote-cobalt-hover:var(--pinuu-primary-hover);--sidenote-ink:var(--pinuu-ink)}*{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;max-width:100%;overflow-x:hidden;background-color:var(--pinuu-bg-canvas);color:var(--pinuu-text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.heading-1{font-size:60px;line-height:60px;font-weight:600;text-wrap:balance;letter-spacing:-.03em}@media (max-width:768px){.heading-1{font-size:36px;line-height:40px}}.heading-2{font-size:48px;line-height:48px;font-weight:600;text-wrap:balance;letter-spacing:-.025em}@media (max-width:768px){.heading-2{font-size:30px;line-height:36px}}.heading-3{font-size:36px;line-height:40px;font-weight:600;text-wrap:balance;letter-spacing:-.02em}@media (max-width:768px){.heading-3{font-size:24px;line-height:32px}}.heading-4{font-size:30px;line-height:36px}.heading-4,.heading-5{font-weight:600;text-wrap:balance}.heading-5{font-size:24px;line-height:32px}.heading-6{font-weight:600;text-wrap:balance}.heading-6,.title-1{font-size:20px;line-height:28px}.title-1,.title-2{font-weight:500}.title-2{font-size:18px;line-height:28px}.title-3{font-size:16px;line-height:24px;font-weight:500}.title-4{font-size:14px;line-height:20px;font-weight:500}.title-5{font-size:12px;line-height:16px;font-weight:500}.body-1{font-weight:600}.body-1,.body-2{font-size:16px;line-height:24px;text-wrap:pretty}.body-2{font-weight:500}.body-3{font-size:16px;line-height:24px;font-weight:400;text-wrap:pretty}.body-4{font-weight:600}.body-4,.body-5{font-size:14px;line-height:20px;text-wrap:pretty}.body-5{font-weight:500}.body-6{font-size:14px;line-height:20px;font-weight:400;text-wrap:pretty}.button-lg{font-size:18px;line-height:28px}.button-lg,.button-md{font-weight:600;padding:8px 12px}.button-md{font-size:16px;line-height:24px}.button-sm{font-size:14px;line-height:20px;font-weight:600;padding:8px 12px}.button-xsm{font-size:12px;line-height:16px;font-weight:600;padding:4px 8px}.caption-1{font-weight:500}.caption-1,.caption-2{font-size:14px;line-height:20px}.caption-2{font-weight:400}.caption-3{font-weight:600}.caption-3,.caption-4{font-size:12px;line-height:16px}.caption-4{font-weight:500}.caption-5{font-size:12px;line-height:16px;font-weight:400}.hero-heading-gradient{background:linear-gradient(90deg,#FFFFFF 0,#9B9B9B);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.pinuu-navbar-wrapper{position:-webkit-sticky;position:sticky;top:16px;z-index:50;display:flex;justify-content:center;padding:0 16px;width:100%}.pinuu-navbar{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:rgba(24,24,24,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--pinuu-border);border-radius:9999px;width:100%;max-width:860px;transition:border-color var(--duration-hover) var(--ease-base)}.pinuu-logo-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--pinuu-text-primary);flex-shrink:0}.pinuu-nav-links{display:none;align-items:center;gap:16px}@media (min-width:768px){.pinuu-nav-links{display:flex}}.pinuu-nav-item{color:var(--pinuu-text-secondary);text-decoration:none;font-size:14px;line-height:20px;font-weight:500;transition:color var(--duration-hover) var(--ease-base);white-space:nowrap}.pinuu-nav-item:hover{color:var(--pinuu-text-primary)}.pinuu-nav-item-secondary{display:none}@media (min-width:640px){.pinuu-nav-item-secondary{display:inline-block}}.pinuu-nav-item-tablet{display:none}@media (min-width:480px){.pinuu-nav-item-tablet{display:inline-block}}.pinuu-nav-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--pinuu-primary);color:#FFFFFF;text-decoration:none;font-size:14px;line-height:20px;font-weight:600;padding:8px 12px;border-radius:9999px;border:1px solid rgba(99,102,241,.4);box-shadow:0 2px 8px rgba(99,102,241,.3);transition:transform var(--duration-micro) var(--ease-base),background-color var(--duration-hover) var(--ease-base);white-space:nowrap;flex-shrink:0}.pinuu-nav-cta:hover{background:var(--pinuu-primary-hover);transform:translateY(-1px)}.pinuu-nav-cta:active{transform:scale(.98)}.pinuu-nav-price{display:none;opacity:.85;font-weight:600;font-size:12px}@media (min-width:640px){.pinuu-nav-price{display:inline}}.pinuu-skip-link{position:absolute;top:-100px;left:16px;background:var(--pinuu-primary);color:#FFFFFF;font-size:14px;font-weight:600;padding:8px 12px;border-radius:8px;z-index:1000;transition:top .2s var(--ease-base);text-decoration:none}.pinuu-skip-link:focus{top:16px}.pinuu-hero-lang-bar{display:none}@media (min-width:640px){.pinuu-hero-lang-bar{display:inline-flex;align-items:center;justify-content:center;gap:6px;background-color:#181818;border:1px solid #272727;padding:4px 10px;border-radius:9999px;margin-bottom:20px;max-width:100%}}.pinuu-lang-dropdown-container{position:relative;display:inline-block}.pinuu-lang-trigger{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.05);border:1px solid var(--pinuu-border);color:var(--pinuu-text-secondary);font-family:var(--font-mono);font-size:12px;font-weight:600;padding:4px 8px;border-radius:9999px;cursor:pointer;transition:all var(--duration-hover) var(--ease-base)}.pinuu-lang-trigger:hover{background:rgba(255,255,255,.1);color:var(--pinuu-text-primary);border-color:rgba(255,255,255,.2)}.pinuu-lang-code{letter-spacing:.5px}.pinuu-lang-menu{position:absolute;top:calc(100% + 8px);right:0;background:#181818;border:1px solid var(--pinuu-border);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.5);padding:6px;min-width:140px;z-index:100;display:flex;flex-direction:column;gap:2px}.pinuu-lang-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 10px;background:transparent;border:none;border-radius:6px;color:var(--pinuu-text-secondary);font-size:13px;cursor:pointer;text-align:left;transition:all var(--duration-micro) var(--ease-base)}.pinuu-lang-option:hover{background:#272727;color:var(--pinuu-text-primary)}.pinuu-lang-option.active{background:rgba(99,102,241,.15);color:var(--pinuu-primary);font-weight:600}.pinuu-lang-option-code{font-family:var(--font-mono);font-size:10px;opacity:.7}.pinuu-mobile-header-actions{display:flex;align-items:center;gap:8px}@media (min-width:768px){.pinuu-mobile-header-actions{display:none}}.pinuu-mobile-menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;width:36px;height:36px;background:transparent;border:none;cursor:pointer;padding:0;gap:6px}@media (min-width:768px){.pinuu-mobile-menu-toggle{display:none}}.pinuu-hamburger-bar{width:18px;height:2px;background-color:#FFFFFF;border-radius:2px;transition:transform .3s var(--ease-base),opacity .3s var(--ease-base)}.pinuu-hamburger-bar-top.open{transform:translateY(4px) rotate(45deg)}.pinuu-hamburger-bar-bottom.open{transform:translateY(-4px) rotate(-45deg)}.pinuu-mobile-drawer{position:fixed;inset:0;z-index:999;background-color:rgba(24,24,24,.98);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;flex-direction:column;padding:24px 20px;overflow-y:auto}.pinuu-mobile-drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.pinuu-mobile-drawer-close{background:transparent;border:none;color:#FFFFFF;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.pinuu-mobile-drawer-links{display:flex;flex-direction:column;gap:20px}.pinuu-mobile-drawer-item{color:var(--pinuu-text-primary);text-decoration:none}.pinuu-mobile-drawer-item,.pinuu-mobile-lang-section{animation:pinuuLinkEntrance .4s var(--ease-base) backwards}.pinuu-mobile-lang-section{padding:16px 0;border-top:1px solid var(--pinuu-border);border-bottom:1px solid var(--pinuu-border);margin-top:8px}.pinuu-mobile-lang-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.pinuu-mobile-lang-chip{padding:8px 10px;background:#1F1F1F;border:1px solid var(--pinuu-border);border-radius:8px;color:var(--pinuu-text-secondary);font-size:13px;cursor:pointer;text-align:center;transition:all var(--duration-micro) var(--ease-base)}.pinuu-mobile-lang-chip:hover{background:#272727;color:var(--pinuu-text-primary)}.pinuu-mobile-lang-chip.active{background:var(--pinuu-primary);border-color:var(--pinuu-primary);color:#FFFFFF;font-weight:600}.pinuu-mobile-drawer-cta-wrap{margin-top:12px;animation:pinuuLinkEntrance .4s var(--ease-base) backwards}.pinuu-mobile-drawer-cta{display:flex;align-items:center;justify-content:center;background:var(--pinuu-primary);color:#FFFFFF;text-decoration:none;border-radius:8px;padding:8px 12px;font-weight:600;box-shadow:0 4px 16px rgba(99,102,241,.4)}@keyframes pinuuLinkEntrance{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.pinuu-page-container{max-width:1080px;margin:0 auto;padding:36px 16px 0;width:100%}@media (min-width:640px){.pinuu-page-container{padding:48px 20px 0}}@media (min-width:1024px){.pinuu-page-container{padding:64px 24px 0}}.pinuu-hero{max-width:760px;margin:0 auto 44px;text-align:center;width:100%}@media (min-width:768px){.pinuu-hero{margin:0 auto 64px}}.pinuu-hero-badge{display:inline-block;background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.35);color:var(--pinuu-primary);font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:999px;margin-bottom:18px;letter-spacing:.2px;max-width:90%;word-break:break-word}@media (min-width:640px){.pinuu-hero-badge{font-size:12px;padding:5px 14px;margin-bottom:20px}}.pinuu-hero-title{font-size:clamp(28px,6vw,54px);line-height:1.15;font-weight:700;letter-spacing:-.035em;color:var(--pinuu-text-primary);margin:0 0 16px;word-break:break-word}.pinuu-hero-desc{font-size:clamp(15px,3.5vw,19px);line-height:1.6;letter-spacing:-.01em;color:var(--pinuu-text-secondary);margin:0 auto 28px;max-width:640px}.pinuu-hero-actions{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}@media (min-width:520px){.pinuu-hero-actions{flex-direction:row;justify-content:center;gap:14px}}.pinuu-hero-actions .pinuu-btn-primary,.pinuu-hero-actions .pinuu-btn-secondary{width:100%;max-width:320px}@media (min-width:520px){.pinuu-hero-actions .pinuu-btn-primary,.pinuu-hero-actions .pinuu-btn-secondary{width:auto;max-width:none}}.pinuu-hero-trust{margin-top:20px;font-size:12px;color:var(--pinuu-text-muted);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 12px}@media (min-width:640px){.pinuu-hero-trust{font-size:13px;gap:10px 16px}}.pinuu-demo-card{background-color:var(--pinuu-bg-surface);border:1px solid var(--pinuu-border);border-radius:12px;overflow:hidden;margin-bottom:64px;box-shadow:0 16px 40px rgba(0,0,0,.4);width:100%}@media (min-width:768px){.pinuu-demo-card{margin-bottom:96px}}.pinuu-demo-header{display:flex;flex-direction:column;gap:12px;padding:12px 14px;border-bottom:1px solid var(--pinuu-border);background-color:rgba(9,13,21,.75);font-size:13px}@media (min-width:860px){.pinuu-demo-header{flex-direction:row;justify-content:space-between;align-items:center;padding:12px 20px}}.pinuu-demo-chrome-bar{display:flex;align-items:center;gap:10px}.pinuu-demo-url-box{display:inline-flex;align-items:center;gap:6px;color:var(--pinuu-text-secondary);font-size:11px;padding:4px 10px;background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:6px;font-family:var(--font-mono);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:480px){.pinuu-demo-url-box{max-width:280px}}@media (min-width:640px){.pinuu-demo-url-box{font-size:12px;max-width:340px}}.pinuu-demo-tabs{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;max-width:100%}.pinuu-demo-tabs::-webkit-scrollbar{display:none}.pinuu-demo-tab-btn{white-space:nowrap;flex-shrink:0}.pinuu-demo-body{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px;padding:20px 16px;align-items:start}@media (min-width:860px){.pinuu-demo-body{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:32px;padding:36px}}.pinuu-steps-grid{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}@media (min-width:640px){.pinuu-steps-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}}.pinuu-pricing-container{border:1px solid var(--pinuu-border-strong);background-color:var(--pinuu-bg-surface);border-radius:12px;padding:24px 16px;margin-bottom:64px;display:grid;grid-template-columns:1fr;grid-gap:32px;gap:32px;align-items:center}@media (min-width:860px){.pinuu-pricing-container{grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);gap:48px;padding:48px 40px;margin-bottom:80px}}.pinuu-pricing-features{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--pinuu-text-muted)}@media (min-width:540px){.pinuu-pricing-features{flex-direction:row;gap:20px}}.pinuu-alpha-container{max-width:760px;margin:24px auto;padding:0 16px;width:100%}@media (min-width:640px){.pinuu-alpha-container{margin:40px auto;padding:0 24px}}.pinuu-alpha-tabs{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px;background:#1A1C22;padding:6px;border-radius:12px;margin-bottom:24px;border:1px solid var(--pinuu-border)}@media (min-width:560px){.pinuu-alpha-tabs{grid-template-columns:repeat(3,1fr)}}.pinuu-alpha-card{background:#1A1C22;border:1px solid var(--pinuu-border);border-radius:16px;padding:20px 16px;margin-bottom:24px;box-shadow:0 10px 30px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:100%}@media (min-width:640px){.pinuu-alpha-card{padding:28px}}.pinuu-footer{border-top:1px solid var(--pinuu-border);padding:48px 24px 64px;margin-top:100px;background:rgba(17,19,27,.5)}.pinuu-footer-inner{max-width:1040px;margin:0 auto;gap:20px;text-align:center}.pinuu-footer-inner,.pinuu-footer-top{display:flex;flex-direction:column;align-items:center}.pinuu-footer-top{gap:16px;width:100%}@media (min-width:640px){.pinuu-footer-top{flex-direction:row;justify-content:space-between}}.pinuu-footer-brand{display:inline-flex;align-items:center;gap:8px;color:var(--pinuu-text-secondary);font-size:14px;font-weight:600}.pinuu-footer-lang-picker{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:6px}.pinuu-footer-lang-chips{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.pinuu-footer-lang-btn{background:transparent;border:1px solid var(--pinuu-border);border-radius:6px;padding:3px 8px;color:var(--pinuu-text-muted);font-size:11px;cursor:pointer;transition:all var(--duration-micro) var(--ease-base)}.pinuu-footer-lang-btn:hover{color:var(--pinuu-text-primary);border-color:rgba(255,255,255,.2)}.pinuu-footer-lang-btn.active{background:rgba(99,102,241,.15);border-color:var(--pinuu-primary);color:var(--pinuu-primary);font-weight:600}.pinuu-footer-links{display:flex;gap:24px;font-size:13px;flex-wrap:wrap;justify-content:center}.pinuu-footer-links a{color:var(--pinuu-text-muted);text-decoration:none;transition:color var(--duration-micro) ease}.pinuu-footer-links a:hover{color:var(--pinuu-primary)}.pinuu-footer-copyright{color:var(--pinuu-text-muted);font-size:12px}.pinuu-btn-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--pinuu-primary);color:#FFFFFF;font-weight:700;font-size:15px;padding:13px 26px;border-radius:8px;border:1px solid rgba(99,102,241,.4);box-shadow:var(--pinuu-glow);text-decoration:none;cursor:pointer;transition:transform var(--duration-micro) var(--ease-out),box-shadow var(--duration-micro) ease,background-color var(--duration-micro) ease}.pinuu-btn-primary:hover{background:var(--pinuu-primary-hover);box-shadow:0 6px 24px -2px rgba(99,102,241,.5);transform:translateY(-1px)}.pinuu-btn-primary:active{transform:scale(.97)}.pinuu-btn-secondary{display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);color:var(--pinuu-text-primary);font-weight:600;font-size:15px;padding:13px 24px;border-radius:8px;border:1px solid var(--pinuu-border);text-decoration:none;cursor:pointer;transition:background-color var(--duration-micro) ease,border-color var(--duration-micro) ease,transform var(--duration-micro) var(--ease-out)}.pinuu-btn-secondary:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.25);transform:translateY(-1px)}.pinuu-btn-secondary:active{transform:scale(.97)}.pinuu-brand-text{color:var(--pinuu-primary)}@media screen and (max-width:768px){input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{font-size:16px!important}}.pinuu-card-responsive{background:var(--pinuu-bg-surface);border:1px solid var(--pinuu-border);border-radius:16px;padding:20px 16px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.3);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}@media (min-width:640px){.pinuu-card-responsive{border-radius:20px;padding:32px 28px}}.pinuu-break-text{overflow-wrap:anywhere;word-break:break-word}.pinuu-feed-header{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:24px;width:100%}@media (min-width:540px){.pinuu-feed-header{flex-direction:row;justify-content:space-between;align-items:center}}.pinuu-feed-tabs{display:flex;align-items:center;background:rgba(255,255,255,.04);border:1px solid var(--pinuu-border);border-radius:999px;padding:4px;gap:4px;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.pinuu-feed-tab-btn{background:transparent;color:var(--pinuu-text-secondary);border:none;padding:6px 14px;border-radius:9999px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all var(--duration-micro) ease}.pinuu-feed-tab-btn.active{background:var(--pinuu-primary);color:#FFFFFF;box-shadow:0 2px 8px rgba(99,102,241,.35)}.pinuu-plan-selector{display:flex;flex-direction:column;background:#111215;border:1px solid var(--pinuu-border);border-radius:10px;padding:4px;gap:4px;margin-bottom:20px;width:100%}@media (min-width:440px){.pinuu-plan-selector{flex-direction:row;gap:0}}.pinuu-plan-btn{flex:1 1;background:transparent;color:var(--pinuu-text-secondary);border:none;border-radius:8px;padding:10px 8px;font-size:12px;font-weight:700;cursor:pointer;text-align:center;transition:all var(--duration-micro) ease;white-space:nowrap}.pinuu-plan-btn.active{background:var(--pinuu-primary);color:#FFFFFF;box-shadow:0 2px 8px rgba(99,102,241,.35)}.pinuu-profile-header-row{display:flex;flex-direction:column;gap:16px;margin-bottom:16px;width:100%}@media (min-width:520px){.pinuu-profile-header-row{flex-direction:row;align-items:flex-start;justify-content:space-between}}.pinuu-profile-stats{display:flex;flex-wrap:wrap;gap:12px 20px;font-size:13px;color:var(--pinuu-text-secondary)}.pinuu-touch-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}code,pre{overflow-wrap:anywhere;word-break:break-all}.pinuu-tagline-container{max-width:680px;margin:80px auto;padding:0 16px;text-align:center}@media (min-width:768px){.pinuu-tagline-container{margin:96px auto}}.pinuu-tagline-word{display:inline-block;color:#4A4A4A;transition:color var(--duration-hover) var(--ease-base);margin-right:.25em}.pinuu-tagline-word.active{color:#FFFFFF}@media (prefers-reduced-motion:reduce){.pinuu-tagline-word{color:#FFFFFF!important;transition:none!important}*,:after,:before{animation-iteration-count:1!important;transition-duration:var(--duration-micro)!important;transform:none!important;scroll-behavior:auto!important}}