.site-header{background:#3b7cf6;position:sticky;top:0;z-index:50}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:72px}.header-contact{display:flex;align-items:center;gap:28px}.header-email{display:inline-flex;align-items:center;gap:9px;color:#fff;font-size:15.5px;font-weight:700}.header-email:hover{text-decoration:underline}.header-phone{display:inline-flex;align-items:center;gap:9px;background:#fff;color:#2557d6;font-size:15.5px;font-weight:700;border-radius:999px;padding:12px 24px;transition:box-shadow .15s ease,transform .1s ease}.header-phone:hover{box-shadow:0 4px 14px #0000002e;transform:translateY(-1px)}.banner{background:linear-gradient(102deg,#0a2f9d,#0a7d84 55%,#00a67e);padding:44px 0 56px;text-align:center;color:#fff}.banner-inner{display:flex;flex-direction:column;align-items:center}.banner-ribbon{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.4);background:#ffffff14;border-radius:999px;padding:8px 20px;font-size:14px;font-weight:600;margin-bottom:22px}.banner h1{font-size:clamp(30px,4.2vw,46px);font-weight:800;line-height:1.15;max-width:900px;margin-bottom:16px}.banner-sub{font-size:17px;line-height:1.6;color:#ffffffeb;max-width:820px;margin-bottom:28px}.banner-ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-cta{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-size:16px;font-weight:700;padding:13px 30px;transition:background .18s ease,box-shadow .18s ease,transform .1s ease}.btn-cta:active{transform:translateY(1px)}.btn-cta-primary{background:#f7941d;color:#fff;box-shadow:0 6px 18px #00000038}.btn-cta-primary:hover{background:#e07f0a}.btn-cta-outline{background:#ffffff0f;border:1px solid rgba(255,255,255,.5);color:#fff}.btn-cta-outline:hover{background:#ffffff29}.tool-section{padding:56px 0 8px}.tool-wrap{max-width:900px;margin:0 auto}.tool-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:28px;height:100%;display:flex;flex-direction:column;gap:18px}.tool-card-label{font-size:16px;font-weight:600;color:var(--a4u-primary)}.mode-tabs{display:flex;gap:10px}.mode-tab{border:1.5px solid var(--border);background:#fff;border-radius:999px;padding:9px 20px;font-size:14px;font-weight:600;color:var(--text-muted);transition:all .15s ease}.mode-tab:hover{border-color:var(--border-strong)}.mode-tab.active{background:var(--bg-tint);border-color:var(--a4u-accent);color:var(--a4u-accent-dark)}.input-zone{display:flex;flex-direction:column;gap:6px;flex:1}.paste-area{width:100%;min-height:220px;flex:1;resize:vertical;border:1.5px solid var(--border);border-radius:var(--radius-md);padding:16px;font-size:15px;line-height:1.55;color:var(--text-main);background:#fdfdfe;transition:border-color .15s ease}.paste-area:focus{outline:none;border-color:var(--a4u-accent);box-shadow:0 0 0 3px #00a67e26}.char-count{font-size:13px;color:var(--text-muted);text-align:right}.char-count.warn{color:var(--danger)}.dropzone{flex:1;min-height:226px;border:2px dashed var(--border-strong);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:24px;background:#fdfdfe;cursor:pointer;transition:all .15s ease}.dropzone:hover,.dropzone.drag-over{border-color:var(--a4u-accent);background:var(--bg-tint)}.dropzone-title{font-size:16px;font-weight:600;color:var(--a4u-primary)}.dropzone-hint{font-size:14px;color:var(--text-muted)}.tool-error{background:#fdecea;border:1px solid #f5c6c0;color:var(--danger);border-radius:var(--radius-sm);padding:10px 14px;font-size:14px}.tool-card-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.style-select-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--text-muted)}.style-select{border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;font-size:14px;color:var(--text-main);background:#fff}.spinner{width:16px;height:16px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notes-output{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:28px;height:100%;display:flex;flex-direction:column;gap:18px}.notes-output-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.notes-output-title{font-size:16px;font-weight:700;color:var(--success)}.notes-output-actions{display:flex;gap:10px;flex-wrap:wrap}.notes-content{border:1.5px solid var(--border);border-radius:var(--radius-md);padding:24px;overflow-y:auto;max-height:520px;font-size:15px;line-height:1.65}.notes-content h1,.notes-content h2{color:var(--a4u-primary);margin:18px 0 10px;font-size:22px}.notes-content h3{color:var(--a4u-primary);margin:16px 0 8px;font-size:18px}.notes-content h1:first-child,.notes-content h2:first-child,.notes-content h3:first-child{margin-top:0}.notes-content p{margin-bottom:10px}.notes-content ul,.notes-content ol{padding-left:24px;margin-bottom:12px;display:flex;flex-direction:column;gap:5px}.notes-content strong{color:var(--a4u-primary)}.notes-content table{border-collapse:collapse;margin:12px 0;width:100%}.notes-content th,.notes-content td{border:1px solid var(--border);padding:8px 12px;text-align:left}.notes-content blockquote{border-left:3px solid var(--a4u-accent);padding-left:14px;color:var(--text-muted);margin:12px 0}.section{padding:64px 0}.section-alt{background:#fff}.section-title{font-size:clamp(26px,3vw,34px);font-weight:800;color:var(--a4u-primary);text-align:center;margin-bottom:40px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px}.step-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--a4u-accent);color:#fff;font-size:18px;font-weight:700;margin-bottom:16px}.step-card h3,.feature-card h3{font-size:18px;color:var(--a4u-primary);margin-bottom:8px}.step-card p,.feature-card p{font-size:15px;line-height:1.6;color:var(--text-muted)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.feature-card{background:var(--bg-page);border-radius:var(--radius-lg);padding:26px}.feature-icon{font-size:28px;display:block;margin-bottom:14px}.faq-container{max-width:760px}.faq-item{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:12px;overflow:hidden}.faq-item summary{padding:18px 22px;font-size:16px;font-weight:600;color:var(--a4u-primary);cursor:pointer;list-style:none;position:relative}.faq-item summary:after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--a4u-accent)}.faq-item[open] summary:after{content:"−"}.faq-item p{padding:0 22px 18px;font-size:15px;line-height:1.6;color:var(--text-muted)}.tools-section{background:#fff;padding:64px 0 72px;text-align:center;margin-top:32px}.tools-title{font-size:clamp(28px,3.5vw,40px);font-weight:800;color:var(--a4u-primary);margin-bottom:44px}.tools-grid{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(220px,max-content));gap:34px 110px;justify-content:center;text-align:left}.tools-grid a{display:inline-flex;align-items:center;gap:14px;font-size:18px;font-weight:700;color:var(--a4u-primary);transition:color .15s ease}.tools-grid a:hover{color:var(--a4u-accent-dark)}.footer-bar{background:var(--a4u-primary);color:#ffffffeb;padding:26px 0;text-align:center;font-size:15.5px}@media(max-width:960px){.steps-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.header-email{display:none}}@media(max-width:560px){.features-grid{grid-template-columns:1fr}.banner{padding:40px 0 48px}.banner-ribbon{font-size:13px;padding:9px 18px}.tools-grid{grid-template-columns:1fr;gap:24px;justify-items:start;max-width:260px;margin:0 auto}.tool-card,.notes-output{padding:20px}}:root{--a4u-primary: #0c0290;--a4u-primary-soft: #2a1fb5;--a4u-accent: #00a67e;--a4u-accent-dark: #008c6a;--bg-page: #f7f8fc;--bg-card: #ffffff;--bg-tint: #e9f8f3;--bg-tint-strong: #d5f2e7;--border: #e4e7f0;--border-strong: #cdd3e1;--text-main: #212a41;--text-muted: #5b6478;--danger: #d64533;--success: #1d9e6f;--radius-lg: 20px;--radius-md: 12px;--radius-sm: 8px;--shadow-card: 0 10px 30px rgba(28, 37, 64, .08);font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;color:var(--text-main)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-page);min-height:100vh;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;font-size:15px;font-weight:600;padding:12px 28px;transition:background .18s ease,color .18s ease,transform .1s ease,box-shadow .18s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--a4u-accent);color:#fff;box-shadow:0 6px 16px #00a67e59}.btn-primary:hover{background:var(--a4u-accent-dark)}.btn-primary:disabled{background:#cfd4e0;color:#8a91a5;box-shadow:none;cursor:not-allowed}.btn-ghost{background:#eef1f9;color:var(--a4u-primary)}.btn-ghost:hover{background:#e2e7f4}.btn-outline{background:transparent;color:var(--a4u-primary);border:1.5px solid var(--border-strong)}.btn-outline:hover{border-color:var(--a4u-accent);color:var(--a4u-accent-dark)}.btn-sm{padding:8px 18px;font-size:14px}