#root{width:100%;height:100%;max-width:1280px;margin:0 auto;padding-top:140px;text-align:center;top:0}header{background-color:var(--bg);position:fixed;display:flex;flex-direction:row;justify-content:flex-end;height:100px;left:0;right:0;top:0;width:100%;padding:15px;z-index:10}header .logo-text-container{position:absolute;top:0;left:30px;z-index:10}header .logo-text-container h1{border:4px var(--border) solid;border-radius:5px;padding:5px;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}header .logo-text-container h1:hover{transform:scale(1.2);box-shadow:0 0 15px #e4d7c3;background-color:var(--bg-hover)}header .theme-btn-header{position:absolute;right:50px;top:30%;transform:translateY(-50%);background:transparent;border:none;color:var(--text);opacity:.5;font-size:24px;padding:4px 6px;height:auto;cursor:pointer;z-index:3;transition:opacity .2s ease}header .theme-btn-header:hover{opacity:1}header .burger-container{position:absolute;height:40px;width:60px;top:50%;transform:translateY(-50%);right:70px;display:flex;justify-content:space-between;flex-direction:column}header .hamburger{width:100%;height:0;z-index:3}header .burger1{border-top:5px solid #81b29a}header .burger2{border-top:5px solid #f2cc8f}header .burger3{border-top:5px solid #e07a5f}header .tab-container{position:absolute;z-index:0;padding-top:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:50px;height:800px;width:100%;top:120px;opacity:0;right:-620px;background-color:var(--bg);transition:all .7s ease}header .tab-container button{border:none;border-radius:0%;border-bottom:4px solid;width:50%;font-size:35px;height:100px;z-index:5}header .tab-container .col-a{border-color:#e07a5f}header .tab-container .col-b{border-color:#f2cc8f}header .tab-container .col-c{border-color:#81b29a}header .tab-container .theme-btn-mobile{background:none;border:none;color:var(--text);font-size:18px;padding:8px 24px;cursor:pointer;opacity:.6;transition:opacity .2s ease}header .tab-container .theme-btn-mobile:hover{opacity:1}footer{position:static;left:0;bottom:0;right:0;width:100%;padding-top:100px}@media (max-width: 859px){header .theme-btn-header{display:none}}@media (min-width: 860px){header .theme-btn-mobile{display:none}}@media (min-width: 860px){header .burger-container{display:none}header .tab-container{background-color:transparent;position:static;margin-right:10%;display:flex;justify-content:center;width:500px;flex-direction:row;align-items:center;gap:30px;height:100%;opacity:1!important;right:0}header .tab-container button{font-size:25px;height:60px;transition:border-width .2s linear}header .tab-container .col-a:hover{border-bottom:10px solid #e07a5f}header .tab-container .col-b:hover{border-bottom:10px solid #f2cc8f}header .tab-container .col-c:hover{border-bottom:10px solid #81b29a}}.about-container{width:100%;display:flex;flex-direction:column;align-items:center;position:relative;overflow:visible}.hover-hint{position:fixed;bottom:68px;right:40px;z-index:9999;color:var(--text);font-size:11px;letter-spacing:.08em;opacity:0;pointer-events:none;transition:opacity .4s ease}.hover-hint.hover-hint--visible{opacity:.5}body.ge-active .hover-hint{opacity:0!important}.preview-switcher{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;gap:8px;transition:opacity .4s ease}@media (max-width: 859px){.preview-switcher{display:none}}body.ge-active .preview-switcher{opacity:0;pointer-events:none}.preview-switcher .preview-btn{background:var(--bg);border:2px solid var(--border);color:var(--text);padding:6px 14px;cursor:pointer;font-size:14px;transition:all .2s}.preview-switcher .preview-btn.active{background:#e07a5f;border-color:#e07a5f}.preview-switcher .preview-btn:hover:not(.active){border-color:#15a3ef}.intro-container{margin-top:60px;padding:120px 20px 80px;width:80%;max-width:600px;border-radius:0%;display:flex;flex-direction:column;align-items:center;position:relative;z-index:5}.intro-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.intro-bg--a{left:50%;right:auto;transform:translate(-50%);width:100vw;overflow:visible;z-index:2}.intro-bg--a .ring{position:absolute;border-radius:50%;top:350px;left:50%;transform:translate(-50%,-50%);width:550px;height:550px;transition:width 2.5s ease-in-out,height .8s ease-in-out}.intro-bg--a .ring-1{border-top:3px solid #f2cc8f;border-right:3px solid #e07a5f;border-bottom:3px solid #15a3ef;border-left:3px solid #81b29a;animation:ring-cw 2s linear infinite}.intro-bg--a .ring-2{border-top:3px solid #e07a5f;border-right:3px solid #15a3ef;border-bottom:3px solid #81b29a;border-left:3px solid #f2cc8f;animation:ring-ccw 3.5s linear infinite}.intro-bg--a .ring-3{border-top:3px solid #15a3ef;border-right:3px solid #81b29a;border-bottom:3px solid #f2cc8f;border-left:3px solid #e07a5f;animation:ring-cw 5s linear infinite}.intro-bg--a .ring-4{border-top:3px solid #81b29a;border-right:3px solid #f2cc8f;border-bottom:3px solid #e07a5f;border-left:3px solid #15a3ef;animation:ring-ccw 7s linear infinite}.intro-bg--a .ring--active.ring-1{width:800px;height:800px}.intro-bg--a .ring--active.ring-2{width:1050px;height:1050px}.intro-bg--a .ring--active.ring-3{width:1300px;height:1300px}.intro-bg--a .ring--active.ring-4{width:1550px;height:1550px}@keyframes ring-cw{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes ring-ccw{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}.intro-bg--b,.intro-bg--c{overflow:hidden}.spinner{position:absolute;border-bottom:7px #15a3ef solid;border-top:7px #f2cc8f solid;width:min(500px,90vw);height:min(500px,90vw);top:60px;z-index:4}.anim-container{width:100%;display:flex;flex-direction:row;justify-content:center;transition:transform .3s ease}.anim-container h2{margin-left:8px;width:48%}.anim-container .i-like{text-align:right}.anim-container .text-anim{text-align:left;width:40%;transition:color .15s ease}.anim-container--active{transform:translate(-7px)}@media (max-width: 619px){.anim-container h2,.anim-container .text-anim{width:auto}.anim-container--active{transform:none}}.text-cycle-0{color:#e07a5f}.text-cycle-1{color:#f2cc8f}.text-cycle-2{color:#81b29a}.text-cycle-3{color:#15a3ef}@keyframes settle-grow{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.text-anim--settled{transform-origin:left center;animation:settle-grow 1.5s ease-out forwards}.about-body-container{width:80%;position:relative;z-index:3;padding-top:250px;padding-bottom:100px;text-align:left;display:flex;flex-direction:column;align-items:center;gap:100px}.about-body-container .about-text-container{width:100%;padding:5%;background-color:var(--bg);border-bottom:3px #81b29a solid;border-top:3px #e07a5f solid;z-index:2}.about-body-container .about-img-container{width:80%}.about-body-container .about-img-container img{width:140%;max-width:450px;clip-path:circle(45% at 55% 50%);transform:translate(-65px)}.icons{position:relative;z-index:3;margin-top:50px;padding-top:50px;padding-bottom:50px;width:100%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;flex-wrap:wrap;border-bottom:3px solid var(--border);z-index:2}.icons .icon{display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding-top:20px;width:100px}.icon-img{width:50px;height:50px;padding:3px;background-color:var(--icon-bg);border-radius:5px}.down{display:none}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@media (max-width: 619px){.intro-bg{display:none}.spinner{left:50%;transform:translate(-50%)}.intro-container{padding-top:50px;padding-bottom:50px}.about-body-container{padding-top:60px;padding-bottom:60px;gap:50px}}@media (min-width: 620px){.intro-container{border:none;padding-top:150px;padding-bottom:150px}.spinner{border-bottom:10px #15a3ef solid;border-top:10px #f2cc8f solid;border-right:10px #e07a5f solid;border-left:10px #81b29a solid;border-radius:50%;background-color:var(--bg);width:600px;height:600px;top:50px;animation:spinning 20s infinite linear;transition:border-width 1s linear}.spinner.spinner--active{border-width:3px;animation:spinning 1s infinite linear}}@media (min-width: 550px){.about-body-container .about-img-container img{width:120%;transform:translate(-50px)}}@media (min-width: 680px){.about-body-container .about-text-container{width:80%;padding:5%;border-bottom:3px #15a3ef solid;border-top:3px #f2cc8f solid;border-right:3px #e07a5f solid;border-left:3px #81b29a solid}.about-body-container .about-img-container{width:80%;height:100%;text-align:center}.about-body-container .about-img-container img{width:90%;transform:translate(-20px)}.down{top:700px;display:flex;justify-content:space-between;position:absolute;width:100%;opacity:0;transition:opacity .8s linear}.down .arrow{width:50px;margin:5%}}@media (min-width: 860px){.about-body-container{width:100%;padding-left:5%;flex-direction:row-reverse;justify-content:space-between}.about-body-container .about-text-container{width:40%;padding:3%;background-color:var(--bg);border-bottom:3px #15a3ef solid;border-top:3px #f2cc8f solid;border-right:3px #e07a5f solid;border-left:3px #81b29a solid;font-size:18px}.about-body-container .about-img-container{width:50%;height:100%;text-align:center}.about-body-container .about-img-container img{transform:translate(-10%);width:100%;max-width:550px}}.hero-container{display:flex;flex-direction:column;justify-content:center;align-items:center;border-bottom:3px var(--border) solid;padding-bottom:50px;margin-bottom:100px}.hero-tabs{display:flex;flex-direction:row;gap:20px;margin-bottom:20px}.hero-tabs .hero-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text);font-size:18px;padding:8px 16px;cursor:pointer;transition:border-color .2s ease}.hero-tabs .hero-tab.active{border-bottom:3px solid #e07a5f}.hero-tabs .hero-tab:hover:not(.active){border-bottom:2px solid #f2cc8f}.hero-carousel{display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:300px}@media (min-width: 620px){.hero-carousel{min-height:700px}}.hero-slide{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%}.hero-slide img{width:80%;height:200px;object-fit:contain;margin-bottom:20px;transition:all .4s ease-in-out}@media (min-width: 620px){.hero-slide img{height:500px}}.hero-slide img:hover{transform:scale(1.5)}.hero-slide-dots{display:flex;gap:10px;margin:16px 0}.hero-slide-dots .hero-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--border);background:transparent;cursor:pointer;padding:0;transition:background .2s ease}.hero-slide-dots .hero-dot.active{background:var(--border)}.hero-buttons{width:100%;max-width:500px;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.hero-buttons button{border-radius:0;height:50px;width:100px;transition:all .2s linear}@media (min-width: 620px){.hero-buttons button{width:150px}}.hero-buttons button:hover{border-width:5px;font-size:18px}.hero-buttons .view{border-bottom:2px #81b29a solid}.hero-buttons .front{border-bottom:2px #15a3ef solid}.hero-buttons .backend{border-bottom:2px #f2cc8f solid}.hero-nav{background:none;border:none;border-radius:0;border-bottom:2px solid var(--border);color:var(--text);padding:8px 16px;cursor:pointer;white-space:nowrap;transition:border-width .2s linear}.hero-nav:hover{border-width:4px}.card-carousel{width:100%;display:flex;flex-direction:column;align-items:center;border-bottom:2px solid var(--border);padding-bottom:50px;margin-bottom:50px}.card-carousel h1{font-size:40px;margin-bottom:20px}.card-carousel-controls{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;gap:20px}@media (max-width: 859px){.card-carousel-controls{flex-wrap:wrap}.card-carousel-controls .card-carousel-container{order:-1;width:100%;flex:none}.card-carousel-controls .carousel-nav{flex:1}}.card-carousel-container{position:relative;flex:1;overflow:hidden;min-height:380px}.card-carousel-container:before,.card-carousel-container:after{content:"";position:absolute;top:0;bottom:0;z-index:1;pointer-events:none}.card-carousel-container:before{left:0;width:16px;background:linear-gradient(to right,var(--bg),transparent)}.card-carousel-container:after{right:0;width:72px;background:linear-gradient(to left,var(--bg) 20%,transparent)}@media (max-width: 859px){.card-carousel-container:before{width:12px}.card-carousel-container:after{width:48px}}.card-carousel-track{display:flex;flex-direction:row;align-items:stretch;will-change:transform}.card-slot{display:flex;justify-content:center;align-items:stretch;flex-shrink:0}.carousel-nav{background:none;border:none;border-radius:0;border-bottom:2px solid var(--border);color:var(--text);padding:8px 16px;cursor:pointer;white-space:nowrap;transition:border-width .2s linear;flex-shrink:0}.carousel-nav:hover:not(:disabled){border-width:4px}.carousel-nav:disabled{opacity:.3;cursor:default}.card-carousel-dots{display:flex;gap:10px;margin-top:20px}.card-carousel-dots .carousel-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--border);background:transparent;cursor:pointer;padding:0;transition:background .2s ease}.card-carousel-dots .carousel-dot.active{background:var(--border)}.item-a{--item-accent: #e07a5f}.item-b{--item-accent: #f2cc8f}.item-c{--item-accent: #81b29a}.item-d{--item-accent: #15a3ef}.item-e{--item-accent: #a78bca}.item-container{position:relative;overflow:hidden;width:calc(100% - 32px);margin:16px;padding:24px;background-color:var(--bg);border-left:4px solid var(--item-accent);display:flex;flex-direction:column}.item-container h2{font-size:clamp(16px,2.5vw,20px);margin:0 0 14px}.item-container img{width:100%;border-radius:3px;transition:transform .3s ease;display:block}.item-container img:hover{transform:scale(1.06)}.item-container p{font-size:14px;line-height:1.65;opacity:.7;margin:14px 0 0;flex:1}.item-image-wrap{overflow:hidden;border-radius:3px;flex-shrink:0}.item-info-panel{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg);transform:translateY(100%);transition:transform .35s ease;padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;gap:16px}.item-info-panel ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.item-info-panel li{padding:6px 0 6px 12px;border-left:2px solid var(--item-accent);font-size:13px;line-height:1.55}.item-info-panel--open{transform:translateY(0)}.item-info-close{background:none;border:none;border-radius:0;border-bottom:1px solid var(--item-accent);color:var(--item-accent);padding:3px 0;cursor:pointer;font-size:12px;align-self:flex-start;transition:opacity .15s ease}.item-info-close:hover{opacity:.7}.item-button-container{display:flex;justify-content:space-evenly;margin-top:20px;flex-shrink:0}.item-button-container button{background:none;border:none;border-radius:0;border-bottom:2px solid var(--item-accent);color:var(--text);padding:6px 16px;cursor:pointer;font-size:13px;white-space:nowrap;transition:border-bottom-width .15s linear,background-color .15s ease}.item-button-container button:hover{border-bottom-width:4px;background-color:var(--bg-hover)}.case-study--col-a{--accent: #e07a5f}.case-study--col-b{--accent: #f2cc8f}.case-study--col-c{--accent: #81b29a}.case-study--col-d{--accent: #15a3ef}.case-study{position:relative;width:100%;padding:60px 0;border-top:1px solid var(--border-subtle);text-align:left}.case-study+.case-study{margin-top:0}.case-study__index{position:absolute;top:52px;right:0;font-size:clamp(60px,10vw,120px);font-weight:900;color:var(--accent);opacity:.08;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:-.03em}.case-study__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:8px}.case-study__title{font-size:clamp(22px,4vw,36px);margin:0;padding-left:16px;border-left:4px solid var(--accent);line-height:1.2}.case-study__tagline{font-style:italic;opacity:.6;margin:0 0 32px 20px;font-size:15px;line-height:1.6;max-width:820px}.case-study__buttons{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap}.case-study__btn{background:none;border:none;border-bottom:3px solid var(--accent);color:var(--text);padding:6px 16px;cursor:pointer;font-size:14px;text-decoration:none;display:inline-block;transition:border-width .15s linear,background-color .15s ease}.case-study__btn:hover{border-bottom-width:5px;background-color:var(--bg-hover)}.case-study__body{display:flex;flex-direction:column;gap:32px;margin-bottom:40px}@media (min-width: 860px){.case-study__body{flex-direction:row;gap:48px;align-items:flex-start}.case-study__body--reversed{flex-direction:row-reverse}}.case-study__image{width:100%}@media (min-width: 860px){.case-study__image{flex:0 0 54%;max-width:54%}}.case-study__image img{width:100%;display:block;border:1px solid var(--border-subtle);border-radius:4px}.case-study__img-placeholder{width:100%;aspect-ratio:16/9;background-color:var(--accent);opacity:.12;border-radius:4px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle)}.case-study__img-placeholder span{font-size:clamp(28px,5vw,56px);font-weight:900;letter-spacing:.08em;color:var(--accent);opacity:1;mix-blend-mode:normal}.case-study__img-placeholder{background:none;border:2px dashed var(--accent);opacity:.4}.case-study__content{flex:1;min-width:0}.case-study__description{line-height:1.75;margin-bottom:24px;font-size:15px}.case-study__section-heading{font-size:13px;text-transform:uppercase;letter-spacing:.1em;opacity:.5;margin-bottom:12px;font-weight:600}.case-study__features{list-style:none;padding:0;margin:0 0 20px}.case-study__features li{padding:8px 0 8px 14px;border-left:2px solid var(--accent);margin-bottom:8px;font-size:14px;line-height:1.6}.case-study__highlights-section{margin-top:4px}.case-study__toggle-btn{background:none;border:none;border-bottom:1px solid var(--accent);color:var(--accent);cursor:pointer;padding:3px 0;font-size:13px;letter-spacing:.04em;transition:opacity .15s ease;border-radius:0}.case-study__toggle-btn:hover{opacity:.7}.case-study__highlights{list-style:none;padding:0;margin:14px 0 0}.case-study__highlights li{padding:12px 14px;margin-bottom:8px;background:var(--bg-surface);font-size:13px;line-height:1.7;border-left:2px solid var(--border-subtle)}.case-study__footer{padding-top:28px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:24px}@media (min-width: 860px){.case-study__footer{flex-direction:row;gap:48px;align-items:flex-start}}.case-study__stack{display:flex;flex-direction:column;gap:8px;flex:1}.case-study__stack-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.case-study__stack-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.45;min-width:72px;flex-shrink:0}.case-study__badge-row{display:flex;flex-wrap:wrap;gap:5px}.case-study__badge{font-size:11px;padding:2px 8px;border:1px solid var(--border-subtle);border-radius:2px;white-space:nowrap}.case-study__badge--more{opacity:.5;border-style:dashed}.case-study__scale{display:flex;flex-direction:column;gap:12px}.case-study__stats{display:flex;flex-wrap:wrap;gap:20px}.case-study__stat{text-align:center;min-width:56px}.case-study__stat strong{display:block;font-size:26px;color:var(--accent);line-height:1.1}.case-study__stat span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;opacity:.45;margin-top:3px}.case-study__status{font-size:13px;opacity:.55;font-style:italic;line-height:1.5;max-width:380px}.contact-container{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;margin-top:50px}.contact-form{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:80%}.contact{display:flex;flex-direction:column;align-items:center;gap:15px;font-size:25px;width:100%;padding:10px}.contact input{font-size:18px;font-weight:500;border-radius:5px}.name{border:3px #e07a5f solid;height:30px;width:50%;max-width:400px}.email{border:3px #f2cc8f solid;height:30px;width:50%;max-width:400px}.message{border:3px #81b29a solid;width:75%;height:200px;max-width:600px;font-size:18px;font-weight:500;border-radius:5px}.submit-button{margin-top:15px;border:1px solid #15a3ef;border-bottom:4px solid #15a3ef;width:180px;font-size:25px;height:60px}.ge-widget{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;align-items:center;gap:8px}.ge-square{width:90px;height:90px;border:1px solid var(--border-subtle);background:transparent;cursor:crosshair}.ge-toggle{background:var(--bg);border:2px solid var(--border);color:var(--border);width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;border-radius:4px;padding:0;line-height:1}.ge-toggle.ge-toggle--active{background:#e07a5f;border-color:#e07a5f}:root{--bg: #0a0a0a;--bg-surface: rgba(0, 0, 0, .3);--text: #ffffff;--border: #ffffff;--bg-hover: #1a1a1a;--border-subtle: rgba(255, 255, 255, .3);--icon-bg: #ffffff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}[data-theme=light]{--bg: #f5f0e8;--bg-surface: rgba(0, 0, 0, .05);--text: #1a1a1a;--border: #1a1a1a;--bg-hover: #e5dfd7;--border-subtle: rgba(0, 0, 0, .2)}body{overflow-x:hidden;color:var(--text);transition:background-color .3s ease,color .3s ease}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;height:40px;font-family:inherit;background-color:var(--bg);color:var(--border);cursor:pointer}.theme-btn{background:transparent;border:2px solid var(--border);color:var(--text);width:38px;height:38px;padding:0;font-size:16px;border-radius:4px;cursor:pointer;transition:border-color .2s ease;flex-shrink:0}.theme-btn:hover{border-color:#f2cc8f}
