:root{--primary-color:#1e40af;--secondary-color:#f8f8f8;--accent-color:#ffc107;--highlight-color:#ca6702;--text-color:#333;--background-color:#fff;--font-family:"Roboto",sans-serif;--transition-speed:.3s}body{background-color:var(--bs-body-bg)}.hero{background:#1e40af;justify-content:center;align-items:center;width:100%;height:68vh;min-height:350px;max-height:500px;display:flex;position:relative;overflow:hidden}.hero-image{object-fit:cover;filter:brightness(.5)blur(1px);z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.overlay{opacity:.68;z-index:2;background:linear-gradient(100deg,#314fb1 80%,#0e256e 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:3;color:#fff;text-align:center;background:#1e40af1a;border-radius:1.5rem;width:90vw;max-width:700px;padding:2.5rem 1.5rem 2.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 32px #1e40af12}.hero h1{letter-spacing:-1.2px;margin-bottom:1.1rem;font-size:2.6rem;font-weight:900;line-height:1.15}.hero p{color:#e0e7ff;margin-bottom:2.1rem;font-size:1.18rem;font-weight:400}.brand-highlight{color:#ffc107;letter-spacing:.5px;font-weight:800}.hero .cta-button{color:#1e293b;cursor:pointer;background-color:#ffc107;border:none;border-radius:32px;padding:.95em 2.4em;font-size:1.16rem;font-weight:700;transition:background .18s,color .18s,transform .18s;box-shadow:0 2px 12px #1e40af17}.hero .cta-button:hover,.cta-button:focus{color:#18181b;background-color:#e0b200;transform:translateY(-1px)}@media (max-width:900px){.hero{height:48vh;min-height:180px;max-height:330px}.hero-content{padding:1.2rem .2rem}.hero h1{font-size:1.5rem}.hero p{font-size:1rem}}.new-badge-section{justify-content:center;padding:12px 16px;display:flex}.new-badge{background:#f3f6ff;border:1px solid #e5ebff;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;display:flex}.new-badge .badge-pill{color:#fff;background:#4f46e5;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.new-badge .badge-text{color:#1f2937;font-size:14px}.features-section{text-align:center;background:#fff;padding:2.5rem 0 2rem}.features-section h2{color:#1e40af;margin-bottom:2rem;font-size:2rem;font-weight:800}.features-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.5rem;max-width:768px;margin:0 auto;padding:0 1rem;display:grid}.feature-card{background:linear-gradient(120deg,#eef2ff 80%,#fff 100%);border-radius:1.1rem;flex-direction:column;align-items:center;min-width:180px;padding:1.8rem 1.1rem;transition:box-shadow .18s,transform .18s;display:flex;box-shadow:0 2px 12px #1e40af12}.feature-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #1e40af1f}.feature-card .icon{color:#1e40af;margin-bottom:.7rem;font-size:2.1rem}.feature-card h3{color:#1e40af;margin-bottom:.3rem;font-size:1.04rem;font-weight:700}.feature-card p{color:#495057;margin-bottom:0;font-size:.96rem}.features-grid.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.features-grid.four-col{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1024px){.features-grid.three-col,.features-grid.four-col{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.features-grid.three-col,.features-grid.four-col{grid-template-columns:1fr}}.template-section{text-align:center;background:#f7f9fb;padding:2.5rem 0 2rem}.template-section h2{color:#1e40af;margin-bottom:.5rem;font-size:1.8rem;font-weight:800}.template-section p{color:#61677c;margin-bottom:1rem;font-size:1.04rem}.template-section-intro{max-width:820px;margin-left:auto;margin-right:auto;line-height:1.65}.template-highlights{flex-wrap:wrap;justify-content:center;gap:.55rem;max-width:900px;margin:0 auto 2rem;display:flex}.template-highlights span{color:#1f3352;background:#fff;border:1px solid #1e40af24;border-radius:999px;padding:.42rem .78rem;font-size:.88rem;font-weight:700}.invoice-templates{flex-wrap:wrap;justify-content:center;gap:1.5rem;max-width:1150px;margin:0 auto 3rem;display:flex}.invoice-template{background:#fff;border-radius:1.2rem;max-width:260px;transition:transform .18s,box-shadow .18s;overflow:hidden;box-shadow:0 2px 8px #1e40af17}.invoice-template img{width:100%;display:block}.invoice-template:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 8px 32px #1e40af24}.center-cta{text-align:center;margin-top:1rem}.cta-button{color:#fff;background:#1e40af;border:none;border-radius:32px;margin:0 auto;padding:13px 36px;font-size:1.06rem;font-weight:700;transition:background .2s,box-shadow .2s,transform .18s;display:inline-block;box-shadow:0 2px 8px #1e40af12}.cta-button:hover,.cta-button:focus{background:#0e256e;transform:translateY(-1px);box-shadow:0 4px 16px #1e40af2b}.quotes-section{text-align:center;background:#fff;border-top:1px solid #eef2ff;padding:2.5rem 0 2rem}.section-header{text-align:center;max-width:860px;margin:0 auto 24px}.section-subtitle{color:#5b6471}.site-builder-section{text-align:center;background:#f7f9fb;border-top:1px solid #eef2ff;padding:2.5rem 0 2rem}.logo-library-section{text-align:center;background:#fff;border-top:1px solid #eef2ff;padding:2.5rem 0 2rem}.advanced-features-section{text-align:center;background:#fff;padding:2.5rem 0 2rem}.advanced-features-section h2{color:#1e40af;margin-bottom:2rem;font-size:1.6rem;font-weight:800}.advanced-features-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.1rem;max-width:1000px;margin:0 auto;padding:0 1rem;display:grid}.advanced-feature-card{text-align:left;background:linear-gradient(120deg,#f1f5fe 70%,#fff 100%);border-radius:1rem;min-width:170px;max-width:290px;margin:0 auto;padding:1.2rem 1rem;box-shadow:0 2px 8px #1e40af0d}.advanced-feature-card h3{color:#1e40af;margin-bottom:.6rem;font-size:1rem;font-weight:700}.advanced-feature-card p{color:#555b6a;margin-bottom:0;font-size:.96rem}.invoice-template{cursor:zoom-in;position:relative;overflow:hidden}.template-wrapper{position:relative;overflow:hidden}.template-wrapper img{width:100%;height:auto;transition:transform .4s;display:block}.template-wrapper:hover img{transform:scale(1.15)}.zoom-overlay{opacity:0;background:#22283159;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.template-wrapper:hover .zoom-overlay{opacity:1}.zoom-icon{color:#fff;pointer-events:none;font-size:2rem}.template-modal-body{justify-content:center;align-items:center;padding:0;display:flex}.template-modal-body{justify-content:center;align-items:center;padding:0;display:flex;position:relative}.template-modal-body img{border-radius:6px;width:100%;height:auto}.nav-arrow{color:#fff;cursor:pointer;z-index:10;background:#1a6e9580;border:none;border-radius:50%;padding:.5rem .8rem;font-size:2rem;transition:background .2s;position:absolute;top:50%;transform:translateY(-50%)}.nav-arrow:hover{background:#222831cc}.nav-arrow.left{left:15px}.nav-arrow.right{right:15px}.site-showcase{text-align:center;margin:3rem auto 2rem}.site-showcase h3{color:#222;margin-bottom:1.2rem;font-size:1.6rem;font-weight:600}.site-showcase-image{border-radius:10px;width:100%;max-width:1024px;height:auto;margin:0 auto;box-shadow:0 4px 16px #0000001a}.pricing-section{text-align:center;background:#fff;border-top:1px solid #eef2ff;padding:2.5rem 0}.pricing-section h2{color:#1e40af;margin-bottom:.6rem;font-size:1.9rem;font-weight:800}.pricing-section .section-subtitle{color:#5b6471;margin-bottom:2.2rem;font-size:1.02rem}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem;max-width:1150px;margin:0 auto;padding:0 1rem;display:grid}.pricing-card{text-align:left;background:linear-gradient(130deg,#eef2ff 80%,#fff 100%);border-radius:1.2rem;padding:1.8rem 1.8rem 2rem;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 2px 12px #1e40af12}.pricing-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #1e40af29}.pricing-card.recommended{color:#eef2ff;background:linear-gradient(135deg,#1e40af 0%,#314fb1 60%,#4f46e5 100%);box-shadow:0 8px 28px #1e40af59}.pricing-card.recommended .pricing-badge{color:#fefce8;background:#ffffff24}.pricing-card.recommended .pricing-tagline,.pricing-card.recommended .pricing-features li{color:#e5e7ff}.pricing-card.recommended .pricing-cta-button{color:#1e293b;background:#ffc107}.pricing-card.recommended .pricing-cta-button:hover,.pricing-card.recommended .pricing-cta-button:focus{color:#18181b;background:#e0b200}.pricing-badge{color:#1e40af;background:#e0ebff;border-radius:999px;margin-bottom:.35rem;padding:.35rem .85rem;font-size:1.2rem;font-weight:700;display:inline-block}.pricing-pill{color:#fefce8;background:#0f172a38;border-radius:999px;margin-left:.4rem;padding:.25rem .7rem;font-size:1.1rem;font-weight:600;display:inline-block}.pricing-tagline{color:#374151;margin-top:.6rem;margin-bottom:1rem;font-size:.98rem;font-weight:600}.pricing-card.recommended .pricing-tagline{color:#e5ecff}.pricing-features{margin:0 0 1.5rem;padding:0;list-style:none}.pricing-features li{color:#4b5563;margin-bottom:.4rem;font-size:.95rem}.pricing-features li:last-child{margin-bottom:0}.pricing-cta-button{color:#fff;cursor:pointer;background:#1e40af;border:none;border-radius:999px;padding:.6rem 1.6rem;font-size:1.2rem;font-weight:700;transition:background .18s,box-shadow .18s,transform .14s;display:inline-block;box-shadow:0 2px 8px #1e40af29}.pricing-cta-button:hover,.pricing-cta-button:focus{background:#0e256e;transform:translateY(-1px);box-shadow:0 4px 16px #1e40af42}.pricing-preview-actions{text-align:center;margin-top:1.8rem}@media (max-width:640px){.pricing-section{padding-left:.3rem;padding-right:.3rem}.pricing-card{text-align:left}}@media (max-width:900px){.features-grid,.advanced-features-grid{grid-template-columns:1fr 1fr;gap:1rem}.invoice-templates{gap:1rem;margin:0 auto 2rem}}@media (max-width:600px){.features-grid,.advanced-features-grid{grid-template-columns:1fr;gap:1rem}.invoice-templates{flex-direction:column;gap:1rem}.template-section,.features-section,.advanced-features-section,.quotes-section,.site-builder-section,.logo-library-section{padding-left:.3rem;padding-right:.3rem}.invoice-template{max-width:95vw}.top-nav-login{margin-left:0}}