.huub-showcase-section{padding:80px 0;overflow:hidden}.alt-bg{background-color:#080808}.text-gradient-gaming{background:linear-gradient(90deg,#8b5cf6,#d946ef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-neon{background:linear-gradient(90deg,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.strategy-card-gaming{background:#0f0f0f;border:1px solid #222;border-radius:24px;padding:32px;position:relative;overflow:hidden;transition:all .3s ease}.strategy-card-gaming:hover{border-color:#8b5cf6;box-shadow:0 0 20px #8b5cf633}.gaming-icon-box{width:48px;height:48px;background:#1a1a1a;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#8b5cf6}.bento-grid-gaming{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(220px,auto);gap:24px;margin-top:64px}.bento-item-gaming{background:#0f0f0f;border:1px solid #222;border-radius:28px;padding:32px;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;min-height:280px}.bento-item-gaming:hover{transform:translateY(-10px);border-color:#06b6d4;background:#121212}.bento-item-gaming.span-2{grid-column:span 2}.bento-item-gaming.tall{grid-row:span 2}.bento-visual-container{margin-top:auto;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:16px}.bento-img{width:100%;height:auto;max-height:200px;object-fit:cover;border:1px solid #222;border-radius:12px}.tall .bento-img{max-height:400px}.span-2 .bento-img{max-height:300px}.bento-tag{position:absolute;top:20px;right:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:4px 10px;border-radius:100px;background:#06b6d41a;color:#06b6d4;border:1px solid rgba(6,182,212,.2)}.ads-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr)!important;gap:32px;margin-top:48px}.ad-mockup-card{background:#0f0f0f;border:1px solid #222;border-radius:24px;overflow:hidden;padding:24px;flex:1;display:flex;flex-direction:column}.ads-showcase-grid-social{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:48px}.ad-visual-container{width:100%;aspect-ratio:16/9;background:#151515;border-radius:16px;overflow:hidden;margin-bottom:20px;border:1px solid #333}.ad-img{width:100%;height:100%;object-fit:contain}.gaming-stats-row{display:flex;gap:24px;margin-top:32px}.stat-chip{background:#1a1a1a;padding:12px 20px;border-radius:16px;border:1px solid #333;display:flex;align-items:center;gap:12px}.stat-chip .val{font-size:1.2rem;font-weight:700;color:#fff}.stat-chip .label{font-size:.8rem;color:#666}.huub-table-container{margin-top:40px;background:#0f0f0f;border-radius:20px;border:1px solid #222;overflow:hidden}.huub-table{width:100%;border-collapse:collapse}.huub-table th{background:#151515;padding:16px 24px;text-align:left;font-size:.85rem;color:#666;text-transform:uppercase;letter-spacing:1px}.huub-table td{padding:16px 24px;border-top:1px solid #222;color:#ccc;font-size:.95rem}.huub-table tr:hover td{background:#1a1a1a;color:#fff}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999;padding:40px;cursor:zoom-out}.lightbox-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;box-shadow:0 0 50px #8b5cf64d;cursor:default}.lightbox-close{position:absolute;top:30px;right:30px;background:#ffffff1a;border:none;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.lightbox-close:hover{background:#8b5cf680;transform:rotate(90deg)}.bento-img,.ad-img,.showcase-img{cursor:zoom-in;transition:transform .3s ease}.bento-img:hover,.ad-img:hover,.showcase-img:hover{transform:scale(1.02)}@media(max-width:992px){.bento-grid-gaming,.ads-showcase-grid,.ads-showcase-grid-social{grid-template-columns:1fr!important}.bento-item-gaming.span-2{grid-column:span 1}}.social-stack{display:flex;flex-direction:column;gap:40px;margin-top:48px}.social-stack-card{background:#0f0f0f;border:1px solid #222;border-radius:32px;padding:40px;transition:all .3s ease}.social-stack-card:hover{border-color:#333;background:#121212}.social-stack-header{display:flex;align-items:center;gap:20px;margin-bottom:32px}.social-icon-wrapper{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}.social-icon-wrapper.twitter{background:#000;border:1px solid #333}.social-icon-wrapper.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-header-text h3{font-size:1.5rem;color:#fff;margin:0}.social-header-text p{color:#666;font-size:.9rem;margin:4px 0 0}.social-stack-content{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.social-stack-content.reverse{grid-template-columns:.8fr 1.2fr}.social-stack-visuals{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.social-stack-content.reverse .social-stack-visuals{grid-template-columns:1fr}.social-features-list{list-style:none;padding:0;margin:0}.social-features-list li{color:#aaa;font-size:1.1rem;margin-bottom:16px;display:flex;align-items:center;gap:12px}.social-features-list li svg{color:#8b5cf6}.instagram-carousel-container{width:100%!important;margin:0!important;background:#080808;border-radius:20px;border:1px solid #333;overflow:hidden;position:relative;display:flex;flex-direction:column;box-shadow:0 20px 40px #0009}.carousel-track{width:100%;aspect-ratio:16/9!important;position:relative;display:flex;align-items:center;justify-content:center;background:#000}.carousel-slide{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.carousel-slide img{width:100%;height:100%;object-fit:contain;background:#000}.carousel-zoom-hint{position:absolute;bottom:20px;right:20px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:6px 12px;border-radius:100px;font-size:.7rem;display:flex;align-items:center;gap:6px;opacity:0;transition:opacity .3s ease;border:1px solid rgba(255,255,255,.1);z-index:2}.carousel-slide:hover .carousel-zoom-hint{opacity:1}.carousel-controls{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#111;border-top:1px solid #222}.carousel-btn{background:#1a1a1a;border:1px solid #333;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.carousel-btn:hover{background:#8b5cf6;border-color:#a78bfa}.carousel-dots{display:flex;gap:8px}.carousel-dot{width:8px;height:8px;border-radius:50%;background:#333;cursor:pointer;transition:all .2s ease}.carousel-dot.active{background:#8b5cf6;transform:scale(1.2);box-shadow:0 0 10px #8b5cf666}@media(max-width:992px){.social-stack-content,.social-stack-content.reverse{grid-template-columns:1fr!important;gap:32px}.social-stack-card{padding:24px}.social-stack-visuals{grid-template-columns:1fr}.social-header-text h3{font-size:1.2rem}}.ecole-showcase-section{padding:80px 0;overflow:hidden}.text-gradient-nature{background:linear-gradient(90deg,#2e2961,#66297a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-ocean{background:linear-gradient(90deg,#048bd5,#09ccff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.symbolic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.symbolic-card{background:#0f0f0f;border:1px solid #222;border-radius:20px;padding:32px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.symbolic-card:hover{transform:translateY(-8px);border-color:#048bd5;background:#121212}.symbolic-icon{width:56px;height:56px;background:#1a1a1a;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#09ccff}.branding-container{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.color-palette{display:flex;gap:16px;margin-top:24px}.color-circle{width:60px;height:60px;border-radius:50%;border:2px solid #334155;box-shadow:0 4px 12px #00000080}.color-info{text-align:center;margin-top:8px;font-size:.75rem;font-weight:600;color:#64748b}.typo-card{background:#0f0f0f;padding:40px;border-radius:24px;border:1px solid #222}.typo-sample{font-size:3rem;font-weight:700;color:#fff;line-height:1;margin-bottom:12px}.typo-name{font-size:1rem;color:#475569;letter-spacing:2px}.mockup-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;margin-top:64px}.mockup-item{border-radius:24px;overflow:hidden;background:#0f0f0f;border:1px solid #222}.mockup-img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:992px){.symbolic-grid,.branding-container,.mockup-grid{grid-template-columns:1fr}}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors:active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--total-scale-factor));width:100%;min-width:calc(180px * var(--total-scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--total-scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888;border-radius:calc(2px * var(--total-scale-factor));padding:calc(6px * var(--total-scale-factor));margin-left:calc(5px * var(--total-scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--total-scale-factor));padding-top:calc(2px * var(--total-scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors:active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;inset:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}.ouiboss-showcase-section{padding:80px 0;overflow:hidden}.text-gradient-azure{background:linear-gradient(90deg,#0ea5e9,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-orange{background:linear-gradient(90deg,#f97316,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.strategy-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:48px}.strategy-card{background:#0f0f0f;border:1px solid #222;border-radius:20px;padding:32px;position:relative}.strategy-card.problem{border-left:4px solid #ef4444}.strategy-card.solution{border-left:4px solid #3b82f6}.strategy-card h3{margin-bottom:20px;display:flex;align-items:center;gap:12px;font-size:1.4rem}.strategy-list{display:flex;flex-direction:column;gap:16px}.strategy-item{display:flex;gap:12px;color:#888;font-size:.95rem;line-height:1.5}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(200px,auto);gap:20px;margin-top:64px}.bento-item{background:#0f0f0f;border:1px solid #222;border-radius:24px;padding:32px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;overflow:hidden}.bento-item:hover{transform:translateY(-8px);border-color:#3b82f6;background:#121212}.bento-item.span-2{grid-column:span 2}.bento-item.tall{grid-row:span 2}.bento-icon{width:48px;height:48px;background:#1a1a1a;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#3b82f6}.bento-title{font-size:1.25rem;font-weight:700;margin-bottom:12px;color:#fff}.bento-desc{font-size:.9rem;color:#888;line-height:1.6}.bento-visual{margin-top:24px;flex:1;display:flex;align-items:center;justify-content:center}.social-stats-mini{width:100%;display:flex;flex-direction:column;gap:12px}.stat-row-mini{height:8px;background:#222;border-radius:4px;width:100%;position:relative}.stat-fill-mini{position:absolute;left:0;top:0;height:100%;background:#3b82f6;border-radius:4px}.pdf-showcase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-top:64px}.pdf-item-card{background:#0f0f0f;border:1px solid #222;border-radius:20px;overflow:hidden;transition:all .3s ease}.pdf-item-card:hover{border-color:#f97316}.pdf-header{padding:20px 24px;background:#151515;border-bottom:1px solid #222;display:flex;align-items:center;justify-content:space-between}.pdf-title{font-size:1rem;font-weight:600;color:#eee}.pdf-body{padding:24px;min-height:400px}@media(max-width:992px){.strategy-grid,.bento-grid,.pdf-showcase-grid{grid-template-columns:1fr}.bento-item.span-2{grid-column:span 1}}.vetia-showcase-section{padding:80px 0;overflow:hidden}.text-gradient-blue{background:linear-gradient(90deg,#4f46e5,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-amber{background:linear-gradient(90deg,#f59e0b,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chat-container{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.phone-mockup{position:relative;width:100%;max-width:380px;height:650px;background:#000;border:8px solid #222;border-radius:48px;overflow:hidden;margin:0 auto;box-shadow:0 25px 50px -12px #00000080}.phone-header{background:#000;padding:40px 16px 16px;border-bottom:1px solid #1a1a1a;display:flex;align-items:center;gap:12px}.phone-avatar{width:40px;height:40px;border-radius:50%;background:#1a1a1a;display:flex;align-items:center;justify-content:center}.status-dot{width:8px;height:8px;border-radius:50%;background:#10b981}.chat-area{flex:1;height:calc(100% - 150px);overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:#050505}.message{max-width:85%;padding:12px 16px;border-radius:16px;font-size:.9rem;line-height:1.5}.message.user{align-self:flex-end;background:#4f46e5;color:#fff;border-bottom-right-radius:4px}.message.ai{align-self:flex-start;background:#1a1a1a;color:#e5e5e5;border-bottom-left-radius:4px;border:1px solid #333}.typing-indicator{display:flex;gap:4px;padding:12px 16px;background:#1a1a1a;border-radius:16px;width:fit-content}.dot{width:6px;height:6px;background:#666;border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.phone-footer{padding:16px;background:#000;border-top:1px solid #1a1a1a}.input-placeholder{background:#111;height:40px;border-radius:20px;padding:0 16px;display:flex;align-items:center;color:#444;font-size:.85rem}.scanners-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.scanner-card{background:#0f0f0f;border:1px solid #222;border-radius:24px;padding:32px;transition:all .3s ease;display:flex;flex-direction:column;gap:20px}.scanner-card:hover{border-color:#333;transform:translateY(-5px)}.scanner-visual{height:180px;background:#151515;border-radius:16px;overflow:hidden;position:relative;border:1px solid #222}.scan-line{position:absolute;left:10%;right:10%;height:2px;background:#ef4444;box-shadow:0 0 15px #ef4444;z-index:2;animation:scanY 3s infinite ease-in-out}@keyframes scanY{0%,to{top:10%;opacity:0}10%,90%{opacity:1}50%{top:90%}}.scan-result{position:absolute;bottom:12px;left:12px;right:12px;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(239,68,68,.3);padding:8px 12px;border-radius:8px;font-size:.75rem;color:#ef4444;font-weight:600}.badges-container{position:relative;height:400px;display:flex;align-items:center;justify-content:center}.badge-item{position:absolute;width:140px;height:140px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.badge-item h4{font-size:.8rem;color:#ccc}.strategy-comparison{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:48px}.strategy-box{padding:32px;border-radius:20px;background:#0f0f0f;border:1px solid #1a1a1a}.strategy-box.problem{border-left:4px solid #ef4444}.strategy-box.solution{border-left:4px solid #10b981}.strategy-box h4{color:#fff;margin-bottom:20px;display:flex;align-items:center;gap:12px}.strategy-list{display:flex;flex-direction:column;gap:12px}.strategy-item{font-size:.95rem;color:#888;display:flex;align-items:flex-start;gap:10px}.arch-layers{display:flex;flex-direction:column;gap:24px;margin-top:40px}.arch-layer{background:#0f0f0f;border:1px solid #1a1a1a;border-radius:24px;padding:24px 32px;display:grid;grid-template-columns:200px 1fr;gap:32px;align-items:center;transition:all .3s ease}.arch-layer:hover{border-color:#333;background:#121212}.layer-info{display:flex;align-items:center;gap:16px;color:#fff;font-weight:600}.layer-label{font-size:.8rem;color:#666;text-transform:uppercase;letter-spacing:1px}.tech-badges{display:flex;flex-wrap:wrap;gap:12px}.tech-badge{background:#1a1a1a;border:1px solid #333;padding:8px 16px;border-radius:100px;font-size:.85rem;color:#ccc;display:flex;align-items:center;gap:8px;transition:all .2s ease}.tech-badge:hover{background:#222;border-color:#4f46e5;color:#fff}.data-flow-line{width:2px;height:30px;background:linear-gradient(to bottom,#4f46e5,transparent);margin:0 auto;opacity:.5}.business-pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:64px}.pillar-card{background:#0f0f0f;border:1px solid #1a1a1a;border-radius:28px;padding:40px 32px;display:flex;flex-direction:column;gap:24px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;height:100%}.pillar-card:hover{transform:translateY(-10px);border-color:#333;background:#121212}.pillar-card .icon-box{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;background:#1a1a1a;transition:all .3s ease}.pillar-card:hover .icon-box{background:#4f46e5;color:#fff}.pillar-card h3{color:#fff;font-size:1.4rem;margin:0}.pillar-card p{color:#888;font-size:.95rem;line-height:1.6;margin:0}.pillar-visual{margin-top:auto;padding-top:24px}.mini-toggle{width:100%;height:48px;background:#1c1c1c;border-radius:12px;padding:6px;display:flex;gap:6px}.toggle-segment{flex:1;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#666}.toggle-segment.active{background:#3b82f6;color:#fff}.retention-bar{width:100%;height:8px;background:#1a1a1a;border-radius:4px;position:relative;margin-top:12px}.retention-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#ef4444);border-radius:4px;width:75%}.mobile-frame-mini{width:100px;height:50px;border:3px solid #333;border-radius:12px 12px 0 0;border-bottom:0;margin:0 auto;position:relative;background:#111}.marketing-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:flex-start}.email-mockup{background:#1a1a1a;border:1px solid #333;border-radius:12px;overflow:hidden;box-shadow:0 30px 60px -12px #00000080}.email-header{background:#222;padding:12px 16px;border-bottom:1px solid #333;display:flex;align-items:center;gap:8px}.email-dot{width:8px;height:8px;border-radius:50%;background:#444}.email-body{background:#fff;margin:20px;border-radius:8px;color:#333;overflow:hidden}.email-content{padding:32px;text-align:center}.email-logo{width:48px;height:48px;margin:0 auto 16px;border-radius:10px;overflow:hidden}.fb-post-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px -10px #0006}.fb-header{padding:12px 16px;display:flex;align-items:center;gap:10px}.fb-avatar{width:36px;height:36px;background:#4f46e5;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;font-weight:700}.fb-visual{aspect-ratio:1/1;background:linear-gradient(135deg,#1e3a8a,#000);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.fb-footer{padding:8px 16px;border-top:1px solid #333;display:flex;gap:16px;font-size:.8rem;color:#888}.fb-interaction{display:flex;align-items:center;gap:4px}@media(max-width:992px){.chat-container,.scanners-grid,.strategy-comparison{grid-template-columns:1fr}.arch-layer{grid-template-columns:1fr;gap:16px}.scanners-grid{max-width:500px;margin:0 auto}}.project-page{background-color:#050505;color:#fff;min-height:100vh}.project-hero{padding:120px 0 80px;background:linear-gradient(to bottom,#000,#050505)}.project-header{max-width:800px;margin:0 auto 64px;text-align:center}.project-subtitle{font-size:1.5rem;color:#888;line-height:1.4;margin-top:24px}.project-links{display:flex;gap:16px;align-items:center;justify-content:center}.btn-primary{background:#fff;color:#000;padding:12px 24px;border-radius:100px;font-weight:600;transition:all .3s ease}.btn-primary:hover{background:#6366f1;color:#fff}.project-tags{display:flex;gap:24px;color:#666;font-size:.9rem;justify-content:center}.project-showcase-grid{display:grid;grid-template-columns:1.2fr .8fr 1.2fr;gap:24px;margin-top:64px}.showcase-item{background:#0f0f0f;border-radius:24px;overflow:hidden;border:1px solid #222}.showcase-img{width:100%;height:100%;object-fit:cover}.logo-box-dark{height:100%;background:#0a0a0a}.project-summary{padding:64px 0;border-top:1px solid #111;border-bottom:1px solid #111}.summary-list{display:flex;flex-wrap:wrap;gap:32px;justify-content:center}.summary-list a{color:#666;font-size:1rem;font-weight:500;transition:color .3s}.summary-list a:hover{color:#fff}.project-section{padding:120px 0}.section-header-left{margin-bottom:48px}.text-content{max-width:1000px}.tag{display:inline-block;background:#222;color:#888;padding:6px 16px;border-radius:100px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:24px}.feature-card{border-radius:20px;border:1px solid #222;transition:all .3s ease}.feature-card:hover{border-color:#333;transform:translateY(-5px)}.impact-section{padding:120px 0;background:#080808}.impact-container{display:flex;gap:48px;align-items:center;max-width:900px;margin:0 auto}.impact-dot{width:24px;height:24px;border-radius:50%;flex-shrink:0}.impact-text{font-size:1.8rem;color:#ccc;line-height:1.4;font-weight:400}.project-contact{padding:120px 0;text-align:center}.bookmate-showcase-section{padding:80px 0;overflow:hidden}.alt-bg{background-color:#0c0c0c}.text-gradient-indigo{background:linear-gradient(90deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-rose{background:linear-gradient(90deg,#f43f5e,#fb7185);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.library-container{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.tablet-mockup{position:relative;width:100%;max-width:500px;height:350px;background:#000;border:12px solid #222;border-radius:24px;overflow:hidden;margin:0 auto;box-shadow:0 25px 50px -12px #00000080}.tablet-screen{height:100%;background:#050505;padding:20px}.bookshelf-row{display:flex;gap:12px;margin-bottom:20px}.mini-book{width:60px;height:90px;background:#1a1a1a;border:1px solid #333;border-radius:4px;transition:transform .3s ease}.mini-book:hover{transform:scale(1.05) translateY(-5px);border-color:#6366f1}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:24px;margin-top:48px}.stat-card{background:#0f0f0f;border:1px solid #222;border-radius:20px;padding:24px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;justify-content:space-between}.stat-card.span-2{grid-column:span 2}.stat-card:hover{border-color:#6366f180;background:#121212;transform:translateY(-5px);box-shadow:0 20px 40px #0006}.heatmap-visual{margin-top:24px;display:flex;flex-direction:column;gap:8px}.heatmap-header{display:flex;justify-content:space-between;font-size:.7rem;color:#444;margin-bottom:4px;padding:0 4px}.heatmap-grid{display:grid;grid-template-columns:repeat(24,1fr);gap:6px}.heatmap-cell{aspect-ratio:1/1;background:#1a1a1a;border-radius:3px;transition:all .3s ease}.heatmap-cell.level-1{background:#1e1b4b}.heatmap-cell.level-2{background:#312e81}.heatmap-cell.level-3{background:#4338ca}.heatmap-cell.level-4{background:#6366f1}.heatmap-cell.level-5{background:#818cf8}.heatmap-legend{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:12px;font-size:.65rem;color:#444}.challenges-container{position:relative;height:400px;display:flex;align-items:center;justify-content:center}.challenge-item{position:absolute;width:200px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:12px}.progress-bar-mini{width:100%;height:6px;background:#1a1a1a;border-radius:3px;overflow:hidden}.progress-fill-mini{height:100%;background:#6366f1}.heart-container{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center}.quote-visual-card{background:#0f0f0f;border:1px solid #222;border-radius:12px;padding:32px;position:relative;box-shadow:0 10px 30px #00000080;margin-top:40px}.quote-visual-card blockquote{font-style:italic;font-size:1.25rem;color:#eee!important;line-height:1.6;margin-bottom:20px;border-left:4px solid #6366f1;padding-left:20px}.rating-display{display:flex;gap:4px;margin-bottom:16px}.star-filled{color:#f59e0b;fill:#f59e0b}.star-empty{color:#333}.lexicon-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.word-card-mini{background:#0f0f0f;border:1px solid #222;border-radius:12px;padding:24px;transition:all .3s ease;cursor:pointer;text-align:left}.word-card-mini:hover{border-color:#6366f180;transform:translateY(-2px)}.word-header-mini{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.word-tag{font-family:Inter,sans-serif!important;font-weight:700;font-size:1.25rem;color:#fff!important;text-transform:capitalize}.word-def{font-size:.9rem;color:#888;line-height:1.5;margin-bottom:16px;min-height:3rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.word-source{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#555;padding-top:12px;border-top:1px solid #222}.reading-progress-visual{background:#0f0f0f;border:1px solid #222;border-radius:24px;padding:32px;margin-top:48px}.progress-header-mini{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.progress-bar-large{height:12px;background:#1a1a1a;border-radius:100px;overflow:hidden}.progress-fill-large{height:100%;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:100px}@media(max-width:992px){.library-container,.stats-grid,.heart-container,.lexicon-showcase-grid{grid-template-columns:1fr}.heart-container{gap:40px}}:root{--bg-color: #050505;--card-bg: #0f0f0f;--text-primary: #ffffff;--text-secondary: #888888;--accent-color: #ffffff;--tag-bg: #1a1a1a;--tag-text: #cccccc;--border-color: #222222;--font-main: "Inter", sans-serif;--container-width: 1200px;--spacing-section: 120px;--huub-accent: #4a4a8a}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:opacity .3s}a:hover{opacity:.8}ul{list-style:none}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}.header{padding:32px 0;position:fixed;top:0;left:0;width:100%;z-index:100;background:transparent;transition:background .3s}.header.scrolled{background:#050505cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-container{display:flex;justify-content:space-between;align-items:center}.logo{font-weight:600;display:flex;align-items:center;font-size:1rem}.logo-img{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:12px}.nav{display:flex;gap:32px}.nav a{font-size:.9rem;color:#ccc;font-weight:500}.nav a:hover{color:var(--text-primary)}.burger-btn{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:8px;z-index:1001}.burger-btn span{width:24px;height:2px;background:var(--text-primary);transition:all .3s ease;border-radius:2px}.burger-btn span.active:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.burger-btn span.active:nth-child(2){opacity:0}.burger-btn span.active:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-menu{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:#050505fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;transition:right .3s ease;display:flex;align-items:center;justify-content:center}.mobile-menu.open{right:0}.mobile-nav{display:flex;flex-direction:column;gap:32px;text-align:center}.mobile-nav a{font-size:1.5rem;color:var(--text-primary);font-weight:500;transition:color .3s}.mobile-nav a:hover{color:#888}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.text-gradient{background:linear-gradient(90deg,#fff,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:80px;position:relative;overflow:hidden}.hero-content{display:flex;flex-direction:column;align-items:center;gap:40px;z-index:2;margin-top:0}.hero-badge{background:#1a1a1a;padding:10px 24px;border-radius:100px;font-size:.9rem;font-weight:500;color:#fff;display:inline-block;border:1px solid #2a2a2a;opacity:0;animation:fadeUp .8s ease-out forwards}.hero h1{font-size:5.5rem;font-weight:600;line-height:1.1;letter-spacing:-.04em;color:var(--text-primary);opacity:0;animation:fadeUp .8s ease-out .2s forwards}.hero h1 .text-grey{color:#666}.hero-cta{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid #333;color:#fff;padding:14px 28px;border-radius:100px;font-size:1rem;font-weight:500;transition:all .3s ease;opacity:0;animation:fadeUp .8s ease-out .4s forwards}.hero-cta:hover{background:#fff;color:#000;border-color:#fff}.floating-work-badge{position:absolute;bottom:40px;left:40px;background:#1a1a1a;padding:8px 16px;border-radius:8px;font-size:.8rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.05em}@media(max-width:768px){.hero h1{font-size:3rem}.floating-work-badge{display:none}}section{padding:var(--spacing-section) 0}.section-header{margin-bottom:64px}.section-header-center{margin-bottom:64px;text-align:center}.tag{display:inline-block;background:var(--tag-bg);color:var(--tag-text);padding:4px 12px;border-radius:4px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}h2{font-size:2.5rem;font-weight:600;color:var(--text-primary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px;margin-bottom:64px}.project-card{background:var(--card-bg);border-radius:16px;overflow:hidden;transition:transform .3s;display:block;position:relative;border:1px solid var(--border-color)}.project-card:hover{transform:translateY(-5px);border-color:#333}.huub-project,.ecole-project,.ouiboss-project,.vetia-project,.bookmate-project{position:relative;display:flex;flex-direction:column;justify-content:space-between;background:#000;min-height:300px;aspect-ratio:auto}.project-bg-images{position:absolute;inset:0;display:flex;opacity:1;transition:opacity .4s ease;z-index:0;pointer-events:none}.project-bg-images:after{content:"";position:absolute;inset:0;background:#0006;transition:background .3s ease}.project-card:hover .project-bg-images:after{background:#00000080}.huub-project:hover .project-bg-images,.ecole-project:hover .project-bg-images,.ouiboss-project:hover .project-bg-images,.vetia-project:hover .project-bg-images,.bookmate-project:hover .project-bg-images{opacity:1}.bg-img{width:50%;height:100%;background-size:cover;background-position:center;transition:transform .6s ease}.project-card:hover .bg-img{transform:scale(1.05)}.project-content{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.huub-logo,.ecole-logo,.ouiboss-logo{height:50px;width:auto;object-fit:contain;transition:transform .3s ease}.project-hover-btn{margin-top:16px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:8px 16px;border-radius:100px;font-size:.85rem;font-weight:500;color:#fff;opacity:1;transform:translateY(10px);transition:all .3s ease}.huub-project:hover .project-hover-btn,.ecole-project:hover .project-hover-btn,.ouiboss-project:hover .project-hover-btn,.vetia-project:hover .project-hover-btn,.bookmate-project:hover .project-hover-btn{opacity:1;transform:translateY(0)}.huub-project:hover .huub-logo,.ecole-project:hover .ecole-logo,.ouiboss-project:hover .ouiboss-logo{transform:scale(.9)}.project-info{position:relative;z-index:2;padding:24px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto}.project-info h3{font-size:1.1rem;font-weight:600;margin:0}.project-info p{color:var(--text-secondary);font-size:.9rem;margin:0}.project-image{height:300px;background:#151515;display:flex;align-items:center;justify-content:center}.placeholder-logo{font-size:2rem;color:var(--text-secondary)}.projects-footer{text-align:center;max-width:600px;margin:0 auto;color:var(--text-secondary)}.about-container{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center;overflow:hidden;width:100%}.about-image{width:100%;display:block}.image-placeholder{width:100%;aspect-ratio:2/3;min-height:400px;background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border-radius:24px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.image-placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6),transparent 50%);z-index:2}.about-photo{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1;display:block}.about-content{padding-left:20px;max-width:100%;overflow:hidden;word-wrap:break-word}.about-content .tag{font-size:.85rem;padding:6px 16px;margin-bottom:24px}.about-content h2{font-size:3.5rem;font-weight:600;line-height:1.1;margin-bottom:32px;letter-spacing:-.02em;word-wrap:break-word;overflow-wrap:break-word}.about-content p{color:var(--text-secondary);margin-bottom:48px;font-size:1.05rem;line-height:1.7;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.stats{margin-bottom:0}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{color:var(--text-secondary);font-size:.95rem;order:-1;margin-bottom:8px}.stat-number{font-size:5rem;font-weight:600;display:block;line-height:1;letter-spacing:-.02em}.skills-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:48px}.skills-tags span{border:1px solid var(--border-color);padding:8px 16px;border-radius:100px;font-size:.85rem;color:var(--text-secondary)}.experience-grid{display:flex;flex-direction:column;gap:48px;max-width:800px;margin:0 auto;position:relative;padding-left:40px}.experience-grid:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--text-primary),transparent);opacity:.2}.experience-item{background:#0f0f0f;padding:32px;border-radius:24px;border:1px solid #222;position:relative;transition:all .3s ease}.experience-item:hover{border-color:#444;transform:translateY(-4px);box-shadow:0 10px 30px #0000004d}.experience-item:before{content:"";position:absolute;left:-45px;top:40px;width:12px;height:12px;background:var(--bg-color);border:2px solid var(--text-primary);border-radius:50%;z-index:1;transition:all .3s ease}.experience-item:hover:before{background:var(--text-primary);box-shadow:0 0 15px #ffffff80}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:24px;flex-wrap:wrap}.experience-header h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.experience-year{font-size:.85rem;color:var(--text-primary);background:#ffffff1a;padding:6px 16px;border-radius:100px;white-space:nowrap;font-weight:500}.experience-description{color:var(--text-secondary);font-size:1.05rem;line-height:1.7;max-width:100%}.timeline{border-left:1px solid var(--border-color);padding-left:32px}.timeline-item{margin-bottom:48px;position:relative}.timeline-item:before{content:"";position:absolute;left:-37px;top:6px;width:9px;height:9px;background:var(--text-secondary);border-radius:50%;border:2px solid var(--bg-color)}.year{font-size:.9rem;color:var(--text-secondary);margin-bottom:8px}.role{font-size:1.2rem;font-weight:600;margin-bottom:4px}.company{color:var(--text-secondary);margin-bottom:12px}.description{color:var(--text-secondary);font-size:.95rem;max-width:600px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:48px}.service-card{background:var(--card-bg);padding:32px;border-radius:16px;border:1px solid var(--border-color);transition:border-color .3s}.service-card:hover{border-color:#333}.service-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--text-primary)}.service-icon svg{width:32px;height:32px}.service-card h3{margin-bottom:12px}.service-card p{color:var(--text-secondary);font-size:.9rem}.cta-container{text-align:center}.btn-primary{display:inline-block;background:var(--text-primary);color:var(--bg-color);padding:12px 32px;border-radius:100px;font-weight:600;transition:transform .2s}.btn-primary:hover{transform:scale(1.05)}.footer{padding-top:120px;padding-bottom:40px;background:linear-gradient(to bottom,var(--bg-color),#0a0a0a)}.footer-cta{text-align:center;margin-bottom:120px}.footer-cta h2{font-size:3rem;margin:24px 0}.footer-cta a{text-decoration:underline}.btn-secondary{display:inline-block;border:1px solid var(--border-color);padding:12px 32px;border-radius:100px;margin-top:32px;font-weight:500}.footer-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:80px;padding-top:40px;border-top:1px solid var(--border-color)}.footer-brand{font-weight:600;margin-bottom:16px}.footer-links{display:flex;gap:24px}.footer-links a,.footer-socials a{font-size:.9rem;color:var(--text-secondary)}.footer-socials{display:flex;gap:24px}.big-name{font-size:12vw;font-weight:800;text-align:center;color:#111;line-height:1;-webkit-user-select:none;user-select:none;pointer-events:none}@media(max-width:768px){.about-container{grid-template-columns:1fr;gap:40px}.about-content{padding:0 16px;margin-top:32px;width:100%;box-sizing:border-box}.about-content h2{font-size:2rem;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.about-content p{max-width:100%;font-size:1rem}.about-container{overflow:hidden;padding:0;display:flex;flex-direction:column}.about-image{width:100%;max-width:100%;overflow:hidden}.image-placeholder{width:100%;height:350px;max-width:100%;aspect-ratio:auto;margin:0;border-radius:0 0 24px 24px;background:transparent}.image-placeholder:after{background:linear-gradient(to top,rgba(0,0,0,.8),transparent 40%);z-index:2}.about-photo{width:100%;height:100%;object-fit:cover;object-position:top center;position:absolute;top:0;left:0;z-index:1;display:block}.stat-number{font-size:4rem}.projects-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start;gap:32px}.nav{display:none}.burger-btn{display:flex}.hero{padding-top:120px}}.logo-box-dark{background:#0a0a0a;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;cursor:pointer;border:1px solid #222}.showcase-logo{width:50%;height:auto;object-fit:contain}.illustration-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.illustration-image{width:100%}.project-img{width:100%;height:auto;border-radius:16px;display:block}.illustration-text h2{font-size:2.5rem;font-weight:600;margin-bottom:24px;color:var(--text-primary)}.illustration-text p{font-size:1.1rem;color:var(--text-secondary);line-height:1.6}.project-summary{background:#0a0a0a}.summary-list{display:flex;flex-direction:column;gap:12px;max-width:600px;margin:0 auto;text-align:center}.summary-list a{color:var(--text-secondary);font-size:1.1rem;transition:color .3s}.summary-list a:hover{color:var(--text-primary);text-decoration:underline}.project-context{background:#0a0a0a}.context-content{max-width:800px;margin:0 auto}.thematics-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.thematic-card{background:#121212;border-radius:16px;text-align:center;border:1px solid var(--border-color);padding:24px}.thematic-card .card-image{background:#fff;border-radius:12px;overflow:hidden;margin-bottom:16px;display:flex;align-items:center;justify-content:center}.strategy-block{margin-bottom:64px}.strategy-block h3{font-size:2rem;margin-bottom:32px;font-weight:600}.strategy-subsection{margin-bottom:32px;padding:24px;background:#0f0f0f;border-radius:12px;border:1px solid var(--border-color)}.strategy-subsection h4{font-size:1.2rem;margin-bottom:16px;font-weight:600;color:var(--text-primary)}.strategy-subsection p{color:var(--text-secondary);margin-bottom:12px;line-height:1.6}.strategy-subsection p:last-child{margin-bottom:0}.strategy-visual{margin-bottom:24px;border-radius:8px;overflow:hidden}.img-placeholder{width:100%;height:200px;background:#1a1a1a;display:flex;align-items:center;justify-content:center;color:#444;font-size:.9rem;border:1px dashed #333;border-radius:8px}.strategy-img{width:100%;height:auto;border-radius:8px;display:block}.ecole-project{position:relative;display:flex;flex-direction:column;justify-content:space-between;background-color:#000;color:#fff;min-height:300px;aspect-ratio:auto;overflow:hidden}.ecole-project .project-bg-images{opacity:1}.ecole-project:hover .project-hover-btn{opacity:1;transform:translateY(0)}.ecole-project:hover .ecole-logo{transform:scale(.9)}.ecole-logo{height:80px;width:auto;object-fit:contain;transition:transform .3s ease}.ecole-project .project-info{position:relative;z-index:2;padding:24px;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto}.ecole-project .project-info p{color:#ffffffe6}.ouiboss-project{position:relative;display:flex;flex-direction:column;justify-content:space-between;background-color:#333;color:#fff;min-height:300px;aspect-ratio:auto;overflow:hidden}.ouiboss-project .project-bg-images{opacity:1}.ouiboss-project:hover .project-hover-btn{opacity:1;transform:translateY(0)}.ouiboss-project:hover .ouiboss-logo{transform:scale(.9)}.ouiboss-logo{height:60px;width:auto;object-fit:contain;transition:transform .3s ease;filter:brightness(0) invert(1)}.ouiboss-project .project-info{position:relative;z-index:2;padding:24px;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto}.ouiboss-project .project-info p{color:#ffffffe6}.pricing-card.featured{background:linear-gradient(180deg,#4a4a8a33,#121212);border-color:var(--huub-accent);transform:scale(1.05)}.chest-icon{font-size:3rem;margin-bottom:16px}.pricing-card h3{font-size:2rem;margin-bottom:8px}.acquisition-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.acquisition-visual{font-size:5rem;display:flex;justify-content:center;align-items:center;background:#151515;border-radius:16px;height:200px}.seo-table-container{overflow-x:auto;margin-top:24px}.seo-table{width:100%;border-collapse:collapse;background:#121212;border-radius:16px;overflow:hidden}.seo-table th,.seo-table td{padding:16px;text-align:left;border-bottom:1px solid var(--border-color)}.seo-table th{background:#1a1a1a;font-weight:600}.mobile-screens-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.mobile-screen{aspect-ratio:9/16;background:#222;border-radius:12px}.copywriting-preview{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.copy-card{background:#151515;padding:24px;border-radius:12px;text-align:center}.socials-showcase{display:grid;grid-template-columns:1fr 1fr;gap:32px}.twitch-block,.twitter-block{background:#0f0f0f;padding:32px;border-radius:16px}.twitch-mockup{width:100%;height:200px;background:#6441a5;border-radius:8px;margin-bottom:16px}.tweet-mockup{background:#000;padding:16px;border-radius:12px;border:1px solid #333;margin-top:16px}.game-showcase{display:flex;justify-content:center;margin-bottom:24px}.game-screen{width:100%;max-width:600px;aspect-ratio:16/9;background:#222;border-radius:16px;display:flex;align-items:center;justify-content:center;border:2px solid var(--huub-accent)}.game-footer-text{text-align:center;color:var(--text-secondary)}@media(max-width:768px){.project-showcase-grid,.illustration-layout,.thematics-grid,.pricing-grid,.acquisition-grid,.socials-showcase{grid-template-columns:1fr}.project-hero h1{font-size:3rem}}.project-hero{padding-top:140px;text-align:center}.project-header h1{font-size:5rem;margin:24px 0;font-weight:600}.project-subtitle{color:var(--text-secondary);font-size:1rem;max-width:700px;margin:0 auto 48px;line-height:1.6}.project-tags{display:flex;justify-content:center;gap:16px;margin-bottom:80px;flex-wrap:wrap}.project-tags span{background:#111;border:1px solid #222;padding:10px 20px;border-radius:8px;font-size:.9rem;color:#888;display:flex;align-items:center;gap:8px}.feature-img{width:100%;height:auto;object-fit:contain;max-height:300px;display:block}.project-showcase-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:stretch}.showcase-item{border-radius:16px;overflow:hidden;position:relative}.showcase-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:16px}.business-hero-img{width:100%;height:auto;border-radius:16px;margin-bottom:32px;display:block}.business-content-large{max-width:800px;margin:0 auto}.business-content-large h3{font-size:1.5rem;margin-bottom:16px;font-weight:600}.business-content-large p{color:var(--text-secondary);margin-bottom:24px}.business-content-large ul{list-style:disc;padding-left:24px;color:var(--text-secondary)}.business-content-large li{margin-bottom:8px}.pdf-carousel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;margin-top:48px}.pdf-viewer-card{background:#0f0f0f;border-radius:16px;padding:24px;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:16px}.pdf-viewer-card h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.pdf-embed{width:100%;height:500px;border:none;border-radius:8px;background:#1a1a1a}.pdf-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color .3s}.pdf-link:hover{color:var(--text-primary)}@media(max-width:768px){.pdf-carousel-grid{grid-template-columns:1fr}.pdf-embed{height:400px}}.pdf-carousel-container{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:100%}.pdf-document-wrapper{width:100%;display:flex;justify-content:center;background-color:#1a1a1a;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000004d;min-height:300px}.pdf-document-wrapper canvas{max-width:100%!important;height:auto!important;display:block}.pdf-controls{display:flex;align-items:center;gap:24px;background:#1a1a1a;padding:8px 24px;border-radius:100px;border:1px solid #333}.control-btn{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:4px 12px;line-height:1;transition:opacity .2s}.control-btn:disabled{opacity:.3;cursor:not-allowed}.control-btn:hover:not(:disabled){opacity:.8}.page-info{font-size:.9rem;color:#ccc;font-variant-numeric:tabular-nums;min-width:60px;text-align:center}.loading-spinner,.error-message{display:flex;align-items:center;justify-content:center;height:300px;color:#888;width:100%}.error-message{color:#ff6b6b}.impact-section{padding:120px 0;background:#000}.impact-container{display:flex;align-items:flex-start;gap:48px;max-width:1000px;margin:0 auto}.impact-dot{width:12px;height:12px;background-color:#fff;border-radius:50%;margin-top:12px;flex-shrink:0}.impact-text p{font-size:2rem;line-height:1.4;color:#888;margin:0}.impact-text strong{font-weight:600;color:#fff}@media(max-width:768px){.impact-section{padding:80px 0}.impact-container{flex-direction:column;gap:24px;padding:0 24px}.impact-text p{font-size:1.5rem}}.scrolling-banner-container{margin-top:48px;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.scrolling-banner{width:100%;overflow:hidden;background:#1a1a1a80;border:1px solid var(--border-color);border-radius:100px;padding:16px 0;position:relative}.scrolling-banner-track{display:flex;gap:48px;animation:scroll 40s linear infinite;white-space:nowrap}.scrolling-banner-track span{font-size:.95rem;font-weight:500;color:var(--text-secondary);padding:0 24px;position:relative}.scrolling-banner-track span:after{content:"•";position:absolute;right:-24px;color:#333;font-size:.8rem}.scrolling-banner-track span:last-child:after{display:none}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:768px){.scrolling-banner-container{margin-top:32px}.scrolling-banner{border-radius:16px;padding:12px 0}.scrolling-banner-track{gap:32px}.scrolling-banner-track span{font-size:.85rem;padding:0 16px}.scrolling-banner-track span:after{right:-16px}}@media(max-width:768px){.experience-grid{padding-left:30px;gap:32px}.experience-item{padding:24px}.experience-item:before{left:-36px;top:32px;width:10px;height:10px}.experience-header{flex-direction:column;gap:12px}.experience-year{align-self:flex-start}}