*{    margin:0;    padding:0;    box-sizing:border-box;}body{    font-family:'Inter', sans-serif;    line-height:1.6;    color:#333;    overflow-x:hidden;}html{    scroll-behavior:smooth;}.container{    max-width:1200px;    margin:0 auto;    padding:0 15px;}@media (min-width:576px){    .container{        padding:0 20px;}}@media (min-width:992px){    .container{        padding:0 30px;}}@media (min-width:1200px){    .container{        padding:0 40px;}}.navbar{    position:fixed;    top:0;    width:100%;    background:rgba(30, 41, 59, 0.95);    backdrop-filter:blur(10px);    z-index:1000;    padding:0.5rem 0;    transition:all 0.3s ease;    box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);}.nav-container{    max-width:1200px;    margin:0 auto;    padding:0 20px;    display:flex;    justify-content:space-between;    align-items:center;    min-height:50px;}.nav-logo{    display:flex;    align-items:center;}.nav-logo a{    display:flex;    align-items:baseline;    text-decoration:none;    gap:0;}.modern-logo{    display:flex;    flex-direction:column;    align-items:flex-start;    position:relative;    text-decoration:none;    color:inherit;    cursor:pointer;}.logo-forti{    font-family:'Inter', sans-serif;    font-size:1.6rem;    font-weight:800;    background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);    -webkit-background-clip:text;    -webkit-text-fill-color:transparent;    background-clip:text;    letter-spacing:-0.02em;    line-height:1;    display:inline-block;}    line-height:1;}@keyframes logo-glow{    0%, 100%{        text-shadow:0 0 10px rgba(59, 130, 246, 0.3);}    50%{        text-shadow:0 0 20px rgba(59, 130, 246, 0.5);}}@keyframes tagline-pulse{    0%, 100%{opacity:0.7;}    50%{opacity:1;}}.modern-logo:hover .logo-365{    background:linear-gradient(135deg, #2563eb 0%, #1e40af 100%);    -webkit-background-clip:text;    -webkit-text-fill-color:transparent;    background-clip:text;    animation:logo-glow 2s ease-in-out infinite;}.modern-logo:hover .logo-tagline::before{    background:#059669;    transform:translateY(-50%) scale(1.2);    animation:tagline-pulse 1.5s ease-in-out infinite;}@keyframes gradient-shift{    0%{background-position:0% 50%;}    50%{background-position:100% 50%;}    100%{background-position:0% 50%;}}.logo-365{    font-family:'Inter', sans-serif;    font-size:1.6rem;    font-weight:800;    background:linear-gradient(135deg, #60a5fa 0%, #3b82f6 50%, #60a5fa 100%);    background-size:200% 200%;    -webkit-background-clip:text;    -webkit-text-fill-color:transparent;    background-clip:text;    letter-spacing:-0.02em;    line-height:1;    position:relative;    display:inline-block;    animation:gradient-shift 4s ease-in-out infinite;}.logo-365::after{    content:'';    position:absolute;    bottom:-2px;    left:0;    width:100%;    height:2px;    background:linear-gradient(90deg, #3b82f6, #1d4ed8);    border-radius:1px;    opacity:0.7;}.logo-tagline{    font-family:'Inter', sans-serif;    font-size:0.65rem;    font-weight:500;    color:#64748b;    text-transform:uppercase;    letter-spacing:0.08em;    margin-top:2px;    position:relative;}.logo-tagline::before{    content:'';    position:absolute;    left:-8px;    top:50%;    transform:translateY(-50%);    width:4px;    height:4px;    background:#10b981;    border-radius:50%;}.modern-logo:hover .logo-forti{    background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);    -webkit-background-clip:text;    -webkit-text-fill-color:transparent;    background-clip:text;}.modern-logo:hover .logo-365{    background:linear-gradient(135deg, #2563eb 0%, #1e40af 100%);    -webkit-background-clip:text;    -webkit-text-fill-color:transparent;    background-clip:text;}.modern-logo:hover .logo-365::after{    opacity:1;    transform:scaleX(1.1);}.modern-logo:hover .logo-tagline{    color:#475569;}.modern-logo:hover .logo-tagline::before{    background:#059669;    transform:translateY(-50%) scale(1.2);}@media (max-width:768px){    .navbar{        padding:0.4rem 0;}        .nav-container{        min-height:45px;}        .logo-forti,    .logo-365{        font-size:1.4rem;}        .nav-menu{        gap:1.5rem;}        .nav-link{        font-size:0.9rem;}        .logo-tagline{        font-size:0.6rem;        letter-spacing:0.06em;}        .logo-tagline::before{        width:3px;        height:3px;        left:-6px;}}@media (max-width:480px){    .navbar{        padding:0.3rem 0;}        .nav-container{        min-height:40px;        padding:0 15px;}        .logo-forti,    .logo-365{        font-size:1.2rem;}        .nav-menu{        gap:1rem;}        .nav-link{        font-size:0.85rem;}        .logo-tagline{        font-size:0.55rem;}}.logo-forti,.logo-365,.logo-tagline,.logo-tagline::before,.logo-365::after{    transition:all 0.3s ease;}.nav-menu{    display:flex;    list-style:none;    gap:2rem;}.nav-link{    text-decoration:none;    color:#cbd5e1;    font-weight:500;    transition:color 0.3s ease;    position:relative;    font-size:0.95rem;}.nav-link:hover,.nav-link.active{    color:#60a5fa;}.nav-link.active::after{    content:'';    position:absolute;    bottom:-5px;    left:0;    width:100%;    height:2px;    background:#60a5fa;}.hamburger{    display:none;    flex-direction:column;    cursor:pointer;}.bar{    width:25px;    height:3px;    background:#cbd5e1;    margin:3px 0;    transition:0.3s;}.hero{    padding:20px 0;    background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);    color:white;    min-height:auto;    display:flex;    align-items:center;    position:relative;}.hero.fullscreen{    min-height:auto;    height:auto;}@media (min-width:576px){    .hero{        min-height:30vh;        padding:30px 0;}        .hero.fullscreen{        min-height:30vh;}}@media (min-width:768px){    .hero{        min-height:35vh;        padding:40px 0;}        .hero.fullscreen{        min-height:35vh;}}@media (min-width:992px){    .hero{        min-height:45vh;        padding:50px 0;}        .hero.fullscreen{        min-height:45vh;}}.hero-container{    max-width:1200px;    margin:0 auto;    padding:0 15px;    display:grid;    grid-template-columns:1fr;    gap:2rem;    align-items:center;    height:100%;    text-align:center;}@media (min-width:768px){    .hero-container{        grid-template-columns:1fr 1fr;        gap:4rem;        padding:0 20px;        text-align:left;}}.company-intro h3{    color:rgba(255, 255, 255, 0.9);    font-size:1.1rem;    font-weight:500;    margin-bottom:1rem;    text-transform:uppercase;    letter-spacing:1px;}.hero-content h1{    font-size:2rem;    font-weight:700;    margin-bottom:1rem;    line-height:1.2;}.hero-content p{    font-size:1rem;    margin-bottom:1.5rem;    opacity:0.9;    line-height:1.5;}@media (min-width:576px){    .hero-content h1{        font-size:2.5rem;        margin-bottom:1.2rem;}        .hero-content p{        font-size:1.1rem;        margin-bottom:1.8rem;}}@media (min-width:768px){    .hero-content h1{        font-size:3rem;        margin-bottom:1.5rem;}        .hero-content p{        font-size:1.2rem;        margin-bottom:2rem;}}@media (min-width:992px){    .hero-content h1{        font-size:3.5rem;}}.value-props{    display:flex;    flex-direction:column;    gap:0.5rem;    margin-bottom:1.5rem;    align-items:center;}@media (min-width:576px){    .value-props{        gap:0.8rem;        margin-bottom:1.8rem;}}@media (min-width:768px){    .value-props{        flex-direction:row;        justify-content:flex-start;        gap:1rem;        margin-bottom:2rem;        align-items:flex-start;}}.value-prop{    display:flex;    align-items:center;    gap:0.75rem;    font-size:1rem;    opacity:0.95;}.value-prop .icon{    font-size:1.2rem;}.hero-buttons{    display:flex;    gap:0.8rem;    flex-wrap:wrap;    justify-content:center;    margin-top:1.5rem;}@media (min-width:576px){    .hero-buttons{        gap:1rem;        margin-top:2rem;}}@media (min-width:768px){    .hero-buttons{        justify-content:flex-start;}}.btn{    padding:12px 24px;    border-radius:8px;    text-decoration:none;    font-weight:600;    transition:all 0.3s ease;    display:inline-block;    border:none;    cursor:pointer;    font-size:1rem;}.btn-primary{    background:#3b82f6;    color:white;}.btn-primary:hover{    background:#2563eb;    transform:translateY(-2px);}.btn-secondary{    background:transparent;    color:white;    border:2px solid white;}.btn-secondary:hover{    background:white;    color:#3b82f6;}.hero-visual{    display:flex;    justify-content:center;    align-items:center;    animation:float 6s ease-in-out infinite;}.hero-visual svg{    max-width:100%;    height:auto;    filter:drop-shadow(0 10px 25px rgba(0, 0, 0, 0.1));}@keyframes float{    0%, 100%{transform:translateY(0px);}    50%{transform:translateY(-10px);}}.scroll-indicator{    position:absolute;    bottom:2rem;    left:50%;    transform:translateX(-50%);    text-align:center;}.scroll-arrow{    display:flex;    flex-direction:column;    align-items:center;    gap:0.5rem;    color:rgba(255, 255, 255, 0.8);    text-decoration:none;    transition:all 0.3s ease;    animation:bounce 2s infinite;}.scroll-arrow:hover{    color:white;    transform:translateY(-2px);}.scroll-arrow span{    font-size:0.9rem;    font-weight:500;}@keyframes bounce{    0%, 20%, 50%, 80%, 100%{        transform:translateY(0);}    40%{        transform:translateY(-10px);}    60%{        transform:translateY(-5px);}}.section-header{    text-align:center;    margin-bottom:2rem;}.section-header h2{    font-size:1.8rem;    font-weight:700;    color:#1e293b;    margin-bottom:1rem;    line-height:1.2;}.section-header p{    font-size:1rem;    color:#64748b;    max-width:600px;    margin:0 auto;    line-height:1.6;}@media (min-width:576px){    .section-header{        margin-bottom:2.5rem;}        .section-header h2{        font-size:2rem;}        .section-header p{        font-size:1.05rem;}}@media (min-width:768px){    .section-header{        margin-bottom:3rem;}        .section-header h2{        font-size:2.2rem;}        .section-header p{        font-size:1.1rem;}}@media (min-width:992px){    .section-header h2{        font-size:2.5rem;}}.services, .about, .framework, .pricing{    padding:60px 0;}@media (min-width:768px){    .services, .about, .framework, .pricing{        padding:80px 0;}}@media (min-width:1200px){    .services, .about, .framework, .pricing{        padding:100px 0;}}.services{    background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);    position:relative;    overflow:hidden;}.services::before{    content:'';    position:absolute;    top:0;    left:0;    right:0;    bottom:0;    background-image:        radial-gradient(circle at 20% 20%, rgba(59, 130, 246, 0.1) 0%, transparent 50%),        radial-gradient(circle at 80% 80%, rgba(16, 185, 129, 0.1) 0%, transparent 50%),        radial-gradient(circle at 40% 60%, rgba(139, 92, 246, 0.05) 0%, transparent 50%);    pointer-events:none;}.services-grid{    display:grid;    grid-template-columns:1fr;    gap:1.5rem;}@media (min-width:576px){    .services-grid{        grid-template-columns:repeat(2, 1fr);        gap:2rem;}}@media (min-width:992px){    .services-grid{        grid-template-columns:repeat(3, 1fr);        gap:2rem;}}.service-card{    background:white;    padding:2rem;    border-radius:12px;    box-shadow:0 4px 6px rgba(0, 0, 0, 0.05);    transition:all 0.3s ease;    border:1px solid #e2e8f0;}.service-card:hover{    transform:translateY(-5px);    box-shadow:0 20px 25px rgba(0, 0, 0, 0.1);}.service-icon{    width:80px;    height:80px;    background:linear-gradient(135deg, #f8fafc, #e2e8f0);    border-radius:20px;    display:flex;    align-items:center;    justify-content:center;    margin-bottom:1.5rem;    transition:all 0.3s ease;    position:relative;    overflow:hidden;    border:2px solid rgba(59, 130, 246, 0.1);}.service-icon::before{    content:'';    position:absolute;    top:0;    left:0;    right:0;    bottom:0;    background:linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(16, 185, 129, 0.1));    opacity:0;    transition:opacity 0.3s ease;}.service-card:hover .service-icon::before{    opacity:1;}.service-card:hover .service-icon{    transform:translateY(-5px) scale(1.05);    box-shadow:0 10px 25px rgba(0, 0, 0, 0.15);    border-color:rgba(59, 130, 246, 0.3);}.modern-ai svg{    animation:pulse 2s ease-in-out infinite;}.modern-security svg{    animation:shield-glow 3s ease-in-out infinite;}.modern-analytics svg{    animation:data-flow 4s ease-in-out infinite;}@keyframes pulse{    0%, 100%{opacity:1;}    50%{opacity:0.7;}}@keyframes shield-glow{    0%, 100%{filter:drop-shadow(0 0 5px rgba(16, 185, 129, 0.3));}    50%{filter:drop-shadow(0 0 15px rgba(16, 185, 129, 0.6));}}@keyframes data-flow{    0%, 100%{transform:translateY(0);}    50%{transform:translateY(-2px);}}.service-card h3{    font-size:1.5rem;    font-weight:600;    color:#1e293b;    margin-bottom:1rem;}.service-card p{    color:#64748b;    line-height:1.6;}.about{    background:white;}.about-content{    display:grid;    grid-template-columns:1fr 1fr;    gap:4rem;    align-items:center;}.about-text .section-header{    text-align:left;    margin-bottom:2rem;}.about-description p{    margin-bottom:1.5rem;    color:#64748b;    line-height:1.7;}.stats{    display:grid;    grid-template-columns:repeat(3, 1fr);    gap:2rem;    margin-top:2rem;}.stat{    text-align:center;}.stat h3{    font-size:2.5rem;    font-weight:700;    color:#3b82f6;    margin-bottom:0.5rem;}.stat p{    color:#64748b;    font-weight:500;}.aws-logo{    display:flex;    justify-content:center;    align-items:center;    margin-bottom:8px;    height:70px;    padding:10px;}.aws-logo svg{    width:110px;    height:70px;    max-width:100%;    filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));}.about-visual{    display:flex;    justify-content:center;    align-items:center;    animation:float 8s ease-in-out infinite;}.about-visual svg,.about-visual img{    max-width:100%;    height:auto;    filter:drop-shadow(0 10px 25px rgba(0, 0, 0, 0.1));}.contact-modern{    background:#ffffff;}.contact-hero{    height:300px;    background:linear-gradient(135deg, rgba(59, 130, 246, 0.9), rgba(29, 78, 216, 0.9)),                 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 300"><defs><pattern id="grid" width="50" height="50" patternUnits="userSpaceOnUse"><path d="M 50 0 L 0 0 0 50" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="1000" height="300" fill="url(%23grid)"/></svg>');    background-size:cover;    background-position:center;    display:flex;    align-items:center;    position:relative;}.contact-hero-overlay{    position:absolute;    top:0;    left:0;    right:0;    bottom:0;    background:linear-gradient(135deg, rgba(59, 130, 246, 0.8), rgba(29, 78, 216, 0.8));    display:flex;    align-items:center;}.contact-hero-content{    text-align:center;    color:white;}.contact-hero-content h2{    font-size:3rem;    font-weight:700;    margin-bottom:1rem;    text-shadow:0 2px 4px rgba(0, 0, 0, 0.1);}.contact-hero-content p{    font-size:1.2rem;    opacity:0.9;    max-width:600px;    margin:0 auto;}.contact-main{    padding:80px 0;    background:#f8fafc;}.contact-wrapper{    display:grid;    grid-template-columns:1fr;    gap:3rem;    max-width:1200px;    margin:0 auto;}@media (min-width:992px){    .contact-wrapper{        grid-template-columns:1fr 1.2fr;        gap:4rem;}}.contact-info-modern{    background:white;    padding:2.5rem;    border-radius:20px;    box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);    height:fit-content;}.contact-info-header h3{    font-size:2rem;    font-weight:700;    color:#1e293b;    margin-bottom:1rem;}.contact-info-header p{    color:#64748b;    font-size:1.1rem;    line-height:1.6;    margin-bottom:2rem;}.contact-details{    margin-bottom:2.5rem;}.contact-detail-item{    display:flex;    align-items:flex-start;    gap:1rem;    margin-bottom:1.5rem;    padding:1rem;    border-radius:12px;    transition:all 0.3s ease;}.contact-detail-item:hover{    background:#f8fafc;    transform:translateX(5px);}.contact-detail-icon{    width:45px;    height:45px;    background:linear-gradient(135deg, #3b82f6, #1d4ed8);    border-radius:12px;    display:flex;    align-items:center;    justify-content:center;    color:white;    flex-shrink:0;}.contact-detail-content h4{    font-size:1.1rem;    font-weight:600;    color:#1e293b;    margin-bottom:0.3rem;}.contact-detail-content p{    color:#64748b;    font-size:0.95rem;    line-height:1.5;}.contact-cta{    background:linear-gradient(135deg, #f8fafc, #e2e8f0);    padding:2rem;    border-radius:16px;    text-align:center;    border:1px solid #e2e8f0;}.contact-cta h4{    font-size:1.3rem;    font-weight:600;    color:#1e293b;    margin-bottom:0.5rem;}.contact-cta p{    color:#64748b;    margin-bottom:1.5rem;    font-size:0.95rem;}.btn-outline{    background:transparent;    border:2px solid #3b82f6;    color:#3b82f6;    padding:12px 24px;    border-radius:8px;    text-decoration:none;    font-weight:600;    transition:all 0.3s ease;    display:inline-block;}.btn-outline:hover{    background:#3b82f6;    color:white;    transform:translateY(-2px);    box-shadow:0 4px 12px rgba(59, 130, 246, 0.3);}.contact-form-modern{    background:white;    padding:2.5rem;    border-radius:20px;    box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);}.form-header{    text-align:center;    margin-bottom:2rem;}.form-header h3{    font-size:2rem;    font-weight:700;    color:#1e293b;    margin-bottom:0.5rem;}.form-header p{    color:#64748b;    font-size:1rem;}.modern-form .form-row{    display:grid;    grid-template-columns:1fr;    gap:1rem;    margin-bottom:1.5rem;}@media (min-width:576px){    .modern-form .form-row{        grid-template-columns:1fr 1fr;}}.modern-form .form-group{    position:relative;    margin-bottom:1.5rem;}.modern-form .form-group input,.modern-form .form-group select,.modern-form .form-group textarea{    width:100%;    padding:16px 12px 8px 12px;    border:2px solid #e2e8f0;    border-radius:12px;    font-size:16px;    background:#ffffff;    transition:all 0.3s ease;    box-sizing:border-box;}.modern-form .form-group input:focus,.modern-form .form-group select:focus,.modern-form .form-group textarea:focus{    outline:none;    border-color:#3b82f6;    box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1);    transform:translateY(-2px);}.modern-form .form-group label{    position:absolute;    top:16px;    left:12px;    color:#9ca3af;    font-size:14px;    font-weight:500;    transition:all 0.3s ease;    pointer-events:none;    background:white;    padding:0 4px;}.modern-form .form-group input:focus + label,.modern-form .form-group input:not(:placeholder-shown) + label,.modern-form .form-group select:focus + label,.modern-form .form-group select:not([value=""]) + label,.modern-form .form-group textarea:focus + label,.modern-form .form-group textarea:not(:placeholder-shown) + label{    top:-8px;    left:8px;    font-size:12px;    color:#3b82f6;    font-weight:600;}.modern-form .form-group textarea{    resize:vertical;    min-height:120px;    padding-top:20px;}.btn-full{    width:100%;    display:flex;    align-items:center;    justify-content:center;    gap:0.5rem;    padding:16px 24px;    font-size:16px;    font-weight:600;    border-radius:12px;    transition:all 0.3s ease;}.btn-full:hover{    transform:translateY(-2px);    box-shadow:0 8px 25px rgba(59, 130, 246, 0.3);}.legal-page{    padding:120px 0 80px;    background:#ffffff;    min-height:100vh;}.legal-content{    max-width:800px;    margin:0 auto;    line-height:1.7;}.legal-content h1{    font-size:2.5rem;    font-weight:700;    color:#1e293b;    margin-bottom:1rem;    border-bottom:3px solid #3b82f6;    padding-bottom:1rem;}.legal-content .last-updated{    color:#64748b;    font-style:italic;    margin-bottom:2rem;    font-size:0.9rem;}.legal-content h2{    font-size:1.5rem;    font-weight:600;    color:#1e293b;    margin-top:2.5rem;    margin-bottom:1rem;    border-left:4px solid #3b82f6;    padding-left:1rem;}.legal-content h3{    font-size:1.2rem;    font-weight:600;    color:#374151;    margin-top:1.5rem;    margin-bottom:0.75rem;}.legal-content h4{    font-size:1.1rem;    font-weight:600;    color:#374151;    margin-top:1rem;    margin-bottom:0.5rem;}.legal-content p{    color:#4b5563;    margin-bottom:1rem;}.legal-content ul{    margin-bottom:1rem;    padding-left:1.5rem;}.legal-content li{    color:#4b5563;    margin-bottom:0.5rem;}.legal-content a{    color:#3b82f6;    text-decoration:underline;}.legal-content a:hover{    color:#1d4ed8;}@media (max-width:768px){    .legal-page{        padding:100px 0 60px;}        .legal-content{        padding:0 20px;}        .legal-content h1{        font-size:2rem;}        .legal-content h2{        font-size:1.3rem;}}.modern-form .form-group input.error,.modern-form .form-group select.error,.modern-form .form-group textarea.error{    border-color:#ef4444;    box-shadow:0 0 0 3px rgba(239, 68, 68, 0.1);}.field-error{    color:#ef4444;    font-size:12px;    margin-top:4px;    display:block;}.form-message{    padding:12px 16px;    border-radius:8px;    margin-bottom:20px;    font-weight:500;}.form-message.success{    background-color:#dcfce7;    color:#166534;    border:1px solid #bbf7d0;}.form-message.error{    background-color:#fef2f2;    color:#dc2626;    border:1px solid #fecaca;}.form-actions{    display:flex;    flex-direction:column;    gap:1rem;    align-items:center;}.form-note{    font-size:0.9rem;    color:#64748b;    text-align:center;    margin:0;}.calendly-link{    color:#3b82f6;    text-decoration:none;    font-weight:500;    transition:color 0.3s ease;}.calendly-link:hover{    color:#1d4ed8;    text-decoration:underline;}.modern-form select{    background-color:white;    border:2px solid #e2e8f0;    border-radius:8px;    padding:12px 16px;    font-size:16px;    transition:all 0.3s ease;    appearance:none;    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");    background-position:right 12px center;    background-repeat:no-repeat;    background-size:16px;    padding-right:40px;    width:100%;}.modern-form select:focus{    outline:none;    border-color:#3b82f6;    box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1);}.modern-form select option{    padding:8px;}@media (max-width:768px){    .contact-hero{        height:250px;}        .contact-hero-content h2{        font-size:2.2rem;}        .contact-hero-content p{        font-size:1rem;}        .contact-main{        padding:60px 0;}        .contact-info-modern,    .contact-form-modern{        padding:2rem;}        .contact-cta{        padding:1.5rem;}}.footer{    background:#1e293b;    color:white;    padding:60px 0 20px;}.footer-content{    display:grid;    grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));    gap:2rem;    margin-bottom:2rem;}.footer-section h3,.footer-section h4{    margin-bottom:1rem;    color:white;}.footer-section h3{    color:#3b82f6;    font-size:1.5rem;}.footer-section p{    color:#94a3b8;    line-height:1.6;}.footer-section ul{    list-style:none;}.footer-section ul li{    margin-bottom:0.5rem;}.footer-section ul li a{    color:#94a3b8;    text-decoration:none;    transition:color 0.3s ease;}.footer-section ul li a:hover{    color:#3b82f6;}.social-links{    display:flex;    gap:1rem;}.social-links a{    width:40px;    height:40px;    background:#374151;    border-radius:8px;    display:flex;    align-items:center;    justify-content:center;    color:#94a3b8;    transition:all 0.3s ease;}.social-links a:hover{    background:#3b82f6;    color:white;}.footer-bottom{    border-top:1px solid #374151;    padding-top:2rem;    text-align:center;}.footer-bottom p{    color:#94a3b8;}@media (max-width:768px){    .hamburger{        display:flex;}        .nav-menu{        position:fixed;        left:-100%;        top:55px;        flex-direction:column;        background-color:rgba(30, 41, 59, 0.98);        width:100%;        text-align:center;        transition:0.3s;        box-shadow:0 10px 27px rgba(0, 0, 0, 0.3);        padding:2rem 0;        backdrop-filter:blur(10px);}        .nav-menu.active{        left:0;}        .nav-menu li{        margin:1rem 0;}        .hamburger.active .bar:nth-child(2){        opacity:0;}        .hamburger.active .bar:nth-child(1){        transform:translateY(8px) rotate(45deg);}        .hamburger.active .bar:nth-child(3){        transform:translateY(-8px) rotate(-45deg);}        .company-intro h3{        font-size:1rem;}        .value-props{        align-items:center;}        .services-grid{        grid-template-columns:1fr;}        .about-content{        grid-template-columns:1fr;        gap:2rem;}        .about-text .section-header{        text-align:center;}        .stats{        grid-template-columns:1fr;        gap:1rem;}        .section-header h2{        font-size:2rem;}}@media (max-width:480px){    .service-card,    .contact-form{        padding:1.5rem;}        .stats{        grid-template-columns:1fr;}        .stat h3{        font-size:2rem;}        .value-props{        gap:0.75rem;}        .value-prop{        font-size:0.9rem;}}@keyframes fadeInUp{    from{        opacity:0;        transform:translateY(30px);}    to{        opacity:1;        transform:translateY(0);}}.service-card,.contact-item{    animation:fadeInUp 0.6s ease forwards;}@media (prefers-reduced-motion:reduce){    *{        animation-duration:0.01ms !important;        animation-iteration-count:1 !important;        transition-duration:0.01ms !important;}        html{        scroll-behavior:auto;}        .scroll-arrow{        animation:none;}}.btn:focus,.nav-link:focus,input:focus,select:focus,textarea:focus{    outline:2px solid #3b82f6;    outline-offset:2px;}@media (prefers-contrast:high){    .service-card{        border:2px solid #333;}        .btn-primary{        border:2px solid #000;}}.framework{    background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);    padding:80px 0;    position:relative;    overflow:hidden;}.framework::before{    content:'';    position:absolute;    top:0;    left:0;    right:0;    bottom:0;    background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23e2e8f0' fill-opacity='0.4'%3E%3Cpath d='M20 20c0 4.4-3.6 8-8 8s-8-3.6-8-8 3.6-8 8-8 8 3.6 8 8zm0-20c0 4.4-3.6 8-8 8s-8-3.6-8-8 3.6-8 8-8 8 3.6 8 8z'/%3E%3C/g%3E%3C/svg%3E") repeat;    pointer-events:none;    opacity:0.3;}.section-badge{    display:inline-flex;    align-items:center;    gap:8px;    background:linear-gradient(135deg, #3b82f6, #1d4ed8);    color:white;    padding:8px 20px;    border-radius:50px;    font-size:0.9rem;    font-weight:600;    margin-bottom:1rem;    box-shadow:0 4px 15px rgba(59, 130, 246, 0.3);    animation:pulse-glow 3s ease-in-out infinite;}@keyframes pulse-glow{    0%, 100%{box-shadow:0 4px 15px rgba(59, 130, 246, 0.3);}    50%{box-shadow:0 8px 25px rgba(59, 130, 246, 0.5);}}.section-badge svg{    animation:rotate-slow 8s linear infinite;}@keyframes rotate-slow{    from{transform:rotate(0deg);}    to{transform:rotate(360deg);}}.framework .section-header h2{    font-size:2.8rem;    font-weight:800;    background:linear-gradient(135deg, #1e293b, #3b82f6);    -webkit-background-clip:text;    -webkit-text-fill-color:transparent;    background-clip:text;    margin-bottom:0.5rem;}.framework .section-header p{    color:#64748b;    font-size:1.1rem;    max-width:700px;    margin:0 auto 2rem;}.framework-grid{    display:grid;    grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));    gap:16px;}.framework-card{    background:white;    border-radius:16px;    padding:0;    position:relative;    overflow:hidden;    transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);    cursor:pointer;    border:1px solid #e2e8f0;    box-shadow:0 2px 4px rgba(0, 0, 0, 0.05);    height:200px;}.framework-card:hover{    transform:translateY(-4px) scale(1.01);    box-shadow:0 12px 25px rgba(0, 0, 0, 0.1);    border-color:#3b82f6;}.framework-card:hover .card-glow{    opacity:1;    transform:scale(1.05);}.framework-card:hover .card-icon{    transform:scale(1.05) rotate(3deg);    color:#3b82f6;}.framework-card:hover .card-number{    background:linear-gradient(135deg, #3b82f6, #1d4ed8);    transform:scale(1.05);}.card-glow{    position:absolute;    top:-50%;    left:-50%;    width:200%;    height:200%;    background:radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, transparent 70%);    opacity:0;    transition:all 0.3s ease;    pointer-events:none;}.card-content{    padding:20px;    position:relative;    z-index:2;    height:100%;    display:flex;    flex-direction:column;}.card-header{    display:flex;    align-items:center;    justify-content:space-between;    margin-bottom:12px;}.card-number{    background:linear-gradient(135deg, #f1f5f9, #e2e8f0);    color:#475569;    width:36px;    height:36px;    border-radius:10px;    display:flex;    align-items:center;    justify-content:center;    font-weight:700;    font-size:0.9rem;    transition:all 0.3s ease;}.card-icon{    color:#64748b;    transition:all 0.3s ease;}.card-icon svg{    width:24px;    height:24px;}.framework-card h3{    font-size:1.1rem;    font-weight:700;    color:#1e293b;    margin-bottom:8px;    line-height:1.3;    flex-grow:1;}.framework-card p{    color:#64748b;    font-size:0.85rem;    line-height:1.4;    margin-bottom:12px;}.card-tags{    display:flex;    flex-wrap:wrap;    gap:6px;    margin-top:auto;}.tag{    background:linear-gradient(135deg, #f1f5f9, #e2e8f0);    color:#475569;    padding:4px 8px;    border-radius:12px;    font-size:0.75rem;    font-weight:500;    transition:all 0.3s ease;}.framework-card:hover .tag{    background:linear-gradient(135deg, #dbeafe, #bfdbfe);    color:#1d4ed8;}.framework-card{    animation:slideInUp 0.4s ease-out forwards;    opacity:0;    transform:translateY(20px);}.framework-card:nth-child(1){animation-delay:0.05s;}.framework-card:nth-child(2){animation-delay:0.1s;}.framework-card:nth-child(3){animation-delay:0.15s;}.framework-card:nth-child(4){animation-delay:0.2s;}.framework-card:nth-child(5){animation-delay:0.25s;}.framework-card:nth-child(6){animation-delay:0.3s;}.framework-card:nth-child(7){animation-delay:0.35s;}.framework-card:nth-child(8){animation-delay:0.4s;}.framework-card:nth-child(9){animation-delay:0.45s;}.framework-card:nth-child(10){animation-delay:0.5s;}@keyframes slideInUp{    to{        opacity:1;        transform:translateY(0);}}@media (max-width:768px){    .framework{        padding:60px 0;}        .framework .section-header h2{        font-size:2.2rem;}        .framework-grid{        grid-template-columns:1fr;        gap:12px;}        .framework-card{        height:180px;}        .card-content{        padding:16px;}        .framework-card h3{        font-size:1rem;}        .framework-card p{        font-size:0.8rem;}}@media (max-width:480px){        .card-header{        flex-direction:row;        align-items:center;        gap:8px;}        .card-number{        width:32px;        height:32px;        font-size:0.8rem;}        .card-icon svg{        width:20px;        height:20px;}}        min-height:160px;}        .framework-number{        width:45px;        height:45px;        font-size:18px;}        .framework-item h4{        font-size:16px;}}html, body{    overflow-x:hidden;    max-width:100vw;}img, video, iframe{    max-width:100%;    height:auto;}.btn{    min-height:44px;    padding:12px 24px;    font-size:16px;}@media (max-width:576px){    .btn{        width:100%;        max-width:300px;        margin:0 auto;        display:block;}}input, textarea, select{    font-size:16px;    width:100%;    max-width:100%;}@media (max-width:576px){        .hero{        padding:15px 0;        min-height:auto;}        .hero-container{        padding:0 15px;        gap:1rem;}        .company-intro h3{        font-size:0.85rem;        margin-bottom:0.8rem;}        .value-props{        gap:0.4rem;        margin-bottom:1rem;}        .value-prop{        font-size:0.85rem;        padding:0.4rem 0.8rem;}        .hero-buttons{        flex-direction:column;        align-items:center;        gap:0.8rem;        margin-top:1rem;}        .hero-buttons .btn{        width:100%;        max-width:220px;        padding:12px 18px;        font-size:15px;}            .contact-form{        padding:1rem;        margin:0;}        .form-group{        margin-bottom:1rem;}        .form-group input,    .form-group select,    .form-group textarea{        padding:14px 12px;        font-size:16px;}        .form-group textarea{        min-height:100px;}            .services, .about, .framework, .pricing{        padding:40px 0;}            .framework-item{        padding:20px 15px;        min-height:140px;}        .framework-number{        width:40px;        height:40px;        font-size:16px;}        .framework-item h4{        font-size:14px;        margin-bottom:8px;}        .framework-item p{        font-size:12px;}}@media (max-width:768px) and (orientation:landscape){    .hero{        min-height:auto;        padding:10px 0;}        .hero-container{        padding:0.5rem 15px;        gap:1rem;}}@media (min-width:768px) and (max-width:1024px){    .hero-container{        gap:3rem;}        .services-grid{        grid-template-columns:repeat(2, 1fr);}        .pricing-grid{        grid-template-columns:repeat(2, 1fr);}}@media (min-width:1400px){    .container{        max-width:1320px;}        .hero-content h1{        font-size:4rem;}        .section-header h2{        font-size:3rem;}}.pricing{    background:#ffffff;}.pricing-grid{    display:grid;    grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));    gap:30px;    margin-top:50px;}.pricing-card{    background:white;    border:2px solid #e2e8f0;    border-radius:16px;    padding:40px 30px;    text-align:center;    position:relative;    transition:all 0.3s ease;}.pricing-card:hover{    transform:translateY(-8px);    box-shadow:0 20px 40px rgba(0, 0, 0, 0.1);    border-color:#3b82f6;}.consultation-row{    margin:40px 0;}.consultation-card{    background:linear-gradient(135deg, #f8fafc, #e2e8f0);    border:2px solid #cbd5e1;    border-radius:20px;    padding:0;    overflow:hidden;    transition:all 0.3s ease;}.consultation-card:hover{    transform:translateY(-4px);    box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);    border-color:#3b82f6;}.consultation-content{    display:grid;    grid-template-columns:auto 1fr auto;    align-items:center;    gap:24px;    padding:32px;}.consultation-icon{    background:linear-gradient(135deg, #3b82f6, #1d4ed8);    color:white;    width:64px;    height:64px;    border-radius:16px;    display:flex;    align-items:center;    justify-content:center;    box-shadow:0 4px 15px rgba(59, 130, 246, 0.3);}.consultation-text h3{    font-size:1.5rem;    font-weight:700;    color:#1e293b;    margin-bottom:8px;}.consultation-text p{    color:#64748b;    font-size:1rem;    line-height:1.6;    margin:0;}.consultation-action .btn{    white-space:nowrap;    padding:12px 24px;    font-weight:600;}.pricing-additional{    margin-top:60px;    text-align:center;}.pricing-additional h3{    font-size:2rem;    font-weight:700;    color:#1e293b;    margin-bottom:2rem;}.additional-services{    display:grid;    grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));    gap:24px;    margin-bottom:40px;}.service-item{    background:white;    padding:24px;    border-radius:16px;    border:1px solid #e2e8f0;    box-shadow:0 2px 4px rgba(0, 0, 0, 0.05);    transition:all 0.3s ease;    text-align:left;}.service-item:hover{    transform:translateY(-2px);    box-shadow:0 8px 20px rgba(0, 0, 0, 0.1);    border-color:#3b82f6;}.service-item h4{    font-size:1.2rem;    font-weight:600;    color:#1e293b;    margin-bottom:8px;}.service-item p{    color:#64748b;    font-size:0.95rem;    line-height:1.5;    margin-bottom:12px;}.service-price{    display:inline-block;    background:linear-gradient(135deg, #3b82f6, #1d4ed8);    color:white;    padding:6px 12px;    border-radius:20px;    font-size:0.9rem;    font-weight:600;}.pricing-note{    background:linear-gradient(135deg, #f1f5f9, #e2e8f0);    padding:24px;    border-radius:16px;    border:1px solid #cbd5e1;    margin-top:40px;    text-align:center;}.pricing-note p{    color:#475569;    font-size:1rem;    line-height:1.6;    margin:0;}.pricing-note strong{    color:#1e293b;}.pricing-card.featured{    border-color:#3b82f6;    transform:scale(1.05);    box-shadow:0 10px 30px rgba(59, 130, 246, 0.15);}.pricing-card.featured:hover{    transform:scale(1.05) translateY(-8px);}.pricing-badge{    position:absolute;    top:-12px;    left:50%;    transform:translateX(-50%);    background:linear-gradient(135deg, #3b82f6, #1d4ed8);    color:white;    padding:8px 24px;    border-radius:20px;    font-size:14px;    font-weight:600;}.pricing-header h3{    font-size:24px;    font-weight:700;    color:#1e293b;    margin-bottom:16px;}.price{    margin-bottom:8px;}.price .currency{    font-size:20px;    color:#64748b;    vertical-align:top;}.price .amount{    font-size:48px;    font-weight:800;    color:#1e293b;    line-height:1;}.price .period{    font-size:18px;    color:#64748b;}.price-description{    color:#64748b;    font-size:16px;    margin-bottom:30px;}.pricing-features{    list-style:none;    padding:0;    margin:30px 0;    text-align:left;}.pricing-features li{    padding:12px 0;    border-bottom:1px solid #f1f5f9;    position:relative;    padding-left:30px;    color:#475569;    font-size:15px;}.pricing-features li:last-child{    border-bottom:none;}.pricing-features li::before{    }.pricing-card .btn{    width:100%;    margin-top:20px;    padding:14px 24px;    font-weight:600;}@media (max-width:768px){    .pricing-grid{        grid-template-columns:1fr;        gap:20px;}        .pricing-card.featured{        transform:none;}        .pricing-card.featured:hover{        transform:translateY(-8px);}        .pricing-card{        padding:30px 20px;}        .price .amount{        font-size:36px;}        .additional-services{        grid-template-columns:1fr;        gap:16px;}        .service-item{        padding:20px;}        .pricing-additional h3{        font-size:1.6rem;}        .pricing-note{        padding:20px;}        .consultation-content{        grid-template-columns:1fr;        text-align:center;        gap:20px;        padding:24px;}        .consultation-text h3{        font-size:1.3rem;}        .consultation-icon{        justify-self:center;        width:56px;        height:56px;}}
/* Calendly-style checkmarks for pricing features */
.check-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-right: 12px;
    flex-shrink: 0;
}

.check-icon::before {
    content: '';
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300A2FF'%3E%3Cpath d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.pricing-features {
    list-style: none;
    padding: 0;
    margin: 30px 0;
    text-align: left;
}

.pricing-features li {
    display: flex;
    align-items: flex-start;
    padding: 12px 0;
    color: #475569;
    font-size: 15px;
    line-height: 1.5;
    border-bottom: 1px solid #f1f5f9;
    position: relative;
    padding-left: 0;
}

.pricing-features li:last-child {
    border-bottom: none;
}

/* Remove any conflicting pseudo-elements */
.pricing-features li::before {
    display: none !important;
    content: none !important;
}