:root{--white:#ffffff;--off-white:#f7f7f7;--grey-border:#e5e7eb;--grey-text:#6b7280;--body-text:#4b5563;--heading:#111827;--navy:#0a1628;--teal:#2d8a1e;--teal-dark:#226b17;--teal-light:#eef7eb;--orange:#f06414;--orange-light:#fef0e8;--f:'DM Sans',sans-serif;--shadow-sm:0 2px 8px rgba(13,31,60,0.07);--shadow-md:0 4px 20px rgba(13,31,60,0.10);}
    *,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
    html{scroll-behavior:smooth;}
    body{font-family:var(--f);background:var(--white);color:var(--body-text);overflow-x:hidden;line-height:1.65;-webkit-font-smoothing:antialiased;}
    nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:0 64px;height:72px;background:rgba(255,255,255,0.96);backdrop-filter:blur(20px);border-bottom:1px solid var(--grey-border);box-shadow:var(--shadow-sm);}
    .nav-logo{font-weight:800;font-size:1.2rem;color:var(--heading);text-decoration:none;letter-spacing:-0.01em;}
    .nav-logo span{color:var(--teal);}
    .nav-links{display:flex;gap:32px;list-style:none;align-items:center;}
    .nav-links a{font-size:0.83rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--grey-text);text-decoration:none;transition:color .2s;}
    .nav-links a:hover{color:var(--teal);}
    .nav-cta{position:relative;background:var(--orange)!important;color:var(--white)!important;font-weight:700!important;padding:12px 28px;border-radius:50px;box-shadow:0 2px 12px rgba(240,100,20,0.3)!important;transition:background .2s,transform .2s!important;}
    .nav-cta::after{content:'';position:absolute;inset:0;border-radius:50px;box-shadow:0 0 0 0 rgba(240,100,20,0.5);animation:btnPulse 2.5s infinite;pointer-events:none;}
    .nav-cta:hover{background:#d6560e!important;transform:translateY(-1px)!important;}
    @keyframes btnPulse{0%{box-shadow:0 0 0 0 rgba(240,100,20,0.6)}70%{box-shadow:0 0 0 16px rgba(240,100,20,0)}100%{box-shadow:0 0 0 0 rgba(240,100,20,0)}}
    .blog-hero{padding-top:72px;background:linear-gradient(135deg,#050d1a 0%,#071a2a 50%,#0a1f12 100%);position:relative;overflow:hidden;min-height:520px;display:flex;align-items:center;}
    .blog-hero::before{content:'';position:absolute;top:-15%;right:-10%;width:55vw;height:55vw;background:radial-gradient(circle,rgba(0,201,177,0.15) 0%,rgba(45,138,30,0.08) 50%,transparent 70%);filter:blur(80px);pointer-events:none;}
    .blog-hero::after{content:'';position:absolute;bottom:-10%;left:-5%;width:40vw;height:40vw;background:radial-gradient(circle,rgba(45,138,30,0.12) 0%,transparent 70%);filter:blur(60px);pointer-events:none;}
    .hero-inner{max-width:900px;margin:0 auto;padding:80px 60px;position:relative;z-index:2;}
    .blog-category{display:inline-flex;align-items:center;gap:8px;background:rgba(0,201,177,0.15);border:1px solid rgba(0,201,177,0.35);padding:6px 16px;border-radius:20px;font-size:0.72rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:#00c9b1;margin-bottom:24px;}
    .blog-hero h1{font-size:clamp(2.2rem,4.5vw,3.8rem);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:#fff;margin-bottom:20px;}
    .blog-hero h1 em{font-style:normal;color:#00c9b1;}
    .blog-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px;padding-top:28px;border-top:1px solid rgba(255,255,255,0.12);}
    .blog-meta-item{font-size:0.82rem;color:rgba(255,255,255,0.55);display:flex;align-items:center;gap:6px;}
    .blog-meta-item strong{color:rgba(255,255,255,0.85);}
    .reading-badge{background:rgba(0,201,177,0.2);border:1px solid rgba(0,201,177,0.35);color:#00c9b1;padding:4px 12px;border-radius:20px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;}
    .article-wrap{max-width:800px;margin:0 auto;padding:64px 40px 80px;}
    .lead-text{font-size:1.18rem;line-height:1.85;color:#374151;font-weight:500;margin-bottom:40px;padding:28px 32px;background:linear-gradient(135deg,var(--teal-light),#f0faff);border-left:4px solid #00c9b1;border-radius:0 12px 12px 0;}
    h2.section-h{font-size:1.65rem;font-weight:800;color:var(--heading);letter-spacing:-0.02em;margin:48px 0 18px;line-height:1.2;}
    h3.sub-h{font-size:1.15rem;font-weight:700;color:var(--heading);margin:32px 0 12px;}
    p{font-size:0.97rem;line-height:1.82;color:var(--body-text);margin-bottom:18px;}
    .highlight-box{background:var(--off-white);border:1.5px solid var(--grey-border);border-left:4px solid #00c9b1;border-radius:0 12px 12px 0;padding:24px 28px;margin:32px 0;}
    .highlight-box p{margin-bottom:0;font-size:0.95rem;}
    .before-after{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:36px 0;border-radius:16px;overflow:hidden;border:1.5px solid var(--grey-border);}
    .ba-col{padding:32px 28px;}
    .ba-col.before{background:#fff5f5;border-right:1.5px solid var(--grey-border);}
    .ba-col.after{background:var(--teal-light);}
    .ba-label{font-size:0.72rem;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:8px;}
    .ba-col.before .ba-label{color:#dc2626;}
    .ba-col.after .ba-label{color:var(--teal-dark);}
    .ba-item{display:flex;align-items:flex-start;gap:10px;font-size:0.88rem;color:var(--body-text);margin-bottom:10px;line-height:1.6;}
    .ba-col.before .ba-item::before{content:'✗';color:#dc2626;font-weight:800;flex-shrink:0;margin-top:1px;}
    .ba-col.after .ba-item::before{content:'✓';color:var(--teal);font-weight:800;flex-shrink:0;margin-top:1px;}
    .workflow-steps{margin:36px 0;position:relative;}
    .workflow-steps::before{content:'';position:absolute;left:27px;top:48px;bottom:48px;width:2px;background:linear-gradient(180deg,#00c9b1 0%,rgba(0,201,177,0.2) 100%);}
    .wf-step{display:grid;grid-template-columns:56px 1fr;gap:24px;padding:28px 0;border-bottom:1px solid var(--grey-border);align-items:start;}
    .wf-step:last-child{border-bottom:none;}
    .step-num{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--teal),#00c9b1);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:0.95rem;flex-shrink:0;box-shadow:0 4px 16px rgba(45,138,30,0.3);}
    .step-body{padding-top:12px;}
    .step-body h3{font-weight:700;font-size:1.05rem;color:var(--heading);margin-bottom:6px;}
    .step-body p{font-size:0.88rem;color:var(--body-text);line-height:1.72;margin-bottom:0;}
    .step-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
    .step-tag{background:var(--teal-light);border:1px solid rgba(45,138,30,0.25);color:var(--teal-dark);font-size:0.7rem;font-weight:700;letter-spacing:0.05em;padding:3px 10px;border-radius:20px;text-transform:uppercase;}
    .ai-block{background:linear-gradient(135deg,#050d1a,#071a1f);border:1.5px solid rgba(0,201,177,0.25);border-radius:16px;padding:36px;margin:40px 0;position:relative;overflow:hidden;}
    .ai-block::before{content:'';position:absolute;top:-30px;right:-30px;width:160px;height:160px;background:radial-gradient(circle,rgba(0,201,177,0.2),transparent 70%);}
    .ai-block h3{font-size:1.15rem;font-weight:800;color:#00c9b1;margin-bottom:16px;display:flex;align-items:center;gap:8px;}
    .ai-block p{color:rgba(255,255,255,0.72);font-size:0.9rem;line-height:1.75;margin-bottom:12px;}
    .ai-block p:last-child{margin-bottom:0;}
    .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:32px 0;}
    .feat-card{background:var(--off-white);border:1.5px solid var(--grey-border);border-top:3px solid var(--teal);border-radius:12px;padding:24px 20px;transition:transform .25s,box-shadow .25s;}
    .feat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);}
    .feat-card:nth-child(even){border-top-color:#00c9b1;}
    .feat-icon{font-size:1.6rem;margin-bottom:10px;display:block;}
    .feat-title{font-weight:700;font-size:0.9rem;color:var(--heading);margin-bottom:6px;}
    .feat-desc{font-size:0.82rem;color:var(--body-text);line-height:1.65;}
    .paa-block{background:linear-gradient(135deg,var(--teal-light),#f0faff);border:1.5px solid rgba(0,201,177,0.25);border-radius:16px;padding:36px;margin:48px 0;}
    .paa-block h3{font-size:1rem;font-weight:800;color:var(--teal);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:20px;display:flex;align-items:center;gap:8px;}
    .paa-item{border-bottom:1px solid rgba(45,138,30,0.15);padding:14px 0;cursor:pointer;}
    .paa-item:last-child{border-bottom:none;}
    .paa-q{font-weight:700;font-size:0.95rem;color:var(--heading);display:flex;justify-content:space-between;align-items:center;}
    .paa-q::after{content:'＋';color:var(--teal);font-size:1.1rem;flex-shrink:0;transition:transform .3s;}
    .paa-item.open .paa-q::after{transform:rotate(45deg);}
    .paa-a{font-size:0.88rem;color:var(--body-text);line-height:1.75;padding:12px 0 4px;display:none;}
    .paa-item.open .paa-a{display:block;}
    .pull-quote{border-left:5px solid #00c9b1;padding:20px 28px;margin:36px 0;background:linear-gradient(135deg,var(--teal-light),#f0faff);border-radius:0 12px 12px 0;}
    .pull-quote p{font-size:1.1rem;font-weight:700;font-style:italic;color:var(--heading);margin-bottom:0;line-height:1.65;}
    .tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:40px 0 0;}
    .tag{background:var(--teal-light);border:1px solid rgba(45,138,30,0.25);color:var(--teal-dark);font-size:0.72rem;font-weight:700;letter-spacing:0.06em;padding:5px 13px;border-radius:20px;text-transform:uppercase;}
    .cta-banner{background:linear-gradient(135deg,#050d1a,#071a2a,#0a1f12);border-radius:20px;padding:48px 44px;margin:56px 0 0;text-align:center;position:relative;overflow:hidden;}
    .cta-banner::before{content:'';position:absolute;top:-40%;right:-15%;width:50%;height:200%;background:radial-gradient(circle,rgba(0,201,177,0.15),transparent 70%);}
    .cta-banner h3{font-size:1.8rem;font-weight:800;color:#fff;margin-bottom:12px;}
    .cta-banner p{color:rgba(255,255,255,0.65);font-size:0.95rem;margin-bottom:28px;max-width:480px;margin-left:auto;margin-right:auto;}
    .btn-primary{display:inline-flex;align-items:center;gap:9px;background:var(--orange);color:#fff;font-weight:700;font-size:0.92rem;padding:16px 36px;border-radius:50px;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 3px 18px rgba(240,100,20,0.4);}
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(240,100,20,0.5);}
    .btn-secondary{display:inline-flex;align-items:center;gap:9px;background:transparent;color:#00c9b1;font-weight:700;font-size:0.92rem;padding:14px 34px;border-radius:50px;border:2px solid #00c9b1;text-decoration:none;transition:background .2s,transform .2s;margin-left:12px;}
    .btn-secondary:hover{background:rgba(0,201,177,0.1);transform:translateY(-1px);}
    .related-posts{margin:64px 0 0;padding:48px 0;border-top:1px solid var(--grey-border);}
    .related-posts h3{font-size:1.2rem;font-weight:800;color:var(--heading);margin-bottom:24px;}
    .related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
    .rel-card{background:var(--off-white);border:1.5px solid var(--grey-border);border-radius:14px;padding:28px;transition:transform .25s,box-shadow .25s,border-color .25s;text-decoration:none;display:block;}
    .rel-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:rgba(45,138,30,0.35);}
    .rel-cat{font-size:0.69rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--teal);margin-bottom:8px;}
    .rel-title{font-size:0.97rem;font-weight:700;color:var(--heading);line-height:1.4;}
    .divider{width:60px;height:4px;background:linear-gradient(90deg,#00c9b1,rgba(0,201,177,0.3));border-radius:2px;margin:0 0 28px;}
    @keyframes riseUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
    .animate-in{animation:riseUp .7s ease both;}.animate-in-2{animation:riseUp .7s .15s ease both;}.animate-in-3{animation:riseUp .7s .3s ease both;}
    @media(max-width:960px){nav{padding:0 20px;}.nav-links{display:none;}.hero-inner{padding:60px 24px;}.article-wrap{padding:40px 22px 60px;}.before-after{grid-template-columns:1fr;}.ba-col.before{border-right:none;border-bottom:1.5px solid var(--grey-border);}.feature-grid{grid-template-columns:1fr 1fr;}.related-grid{grid-template-columns:1fr;}.workflow-steps::before{display:none;}}
    @media(max-width:600px){.feature-grid{grid-template-columns:1fr;}}