.bubble-text-container{cursor:pointer;box-sizing:border-box;justify-content:center;align-items:center;width:100%;max-width:100%;min-height:600px;padding:40px 20px;transition:transform .3s;display:flex;position:relative}@media (max-width:768px){.bubble-text-container.has-mobile-scale{transform:scale(var(--mobile-scale,1));margin-top:calc((var(--mobile-scale,1) - 1)*300px);margin-bottom:calc((var(--mobile-scale,1) - 1)*300px)}}.bubble-text-container .bubble-svg{pointer-events:none;width:100%;height:100%;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.bubble-text-container .bubble-svg path{will-change:transform,opacity;opacity:.7}.bubble-text-container .bubble-svg circle{will-change:transform,opacity}.bubble-text-container .bubble-svg .svg-text-line1,.bubble-text-container .bubble-svg .svg-text-line2{font-size:80px}@keyframes bubble-simple{0%,to{opacity:.6;transform:scale(1)translate(0)}25%{opacity:.8;transform:scale(1.15)translate(30px,-20px)}50%{opacity:.95;transform:scale(1.3)translate(-25px,30px)}75%{opacity:.85;transform:scale(1.2)translate(20px,15px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.bubble-text-container .bubble-svg{opacity:0;animation:1.2s ease-out .3s forwards fade-in}.bubble-text-container .bubble-text-content{z-index:2;text-align:center;pointer-events:none;width:100%;max-width:100%;padding:40px 20px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.bubble-text-container .hero-title{color:#fff;-webkit-text-stroke:2px #fff3;opacity:0;margin:0;font-size:5.5rem;font-weight:700;line-height:1.2}
.trusted-by-section{opacity:0;transition:opacity .6s,transform .6s;overflow:hidden;transform:translateY(20px);padding:40px 0!important}.trusted-by-section.is-visible{opacity:1;transform:translateY(0)}.trusted-by-section{background:0 0!important}.trusted-by-section .trusted-label{text-transform:uppercase;letter-spacing:.15em;color:#4c5060;text-align:center;margin-bottom:24px;font-size:.85rem;font-weight:500}.trusted-by-section .marquee-wrapper{width:100%;position:relative;overflow:hidden;mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%)}.trusted-by-section .marquee-track{gap:56px;width:max-content;animation:40s linear infinite marquee;display:flex}.trusted-by-section .logo-badge{color:#4c5060;white-space:nowrap;letter-spacing:.02em;background:#12131a0a;border:1px solid #12131a14;border-radius:8px;flex-shrink:0;padding:10px 24px;font-size:.9rem;font-weight:500;transition:all .3s}.trusted-by-section .logo-badge:hover{color:#12131a;background:#12131a14;border-color:#ff5a1f4d;transform:scale(1.05);box-shadow:0 0 16px #ff5a1f1a}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-25%)}}
.portfolio-case{opacity:0;align-items:flex-start;gap:48px;margin-bottom:48px;transition:opacity .6s,transform .6s;display:flex;transform:translateY(40px)}.portfolio-case.is-visible{opacity:1;transform:translateY(0)}.portfolio-case.reversed{flex-direction:row-reverse}@media (max-width:768px){.portfolio-case{gap:24px;margin-bottom:40px;flex-direction:column!important}}.portfolio-case .case-image{background:#12131a08;border:1px solid #12131a14;border-radius:16px;flex:0 0 400px;height:300px;position:relative;overflow:hidden}@media (max-width:768px){.portfolio-case .case-image{flex:none;width:100%;height:220px}}.portfolio-case .case-image img{object-fit:cover;width:100%;height:100%}.portfolio-case .case-image .youtube-iframe{border:none;width:140%;height:140%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-case .case-image .embed-iframe{border:none;width:100%;height:100%}.portfolio-case .case-image .video-direct{object-fit:cover;width:100%;height:100%}.portfolio-case .case-image .placeholder{background:linear-gradient(135deg,#ff5a1f14,#ff6a3514,#ff8a5c14);flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex}.portfolio-case .case-image .placeholder .placeholder-category{text-transform:uppercase;letter-spacing:.1em;color:#8a8f9e;font-size:.8rem}.portfolio-case .case-image .placeholder .placeholder-title{color:#4c5060;text-align:center;padding:0 20px;font-size:1.1rem;font-weight:600}.portfolio-case .case-text{flex:1;min-width:0}.portfolio-case .case-text .case-category{text-transform:uppercase;letter-spacing:.1em;color:#ff5a1f;margin-bottom:8px;font-size:.8rem;font-weight:500;display:inline-block}.portfolio-case .case-text .case-title{color:#12131a;margin-bottom:12px;font-size:1.5rem;font-weight:700;line-height:1.4}.portfolio-case .case-text .case-title a{color:inherit;text-decoration:none;transition:color .2s}.portfolio-case .case-text .case-title a:hover{color:#ff5a1f}@media (max-width:768px){.portfolio-case .case-text .case-title{font-size:1.3rem}}.portfolio-case .case-text .case-detail-link{color:#ff5a1f;margin-top:16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-block}.portfolio-case .case-text .case-detail-link:hover{opacity:.75}.portfolio-case .case-text .case-description{color:#4c5060;margin-bottom:16px;font-size:1rem;line-height:1.8}.portfolio-case .case-text .case-details{max-height:0;transition:max-height .5s;overflow:hidden}.portfolio-case .case-text .case-details.is-expanded{max-height:1000px}.portfolio-case .case-text .case-details .detail-group{margin-bottom:16px}.portfolio-case .case-text .case-details .detail-group h4{color:#ff5a1f;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.9rem;font-weight:600}.portfolio-case .case-text .case-details .detail-group ul{margin:0;padding:0;list-style:none}.portfolio-case .case-text .case-details .detail-group ul li{color:#4c5060;padding:4px 0 4px 20px;font-size:.95rem;line-height:1.7;position:relative}.portfolio-case .case-text .case-details .detail-group ul li:before{content:"•";color:#8a8f9e;position:absolute;left:0}.portfolio-case .case-text .case-details .detail-group .solutions-list li:before{content:"→";color:#ff5a1f}.portfolio-case .case-text .toggle-details{color:#ff5a1f;cursor:pointer;background:0 0;border:none;margin-bottom:16px;padding:4px 0;font-size:.9rem;font-weight:500;transition:color .2s;position:relative}.portfolio-case .case-text .toggle-details:after{content:"";background:#ff5a1f;width:0;height:1px;transition:width .3s;position:absolute;bottom:2px;left:0}.portfolio-case .case-text .toggle-details:hover{color:#ff7a45}.portfolio-case .case-text .toggle-details:hover:after{width:100%}.portfolio-case .case-text .tech-stack{flex-wrap:wrap;gap:8px;display:flex}.portfolio-case .case-text .tech-stack .tech-tag{color:#ff5a1f;background:#ff5a1f1a;border:1px solid #ff5a1f33;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:500}
.comparison-table{opacity:0;margin-bottom:40px;transition:opacity .6s,transform .6s;transform:translateY(20px)}.comparison-table.is-visible{opacity:1;transform:translateY(0)}.comparison-table.is-visible tbody tr{opacity:1;transform:translate(0)}.comparison-table tbody tr{opacity:0;transition:opacity .4s,transform .4s,background .25s;transform:translate(-10px)}.comparison-table .comparison-title{color:#12131a;text-align:center;margin-bottom:20px;font-size:1.3rem;font-weight:600}.comparison-table .table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.comparison-table table{border-collapse:separate;border-spacing:0;background:#12131a05;border:1px solid #12131a14;border-radius:12px;width:100%;overflow:hidden}.comparison-table thead th{text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #12131a14;padding:16px 20px;font-size:.9rem;font-weight:600}.comparison-table thead .label-col{color:#8a8f9e;text-align:left;width:35%}.comparison-table thead .generic-col{color:#4c5060;text-align:center;width:32.5%}.comparison-table thead .mosh-col{color:#ff5a1f;text-align:center;width:32.5%}.comparison-table tbody tr{transition:all .25s}.comparison-table tbody tr:hover{background:#12131a08}.comparison-table tbody tr:hover .mosh-cell{text-shadow:0 0 12px #ff5a1f4d}.comparison-table tbody tr:hover .mosh-icon{text-shadow:0 0 8px #ff5a1f80}.comparison-table tbody tr:not(:last-child) td{border-bottom:1px solid #12131a0d}.comparison-table tbody td{vertical-align:middle;padding:16px 20px;font-size:.95rem;line-height:1.5}.comparison-table tbody .label-cell{color:#12131a;font-weight:500}.comparison-table tbody .generic-cell,.comparison-table tbody .mosh-cell{text-align:center}.comparison-table tbody .generic-cell .cell-icon,.comparison-table tbody .mosh-cell .cell-icon{margin-right:8px;font-size:1.1rem;font-weight:700;display:inline-block}.comparison-table tbody .generic-cell{color:#4c5060}.comparison-table tbody .generic-cell .generic-icon{color:#ef444499}.comparison-table tbody .mosh-cell,.comparison-table tbody .mosh-cell .mosh-icon{color:#ff5a1f;transition:text-shadow .25s}@media (max-width:768px){.comparison-table thead th{padding:12px;font-size:.8rem}.comparison-table tbody td{padding:12px;font-size:.85rem}.comparison-table .label-col{width:30%}}
.whitebox-bridge-section .bridge-card{opacity:0;background:#12131a08;border:1px solid #ff5a1f33;border-radius:16px;align-items:center;gap:48px;max-width:900px;margin:0 auto;padding:48px;transition:box-shadow .3s,opacity .6s,transform .6s;display:flex;transform:translateY(30px)}.whitebox-bridge-section .bridge-card.is-visible{opacity:1;transform:translateY(0)}.whitebox-bridge-section .bridge-card:hover{box-shadow:0 0 30px #ff5a1f14}@media (max-width:768px){.whitebox-bridge-section .bridge-card{flex-direction:column;gap:32px;padding:32px 24px}}.whitebox-bridge-section .bridge-visual{flex:1;min-width:0}.whitebox-bridge-section .bridge-visual .code-box{background:#0006;border:1px solid #ff5a1f26;border-radius:12px;padding:24px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;line-height:1.8;position:relative;overflow:hidden}.whitebox-bridge-section .bridge-visual .code-box:before{content:"";pointer-events:none;background-image:radial-gradient(#ff5a1f0f 1px,#0000 1px);background-size:12px 12px;position:absolute;inset:0}.whitebox-bridge-section .bridge-visual .code-box .code-line{color:#4c5060;display:block;position:relative}.whitebox-bridge-section .bridge-visual .code-box .code-line.indent{padding-left:24px}.whitebox-bridge-section .bridge-visual .code-box .kw{color:#c084fc}.whitebox-bridge-section .bridge-visual .code-box .fn{color:#ff5a1f}.whitebox-bridge-section .bridge-visual .code-box .prop{color:#12131a}.whitebox-bridge-section .bridge-visual .code-box .val{color:#f59e0b}.whitebox-bridge-section .bridge-visual .code-box .str{color:#10b981}.whitebox-bridge-section .bridge-content{flex:1;min-width:0}.whitebox-bridge-section .bridge-content h3{color:#12131a;margin-bottom:16px;font-size:1.5rem;font-weight:700}.whitebox-bridge-section .bridge-content p{color:#4c5060;margin-bottom:24px;font-size:1rem;line-height:1.8}.whitebox-bridge-section .bridge-content .bridge-link{color:#ff5a1f;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;position:relative}.whitebox-bridge-section .bridge-content .bridge-link:after{content:"";background:#ff5a1f;width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.whitebox-bridge-section .bridge-content .bridge-link:hover{color:#ff7a45;transform:translate(4px)}.whitebox-bridge-section .bridge-content .bridge-link:hover:after{width:100%}