.btn,.feat-icon,.hero,.hero-split,.pain-x,.pill,.vs-check{align-items:center}.btn-accent:hover,.btn-outline:hover,.btn-primary:hover,.btn-white:hover{transform:translateY(-1px)}.feat-icon img,.pain-x img,.use-card-emoji img{max-width:32px;width:100%}.feat-tag,.hero-badge,.section-label,.vs-lbl{text-transform:uppercase}.btn,summary{cursor:pointer}.comp-intro,.cta-final,.faq-section .section-label,.faq-section h2,.vs-divider{text-align:center}.cta-final,.feat-card,.hero,.switch-quote,.vs-card,details{overflow:hidden}.cta-rings,.hero-glow{pointer-events:none}:root{--brand:#2b2623;--brand-light:#3d3430;--brand-muted:#6b5e59;--accent:#c8a96e;--accent-light:#e8d5a8;--accent-pale:rgba(200, 169, 110, 0.08);--white:#ffffff;--off-white:#fafaf8;--asana-red:#e8534a;--asana-pale:rgba(232, 83, 74, 0.08);--border:rgba(43, 38, 35, 0.1);--border-strong:rgba(43, 38, 35, 0.18);--shadow-soft:0 4px 24px rgba(43, 38, 35, 0.07);--shadow-med:0 12px 48px rgba(43, 38, 35, 0.12)}.btn{display:inline-flex;gap:.4rem;font-size:.9rem;font-weight:600;text-decoration:none;padding:.7rem 1.5rem;border-radius:8px;border:none;transition:.2s;letter-spacing:.01em}.btn-outline:hover,.btn-primary{background:var(--brand);color:var(--white)}.btn-accent,.btn-outline,.btn-white,.hero-badge,.hero-trust strong,.td-clopad,.vs-badge,.vs-cell.clopad,h1,h2{color:var(--brand)}.btn-primary:hover{background:var(--brand-light);box-shadow:0 6px 20px rgba(43,38,35,.25)}.btn-accent{background:var(--accent)}.btn-accent:hover{background:var(--accent-light);box-shadow:0 6px 20px rgba(200,169,110,.3)}.comp-table-wrap,.feat-card:hover,.vs-card{box-shadow:var(--shadow-med)}.btn-outline{background:0 0;border:1.5px solid var(--brand)}.btn-white,.comp-table tbody tr:nth-child(odd){background:var(--white)}.btn-white:hover,.comp-table tbody tr:nth-child(2n),.comparison,.faq-section,.hero,.switch{background:var(--off-white)}.btn-lg{padding:.875rem 2rem;font-size:.975rem;border-radius:10px}.hero{padding:120px 0 100px;display:flex;position:relative}.hero-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(43,38,35,.06) 1px,transparent 0);background-size:36px 36px}.hero-glow{position:absolute;top:10%;right:5%;width:500px;min-height:500px;border-radius:50%;background:radial-gradient(ellipse,rgba(200,169,110,.12) 0,transparent 70%)}.cta-final,.feat-card,.hero-inner,.quote-author,.switch-benefits,.switch-quote{position:relative}.hero-inner{max-width:1280px;margin:0 auto;padding:0 2rem;width:100%;z-index:2}.hero-badge,h1{margin-bottom:1.5rem}.hero-split{display:grid;grid-template-columns:1fr 1fr;gap:5rem}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;border-radius:100px;background:rgba(200,169,110,.12);border:1px solid rgba(200,169,110,.3);font-size:.8em;font-weight:700;letter-spacing:.08em}.hero-desc,.hero-trust p,.td-asana{color:var(--brand-muted)}.pain h2,.trust-dot,.use-cases h2,.vs-card-title{color:var(--white)}.hero-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}h1{font-family:Inter,sans-serif;font-size:clamp(2.2rem, 4vw, 3.5rem);font-weight:900;line-height:1.1;letter-spacing:-.03em}h1 em,h2 em{font-style:italic;color:var(--accent)}.hero-desc{font-size:1.05rem;line-height:1.75;max-width:480px;margin-bottom:2.25rem}.hero-btns{display:flex;gap:.85rem;flex-wrap:wrap}.hero-trust,.trust-dot,.vs-card-header{display:flex;align-items:center}.hero-trust{margin-top:2rem;gap:.75rem}.hero-trust-dots{display:flex;gap:4px}.trust-dot{width:28px;height:28px;border-radius:50%;background:var(--brand);border:2px solid var(--white);justify-content:center;font-size:.6rem;font-weight:700;margin-left:-8px}.trust-dot:first-child{margin-left:0}.hero-trust p{font-size:.8125rem}.vs-card{background:var(--white);border-radius:20px;border:1px solid var(--border-strong);animation:7s ease-in-out infinite cardFloat}@keyframes cardFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(.3deg)}}.vs-card-header{background:var(--brand);padding:1.25rem 1.5rem;justify-content:space-between}.vs-labels,.vs-row{display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem}.vs-card-title{font-size:.8rem;font-weight:600}.vs-badge{background:var(--accent);font-size:.65rem;font-weight:700;padding:.2rem .6rem;border-radius:100px;letter-spacing:.04em}.vs-card-body{padding:1.25rem}.vs-row{align-items:center;margin-bottom:.75rem}.pain-x,.vs-check{justify-content:center}.vs-row:last-child{margin-bottom:0}.vs-cell{padding:.7rem .85rem;border-radius:8px;font-size:.75rem;font-weight:500}.section-label,.vs-divider,.vs-lbl,h2{font-weight:700}.vs-cell.clopad{background:var(--accent-pale);border:1px solid rgba(200,169,110,.2)}.vs-cell.asana{background:var(--asana-pale);color:#8b3b37;border:1px solid rgba(232,83,74,.15)}.vs-divider{font-size:.65rem;color:var(--brand-muted)}.cta-vs-pill .gold,.pain h2 em,.section-label,.th-clopad,.use-cases h2 em,.vs-lbl.c{color:var(--accent)}.vs-labels{margin-bottom:.5rem}.vs-lbl{font-size:.65rem;letter-spacing:.06em;padding:0 .85rem}.vs-lbl.a{color:var(--asana-red)}.vs-check{display:inline-flex;width:16px;height:16px;border-radius:50%;font-size:.6rem}.pain-inner,.section-wrap{width:100%;padding:0 2rem}.vs-check.yes{background:#22c55e;color:#fff}.vs-check.no{background:#e5e7eb;color:#9ca3af}section{padding:100px 0}.section-wrap{max-width:1280px;margin:0 auto}.section-label{font-size:.72rem;letter-spacing:.1em;margin-bottom:.75rem}.pain-desc,.section-sub{font-size:1.0625rem;line-height:1.75}h2{font-size:clamp(1.8rem, 3vw, 2.75rem);line-height:1.15;letter-spacing:-.025em;margin-bottom:1rem}.section-sub{color:var(--brand-muted);max-width:620px}.comp-table thead tr,.pain,.use-cases{background:var(--brand)}.pain-inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;max-width:1280px;margin:0 auto}.pain-item,.pain-list{display:flex;gap:1rem}.pain .section-label,.use-cases .section-label{color:rgba(200,169,110,.8)}.pain-desc{color:rgba(255,255,255,.65);margin-top:1rem;max-width:420px}.pain-list{list-style:none;padding:0;flex-direction:column;margin-top:2.5rem}.pain-item{align-items:flex-start;padding:1.25rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:.2s}.pain-item:hover{background:rgba(255,255,255,.07);border-color:rgba(200,169,110,.3)}.pain-x{width:60px;height:60px;border-radius:15px;background:#fff;display:flex;flex-shrink:0;font-size:.9rem;color:var(--white)}.pain-x img{max-height:32px}.pain-item-text h3{font-size:16px;font-weight:600;color:var(--white);margin-bottom:10px}.pain-item-text p{font-size:1rem;line-height:1.6;color:rgba(255,255,255,.8)}.pain-item-text p:last-child{margin:0}.comp-intro{max-width:680px;margin:0 auto 4rem}.comp-intro .section-sub{margin:1rem auto 0}.comp-table-wrap{max-width:960px;margin:0 auto;border-radius:20px;overflow:hidden;border:1px solid var(--border-strong)}.comp-table{width:100%;border-collapse:collapse}.comp-table thead th{padding:1.25rem 1.5rem;text-align:left;font-size:.875rem;font-weight:600}.th-feature{color:rgba(255,255,255,.5);width:40%}.th-asana,.use-cases .section-sub{color:rgba(255,255,255,.6)}.comp-table tbody tr{border-top:1px solid var(--border)}.comp-table tbody tr:hover{background:rgba(200,169,110,.04)}.comp-table td{padding:1rem 1.5rem;font-size:.875rem;vertical-align:middle}.td-feature{font-weight:600;color:var(--brand)}.pill{display:inline-flex;gap:.4rem;padding:.25rem .7rem;border-radius:100px;font-size:.75rem;font-weight:600}.pill-yes{background:rgba(34,197,94,.1);color:#15803d}.pill-no{background:rgba(232,83,74,.08);color:#b91c1c}.pill-partial{background:rgba(200,169,110,.12);color:#92680a}.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3.5rem}.feat-card{background:var(--white);border-radius:16px;padding:2rem;border:1px solid var(--border);transition:.3s}.feat-card::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s}.feat-card:hover{border-color:rgba(200,169,110,.3);transform:translateY(-4px)}.feat-card:hover::after{transform:scaleX(1)}.feat-icon{width:60px;height:60px;border-radius:15px;background:#d6b98c;display:flex;justify-content:center;flex-shrink:0;font-size:.9rem;color:var(--white);margin-bottom:2rem}.feat-tag,.step-num{color:var(--accent);font-weight:700}.feat-card h3{font-size:1.125rem;font-weight:700;color:var(--brand);margin-bottom:.65rem}.feat-card p{font-size:1rem;line-height:1.65;color:var(--brand-muted)}.step-text h3,summary{color:var(--brand);font-weight:600}.feat-tag{display:inline-block;margin-top:1rem;font-size:.7rem;letter-spacing:.05em}.switch-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.step,.switch-steps{gap:1.25rem;display:flex}.switch-steps{margin-top:2.5rem;flex-direction:column}.step{align-items:flex-start;padding:1.25rem;background:var(--white);border-radius:12px;border:1px solid var(--border);transition:.2s}.step:hover{border-color:rgba(200,169,110,.4);transform:translateX(4px)}.step-num{width:34px;height:34px;border-radius:50%;border:2px solid var(--accent);font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-text h3{font-size:1rem;margin-bottom:.3rem}.step-text p{font-size:1rem;line-height:1.6;color:var(--brand-muted);margin:0}.switch-quote{background:var(--brand);border-radius:20px;padding:2.75rem;color:var(--white)}.switch-quote::before{content:'"';position:absolute;top:-.5rem;left:1.25rem;font-size:8rem;color:rgba(200,169,110,.12);line-height:1}.switch-quote blockquote{position:relative;z-index:2;font-size:1.2rem;font-style:italic;line-height:1.65;color:rgba(255,255,255,.9);margin-bottom:1.5rem}.quote-author{z-index:2}.quote-author strong{font-size:.875rem;font-weight:600;color:var(--white);display:block}.quote-author span{font-size:.8rem;color:rgba(255,255,255,.5)}.switch-benefits{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:.6rem;z-index:2}.switch-benefit{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:rgba(255,255,255,.9)}.switch-benefit::before{content:"✓";width:20px;height:20px;border-radius:50%;background:rgba(200,169,110,.2);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;flex-shrink:0}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3.5rem}.use-card{border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.75rem;background:rgba(255,255,255,.03);transition:.3s}.use-card:hover{background:rgba(255,255,255,.06);border-color:rgba(200,169,110,.3);transform:translateY(-3px)}.use-card-emoji{width:60px;height:60px;border-radius:15px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.9rem;color:var(--white);margin-bottom:2rem}.use-card h3{font-size:1.125rem;font-weight:700;color:var(--white);margin-bottom:.65rem}.use-card p{font-size:1rem;line-height:1.65;color:rgba(255,255,255,.8)}.faq-inner{max-width:860px;margin:0 auto;width:100%}.faq-list{margin-top:3rem}details{background:#fff;border-radius:16px;border:1px solid var(--border);transition:transform .25s,box-shadow .25s;padding:1.6rem 1.8rem}details:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(0,0,0,.08)}summary{font-size:1.05rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;list-style:none;line-height:1.4}summary::-webkit-details-marker{display:none}.faq-icon{min-width:12px;max-width:12px;height:12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .35s cubic-bezier(.4, 0, .2, 1)}details[open] .faq-icon{border-color:var(--brand);color:var(--white);transform:rotate(45deg)}.faq-ans{padding:1.4rem 0 0;font-size:.9375rem;line-height:1.75;color:var(--brand-muted);margin-bottom:0}.cta-final{background:var(--brand);padding:100px 2rem}.cta-rings,.ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring{border-radius:50%;border:1px solid rgba(255,255,255,.05)}.ring1{width:400px;height:400px}.ring2{width:650px;height:650px;border-color:rgba(255,255,255,.03)}.ring3{width:900px;height:900px;border-color:rgba(255,255,255,.02)}.cta-final-inner{position:relative;z-index:2;max-width:1280px;padding:0 2rem;margin:0 auto}.cta-vs-pill{display:inline-flex;align-items:center;gap:.75rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:.4rem 1.1rem;border-radius:100px;margin-bottom:2rem;font-size:.8rem;font-weight:600;color:rgba(255,255,255,.7)}.cta-final h2{color:var(--white);font-size:clamp(1.9rem, 3vw, 2.75rem);margin-bottom:1.25rem}.cta-final p{font-size:1.0625rem;line-height:1.75;color:rgba(255,255,255,.6);margin-bottom:2.5rem}.cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-note{margin-top:1.25rem;margin-bottom:0!important;font-size:.8rem;color:rgba(255,255,255,.35)}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-left>*{animation:.65s forwards fadeUp;opacity:0}.hero-left>:first-child{animation-delay:.1s}.hero-left>:nth-child(2){animation-delay:.22s}.hero-left>:nth-child(3){animation-delay:.34s}.hero-left>:nth-child(4){animation-delay:.46s}.hero-left>:nth-child(5){animation-delay:.58s}@media (max-width:900px){.hero-split,.pain-inner,.switch-grid{grid-template-columns:1fr}.hero-right{display:none}.pain-inner{gap:3rem}.features-grid,.use-grid{grid-template-columns:1fr 1fr}.sticky-section{position:inherit!important}}@media (max-width:600px){.features-grid,.use-grid{grid-template-columns:1fr}.comp-table thead,.nav-links a:not(.btn){display:none}.comp-table td{display:block;padding:.6rem 1rem}.td-feature{background:var(--brand);color:var(--white);font-size:.8rem;padding:.75rem 1rem}}.faq-section{padding:100px 0;background:var(--bg-light)}@media (max-width:767px){.faq-section,section{padding:50px 0}}@media (max-width:320px){h1{font-size:1.75rem;letter-spacing:-.02em}}.sticky-section{position:sticky;top:120px}