.page-header{padding:7rem 0 0;text-align:center}.page-header .container{display:flex;flex-direction:column;align-items:center}.page-header h1{font-size:clamp(2rem,4vw,2.85rem);font-weight:800;letter-spacing:-.025em;margin:0 0 .85rem;gap:.7rem}.cl-h1-badge,.page-header h1{display:inline-flex;align-items:center}.cl-h1-badge{width:46px;height:46px;border-radius:13px;justify-content:center;background:linear-gradient(135deg,var(--accent,#6366f1),var(--accent-2,#8b5cf6));box-shadow:0 10px 26px -8px rgba(99,102,241,.6)}.cl-h1-badge svg{width:24px;height:24px;color:#fff}.page-header p{color:var(--gray-600,#64748b);font-size:1.08rem;max-width:560px;margin:0 auto;line-height:1.6}.free-badge{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem 1.05rem;background:var(--green-light,#ecfdf5);border:1px solid var(--green,#10b981);border-radius:99px;margin-top:1.5rem}.free-badge svg{width:17px;height:17px;color:var(--green,#10b981);flex-shrink:0}.free-badge p{color:#047857;font-size:.85rem;margin:0;max-width:none}[data-theme=dark] .free-badge{background:rgba(16,185,129,.1)}[data-theme=dark] .free-badge p{color:#6ee7b7}.clt-root{max-width:1080px;margin:2.5rem auto 0;padding:0 1.25rem}.clt-card{background:var(--card-bg,#fff);border:1px solid var(--card-border,#e6e4f2);border-radius:22px;padding:2.1rem 2.1rem 1.7rem;box-shadow:0 20px 60px -28px rgba(30,27,58,.28);max-width:720px;margin:0 auto}.clt-card-title{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .4rem;color:var(--primary,#0f1226)}.clt-card-sub{color:var(--gray-600,#6b7088);font-size:.96rem;margin:0 0 1.6rem;line-height:1.5}.clt-fade{animation:clt-fade .32s cubic-bezier(.22,1,.36,1)}@keyframes clt-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.clt-stepper{justify-content:center;gap:0;max-width:480px;margin:0 auto 1.6rem}.clt-step,.clt-stepper{display:flex;align-items:center}.clt-step{gap:.5rem;position:relative}.clt-step-dot{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0;border:2px solid var(--card-border,#e0deee);background:var(--card-bg,#fff);color:var(--gray-400,#9095ab);transition:all .25s}.clt-step-dot svg{width:15px;height:15px}.clt-step-label{font-size:.85rem;font-weight:600;color:var(--gray-400,#9095ab);white-space:nowrap;transition:color .25s}.clt-step-bar{width:34px;height:2px;background:var(--card-border,#e0deee);margin:0 .7rem;border-radius:2px;transition:background .25s}.clt-step--current .clt-step-dot{border-color:var(--accent,#6366f1);color:var(--accent,#6366f1);background:color-mix(in srgb,var(--accent,#6366f1) 8%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent,#6366f1) 12%,transparent)}.clt-step--current .clt-step-label{color:var(--primary,#0f1226)}.clt-step--done .clt-step-dot{border-color:var(--accent,#6366f1);background:var(--accent,#6366f1);color:#fff}.clt-step--done .clt-step-label{color:var(--gray-600,#6b7088)}.clt-step--done .clt-step-bar{background:var(--accent,#6366f1)}.clt-field{margin-bottom:1.2rem}.clt-grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.clt-field label{display:block;font-weight:600;font-size:.86rem;margin-bottom:.5rem;color:var(--primary,#0f1226)}.clt-opt{font-weight:400;color:var(--gray-400,#9095ab);font-size:.8rem}.clt-field input,.clt-field textarea{width:100%;box-sizing:border-box;padding:.75rem .95rem;border:1.5px solid var(--card-border,#e6e4f2);border-radius:12px;font-size:.95rem;font-family:inherit;background:var(--bg,#fbfaff);color:var(--primary,#0f1226);transition:border-color .18s,box-shadow .18s,background .18s}.clt-field textarea{min-height:96px;resize:vertical;line-height:1.55}.clt-field input::placeholder,.clt-field textarea::placeholder{color:var(--gray-400,#b3b6c9)}.clt-field input:focus,.clt-field textarea:focus{outline:none;border-color:var(--accent,#6366f1);background:var(--card-bg,#fff);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent,#6366f1) 12%,transparent)}.clt-help{display:block;margin-top:.45rem;font-size:.8rem;color:var(--gray-400,#9095ab)}.clt-jd-fetch{display:flex;align-items:center;gap:.5rem;margin-top:.6rem;padding:.35rem .4rem .35rem .75rem;border:1.5px dashed var(--card-border,#ddd9ee);border-radius:12px;background:color-mix(in srgb,var(--accent,#6366f1) 3%,transparent)}.clt-jd-fetch-ic{display:inline-flex;color:var(--accent,#6366f1);flex-shrink:0}.clt-jd-fetch-ic svg{width:16px;height:16px}.clt-jd-fetch input{flex:1;border:none;background:none;font-size:.88rem;font-family:inherit;color:var(--primary,#0f1226);padding:.4rem 0}.clt-jd-fetch input:focus{outline:none}.clt-import{display:flex;align-items:center;gap:.85rem;width:100%;text-align:start;padding:.95rem 1.1rem;margin-bottom:1.2rem;cursor:pointer;border:1.5px solid var(--accent,#6366f1);border-radius:14px;background:color-mix(in srgb,var(--accent,#6366f1) 5%,transparent);transition:transform .15s,box-shadow .15s}.clt-import:hover{transform:translateY(-1px);box-shadow:0 10px 24px -12px rgba(99,102,241,.5)}.clt-import-ic{width:38px;height:38px;border-radius:11px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent,#6366f1),var(--accent-2,#8b5cf6));color:#fff}.clt-import-ic svg{width:20px;height:20px}.clt-import-txt{flex:1;display:flex;flex-direction:column;gap:1px}.clt-import-txt strong{font-size:.95rem;color:var(--primary,#0f1226)}.clt-import-txt span{font-size:.82rem;color:var(--gray-600,#6b7088)}.clt-import-arrow{color:var(--accent,#6366f1);transform:scaleX(-1)}.clt-import-arrow svg{width:18px;height:18px}.clt-imported{display:flex;align-items:center;gap:.85rem;padding:.95rem 1.1rem;margin-bottom:1.2rem;border:1.5px solid var(--green,#10b981);border-radius:14px;background:var(--green-light,#ecfdf5);flex-wrap:wrap}.clt-imported-ic{width:34px;height:34px;border-radius:10px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--green,#10b981);color:#fff}.clt-imported-ic svg{width:18px;height:18px}.clt-imported-txt{flex:1;min-width:140px;display:flex;flex-direction:column;gap:1px}.clt-imported-txt strong{font-size:.92rem;color:#047857}.clt-imported-txt span{font-size:.82rem;color:#059669}[data-theme=dark] .clt-imported{background:rgba(16,185,129,.1)}[data-theme=dark] .clt-imported-txt strong{color:#6ee7b7}[data-theme=dark] .clt-imported-txt span{color:#34d399}.clt-tones{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1.4rem}.clt-tone{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;text-align:start;cursor:pointer;padding:1rem 1.05rem;border:1.5px solid var(--card-border,#e6e4f2);border-radius:15px;background:var(--card-bg,#fff);transition:transform .16s,border-color .16s,box-shadow .16s}.clt-tone:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent,#6366f1) 50%,transparent)}.clt-tone-ic{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent,#6366f1) 9%,transparent);color:var(--accent,#6366f1);transition:all .16s}.clt-tone-ic svg{width:19px;height:19px}.clt-tone-label{font-size:.96rem;font-weight:700;color:var(--primary,#0f1226)}.clt-tone-hint{font-size:.8rem;color:var(--gray-600,#6b7088)}.clt-tone--on{border-color:var(--accent,#6366f1);background:color-mix(in srgb,var(--accent,#6366f1) 5%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#6366f1) 14%,transparent)}.clt-tone--on .clt-tone-ic{background:linear-gradient(135deg,var(--accent,#6366f1),var(--accent-2,#8b5cf6));color:#fff}.clt-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.6rem;flex-wrap:wrap}.clt-nav-spacer{flex:1}.clt-nav-need{font-size:.82rem;font-weight:500;color:var(--gray-400,#9095ab)}.clt-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.6rem;border:none;border-radius:13px;cursor:pointer;font-family:inherit;font-size:.96rem;font-weight:700;color:#fff;text-decoration:none;background:linear-gradient(135deg,var(--accent,#6366f1),var(--accent-2,#8b5cf6));box-shadow:0 12px 28px -10px rgba(99,102,241,.6);transition:transform .15s,box-shadow .15s,opacity .15s}.clt-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 34px -10px rgba(99,102,241,.65)}.clt-btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.clt-btn-primary svg{width:18px;height:18px}.clt-btn-generate{padding-inline:1.8rem}.clt-btn-back{display:inline-flex;align-items:center;gap:.4rem;padding:.7rem 1rem;border:none;background:none;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;color:var(--gray-600,#6b7088);transition:color .15s}.clt-btn-back:hover{color:var(--primary,#0f1226)}.clt-btn-back svg{width:16px;height:16px}.clt-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;white-space:nowrap;padding:.55rem .9rem;border:1.5px solid var(--card-border,#e6e4f2);border-radius:10px;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;color:var(--accent,#6366f1);background:var(--card-bg,#fff);transition:all .15s}.clt-btn-ghost:hover:not(:disabled){border-color:var(--accent,#6366f1);background:color-mix(in srgb,var(--accent,#6366f1) 6%,transparent)}.clt-btn-ghost:disabled{opacity:.45;cursor:not-allowed}.clt-btn-ghost svg{width:15px;height:15px}.clt-btn-soft{display:inline-flex;align-items:center;gap:.55rem;width:100%;padding:.7rem .95rem;border:1.5px solid var(--card-border,#e6e4f2);border-radius:11px;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;color:var(--primary,#0f1226);background:var(--card-bg,#fff);transition:all .15s;text-align:start}.clt-btn-soft:hover:not(:disabled){border-color:var(--accent,#6366f1);color:var(--accent,#6366f1);transform:translateY(-1px)}.clt-btn-soft:disabled{opacity:.4;cursor:not-allowed}.clt-btn-soft svg{width:16px;height:16px;flex-shrink:0}.clt-error{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.7rem .9rem;border:1px solid #fecaca;background:#fef2f2;color:#b91c1c;border-radius:11px;font-size:.86rem}.clt-error svg{width:17px;height:17px;flex-shrink:0}[data-theme=dark] .clt-error{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#fca5a5}.clt-spin{width:14px;height:14px;border:2px solid color-mix(in srgb,var(--accent,#6366f1) 30%,transparent);border-top-color:var(--accent,#6366f1);border-radius:50%;animation:clt-spin .7s linear infinite;display:inline-block}@keyframes clt-spin{to{transform:rotate(1turn)}}.clt-editor{max-width:1080px;margin:0 auto}.clt-editor-bar{justify-content:space-between;gap:1rem;margin-bottom:1rem}.clt-editor-bar,.clt-editor-meta{display:flex;align-items:center;flex-wrap:wrap}.clt-editor-meta{gap:.45rem}.clt-pill{font-size:.78rem;font-weight:600;padding:.35rem .7rem;border-radius:99px;background:color-mix(in srgb,var(--accent,#6366f1) 9%,transparent);color:var(--accent,#6366f1)}.clt-pill--muted{background:var(--bg,#f1f0f7);color:var(--gray-600,#6b7088)}.clt-pill--tone{background:color-mix(in srgb,var(--accent-2,#8b5cf6) 12%,transparent);color:var(--accent-2,#8b5cf6)}.clt-split{display:grid;grid-template-columns:300px 1fr;gap:1.4rem;align-items:start}.clt-controls{display:flex;flex-direction:column;gap:1.1rem;position:sticky;top:90px}.clt-controls-block{background:var(--card-bg,#fff);border:1px solid var(--card-border,#e6e4f2);border-radius:16px;padding:1.1rem;box-shadow:0 10px 30px -22px rgba(30,27,58,.25)}.clt-controls-h{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--gray-400,#9095ab);margin:0 0 .8rem}.clt-controls-export{display:flex;flex-direction:column;gap:.55rem}.clt-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.clt-chip{padding:.45rem .75rem;border:1px solid var(--card-border,#e6e4f2);border-radius:99px;cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;color:var(--gray-600,#6b7088);background:var(--bg,#fbfaff);transition:all .15s}.clt-chip:hover:not(:disabled){border-color:var(--accent,#6366f1);color:var(--accent,#6366f1);background:color-mix(in srgb,var(--accent,#6366f1) 6%,transparent)}.clt-chip:disabled{opacity:.45;cursor:not-allowed}.clt-refine-row{display:flex;gap:.4rem}.clt-refine-row input{flex:1;min-width:0;padding:.55rem .7rem;border:1.5px solid var(--card-border,#e6e4f2);border-radius:10px;font-family:inherit;font-size:.85rem;background:var(--bg,#fbfaff);color:var(--primary,#0f1226)}.clt-refine-row input:focus{outline:none;border-color:var(--accent,#6366f1);background:var(--card-bg,#fff)}.clt-refine-row .clt-btn-ghost{padding:.55rem .7rem}.clt-paper-wrap{min-height:480px}.clt-paper-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}.clt-paper-label{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;color:var(--gray-600,#6b7088)}.clt-paper-label svg{width:16px;height:16px;color:var(--accent,#6366f1)}.clt-paper{background:var(--card-bg,#fff);border:1px solid var(--card-border,#e6e4f2);border-radius:16px;padding:2.4rem 2.6rem;min-height:440px;font-family:Georgia,Times New Roman,serif;font-size:1.02rem;line-height:1.78;color:#1f2230;box-shadow:0 24px 70px -34px rgba(30,27,58,.35)}.clt-paper p{margin:0 0 .95rem}.clt-paper p:last-child{margin-bottom:0}.clt-paper strong{font-weight:700}[data-theme=dark] .clt-paper{color:#e8e9f1}.clt-paper-edit{display:block;width:100%;box-sizing:border-box;resize:vertical;min-height:440px;font-family:Georgia,Times New Roman,serif;outline:none}.clt-paper-edit:focus{border-color:var(--accent,#6366f1);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent,#6366f1) 10%,transparent)}.clt-paper-hint{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:500;color:var(--gray-400,#9095ab)}.clt-paper-hint svg{width:14px;height:14px}.clt-ph-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.7rem;padding:.7rem .85rem;border-radius:12px;background:color-mix(in srgb,#f59e0b 8%,transparent);border:1px solid color-mix(in srgb,#f59e0b 26%,transparent)}.clt-ph-bar-label{font-size:.78rem;font-weight:700;color:#b45309;margin-inline-end:.15rem}[data-theme=dark] .clt-ph-bar-label{color:#fbbf24}.clt-ph-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .3rem .2rem .5rem;border-radius:9px;background:var(--card-bg,#fff);border:1px solid var(--card-border,#e6e4f2)}.clt-ph-token{font-size:.75rem;font-weight:700;color:#b45309;background:color-mix(in srgb,#f59e0b 16%,transparent);padding:1px 6px;border-radius:5px;white-space:nowrap}.clt-ph-input{border:none;background:none;font-family:inherit;font-size:.82rem;width:108px;color:var(--primary,#0f1226);padding:2px 0}.clt-ph-input::placeholder{color:var(--gray-400,#b3b6c9)}.clt-ph-input:focus{outline:none}.clt-ph-set{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:6px;cursor:pointer;background:var(--accent,#6366f1);color:#fff;transition:opacity .15s}.clt-ph-set:disabled{opacity:.4;cursor:not-allowed}.clt-ph-set svg{width:13px;height:13px}.clt-paper--loading{position:relative}.clt-skel-line{height:13px;border-radius:6px;background:linear-gradient(90deg,var(--bg,#f1f0f7) 25%,color-mix(in srgb,var(--accent,#6366f1) 7%,transparent) 50%,var(--bg,#f1f0f7) 75%);background-size:200% 100%;animation:clt-shimmer 1.4s ease infinite;margin-bottom:12px}.clt-skel-line.w70{width:70%}.clt-skel-line.w90{width:90%}.clt-skel-line.w95{width:95%}.clt-skel-line.w80{width:80%}.clt-skel-line.w50{width:50%}.clt-skel-line.w40{width:40%}.clt-skel-gap{height:14px}@keyframes clt-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.clt-paper-status{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.6rem;font-family:system-ui,sans-serif;font-size:.9rem;font-weight:600;color:var(--accent,#6366f1)}.clt-paper-status svg{width:17px;height:17px;animation:clt-spin 2.5s linear infinite}.clt-refining{display:inline-flex;align-items:center;gap:.45rem;margin-top:.8rem;font-family:system-ui,sans-serif;font-size:.85rem;font-weight:600;color:var(--accent,#6366f1)}.clt-refining svg{width:15px;height:15px;animation:clt-spin 2.5s linear infinite}.clt-paper--empty{display:flex;align-items:center;justify-content:center;font-family:system-ui,sans-serif}.clt-error-state,.clt-limit{text-align:center;max-width:340px}.clt-limit-ic{width:58px;height:58px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.clt-limit-ic--warn{background:#fef2f2;color:#ef4444}.clt-limit-ic svg{width:30px;height:30px}.clt-error-state h3,.clt-limit h3{font-size:1.2rem;font-weight:800;margin:0 0 .4rem;color:var(--primary,#0f1226)}.clt-error-state p,.clt-limit p{font-size:.92rem;color:var(--gray-600,#6b7088);line-height:1.55;margin:0 0 1.3rem}.clt-error-state .clt-btn-primary,.clt-limit .clt-btn-primary{display:inline-flex}@media (max-width:860px){.clt-split{grid-template-columns:1fr}.clt-controls{position:static;order:2}.clt-paper-wrap{order:1}}@media (max-width:560px){.clt-card{padding:1.5rem 1.3rem 1.3rem;border-radius:18px}.clt-card-title{font-size:1.3rem}.clt-grid2{gap:0}.clt-grid2,.clt-tones{grid-template-columns:1fr}.clt-stepper{gap:0}.clt-step-label{display:none}.clt-step--current .clt-step-label{display:inline}.clt-step-bar{width:22px;margin:0 .4rem}.clt-paper{padding:1.6rem 1.4rem;font-size:.98rem}.clt-nav{flex-direction:row}.clt-btn-primary{padding:.75rem 1.15rem;font-size:.9rem}}@media (prefers-reduced-motion:reduce){.clt-fade,.clt-paper-status svg,.clt-refining svg,.clt-skel-line,.clt-spin{animation:none}.clt-btn-primary:hover,.clt-btn-soft:hover,.clt-import:hover,.clt-tone:hover{transform:none}}.clm{max-width:1080px;margin:0 auto;padding:0 1.25rem}.clm-section{padding:4rem 0 0}.clm-head{text-align:center;max-width:640px;margin:0 auto 2.5rem}.clm-eyebrow{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent,#6366f1);background:color-mix(in srgb,var(--accent,#6366f1) 9%,transparent);padding:5px 13px;border-radius:99px;margin-bottom:.85rem}.clm-head h2{font-size:clamp(1.6rem,3.2vw,2.1rem);font-weight:800;letter-spacing:-.025em;margin:0 0 .6rem;color:var(--primary,#0f1226)}.clm-head p{font-size:1.02rem;color:var(--gray-600,#6b7088);margin:0;line-height:1.55}.clm-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.clm-step{position:relative;padding:1.6rem 1.4rem 1.4rem;border-radius:18px;background:var(--card-bg,#fff);border:1px solid var(--card-border,#e6e4f2);box-shadow:0 18px 50px -34px rgba(30,27,58,.3)}.clm-step-n{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:#fff;margin-bottom:.9rem;background:linear-gradient(135deg,var(--accent,#6366f1),var(--accent-2,#8b5cf6));box-shadow:0 8px 20px -8px rgba(99,102,241,.6)}.clm-step h3{font-size:1.05rem;font-weight:700;margin:0 0 .35rem;color:var(--primary,#0f1226)}.clm-step p{font-size:.9rem;color:var(--gray-600,#6b7088);margin:0;line-height:1.6}.clm-step-line{position:absolute;top:2.4rem;inset-inline-end:-.7rem;color:var(--card-border,#d8d4ea);z-index:1}.clm-step:last-child .clm-step-line{display:none}.clm-why-intro{max-width:720px;margin:0 auto 2rem}.clm-why-intro p{font-size:1rem;color:var(--gray-600,#54586b);line-height:1.75;margin:0 0 .9rem;text-align:center}.clm-why-intro p strong{color:var(--primary,#0f1226)}.clm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.clm-stat{text-align:center;padding:1.7rem 1.1rem;border-radius:18px;background:var(--card-bg,#fff);border:1px solid var(--card-border,#e6e4f2);transition:transform .18s}.clm-stat:hover{transform:translateY(-3px)}.clm-stat-num{font-size:2.3rem;font-weight:800;line-height:1;letter-spacing:-.02em;background:linear-gradient(135deg,var(--accent,#6366f1),var(--accent-2,#8b5cf6));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.clm-stat-label{font-size:.85rem;color:var(--gray-600,#6b7088);margin-top:.5rem;line-height:1.45}.clm-prac-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.clm-prac-col{padding:1.5rem;border-radius:18px;background:var(--card-bg,#fff);border:1px solid var(--card-border,#e6e4f2)}.clm-prac-col h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:800;margin:0 0 1rem}.clm-prac-col--do h3{color:#059669}.clm-prac-col--dont h3{color:#dc2626}.clm-prac-badge{width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.clm-prac-col--do .clm-prac-badge{background:var(--green-light,#ecfdf5);color:#059669}.clm-prac-col--dont .clm-prac-badge{background:#fef2f2;color:#dc2626}[data-theme=dark] .clm-prac-col--do .clm-prac-badge{background:rgba(16,185,129,.12)}[data-theme=dark] .clm-prac-col--dont .clm-prac-badge{background:rgba(239,68,68,.12)}.clm-prac-item{display:flex;gap:.7rem;padding:.65rem 0;border-top:1px solid var(--card-border,#f0eef8)}.clm-prac-item:first-of-type{border-top:none}.clm-prac-ic{flex-shrink:0;margin-top:2px}.clm-prac-col--do .clm-prac-ic{color:#10b981}.clm-prac-col--dont .clm-prac-ic{color:#ef4444}.clm-prac-ic svg{width:17px;height:17px}.clm-prac-item strong{display:block;font-size:.9rem;font-weight:700;color:var(--primary,#0f1226);margin-bottom:1px}.clm-prac-item span{font-size:.85rem;color:var(--gray-600,#6b7088);line-height:1.5}.clm-mistakes-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.clm-mistake{padding:1.4rem 1.5rem;border-radius:18px;background:var(--card-bg,#fff);border:1px solid var(--card-border,#e6e4f2);border-inline-start:3px solid #ef4444}.clm-mistake-quote{font-size:1rem;font-weight:700;color:#dc2626;margin:0 0 .45rem;font-style:italic}.clm-mistake p{font-size:.9rem;color:var(--gray-600,#6b7088);margin:0;line-height:1.6}.clm-faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:.65rem}.clm-faq-item{border:1px solid var(--card-border,#e6e4f2);border-radius:14px;background:var(--card-bg,#fff);overflow:hidden}.clm-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;list-style:none;padding:1.05rem 1.25rem;font-size:.98rem;font-weight:700;color:var(--primary,#0f1226)}.clm-faq-item summary::-webkit-details-marker{display:none}.clm-faq-chev{flex-shrink:0;color:var(--gray-400,#9095ab);transition:transform .22s}.clm-faq-chev svg{width:18px;height:18px;display:block}.clm-faq-item[open] .clm-faq-chev{transform:rotate(180deg);color:var(--accent,#6366f1)}.clm-faq-a{padding:0 1.25rem 1.15rem;font-size:.93rem;color:var(--gray-600,#6b7088);line-height:1.7}.clm-cta{padding:4rem 0 1rem}.clm-cta-box{position:relative;overflow:hidden;text-align:center;border-radius:26px;padding:3.2rem 2rem;background:linear-gradient(135deg,#4f46e5,#7c3aed 55%,#6366f1);color:#fff}.clm-cta-box:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 0,rgba(255,255,255,.18) 0,transparent 55%);pointer-events:none}.clm-cta-box h2{position:relative;font-size:clamp(1.5rem,3.4vw,2.1rem);font-weight:800;letter-spacing:-.025em;margin:0 0 .7rem}.clm-cta-box p{position:relative;font-size:1.02rem;color:rgba(255,255,255,.88);max-width:540px;margin:0 auto 1.6rem;line-height:1.6}.clm-cta-btn{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 2rem;border-radius:13px;background:#fff;color:#4f46e5;font-weight:800;font-size:1rem;text-decoration:none;box-shadow:0 14px 34px -12px rgba(0,0,0,.4);transition:transform .15s,box-shadow .15s}.clm-cta-btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px -12px rgba(0,0,0,.45)}.clm-cta-btn svg{width:18px;height:18px}@media (max-width:860px){.clm-steps{grid-template-columns:1fr}.clm-step-line{display:none}.clm-mistakes-grid,.clm-prac-grid{grid-template-columns:1fr}}@media (max-width:560px){.clm-section{padding-top:3rem}.clm-cta-box{padding:2.4rem 1.4rem}}@media (prefers-reduced-motion:reduce){.clm-cta-btn:hover,.clm-stat:hover{transform:none}}.cl-updated{display:inline-block;margin-top:.9rem;font-size:.78rem;color:var(--gray-400,#9095ab)}.clm-def-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.clm-def{padding:1.5rem;border-radius:18px;background:var(--card-bg,#fff);border:1px solid var(--card-border,#e6e4f2);box-shadow:0 18px 50px -34px rgba(30,27,58,.3)}.clm-def h3{font-size:1.05rem;font-weight:700;margin:0 0 .5rem;color:var(--primary,#0f1226)}.clm-def p{font-size:.92rem;color:var(--gray-600,#6b7088);line-height:1.65;margin:0}.clm-ex-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.clm-ex{display:flex;flex-direction:column;border-radius:18px;background:var(--card-bg,#fff);border:1px solid var(--card-border,#e6e4f2);overflow:hidden}.clm-ex-head{padding:1.1rem 1.3rem .9rem;border-bottom:1px solid var(--card-border,#f0eef8)}.clm-ex-role{display:block;font-size:1rem;font-weight:800;color:var(--primary,#0f1226)}.clm-ex-scenario{display:block;font-size:.82rem;color:var(--gray-600,#6b7088);margin-top:2px}.clm-ex-letter{position:relative;padding:1.3rem;flex:1}.clm-ex-quote{position:absolute;top:.85rem;inset-inline-start:.95rem;width:24px;height:24px;color:color-mix(in srgb,var(--accent,#6366f1) 26%,transparent)}.clm-ex-quote svg{width:100%;height:100%}.clm-ex-letter p{position:relative;font-family:Georgia,Times New Roman,serif;font-size:.9rem;line-height:1.7;color:#2a2d3a;margin:0;padding-top:.5rem}[data-theme=dark] .clm-ex-letter p{color:#d7d9e6}.clm-tips{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.clm-tip{display:flex;gap:.9rem;padding:1.2rem 1.3rem;border-radius:16px;background:var(--card-bg,#fff);border:1px solid var(--card-border,#e6e4f2)}.clm-tip-n{flex-shrink:0;width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;color:var(--accent,#6366f1);background:color-mix(in srgb,var(--accent,#6366f1) 10%,transparent)}.clm-tip h3{font-size:.98rem;font-weight:700;margin:0 0 .3rem;color:var(--primary,#0f1226)}.clm-tip p{font-size:.88rem;color:var(--gray-600,#6b7088);line-height:1.6;margin:0}.clm-cmp{border:1px solid var(--card-border,#e6e4f2);border-radius:18px;overflow:hidden;background:var(--card-bg,#fff)}.clm-cmp-row{display:grid;grid-template-columns:.9fr 1.3fr 1.3fr;align-items:stretch;border-bottom:1px solid var(--card-border,#f0eef8)}.clm-cmp-row:last-child{border-bottom:none}.clm-cmp-row>div{padding:1rem 1.15rem;font-size:.88rem;line-height:1.55}.clm-cmp-head{background:var(--primary,#0f1226);color:#fff;font-weight:700}.clm-cmp-head .clm-cmp-us{background:transparent;color:#fff}.clm-cmp-dim{font-weight:700;background:var(--bg,#faf9ff)}.clm-cmp-dim,.clm-cmp-us{color:var(--primary,#0f1226)}.clm-cmp-us{background:color-mix(in srgb,var(--accent,#6366f1) 5%,transparent)}.clm-cmp-tick{display:inline-flex;width:16px;height:16px;margin-inline-end:6px;vertical-align:-3px;color:#10b981}.clm-cmp-tick svg{width:100%;height:100%}.clm-cmp-them{color:var(--gray-600,#6b7088)}[data-theme=dark] .clm-cmp-dim{background:rgba(255,255,255,.03)}.clm-related{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.clm-related-card{position:relative;display:flex;flex-direction:column;gap:.3rem;padding:1.3rem;border-radius:16px;background:var(--card-bg,#fff);border:1px solid var(--card-border,#e6e4f2);text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s}.clm-related-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent,#6366f1) 45%,transparent);box-shadow:0 14px 34px -22px rgba(30,27,58,.4)}.clm-related-card strong{font-size:.95rem;color:var(--primary,#0f1226)}.clm-related-card span{font-size:.82rem;color:var(--gray-600,#6b7088);line-height:1.5}.clm-related-go{position:absolute;top:1.1rem;inset-inline-end:1.1rem;color:var(--accent,#6366f1);opacity:0;transform:translateX(-4px);transition:all .15s}.clm-related-go svg{width:18px;height:18px}.clm-related-card:hover .clm-related-go{opacity:1;transform:none}@media (max-width:860px){.clm-def-grid,.clm-ex-grid,.clm-tips{grid-template-columns:1fr}.clm-related{grid-template-columns:1fr 1fr}}@media (max-width:600px){.clm-cmp-row{grid-template-columns:1fr}.clm-cmp-head{display:none}.clm-cmp-dim{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-600,#6b7088)}.clm-cmp-us:before{content:"FreeCV: ";font-weight:700}.clm-cmp-them:before{content:"Most tools: ";font-weight:700;color:var(--gray-400,#9095ab)}.clm-related{grid-template-columns:1fr}}