:root{    --primary-color:#2563eb;    --secondary-color:#1e40af;    --accent-color:#60a5fa;    --dark-bg:#0f172a;    --dark-surface:#1e293b;    --light-surface:#f8fafc;    --text-primary:#0f172a;    --text-secondary:#64748b;    --text-light:#ffffff;    --gradient-primary:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%);    --gradient-dark:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);    --shadow-light:0 4px 6px -1px rgba(0,0,0,0.1);    --shadow-medium:0 10px 15px -3px rgba(0,0,0,0.1);    --shadow-heavy:0 25px 50px -12px rgba(0,0,0,0.25);}*{    margin:0;    padding:0;    box-sizing:border-box;}*,*:before,*:after{    box-sizing:border-box;}img,video,iframe{    max-width:100%;    height:auto;}.sr-only{    position:absolute;    width:1px;    height:1px;    padding:0;    margin:-1px;    overflow:hidden;    clip:rect(0,0,0,0);    white-space:nowrap;    border-width:0;}html{    scroll-behavior:smooth;    -webkit-text-size-adjust:100%;    -ms-text-size-adjust:100%;}body{    font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;    line-height:1.6;    color:var(--text-primary);    word-wrap:break-word;    overflow-wrap:break-word;}.container{    max-width:1200px;    margin:0 auto;    padding:0 20px;    width:100%;    min-width:0;}.section-title{    font-size:2.5rem;    font-weight:700;    text-align:center;    margin-bottom:1rem;    color:var(--text-primary);}.section-subtitle{    font-size:1.125rem;    text-align:center;    color:var(--text-secondary);    margin-bottom:3rem;    max-width:600px;    margin-left:auto;    margin-right:auto;}.navbar{    position:fixed;    top:0;    width:100%;    background:linear-gradient(135deg,rgba(15,23,42,0.95) 0%,rgba(30,41,59,0.95) 50%,rgba(37,99,235,0.15) 100%);    backdrop-filter:blur(10px);    z-index:1000;    padding:0.75rem 0;    transition:all 0.3s ease;}.nav-container{    max-width:1400px;    margin:0 auto;    padding:0 2rem;    display:flex;    justify-content:space-between;    align-items:center;    gap:2rem;}.nav-logo .logo{    height:60px;    width:auto;    border-radius:8px;    transition:transform 0.3s ease;}.nav-logo .logo:hover{    transform:scale(1.05);}.nav-menu{    display:flex;    list-style:none;    gap:2rem;}.nav-link{    color:var(--text-light);    text-decoration:none;    font-weight:500;    transition:color 0.3s ease;    position:relative;}.nav-link:hover{    color:var(--accent-color);}.nav-link::after{    content:'';    position:absolute;    width:0;    height:2px;    bottom:-5px;    left:0;    background:var(--accent-color);    transition:width 0.3s ease;}.nav-link:hover::after{    width:100%;}.nav-contact{    display:flex;    align-items:center;    gap:1rem;    margin-left:auto;}.nav-phone,.nav-email{    color:var(--text-light);    text-decoration:none;    font-size:0.9rem;    font-weight:500;    transition:color 0.3s ease;    display:flex;    align-items:center;    gap:0.4rem;}.nav-phone:hover,.nav-email:hover{    color:var(--accent-color);}.nav-email{    font-size:1.1rem;    padding:0.4rem 0.6rem;    background:rgba(59,130,246,0.1);    border-radius:8px;}.hamburger{    display:none;    flex-direction:column;    cursor:pointer;}.hamburger .bar{    width:25px;    height:3px;    background:var(--text-light);    margin:3px 0;    transition:0.3s;}.hero{    position:relative;    min-height:100vh;    display:flex;    align-items:center;    justify-content:center;    overflow:hidden;    padding-top:140px;    padding-bottom:3rem;    box-sizing:border-box;}.hero-background{    position:absolute;    top:0;    left:0;    right:0;    bottom:0;    background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#334155 100%);    z-index:-2;    overflow:hidden;}.hero-background::before{    content:'';    position:absolute;    top:0;    left:0;    right:0;    bottom:0;    background:        radial-gradient(circle at 20% 80%,rgba(59,130,246,0.15) 0%,transparent 50%),        radial-gradient(circle at 80% 20%,rgba(139,92,246,0.15) 0%,transparent 50%);    z-index:-1;}.hero-background::after{    content:'';    position:absolute;    top:50%;    left:50%;    transform:translate(-50%,-50%);    width:800px;    height:800px;    background:        linear-gradient(45deg,transparent 48%,rgba(59,130,246,0.03) 49%,rgba(59,130,246,0.03) 51%,transparent 52%),        linear-gradient(-45deg,transparent 48%,rgba(139,92,246,0.03) 49%,rgba(139,92,246,0.03) 51%,transparent 52%);    background-size:60px 60px;    z-index:0;    opacity:0.7;}.hero-content{    text-align:center;    color:var(--text-light);    z-index:1;    width:100%;    max-width:100%;    padding:2rem;    box-sizing:border-box;    position:relative;}.hero-content::before{    content:'';    position:absolute;    top:25%;    left:8%;    width:120px;    height:120px;    background:radial-gradient(circle at center,rgba(96,165,250,0.06) 30%,transparent 70%);    border-radius:50%;    animation:subtleFloat1 12s ease-in-out infinite;    z-index:-1;}.hero-content::after{    content:'';    position:absolute;    top:55%;    right:12%;    width:100px;    height:100px;    background:radial-gradient(circle at center,rgba(37,99,235,0.04) 30%,transparent 70%);    border-radius:50%;    animation:subtleFloat2 15s ease-in-out infinite reverse;    z-index:-1;}@keyframes subtleFloat1{    0%,100%{        transform:translateY(0) scale(1);        opacity:0.4;}    50%{        transform:translateY(-15px) scale(1.1);        opacity:0.7;}}@keyframes subtleFloat2{    0%,100%{        transform:translateY(0) scale(1);        opacity:0.3;}    50%{        transform:translateY(-10px) scale(1.05);        opacity:0.6;}}.hero-grid{    display:grid;    grid-template-columns:1fr 1fr;    gap:4rem;    align-items:center;    max-width:1300px;    margin:0 auto;    padding:0 2rem;    position:relative;    z-index:2;}.hero-text{    text-align:left;}.hero-badge{    display:inline-flex;    align-items:center;    gap:0.5rem;    background:rgba(255,255,255,0.95);    color:var(--primary-color);    padding:0.625rem 1.25rem;    border-radius:50px;    font-weight:600;    font-size:0.875rem;    margin-bottom:1.5rem;    box-shadow:0 4px 12px rgba(0,0,0,0.15);    backdrop-filter:blur(10px);    border:2px solid rgba(59,130,246,0.3);}.hero-title{    font-size:3.5rem;    font-weight:700;    margin-bottom:1.5rem;    line-height:1.2;    color:var(--text-light);}.highlight{    background:var(--gradient-primary);    -webkit-background-clip:text;    -webkit-text-fill-color:transparent;    background-clip:text;    display:inline-block;}.hero-subtitle{    font-size:1.25rem;    margin-bottom:2.5rem;    color:#cbd5e1;}.hero-buttons{    display:flex;    gap:1rem;    justify-content:flex-start;    flex-wrap:wrap;    margin-top:2rem;}.hero-form{    background:rgba(255,255,255,0.98);    padding:2.5rem;    border-radius:20px;    box-shadow:0 25px 50px -12px rgba(0,0,0,0.5);    width:100%;    max-width:450px;    margin:0 auto;}.hero-form h3{    color:var(--primary-color);    font-size:1.5rem;    margin-bottom:1.5rem;    text-align:center;    width:100%;    display:block;}.hero-google-reviews{    margin-top:2rem;    padding-top:1.5rem;    border-top:1px solid rgba(255,255,255,0.15);}.hero-reviews-display{    opacity:1;    transform:translateY(0);    transition:all 0.6s ease;}.hero-reviews-display.loaded{    opacity:1;    transform:translateY(0);}.hero-sleek-card{    display:block;    background:rgba(255,255,255,0.95);    backdrop-filter:blur(10px);    border-radius:16px;    border:1px solid rgba(255,255,255,0.2);    box-shadow:0 8px 32px rgba(0,0,0,0.1);    max-width:240px;    text-decoration:none;    transition:all 0.3s ease;    overflow:hidden;    position:relative;}.hero-sleek-card::before{    content:'';    position:absolute;    top:0;    left:0;    right:0;    height:2px;    background:linear-gradient(90deg,#4285F4,#34A853,#FBBC05,#EA4335);}.hero-sleek-card:hover{    transform:translateY(-4px);    box-shadow:0 12px 40px rgba(0,0,0,0.15);    border-color:rgba(255,255,255,0.3);}.sleek-card-inner{    padding:20px 18px;}.sleek-header{    display:flex;    align-items:center;    justify-content:space-between;    margin-bottom:12px;}.google-logo-badge{    display:flex;    align-items:center;    gap:6px;}.google-text{    font-size:14px;    font-weight:600;    color:#5f6368;    letter-spacing:-0.2px;}.rating-badge{    background:linear-gradient(135deg,#4285F4,#34A853);    color:white;    padding:4px 10px;    border-radius:20px;    font-size:14px;    font-weight:700;    box-shadow:0 2px 8px rgba(66,133,244,0.3);}.sleek-stars{    display:flex;    justify-content:center;    gap:3px;    margin-bottom:8px;}.star-icon{    color:#FFD700;    font-size:18px;    text-shadow:0 1px 2px rgba(0,0,0,0.1);    animation:starPulse 2s ease-in-out infinite;}.star-icon:nth-child(1){animation-delay:0s;}.star-icon:nth-child(2){animation-delay:0.1s;}.star-icon:nth-child(3){animation-delay:0.2s;}.star-icon:nth-child(4){animation-delay:0.3s;}.star-icon:nth-child(5){animation-delay:0.4s;}.sleek-label{    text-align:center;    font-size:13px;    font-weight:600;    color:#5f6368;    text-transform:uppercase;    letter-spacing:0.5px;}.hero-reviews-loading{    display:block;    background:rgba(255,255,255,0.95);    backdrop-filter:blur(10px);    border-radius:16px;    border:1px solid rgba(255,255,255,0.2);    box-shadow:0 8px 32px rgba(0,0,0,0.1);    max-width:240px;    padding:20px 18px;    position:relative;}.hero-reviews-loading::before{    content:'';    position:absolute;    top:0;    left:0;    right:0;    height:2px;    background:linear-gradient(90deg,#4285F4,#34A853,#FBBC05,#EA4335);}.loading-rating{    font-size:14px;    font-weight:700;    color:#333;}.loading-stars{    color:#FFD700;    font-size:18px;    letter-spacing:3px;    text-align:center;    display:block;    margin:8px 0;}.loading-reviews{    font-size:13px;    color:#5f6368;    text-align:center;    font-weight:600;    text-transform:uppercase;    letter-spacing:0.5px;    opacity:0.7;    animation:pulse 1.5s ease-in-out infinite;}@keyframes starPulse{    0%,100%{        transform:scale(1);        color:#FFD700;        text-shadow:0 1px 2px rgba(0,0,0,0.1),0 0 8px rgba(255,215,0,0.3);}    50%{        transform:scale(1.1);        color:#FFA500;        text-shadow:0 1px 2px rgba(0,0,0,0.1),0 0 12px rgba(255,165,0,0.5);}}@keyframes pulse{    0%,100%{opacity:0.7;}    50%{opacity:0.4;}}@media (max-width:768px){    .hero-google-reviews{        margin-top:1.5rem;        padding-top:1rem;}        .hero-sleek-card,    .hero-reviews-loading{        max-width:100%;        margin:0 auto;}        .sleek-card-inner,    .hero-reviews-loading{        padding:16px 14px;}        .google-logo-badge svg{        width:18px;        height:18px;}        .google-text{        font-size:13px;}        .rating-badge{        padding:3px 8px;        font-size:13px;}        .star-icon{        font-size:16px;}        .sleek-label,    .loading-reviews{        font-size:12px;}        .loading-stars{        font-size:16px;}}@media (max-width:480px){    .hero-form{        padding:1.25rem 1rem;}        .hero-form form{        grid-template-columns:1fr;        gap:0.75rem;        grid-template-areas:            "name"            "email"             "phone"            "service"            "message"            "button";}        .hero-form input,    .hero-form select,    .hero-form textarea{        padding:0.875rem 0.75rem;}        .hero-form textarea{        min-height:80px;}}.btn{    display:inline-block;    padding:0.875rem 2rem;    border-radius:10px;    text-decoration:none;    font-weight:600;    text-align:center;    transition:all 0.3s ease;    border:2px solid transparent;    cursor:pointer;}.btn-primary{    background:var(--gradient-primary);    color:var(--text-light);    box-shadow:var(--shadow-medium);}.btn-primary:hover{    transform:translateY(-2px);    box-shadow:var(--shadow-heavy);}.btn-secondary{    background:transparent;    color:var(--text-light);    border-color:var(--accent-color);}.btn-secondary:hover{    background:var(--accent-color);    color:var(--dark-bg);}.btn-light{    background:white;    color:var(--primary-color);}.btn-hosting-cta{    background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);    color:var(--primary-color);    border:2px solid rgba(255,255,255,0.3);    font-weight:600;    padding:1rem 2rem;    border-radius:12px;    box-shadow:0 8px 25px rgba(0,0,0,0.15);    transition:all 0.3s ease;    display:inline-flex;    align-items:center;    gap:0.5rem;    text-decoration:none;    font-size:1.1rem;}.btn-hosting-cta:hover{    background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);    transform:translateY(-2px);    box-shadow:0 12px 35px rgba(0,0,0,0.2);    color:var(--primary-color);    text-decoration:none;}.btn-hosting-cta i{    font-size:1rem;}.btn-block{    width:100%;}.launch-ribbon-wrapper{    position:relative;    z-index:999;    margin:20px 0;    width:100%;}.launch-ribbon{    position:relative;    background:linear-gradient(90deg,#ff6b35 0%,#ff8c42 50%,#dc2626 100%);    width:100%;    padding:0;    box-shadow:0 4px 15px rgba(220,38,38,0.25);}.ribbon-content{    display:flex;    align-items:center;    justify-content:center;    padding:16px 30px;    color:white;    font-weight:700;    text-align:center;    gap:20px;    flex-wrap:wrap;}.rocket-emoji{    font-size:2rem;    animation:rocket-bounce 3s infinite ease-in-out;    filter:drop-shadow(2px 2px 4px rgba(0,0,0,0.3));}@keyframes rocket-bounce{    0%,100%{transform:scale(1) rotate(-5deg) translateY(0);}    25%{transform:scale(1.1) rotate(0deg) translateY(-3px);}    75%{transform:scale(1.05) rotate(5deg) translateY(-1px);}}.ribbon-text{    font-size:1.1rem;    line-height:1.3;    text-shadow:2px 2px 4px rgba(0,0,0,0.5);}.ribbon-cta{    background:linear-gradient(145deg,#ffffff 0%,#f8f9fa 100%);    color:#dc2626;    padding:12px 24px;    border-radius:25px;    text-decoration:none;    font-weight:800;    transition:all 0.3s ease;}.ribbon-cta:hover{    background:linear-gradient(145deg,#fbbf24 0%,#f59e0b 100%);    color:#ffffff;    transform:scale(1.1) translateY(-2px);}.services-alternating{    padding:6rem 0;    background:linear-gradient(180deg,#f8fafc 0%,#ffffff 50%,#f8fafc 100%);    position:relative;    overflow:hidden;}.services-alternating .container{    max-width:900px !important;    position:relative;}.services-alternating::before{    content:'';    position:absolute;    top:0;    left:-50%;    width:200%;    height:100%;    background:radial-gradient(circle at 30% 50%,rgba(96,165,250,0.05) 0%,transparent 50%);    pointer-events:none;}.services-alternating .container::before{    content:'';    position:absolute;    left:50%;    top:5%;    bottom:5%;    width:4px;    background:linear-gradient(180deg,        transparent 0%,        rgba(59,130,246,0.2) 20%,        var(--primary-color) 50%,        rgba(59,130,246,0.2) 80%,        transparent 100%);    border-radius:2px;    transform:translateX(-50%);    z-index:1;    box-shadow:0 0 20px rgba(59,130,246,0.3);}.services-alternating .container::after{    content:'';    position:absolute;    left:50%;    top:5%;    width:4px;    height:0%;    background:linear-gradient(180deg,        var(--accent-color) 0%,        var(--primary-color) 50%,        #3b82f6 100%);    border-radius:2px;    transform:translateX(-50%);    z-index:2;    animation:fillTimeline 3s ease-in-out 0.5s forwards;    box-shadow:0 0 30px rgba(96,165,250,0.6);}@keyframes fillTimeline{    to{        height:95%;}}.services-alternating .container{    position:relative;}.service-row{    display:grid;    grid-template-columns:1fr 1fr;    gap:2.5rem;    align-items:center;    margin:3rem 0;    padding:1.5rem 0;    opacity:0;    animation:fadeInUp 0.8s ease forwards;    position:relative;    z-index:3;}@keyframes fadeInUp{    from{        opacity:0;        transform:translateY(30px);}    to{        opacity:1;        transform:translateY(0);}}.service-row:nth-child(2){animation-delay:0.1s;}.service-row:nth-child(3){animation-delay:0.2s;}.service-row:nth-child(4){animation-delay:0.3s;}.service-row:nth-child(5){animation-delay:0.4s;}.service-row:nth-child(6){animation-delay:0.5s;}.service-row:nth-child(7){animation-delay:0.6s;}.service-row::before{    content:'';    position:absolute;    left:50%;    top:50%;    width:20px;    height:20px;    background:white;    border:4px solid var(--primary-color);    border-radius:50%;    transform:translate(-50%,-50%);    z-index:10;    box-shadow:        0 0 0 8px rgba(59,130,246,0.1),        0 0 20px rgba(59,130,246,0.4),        inset 0 2px 4px rgba(0,0,0,0.1);    animation:nodeGlow 2s ease-in-out infinite alternate;}@keyframes nodeGlow{    0%{        box-shadow:            0 0 0 8px rgba(59,130,246,0.1),            0 0 20px rgba(59,130,246,0.4),            inset 0 2px 4px rgba(0,0,0,0.1);        transform:translate(-50%,-50%) scale(1);}    100%{        box-shadow:            0 0 0 12px rgba(59,130,246,0.2),            0 0 30px rgba(59,130,246,0.6),            inset 0 2px 4px rgba(0,0,0,0.1);        transform:translate(-50%,-50%) scale(1.1);}}.service-row::after{    content:'✓';    position:absolute;    left:50%;    top:50%;    width:12px;    height:12px;    color:var(--primary-color);    font-size:12px;    font-weight:bold;    display:flex;    align-items:center;    justify-content:center;    transform:translate(-50%,-50%);    z-index:11;    opacity:0;    animation:checkmarkAppear 0.5s ease-out 1s forwards;}@keyframes checkmarkAppear{    0%{        opacity:0;        transform:translate(-50%,-50%) scale(0) rotate(-180deg);}    50%{        transform:translate(-50%,-50%) scale(1.3) rotate(0deg);}    100%{        opacity:1;        transform:translate(-50%,-50%) scale(1) rotate(0deg);}}.service-row:hover::before{    animation-play-state:paused;    border-color:var(--accent-color);    box-shadow:        0 0 0 15px rgba(96,165,250,0.2),        0 0 40px rgba(96,165,250,0.8),        inset 0 2px 4px rgba(0,0,0,0.1);    transform:translate(-50%,-50%) scale(1.2);}.service-row:hover::after{    color:var(--accent-color);    text-shadow:0 0 10px rgba(96,165,250,0.8);}.service-row:nth-child(even)::before{    animation-delay:0.2s;}.service-row:nth-child(odd)::before{    animation-delay:0.1s;}.services-alternating .container{    position:relative;}.services-alternating .container .timeline-particle{    position:absolute;    left:50%;    width:6px;    height:6px;    background:var(--accent-color);    border-radius:50%;    transform:translateX(-50%);    opacity:0;    animation:particleFlow 4s ease-in-out infinite;    box-shadow:0 0 10px var(--accent-color);}@keyframes particleFlow{    0%,100%{        opacity:0;        top:10%;        transform:translateX(-50%) scale(0.5);}    10%{        opacity:1;        transform:translateX(-50%) scale(1);}    90%{        opacity:1;        transform:translateX(-50%) scale(1);}    100%{        top:90%;        opacity:0;        transform:translateX(-50%) scale(0.5);}}.service-content{    padding:1.5rem;    position:relative;}.service-content h3{    font-size:2rem;    font-weight:800;    margin-bottom:1rem;    color:var(--text-primary);    line-height:1.2;    letter-spacing:-0.02em;    background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-color) 100%);    -webkit-background-clip:text;    -webkit-text-fill-color:transparent;    background-clip:text;}.service-content p{    font-size:1.05rem;    line-height:1.7;    color:var(--text-secondary);    margin-bottom:1.5rem;}.service-content .service-features{    list-style:none;    padding:0;    margin-bottom:2rem;}.service-content .service-features li{    padding:1rem 0;    position:relative;    padding-left:2.5rem;    color:var(--text-primary);    font-size:1.1rem;    line-height:1.6;    font-weight:500;    transition:all 0.3s ease;}.service-content .service-features li:hover{    padding-left:3rem;    color:var(--primary-color);}.service-content .service-features li::before{    content:'✓';    position:absolute;    left:0;    color:white;    background:var(--gradient-primary);    font-weight:bold;    font-size:1rem;    width:1.5rem;    height:1.5rem;    display:flex;    align-items:center;    justify-content:center;    border-radius:50%;    transition:all 0.3s ease;    box-shadow:0 2px 8px rgba(37,99,235,0.3);}.service-content .service-features li:hover::before{    transform:scale(1.2) rotate(360deg);    box-shadow:0 4px 12px rgba(37,99,235,0.5);}.service-graphic{    display:flex;    align-items:center;    justify-content:center;    padding:2rem;    background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);    border-radius:24px;    min-height:300px;    max-height:320px;    overflow:visible;    position:relative;    box-shadow:0 10px 40px rgba(0,0,0,0.06);    transition:all 0.4s ease;}.service-graphic:hover{    transform:translateY(-8px);    box-shadow:0 20px 60px rgba(0,0,0,0.12);}.service-illustration{    width:240px !important;    height:240px !important;    max-width:240px !important;    max-height:240px !important;    object-fit:contain !important;    image-rendering:-webkit-optimize-contrast;    image-rendering:crisp-edges;    transition:transform 0.4s ease;    filter:drop-shadow(0 4px 12px rgba(0,0,0,0.08));}.service-graphic:hover .service-illustration{    transform:scale(1.05);}.service-row-reverse{    direction:rtl;}.service-row-reverse .service-content,.service-row-reverse .service-graphic{    direction:ltr;}.services-grid{    display:grid;    grid-template-columns:repeat(3,1fr);    gap:2rem;    margin-top:3rem;    position:relative;    z-index:3;}.service-card{    background:white;    border-radius:16px;    padding:2rem;    box-shadow:0 4px 15px rgba(0,0,0,0.08);    transition:all 0.3s ease;    border:1px solid rgba(59,130,246,0.1);    overflow:hidden;    position:relative;}.service-card::before{    content:'';    position:absolute;    top:0;    left:0;    right:0;    height:4px;    background:var(--gradient-primary);    opacity:0;    transition:opacity 0.3s ease;}.service-card:hover{    transform:translateY(-8px);    box-shadow:0 12px 35px rgba(37,99,235,0.15);    border-color:rgba(59,130,246,0.2);}.service-card:hover::before{    opacity:1;}.service-card-graphic{    text-align:center;    margin-bottom:1.5rem;    padding:1rem;    background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);    border-radius:12px;    transition:all 0.3s ease;}.service-card:hover .service-card-graphic{    background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);}.service-card-illustration{    max-width:100%;    height:auto;    max-height:120px;    width:auto;    object-fit:contain;    transition:transform 0.3s ease;    filter:drop-shadow(0 2px 8px rgba(0,0,0,0.1));}.service-card:hover .service-card-illustration{    transform:scale(1.05);}.service-card-content{    text-align:left;}.service-card-content h3{    font-size:1.5rem;    font-weight:700;    margin-bottom:1rem;    color:var(--text-primary);    line-height:1.3;    background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-color) 100%);    -webkit-background-clip:text;    -webkit-text-fill-color:transparent;    background-clip:text;}.service-card-content p{    font-size:0.95rem;    line-height:1.6;    color:var(--text-secondary);    margin-bottom:1.5rem;}.service-card .service-features{    list-style:none;    padding:0;    margin:0;}.service-card .service-features li{    padding:0.75rem 0;    position:relative;    padding-left:2rem;    color:var(--text-primary);    font-size:0.9rem;    line-height:1.5;    font-weight:500;    transition:all 0.3s ease;}.service-card .service-features li:hover{    padding-left:2.25rem;    color:var(--primary-color);}.service-card .service-features li::before{    content:'✓';    position:absolute;    left:0;    top:0.75rem;    color:white;    background:var(--gradient-primary);    font-weight:bold;    font-size:0.75rem;    width:1.25rem;    height:1.25rem;    display:flex;    align-items:center;    justify-content:center;    border-radius:50%;    transition:all 0.3s ease;    box-shadow:0 2px 6px rgba(37,99,235,0.25);}.service-card .service-features li:hover::before{    transform:scale(1.1);    box-shadow:0 3px 8px rgba(37,99,235,0.4);}@media (max-width:992px){    .services-grid{        grid-template-columns:repeat(2,1fr);        gap:1.5rem;}}@media (max-width:768px) and (orientation:landscape){    .services-grid{        grid-template-columns:repeat(2,1fr);        gap:1rem;}        .service-card{        padding:1.25rem;}        .service-card-content h3{        font-size:1.25rem;}        .service-card-content p{        font-size:0.875rem;}}@media (max-width:640px) and (orientation:portrait){    .services-grid{        grid-template-columns:1fr;        gap:1.5rem;        margin-top:2rem;}}@media (max-width:480px){    .services-grid{        grid-template-columns:1fr;        gap:1rem;        margin-top:1.5rem;}        .service-card{        padding:1.25rem;        border-radius:12px;}        .service-card-graphic{        margin-bottom:1rem;        padding:0.75rem;}        .service-card-illustration{        max-height:100px;}        .service-card-content h3{        font-size:1.25rem;}        .service-card-content p{        font-size:0.9rem;}        .service-card .service-features li{        font-size:0.85rem;        padding:0.5rem 0;        padding-left:1.75rem;}        .service-card .service-features li::before{        width:1rem;        height:1rem;        font-size:0.7rem;        top:0.5rem;}}@media (max-width:480px){    .services-grid{        gap:1rem;        margin-top:1.5rem;}        .service-card{        padding:1.25rem;        border-radius:12px;}        .service-card-graphic{        margin-bottom:0.75rem;        padding:0.5rem;        border-radius:8px;}        .service-card-illustration{        max-height:80px;}        .service-card-content h3{        font-size:1.125rem;        margin-bottom:0.75rem;}        .service-card-content p{        font-size:0.875rem;        margin-bottom:1rem;        line-height:1.5;}        .service-card .service-features li{        font-size:0.8rem;        padding:0.4rem 0;        padding-left:1.5rem;        line-height:1.4;}        .service-card .service-features li::before{        width:0.875rem;        height:0.875rem;        font-size:0.6rem;        top:0.4rem;}}@media (max-width:360px){    .services-grid{        gap:0.75rem;        margin-top:1rem;}        .service-card{        padding:1rem;}        .service-card-content h3{        font-size:1rem;}        .service-card-content p{        font-size:0.825rem;}        .service-card .service-features li{        font-size:0.75rem;        padding:0.3rem 0;        padding-left:1.25rem;}        .service-card .service-features li::before{        width:0.75rem;        height:0.75rem;        font-size:0.55rem;        top:0.3rem;}}@media (max-width:768px){    .service-card{        transition:all 0.2s ease;        -webkit-tap-highlight-color:rgba(0,0,0,0.1);        touch-action:manipulation;}        .service-card:active{        transform:scale(0.98);}        .service-card:hover{        transform:translateY(-4px);        box-shadow:0 8px 25px rgba(37,99,235,0.12);}}@media (max-width:768px){    *{        touch-action:manipulation;        -webkit-tap-highlight-color:transparent;}        .btn,    .nav-link,    .service-card,    .wpforms-submit,    .launch-cta,    .tech-card{        touch-action:manipulation;        -webkit-tap-highlight-color:rgba(37,99,235,0.1);}        body{        -webkit-overflow-scrolling:touch;        overscroll-behavior:contain;}        .service-row,    .tech-card,    .service-card{        will-change:transform;        backface-visibility:hidden;        -webkit-backface-visibility:hidden;}}@media (max-width:768px){    .services-alternating{        padding:4rem 0;}        .services-alternating .container{        max-width:100% !important;        padding:0 1rem;}        .section-header{        margin-bottom:2rem;}        .section-title{        font-size:1.875rem;        margin-bottom:0.75rem;}        .section-subtitle{        font-size:1rem;        margin-bottom:2rem;}}.portfolio-showcase{    padding:4rem 0;    background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);    color:white;}.portfolio-showcase .section-title{    color:white;}.portfolio-showcase .section-subtitle{    color:rgba(255,255,255,0.8);}.portfolio-preview{    margin-top:2rem;    text-align:center;}.portfolio-text{    font-size:1.1rem;    line-height:2;    margin-bottom:2rem;    color:rgba(255,255,255,0.9);}.pricing-cta-section{    padding:80px 20px;    background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);}.pricing-cta-banner{    max-width:1200px;    margin:0 auto;    background:rgba(255,255,255,0.1);    backdrop-filter:blur(10px);    border:2px solid rgba(255,255,255,0.2);    border-radius:24px;    padding:3rem;    display:flex;    align-items:center;    gap:2.5rem;    box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);}.pricing-cta-banner .cta-icon{    flex-shrink:0;    width:120px;    height:120px;    background:white;    border-radius:20px;    display:flex;    align-items:center;    justify-content:center;    font-size:2rem;    color:var(--primary-color);    padding:15px;    box-shadow:0 10px 30px rgba(0,0,0,0.1);}.pricing-cta-banner .cta-icon .cta-svg{    width:100%;    height:100%;    object-fit:contain;}.pricing-cta-banner .cta-content h2{    color:white;    font-size:1.75rem;    font-weight:700;    margin-bottom:0.75rem;}.pricing-cta-banner .cta-content p{    color:rgba(255,255,255,0.95);}.technologies{    padding:6rem 0;    background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 50%,#f8fafc 100%);    color:var(--text-primary);    overflow:hidden;    position:relative;}.technologies::before{    content:'';    position:absolute;    top:0;    left:0;    right:0;    bottom:0;    background:        radial-gradient(circle at 20% 30%,rgba(59,130,246,0.08) 0%,transparent 50%),        radial-gradient(circle at 80% 70%,rgba(96,165,250,0.08) 0%,transparent 50%);    pointer-events:none;}.technologies .section-title{    color:var(--text-primary);    background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);    -webkit-background-clip:text;    -webkit-text-fill-color:transparent;    background-clip:text;}.technologies .section-subtitle{    color:var(--text-secondary);}.tech-scroll-container{    width:100%;    overflow:hidden;    position:relative;    padding:2rem 0;}.tech-scroll-track{    display:flex;    flex-direction:row;    gap:2rem;    animation:scroll-left 40s linear infinite;    width:max-content;}@keyframes scroll-left{    0%{transform:translateX(0);}    100%{transform:translateX(-50%);}}.tech-card{    background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);    padding:2rem;    border-radius:16px;    text-align:center;    transition:all 0.3s ease;    border:1px solid rgba(59,130,246,0.15);    min-width:220px;    flex-shrink:0;    box-shadow:0 4px 15px rgba(0,0,0,0.05);    color:var(--text-primary);    position:relative;    overflow:hidden;}.tech-card::before{    content:'';    position:absolute;    top:0;    left:0;    right:0;    height:3px;    background:var(--gradient-primary);    opacity:0;    transition:opacity 0.3s ease;}.tech-card:hover{    transform:translateY(-8px) scale(1.05);    border-color:var(--accent-color);    box-shadow:0 15px 40px rgba(37,99,235,0.15);    background:linear-gradient(135deg,#ffffff 0%,#dbeafe 100%);}.tech-card:hover::before{    opacity:1;}.tech-card h4{    font-weight:600;    margin-bottom:0.5rem;    color:var(--text-primary);    font-size:1.1rem;}.tech-card p{    color:var(--text-secondary);    font-size:0.9rem;    line-height:1.4;}.tech-icon{    width:4rem;    height:4rem;    margin:0 auto 1rem;    display:flex;    align-items:center;    justify-content:center;    border-radius:12px;    font-size:2rem;    background:rgba(255,255,255,0.9);    color:var(--primary-color);    box-shadow:0 4px 12px rgba(0,0,0,0.1);    transition:all 0.3s ease;    overflow:hidden;}.tech-card:hover .tech-icon{    transform:scale(1.1);    box-shadow:0 6px 16px rgba(0,0,0,0.15);    background:rgba(255,255,255,1);}.tech-svg,.tech-png{    width:2.5rem;    height:2.5rem;    object-fit:contain;    transition:all 0.3s ease;}.tech-icon.ubuntu .tech-svg,.tech-icon.debian .tech-svg{    filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1));}.tech-icon.docker .tech-svg{    width:2.8rem;    height:2.8rem;}.tech-icon.stripe .tech-svg{    filter:brightness(0.8) saturate(1.2);}.tech-icon.cloudflare .tech-svg{    filter:brightness(0.9);}.tech-icon.synology .tech-png{    width:2.2rem;    height:2.2rem;    filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1));}.tech-icon.nginx .tech-svg{    filter:brightness(0.85) contrast(1.1);}.tech-icon.postgresql .tech-svg{    filter:brightness(0.9) saturate(1.1);}.about{    padding:6rem 0;    background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);    position:relative;}.about-header{    text-align:center;    max-width:800px;    margin:0 auto 4rem;}.about-badge{    display:inline-flex;    align-items:center;    gap:0.5rem;    background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);    color:white;    padding:0.75rem 1.5rem;    border-radius:50px;    font-weight:600;    font-size:0.875rem;    margin-bottom:1.5rem;}.about-features{    display:grid;    grid-template-columns:repeat(3,1fr);    gap:2rem;}.about-feature-card{    background:white;    padding:2.5rem;    border-radius:20px;    box-shadow:0 4px 20px rgba(0,0,0,0.08);    text-align:center;    transition:all 0.3s ease;}.about-feature-card:hover{    transform:translateY(-8px);    box-shadow:0 12px 35px rgba(37,99,235,0.15);}.about-map-section{    margin-top:clamp(2.5rem,6vw,4rem);    padding:0 0 clamp(3rem,8vw,5rem);}.about-map-section .container{    display:flex;    justify-content:center;}.about-map{    width:100%;    max-width:1040px;    background:#ffffff;    border-radius:20px;    padding:clamp(1.75rem,3vw,2.75rem);    box-shadow:0 12px 35px rgba(37,99,235,0.1);    position:relative;    overflow:hidden;}.about-map::after{    content:'';    position:absolute;    inset:0;    background:linear-gradient(135deg,rgba(59,130,246,0.07),rgba(59,130,246,0));    pointer-events:none;}.about-map-title{    font-size:clamp(1.4rem,2.5vw,1.8rem);    color:#0f172a;    margin-bottom:0.5rem;    position:relative;    z-index:1;}.about-map-subtitle{    color:rgba(15,23,42,0.7);    margin-bottom:1.75rem;    position:relative;    z-index:1;}.about-map-details{    display:flex;    align-items:center;    justify-content:space-between;    flex-wrap:wrap;    gap:1.5rem;    padding:1.25rem 1.5rem;    border-radius:16px;    background:rgba(226,232,240,0.55);    border:1px solid rgba(148,163,184,0.3);    position:relative;    z-index:1;    margin-bottom:1.75rem;}.map-detail{    display:flex;    align-items:center;    gap:1rem;}.map-detail-icon{    width:52px;    height:52px;    border-radius:14px;    background:linear-gradient(135deg,rgba(59,130,246,0.18),rgba(59,130,246,0.35));    display:flex;    align-items:center;    justify-content:center;    color:#1d4ed8;    font-size:1.5rem;    box-shadow:inset 0 1px 0 rgba(255,255,255,0.45);}.map-detail-text{    display:flex;    flex-direction:column;    gap:0.25rem;    color:#0f172a;    font-size:0.95rem;}.map-detail-text strong{    font-size:1.05rem;}.map-cta{    display:inline-flex;    align-items:center;    gap:0.5rem;    padding:0.85rem 1.35rem;    border-radius:999px;    background:linear-gradient(135deg,#2563eb,#3b82f6);    color:white;    font-weight:600;    text-decoration:none;    box-shadow:0 10px 25px rgba(37,99,235,0.35);    transition:transform 0.25s ease,box-shadow 0.25s ease;}.map-cta:hover{    transform:translateY(-3px);    box-shadow:0 18px 35px rgba(37,99,235,0.45);}.map-cta i{    font-size:1.1rem;}.about-map-frame{    border-radius:16px;    overflow:hidden;    box-shadow:0 18px 48px rgba(15,23,42,0.22);    position:relative;    z-index:1;    isolation:isolate;}.about-map-frame iframe{    width:100%;    min-height:clamp(320px,38vw,420px);    border:none;    display:block;    filter:saturate(1.15) contrast(1.02);    transition:transform 0.6s ease,filter 0.6s ease;}.about-map-frame::before{    content:'';    position:absolute;    inset:0;    border-radius:16px;    border:1px solid rgba(59,130,246,0.25);    pointer-events:none;    z-index:2;}.about-map-frame::after{    content:'';    position:absolute;    inset:15%;    background:radial-gradient(circle,rgba(59,130,246,0.15),transparent 70%);    filter:blur(45px);    z-index:0;    pointer-events:none;}.about-map-frame:hover iframe{    transform:scale(1.015);    filter:saturate(1.2) contrast(1.05);}.map-reviews-grid{    display:grid;    grid-template-columns:1fr 1fr;    gap:3rem;    margin-top:2rem;}.map-column,.reviews-column{    min-height:400px;}.google-reviews-section{    height:100%;}.google-reviews-section .reviews-header{    text-align:center;    margin-bottom:1.5rem;}.google-reviews-section .reviews-header h3{    color:var(--primary-color);    font-size:1.5rem;    margin-bottom:0.5rem;}.google-reviews-section .google-rating{    display:flex;    align-items:center;    justify-content:center;    gap:0.75rem;    flex-wrap:wrap;    margin-bottom:1rem;}.google-reviews-section .rating-stars{    color:#fbbf24;    font-size:1.25rem;}.google-reviews-section .rating-text{    color:var(--text-color);    font-weight:500;}.google-reviews-section .view-all-reviews{    color:var(--primary-color);    text-decoration:none;    font-weight:500;    transition:color 0.3s ease;}.google-reviews-section .view-all-reviews:hover{    color:var(--secondary-color);}.google-reviews-section .reviews-grid{    display:grid;    grid-template-columns:1fr;    gap:1rem;    margin-bottom:1.5rem;    max-height:400px;    overflow-y:auto;}.google-reviews-section .review-card{    background:white;    border-radius:8px;    padding:1rem;    box-shadow:0 2px 4px rgba(0,0,0,0.1);    border:1px solid var(--border-color);    transition:transform 0.3s ease,box-shadow 0.3s ease;}.google-reviews-section .review-card:hover{    transform:translateY(-2px);    box-shadow:0 8px 15px rgba(0,0,0,0.15);}.google-reviews-section .review-header{    display:flex;    align-items:center;    gap:1rem;    margin-bottom:1rem;}.google-reviews-section .review-avatar{    width:40px;    height:40px;    border-radius:50%;}.google-reviews-section .review-header-info .review-stars{    color:#fbbf24;    font-size:0.875rem;    margin-bottom:0.25rem;}.google-reviews-section .review-date{    color:var(--muted-text);    font-size:0.75rem;}.google-reviews-section .review-text{    color:var(--text-color);    line-height:1.6;    margin:0;}.google-reviews-section .reviews-footer{    text-align:center;}.google-reviews-section .reviews-loading,.google-reviews-section .reviews-error{    text-align:center;    padding:2rem;    color:var(--muted-text);}.google-reviews-section .reviews-loading i{    font-size:2rem;    margin-bottom:1rem;    color:var(--primary-color);}.about-content{    display:flex;    flex-direction:column;    gap:3rem;}@media (max-width:992px){    .about-content{        gap:2rem;}    .about-map-section .container{        display:block;}        .map-reviews-grid{        grid-template-columns:1fr;        gap:2rem;}        .google-reviews-section .reviews-grid{        max-height:none;        overflow-y:visible;        grid-template-columns:repeat(auto-fit,minmax(250px,1fr));        gap:1rem;}    .about-map-details{        flex-direction:column;        align-items:stretch;}}@media (max-width:768px){    .about-map-frame iframe{        min-height:260px;}    .map-detail{        align-items:flex-start;}    .map-cta{        justify-content:center;}}.feature-icon{    width:70px;    height:70px;    background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%);    border-radius:50%;    display:flex;    align-items:center;    justify-content:center;    margin:0 auto 1.5rem;    font-size:1.75rem;    color:white;}.contact{    padding:6rem 0;    background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);    position:relative;    overflow:hidden;}.contact::before{    content:'';    position:absolute;    top:0;    left:0;    right:0;    bottom:0;    background:        radial-gradient(circle at 20% 30%,rgba(59,130,246,0.03) 0%,transparent 50%),        radial-gradient(circle at 80% 70%,rgba(96,165,250,0.03) 0%,transparent 50%);    pointer-events:none;}.contact-content{    display:grid;    grid-template-columns:450px 1fr;    gap:3rem;    margin-top:4rem;    align-items:center;    position:relative;    z-index:1;}.contact-visual{    text-align:center;    padding:0;    background:none !important;    backdrop-filter:none !important;    -webkit-backdrop-filter:none !important;}.contact-illustration{    width:100%;    max-width:450px;    height:auto;    margin-bottom:0;    filter:none !important;    background:none !important;    border:none !important;    box-shadow:none !important;    image-rendering:auto !important;    -webkit-transform:translateZ(0) !important;    transform:translateZ(0) !important;    -webkit-backface-visibility:hidden !important;    backface-visibility:hidden !important;    will-change:auto !important;    object-fit:contain !important;    object-position:center !important;}.launch-rocket{    font-size:3rem;    display:block;    animation:rocketFloat 3s ease-in-out infinite;    text-align:center;    margin:1rem 0;}@keyframes rocketFloat{    0%,100%{        transform:translateY(0) rotate(-5deg);}    50%{        transform:translateY(-15px) rotate(5deg);}}.contact-content .wpforms-container{    grid-column:2;    margin-top:0;}.contact-content .wpforms-form{    background:white;    border:1px solid #e2e8f0;    box-shadow:0 4px 15px rgba(0,0,0,0.06);    border-radius:12px;    padding:2.5rem;    max-width:100%;}.contact-content .wpforms-form:hover{    box-shadow:0 8px 25px rgba(0,0,0,0.08);}.form-group:not(.wpforms-field){    margin-bottom:1.5rem;}.form-group:not(.wpforms-field) input,.form-group:not(.wpforms-field) select,.form-group:not(.wpforms-field) textarea,.contact-form input:not(.wpforms-field input),.contact-form select:not(.wpforms-field select),.contact-form textarea:not(.wpforms-field textarea){    width:100%;    padding:1rem;    border:2px solid #e2e8f0;    border-radius:8px;    font-size:1rem;    transition:border-color 0.3s ease;    font-family:inherit;}.form-group:not(.wpforms-field) input:focus,.form-group:not(.wpforms-field) select:focus,.form-group:not(.wpforms-field) textarea:focus,.contact-form input:focus:not(.wpforms-field input),.contact-form select:focus:not(.wpforms-field select),.contact-form textarea:focus:not(.wpforms-field textarea){    outline:none;    border-color:var(--primary-color);}.hero-form:not(:has(.wpforms-container)) input,.hero-form:not(:has(.wpforms-container)) select,.hero-form:not(:has(.wpforms-container)) textarea{    width:100%;    padding:1rem;    border:2px solid #e2e8f0;    border-radius:8px;    font-size:1rem;    transition:border-color 0.3s ease;    font-family:inherit;}.hero-form:not(:has(.wpforms-container)) input:focus,.hero-form:not(:has(.wpforms-container)) select:focus,.hero-form:not(:has(.wpforms-container)) textarea:focus{    outline:none;    border-color:var(--primary-color);}.form-message:not(.wpforms-error){    padding:1rem;    border-radius:8px;    margin-bottom:1rem;    font-weight:500;}.form-message.success:not(.wpforms-error){    background-color:#d1fae5;    color:#065f46;}.form-message.error:not(.wpforms-error){    background-color:#fee2e2;    color:#991b1b;}.wpforms-container{    max-width:100%;    margin:0 auto;}.wpforms-form{    background:rgba(255,255,255,0.98);    padding:2.5rem;    border-radius:16px;    box-shadow:0 8px 25px rgba(0,0,0,0.08);    border:1px solid rgba(59,130,246,0.08);    transition:all 0.3s ease;    position:relative;}.wpforms-form:hover{    box-shadow:0 12px 35px rgba(0,0,0,0.1);}.wpforms-title{    font-size:1.75rem;    font-weight:600;    color:var(--primary-color);    text-align:center;    margin-bottom:2rem;    width:100%;    display:block;}.wpforms-field{    margin-bottom:1.5rem;    position:relative;    width:100%;    text-align:left;}.wpforms-field-label{    display:block;    font-weight:500;    color:var(--text-primary);    margin-bottom:0.5rem;    font-size:0.9rem;    text-align:left;    width:100%;}.wpforms-field-required{    color:#ef4444;    margin-left:2px;    font-weight:600;}.wpforms-field input[type="text"],.wpforms-field input[type="email"],.wpforms-field input[type="tel"],.wpforms-field input[type="url"],.wpforms-field input[type="password"],.wpforms-field input[type="number"],.wpforms-field select,.wpforms-field textarea{    width:100%;    padding:1rem 1.25rem;    border:1px solid #e2e8f0;    border-radius:8px;    font-size:1rem;    font-family:inherit;    background:white;    transition:all 0.2s ease;    box-shadow:0 1px 3px rgba(0,0,0,0.05);}.wpforms-field input:focus,.wpforms-field select:focus,.wpforms-field textarea:focus{    outline:none;    border-color:var(--primary-color);    box-shadow:0 0 0 3px rgba(37,99,235,0.08);}.wpforms-field input:hover,.wpforms-field select:hover,.wpforms-field textarea:hover{    border-color:#cbd5e0;}.wpforms-field textarea{    min-height:120px;    resize:vertical;    line-height:1.5;}.wpforms-field select{    cursor:pointer;    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 0.75rem center;    background-repeat:no-repeat;    background-size:1.25em 1.25em;    padding-right:3rem;}.wpforms-submit-container{    text-align:center;    margin-top:2rem;    padding-top:1.5rem;}.wpforms-submit{    display:inline-block;    padding:1rem 2rem;    background:var(--gradient-primary);    color:white;    border:none;    border-radius:8px;    font-size:1rem;    font-weight:600;    cursor:pointer;    transition:all 0.2s ease;    box-shadow:0 4px 12px rgba(37,99,235,0.3);    min-width:150px;}.wpforms-submit:hover{    transform:translateY(-1px);    box-shadow:0 6px 16px rgba(37,99,235,0.4);}.wpforms-submit:active{    transform:translateY(0);}.wpforms-error{    color:#ef4444;    font-size:0.875rem;    margin-top:0.5rem;    font-weight:500;}.wpforms-field.wpforms-has-error input,.wpforms-field.wpforms-has-error select,.wpforms-field.wpforms-has-error textarea{    border-color:#ef4444;    box-shadow:0 0 0 3px rgba(239,68,68,0.08);}.wpforms-confirmation-container-full{    background:#d1fae5;    border:1px solid #22c55e;    border-radius:8px;    padding:1.5rem;    text-align:center;    color:#065f46;    font-weight:500;    margin:1rem 0;}.wpforms-submit.wpforms-loading{    position:relative;    color:transparent;    pointer-events:none;}.wpforms-submit.wpforms-loading::after{    content:"";    position:absolute;    top:50%;    left:50%;    transform:translate(-50%,-50%);    width:20px;    height:20px;    border:2px solid rgba(255,255,255,0.3);    border-top-color:white;    border-radius:50%;    animation:spin 1s linear infinite;}@keyframes spin{    to{        transform:translate(-50%,-50%) rotate(360deg);}}@media (max-width:768px){    .wpforms-form{        padding:2rem;        border-radius:12px;}        .wpforms-title{        font-size:1.5rem;        margin-bottom:1.5rem;}        .wpforms-field{        margin-bottom:1.25rem;}        .wpforms-field input,    .wpforms-field select,    .wpforms-field textarea{        padding:0.875rem 1rem;}        .wpforms-submit{        width:100%;        padding:1rem;}}.hero-form .wpforms-container{    max-width:100%;}.hero-form .wpforms-form{    background:transparent;    padding:0;    border:none;    box-shadow:none;    backdrop-filter:none;}.hero-form .wpforms-form:hover{    box-shadow:none;    border:none;}.hero-form .wpforms-field input[type="text"],.hero-form .wpforms-field input[type="email"],.hero-form .wpforms-field input[type="tel"],.hero-form .wpforms-field input[type="url"],.hero-form .wpforms-field input[type="password"],.hero-form .wpforms-field input[type="number"],.hero-form .wpforms-field select,.hero-form .wpforms-field textarea{    padding:1.125rem 1.25rem !important;    border:2px solid #e2e8f0 !important;    border-radius:12px !important;    font-size:1rem !important;    font-family:inherit !important;    background:white !important;    transition:all 0.3s ease !important;    box-shadow:0 2px 4px rgba(0,0,0,0.02) !important;}.hero-form .wpforms-field input:focus,.hero-form .wpforms-field select:focus,.hero-form .wpforms-field textarea:focus{    outline:none !important;    border-color:var(--primary-color) !important;    box-shadow:0 0 0 3px rgba(37,99,235,0.1) !important;    transform:translateY(-1px) !important;}.wpforms-container *{    box-sizing:border-box;}.wpforms-form .wpforms-field-label{    text-align:left !important;    display:block !important;    width:100% !important;}.wpforms-form .wpforms-title{    text-align:center !important;    display:block !important;    width:100% !important;}.footer,footer.footer,.site-footer,#colophon{    background:var(--dark-bg) !important;    color:var(--text-light) !important;    padding:3rem 0 1rem !important;    width:100% !important;    margin:0 !important;    max-width:none !important;    box-sizing:border-box !important;}.footer > .container{    max-width:none !important;    margin:0 auto;    padding:0 20px;    width:100% !important;}.footer-content{    display:grid;    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));    gap:2rem;    margin-bottom:2rem;}.footer-section h4{    font-weight:600;    margin-bottom:1rem;    color:var(--text-light);}.footer-section ul{    list-style:none;}.footer-section ul li a{    color:#94a3b8;    text-decoration:none;    transition:color 0.3s ease;}.footer-section ul li a:hover{    color:var(--accent-color);}.footer-bottom{    text-align:center;    padding-top:2rem;    border-top:1px solid #334155;    color:#64748b;}.social-icons{    display:flex;    gap:1rem;}.social-icons a{    display:inline-flex;    align-items:center;    justify-content:center;    width:40px;    height:40px;    background:var(--accent-color);    color:white;    border-radius:50%;    transition:all 0.3s ease;}.social-icons a:hover{    transform:translateY(-3px);    box-shadow:0 4px 12px rgba(37,99,235,0.3);}.footer .container,.footer .wp-container,.footer .alignfull,.footer .alignwide,footer .container,footer .wp-container{    max-width:none !important;    width:100% !important;    margin:0 auto !important;    padding:0 20px !important;}.footer{    margin-left:calc(-50vw + 50%) !important;    margin-right:calc(-50vw + 50%) !important;    max-width:100vw !important;    width:100vw !important;}.footer > .container{    margin-left:auto !important;    margin-right:auto !important;    max-width:1200px !important;    width:auto !important;}.fade-in{    opacity:0;    transform:translateY(30px);    transition:all 0.6s ease;}.fade-in.visible{    opacity:1;    transform:translateY(0);}@media (max-width:968px){    .service-row,    .service-row-reverse{        grid-template-columns:1fr;        gap:2rem;        direction:ltr;}        .service-graphic{        order:-1;}}@media (max-width:1050px){    .services-alternating .container::before,    .services-alternating .container::after{        display:none !important;}        .service-row::before,    .service-row::after{        display:none !important;}        .services-alternating .container .timeline-particle{        display:none !important;}}@media (max-width:768px){    .navbar{        padding:0.5rem 0;}        .hamburger{        display:flex;}        .nav-menu{        position:fixed;        left:-100%;        top:70px;        flex-direction:column;        background-color:var(--dark-bg);        width:100%;        height:calc(100vh - 70px);        overflow-y:auto;        text-align:center;        transition:0.3s;        padding:2rem 0;}        .nav-menu.active{        left:0;}        .hero{        padding-top:80px;        min-height:auto;        padding-bottom:2.5rem;}        .hero-grid{        grid-template-columns:1fr;        gap:2rem;}        .hero-text{        text-align:center;}        .hero-title{        font-size:2.5rem;}        .hero-form{        padding:1.5rem 1.25rem;        margin-top:2rem;        max-width:none;}        .hero-form h3{        font-size:1.25rem;        margin-bottom:1rem;}        .hero-form form{        display:grid;        grid-template-columns:1fr 1fr;        gap:0.875rem;        grid-template-areas:            "name name"            "email phone"             "service service"            "message message"            "button button";}        .hero-form .form-group:nth-child(1){grid-area:name;}    .hero-form .form-group:nth-child(2){grid-area:email;}    .hero-form .form-group:nth-child(3){grid-area:phone;}    .hero-form .form-group:nth-child(4){grid-area:service;}    .hero-form .form-group:nth-child(5){grid-area:message;}    .hero-form button{grid-area:button;}        .hero-form input,    .hero-form select,    .hero-form textarea{        padding:0.75rem;        font-size:14px;}        .hero-form textarea{        min-height:60px;        max-height:120px;        resize:vertical;}        .hero-form button{        padding:0.875rem;        font-size:14px;        margin-top:0.5rem;}        .hero-buttons{        justify-content:center;        flex-direction:column;        align-items:stretch;        gap:0.75rem;}    .hero-buttons .btn{        width:100%;        justify-content:center;}        .hero-form{        padding:1.5rem;        max-width:100%;}        .section-title{        font-size:2rem;}        .about-features{        grid-template-columns:1fr;}        .contact-content{        grid-template-columns:1fr;        gap:3rem;}        .contact-content .wpforms-container{        grid-column:1;        margin-top:0;        order:2;}        .contact-visual{        order:1;        padding:1rem;}        .contact-illustration{        max-width:300px;        margin-bottom:1.5rem;}        .launch-cta{        padding:1.5rem;        transform:none;}        .launch-cta:hover{        transform:translateY(-3px);}        .pricing-cta-banner{        flex-direction:column;        text-align:center;        padding:2rem;        gap:1.5rem;}        .pricing-cta-banner .cta-icon{        width:100px;        height:100px;        margin:0 auto;}        .btn-hosting-cta{        padding:0.875rem 1.75rem;        font-size:1rem;}}@media (max-width:480px){    .hero-title{        font-size:2rem;}        .service-content h3{        font-size:1.75rem;}        .tech-scroll-track{        gap:1.5rem;}        .tech-card{        min-width:160px;}}@media (max-width:768px){    .btn,.btn-primary,.btn-secondary{        padding:0.75rem 1.5rem;        font-size:1rem;}        .nav-contact{}        .form-row{        flex-direction:column;        gap:1rem;}        .form-group{        width:100%;}        section{        padding:3rem 0;}        .section-header{        margin-bottom:2rem;        text-align:center;}        .service-row,    .service-row-reverse{        flex-direction:column;        gap:2rem;        text-align:center;}        .service-content,    .service-graphic{        flex:none;        width:100%;}        .service-graphic{}        h1{font-size:2rem;}    h2{font-size:1.75rem;}    h3{font-size:1.5rem;}    h4{font-size:1.25rem;}        .container{        padding:0 15px;}        .footer-content{        grid-template-columns:1fr;        gap:2rem;        text-align:center;}        .footer-section ul{        columns:2;        column-gap:2rem;}}@media (max-width:480px){    section{        padding:2rem 0;}        .container{        padding:0 10px;}        h1{font-size:1.75rem;line-height:1.2;}    h2{font-size:1.5rem;line-height:1.3;}    h3{font-size:1.3rem;line-height:1.3;}        .section-subtitle{        font-size:0.9rem;        line-height:1.5;}        .footer-section ul{        columns:1;}        .social-icons{        justify-content:center;        gap:1.5rem;}        .social-icons a{        width:40px;        height:40px;        font-size:1.2rem;}        .btn{        width:100%;        justify-content:center;        padding:1rem;        font-size:0.9rem;}        .nav-menu.active{}        .nav-item a{        padding:1rem 1.5rem;        font-size:1.1rem;}}@media (max-width:360px){    .container{        padding:0 8px;}        section{        padding:1.5rem 0;}        h1{font-size:1.5rem;}    h2{font-size:1.3rem;}    h3{font-size:1.2rem;}        .btn{        padding:0.875rem;        font-size:0.85rem;}        .social-icons a{        width:36px;        height:36px;        font-size:1rem;}}@media (max-height:600px) and (orientation:landscape){    .launch-hero,    .hero{        min-height:100vh;        padding:1rem 0;}        .section-header{        margin-bottom:1rem;}        section{        padding:2rem 0;}}.thank-you-hero{    min-height:100vh;    display:flex;    align-items:center;    justify-content:center;    position:relative;    background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#334155 100%);    padding:120px 20px 80px;    overflow:hidden;}.thank-you-hero::before{    content:'';    position:absolute;    top:0;    left:0;    right:0;    bottom:0;    background:        radial-gradient(circle at 20% 80%,rgba(59,130,246,0.15) 0%,transparent 50%),        radial-gradient(circle at 80% 20%,rgba(139,92,246,0.15) 0%,transparent 50%);    z-index:1;}.thank-you-content{    text-align:center;    z-index:2;    max-width:800px;    margin:0 auto;    position:relative;    color:var(--text-light);}.success-badge{    display:inline-flex;    align-items:center;    gap:0.75rem;    background:rgba(34,197,94,0.1);    border:2px solid #22c55e;    border-radius:50px;    padding:0.75rem 1.5rem;    margin-bottom:2rem;    font-weight:600;    font-size:0.875rem;    letter-spacing:0.05em;    color:#22c55e;}.check-emoji{    font-size:1.25rem;}.thank-you-title{    font-size:4rem;    font-weight:800;    margin-bottom:1.5rem;    background:linear-gradient(135deg,#ffffff 0%,#e2e8f0 100%);    -webkit-background-clip:text;    -webkit-text-fill-color:transparent;    background-clip:text;    line-height:1.1;}.thank-you-subtitle{    font-size:1.5rem;    font-weight:600;    color:var(--accent-color);    margin-bottom:1.5rem;}.thank-you-message{    font-size:1.125rem;    line-height:1.7;    color:#cbd5e1;    margin-bottom:3rem;    max-width:600px;    margin-left:auto;    margin-right:auto;}.response-timeline{    display:flex;    gap:3rem;    justify-content:center;    margin:3rem 0;}.timeline-item{    display:flex;    flex-direction:column;    align-items:center;    text-align:center;}.timeline-icon{    width:60px;    height:60px;    background:var(--gradient-primary);    border-radius:50%;    display:flex;    align-items:center;    justify-content:center;    margin-bottom:1rem;    box-shadow:0 8px 25px rgba(59,130,246,0.3);}.timeline-icon i{    font-size:1.5rem;    color:white;}.timeline-text h4{    font-size:1.125rem;    font-weight:600;    margin-bottom:0.5rem;    color:var(--text-light);}.timeline-text p{    font-size:0.875rem;    color:#94a3b8;}.testimonial-quote{    background:rgba(255,255,255,0.05);    border-radius:15px;    padding:2.5rem;    margin:3rem 0;    border:1px solid rgba(255,255,255,0.1);    backdrop-filter:blur(10px);}.testimonial-quote p{    font-size:1.125rem;    line-height:1.7;    color:#e2e8f0;    font-style:italic;    margin:0;}.cta-section{    margin-top:3rem;}.cta-buttons{    display:flex;    gap:1.5rem;    justify-content:center;    flex-wrap:wrap;}@media (max-width:768px){    .thank-you-hero{        padding:80px 15px 50px;        min-height:90vh;}        .thank-you-title{        font-size:2.5rem;}        .thank-you-subtitle{        font-size:1.25rem;}        .thank-you-message{        font-size:1rem;        padding:0 1rem;}        .response-timeline{        flex-direction:column;        gap:2rem;        max-width:300px;        margin:2rem auto;}        .timeline-item{        flex-direction:row;        text-align:left;        gap:1rem;}        .timeline-icon{        width:50px;        height:50px;        margin-bottom:0;        flex-shrink:0;}        .timeline-icon i{        font-size:1.25rem;}        .testimonial-quote{        padding:1.5rem;        margin:2rem 0;}        .testimonial-quote p{        font-size:1rem;}        .cta-buttons{        flex-direction:column;        align-items:center;        gap:1rem;}        .btn-large{        width:100%;        max-width:280px;}}@media (max-width:480px){    .thank-you-title{        font-size:2rem;}        .success-badge{        padding:0.5rem 1rem;        font-size:0.75rem;        gap:0.5rem;}        .response-timeline{        max-width:250px;}        .timeline-text h4{        font-size:1rem;}        .timeline-text p{        font-size:0.8rem;}}.launch-hero{    min-height:100vh;    display:flex;    align-items:center;    justify-content:center;    position:relative;    background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#334155 100%);    padding:120px 20px 80px;    overflow:hidden;}.launch-hero::before{    content:'';    position:absolute;    top:0;    left:0;    right:0;    bottom:0;    background:        radial-gradient(circle at 20% 80%,rgba(59,130,246,0.15) 0%,transparent 50%),        radial-gradient(circle at 80% 20%,rgba(139,92,246,0.15) 0%,transparent 50%);    z-index:1;}.launch-hero-content{    text-align:center;    z-index:2;    max-width:900px;    margin:0 auto;    position:relative;    color:var(--text-light);}.launch-badge{    display:inline-flex;    align-items:center;    gap:0.75rem;    background:rgba(37,99,235,0.1);    border:2px solid var(--accent-color);    border-radius:50px;    padding:0.75rem 1.5rem;    margin-bottom:2rem;    font-weight:600;    font-size:0.875rem;    letter-spacing:0.05em;    color:var(--accent-color);}.launch-title{    font-size:4rem;    font-weight:800;    margin-bottom:1.5rem;    background:linear-gradient(135deg,#ffffff 0%,#e2e8f0 100%);    -webkit-background-clip:text;    -webkit-text-fill-color:transparent;    background-clip:text;    line-height:1.1;}.launch-subtitle{    font-size:1.25rem;    line-height:1.7;    color:#cbd5e1;    margin-bottom:3rem;    max-width:700px;    margin-left:auto;    margin-right:auto;}.cta-buttons{    display:flex;    gap:1rem;    justify-content:center;    flex-wrap:wrap;}.btn-large{    padding:1.25rem 2.5rem;    font-size:1.2rem;}.problem-section,.whats-included,.how-it-helps,.why-choose,.industry-solutions,.faq-section,.claim-spot{    padding:5rem 0;}.problem-section{    background:var(--light-surface);}.section-header{    text-align:center;    margin-bottom:3rem;}.problems-grid,.included-grid,.helps-grid,.industries-grid{    display:grid;    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));    gap:2rem;    margin-top:3rem;}.problem-card,.included-card,.help-card,.industry-card{    background:white;    padding:2rem;    border-radius:12px;    box-shadow:var(--shadow-light);    transition:all 0.3s ease;    border-left:4px solid var(--accent-color);}.problem-card:hover,.included-card:hover,.help-card:hover,.industry-card:hover{    transform:translateY(-5px);    box-shadow:var(--shadow-medium);}.problem-icon,.included-icon,.industry-icon{    width:60px;    height:60px;    background:var(--gradient-primary);    border-radius:12px;    display:flex;    align-items:center;    justify-content:center;    margin-bottom:1.5rem;    color:white;    font-size:1.5rem;}.help-number{    width:60px;    height:60px;    background:var(--gradient-primary);    border-radius:50%;    display:flex;    align-items:center;    justify-content:center;    margin-bottom:1.5rem;    color:white;    font-size:1.5rem;    font-weight:700;}.problem-card h3,.included-card h3,.help-card h3,.industry-card h3{    font-size:1.5rem;    margin-bottom:1rem;    color:var(--text-primary);}.problem-card p,.included-card p,.help-card p,.industry-card p{    color:var(--text-secondary);    line-height:1.7;}.why-choose{    background:var(--dark-bg);    color:var(--text-light);}.why-content{    max-width:900px;    margin:0 auto;}.why-text h2{    font-size:2.5rem;    margin-bottom:1rem;    text-align:center;}.why-text > p{    text-align:center;    font-size:1.125rem;    color:#cbd5e1;    margin-bottom:3rem;}.why-points{    display:grid;    gap:2rem;}.why-point{    display:flex;    gap:1.5rem;    align-items:flex-start;}.why-point i{    font-size:2rem;    color:var(--accent-color);    flex-shrink:0;    margin-top:0.25rem;}.why-point h4{    font-size:1.25rem;    margin-bottom:0.5rem;    color:white;}.why-point p{    color:#cbd5e1;    line-height:1.7;}.faq-container{    max-width:800px;    margin:0 auto;}.faq-item{    background:white;    border-radius:12px;    margin-bottom:1rem;    box-shadow:var(--shadow-light);    overflow:hidden;    transition:all 0.3s ease;}.faq-question{    padding:1.5rem;    cursor:pointer;    display:flex;    justify-content:space-between;    align-items:center;    gap:1rem;    transition:all 0.3s ease;}.faq-question:hover{    background:var(--light-surface);}.faq-question h3{    font-size:1.125rem;    color:var(--text-primary);    margin:0;}.faq-question i{    color:var(--accent-color);    transition:transform 0.3s ease;    flex-shrink:0;}.faq-item.active .faq-question i{    transform:rotate(180deg);}.faq-answer{    max-height:0;    overflow:hidden;    transition:max-height 0.3s ease;}.faq-item.active .faq-answer{    max-height:500px;}.faq-answer p{    padding:0 1.5rem 1.5rem;    color:var(--text-secondary);    line-height:1.7;}.claim-spot{    background:var(--light-surface);}.cta-center{    display:flex;    justify-content:center;    align-items:center;    margin-top:2rem;}.urgency-box{    background:white;    border:2px solid var(--accent-color);    border-radius:12px;    padding:1.5rem;    display:flex;    align-items:center;    gap:1rem;    box-shadow:var(--shadow-light);}.urgency-box i{    font-size:2rem;    color:var(--accent-color);    flex-shrink:0;}.urgency-box h4{    margin-bottom:0.25rem;    color:var(--text-primary);}.urgency-box p{    color:var(--text-secondary);    margin:0;}.contact-item{    display:flex;    align-items:center;    gap:1rem;}.process-marquee{    margin-top:3rem;    overflow:hidden;    position:relative;}.process-track{    display:flex;    gap:1.5rem;    animation:process-scroll 24s linear infinite;    width:max-content;}.process-track:hover{    animation-play-state:paused;}.process-track .help-card{    flex:0 0 320px;}@keyframes process-scroll{    0%{        transform:translateX(0);}    100%{        transform:translateX(-50%);}}@media (max-width:768px){    .process-track{        animation-duration:18s;}    .process-track .help-card{        flex:0 0 260px;}}.contact-item i{    font-size:1.5rem;    color:var(--accent-color);}.contact-item h4{    font-size:0.875rem;    color:var(--text-secondary);    margin-bottom:0.25rem;}.contact-item p{    font-size:1rem;    color:var(--text-primary);    font-weight:600;    margin:0;}@media (max-width:768px){    .launch-title{        font-size:2.5rem;}        .launch-subtitle{        font-size:1.125rem;}        .problems-grid,    .included-grid,    .helps-grid,    .industries-grid{        grid-template-columns:1fr;}        .why-point{        flex-direction:column;        text-align:center;}        .why-point i{        margin-top:0;}        .urgency-box{        flex-direction:column;        text-align:center;}}@media (max-width:480px){    .launch-title{        font-size:2rem;}        .launch-badge{        padding:0.5rem 1rem;        font-size:0.75rem;        gap:0.5rem;}        .cta-buttons{        flex-direction:column;        width:100%;}        .cta-buttons .btn{        width:100%;}}.it-support-hero{    position:relative;    min-height:100vh;    display:flex;    align-items:center;    justify-content:center;    overflow:hidden;    padding-top:140px;    padding-bottom:3rem;    background-image:url('../images/it-support.webp');    background-size:cover;    background-position:center;    background-repeat:no-repeat;}.it-support-hero .hero-background{    position:absolute;    top:0;    left:0;    right:0;    bottom:0;    z-index:-2;    width:100%;    height:100%;}.it-support-hero::before{    content:'';    position:absolute;    top:0;    left:0;    right:0;    bottom:0;    background:linear-gradient(135deg,rgba(15,23,42,0.85) 0%,rgba(30,41,59,0.75) 50%,rgba(37,99,235,0.65) 100%);    z-index:1;}.it-support-hero .launch-hero-content{    text-align:center;    color:var(--text-light);    z-index:2;    width:100%;    max-width:100%;    padding:2rem;    position:relative;}.it-support-hero .launch-badge{    background:rgba(255,255,255,0.95);    color:var(--primary-color);}.it-support-hero .launch-title{    color:var(--text-light);    text-shadow:0 2px 4px rgba(0,0,0,0.3);}.it-support-hero .launch-subtitle{    color:rgba(255,255,255,0.9);    text-shadow:0 1px 3px rgba(0,0,0,0.3);}.it-support-hero .hero-google-reviews{    margin-top:2rem;    z-index:2;    position:relative;    display:flex;    justify-content:center;}.it-support-hero .hero-reviews-display{    background:rgba(255,255,255,0.15);    backdrop-filter:blur(10px);    border:1px solid rgba(255,255,255,0.2);    border-radius:16px;    padding:1.5rem;    box-shadow:0 8px 32px rgba(0,0,0,0.3);    max-width:400px;    width:fit-content;}.it-support-hero .hero-sleek-card{    background:rgba(255,255,255,0.15);    backdrop-filter:blur(10px);    border:1px solid rgba(255,255,255,0.2);    max-width:400px;    width:fit-content;    margin:0 auto;}.it-support-hero .hero-sleek-card::before{    background:linear-gradient(135deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.05) 100%);}.it-support-hero .google-text,.it-support-hero .sleek-label{    color:rgba(255,255,255,0.9);}.it-support-hero .rating-badge{    background:rgba(255,255,255,0.9);    color:var(--primary-color);}.it-support-hero .hero-reviews-loading{    color:rgba(255,255,255,0.8);}@media (max-width:768px){    .it-support-hero{        min-height:85vh;        padding-top:100px;        padding-bottom:2rem;}        .it-support-hero .launch-title{        font-size:2.5rem;        line-height:1.2;        margin-bottom:1rem;}        .it-support-hero .launch-subtitle{        font-size:1.1rem;        line-height:1.4;        margin-bottom:1.5rem;}        .it-support-hero .launch-badge{        font-size:0.8rem;        padding:0.5rem 1rem;        margin-bottom:1rem;}        .it-support-hero .cta-buttons{        flex-direction:column;        gap:0.75rem;        margin-bottom:1.5rem;}        .it-support-hero .btn-large{        width:100%;        max-width:280px;        margin:0 auto;}        .it-support-hero .hero-reviews-display,    .it-support-hero .hero-sleek-card{        max-width:320px;        padding:1rem;}}@media (max-width:480px){    .it-support-hero{        min-height:90vh;        padding-top:90px;}        .it-support-hero .launch-title{        font-size:2rem;}        .it-support-hero .launch-subtitle{        font-size:1rem;}        .it-support-hero .hero-reviews-display,    .it-support-hero .hero-sleek-card{        max-width:300px;        padding:0.75rem;}}.problems-grid{    display:grid;    grid-template-columns:repeat(auto-fit,minmax(350px,1fr));    gap:2rem;    margin-top:3rem;}.problem-card{    background:var(--light-surface);    border-radius:12px;    padding:2rem;    text-align:center;    transition:all 0.3s ease;    border:1px solid rgba(37,99,235,0.1);    position:relative;    overflow:hidden;}.problem-card::before{    content:'';    position:absolute;    top:0;    left:0;    right:0;    bottom:0;    background:linear-gradient(135deg,rgba(37,99,235,0.05) 0%,rgba(96,165,250,0.05) 100%);    opacity:0;    transition:opacity 0.3s ease;    z-index:0;}.problem-card:hover{    transform:translateY(-5px);    box-shadow:var(--shadow-medium);    border-color:var(--primary-color);}.problem-card:hover::before{    opacity:1;}.problem-icon{    width:80px;    height:80px;    background:var(--gradient-primary);    border-radius:50%;    display:flex;    align-items:center;    justify-content:center;    margin:0 auto 1.5rem;    position:relative;    z-index:1;}.problem-icon i{    font-size:2rem;    color:white;}.problem-card h3{    font-size:1.25rem;    font-weight:600;    color:var(--text-primary);    margin-bottom:1rem;    position:relative;    z-index:1;}.problem-card p{    color:var(--text-secondary);    line-height:1.6;    position:relative;    z-index:1;}.included-grid{    display:grid;    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));    gap:2rem;    margin-top:3rem;}.included-card{    background:white;    border-radius:12px;    padding:2rem;    text-align:center;    box-shadow:var(--shadow-light);    transition:all 0.3s ease;    border:1px solid rgba(37,99,235,0.1);    position:relative;    overflow:hidden;}.included-card::before{    content:'';    position:absolute;    top:0;    left:0;    right:0;    bottom:0;    background:var(--gradient-primary);    opacity:0;    transition:opacity 0.3s ease;    z-index:0;}.included-card:hover{    transform:translateY(-8px);    box-shadow:var(--shadow-heavy);    color:white;}.included-card:hover::before{    opacity:1;}.included-card:hover h3,.included-card:hover p{    color:white;}.included-icon{    width:70px;    height:70px;    background:rgba(37,99,235,0.1);    border-radius:12px;    display:flex;    align-items:center;    justify-content:center;    margin:0 auto 1.5rem;    position:relative;    z-index:1;    transition:all 0.3s ease;}.included-card:hover .included-icon{    background:rgba(255,255,255,0.2);}.included-icon i{    font-size:1.75rem;    color:var(--primary-color);    transition:color 0.3s ease;}.included-card:hover .included-icon i{    color:white;}.included-card h3{    font-size:1.2rem;    font-weight:600;    color:var(--text-primary);    margin-bottom:1rem;    position:relative;    z-index:1;    transition:color 0.3s ease;}.included-card p{    color:var(--text-secondary);    line-height:1.6;    font-size:0.95rem;    position:relative;    z-index:1;    transition:color 0.3s ease;}.helps-grid{    display:grid;    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));    gap:2rem;    margin-top:3rem;}.help-card{    background:white;    border-radius:16px;    padding:2.5rem 2rem;    text-align:center;    box-shadow:var(--shadow-light);    transition:all 0.3s ease;    border:2px solid transparent;    position:relative;}.help-card:hover{    transform:translateY(-5px);    box-shadow:var(--shadow-medium);    border-color:var(--primary-color);}.help-number{    width:50px;    height:50px;    background:var(--gradient-primary);    color:white;    border-radius:50%;    display:flex;    align-items:center;    justify-content:center;    font-size:1.5rem;    font-weight:700;    margin:0 auto 1.5rem;}.help-card h3{    font-size:1.25rem;    font-weight:600;    color:var(--text-primary);    margin-bottom:1rem;}.help-card p{    color:var(--text-secondary);    line-height:1.6;}.industries-grid{    display:grid;    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));    gap:2rem;    margin-top:3rem;}.industry-card{    background:white;    border-radius:12px;    padding:2rem;    text-align:center;    box-shadow:var(--shadow-light);    transition:all 0.3s ease;    border:1px solid rgba(37,99,235,0.1);}.industry-card:hover{    transform:translateY(-5px);    box-shadow:var(--shadow-medium);    border-color:var(--primary-color);}.industry-icon{    width:70px;    height:70px;    background:var(--gradient-primary);    border-radius:12px;    display:flex;    align-items:center;    justify-content:center;    margin:0 auto 1.5rem;}.industry-icon i{    font-size:1.75rem;    color:white;}.industry-card h3{    font-size:1.2rem;    font-weight:600;    color:var(--text-primary);    margin-bottom:1rem;}.industry-card p{    color:var(--text-secondary);    line-height:1.6;    font-size:0.95rem;}@media (max-width:768px){    .problems-grid,    .included-grid,    .helps-grid,    .industries-grid{        grid-template-columns:1fr;        gap:1.5rem;}        .problem-card,    .included-card,    .help-card,    .industry-card{        padding:1.5rem;}        .problem-icon,    .included-icon,    .industry-icon{        width:60px;        height:60px;        margin-bottom:1rem;}        .problem-icon i,    .included-icon i,    .industry-icon i{        font-size:1.5rem;}        .help-number{        width:40px;        height:40px;        font-size:1.25rem;        margin-bottom:1rem;}        .problem-section,    .whats-included,    .how-it-helps,    .why-choose,    .industry-solutions,    .faq-section{        padding:3rem 0;}        .section-header{        margin-bottom:2rem;}        .section-header h2{        font-size:2rem;        line-height:1.2;}        .section-header p{        font-size:1rem;}}@media (max-width:480px){    .problem-card,    .included-card,    .help-card,    .industry-card{        padding:1.25rem;}        .section-header h2{        font-size:1.75rem;}        .why-points{        gap:1.5rem;}        .why-point{        flex-direction:column;        text-align:center;        gap:0.75rem;}        .why-point i{        margin-right:0;}        .faq-question{        padding:1.25rem;        min-height:60px;}        .faq-question h3{        font-size:1rem;        padding-right:2rem;}        .faq-answer{        padding:0 1.25rem 1.25rem;}        .faq-answer p{        font-size:0.9rem;        line-height:1.5;}        .problem-card,    .included-card,    .help-card,    .industry-card{        min-height:200px;        cursor:pointer;        -webkit-tap-highlight-color:transparent;}        .btn{        min-height:48px;        padding:0.75rem 1.5rem;}}@media (max-width:768px){    .it-support-hero .hero-background{}        .problem-card:hover,    .included-card:hover,    .help-card:hover,    .industry-card:hover{        transform:none;}        @media (hover:hover){        .problem-card:hover,        .included-card:hover,        .help-card:hover,        .industry-card:hover{            transform:translateY(-5px);}}}