:root{--surface-container-lowest:#fff;--error-container:#ffdad6;--inverse-primary:#b2c5ff;--surface:#fcf8f8;--surface-container-highest:#e5e2e1;--on-tertiary-fixed:#380d00;--on-secondary-fixed-variant:#344573;--on-tertiary-container:#ffc6b2;--on-primary-container:#c4d2ff;--primary-fixed-dim:#b2c5ff;--tertiary-fixed-dim:#ffb59b;--secondary-container:#b6c8fe;--on-secondary-fixed:#021945;--on-secondary:#fff;--tertiary-fixed:#ffdbcf;--surface-variant:#e5e2e1;--primary-container:#2874f0;--on-background:#1c1b1b;--on-primary-fixed-variant:#1a5ac7;--on-error:#fff;--on-tertiary-fixed-variant:#812800;--surface-bright:#fcf8f8;--surface-tint:#2874f0;--inverse-surface:#313030;--outline-variant:#c3c6d6;--surface-container-high:#ebe7e7;--on-tertiary:#fff;--surface-container-low:#f6f3f2;--secondary:#4c5d8d;--on-secondary-container:#415382;--primary-fixed:#dae2ff;--background:#fcf8f8;--outline:#737685;--on-surface-variant:#434654;--surface-container:#f1edec;--tertiary-container:#a33500;--error:#ba1a1a;--secondary-fixed:#dae2ff;--primary:#2874f0;--secondary-fixed-dim:#b4c5fb;--inverse-on-surface:#f3f0ef;--on-primary-fixed:#0a1a4f;--on-surface:#1c1b1b;--tertiary:#7b2600;--on-primary:#fff;--surface-dim:#dcd9d9;--on-error-container:#93000a}.portfolio-page{background-color:var(--surface-container-lowest);color:var(--on-surface);min-height:100vh;font-family:DM Sans,sans-serif}.portfolio-page::selection{background-color:var(--primary-container);color:#fff}.portfolio-page .headline{font-family:DM Sans,sans-serif}.portfolio-page .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle}.portfolio-page .top-nav{z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#ffffffb3;width:100%;position:sticky;top:0;box-shadow:0 20px 40px #0606060f}.portfolio-page .top-nav .nav-container{justify-content:space-between;align-items:center;width:100%;max-width:80rem;margin:0 auto;padding:1rem 2rem;font-family:DM Sans,sans-serif;display:flex}.portfolio-page .top-nav .nav-container .logo{color:#000;font-size:1.5rem;font-weight:700}.portfolio-page .top-nav .nav-container .nav-links{display:none}@media (min-width:768px){.portfolio-page .top-nav .nav-container .nav-links{align-items:center;gap:2rem;display:flex}}.portfolio-page .top-nav .nav-container .nav-links a{color:#000;font-weight:500;text-decoration:none;transition:all .3s}.portfolio-page .top-nav .nav-container .nav-links a:hover{color:var(--primary-container)}.portfolio-page .top-nav .nav-container .nav-links a.active{color:var(--primary-container);border-bottom:2px solid var(--primary-container);padding-bottom:.25rem;font-weight:700}.portfolio-page .top-nav .nav-container .get-started-btn{background-color:var(--primary);color:var(--on-primary);cursor:pointer;border:none;border-radius:.75rem;padding:.625rem 1.5rem;font-weight:700;transition:all .3s}.portfolio-page .top-nav .nav-container .get-started-btn:hover{box-shadow:0 10px 15px -3px #003d9b33}.portfolio-page .top-nav .nav-container .get-started-btn:active{transform:scale(.95)}.portfolio-page .hero-section{background-color:#fff;position:relative;overflow:hidden}.portfolio-page .hero-section .hero-container{grid-template-columns:1fr;align-items:center;gap:4rem;width:100%;display:grid}@media (min-width:1024px){.portfolio-page .hero-section .hero-container{grid-template-columns:1fr 1fr}}.portfolio-page .hero-section .hero-content{z-index:10}.portfolio-page .hero-section .hero-content .badge{text-transform:uppercase;color:var(--primary);letter-spacing:1px;margin-bottom:2rem;font-size:1.4rem;font-weight:700;display:inline-block}.portfolio-page .hero-section .hero-content h1{font-size:4rem}@media (min-width:768px){.portfolio-page .hero-section .hero-content h1{font-size:6.2rem}}.portfolio-page .hero-section .hero-content h1{letter-spacing:2px;text-transform:capitalize;color:var(--on-surface);margin-bottom:3rem;font-weight:800;line-height:1.2}.portfolio-page .hero-section .hero-content h1 .italic{color:var(--primary);font-style:italic}.portfolio-page .hero-section .hero-content p{color:var(--on-surface-variant);letter-spacing:.2px;max-width:52rem;margin-bottom:4rem;font-size:2rem;font-weight:500;line-height:1.6}.portfolio-page .hero-section .hero-content .actions{flex-wrap:wrap;gap:1.5rem;display:flex}.portfolio-page .hero-section .hero-content .actions .hero-btn{background:linear-gradient(135deg,#2874f0 0%,#1a5ac7 100%);color:#fff!important}.portfolio-page .hero-section .hero-content .actions .hero-btn:hover{color:#fff!important}.portfolio-page .hero-section .hero-content .actions .secondary-btn,.portfolio-page .hero-section .hero-content .actions .secondary-btn:hover{color:var(--primary)!important}.portfolio-page .hero-section .hero-image-wrapper{justify-content:center;align-items:center;width:100%;display:flex;position:relative}@media (min-width:1024px){.portfolio-page .hero-section .hero-image-wrapper{height:520px}}.portfolio-page .hero-section .hero-image-wrapper .bg-shape{display:none}.portfolio-page .hero-section .hero-image-wrapper img{object-fit:contain;width:100%;height:100%;box-shadow:none;z-index:10;border-radius:1.5rem;position:relative}.portfolio-page .hero-section .hero-image-wrapper .stat-card{background-color:var(--surface-container-lowest);box-shadow:none;border:1px solid var(--surface-container-high);z-index:20;border-radius:1rem;padding:1.5rem;display:none;position:absolute;bottom:-2rem;left:-2rem}@media (min-width:768px){.portfolio-page .hero-section .hero-image-wrapper .stat-card{display:block}}.portfolio-page .hero-section .hero-image-wrapper .stat-card{max-width:200px}.portfolio-page .hero-section .hero-image-wrapper .stat-card .stat-value{color:var(--primary);margin-bottom:.25rem;font-size:1.875rem;font-weight:700}.portfolio-page .hero-section .hero-image-wrapper .stat-card .stat-desc{color:var(--on-surface-variant);font-size:.875rem;font-weight:500}.portfolio-page .projects-section .section-header{flex-direction:column;gap:1.5rem;margin-bottom:4rem;display:flex}@media (min-width:768px){.portfolio-page .projects-section .section-header{flex-direction:row;justify-content:space-between;align-items:flex-end}}.portfolio-page .projects-section .section-header .header-title-wrapper{max-width:42rem}.portfolio-page .projects-section .section-header .header-title-wrapper .sub-badge{color:var(--primary);letter-spacing:1px;text-transform:uppercase;margin-bottom:1.5rem;font-size:1.4rem;font-weight:700;display:block}.portfolio-page .projects-section .section-header .header-title-wrapper h2{font-size:4rem}@media (min-width:768px){.portfolio-page .projects-section .section-header .header-title-wrapper h2{font-size:6.2rem}}.portfolio-page .projects-section .section-header .header-title-wrapper h2{letter-spacing:2px;color:var(--on-surface);text-transform:capitalize;font-weight:800;line-height:1.1}@media (min-width:768px){.portfolio-page .projects-section .section-header .header-description{text-align:right}}.portfolio-page .projects-section .section-header .header-description p{color:var(--on-surface-variant);letter-spacing:.2px;max-width:32rem;font-size:2rem;font-weight:500;line-height:1.6}.portfolio-page .projects-section .projects-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.portfolio-page .projects-section .projects-grid{grid-template-columns:repeat(12,1fr);height:900px}}.portfolio-page .projects-section .projects-grid .project-card{background-color:var(--surface-container-low);cursor:pointer;border-radius:.75rem;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.portfolio-page .projects-section .projects-grid .project-card:hover{box-shadow:0 20px 40px #0606060f}.portfolio-page .projects-section .projects-grid .project-card:hover img{transform:scale(1.05)}.portfolio-page .projects-section .projects-grid .project-card:hover .project-info .info-content{transform:translateY(0)}.portfolio-page .projects-section .projects-grid .project-card img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.4,0,.2,1)}.portfolio-page .projects-section .projects-grid .project-card .project-info{background:linear-gradient(#0000 0%,#0003 50%,#000c 100%);flex-direction:column;justify-content:flex-end;padding:2rem;display:flex;position:absolute;inset:0}@media (min-width:768px){.portfolio-page .projects-section .projects-grid .project-card .project-info{padding:2.5rem}}.portfolio-page .projects-section .projects-grid .project-card .project-info .info-content{transition:transform .5s cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.portfolio-page .projects-section .projects-grid .project-card .project-info .info-content{transform:translateY(1rem)}}.portfolio-page .projects-section .projects-grid .project-card .project-info .info-content .project-tag{background-color:var(--primary);color:var(--on-primary);letter-spacing:.1em;text-transform:uppercase;border-radius:.125rem;margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.portfolio-page .projects-section .projects-grid .project-card .project-info .info-content h3{color:#fff;margin-bottom:.5rem;font-family:DM Sans,sans-serif;font-weight:700}.portfolio-page .projects-section .projects-grid .project-card .project-info .info-content p{color:#ffffffb3;max-width:28rem;font-size:.875rem;line-height:1.5}@media (min-width:768px){.portfolio-page .projects-section .projects-grid .project-card.major{grid-column:span 8}}.portfolio-page .projects-section .projects-grid .project-card.major h3{font-size:2rem}@media (min-width:768px){.portfolio-page .projects-section .projects-grid .project-card.major h3{font-size:3rem}.portfolio-page .projects-section .projects-grid .project-card.secondary{grid-column:span 4}}.portfolio-page .projects-section .projects-grid .project-card.secondary h3{font-size:1.5rem}.portfolio-page .testimonials-section .section-header{flex-direction:column;gap:2rem;margin-bottom:5rem;display:flex}@media (min-width:1024px){.portfolio-page .testimonials-section .section-header{flex-direction:row;justify-content:space-between;align-items:flex-end}}.portfolio-page .testimonials-section .section-header .header-title-wrapper .sub-description{align-items:flex-start;gap:1.5rem;max-width:38rem;margin-top:2rem;display:flex}.portfolio-page .testimonials-section .section-header .header-title-wrapper .sub-description .accent-bar{background-color:var(--primary);flex-shrink:0;width:4px;height:4.5rem}.portfolio-page .testimonials-section .section-header .header-title-wrapper .sub-description p{color:var(--on-surface-variant);font-size:1.8rem;font-weight:500;line-height:1.5}.portfolio-page .testimonials-section .section-header .header-nav{gap:1rem;display:flex}.portfolio-page .testimonials-section .section-header .header-nav .nav-btn{cursor:pointer;background-color:var(--surface-container-low);width:4.5rem;height:4.5rem;color:var(--on-surface);border:none;border-radius:.125rem;justify-content:center;align-items:center;transition:all .3s;display:flex}.portfolio-page .testimonials-section .section-header .header-nav .nav-btn.next{background-color:var(--primary);color:#fff}.portfolio-page .testimonials-section .section-header .header-nav .nav-btn:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.portfolio-page .testimonials-section .testimonials-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:1024px){.portfolio-page .testimonials-section .testimonials-grid{grid-template-columns:repeat(12,1fr)}}.portfolio-page .testimonials-section .testimonials-grid .testimonial-card{background-color:var(--surface-container-low);border-radius:1rem;flex-direction:column;justify-content:space-between;gap:3rem;padding:3rem;display:flex}@media (min-width:1024px){.portfolio-page .testimonials-section .testimonials-grid .testimonial-card{padding:4rem}}.portfolio-page .testimonials-section .testimonials-grid .testimonial-card .rating{color:var(--primary);gap:.25rem;display:flex}.portfolio-page .testimonials-section .testimonials-grid .testimonial-card .rating .material-symbols-outlined{font-size:1.25rem}.portfolio-page .testimonials-section .testimonials-grid .testimonial-card .rating .material-symbols-outlined.fill{font-variation-settings:"FILL" 1}.portfolio-page .testimonials-section .testimonials-grid .testimonial-card blockquote{font-size:1.75rem}@media (min-width:1024px){.portfolio-page .testimonials-section .testimonials-grid .testimonial-card blockquote{font-size:2.25rem}}.portfolio-page .testimonials-section .testimonials-grid .testimonial-card blockquote{color:var(--on-surface);font-weight:800;line-height:1.3}.portfolio-page .testimonials-section .testimonials-grid .testimonial-card .user-profile{align-items:center;gap:1.25rem;display:flex}.portfolio-page .testimonials-section .testimonials-grid .testimonial-card .user-profile .avatar-placeholder{background-color:var(--primary-container);width:3.5rem;height:3.5rem;color:var(--on-primary-container);border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.portfolio-page .testimonials-section .testimonials-grid .testimonial-card .user-profile .user-info h4{letter-spacing:.05em;color:var(--on-surface);text-transform:uppercase;font-size:.9rem;font-weight:900}.portfolio-page .testimonials-section .testimonials-grid .testimonial-card .user-profile .user-info p{color:var(--primary);margin-top:.25rem;font-size:.85rem;font-weight:700}@media (min-width:1024px){.portfolio-page .testimonials-section .testimonials-grid .testimonial-card.featured{grid-column:span 8}}.portfolio-page .testimonials-section .testimonials-grid .testimonial-card.dark-primary{color:#fff;background-color:#111}.portfolio-page .testimonials-section .testimonials-grid .testimonial-card.dark-primary .card-top{margin-bottom:2rem}.portfolio-page .testimonials-section .testimonials-grid .testimonial-card.dark-primary .user-profile-alt{align-items:center;gap:1.5rem;display:flex}.portfolio-page .testimonials-section .testimonials-grid .testimonial-card.dark-primary .user-profile-alt .avatar-blue{background-color:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex}.portfolio-page .testimonials-section .testimonials-grid .testimonial-card.dark-primary .user-profile-alt .avatar-blue .material-symbols-outlined{font-size:1.75rem}.portfolio-page .testimonials-section .testimonials-grid .testimonial-card.dark-primary .user-profile-alt .user-meta h4{letter-spacing:.05em;color:#fff;font-size:1.125rem;font-weight:800}.portfolio-page .testimonials-section .testimonials-grid .testimonial-card.dark-primary .user-profile-alt .user-meta .rating.white{color:#fff;margin-top:.25rem}.portfolio-page .testimonials-section .testimonials-grid .testimonial-card.dark-primary blockquote.white{color:#fff;max-width:52rem;font-size:2.25rem;line-height:1.25}@media (min-width:1024px){.portfolio-page .testimonials-section .testimonials-grid .testimonial-card.dark-primary blockquote.white{font-size:2.75rem}.portfolio-page .testimonials-section .testimonials-grid .testimonial-card.dark-primary{grid-column:span 8}}.portfolio-page .testimonials-section .testimonials-grid .testimonial-card.blue-primary{background-color:var(--primary);color:#fff}.portfolio-page .testimonials-section .testimonials-grid .testimonial-card.blue-primary .rating,.portfolio-page .testimonials-section .testimonials-grid .testimonial-card.blue-primary .user-info p{color:var(--primary-container)}.portfolio-page .testimonials-section .testimonials-grid .testimonial-card.blue-primary blockquote,.portfolio-page .testimonials-section .testimonials-grid .testimonial-card.blue-primary .user-info h4{color:#fff}.portfolio-page .testimonials-section .testimonials-grid .testimonial-card.blue-primary .avatar-placeholder{color:#fff;background-color:#fff3}@media (min-width:1024px){.portfolio-page .testimonials-section .testimonials-grid .testimonial-card.blue-primary,.portfolio-page .testimonials-section .testimonials-grid .testimonial-card:not(.featured):not(.blue-primary){grid-column:span 4}.portfolio-page .testimonials-section .testimonials-grid .success-story-card{grid-column:span 8}}.portfolio-page .testimonials-section .testimonials-grid .success-story-card{background-color:#1c1b1b;border-radius:.25rem;min-height:350px;position:relative;overflow:hidden}.portfolio-page .testimonials-section .testimonials-grid .success-story-card .story-overlay{padding:3rem;position:absolute;inset:0}@media (min-width:1024px){.portfolio-page .testimonials-section .testimonials-grid .success-story-card .story-overlay{padding:4rem}}.portfolio-page .testimonials-section .testimonials-grid .success-story-card .story-overlay{z-index:10;background:linear-gradient(#0000 20%,#000000e6 100%);flex-direction:column;justify-content:space-between;display:flex}.portfolio-page .testimonials-section .testimonials-grid .success-story-card .story-overlay .play-row{align-items:center;gap:1rem;display:flex}.portfolio-page .testimonials-section .testimonials-grid .success-story-card .story-overlay .play-row .play-btn{background-color:var(--primary);color:#fff;border-radius:.25rem;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex}.portfolio-page .testimonials-section .testimonials-grid .success-story-card .story-overlay .play-row .btn-label{font-size:.75rem;font-weight:8s00;letter-spacing:.1em;color:#fff}.portfolio-page .testimonials-section .testimonials-grid .success-story-card .story-overlay h3{color:#fff;max-width:32rem;font-size:2.5rem;font-weight:800;line-height:1.25}.portfolio-page .testimonials-section .testimonials-grid .success-story-card .story-bg-placeholder{opacity:.6;background-image:url(https://lh3.googleusercontent.com/aida-public/AB6AXuAn_L-Y3_6Xj-eB_jZk_wH_nC1v_l7i_k_-_j_i_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_);background-position:50%;background-size:cover;position:absolute;inset:0}.portfolio-page .cta-section{background-color:var(--primary)}.portfolio-page .cta-section .cta-container{text-align:center}.portfolio-page .cta-section h2{font-size:2.25rem}@media (min-width:768px){.portfolio-page .cta-section h2{font-size:3.75rem}}.portfolio-page .cta-section h2{color:#fff;margin-bottom:2rem;font-weight:700}.portfolio-page .cta-section p{color:var(--on-primary-container);max-width:42rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.25rem}.portfolio-page .cta-section .cta-actions{flex-direction:column;display:flex}@media (min-width:640px){.portfolio-page .cta-section .cta-actions{flex-direction:row}}.portfolio-page .cta-section .cta-actions{justify-content:center;gap:1rem}.portfolio-page footer{background-color:#f4f4f5;width:100%;padding:4rem 0}.portfolio-page footer .footer-container{grid-template-columns:1fr;max-width:80rem;margin:0 auto;padding:0 2rem;display:grid}@media (min-width:768px){.portfolio-page footer .footer-container{grid-template-columns:repeat(4,1fr)}}.portfolio-page footer .footer-container{gap:3rem}.portfolio-page footer .footer-col{flex-direction:column;gap:1rem;display:flex}.portfolio-page footer .footer-col h4{color:var(--on-surface);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.portfolio-page footer .footer-col a{color:#52525b;font-size:.875rem;text-decoration:none;transition:color .3s}.portfolio-page footer .footer-col a:hover{color:#000}.portfolio-page footer .footer-col p{color:#52525b;font-size:.875rem;line-height:1.625}.portfolio-page footer .newsletter-input-group{gap:.5rem;display:flex}.portfolio-page footer .newsletter-input-group input{background-color:var(--surface-container-highest);border:none;border-radius:.75rem;width:100%;padding:.5rem 1rem;font-size:.875rem}.portfolio-page footer .newsletter-input-group input:focus{outline:2px solid var(--primary)}.portfolio-page footer .newsletter-input-group button{background-color:var(--primary);color:var(--on-primary);cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;padding:.5rem;display:flex}.portfolio-page footer .footer-bottom{border-top:1px solid #e4e4e7;max-width:80rem;margin:3rem auto 0;padding:2rem 2rem 0}.portfolio-page footer .footer-bottom .footer-bottom-container{justify-content:center;display:flex}@media (min-width:768px){.portfolio-page footer .footer-bottom .footer-bottom-container{justify-content:flex-start}}.portfolio-page footer .footer-bottom p{color:#52525b;text-align:center;font-size:.875rem}@media (min-width:768px){.portfolio-page footer .footer-bottom p{text-align:left}}.primary-btn,.hero-btn{background-color:var(--primary);cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;padding:1.6rem 3rem;font-size:1.8rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;color:#fff!important}.primary-btn:active,.hero-btn:active{transform:scale(.95)}.hero-btn{background:linear-gradient(135deg,#2874f0 0%,#1a5ac7 100%);box-shadow:0 20px 25px -5px #003d9b4d;color:#fff!important}.hero-btn:hover{box-shadow:0 25px 30px -5px #003d9b66;color:#fff!important}.secondary-btn{background-color:var(--surface-container-lowest);cursor:pointer;border:1px solid #c3c6d680;border-radius:.75rem;justify-content:center;align-items:center;padding:1.6rem 3rem;font-size:1.8rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;color:var(--primary)!important}.secondary-btn:hover{background-color:var(--surface-container-low);color:var(--primary)!important}.secondary-btn:active{transform:scale(.95)}.white-btn{color:var(--primary);cursor:pointer;background-color:#fff;border:none;border-radius:.75rem;padding:1.6rem 3rem;font-size:1.8rem;font-weight:700;transition:all .3s;box-shadow:0 25px 50px -12px #00000040}.white-btn:hover{background-color:var(--surface-container-low);transform:translateY(-2px)}.white-btn:active{transform:scale(.95)}.outline-btn{color:#fff;cursor:pointer;background-color:#0000;border:2px solid #ffffff4d;border-radius:.75rem;padding:1.6rem 3rem;font-size:1.8rem;font-weight:700;transition:all .3s}.outline-btn:hover{background-color:#ffffff1a;border-color:#fff}.outline-btn:active{transform:scale(.95)}