.hero{background:var(--color-bg-primary);align-items:center;min-height:100vh;padding:120px 0 80px;display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;background:#fff;position:absolute;inset:0;overflow:hidden}.hero-gradient{filter:blur(80px);opacity:.8;background-image:radial-gradient(at 0 0,#55ff4b26 0,#0000 50%),radial-gradient(at 100% 0,#44dd3d1a 0,#0000 50%),radial-gradient(at 100% 100%,#3b82f614 0,#0000 50%),radial-gradient(at 0 100%,#f59e0b0d 0,#0000 50%);width:150%;height:150%;animation:20s ease-in-out infinite alternate aurora-move;position:absolute;top:-25%;left:-25%}@keyframes aurora-move{0%{transform:translate(0)rotate(0)}to{transform:translate(-2%,-2%)rotate(2deg)}}.hero-bg:after{content:"";background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 60%,#0000 100%);mask-image:radial-gradient(#000 60%,#0000 100%)}.hero-decoration{color:var(--color-accent);pointer-events:none;opacity:.4;font-size:20px;position:absolute}.deco-1{top:20%;left:8%}.deco-2{bottom:25%;right:10%}.hero-container{gap:var(--space-16);z-index:2;width:100%;max-width:1400px;padding:0 var(--space-10);grid-template-columns:1fr 1fr;align-items:center;margin:0 auto;display:grid;position:relative}.hero-content{text-align:left;position:relative}.hero-eyebrow{align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);display:flex}.eyebrow-line{background:var(--color-accent);flex:0 0 30px;height:1px}.eyebrow-text{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted)}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-extrabold);color:var(--color-text-primary);margin-bottom:var(--space-8);line-height:1.1}.title-row{justify-content:flex-start;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.title-word{display:inline-block}.title-outline{color:#0000;-webkit-text-stroke:2px var(--color-text-primary)}.title-accent-word{color:var(--color-bg-dark);padding:0 var(--space-3);z-index:1;display:inline-block;position:relative}.accent-bg{background:linear-gradient(135deg,var(--color-accent)0%,var(--color-green-mint)100%);z-index:-1;border-radius:12px;position:absolute;inset:-8px -16px;transform:rotate(-2deg);box-shadow:0 8px 30px #00ff554d}.hero-description{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:520px;margin-bottom:var(--space-10);line-height:1.8}.hero-actions{justify-content:flex-start;gap:var(--space-4);margin-bottom:var(--space-12);display:flex}.btn-ghost{color:var(--color-text-primary);border:2px solid var(--color-border);background:0 0}.btn-ghost:hover{border-color:var(--color-text-primary);background:var(--color-bg-secondary)}.hero-stats{align-items:center;gap:var(--space-6);display:flex}.stat-item{gap:var(--space-1);flex-direction:column;display:flex}.stat-number{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.stat-label{font-size:var(--text-xs);color:var(--color-text-muted)}.stat-divider{background:var(--color-border);width:1px;height:40px}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.visual-wrapper{width:100%;max-width:450px;position:relative}.hero-image{z-index:2;border-radius:24px;width:100%;height:auto;position:relative}.visual-glow{pointer-events:none;z-index:1;background:radial-gradient(circle,#00ff5526 0%,#0000 60%);position:absolute;inset:-20%}@media (max-width:960px){.hero-container{text-align:center;gap:var(--space-8);grid-template-columns:1fr}.hero-eyebrow,.title-row{justify-content:center}.hero-description{margin-left:auto;margin-right:auto}.hero-actions,.hero-stats{justify-content:center}.hero-visual{margin-top:var(--space-8);justify-content:center;display:flex}.visual-wrapper{width:100%;max-width:400px}.hero-decoration{display:none}}@media (max-width:768px){.hero{min-height:auto;padding:110px 0 60px}.hero-title{font-size:2.5rem;line-height:1.15}.hero-description{padding:0 var(--space-2);font-size:1rem}.title-outline{-webkit-text-stroke:1.5px var(--color-text-primary)}.hero-actions{padding:0 var(--space-4);flex-direction:column}.hero-actions .btn{width:100%}.hero-stats{gap:var(--space-6);flex-wrap:wrap}.stat-divider{display:none}.stat-item{min-width:80px}}[data-theme=dark] .hero-bg{background:#0a0a0b}
.authority-bar{padding:var(--space-16)0;background:0 0}.authority-bar .container{gap:var(--space-12);flex-direction:column;display:flex}.authority-stats{gap:var(--space-8);text-align:center;padding-bottom:var(--space-10);border-bottom:1px solid var(--color-border-light);grid-template-columns:repeat(3,1fr);display:grid}.authority-stat{gap:var(--space-2);flex-direction:column;display:flex}.authority-stat .stat-number{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-accent);line-height:1}.authority-stat .stat-label{font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;font-weight:var(--font-medium)}.authority-logos{text-align:center}.logos-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-8);font-weight:var(--font-medium)}.logos-row{justify-content:center;align-items:center;gap:var(--space-16);flex-wrap:wrap;display:flex}.authority-bar .logo-item{padding:var(--space-3)}.authority-bar .logo-image{object-fit:contain;opacity:1;width:auto;max-width:140px;height:45px;transition:all var(--transition-normal)}.authority-bar .logo-item:hover .logo-image{opacity:1;transform:scale(1.05)}@media (max-width:768px){.authority-bar{padding:var(--space-10)0}.authority-stats{gap:var(--space-4);padding-bottom:var(--space-8)}.authority-stat .stat-number{font-size:var(--text-2xl)}.authority-stat .stat-label{font-size:var(--text-xs)}.logos-row{gap:var(--space-8)}.authority-bar .logo-image{height:35px}}[data-theme=dark] .authority-bar{background:#fff}[data-theme=dark] .authority-stat .stat-label{color:#555}[data-theme=dark] .authority-stats{border-bottom-color:#e0e0e0}[data-theme=dark] .logos-label{color:#888}
.services{background:var(--color-bg-secondary);position:relative;overflow:hidden}.services-header{text-align:center;margin-bottom:var(--space-16);max-width:600px;margin-left:auto;margin-right:auto}.services-badge{background:var(--color-accent-light);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-accent);margin-bottom:var(--space-6);text-transform:uppercase;letter-spacing:.1em;border-radius:100px;padding:6px 16px;display:inline-block}.services-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-4);line-height:1.15}.services-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:500px;margin:0 auto;line-height:1.6}.services-grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.service-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);border-top:3px solid var(--card-accent);background:#fff;height:100%;transition:all .3s;position:relative}.service-card:hover{box-shadow:0 20px 40px -15px #0000001a,0 0 0 1px var(--card-accent),0 8px 30px -5px color-mix(in srgb,var(--card-accent)25%,transparent);border-color:var(--card-accent);transform:translateY(-8px)}.service-card-inner{padding:var(--space-8)}.service-icon{background:var(--color-bg-secondary);width:56px;height:56px;color:var(--card-accent);border-radius:var(--radius-lg);margin-bottom:var(--space-6);justify-content:center;align-items:center;transition:all .3s;display:flex}.service-card:hover .service-icon{background:var(--card-accent);color:#fff;transform:scale(1.08)}.service-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.service-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.6}.service-features{gap:var(--space-2);padding-top:var(--space-6);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.service-features li{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:var(--font-medium);display:flex}.feature-bullet{background:color-mix(in srgb,var(--card-accent)15%,transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:relative}.feature-bullet:after{content:"";background:var(--card-accent);border-radius:50%;width:6px;height:6px}.service-card:hover .feature-bullet{background:var(--card-accent)}.service-card:hover .feature-bullet:after{background:#fff}.service-card:hover .service-features li{color:var(--color-text-primary)}@media (max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.services-grid{grid-template-columns:1fr}.services-title{font-size:var(--text-3xl)}}[data-theme=dark] .service-card{border-color:#2a2a2a;border-top-color:var(--card-accent);background:#191919}[data-theme=dark] .service-card:hover{box-shadow:0 20px 40px -15px #00000080,0 0 0 1px var(--card-accent),0 8px 30px -5px color-mix(in srgb,var(--card-accent)20%,transparent)}[data-theme=dark] .service-icon{background:#222224}[data-theme=dark] .service-card:hover .service-icon{color:#0a0a0b}[data-theme=dark] .service-features{border-top-color:#2a2a2a}
.solutions-section{padding:var(--space-24)0;--mouse-x:.5;--mouse-y:.5;background:#0a0a0a;position:relative;overflow:hidden}.solutions-bg{pointer-events:none;position:absolute;inset:0}.bg-orb{filter:blur(100px);opacity:.6;border-radius:50%;position:absolute}.orb-1{width:800px;height:800px;transform:translate(calc((var(--mouse-x) - .5)*-60px),calc((var(--mouse-y) - .5)*-60px));background:radial-gradient(circle,#ff783266 0%,#0000 60%);animation:8s ease-in-out infinite pulse-orb;top:-300px;right:-200px}.orb-2{background:radial-gradient(circle,#55ff4b40 0%,#0000 60%);width:600px;height:600px;animation:8s ease-in-out infinite reverse pulse-orb;bottom:-200px;left:-150px}@keyframes pulse-orb{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.bg-particles{position:absolute;inset:0}.particle{width:3px;height:3px;bottom:-10px;left:var(--x);animation:float-up var(--duration)linear infinite;animation-delay:var(--delay);background:#ffffff4d;border-radius:50%;position:absolute}@keyframes float-up{0%{opacity:0;transform:translateY(0)scale(1)}10%{opacity:.5}90%{opacity:.5}to{opacity:0;transform:translateY(-100vh)scale(.5)}}.solutions-grid{gap:var(--space-16);z-index:2;grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.solutions-content{padding-right:var(--space-8)}.solutions-badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);color:#ff7832;font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-8);background:#ff783226;border:1px solid #ff78324d;border-radius:100px;display:inline-flex}.badge-dot{background:#ff7832;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.solutions-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-extrabold);color:#fff;margin-bottom:var(--space-6);letter-spacing:-.03em;line-height:1.1}.title-line{display:block}.title-accent{background:linear-gradient(135deg,#ff7832 0%,#ffb366 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.solutions-description{font-size:var(--text-lg);color:#ffffffb3;margin-bottom:var(--space-8);line-height:1.8}.product-highlight{align-items:center;gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-6);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;display:flex}.product-logo-wrapper{background:linear-gradient(135deg,#ff7832,#ffb366);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;padding:10px;display:flex}.product-logo-wrapper img{object-fit:contain;width:100%;height:100%}.product-details h3{font-size:var(--text-xl);font-weight:var(--font-bold);color:#fff;margin:0}.product-tagline{font-size:var(--text-sm);color:#ff7832}.features-list{gap:var(--space-3);margin-bottom:var(--space-8);flex-direction:column;display:flex}.features-list li{align-items:center;gap:var(--space-3);font-size:var(--text-base);color:#fffc;display:flex}.feature-check{width:24px;height:24px;color:var(--color-accent);background:#55ff4b26;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.solutions-cta{align-items:center;gap:var(--space-2);padding:var(--space-4)var(--space-8);color:#fff;font-size:var(--text-base);font-weight:var(--font-bold);margin-bottom:var(--space-6);background:linear-gradient(135deg,#ff7832,#ff9f5a);border-radius:12px;text-decoration:none;transition:all .3s;display:inline-flex}.solutions-cta:hover{transform:translateY(-3px);box-shadow:0 20px 40px #ff783266}.coming-soon-badge{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#ffffff80;display:inline-flex}.coming-soon-badge span{width:20px;height:20px;color:var(--color-accent);background:#55ff4b26;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex}.phone-mockup-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.phone-glow{filter:blur(60px);z-index:0;background:radial-gradient(#ff78324d 0%,#0000 70%);width:300px;height:500px;position:absolute}.phone-mockup{z-index:1;background:#1a1a1a;border-radius:40px;width:280px;padding:12px;position:relative;box-shadow:0 50px 100px #00000080,0 0 0 1px #ffffff1a,inset 0 0 0 1px #ffffff0d}.phone-notch{z-index:10;background:#0a0a0a;border-radius:20px;width:100px;height:28px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.phone-screen{background:#fff;border-radius:30px;flex-direction:column;height:500px;display:flex;overflow:hidden}.wa-header{color:#fff;background:#075e54;align-items:center;gap:10px;padding:45px 12px 12px;display:flex}.wa-back{font-size:20px}.wa-avatar{background:#ff7832;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex}.wa-avatar img{object-fit:contain;width:100%;height:100%}.wa-contact{flex:1}.wa-name{font-size:14px;font-weight:600}.wa-status{opacity:.8;font-size:11px}.wa-icons{gap:15px;font-size:18px;display:flex}.wa-chat{background:#ece5dd url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"1\" fill=\"%23d4cfc4\"/></svg>") 0 0/20px 20px;flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.wa-message{border-radius:8px;max-width:85%;padding:8px 12px;font-size:13px;line-height:1.4;animation:.3s ease-out message-in;position:relative}@keyframes message-in{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.wa-message.bot{color:#303030;background:#fff;border-bottom-left-radius:0;align-self:flex-start}.wa-message.user{color:#303030;background:#dcf8c6;border-bottom-right-radius:0;align-self:flex-end}.wa-time{color:#888;text-align:right;margin-top:4px;font-size:10px;display:block}.wa-typing{background:#fff;border-radius:8px;gap:4px;width:fit-content;padding:12px 16px;display:flex}.wa-typing span{background:#888;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typing-dot}.wa-typing span:nth-child(2){animation-delay:.2s}.wa-typing span:nth-child(3){animation-delay:.4s}@keyframes typing-dot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.wa-input{background:#f0f0f0;align-items:center;gap:8px;padding:8px 12px;display:flex}.wa-input-field{color:#888;background:#fff;border-radius:20px;flex:1;padding:10px 16px;font-size:13px}.wa-send{background:#075e54;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.floating-stat{z-index:10;background:#fffffff2;border-radius:16px;flex-direction:column;align-items:center;padding:12px 16px;animation:4s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 10px 40px #00000026}.stat-1{animation-delay:0s;top:10%;right:-20px}.stat-2{animation-delay:-1.5s;bottom:30%;left:-30px}.stat-3{animation-delay:-3s;bottom:5%;right:-10px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.stat-icon{margin-bottom:4px;font-size:20px}.stat-value{color:#0a0a0a;font-size:18px;font-weight:800}.stat-label{color:#666;text-transform:uppercase;letter-spacing:.05em;font-size:10px}@media (max-width:1024px){.solutions-grid{gap:var(--space-12);grid-template-columns:1fr}.solutions-content{text-align:center;padding-right:0}.product-highlight{justify-content:center}.features-list{align-items:center}.phone-mockup-wrapper{transform:scale(.9)}.floating-stat{display:none}}@media (max-width:768px){.solutions-section{padding:var(--space-16)0}.solutions-title{font-size:var(--text-2xl)}.phone-mockup-wrapper{transform:scale(.8)}}
.portfolio{background:0 0}.portfolio-header{gap:var(--space-8);margin-bottom:var(--space-16);grid-template-columns:auto 1fr;align-items:start;display:grid}.portfolio-label{gap:var(--space-1);flex-direction:column;display:flex}.label-number{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-accent);font-family:monospace}.label-text{font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);writing-mode:vertical-rl;transform:rotate(180deg)}.portfolio-heading{font-size:var(--text-5xl);font-weight:var(--font-extrabold);margin-bottom:var(--space-4);line-height:1.1}.heading-dot{color:var(--color-accent)}.heading-accent{background:linear-gradient(135deg,var(--color-accent),#0c4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.portfolio-subheading{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:500px}.portfolio-grid{gap:var(--space-6);margin-bottom:var(--space-12);grid-template-columns:repeat(2,1fr);display:grid}.portfolio-card{background:var(--color-bg-secondary);cursor:pointer;border:1px solid var(--color-border);border-top:3px solid var(--card-accent);border-radius:24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.portfolio-card:hover{box-shadow:0 20px 40px -15px #0000001a,0 0 0 1px var(--card-accent),0 8px 30px -5px color-mix(in srgb,var(--card-accent)25%,transparent);border-color:var(--card-accent);transform:translateY(-8px)}.portfolio-card-featured{grid-column:span 1}.portfolio-media{height:280px;position:relative;overflow:hidden}.portfolio-card-featured .portfolio-media{height:320px}.portfolio-img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.portfolio-card:hover .portfolio-img{transform:scale(1.05)}.play-overlay{opacity:0;background:linear-gradient(#0003,#0009);justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.portfolio-card:hover .play-overlay{opacity:1}.play-button{background:var(--card-accent);color:#0a0a0a;width:72px;height:72px;box-shadow:0 10px 30px color-mix(in srgb,var(--card-accent)40%,transparent);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;transform:scale(.8)}.play-button svg{margin-left:4px}.portfolio-card:hover .play-button{transform:scale(1)}.view-case-overlay{opacity:0;background:linear-gradient(#0000004d,#000c);justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.portfolio-card:hover .view-case-overlay{opacity:1}.view-case-btn{background:var(--card-accent);color:#0a0a0a;border-radius:100px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex;transform:translateY(20px)}.portfolio-card:hover .view-case-btn{transform:translateY(0)}.portfolio-tags-floating{top:var(--space-4);left:var(--space-4);gap:var(--space-2);z-index:2;display:flex;position:absolute}.tag-pill{padding:var(--space-1)var(--space-3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:11px;font-weight:var(--font-semibold);color:var(--color-text-primary);background:#fffffff2;border-radius:100px}.portfolio-content{padding:var(--space-6)}.portfolio-client{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--card-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);display:block}.portfolio-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-2);line-height:1.3}.portfolio-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.6}.portfolio-results-preview{gap:var(--space-2);flex-direction:column;display:flex}.result-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);display:flex}.result-item svg{color:var(--card-accent);flex-shrink:0}.portfolio-duration{margin-top:var(--space-4);padding:var(--space-2)var(--space-3);background:var(--color-bg-primary);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);border-radius:100px;align-items:center;gap:6px;display:inline-flex}.portfolio-duration svg{color:var(--card-accent)}.portfolio-card-link{color:inherit;text-decoration:none;display:block}.portfolio-cta-row{justify-content:center;align-items:center;gap:var(--space-6);padding-top:var(--space-8);border-top:1px solid var(--color-border-light);display:flex}.portfolio-cta-row p{font-size:var(--text-base);color:var(--color-text-secondary)}.video-modal-overlay{z-index:1000;padding:var(--space-6);background:#000000e6;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-modal{background:#fff;border-radius:24px;width:100%;max-width:1200px;max-height:90vh;animation:.4s slideUp;position:relative;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-close{top:var(--space-4);right:var(--space-4);color:#fff;cursor:pointer;z-index:10;background:#000c;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:absolute}.modal-close:hover{background:var(--color-accent);color:#0a0a0a;transform:scale(1.1)}.modal-content{grid-template-columns:1.5fr 1fr;max-height:90vh;display:grid;overflow:hidden}.modal-video{background:#0a0a0a;justify-content:center;align-items:center;display:flex}.modal-video iframe,.modal-video video{border:none;width:100%;height:100%;min-height:400px}.modal-video img{object-fit:cover;width:100%;height:100%}.modal-info{padding:var(--space-8);max-height:90vh;overflow-y:auto}.modal-client{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2);display:inline-block}.modal-info h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-4);line-height:1.2}.modal-description{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.7}.modal-results{margin-bottom:var(--space-6)}.modal-results h4{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.modal-results ul{margin:0;padding:0;list-style:none}.modal-results li{align-items:center;gap:var(--space-3);padding:var(--space-2)0;font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.modal-results li svg{color:var(--color-accent);flex-shrink:0}.modal-tags{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.modal-info .tag-pill{background:var(--color-bg-secondary)}@media (max-width:1024px){.portfolio-header{grid-template-columns:1fr}.label-text{writing-mode:horizontal-tb;transform:none}.portfolio-label{align-items:center;gap:var(--space-3);flex-direction:row}.portfolio-heading{font-size:var(--text-4xl)}.modal-content{grid-template-columns:1fr}.modal-video{height:300px}.modal-video iframe,.modal-video video{min-height:300px}}@media (max-width:768px){.portfolio-grid{grid-template-columns:1fr}.portfolio-heading{font-size:var(--text-3xl)}.portfolio-media{height:220px}.portfolio-cta-row{text-align:center;flex-direction:column}.video-modal{border-radius:16px}.modal-info{padding:var(--space-6)}.modal-info h2{font-size:var(--text-xl)}}[data-theme=dark] .portfolio-card{border-color:#2a2a2a;border-top-color:var(--card-accent);background:#191919}[data-theme=dark] .portfolio-card:hover{box-shadow:0 20px 40px -15px #00000080,0 0 0 1px var(--card-accent),0 8px 30px -5px color-mix(in srgb,var(--card-accent)20%,transparent)}[data-theme=dark] .video-modal{background:#141415}[data-theme=dark] .tag-pill{color:#e0e0e0;background:#ffffff1a}[data-theme=dark] .portfolio-duration{background:#252526}
.testimonials{background:0 0}.testimonials-header{text-align:center;max-width:500px;margin:0 auto var(--space-16)}.testimonials-header .badge{margin-bottom:var(--space-4)}.testimonials-header h2{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight)}.testimonials-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.testimonial-card{padding:var(--space-8);background:var(--color-bg-primary);transition:all var(--transition-normal);border-radius:20px;flex-direction:column;justify-content:space-between;display:flex;box-shadow:0 4px 20px #0000000a}.testimonial-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #00000014}.testimonial-stars{margin-bottom:var(--space-4);gap:2px;display:flex}.testimonial-quote{margin-bottom:var(--space-8)}.quote-icon{color:var(--color-accent);opacity:.3;margin-bottom:var(--space-4)}.testimonial-quote p{font-size:var(--text-base);color:var(--color-text-primary);font-style:italic;line-height:1.8}.testimonial-author{align-items:center;gap:var(--space-3);padding-top:var(--space-6);border-top:1px solid var(--color-border-light);display:flex}.author-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.author-role{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}@media (max-width:1024px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}.testimonial-card:last-child{grid-column:span 2;max-width:500px;margin:0 auto}}@media (max-width:768px){.testimonials-header h2{font-size:var(--text-2xl)}.testimonials-grid{grid-template-columns:1fr}.testimonial-card:last-child{grid-column:span 1;max-width:none}.testimonial-card{padding:var(--space-6)}}
.process{background:0 0}.process-header{text-align:center;margin-bottom:var(--space-16)}.process-header h2{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-top:var(--space-4)}.process-steps{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid;position:relative}.process-step{text-align:center;padding:var(--space-8);background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:relative}.process-step:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.step-icon{background:var(--color-accent-light);border-radius:var(--radius-xl);width:64px;height:64px;color:var(--color-accent);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:inline-flex}.step-number{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-accent);margin-bottom:var(--space-2)}.step-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.step-description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.step-connector{display:none}@media (max-width:1024px){.process-steps{grid-template-columns:1fr;max-width:500px;margin:0 auto}}
.team{background:0 0;overflow:hidden}.team-content{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:center;display:grid}.team-image-wrapper{position:relative}.team-image{border-radius:24px;width:100%;height:auto;box-shadow:0 20px 60px #0000001a}.team-image-accent{background:var(--color-accent);opacity:.1;filter:blur(60px);z-index:-1;border-radius:50%;width:150px;height:150px;position:absolute;top:-20px;right:-20px}.team-text{padding-left:var(--space-8)}.team-text .badge{margin-bottom:var(--space-4)}.team-title{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--space-6)}.team-description{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-10);line-height:1.8}.team-values{gap:var(--space-6);flex-direction:column;display:flex}.value-item{gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-secondary);transition:all var(--transition-normal);border-radius:16px;display:flex}.value-item:hover{background:var(--color-accent-light);transform:translate(8px)}.value-number{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-accent);min-width:32px}.value-content h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.value-content p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}@media (max-width:1024px){.team-content{gap:var(--space-10);grid-template-columns:1fr}.team-text{text-align:center;padding-left:0}.team-values{max-width:500px;margin:0 auto}}@media (max-width:768px){.team-title{font-size:var(--text-2xl)}.team-image{border-radius:16px}}
.why-syntria{background:0 0}.why-syntria-header{text-align:center;max-width:600px;margin:0 auto var(--space-16)}.why-syntria-header .badge{margin-bottom:var(--space-4)}.why-syntria-title{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.why-syntria-description{font-size:var(--text-lg);color:var(--color-text-secondary)}.methodology-grid{gap:var(--space-8);margin-bottom:var(--space-20);grid-template-columns:repeat(3,1fr);display:grid}.methodology-card{text-align:center;padding:var(--space-8);background:var(--color-bg-secondary);border-radius:var(--radius-2xl);transition:all var(--transition-normal)}.methodology-card:hover{background:var(--color-bg-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.methodology-icon{background:var(--color-accent-light);width:72px;height:72px;color:var(--color-accent);border-radius:var(--radius-xl);margin-bottom:var(--space-6);transition:all var(--transition-normal);justify-content:center;align-items:center;display:inline-flex}.methodology-card:hover .methodology-icon{background:var(--color-accent);color:var(--color-bg-dark);transform:scale(1.1)}.methodology-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.methodology-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.stats-grid{gap:var(--space-6);padding:var(--space-12);background:linear-gradient(135deg,var(--color-accent-light),var(--color-secondary-light));border-radius:var(--radius-2xl);grid-template-columns:repeat(4,1fr);display:grid}.stat-item{text-align:center}.stat-number{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--color-text-primary);margin-bottom:var(--space-2);display:block}.stat-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}@media (max-width:1024px){.methodology-grid{grid-template-columns:repeat(2,1fr)}.methodology-card:last-child{grid-column:span 2;max-width:400px;margin:0 auto}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.why-syntria-header{margin-bottom:var(--space-10)}.why-syntria-title{font-size:var(--text-2xl)}.methodology-grid{gap:var(--space-4);grid-template-columns:1fr}.methodology-card:last-child{grid-column:span 1;max-width:none}.methodology-card{padding:var(--space-6)}.stats-grid{padding:var(--space-8);gap:var(--space-6);grid-template-columns:repeat(2,1fr)}.stat-number{font-size:var(--text-2xl)}}
.contact-home{background-color:var(--color-bg-dark);position:relative;overflow:hidden}.contact-grid{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:center;display:grid}.contact-content{color:var(--color-text-inverse)}.contact-title{font-size:var(--text-5xl);font-weight:var(--font-display);margin-bottom:var(--space-6);color:#fff;line-height:1.1}.contact-description{font-size:var(--text-lg);color:#ffffffb3;margin-bottom:var(--space-8);max-width:500px;line-height:1.6}.contact-benefits{gap:var(--space-4);flex-direction:column;display:flex}.contact-benefits li{align-items:center;gap:var(--space-3);font-size:var(--text-base);color:#fffc;display:flex}.contact-benefits svg{color:var(--color-accent);flex-shrink:0}.contact-form-wrapper{padding:var(--space-10);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px}.contact-form{gap:var(--space-5);flex-direction:column;display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.contact-home .form-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:#ffffffb3}.optional-label{font-weight:var(--font-normal);color:#fff6;font-size:var(--text-xs)}.form-group input,.form-group textarea{padding:var(--space-4);font-size:var(--text-base);color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;transition:all .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-accent);background:#ffffff1f;outline:none}.form-group textarea{resize:vertical;min-height:100px}.form-group.has-error input,.form-group.has-error textarea{background:#ef444414;border-color:#ef4444}.form-error{font-size:var(--text-xs);color:#ef4444;align-items:center;gap:var(--space-1);animation:.3s shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.contact-submit{margin-top:var(--space-4);justify-content:center;width:100%}.contact-submit:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.submit-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.form-success{text-align:center;padding:var(--space-8)0;align-items:center;gap:var(--space-4);flex-direction:column;animation:.5s fadeIn;display:flex}.success-icon{width:72px;height:72px;color:var(--color-accent);background:#55ff4b26;border-radius:50%;justify-content:center;align-items:center;animation:.5s cubic-bezier(.34,1.56,.64,1) success-pop;display:flex}@keyframes success-pop{0%{transform:scale(0)}to{transform:scale(1)}}.success-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:#fff}.success-text{font-size:var(--text-base);color:#ffffffb3;max-width:320px;line-height:1.6}@media (max-width:1024px){.contact-grid{gap:var(--space-10);grid-template-columns:1fr}.contact-title{font-size:var(--text-4xl)}}@media (max-width:640px){.contact-title{font-size:var(--text-3xl)}.contact-form-wrapper{padding:var(--space-6)}}
.wave-divider{width:100%;margin-top:-1px;line-height:0;position:relative;overflow:hidden}.wave-divider svg{width:100%;height:100px;display:block;position:relative}.wave-divider.flip{margin-top:0;margin-bottom:-1px;transform:rotate(180deg)}@media (max-width:768px){.wave-divider svg{height:80px}}
.home-page{overflow-x:hidden}.section-light{background-color:var(--color-section-light)}.section-alt{background-color:var(--color-section-alt)}.section-warm{background-color:var(--color-section-warm)}.section-soft{background-color:var(--color-section-soft)}.section-dark{background-color:var(--color-bg-dark)}.section-light>section,.section-alt>section,.section-warm>section,.section-soft>section,.section-dark>section{background:0 0}.section-dark .botzi-title,.section-dark .botzi-content{color:#fff}.section-dark .botzi-description{color:#ffffffb3}.section-dark .botzi-description strong{color:#fff}.section-dark .feature-item span{color:#fffc}.section-dark .testimonials-header h2,.section-dark .testimonial-quote p,.section-dark .author-name{color:#fff}.section-dark .author-role{color:#ffffffb3}.section-dark .testimonial-card{background:#ffffff14;border:1px solid #ffffff1a}.section-dark .testimonial-author{border-top-color:#ffffff1a}.section-dark .team-title,.section-dark .team-member-name{color:#fff}.section-dark .team-subtitle,.section-dark .team-member-role{color:#ffffffb3}.section-dark .team-label .label-text{color:#fff9}.section-dark .team-member-card{background:#ffffff0d;border-color:#ffffff1a}