*{margin:0;padding:0;box-sizing:border-box}
    :root{
        --primary-pink:#E91E63;
        --primary-rose:#EC407A;
        --florist-green:#4CAF50;
        --florist-purple:#9C27B0;
        --success-green:#10B981;
        --gray-50:#F9FAFB;
        --gray-100:#F3F4F6;
        --gray-200:#E5E7EB;
        --gray-400:#9CA3AF;
        --gray-500:#6B7280;
        --gray-700:#374151;
        --gray-900:#111827;
        --white:#FFFFFF;
        --florist-gradient:linear-gradient(135deg,#E91E63 0%,#9C27B0 100%);
        --shadow-md:0 4px 6px -1px rgba(0,0,0,.1);
        --shadow-lg:0 10px 25px rgba(15,23,42,.25);
        --shadow-xl:0 20px 45px rgba(15,23,42,.35);
    }

    html,body{height:100%}
    body{
        font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
        line-height:1.6;
        color:#E5E7EB;
        background:#000;
        overflow-x:hidden;
        display:flex;
        flex-direction:column;
        position:relative;
    }

    body::before{
        content:"";position:fixed;inset:0;z-index:-1;
        background:linear-gradient(135deg,rgba(233,30,99,.15),rgba(156,39,176,.1));
        pointer-events:none;
    }
    body::after{
        content:"";position:fixed;inset:0;z-index:-2;
        background:url('assets/team-connect-main-office.webp') center top/cover no-repeat;
        transform:translateZ(0);will-change:transform;pointer-events:none;
    }
    @media(max-width:768px){
        body::after{background-position:center 20%!important}
        body::before{background:linear-gradient(to bottom,rgba(0,0,0,.45),rgba(0,0,0,.35))!important}
    }

    header,main,footer{position:relative;z-index:1;}

    .header{
        position:fixed;top:0;left:0;right:0;
        background:#000;border-bottom:1px solid #222;
        z-index:1000;
        padding:12px 24px;
        display:flex;align-items:center;
        transition:all .3s ease;
    }
    .header.scrolled{
        background:rgba(0,0,0,.95);
        backdrop-filter:blur(10px);
    }
    .nav{
        display:flex;align-items:center;
        gap:24px;width:100%;max-width:1400px;
        margin:0 auto;
    }
    .logo{
        display:flex;align-items:center;gap:10px;
        font-size:1.5rem;font-weight:800;
        color:#fff;text-decoration:none;
    }
    .logo-img{height:36px;width:auto}

    /* Burger Menu */
    .burger-menu{
        position:fixed;top:12px;right:16px;z-index:1100;
        cursor:pointer;padding:8px;
    }
    .burger-icon{display:flex;flex-direction:column;gap:5px}
    .burger-line{width:24px;height:2px;background:#fff;transition:all .3s ease;}
    .burger-menu.active .burger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
    .burger-menu.active .burger-line:nth-child(2){opacity:0}
    .burger-menu.active .burger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

    .nav-overlay{
        position:fixed;inset:0;background:rgba(0,0,0,.6);
        z-index:1050;opacity:0;visibility:hidden;
        transition:all .3s ease;
    }
    .nav-overlay.active{opacity:1;visibility:visible}

    .nav-sidebar{
        position:fixed;top:0;right:-320px;width:300px;
        height:100%;background:#0a0a0a;z-index:1100;
        padding:70px 24px 24px;overflow-y:auto;
        transition:right .3s ease;border-left:1px solid #222;
    }
    .nav-sidebar.active{right:0}
    .nav-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #222}
    .nav-title{font-size:1.2rem;font-weight:700;color:#fff}
    .nav-section{margin-bottom:24px}
    .nav-section-title{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}
    .nav-item{
        display:block;padding:10px 0;color:#ccc;text-decoration:none;
        border-bottom:1px solid #1a1a1a;transition:color .2s ease;
    }
    .nav-item:hover,.nav-item.active{color:var(--primary-pink)}

    /* Hero */
    .hero{
        padding:130px 2rem 60px;
        text-align:center;
        min-height:85vh;
        display:flex;align-items:center;justify-content:center;
    }
    .hero-content{
        max-width:900px;margin:0 auto;
        background:rgba(0,0,0,.75);
        border-radius:28px;
        padding:50px 40px;
        border:1px solid rgba(233,30,99,.3);
        box-shadow:var(--shadow-xl);
    }
    .hero-badge{
        display:inline-flex;align-items:center;gap:8px;
        background:rgba(233,30,99,.15);
        border:1px solid rgba(233,30,99,.4);
        border-radius:999px;padding:8px 18px;
        font-size:.9rem;margin-bottom:1.2rem;
    }
    .hero-badge span.stars{color:#FACC15;font-weight:700}
    .hero-badge span.flag{font-size:1.1rem;}
    .hero-title{
        font-size:clamp(2.5rem,4.8vw,3.6rem);
        font-weight:900;
        color:#F9FAFB;
        margin-bottom:.75rem;
        text-shadow:0 3px 12px rgba(0,0,0,.8);
    }
    .hero-title .highlight{
        background:var(--florist-gradient);
        -webkit-background-clip:text;
        -webkit-text-fill-color:transparent;
        background-clip:text;
    }
    .hero-subtitle{
        font-size:1.05rem;
        color:#E5E7EB;
        max-width:720px;
        margin:0 auto 1.6rem;
    }
    .hero-subtitle strong{color:#F472B6;font-weight:800;}
    .hero-price-row{
        display:flex;justify-content:center;gap:16px;align-items:baseline;
        margin-bottom:1rem;
    }
    .hero-price{
        font-size:2.4rem;font-weight:900;color:#F472B6;
    }
    .hero-price-note{
        font-size:.95rem;color:#E5E7EB;
    }
    .hero-pills{
        display:flex;flex-wrap:wrap;gap:10px;
        justify-content:center;margin:1rem 0 1.8rem;
    }
    .hero-pill{
        background:rgba(15,23,42,.9);
        border-radius:999px;
        border:1px solid rgba(233,30,99,.5);
        padding:.45rem .9rem;
        font-size:.85rem;
        color:#E5E7EB;
        text-decoration:none;
        transition:all .2s ease;
    }
    .hero-pill:hover{background:rgba(233,30,99,.2);border-color:#E91E63}
    .hero-cta{
        display:flex;justify-content:center;gap:12px;flex-wrap:wrap;
        margin-bottom:1.3rem;
    }
    .btn{
        padding:1rem 2.2rem;
        border-radius:999px;
        font-weight:800;
        text-decoration:none;
        border:none;
        cursor:pointer;
        font-size:.98rem;
        display:inline-flex;align-items:center;gap:8px;
        text-transform:uppercase;
        letter-spacing:.08em;
        transition:all .2s ease;
    }
    .btn-primary{
        background:var(--florist-gradient);
        color:#fff;
        box-shadow:0 18px 45px rgba(233,30,99,.4);
    }
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 60px rgba(233,30,99,.55);}
    .btn-outline{
        background:transparent;
        color:#F9FAFB;
        border:1px solid rgba(248,250,252,.8);
    }
    .btn-outline:hover{
        background:rgba(248,250,252,.08);
    }
    .hero-guarantee{
        margin-top:.8rem;
        background:rgba(15,23,42,.9);
        border-radius:16px;
        padding:1rem 1.2rem;
        border:1px solid rgba(55,65,81,.9);
        color:#E5E7EB;
        font-size:.9rem;
    }
    @media(max-width:768px){
        .hero{padding:110px 1rem 50px;}
        .hero-content{padding:40px 22px;}
    }

    .section-header{text-align:center;margin-bottom:2.6rem;}
    .section-title{
        font-size:clamp(2rem,4vw,2.8rem);
        font-weight:900;
        color:#F9FAFB;
        text-shadow:0 2px 8px rgba(0,0,0,.7);
        margin-bottom:.75rem;
    }
    .section-subtitle{
        font-size:1.02rem;
        color:#E5E7EB;
        max-width:760px;
        margin:0 auto;
    }

    .florist-features,
    .florist-how-it-works,
    .florist-comparison,
    .florist-faq,
    .florist-callouts,
    .florist-reviews-section,
    .florist-resources{
        padding:50px 2rem;
    }
    .content-grid{
        display:grid;
        grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
        gap:1.6rem;
        margin-top:1.7rem;
    }
    .glass-card{
        background:rgba(15,23,42,.78);
        border-radius:20px;
        padding:1.9rem 1.9rem;
        border:1px solid rgba(233,30,99,.25);
        box-shadow:var(--shadow-lg);
        color:#E5E7EB;
        transition:all .3s ease;
    }
    .glass-card:hover{
        border-color:rgba(233,30,99,.5);
        transform:translateY(-4px);
        box-shadow:0 20px 40px rgba(233,30,99,.2);
    }
    .glass-card .icon{
        font-size:2.5rem;margin-bottom:1rem;
    }
    .glass-card h3{
        font-size:1.2rem;
        font-weight:800;
        color:#F9FAFB;
        margin-bottom:.55rem;
    }
    .glass-card p{
        font-size:.94rem;
        line-height:1.7;
    }
    .glass-list{
        list-style:none;margin-top:.6rem;
    }
    .glass-list li{
        padding:.4rem 0;
        font-size:.94rem;
    }
    .glass-list li::before{
        content:"🌸 ";
    }

    .comparison-grid{
        display:grid;
        grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
        gap:1.6rem;
        margin-top:1.7rem;
    }
    .comparison-card{
        background:rgba(15,23,42,.8);
        border-radius:20px;
        padding:1.9rem;
        border:1px solid rgba(55,65,81,.9);
        box-shadow:var(--shadow-lg);
        color:#E5E7EB;
    }
    .comparison-card.winner{
        border-color:#E91E63;
        box-shadow:0 20px 50px rgba(233,30,99,.4);
    }
    .comparison-card h3{font-size:1.1rem;font-weight:800;margin-bottom:.5rem;}
    .comparison-list{list-style:none;margin-top:.4rem;}
    .comparison-list li{
        padding:.4rem 0;
        font-size:.92rem;
    }

    .faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.6rem;margin-top:1.7rem;}
    .faq-item{
        background:rgba(15,23,42,.8);
        border-radius:18px;
        padding:1.8rem;
        border:1px solid rgba(233,30,99,.2);
        box-shadow:var(--shadow-lg);
        cursor:pointer;
        transition:all .3s ease;
    }
    .faq-item:hover{border-color:rgba(233,30,99,.5)}
    .faq-question{font-weight:800;margin-bottom:.5rem;color:#F9FAFB;}
    .faq-answer{font-size:.94rem;color:#E5E7EB;line-height:1.7;}

    /* Resource link cards */
    .resource-link { display:block; text-decoration:none; color:inherit; }
    .resource-link:hover { border-color:#F472B6 !important; box-shadow:0 12px 32px rgba(244,114,182,.15); }

    /* Reviews */
    .reviews-wrapper{
        background:rgba(15,23,42,.85);
        border-radius:22px;
        border:1px solid rgba(233,30,99,.3);
        box-shadow:var(--shadow-lg);
        padding:1.8rem 1.4rem 1.4rem;
    }
    .reviews-strip{
        display:flex;
        gap:14px;
        overflow-x:auto;
        padding-bottom:8px;
        scrollbar-width:thin;
    }
    .reviews-strip::-webkit-scrollbar{height:6px}
    .reviews-strip::-webkit-scrollbar-track{background:rgba(15,23,42,.9)}
    .reviews-strip::-webkit-scrollbar-thumb{background:rgba(233,30,99,.5);border-radius:999px}
    .review-card{
        min-width:280px;
        max-width:320px;
        background:rgba(15,23,42,.9);
        border-radius:16px;
        padding:1.3rem;
        border:1px solid rgba(55,65,81,.85);
        flex-shrink:0;
    }
    .review-card:hover{border-color:rgba(233,30,99,.5)}
    .review-stars{color:#FACC15;font-size:.95rem;margin-bottom:.5rem}
    .review-text{font-size:.9rem;color:#E5E7EB;line-height:1.6;margin-bottom:.8rem}
    .review-author{font-size:.85rem;color:#9CA3AF;font-weight:600}

    /* How It Works */
    .steps-grid{
        display:grid;
        grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
        gap:1.5rem;
        margin-top:2rem;
    }
    .step-card{
        background:rgba(15,23,42,.8);
        border-radius:20px;
        padding:2rem 1.5rem;
        border:1px solid rgba(233,30,99,.2);
        text-align:center;
        position:relative;
    }
    .step-number{
        width:50px;height:50px;
        background:var(--florist-gradient);
        border-radius:50%;
        display:flex;align-items:center;justify-content:center;
        font-size:1.5rem;font-weight:900;color:#fff;
        margin:0 auto 1rem;
    }
    .step-card h3{font-size:1.1rem;font-weight:700;color:#F9FAFB;margin-bottom:.5rem}
    .step-card p{font-size:.9rem;color:#9CA3AF}

    /* Footer */
    .footer{
        background:#020617;
        padding:60px 2rem 20px;
        margin-top:auto;
    }
    .footer-content{
        max-width:1200px;margin:0 auto;
        display:grid;grid-template-columns:2fr 1fr 1fr 1fr;
        gap:3rem;margin-bottom:3rem;
    }
    .footer-brand h3{
        font-size:1.5rem;font-weight:800;
        margin-bottom:1rem;color:var(--primary-pink);
    }
    .footer-brand p{
        color:#9CA3AF;
        margin-bottom:2rem;
        line-height:1.6;
    }
    .footer-section h4{
        font-weight:600;margin-bottom:1rem;color:#fff;
    }
    .footer-section a{
        color:#9CA3AF;
        text-decoration:none;
        display:block;
        margin-bottom:.5rem;
        transition:color .2s ease;
    }
    .footer-section a:hover{color:var(--primary-pink);}
    .footer-support{
        border-top:1px solid #111827;
        padding:2rem 0 1rem;
        text-align:center;
    }
    .footer-bottom{
        text-align:center;
        color:#6B7280;
        font-size:.9rem;
        padding-top:1rem;
        border-top:1px solid #020617;
    }
    .social-links{
      margin-top:1rem;display:flex;gap:12px;
      align-items:center;flex-wrap:wrap;
    }
    .social-link{
      display:inline-flex;align-items:center;justify-content:center;
      width:38px;height:38px;border-radius:50%;
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.15);
      transition:all .2s ease;
    }
    .social-link:hover{
      background:rgba(233,30,99,.2);
      border-color:var(--primary-pink);
      transform:translateY(-2px);
      box-shadow:0 6px 16px rgba(233,30,99,.25);
    }
    .social-icon{width:20px;height:20px;display:block;}
    /* Pricing Section Styles */
    .pricing-section {
        padding: 60px 2rem;
        position: relative;
        text-align: center; /* Centers the title and subtitle */
    }

    .pricing-section .section-title,
    .pricing-section .section-subtitle {
        margin-left: auto;
        margin-right: auto;
    }

    .pricing-grid {
        display: grid;
        /* Force 2 columns max for the 2x2 layout */
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
        max-width: 800px; /* Constrain width to keep cards closer */
        margin: 3rem auto 0;
        justify-content: center;
    }

    .pricing-card {
        /* Glass Effect */
        background: rgba(15, 23, 42, 0.6);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 16px; /* Slightly smaller radius */
        padding: 1.5rem 1.2rem; /* Reduced padding to shrink height */
        text-align: center;
        transition: all 0.3s ease;
        position: relative;
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    /* Hover State */
    .pricing-card:hover {
        transform: translateY(-5px);
        background: rgba(15, 23, 42, 0.8);
        border-color: var(--map-green);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
    }

    /* Featured Card (Business Pro) */
    .pricing-card.featured {
        background: rgba(15, 23, 42, 0.8);
        border: 2px solid var(--map-green);
        box-shadow: 0 0 20px rgba(39, 174, 96, 0.15);
        z-index: 2;
    }

    .card-badge {
        position: absolute;
        top: -10px;
        left: 50%;
        transform: translateX(-50%);
        background: var(--map-green);
        color: white;
        padding: 3px 10px;
        border-radius: 99px;
        font-size: 0.7rem;
        font-weight: 800;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        box-shadow: 0 4px 10px rgba(39, 174, 96, 0.4);
    }

    .plan-icon {
        font-size: 2rem; /* Smaller icon */
        margin-bottom: 0.5rem;
        filter: drop-shadow(0 4px 6px rgba(0,0,0,0.3));
    }

    .plan-name {
        font-size: 1.1rem;
        font-weight: 800;
        color: #F9FAFB;
        margin-bottom: 0.2rem;
    }

    .plan-price {
        font-size: 1.8rem; /* Smaller price font */
        font-weight: 900;
        color: var(--map-green);
        line-height: 1;
    }

    .plan-period {
        font-size: 0.8rem;
        color: #9CA3AF;
        margin-bottom: 0.4rem;
    }

    .plan-savings {
        font-size: 0.75rem;
        color: #E5E7EB;
        background: rgba(255, 255, 255, 0.05);
        padding: 3px 8px;
        border-radius: 6px;
        display: inline-block;
        margin-bottom: 1rem;
    }

    .plan-features {
        list-style: none;
        margin: 0 0 1.2rem 0;
        padding: 0;
        text-align: left;
        flex-grow: 1;
    }

    .plan-features li {
        padding: 0.3rem 0; /* Reduced padding between list items */
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        font-size: 0.85rem; /* Smaller font */
        color: #D1D5DB;
        display: flex;
        align-items: start;
    }

    .plan-features li::before {
        content: "✓";
        color: var(--map-green);
        font-weight: bold;
        margin-right: 6px;
    }

    .feature-highlight {
        color: #fff;
        font-weight: 600;
    }

    .plan-cta {
        display: block;
        width: 100%;
        padding: 0.6rem;
        border-radius: 99px;
        text-decoration: none;
        font-weight: 700;
        font-size: 0.9rem;
        transition: all 0.2s ease;
        text-align: center;
        margin-top: auto;
        border: 1px solid var(--map-green);
        background: transparent;
        color: #fff;
    }

    .plan-cta:hover {
        background: var(--map-green);
        box-shadow: 0 4px 15px rgba(39, 174, 96, 0.3);
    }

    .featured .plan-cta {
        background: var(--map-green);
        box-shadow: 0 4px 15px rgba(39, 174, 96, 0.2);
    }

    .featured .plan-cta:hover {
        background: #219150;
        transform: translateY(-2px);
    }

    /* Mobile Adjustment */
    @media(max-width: 768px) {
        .pricing-grid {
            grid-template-columns: 1fr; /* Stack vertically on mobile */
            max-width: 400px;
        }
        .pricing-card.featured {
            transform: none;
        }
    }

    @media(max-width:768px){
        .florist-features,
        .florist-how-it-works,
        .florist-comparison,
        .florist-faq,
        .florist-callouts,
        .florist-reviews-section,
        .florist-resources{
            padding-left:1rem;padding-right:1rem;
        }
        .content-grid,
        .comparison-grid,
        .faq-grid,
        .steps-grid{
            grid-template-columns:1fr;
        }
        .footer-content{
            grid-template-columns:1fr;
            text-align:center;
            gap:2rem;
        }
    }

    /* Stat badges */
    .stat-row{
        display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;
        margin:2rem 0;
    }
    .stat-badge{
        background:rgba(233,30,99,.1);
        border:1px solid rgba(233,30,99,.3);
        border-radius:16px;
        padding:1rem 1.5rem;
        text-align:center;
    }
    .stat-number{font-size:2rem;font-weight:900;color:#F472B6}
    .stat-label{font-size:.85rem;color:#9CA3AF}