@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a24;--bg-card: #15151f;--bg-card-hover: #1c1c28;--accent-primary: #00d4aa;--accent-secondary: #00b894;--accent-glow: rgba(0, 212, 170, .3);--accent-subtle: rgba(0, 212, 170, .1);--gold: #f4b942;--gold-glow: rgba(244, 185, 66, .3);--text-primary: #f0f0f5;--text-secondary: #9999aa;--text-muted: #666677;--border: rgba(255, 255, 255, .08);--border-accent: rgba(0, 212, 170, .3);--font-display: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(0,212,170,.08),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(0,212,170,.04),transparent),linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);pointer-events:none;z-index:-1}body:after{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}input,textarea{font-family:var(--font-body);outline:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--radius-md);font-weight:600;font-size:15px;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--bg-primary);box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--accent-glow)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-accent)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--accent-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent-primary);color:var(--bg-primary)}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;background:#0a0a0fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.navbar-inner{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px}.logo-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-md);color:var(--bg-primary)}.logo-icon svg{width:22px;height:22px}.logo-text{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text-primary)}.nav-links,.nav-portal{display:flex;align-items:center;gap:8px}.nav-link-note{color:#f59e0b!important}.nav-link-note:hover{color:#fbbf24!important;background:#f59e0b1a!important}.nav-link{padding:10px 16px;color:var(--text-secondary);font-weight:500;font-size:14px;border-radius:var(--radius-sm);transition:all .2s ease}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:var(--bg-tertiary)}.nav-link.active{color:var(--accent-primary)}@media(max-width:768px){.nav-links{display:none}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:80px 0 40px;margin-top:120px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px}.footer-logo{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:16px}.footer-logo .logo-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-sm);color:var(--bg-primary)}.footer-logo .logo-icon svg{width:18px;height:18px}.footer-tagline{color:var(--text-secondary);font-size:14px;max-width:280px}.footer-col h4{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}.footer-col a{display:block;color:var(--text-secondary);font-size:14px;padding:6px 0;transition:color .2s ease}.footer-col a:hover{color:var(--accent-primary)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:30px;border-top:1px solid var(--border)}.footer-bottom p{color:var(--text-muted);font-size:13px}.footer-social{display:flex;gap:16px}.footer-social a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all .2s ease}.footer-social a:hover{background:var(--accent-primary);color:var(--bg-primary)}.footer-social svg{width:18px;height:18px}@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.footer-brand{grid-column:1 / -1}.footer-bottom{flex-direction:column;gap:20px;text-align:center}}.hero{min-height:100vh;padding:160px 0 80px;display:flex;align-items:center}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--accent-subtle);border:1px solid var(--border-accent);border-radius:100px;font-size:13px;font-weight:500;color:var(--accent-primary);margin-bottom:24px}.badge-dot{width:8px;height:8px;background:var(--accent-primary);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-title{font-size:clamp(40px,5vw,64px);font-weight:800;line-height:1.1;margin-bottom:24px}.gradient-text{background:linear-gradient(135deg,var(--accent-primary),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:18px;color:var(--text-secondary);max-width:520px;margin-bottom:32px}.hero-cta{display:flex;gap:16px;flex-wrap:wrap}.btn-lg{padding:18px 32px;font-size:16px}.btn svg{width:18px;height:18px}.hero-visual{display:flex;justify-content:center}.dual-phones,.triple-phones{display:flex;gap:16px;align-items:flex-end;justify-content:center}.phone-mockup{width:200px;height:400px;background:var(--bg-secondary);border-radius:28px;padding:8px;border:2px solid var(--border);box-shadow:0 20px 60px #00000080,0 0 60px var(--accent-glow);position:relative;transition:transform .3s ease}.phone-mockup:hover{transform:translateY(-8px)}.phone-voice{border-color:var(--border-accent)}.phone-msg{border-color:#a855f766;box-shadow:0 20px 60px #00000080,0 0 60px #a855f726}.phone-note{border-color:#fbbf2466;box-shadow:0 20px 60px #00000080,0 0 60px #fbbf2426}.phone-label{position:absolute;bottom:-32px;left:50%;transform:translate(-50%);font-size:13px;font-weight:600;color:var(--accent-primary);white-space:nowrap}.phone-label-msg{color:#a855f7}.phone-label-note{color:#fbbf24}.phone-mockup:before{content:"";position:absolute;top:18px;left:50%;transform:translate(-50%);width:60px;height:20px;background:var(--bg-primary);border-radius:16px;z-index:10}.phone-screen{width:100%;height:100%;background:var(--bg-primary);border-radius:24px;overflow:hidden;display:flex;align-items:center;justify-content:center}.phone-screen-msg{background:linear-gradient(180deg,#0f0a1a,#1a0f24)}.call-ui{text-align:center;padding:30px 16px}.call-status{font-size:12px;color:var(--accent-primary);font-weight:500;margin-bottom:6px;animation:pulse 1.5s ease-in-out infinite}.call-number{font-family:var(--font-display);font-size:16px;font-weight:700;margin-bottom:16px}.call-extension{display:flex;flex-direction:column;gap:2px;background:var(--bg-secondary);padding:12px 16px;border-radius:var(--radius-md);margin-bottom:16px}.ext-label{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.ext-value{font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--accent-primary)}.call-user{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px;font-size:13px}.user-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;color:var(--bg-primary)}.call-actions{display:flex;justify-content:center;gap:24px}.call-btn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.call-btn svg{width:20px;height:20px}.call-btn.decline{background:#ff4757;color:#fff}.call-btn.accept{background:var(--accent-primary);color:var(--bg-primary)}.call-btn:hover{transform:scale(1.1)}.msg-ui{padding:24px 14px;height:100%;display:flex;flex-direction:column}.msg-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;margin-top:16px}.msg-icon{width:32px;height:32px;background:linear-gradient(135deg,#a855f7,#d946ef);border-radius:8px;display:flex;align-items:center;justify-content:center}.msg-icon svg{width:18px;height:18px;color:#fff}.msg-header span{font-size:14px;font-weight:600;color:#fff}.msg-secure{display:flex;align-items:center;justify-content:center;gap:6px;background:#a855f726;padding:6px 12px;border-radius:100px;margin-bottom:16px}.msg-secure svg{width:12px;height:12px;color:#a855f7}.msg-secure span{font-size:10px;color:#a855f7;font-weight:500}.msg-bubbles{flex:1;display:flex;flex-direction:column;gap:10px;justify-content:center}.msg-bubble{padding:10px 12px;border-radius:12px;max-width:85%;font-size:12px;position:relative}.msg-received{background:#ffffff1a;color:#fff;align-self:flex-start;border-bottom-left-radius:4px}.msg-sent{background:linear-gradient(135deg,#a855f7,#d946ef);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.msg-bubble span{display:block;margin-bottom:4px}.msg-timer{display:flex;align-items:center;gap:4px;font-size:9px;opacity:.7}.msg-timer svg{width:10px;height:10px}.msg-destruct{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-top:1px solid rgba(168,85,247,.2);margin-top:auto;font-size:10px;color:#a855f7cc}.msg-destruct svg{width:14px;height:14px}.phone-screen-note{background:linear-gradient(180deg,#1a1308,#1f1a0a)}.note-ui{padding:16px 12px;height:100%;display:flex;flex-direction:column}.note-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;margin-top:12px}.note-icon{width:28px;height:28px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:6px;display:flex;align-items:center;justify-content:center}.note-icon svg{width:16px;height:16px;color:#1a1308}.note-header span{font-size:13px;font-weight:600;color:#fff}.note-url{display:flex;align-items:center;justify-content:center;gap:6px;background:#fbbf2426;padding:5px 10px;border-radius:100px;margin-bottom:12px}.note-url svg{width:10px;height:10px;color:#fbbf24}.note-url span{font-size:9px;color:#fbbf24;font-weight:500;font-family:monospace}.note-content{flex:1;display:flex;flex-direction:column;gap:8px;justify-content:center}.note-text{background:#ffffff0d;border:1px solid rgba(251,191,36,.2);border-radius:8px;padding:10px;font-size:10px;color:#ffffffe6;line-height:1.4}.note-attachment{display:flex;align-items:center;gap:6px;background:#fbbf241a;border:1px dashed rgba(251,191,36,.3);border-radius:6px;padding:8px 10px;font-size:9px;color:#fbbf24}.note-attachment svg{width:12px;height:12px}.note-attachment .file-size{margin-left:auto;opacity:.7}.note-destruct{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-top:1px solid rgba(251,191,36,.2);margin-top:auto;font-size:9px;color:#fbbf24cc}.note-destruct svg{width:12px;height:12px}.products{padding:120px 0;background:var(--bg-secondary)}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto}.product-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px;transition:all .3s ease}.product-card:hover{border-color:var(--border-accent);transform:translateY(-4px)}.product-card-msg{border-color:#a855f74d;background:linear-gradient(180deg,var(--bg-card) 0%,rgba(168,85,247,.05) 100%)}.product-card-msg:hover{border-color:#a855f799}.product-card-note{border-color:#fbbf244d;background:linear-gradient(180deg,var(--bg-card) 0%,rgba(251,191,36,.05) 100%)}.product-card-note:hover{border-color:#fbbf2499}.product-icon{width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.product-icon svg{width:32px;height:32px}.product-icon-voice{background:var(--accent-subtle);color:var(--accent-primary)}.product-icon-msg{background:linear-gradient(135deg,#a855f733,#d946ef33);color:#a855f7}.product-icon-note{background:linear-gradient(135deg,#fbbf2433,#f59e0b33);color:#fbbf24}.product-badge{display:inline-block;padding:4px 12px;background:var(--accent-subtle);color:var(--accent-primary);font-size:12px;font-weight:600;border-radius:100px;margin-bottom:16px}.product-badge-msg{background:#a855f726;color:#a855f7}.product-badge-note{background:#fbbf2426;color:#fbbf24}.product-card h3{font-size:28px;margin-bottom:8px}.product-tagline{font-size:16px;color:var(--text-secondary);margin-bottom:24px}.product-features{list-style:none;margin-bottom:32px}.product-features li{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:15px;color:var(--text-secondary)}.product-features li svg{width:18px;height:18px;color:var(--accent-primary);flex-shrink:0}.product-card-msg .product-features li svg{color:#a855f7}.btn-msg{background:linear-gradient(135deg,#a855f7,#d946ef);color:#fff;border:none}.btn-msg:hover{background:linear-gradient(135deg,#9333ea,#c026d3);transform:translateY(-2px)}.btn-note{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1308;border:none}.btn-note:hover{background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-2px)}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:clamp(32px,4vw,48px);margin-bottom:16px}.section-header p{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto}.how-it-works{padding:120px 0}.how-products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}.how-product-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;display:flex;flex-direction:column;gap:20px;transition:all .3s ease}.how-product-card:hover{background:var(--bg-card-hover);transform:translateY(-4px)}.how-product-header{display:flex;flex-direction:column;gap:8px}.how-product-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.how-product-icon svg{width:22px;height:22px}.how-icon-voice{background:var(--accent-subtle);color:var(--accent-primary)}.how-icon-msg{background:#a855f71f;color:#a855f7}.how-icon-note{background:#f59e0b1f;color:#f59e0b}.how-product-header h3{font-size:20px;font-weight:700;margin:0}.how-product-tag{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:4px;background:var(--accent-subtle);color:var(--accent-primary);width:fit-content}.how-tag-msg{background:#a855f71f;color:#a855f7}.how-tag-note{background:#f59e0b1f;color:#f59e0b}.how-steps{list-style:none;display:flex;flex-direction:column;gap:12px;flex:1}.how-steps li{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--text-secondary);line-height:1.5}.how-steps li span{min-width:22px;height:22px;background:var(--bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-muted);flex-shrink:0}.how-cta{margin-top:auto;text-align:center;justify-content:center}.use-case-tag{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:4px;margin-bottom:8px;width:fit-content}.use-case-tag-voice{background:var(--accent-subtle);color:var(--accent-primary)}.use-case-tag-msg{background:#a855f71f;color:#a855f7}.use-case-tag-note{background:#f59e0b1f;color:#f59e0b}.cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:8px}.testimonial-product-tag{margin-left:auto;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:4px;white-space:nowrap}.tp-playphone{background:var(--accent-subtle);color:var(--accent-primary)}.tp-playphonemssg,.tp-playphonemsg{background:#a855f71f;color:#a855f7}.tp-playphonenote{background:#f59e0b1f;color:#f59e0b}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.step-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;position:relative;transition:all .3s ease}.step-card:hover{background:var(--bg-card-hover);border-color:var(--border-accent);transform:translateY(-4px)}.step-num{font-family:var(--font-display);font-size:48px;font-weight:800;color:var(--bg-tertiary);position:absolute;top:16px;right:20px}.step-icon{width:48px;height:48px;background:var(--accent-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);margin-bottom:20px}.step-icon svg{width:24px;height:24px}.step-card h3{font-size:18px;margin-bottom:12px}.step-card p{font-size:14px;color:var(--text-secondary);line-height:1.6}.features{padding:120px 0;background:var(--bg-secondary)}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;transition:all .3s ease}.feature-card:hover{border-color:var(--border-accent)}.feature-card.feature-main{grid-row:span 2}.feature-icon{width:48px;height:48px;background:var(--accent-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);margin-bottom:20px}.feature-icon svg{width:24px;height:24px}.feature-icon-lg{width:64px;height:64px;background:var(--accent-subtle);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);margin-bottom:24px}.feature-icon-lg svg{width:32px;height:32px}.feature-card h3{font-size:20px;margin-bottom:12px}.feature-card p{font-size:15px;color:var(--text-secondary);line-height:1.6}.feature-visual{margin-top:32px}.anon-demo{display:flex;flex-direction:column;align-items:center;gap:12px}.anon-item{display:flex;flex-direction:column;gap:4px;background:var(--bg-tertiary);padding:16px 24px;border-radius:var(--radius-md);width:100%;max-width:280px}.anon-item .label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.anon-item .value{font-family:var(--font-display);font-weight:600}.anon-item.private .value,.anon-arrow{color:var(--accent-primary)}.anon-arrow svg{width:24px;height:24px}.feature-premium{position:relative;border-color:var(--gold);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(244,185,66,.05) 100%)}.premium-badge{position:absolute;top:16px;right:16px;padding:4px 12px;background:var(--gold);color:var(--bg-primary);font-size:12px;font-weight:600;border-radius:100px}.feature-icon.gold{background:#f4b94226;color:var(--gold)}.pricing{padding:120px 0}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;max-width:800px;margin:0 auto}.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px;position:relative}.pricing-card.featured{border-color:var(--accent-primary);background:linear-gradient(180deg,var(--bg-card) 0%,var(--accent-subtle) 100%)}.featured-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 20px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--bg-primary);font-size:13px;font-weight:600;border-radius:100px}.pricing-header{text-align:center;margin-bottom:32px}.pricing-header h3{font-size:24px;margin-bottom:16px}.price{display:flex;align-items:baseline;justify-content:center;gap:4px}.price .amount{font-family:var(--font-display);font-size:56px;font-weight:800}.price .period{font-size:16px;color:var(--text-secondary)}.pricing-features{list-style:none;margin-bottom:32px}.pricing-features li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);font-size:15px}.pricing-features li:last-child{border-bottom:none}.pricing-features li svg{width:20px;height:20px;color:var(--accent-primary);flex-shrink:0}.pricing-features li.disabled{color:var(--text-muted)}.pricing-features li.disabled svg{color:var(--text-muted)}.btn-full{width:100%}.cta{padding:120px 0;background:var(--bg-secondary);text-align:center}.cta-content h2{font-size:clamp(32px,4vw,48px);margin-bottom:16px}.cta-content p{font-size:18px;color:var(--text-secondary);margin-bottom:32px;max-width:500px;margin-left:auto;margin-right:auto}.use-cases{padding:120px 0;background:var(--bg-secondary)}.use-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.use-case-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;transition:all .3s ease}.use-case-card:hover{border-color:var(--border-accent);transform:translateY(-4px);background:var(--bg-card-hover)}.use-case-icon{width:56px;height:56px;background:var(--accent-subtle);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);margin-bottom:24px}.use-case-icon svg{width:28px;height:28px}.use-case-card h3{font-size:18px;margin-bottom:12px;color:var(--text-primary)}.use-case-card p{font-size:14px;color:var(--text-secondary);line-height:1.7}.testimonials{padding:120px 0}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testimonial-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;display:flex;flex-direction:column;transition:all .3s ease}.testimonial-card:hover{border-color:var(--border-accent)}.testimonial-quote{flex:1;margin-bottom:24px}.quote-icon{width:32px;height:32px;color:var(--accent-primary);opacity:.4;margin-bottom:16px}.testimonial-quote p{font-size:15px;color:var(--text-secondary);line-height:1.7;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:12px;padding-top:20px;border-top:1px solid var(--border)}.author-avatar{width:44px;height:44px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--bg-primary);flex-shrink:0}.author-info{display:flex;flex-direction:column;gap:2px}.author-name{font-weight:600;font-size:15px;color:var(--text-primary)}.author-role{font-size:13px;color:var(--text-muted)}@media(max-width:1024px){.hero .container{grid-template-columns:1fr;text-align:center}.hero-content{order:1}.hero-visual{order:2}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-cta,.dual-phones,.triple-phones{justify-content:center}.phone-mockup{width:160px;height:320px}.how-products-grid{grid-template-columns:1fr;gap:20px}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn{width:100%;max-width:320px;justify-content:center}.products-grid{grid-template-columns:repeat(3,1fr);gap:16px}.product-card{padding:24px}.steps-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr}.feature-card.feature-main{grid-row:auto}.use-cases-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.hero{padding:120px 0 60px}.dual-phones,.triple-phones{gap:8px}.phone-mockup{width:110px;height:220px;border-radius:16px;padding:4px}.phone-mockup:before{top:12px;width:40px;height:14px}.phone-screen{border-radius:20px}.call-ui{padding:20px 10px}.call-status{font-size:10px}.call-number{font-size:12px;margin-bottom:10px}.call-extension{padding:8px 10px;margin-bottom:10px}.ext-label{font-size:8px}.ext-value{font-size:18px}.call-user{font-size:11px;margin-bottom:12px}.user-avatar{width:24px;height:24px;font-size:9px}.call-actions{gap:16px}.call-btn{width:32px;height:32px}.call-btn svg{width:14px;height:14px}.phone-label{font-size:11px;bottom:-24px}.msg-ui{padding:16px 8px}.msg-header{margin-top:10px;margin-bottom:8px}.msg-icon{width:24px;height:24px}.msg-icon svg{width:14px;height:14px}.msg-header span{font-size:11px}.msg-secure{padding:4px 8px;margin-bottom:10px}.msg-secure svg{width:10px;height:10px}.msg-secure span{font-size:8px}.msg-bubble{padding:6px 8px;font-size:10px}.msg-timer{font-size:8px}.msg-timer svg{width:8px;height:8px}.msg-destruct{font-size:8px;padding:6px}.msg-destruct svg{width:10px;height:10px}.steps-grid,.pricing-grid,.products-grid{grid-template-columns:1fr}.hero-cta{flex-direction:column}.btn-lg{width:100%}.use-cases-grid,.testimonials-grid{grid-template-columns:1fr}.use-cases,.testimonials,.products{padding:80px 0}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 24px;position:relative}.auth-bg{position:fixed;inset:0;z-index:-1}.auth-gradient{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,var(--accent-glow) 0%,transparent 50%);animation:rotate 30s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-container{width:100%;max-width:440px}.auth-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:40px;font-family:var(--font-display);font-size:24px;font-weight:700}.auth-logo .logo-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-md);color:var(--bg-primary)}.auth-logo .logo-icon svg{width:24px;height:24px}.auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{font-size:28px;margin-bottom:8px}.auth-header p{color:var(--text-secondary);font-size:15px}.auth-error{background:#ff475726;border:1px solid rgba(255,71,87,.3);color:#ff4757;padding:12px 16px;border-radius:var(--radius-md);font-size:14px;margin-bottom:20px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group input:disabled{opacity:.6;cursor:not-allowed}button:disabled{opacity:.6;cursor:not-allowed}.form-group label{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:500;color:var(--text-secondary)}.forgot-link{font-size:13px;color:var(--accent-primary)}.forgot-link:hover{text-decoration:underline}.form-group input{padding:14px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:15px;color:var(--text-primary);transition:all .2s ease}.form-group input::placeholder{color:var(--text-muted)}.form-group input:focus{border-color:var(--accent-primary);background:var(--bg-secondary)}.input-with-prefix{position:relative;display:flex;align-items:center}.input-prefix{position:absolute;left:16px;color:var(--accent-primary);font-weight:600;font-size:15px}.input-with-prefix input{padding-left:36px;width:100%}.extension-preview{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--accent-subtle);border:1px solid var(--border-accent);border-radius:var(--radius-md);margin-top:8px;overflow:hidden}.preview-label{font-size:13px;color:var(--text-secondary)}.preview-value{font-family:var(--font-display);font-weight:700;color:var(--accent-primary)}.auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{font-size:13px;color:var(--text-muted)}.btn-social{gap:12px}.btn-social svg{width:20px;height:20px}.auth-footer{text-align:center;margin-top:24px;font-size:14px;color:var(--text-secondary)}.auth-footer a{color:var(--accent-primary);font-weight:500}.auth-footer a:hover{text-decoration:underline}@media(max-width:480px){.auth-card{padding:24px}}.portal-page{min-height:100vh}.portal-main{padding:120px 0 60px}.portal-header{margin-bottom:32px}.welcome-section h1{font-size:32px;margin-bottom:8px}.welcome-section p{color:var(--text-secondary);font-size:16px}.extension-card{background:linear-gradient(135deg,var(--bg-card) 0%,var(--accent-subtle) 100%);border:1px solid var(--border-accent);border-radius:var(--radius-xl);padding:32px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.extension-info{display:flex;align-items:center;gap:32px}.extension-detail{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-family:var(--font-display);font-size:20px;font-weight:700}.extension-detail.highlight .detail-value{color:var(--accent-primary);font-size:24px}.extension-divider{width:1px;height:48px;background:var(--border)}.extension-actions{display:flex;gap:12px}.btn-sm{padding:10px 16px;font-size:14px}.btn-sm svg{width:16px;height:16px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;align-items:center;gap:20px;transition:all .3s ease}.stat-card:hover{border-color:var(--border-accent);transform:translateY(-2px)}.stat-icon{width:48px;height:48px;background:var(--accent-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--accent-primary)}.stat-icon svg{width:24px;height:24px}.stat-info{display:flex;flex-direction:column}.stat-value{font-family:var(--font-display);font-size:32px;font-weight:800;line-height:1}.stat-label{font-size:14px;color:var(--text-secondary);margin-top:4px}.recent-section{margin-bottom:40px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-title h2{font-size:20px}.view-all{font-size:14px;color:var(--accent-primary);font-weight:500}.view-all:hover{text-decoration:underline}.messages-list{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.message-item{display:flex;align-items:center;gap:16px;padding:20px;border-bottom:1px solid var(--border);transition:background .2s ease}.message-item:last-child{border-bottom:none}.message-item:hover{background:var(--bg-card-hover)}.message-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.message-icon svg{width:22px;height:22px}.message-icon.voicemail{background:#f4b94226;color:var(--gold)}.message-icon.sms{background:var(--accent-subtle);color:var(--accent-primary)}.message-content{flex:1;min-width:0}.message-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.message-from{font-weight:600;font-size:15px}.message-time{font-size:13px;color:var(--text-muted)}.message-preview{font-size:14px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voicemail-duration{color:var(--gold)}.message-action{width:36px;height:36px;background:transparent;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s ease}.message-action:hover{background:var(--bg-tertiary);color:var(--text-primary)}.message-action svg{width:18px;height:18px}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.quick-action-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;align-items:center;gap:16px;transition:all .3s ease;position:relative}.quick-action-card:hover{border-color:var(--border-accent);transform:translateY(-2px)}.qa-icon{width:48px;height:48px;background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.qa-icon svg{width:24px;height:24px}.qa-icon.gold{background:#f4b94226;color:var(--gold)}.qa-info h3{font-size:16px;margin-bottom:4px}.qa-info p{font-size:14px;color:var(--text-secondary)}.qa-badge{position:absolute;top:16px;right:16px;padding:4px 12px;background:var(--gold);color:var(--bg-primary);font-size:12px;font-weight:600;border-radius:100px}.premium-cta{border-color:var(--gold);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(244,185,66,.05) 100%)}.messages-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.tab-buttons{display:flex;gap:8px;background:var(--bg-tertiary);padding:4px;border-radius:var(--radius-md)}.tab-btn{padding:10px 20px;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;border-radius:var(--radius-sm);transition:all .2s ease}.tab-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 2px 8px #0003}.tab-btn:hover:not(.active){color:var(--text-primary)}.messages-full-list{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.message-item-full{display:flex;align-items:flex-start;gap:16px;padding:24px;border-bottom:1px solid var(--border);transition:background .2s ease;cursor:pointer}.message-item-full:last-child{border-bottom:none}.message-item-full:hover{background:var(--bg-card-hover)}.message-item-full .message-content{flex:1}.message-body{margin-top:8px;font-size:14px;color:var(--text-secondary);line-height:1.6}.message-item-full .message-actions{display:flex;gap:8px}.audio-player{margin-top:12px;padding:12px 16px;background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;align-items:center;gap:12px}.play-btn{width:36px;height:36px;background:var(--accent-primary);color:var(--bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center}.play-btn svg{width:16px;height:16px}.audio-progress{flex:1;height:4px;background:var(--border);border-radius:2px;position:relative}.audio-progress-fill{position:absolute;left:0;top:0;height:100%;background:var(--accent-primary);border-radius:2px;width:30%}.audio-time{font-size:13px;color:var(--text-muted);font-family:var(--font-display)}.settings-grid{display:flex;flex-direction:column;gap:24px}.settings-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px}.settings-section h2{font-size:18px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border)}.setting-row:last-child{border-bottom:none}.setting-info{display:flex;flex-direction:column;gap:4px}.setting-label{font-weight:600;font-size:15px}.setting-desc{font-size:14px;color:var(--text-secondary)}.toggle{width:48px;height:28px;background:var(--bg-tertiary);border-radius:100px;position:relative;cursor:pointer;transition:all .2s ease}.toggle.active{background:var(--accent-primary)}.toggle:after{content:"";position:absolute;width:22px;height:22px;background:#fff;border-radius:50%;top:3px;left:3px;transition:all .2s ease}.toggle.active:after{left:23px}.form-input{padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:15px;color:var(--text-primary);width:280px}.form-input:focus{border-color:var(--accent-primary)}.danger-zone{border-color:#ff4757}.danger-zone h2{color:#ff4757}.btn-danger{background:#ff475726;color:#ff4757;border:1px solid rgba(255,71,87,.3)}.btn-danger:hover{background:#ff4757;color:#fff}.empty-state{padding:60px 40px;text-align:center}.empty-icon{width:80px;height:80px;background:var(--bg-tertiary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--text-muted)}.empty-icon svg{width:40px;height:40px}.empty-state h3{font-size:18px;margin-bottom:8px}.empty-state p{color:var(--text-secondary);font-size:14px}@media(max-width:768px){.extension-card{flex-direction:column;align-items:flex-start}.extension-info{flex-direction:column;gap:16px}.extension-divider{width:100%;height:1px}.stats-grid,.quick-actions{grid-template-columns:1fr}.messages-page-header{flex-direction:column;gap:16px;align-items:flex-start}.form-input{width:100%}}.note-create-page{min-height:100vh;display:flex;flex-direction:column}.note-create-section{flex:1;padding:140px 0 80px;display:flex;align-items:center}.note-create-card{max-width:560px;margin:0 auto;background:var(--bg-card);border:1px solid rgba(251,191,36,.2);border-radius:var(--radius-xl);padding:48px}.note-create-header{text-align:center;margin-bottom:40px}.note-create-icon{width:72px;height:72px;background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.note-create-icon svg{width:36px;height:36px;color:#fbbf24}.note-create-icon.success{background:linear-gradient(135deg,#22c55e33,#16a34a33)}.note-create-icon.success svg{color:#22c55e}.note-create-header h1{font-size:28px;margin-bottom:8px}.note-create-header p{color:var(--text-secondary);font-size:16px}.note-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;font-size:14px;color:var(--text-primary)}.form-group input,.form-group textarea{padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:15px;color:var(--text-primary);transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241a}.form-group textarea{resize:vertical;min-height:120px;font-family:inherit}.form-group .hint{font-size:12px;color:var(--text-muted)}.input-with-button{display:flex;gap:12px}.note-url-preview{flex:1;display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.url-prefix{padding:14px 0 14px 16px;color:var(--text-muted);font-size:14px;font-family:monospace;white-space:nowrap}.note-url-preview input{flex:1;padding:14px 16px 14px 0;background:transparent;border:none;font-family:monospace;color:#fbbf24}.note-url-preview input:focus{outline:none;box-shadow:none}.btn-sm{padding:12px 16px;font-size:13px}.file-upload{width:100%}.file-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;background:var(--bg-secondary);border:2px dashed var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.file-drop:hover{border-color:#fbbf24;background:#fbbf240d}.file-drop input{display:none}.file-drop svg{width:32px;height:32px;color:var(--text-muted)}.file-drop span{font-size:14px;color:var(--text-secondary)}.file-drop .file-limit{font-size:12px;color:var(--text-muted)}.file-selected{display:flex;align-items:center;gap:12px;padding:16px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-md)}.file-selected svg{width:20px;height:20px;color:#fbbf24}.file-selected .file-name{flex:1;font-size:14px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-selected .file-size{font-size:12px;color:var(--text-muted)}.remove-file{padding:4px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:color .2s ease}.remove-file:hover{color:#ef4444}.remove-file svg{width:16px;height:16px}.expiry-options{display:flex;gap:12px}.expiry-option{flex:1;padding:12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.expiry-option:hover{border-color:#fbbf2466;color:var(--text-primary)}.expiry-option.active{background:#fbbf241a;border-color:#fbbf24;color:#fbbf24}.form-actions{display:flex;gap:16px;margin-top:8px}.form-actions .btn{flex:1}.error-message{padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-size:14px}.created-note-info{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.info-row{display:flex;flex-direction:column;gap:8px}.info-row label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.copyable{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.copyable code{flex:1;font-family:monospace;font-size:14px;color:#fbbf24;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copyable button{padding:8px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:color .2s ease}.copyable button:hover{color:#fbbf24}.copyable button svg{width:18px;height:18px}.expiry-info{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary)}.expiry-info svg{width:18px;height:18px;color:#fbbf24}.warning-box{display:flex;gap:12px;padding:16px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-md);font-size:13px;color:var(--text-secondary)}.warning-box svg{width:20px;height:20px;color:#fbbf24;flex-shrink:0}.warning-box strong{color:#fbbf24}@media(max-width:640px){.note-create-section{padding:120px 0 60px}.note-create-card{padding:32px 24px;margin:0 16px}.input-with-button{flex-direction:column}.expiry-options{flex-wrap:wrap}.expiry-option{flex:1 1 calc(50% - 6px)}.form-actions{flex-direction:column}}.note-view-page{min-height:100vh;display:flex;flex-direction:column}.note-view-section{flex:1;padding:140px 0 80px;display:flex;align-items:center}.note-view-card{max-width:560px;margin:0 auto;background:var(--bg-card);border:1px solid rgba(251,191,36,.2);border-radius:var(--radius-xl);padding:48px}.note-view-card.unlocked{max-width:720px;padding:32px}.note-view-card.destroyed{text-align:center}.note-lock-header{text-align:center;margin-bottom:32px}.lock-icon{width:80px;height:80px;background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.lock-icon svg{width:40px;height:40px;color:#fbbf24}.note-lock-header h1{font-size:28px;margin-bottom:12px}.note-id-display{display:inline-flex;align-items:center;padding:8px 16px;background:var(--bg-secondary);border-radius:var(--radius-md);font-family:monospace;font-size:14px;margin-bottom:12px}.note-id-display span{color:var(--text-muted)}.note-id-display strong{color:#fbbf24}.note-lock-header p{color:var(--text-secondary)}.unlock-form{display:flex;flex-direction:column;gap:20px}.unlock-form input{padding:16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:16px;color:var(--text-primary);text-align:center;letter-spacing:2px}.unlock-form input:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241a}.destroyed-icon{width:80px;height:80px;background:#ef444426;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.destroyed-icon svg{width:40px;height:40px;color:#ef4444}.note-view-card.destroyed h1{font-size:28px;margin-bottom:8px}.note-view-card.destroyed p{color:var(--text-secondary);margin-bottom:32px}.note-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.note-title{display:flex;align-items:center;gap:8px;font-family:monospace;font-size:14px;color:var(--text-secondary)}.note-title svg{width:18px;height:18px;color:#fbbf24}.note-expiry{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fbbf241a;border-radius:100px;font-size:12px;color:#fbbf24}.note-expiry svg{width:14px;height:14px}.note-content-area textarea{width:100%;min-height:240px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:15px;font-family:inherit;color:var(--text-primary);line-height:1.6;resize:vertical}.note-content-area textarea:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf241a}.note-file-attachment{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-md);margin-top:16px}.file-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.file-info svg{width:20px;height:20px;color:#fbbf24;flex-shrink:0}.file-info .file-name{font-size:14px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-info .file-size{font-size:12px;color:var(--text-muted);flex-shrink:0}.note-actions{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}.save-status{font-size:13px;color:var(--text-muted)}.saved-indicator{display:flex;align-items:center;gap:6px;color:#22c55e}.saved-indicator svg{width:14px;height:14px}.action-buttons{display:flex;gap:12px}.btn-danger{background:#ef4444;color:#fff;border:none}.btn-danger:hover{background:#dc2626;transform:translateY(-2px)}.btn-danger svg{width:16px;height:16px}.error-message{padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-size:14px;margin-top:16px}@media(max-width:640px){.note-view-section{padding:120px 0 60px}.note-view-card{padding:32px 24px;margin:0 16px}.note-view-card.unlocked{padding:24px 16px}.note-header-bar{flex-direction:column;gap:12px}.note-file-attachment{flex-direction:column;gap:12px;align-items:stretch}.note-actions{flex-direction:column;gap:16px}.action-buttons{width:100%;flex-direction:column}.action-buttons .btn{width:100%}}#root{min-height:100vh}