@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Lora:ital,wght@0,400..600;1,400..600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-color:#faf9f6;--text-primary:#1e1f21;--text-secondary:#585a5f;--accent:#4f46e5;--accent-hover:#4338ca;--border-color:#e5e7eb;--tag-bg:#f3f1ec;--font-serif:"Lora", Georgia, serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}body{background-color:var(--bg-color);max-width:720px;margin:0 auto;padding:80px 24px}.intro-page{flex-direction:column;padding-top:40px;display:flex}.intro-lines{flex-direction:column;gap:28px;display:flex}.intro-line{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:8px;font-size:1.65rem;font-weight:300;line-height:1.5;display:inline-flex}.intro-line strong{font-weight:500}.intro-line-sub{color:var(--text-secondary);max-width:580px;font-size:1.15rem;font-weight:300;line-height:1.7}.intro-avatar{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;width:42px;height:42px;transition:transform .3s cubic-bezier(.4,0,.2,1),border-radius .3s cubic-bezier(.4,0,.2,1),border-color .3s,box-shadow .3s}.avatar-container{cursor:pointer;z-index:10;align-items:center;margin-left:4px;display:inline-flex;position:relative}.avatar-container:hover{z-index:99}.avatar-container:hover .intro-avatar{border-color:var(--accent);transform:scale(3.2);box-shadow:0 8px 24px #4f46e540}.speech-bubble{background-color:var(--text-primary);color:var(--bg-color);white-space:nowrap;pointer-events:none;z-index:100;border-radius:16px;padding:8px 16px;font-size:.95rem;font-weight:500;position:absolute;bottom:124px;left:50%;box-shadow:0 6px 20px #00000026}.speech-bubble:after{content:"";border-style:solid;border-width:6px 6px 0;border-color:var(--text-primary) transparent;width:0;display:block;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.intro-app-icons{align-items:center;gap:0;margin-left:4px;display:inline-flex}.app-icon-wrap{cursor:pointer;text-decoration:none;display:inline-flex;position:relative}.app-icon{object-fit:cover;border:1px solid var(--border-color);border-radius:12px;width:42px;height:42px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 1px 3px #0000000f}.app-icon-1{z-index:10;transform:rotate(-6deg)}.app-icon-2{z-index:20;transform:rotate(3deg)translate(-6px)}.app-icon-3{z-index:30;transform:rotate(-4deg)translate(-12px)}.app-icon-wrap:hover .app-icon{z-index:50;box-shadow:0 4px 12px #0000001f;transform:rotate(0)translate(0)scale(1.1)!important}.app-icon-placeholder{background-color:var(--tag-bg);border:1px solid var(--border-color);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 1px 3px #0000000f}.app-icon-placeholder svg{width:22px;height:22px;color:var(--text-secondary)}.app-tooltip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:100;background-color:#000c;border-radius:8px;padding:4px 10px;font-size:.72rem;font-weight:400;transition:opacity .2s;position:absolute;top:-36px;left:50%;transform:translate(-50%)}.app-icon-wrap:hover .app-tooltip{opacity:1}.company-logo-wrap{cursor:pointer;vertical-align:middle;align-items:center;margin-left:6px;text-decoration:none;display:inline-flex;position:relative}.company-logo{object-fit:cover;border:1px solid var(--border-color);border-radius:12px;width:42px;height:42px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000f}.company-logo-wrap:hover .company-logo{transform:scale(1.1)rotate(-3deg);box-shadow:0 4px 12px #0000001f}.company-tooltip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:100;background-color:#000c;border-radius:8px;padding:4px 10px;font-size:.72rem;font-weight:400;transition:opacity .2s;position:absolute;top:-36px;left:50%;transform:translate(-50%)}.company-logo-wrap:hover .company-tooltip{opacity:1}.intro-social-icons{align-items:center;gap:0;margin-left:4px;display:inline-flex}.social-icon-wrap{cursor:pointer;color:inherit;text-decoration:none;display:inline-flex;position:relative}.social-icon-circle{background-color:var(--tag-bg);border:1px solid var(--border-color);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 1px 3px #0000000f}.social-icon-circle svg{width:20px;height:20px;fill:var(--text-secondary);transition:fill .2s}.social-icon-1{z-index:10;transform:rotate(-6deg)}.social-icon-2{z-index:20;transform:rotate(4deg)translate(-4px)}.social-icon-3{z-index:30;transform:rotate(-3deg)translate(-8px)}.social-icon-4{z-index:40;transform:rotate(5deg)translate(-12px)}.social-icon-wrap:hover .social-icon-circle{z-index:50;background-color:var(--text-primary);box-shadow:0 4px 12px #0000001f;transform:rotate(0)translate(0)scale(1.1)!important}.social-icon-wrap:hover .social-icon-circle svg{fill:#fff}.social-tooltip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:100;background-color:#000c;border-radius:8px;padding:4px 10px;font-size:.72rem;font-weight:400;transition:opacity .2s;position:absolute;top:-36px;left:50%;transform:translate(-50%)}.social-icon-wrap:hover .social-tooltip{opacity:1}.intro-link{color:var(--accent);font-weight:400;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:none;transition:color .2s}.intro-link:hover{color:var(--accent-hover);text-decoration:none}.intro-divider{border-top:1px dotted var(--border-color);width:100%;margin:16px 0}.intro-contact-block{flex-direction:column;gap:10px;display:flex}.intro-line-contact{font-size:1.15rem;font-weight:300}.back-btn{cursor:pointer;font-family:var(--font-sans);color:var(--accent);background:0 0;border:none;align-items:center;gap:4px;margin-bottom:16px;padding:0;font-size:.95rem;transition:color .2s;display:inline-flex}.back-btn:hover{color:var(--accent-hover)}section{margin-bottom:80px}h1,h2,h3{color:var(--text-primary);font-weight:500}h1{font-family:var(--font-serif);margin-bottom:12px;font-size:2.75rem;line-height:1.25}h2{font-family:var(--font-serif);border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:8px;font-size:1.6rem}p{color:var(--text-secondary);margin-bottom:24px;font-size:1.05rem}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover);text-decoration:none}footer{border-top:1px solid var(--border-color);color:var(--text-secondary);justify-content:space-between;align-items:center;margin-top:100px;padding-top:24px;font-size:.85rem;display:flex}.tools-page{flex-direction:column;max-width:700px;margin:0 auto;padding-top:20px;display:flex}.tools-header{flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:40px;display:flex}.tools-back-btn{color:var(--text-secondary);cursor:pointer;font-size:1.1rem;font-weight:300;font-family:var(--font-sans);background:0 0;border:none;padding:0;transition:color .2s}.tools-back-btn:hover{color:var(--text-primary)}.tools-avatar-container{justify-content:flex-start;width:100%;display:flex}.tools-avatar{object-fit:cover;border:1px solid var(--border-color);border-radius:50%;width:64px;height:64px}.tools-intro-text{color:var(--text-primary);margin:0;font-size:1.35rem;font-weight:300;line-height:1.5}.tools-section{width:100%;margin-bottom:48px}.tools-section-title{color:var(--text-primary);font-size:1.5rem;font-weight:400;font-family:var(--font-sans);border-bottom:none;margin-bottom:24px;padding-bottom:0}.tools-list{flex-direction:column;gap:24px;list-style:none;display:flex}.tools-item{flex-direction:column;gap:8px;display:flex}.tools-item-main{align-items:center;gap:12px;display:flex}.tools-item-icon{object-fit:cover;border:1px solid var(--border-color);border-radius:8px;width:32px;height:32px;box-shadow:0 1px 2px #0000000d}.tools-item-link{color:var(--accent);font-size:1.25rem;font-weight:400;text-decoration:none;transition:color .2s}.tools-item-link:hover{color:var(--accent-hover);text-decoration:none}.tools-item-sub{align-items:center;gap:8px;margin-left:44px;display:flex}.tools-arrow-icon{color:#d1d5db;flex-shrink:0;width:16px;height:16px}.tools-item-desc{color:var(--text-secondary);font-size:.95rem;font-weight:300;line-height:1.6}.tools-inline-link{color:var(--accent);text-decoration:underline;transition:color .2s}.tools-inline-link:hover{color:var(--accent-hover)}.toast-container{z-index:1000;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background-color:var(--bg-color);border:1px solid var(--accent);color:var(--text-primary);font-size:.95rem;font-family:var(--font-sans);pointer-events:auto;border-radius:8px;max-width:320px;padding:16px 20px;box-shadow:0 4px 12px #0000000d}.toast-content{align-items:flex-start;gap:12px;display:flex}.toast-icon{font-size:1.2rem;line-height:1}.toast-message{flex-grow:1}@media (width<=600px){body{padding:40px 16px}.intro-page{padding-top:10px}.intro-line{flex-direction:column;align-items:flex-start;gap:10px;font-size:1.3rem}.intro-line-sub{font-size:1rem}.intro-line-contact{font-size:1.05rem}.intro-app-icons,.intro-social-icons{gap:8px;margin-left:0}.app-icon-1,.app-icon-2,.app-icon-3,.social-icon-1,.social-icon-2,.social-icon-3{transform:none}.company-logo-wrap{margin-left:0}.company-logo-wrap:hover .company-logo{transform:none}.app-tooltip,.social-tooltip,.company-tooltip{display:none}.avatar-container{margin-top:8px;margin-left:0}.avatar-container:hover .intro-avatar{transform:scale(2.4)}.speech-bubble{border-radius:12px;padding:6px 12px;font-size:.825rem;bottom:96px}h1{font-size:2.25rem}footer{flex-direction:column;align-items:flex-start;gap:12px;margin-top:60px}.toast-container{bottom:16px;left:16px;right:16px}.toast{max-width:100%}}