*{margin:0}*,body{padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{background-color:#1a2129;color:#d8e3e2;font-family:Arial,sans-serif;margin:0}.App{background-color:#1a2129}.App,.login-container{min-height:100vh;position:relative}.login-container{align-items:center;display:flex;justify-content:center;padding:2rem;z-index:1}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2129cc;border:2px solid #d8e3e2;border-radius:1.25rem;box-shadow:0 8px 32px #0006;max-width:450px;padding:3rem 2.5rem;text-align:center;width:100%}.login-logo{height:104px;margin-bottom:2rem}.login-title{color:#ff8d40;font-size:2.5rem;font-weight:700;margin:0 0 1rem}.login-description{color:#d8e3e2;font-size:1.125rem;line-height:1.6;margin:0 0 2.5rem;opacity:.9}.login-button{align-items:center;background:#ff8d40;border:none;border-radius:2.5rem;color:#fff;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:500;gap:.75rem;justify-content:center;padding:1rem 2.5rem;transition:all .3s ease;width:100%}.login-button:hover{background:#ff9f5c;box-shadow:0 4px 12px #ff8d4066;transform:translateY(-2px)}.login-button svg{flex-shrink:0}.page-wrapper{background:#0000;min-height:100vh;position:relative;z-index:1}.navbar1_component{background:#0000;height:auto;min-height:4.5rem;padding-left:5%;padding-right:5%;position:absolute;z-index:100}.navbar1_component,.navbar1_container{align-items:center;display:flex;width:100%}.navbar1_container{height:100%;justify-content:space-between;margin-left:auto;margin-right:auto;padding-top:3em;position:relative}.navbar1_logo{display:block;height:64px}.navbar1_logo-link{display:block;line-height:0}.navbar1_menu{align-items:center;display:flex;gap:2.5rem}.navbar1_link{color:#fff;cursor:pointer;font-size:1.125rem;font-weight:400;text-decoration:none;transition:color .3s ease;-webkit-user-select:none;user-select:none}.navbar1_link.active,.navbar1_link:hover{color:#ff8d40}.main-wrapper{background-color:initial;min-height:100vh}.showcase-header{margin-bottom:3rem}.showcase-title{color:#ff8d40;font-size:3rem;font-weight:700;margin-bottom:2rem;text-align:left}.showcase-stats{display:flex;gap:6rem;justify-content:flex-start;margin-bottom:3rem}.stat-item{align-items:baseline;display:flex;gap:.5rem}.stat-number{color:#fff;font-size:4rem;font-weight:700;line-height:1}.stat-label{color:#fff;font-size:1.25rem;opacity:.9;text-transform:lowercase}.filters_wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.search-wrapper{margin-left:auto}.search-input{background:#0000;border:2px solid #d8e3e2;border-radius:2.5rem;color:#d8e3e2;font-size:1.125rem;min-height:3rem;outline:none;padding:1rem 2.5rem;transition:all .3s ease;width:320px}.search-input::placeholder{color:#d8e3e280}.search-input:focus{border-color:#ff8d40;color:#d8e3e2}.filter-button{align-items:center;background:#0000;border:2px solid #d8e3e2;border-radius:2.5rem;color:#d8e3e2;cursor:pointer;display:flex;font-size:1.125rem;justify-content:center;min-height:3rem;padding:1rem 2.5rem;transition:all .3s ease}.filter-button:hover{background-color:#d8e3e21a;border-color:#ff8d40;color:#ff8d40}.filter-button.active{background-color:#d8e3e2;border-color:#d8e3e2;color:#1a2129}.filter-button .text-block{font-weight:400;margin:0}.filter-button.settings-button{height:3.5rem;padding:1rem;width:3.5rem}.filter-button.settings-button svg{display:block;height:24px;width:24px}.filter-button.settings-button:hover svg{stroke:#ff8d40}.settings-dropdown{align-items:center;background:#1a2129;border:2px solid #d8e3e2;border-radius:.5rem;box-shadow:0 4px 12px #0000004d;display:flex;gap:1.5rem;left:calc(100% + .5rem);padding:.75rem 1rem;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1000}.settings-header{color:#d8e3e2;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.settings-option{align-items:center;color:#d8e3e2;cursor:pointer;display:flex;gap:.5rem;transition:opacity .2s ease}.settings-option:hover{opacity:.8}.settings-option input[type=checkbox]{accent-color:#ff8d40;cursor:pointer;height:18px;width:18px}.settings-option span{stroke:#ff8d40;font-size:1rem;-webkit-user-select:none;user-select:none}.section_referenties-overview{background-color:initial;color:#d8e3e2}.padding-global{padding-left:2%;padding-right:2%}.container-large{max-width:100%;position:relative;width:100%}.padding-section-large{padding-bottom:4em;padding-top:4em}.referenties-collection-list-wrapper{width:100%}.referenties-collection-list{grid-column-gap:1.5em;grid-row-gap:1.5em;display:grid;grid-auto-columns:1fr;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto}.no-apps-placeholder{background:#1a212980;border:2px dashed #d8e3e24d;border-radius:1.25rem;grid-column:1/-1;padding:3rem 2rem;text-align:center}.no-apps-icon{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem}.no-apps-icon svg{height:auto;opacity:.8;width:200px}.no-apps-title{color:#d8e3e2;font-size:2.5rem;font-weight:700;margin:0 0 1rem}.no-apps-description{color:#d8e3e2;font-size:1.25rem;line-height:1.6;margin:0 0 2rem;opacity:.8}.no-apps-button{background:#ff8d40;border:none;border-radius:2.5rem;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:500;padding:1rem 2.5rem;transition:all .3s ease}.no-apps-button:hover{background:#ff9f5c;box-shadow:0 4px 12px #ff8d404d;transform:translateY(-2px)}.concept-ribbon{background:linear-gradient(135deg,#ff8d40,#ff9f5c);box-shadow:0 4px 12px #ff8d4066;padding:8px 0;position:absolute;right:-35px;text-align:center;top:20px;transform:rotate(45deg);width:150px;z-index:10}.concept-ribbon span{color:#fff;font-size:.75rem;font-weight:700;letter-spacing:1px;text-shadow:0 1px 3px #0000004d;text-transform:uppercase}.referenties-item{background-color:#1a2129;border-radius:1.25em;color:#fff;cursor:pointer;transition:opacity .3s}.referentie-link,.referenties-item{height:100%;overflow:hidden;position:relative;width:100%}.referentie-link{aspect-ratio:2;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#d8e3e2;z-index:1}.referentie-overlay{background-color:#1a2129;height:101%;inset:0;opacity:.2;position:absolute;transition:opacity .6s;width:101%;z-index:1}.referenties-item:hover .referentie-overlay{opacity:.9}.referentie-content{flex-flow:column;height:100%;justify-content:flex-end;padding:2em;position:relative;z-index:2}.referentie-content,.referentie_title{grid-column-gap:1em;grid-row-gap:1em;align-items:flex-start;display:flex;width:100%}.referentie_title{justify-content:space-between;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}.referenties-item:hover .referentie_title{opacity:1;transform:translateY(0)}.referentie-titel-item{color:#d8e3e2;flex:1 1;font-size:clamp(1.25rem,2.2vw,2.5rem);font-weight:500;line-height:1.2;margin:0;text-shadow:0 2px 8px #00000080,0 1px 3px #000c;transition:color .4s}.referenties-item:hover .referentie-titel-item{color:#ff8d40}.arrow-icon{align-items:center;display:flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));flex-shrink:0;height:clamp(.5em,1vw,1em);justify-content:center;max-height:clamp(.5em,1vw,1em);max-width:clamp(.5em,1vw,1em);min-height:clamp(.5em,1vw,1em);min-width:clamp(.5em,1vw,1em);transition:transform .6s;width:clamp(.5em,1vw,1em)}.referenties-item:hover .arrow-icon{transform:rotate(90deg)}.referentie-content_container{max-height:0;opacity:0;overflow:hidden;transition:max-height .6s,opacity .6s}.referenties-item:hover .referentie-content_container{max-height:500px;opacity:1}.referentie-short{color:#d8e3e2;margin:0;text-shadow:0 2px 8px #00000080,0 1px 3px #000c}.referentie-short p{font-size:clamp(.875rem,1.2vw,1.125rem);line-height:1.5;margin:0}.referentie-link-block{display:flex;height:100%;inset:0;position:absolute;text-decoration:none;width:100%;z-index:3}@media screen and (max-width:991px){.referenties-collection-list{grid-template-columns:1fr 1fr}.padding-section-large{padding-bottom:5em;padding-top:5em}}@media screen and (max-width:767px){.referenties-collection-list{grid-template-columns:1fr}.padding-section-large{padding-bottom:4em;padding-top:4em}.referentie-titel-item{font-size:1.5em}}.App:before{background-image:radial-gradient(circle farthest-corner at 50% 0,#48505a 0,#1a2129cc 50%,#1a2129 100%);content:"";height:1200px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.app-detail{background-color:#1a2129;min-height:100vh;position:relative;z-index:1}.hero-section{align-items:flex-end;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:70vh;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;overflow:hidden;position:relative;width:100%}.hero-overlay{background:linear-gradient(180deg,#1a212900 0,#1a212999 60%,#1a2129);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.back-button{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;left:2rem;position:absolute;top:2rem;transition:all .3s ease;width:50px;z-index:10}.back-button:hover{background:#ff8d40e6;transform:scale(1.1)}.hero-content{align-self:flex-end;margin:0 auto;max-width:1200px;padding:4rem;position:relative;width:100%;z-index:2}.hero-title{color:#fff;font-size:clamp(2rem,5vw,4rem);font-weight:700;margin:0 0 1rem}.hero-description,.hero-title{text-shadow:0 2px 8px #00000080,0 1px 3px #000c}.hero-description{color:#ffffffe6;font-size:clamp(1rem,2vw,1.5rem);margin:0}.text-section{background-color:#1a2129;padding:4rem 2rem}.text-container{color:#fff;margin:0 auto;max-width:800px}.text-container h2{color:#ff8d40;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;margin:0 0 1.5rem}.text-container p{color:#ffffffd9;font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.8;margin:0}.app-info-section{background-color:#d8e3e2;padding:4rem 2rem}.app-info-container{grid-gap:5.5rem;align-items:start;display:grid;gap:5.5rem;grid-template-columns:minmax(350px,900px) 1fr;margin:0 auto;max-width:1500px}.app-title{font-family:Plusjakartasans Variablefont Wght,Arial,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;margin:0;position:-webkit-sticky;position:sticky;top:2rem}.app-description,.app-title{color:#1a2129;text-align:left}.app-description{font-size:clamp(1.125rem,2vw,1.5rem);line-height:1.6;margin:0 0 1.5rem}.app-description-wrapper{display:flex;flex-direction:column;gap:1rem}.functional-doc-link{color:#1a2129;display:inline-block;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:500;text-decoration:none;transition:opacity .2s ease}.functional-doc-link:hover{opacity:.7}.technology-section{background-color:#9eb1b2;padding:4rem 2rem}.technology-container{grid-gap:2.5rem;align-items:start;display:grid;gap:2.5rem;grid-template-columns:minmax(350px,450px) 1fr;margin:0 auto;max-width:1500px}.technology-header{position:-webkit-sticky;position:sticky;text-align:right;top:2rem}.technology-title{color:#fff;font-family:Plusjakartasans Variablefont Wght,Arial,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;margin:0 0 1rem}.technology-subtitle{color:#1a1a3e;font-size:clamp(.95rem,1.5vw,1.125rem);line-height:1.6;margin:0}.technology-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,290px);justify-content:start}@media (max-width:1080px){.technology-container{gap:2rem;grid-template-columns:1fr}.technology-header{position:static;text-align:left}}.technology-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;height:470px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease;width:290px}.technology-card:hover{box-shadow:0 8px 16px #0000001f;transform:translateY(-4px)}.tech-icon{align-items:center;display:flex;height:64px;justify-content:center;margin-bottom:1.5rem;width:64px}.tech-icon svg{height:100%;width:100%}.technology-card h3{color:#1a1a3e;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.technology-card p{color:#4a4a68;flex-grow:1;font-size:.95rem;line-height:1.6;margin:0}.gallery-section{background-color:#1a2129;padding:2rem 2rem 4rem}.gallery-container{margin:0 auto;max-width:1400px}.gallery-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.gallery-break{flex-basis:100%;height:0}.gallery-item{background:#0f1419;border-radius:12px;cursor:pointer;height:534px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:300px}.gallery-item.landscape{height:360px;width:640px}.gallery-item:hover{box-shadow:0 12px 24px #00000080;transform:translateY(-8px)}.gallery-item img{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.gallery-item:hover img{transform:scale(1.05)}.no-mockups{color:#ffffff80;font-size:1.125rem;padding:4rem 0;text-align:center}.lightbox{background:#000000f2;bottom:0;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.lightbox,.lightbox-close{align-items:center;display:flex;justify-content:center}.lightbox-close{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;height:50px;position:absolute;right:2rem;top:2rem;transition:all .3s ease;width:50px;z-index:1001}.lightbox-close:hover{background:#ff8d40e6;transform:scale(1.1)}.lightbox-nav{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:60px;z-index:1001}.lightbox-nav:hover{background:#ff8d40e6;transform:translateY(-50%) scale(1.1)}.lightbox-nav.prev{left:2rem}.lightbox-nav.next{right:2rem}.lightbox-counter{background:#00000080;border-radius:20px;bottom:2rem;color:#fff;font-size:1rem;left:50%;padding:.5rem 1rem;position:absolute;transform:translateX(-50%);z-index:1001}.lightbox-image-container{align-items:center;cursor:zoom-in;display:flex;justify-content:center;max-height:90%;max-width:90%}.lightbox-image-container.zoomed{cursor:zoom-out;height:100%;max-height:none;max-width:none;overflow:auto;width:100%}.lightbox img{border-radius:8px;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease}.lightbox-image-container.zoomed img{cursor:zoom-out;height:auto;max-height:none;max-width:none;width:auto}.loading{align-items:center;background-color:#1a2129;color:#fff;display:flex;font-size:1.5rem;justify-content:center;min-height:100vh}@media (max-width:768px){.hero-section{height:50vh}.hero-content{padding:2rem}.back-button{height:40px;left:1rem;top:1rem;width:40px}.text-section{padding:2rem 1.5rem}.gallery-section{padding:1rem 1.5rem 2rem}.gallery-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.lightbox-close{height:40px;right:1rem;top:1rem;width:40px}}.about-page{color:#d8e3e2}.about-hero{max-width:820px;padding:8rem 5% 6rem}.about-hero-eyebrow{color:#ff8d40;font-size:.875rem;font-weight:700;letter-spacing:.15em;margin:0 0 1.25rem;text-transform:uppercase}.about-hero-title{color:#fff;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;line-height:1.1;margin:0 0 1.5rem}.about-hero-title span{color:#ff8d40}.about-hero-body{color:#d8e3e2d9;font-size:clamp(1.05rem,1.8vw,1.3rem);line-height:1.75;margin:0;max-width:640px}.about-stats{border-bottom:1px solid #d8e3e214;border-top:1px solid #d8e3e214;display:flex;gap:0;padding:0 5%}.about-stat{align-items:center;border-right:1px solid #d8e3e214;display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:3rem 1rem}.about-stat:last-child{border-right:none}.about-stat-value{color:#ff8d40;font-size:clamp(2.75rem,5vw,4rem);font-weight:700;line-height:1}.about-stat-label{color:#d8e3e299;font-size:.9rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.about-section-label{color:#ff8d40;font-size:.875rem;font-weight:700;letter-spacing:.15em;margin:0 0 .75rem;text-transform:uppercase}.about-section-title{color:#fff;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;line-height:1.2;margin:0 0 3.5rem}.about-features{background:#ffffff08;border-bottom:1px solid #d8e3e214;padding:5rem 5%}.about-features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);max-width:1200px}.about-feature-card{background:#d8e3e20d;border:1px solid #d8e3e21f;border-radius:1rem;padding:2rem;transition:border-color .3s,background .3s}.about-feature-card:hover{background:#ff8d400a;border-color:#ff8d4066}.about-feature-icon{color:#ff8d40;height:44px;margin-bottom:1.25rem;width:44px}.about-feature-icon svg{height:100%;width:100%}.about-feature-title{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.about-feature-desc{color:#d8e3e2b3;font-size:.95rem;line-height:1.65;margin:0}.about-steps{border-bottom:1px solid #d8e3e214;padding:5rem 5%}.about-steps-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);max-width:1200px}.about-step{align-items:flex-start;background:#d8e3e20d;border:1px solid #d8e3e21f;border-radius:1rem;display:flex;flex-direction:column;gap:0;padding:2rem;transition:border-color .3s,background .3s}.about-step:hover{background:#ff8d400a;border-color:#ff8d4066}.about-step-icon{color:#ff8d40;height:44px;margin-bottom:1.25rem;width:44px}.about-step-icon svg{height:100%;width:100%}.about-step-number{color:#ff8d40b3;font-size:.75rem;font-weight:700;letter-spacing:.12em;margin-bottom:.4rem;text-transform:uppercase}.about-step-title{color:#fff;font-size:1.125rem;font-weight:600;line-height:1.3;margin:0 0 .5rem}.about-step-desc{color:#d8e3e2b3;font-size:.95rem;line-height:1.65;margin:0}.about-tech{background:#ffffff08;border-top:1px solid #d8e3e214;padding:5rem 5%}.about-tech-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:3.5rem;max-width:1200px}.about-tech-card{background:#d8e3e20a;border:1px solid #d8e3e21a;border-radius:1rem;padding:2rem 2.25rem}.about-tech-card-title{color:#ff8d40;font-size:1.125rem;font-weight:700;margin:0 0 1rem}.about-tech-card-body{color:#d8e3e2bf;font-size:.975rem;line-height:1.75;margin:0}.about-tech-card code{background:#ff8d401f;border-radius:4px;color:#ff8d40;font-family:Courier New,Courier,monospace;font-size:.875rem;padding:.15em .45em}@media (max-width:900px){.about-features-grid{grid-template-columns:1fr 1fr}.about-steps-row{grid-template-columns:1fr}}@media (max-width:640px){.about-hero{padding:6rem 5% 4rem}.about-stats{flex-wrap:wrap}.about-stat{border-bottom:1px solid #d8e3e214;border-right:none;flex:1 1 50%}.about-stat:nth-child(odd){border-right:1px solid #d8e3e214}.about-stat:nth-last-child(-n+2){border-bottom:none}.about-features-grid,.about-tech-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.0c0cf0e4.css.map*/