:root{--red:#e63946;--red-dark:#c1121f;--red-glow:rgba(230, 57, 70, 0.18);--ink:#080d18;--ink-80:rgba(8, 13, 24, 0.8);--navy:#0b1120;--navy-light:#111827;--slate:#1e293b;--muted:#64748b;--border:rgba(255,255,255,0.08);--bg:#f6f7f9;--white:#ffffff;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:32px;--shadow-sm:0 2px 8px rgba(0,0,0,0.06);--shadow-md:0 8px 24px rgba(0,0,0,0.10);--shadow-lg:0 24px 60px rgba(0,0,0,0.16);--shadow-red:0 8px 30px rgba(230, 57, 70, 0.28);--ease:cubic-bezier(0.4, 0, 0.2, 1);--transition:all 0.3s var(--ease);--header-h:72px;--font-display:'Syne', sans-serif;--font-body:'DM Sans', sans-serif}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);line-height:1.7;color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:700;line-height:1.15;letter-spacing:-.03em}.container{max-width:1200px;margin:0 auto;padding:0 24px}section{padding:100px 0}.site-header{background:var(--navy);height:var(--header-h);position:fixed;top:0;left:0;width:100%;z-index:9999;transition:box-shadow 0.3s ease,background 0.3s ease}.site-header.scrolled{box-shadow:0 2px 20px rgb(0 0 0 / .35);background:rgb(11 17 32 / .97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header-flex{display:flex;align-items:center;justify-content:space-between;height:100%}.logo{flex-shrink:0;display:flex;align-items:center}.logo a{color:var(--white);font-family:var(--font-display);font-size:1.3rem;font-weight:800;letter-spacing:-.5px;display:flex;align-items:center}.logo img{max-height:42px;width:auto}.main-navigation{display:flex;align-items:center}.nav-menu{display:flex;align-items:center;gap:36px;margin:0;padding:0}.nav-menu li a{color:rgb(255 255 255 / .75);font-size:.92rem;font-weight:500;position:relative;padding-bottom:2px}.nav-menu li a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--red);border-radius:1px;transition:width 0.3s var(--ease)}.nav-menu li a:hover{color:var(--white)}.nav-menu li a:hover::after{width:100%}.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;z-index:10001}.hamburger-line{display:block;width:24px;height:2px;background:var(--white);border-radius:2px;transition:var(--transition);transform-origin:center}.menu-toggle.active .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.menu-toggle.active .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{min-height:100vh;padding-top:var(--header-h);background:var(--navy);display:flex;align-items:center;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgb(230 57 70 / .12) 0%,transparent 65%);pointer-events:none;z-index:0}.hero::after{content:'';position:absolute;bottom:-15%;left:-8%;width:500px;height:500px;background:radial-gradient(circle,rgb(69 123 157 / .08) 0%,transparent 70%);pointer-events:none;z-index:0}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;width:100%;position:relative;z-index:1;padding:60px 0}.hero-left{color:var(--white)}.hero-badge{display:inline-flex;align-items:center;gap:10px;background:rgb(230 57 70 / .12);border:1px solid rgb(230 57 70 / .3);color:#ff7b85;font-size:.72rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;padding:7px 16px;border-radius:100px;margin-bottom:28px}.hero-badge-dot{width:7px;height:7px;background:var(--red);border-radius:50%;animation:pulse-dot 1.8s ease-in-out infinite}@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.65)}}.hero h1{font-size:clamp(2.4rem, 4.5vw, 3.6rem);font-weight:800;color:var(--white);margin-bottom:22px;line-height:1.1;letter-spacing:-.04em}.hero h1 em{font-style:normal;color:var(--red)}.hero-desc{font-size:1.05rem;color:rgb(255 255 255 / .6);line-height:1.75;margin-bottom:14px;max-width:460px}.hero-subtext{font-size:.9rem;color:rgb(255 255 255 / .4);margin-bottom:38px;font-style:italic}.hero-btns{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:52px}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:var(--white);padding:15px 32px;border-radius:var(--radius-sm);font-weight:700;font-size:.95rem;font-family:var(--font-body);transition:var(--transition);box-shadow:var(--shadow-red);white-space:nowrap}.btn-primary:hover{background:var(--red-dark);transform:translateY(-2px);box-shadow:0 12px 36px rgb(230 57 70 / .4);color:var(--white)}.btn-ghost{display:inline-flex;align-items:center;gap:8px;background:#fff0;color:rgb(255 255 255 / .75);padding:15px 24px;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;border:1px solid rgb(255 255 255 / .15);transition:var(--transition);white-space:nowrap}.btn-ghost:hover{border-color:rgb(255 255 255 / .4);color:var(--white);background:rgb(255 255 255 / .05)}.hero-stats{display:flex;align-items:center;gap:32px}.hero-stat strong{display:block;font-size:1.6rem;font-weight:800;color:var(--white);font-family:var(--font-display);line-height:1;margin-bottom:4px}.hero-stat span{font-size:.78rem;color:rgb(255 255 255 / .45);letter-spacing:.5px}.hero-stat-divider{width:1px;height:40px;background:rgb(255 255 255 / .12);flex-shrink:0}.hero-right{display:flex;align-items:center;justify-content:flex-end;position:relative}.hero-mockup-wrap{position:relative;width:100%;max-width:540px}.hero-mockup-wrap::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110%;height:110%;border-radius:50%;background:radial-gradient(circle,rgb(230 57 70 / .07) 0%,transparent 70%);pointer-events:none;z-index:0}.mockup-img{width:100%;height:auto;position:relative;z-index:1;filter:drop-shadow(0 30px 60px rgb(0 0 0 / .5));animation:float 4s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}.hero-pill{position:absolute;bottom:10%;left:-8%;background:var(--white);color:var(--ink);padding:12px 18px;border-radius:14px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:12px;z-index:2;animation:float-pill 4s ease-in-out 1s infinite}.hero-pill-icon{width:36px;height:36px;border-radius:10px;background:var(--red);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-pill-text strong{display:block;font-size:.82rem;font-weight:700;color:var(--ink);font-family:var(--font-display)}.hero-pill-text span{font-size:.72rem;color:var(--muted)}@keyframes float-pill{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.section-label{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--red);margin-bottom:14px}.section-label::before{content:'';display:inline-block;width:20px;height:2px;background:var(--red);border-radius:1px}.section-title{text-align:center;margin-bottom:64px}.section-title h2{font-size:clamp(1.8rem, 3.5vw, 2.6rem);color:var(--ink);position:relative;display:inline-block;padding-bottom:18px}.section-title h2::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:48px;height:3px;background:var(--red);border-radius:2px}.section-title p{color:var(--muted);font-size:1.05rem;margin-top:16px;max-width:520px;margin-left:auto;margin-right:auto}#recursos{background:var(--bg)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-item{background:var(--white);padding:36px 28px;border-radius:var(--radius-md);border:1px solid rgb(0 0 0 / .05);transition:var(--transition);position:relative;overflow:hidden}.feature-item::before{content:'';position:absolute;top:0;left:0;width:3px;height:0;background:var(--red);border-radius:0 0 2px 0;transition:height 0.4s var(--ease)}.feature-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:rgb(230 57 70 / .1)}.feature-item:hover::before{height:100%}.feature-icon{width:52px;height:52px;border-radius:12px;background:var(--red-glow);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--red);transition:var(--transition)}.feature-item:hover .feature-icon{background:var(--red);color:var(--white);transform:scale(1.05)}.feature-item h3{font-size:1rem;margin-bottom:10px;color:var(--ink);font-weight:700}.feature-item p{font-size:.9rem;color:var(--muted);line-height:1.65}.pricing{background:var(--white);position:relative;overflow:hidden}.pricing::before{content:'';position:absolute;top:-100px;right:-100px;width:500px;height:500px;background:radial-gradient(circle,rgb(230 57 70 / .04) 0%,transparent 70%);border-radius:50%;pointer-events:none}.pricing-grid{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;position:relative;z-index:1}.pricing-card{background:var(--white);padding:52px 44px;border-radius:var(--radius-xl);width:100%;max-width:400px;border:1.5px solid rgb(0 0 0 / .07);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;position:relative;transition:all 0.4s var(--ease)}.pricing-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg);border-color:rgb(230 57 70 / .15)}.pricing-card.featured{border:2px solid var(--red);transform:scale(1.04);box-shadow:var(--shadow-lg),0 0 0 4px rgb(230 57 70 / .06)}.pricing-card.featured:hover{transform:scale(1.04) translateY(-10px)}.badge-featured{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--red);color:#fff;padding:5px 20px;border-radius:50px;font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;box-shadow:0 4px 16px rgb(230 57 70 / .35);white-space:nowrap}.pricing-card h3{font-size:.75rem;color:var(--red);text-transform:uppercase;letter-spacing:2.5px;margin-bottom:28px;font-weight:800}.pricing-card .price{font-size:3.8rem;font-weight:800;color:var(--ink);line-height:1;margin-bottom:6px;font-family:var(--font-display)}.price-currency{font-size:1.3rem;vertical-align:super;margin-right:2px;font-weight:700}.pricing-card>span{display:block;color:var(--muted);font-size:.9rem;margin-bottom:36px}.pricing-card ul{text-align:left;margin-bottom:40px;flex-grow:1}.pricing-card ul li{display:flex;align-items:center;gap:12px;margin-bottom:14px;color:#475569;font-size:.93rem}.pricing-card ul li svg{flex-shrink:0}.btn-plan{width:100%;padding:17px;border-radius:var(--radius-sm);font-size:.9rem;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;font-family:var(--font-body);text-align:center;display:block;transition:var(--transition);background:var(--ink);color:var(--white)}.btn-plan:hover{background:var(--red);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-red)}.pricing-card.featured .btn-plan{background:var(--red);color:var(--white);box-shadow:var(--shadow-red)}.pricing-card.featured .btn-plan:hover{background:var(--red-dark)}.pricing-card .btn{width:100%;padding:17px;border-radius:var(--radius-sm);font-size:.9rem;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;font-family:var(--font-body);text-align:center;display:block;transition:var(--transition);background:var(--ink);color:var(--white)}.pricing-card .btn:hover{background:var(--red);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-red)}.pricing-card.featured .btn{background:var(--red);color:var(--white);box-shadow:var(--shadow-red)}#portfolio{background:var(--bg)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px}.portfolio-item{position:relative;border-radius:var(--radius-lg);overflow:hidden;height:400px;background:var(--navy);display:block;box-shadow:var(--shadow-md);border:1px solid rgb(255 255 255 / .04);transition:box-shadow 0.4s var(--ease),transform 0.4s var(--ease)}.portfolio-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.portfolio-item::after{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform 0.4s var(--ease);z-index:10}.portfolio-item:hover::after{transform:scaleX(1)}.portfolio-img-wrapper{width:100%;height:100%;overflow:hidden}.portfolio-img{width:100%;height:auto;display:block;transition:transform 6s cubic-bezier(.4,0,.2,1);transform:translateY(0);object-fit:cover;object-position:top;opacity:.85}.portfolio-item:hover .portfolio-img{transform:translateY(calc(-100% + 400px));opacity:1}.portfolio-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgb(8 13 24 / .95) 0%,rgb(8 13 24 / .5) 40%,transparent 100%);display:flex;align-items:flex-end;padding:30px 28px;transition:all 0.4s ease}.portfolio-item:hover .portfolio-overlay{background:linear-gradient(to top,rgb(8 13 24 / .98) 0%,rgb(230 57 70 / .15) 100%)}.portfolio-overlay div{transform:translateY(8px);transition:transform 0.4s var(--ease)}.portfolio-item:hover .portfolio-overlay div{transform:translateY(0)}.portfolio-overlay h4{font-size:1.1rem;color:var(--white);margin-bottom:4px;font-weight:700}.portfolio-overlay p{font-size:.82rem;color:rgb(255 255 255 / .55);margin:0}.portfolio-visit-icon{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:.78rem;font-weight:600;color:var(--red);letter-spacing:.5px;text-transform:uppercase;opacity:0;transform:translateX(-8px);transition:opacity 0.3s ease 0.1s,transform 0.3s ease 0.1s}.portfolio-item:hover .portfolio-visit-icon{opacity:1;transform:translateX(0)}.contact-section-ref{background:var(--navy);padding:120px 0;position:relative;overflow:hidden}.contact-section-ref::before{content:'';position:absolute;top:-200px;right:-150px;width:550px;height:550px;background:radial-gradient(circle,rgb(230 57 70 / .1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.contact-section-ref::after{content:'';position:absolute;bottom:-150px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,rgb(69 123 157 / .08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.contact-tag{display:inline-flex;align-items:center;gap:8px;background:rgb(230 57 70 / .12);border:1px solid rgb(230 57 70 / .25);color:#ff7b85;font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:7px 16px;border-radius:100px;margin-bottom:28px}.contact-tag span{width:6px;height:6px;background:var(--red);border-radius:50%;display:inline-block;animation:pulse-dot 1.8s ease-in-out infinite}.contact-grid-ref{display:grid;grid-template-columns:1fr 1.1fr;gap:72px;align-items:start;position:relative;z-index:1}.contact-info-ref h2{font-size:clamp(2rem, 4vw, 3rem);color:var(--white);letter-spacing:-.05em;line-height:1.1;margin-bottom:16px}.contact-info-ref h2 em{font-style:normal;color:var(--red)}.contact-info-ref>p{font-size:1rem;color:rgb(255 255 255 / .5);margin-bottom:44px;max-width:380px;line-height:1.75}.contact-divider{width:44px;height:3px;background:var(--red);border-radius:2px;margin-bottom:40px}.info-items-ref{display:flex;flex-direction:column}.info-item-ref{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px solid rgb(255 255 255 / .07);transition:var(--transition)}.info-item-ref:last-child{border-bottom:none}.info-item-ref:hover{padding-left:6px}.info-icon-wrap{width:42px;height:42px;border-radius:12px;background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .09);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition)}.info-item-ref:hover .info-icon-wrap{background:rgb(230 57 70 / .15);border-color:rgb(230 57 70 / .3)}.info-icon-wrap svg{color:rgb(255 255 255 / .6);transition:var(--transition)}.info-item-ref:hover .info-icon-wrap svg{color:var(--red)}.info-text-ref{display:flex;flex-direction:column;gap:3px}.info-text-ref .label{font-size:.7rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgb(255 255 255 / .3)}.info-text-ref .value{font-size:.97rem;color:rgb(255 255 255 / .88);font-weight:500;line-height:1.5}.contact-form-card-ref{background:var(--white);padding:48px;border-radius:var(--radius-xl);box-shadow:0 40px 100px rgb(0 0 0 / .4);position:relative}.contact-form-card-ref::before{content:'';position:absolute;top:0;left:48px;right:48px;height:3px;background:linear-gradient(90deg,var(--red),var(--red-dark));border-radius:0 0 3px 3px}.form-header{margin-bottom:32px}.form-header h3{font-size:1.4rem;color:var(--ink);letter-spacing:-.5px;margin-bottom:6px}.form-header p{font-size:.9rem;color:var(--muted)}.form-row-ref{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group-ref{margin-bottom:18px}.form-group-ref label{display:block;margin-bottom:7px;font-weight:600;font-size:.78rem;letter-spacing:.5px;color:#374151;text-transform:uppercase}.form-group-ref input,.form-group-ref select,.form-group-ref textarea{width:100%;padding:13px 16px;border-radius:10px;border:1.5px solid #e5e7eb;background:#f9fafb;color:var(--ink);font-family:var(--font-body);font-size:.95rem;transition:var(--transition);outline:none;-webkit-appearance:none}.form-group-ref input:focus,.form-group-ref select:focus,.form-group-ref textarea:focus{border-color:var(--red);background:var(--white);box-shadow:0 0 0 4px rgb(230 57 70 / .08)}.form-group-ref input::placeholder,.form-group-ref textarea::placeholder{color:#9ca3af}.form-group-ref select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;cursor:pointer;padding-right:40px}.form-group-ref textarea{resize:vertical;min-height:110px}.btn-submit-ref{width:100%;background:var(--ink);color:var(--white);padding:16px 24px;border:none;border-radius:10px;font-weight:700;font-size:.9rem;letter-spacing:1px;text-transform:uppercase;cursor:pointer;font-family:var(--font-body);transition:var(--transition);margin-top:8px;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}.btn-submit-ref::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--red),var(--red-dark));opacity:0;transition:var(--transition)}.btn-submit-ref:hover::before{opacity:1}.btn-submit-ref span,.btn-submit-ref svg{position:relative;z-index:1}.btn-submit-ref svg{transition:transform 0.3s ease}.btn-submit-ref:hover svg{transform:translateX(4px)}.site-footer{background:#000;color:var(--white)}.footer-inner{padding:60px 0 32px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:48px;margin-bottom:52px}.footer-brand{display:flex;flex-direction:column}.footer-logo img{max-height:36px;width:auto;margin-bottom:16px}.footer-tagline{font-size:.88rem;color:rgb(255 255 255 / .45);line-height:1.65;margin-bottom:20px;max-width:220px}.footer-whatsapp{display:inline-flex;align-items:center;gap:8px;background:rgb(37 211 102 / .12);border:1px solid rgb(37 211 102 / .25);color:#4ade80;font-size:.85rem;font-weight:600;padding:9px 16px;border-radius:8px;width:fit-content;transition:var(--transition)}.footer-whatsapp:hover{background:rgb(37 211 102 / .2);color:#4ade80;transform:translateY(-2px)}.footer-heading{font-size:.72rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:rgb(255 255 255 / .35);margin-bottom:20px}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links li a{font-size:.88rem;color:rgb(255 255 255 / .55);transition:var(--transition);display:block}.footer-links li a:hover{color:var(--white);padding-left:4px}.footer-contact-list li{display:flex;align-items:center;gap:10px;font-size:.88rem;color:rgb(255 255 255 / .55);padding:2px 0}.footer-contact-list li svg{flex-shrink:0;opacity:.4}.footer-contact-list li a{color:rgb(255 255 255 / .55);transition:var(--transition)}.footer-contact-list li a:hover{color:var(--white);padding-left:0}.footer-bottom{border-top:1px solid rgb(255 255 255 / .08);padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-bottom p{font-size:.82rem;color:rgb(255 255 255 / .35)}.footer-bottom p span{color:rgb(255 255 255 / .2)}.footer-legal{display:flex;gap:24px}.footer-legal li a{font-size:.82rem;color:rgb(255 255 255 / .35);transition:var(--transition)}.footer-legal li a:hover{color:rgb(255 255 255 / .7)}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:var(--white);padding:15px 32px;border-radius:var(--radius-sm);font-weight:700;font-size:.95rem;font-family:var(--font-body);transition:var(--transition);box-shadow:var(--shadow-red)}.btn:hover{background:var(--red-dark);color:var(--white);transform:translateY(-2px);box-shadow:0 12px 36px rgb(230 57 70 / .4)}:focus-visible{outline:2px solid var(--red);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:1024px){:root{--header-h:66px}.features-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:36px}.hero-grid{gap:44px}.hero h1{font-size:clamp(2.1rem, 4vw, 3rem)}}@media (max-width:768px){:root{--header-h:62px}section{padding:72px 0}.menu-toggle{display:flex}.main-navigation{position:fixed;top:0;right:0;width:280px;height:100vh;background:var(--navy-light);box-shadow:-8px 0 40px rgb(0 0 0 / .4);padding:90px 32px 40px;flex-direction:column;align-items:flex-start;justify-content:flex-start;transform:translateX(100%);transition:transform 0.35s var(--ease);z-index:9998}.main-navigation.toggled{transform:translateX(0)}.nav-menu{flex-direction:column;align-items:flex-start;gap:8px;width:100%}.nav-menu li{width:100%}.nav-menu li a{display:block;padding:12px 0;font-size:1.1rem;border-bottom:1px solid rgb(255 255 255 / .06);color:rgb(255 255 255 / .8)}.nav-menu li a::after{display:none}.nav-overlay{display:none;position:fixed;inset:0;background:rgb(0 0 0 / .6);z-index:9997;backdrop-filter:blur(4px)}.nav-overlay.active{display:block}.hero-grid{grid-template-columns:1fr;gap:48px;padding:52px 0 48px;text-align:center}.hero-left{order:1}.hero-right{order:2;justify-content:center}.hero-desc,.hero-subtext{margin-left:auto;margin-right:auto}.hero-btns{justify-content:center}.hero-stats{justify-content:center}.hero-mockup-wrap{max-width:380px;margin:0 auto}.hero-pill{left:50%;transform:translateX(-50%);bottom:-5%;animation:none}.features-grid{grid-template-columns:1fr 1fr}.portfolio-grid{grid-template-columns:1fr 1fr;gap:20px}.portfolio-item{height:300px}.portfolio-item:hover .portfolio-img{transform:translateY(calc(-100% + 300px))}.contact-grid-ref{grid-template-columns:1fr;gap:44px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1 / -1}}@media (max-width:480px){.container{padding:0 18px}section{padding:60px 0}.hero h1{font-size:clamp(1.8rem, 6vw, 2.4rem)}.hero-badge{font-size:.65rem;padding:6px 14px}.hero-stats{gap:20px;flex-wrap:wrap}.hero-stat strong{font-size:1.3rem}.btn-primary,.btn-ghost,.btn{width:100%;justify-content:center}.hero-btns{flex-direction:column;width:100%}.hero-mockup-wrap{max-width:280px}.hero-pill{display:none}.section-title{margin-bottom:44px}.section-title h2{font-size:1.7rem}.features-grid{grid-template-columns:1fr}.pricing-card.featured{transform:scale(1)}.pricing-card{padding:40px 28px}.portfolio-grid{grid-template-columns:1fr}.portfolio-item{height:280px}.portfolio-item:hover .portfolio-img{transform:translateY(calc(-100% + 280px))}.contact-form-card-ref{padding:32px 22px}.form-row-ref{grid-template-columns:1fr}.contact-form-card-ref::before{left:22px;right:22px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start;gap:14px}}