@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Space+Mono:wght@400;700&family=Gochi+Hand&family=Outfit:wght@500;800&display=swap);:root{--primary:#aff75d;--pastel-pink:#fbcfe8;--pastel-blue:#bfdbfe;--pastel-green:#bbf7d0;--pastel-yellow:#fef08a;--pastel-purple:#e9d5ff;--grid-color:#0003;--text-dark:#111}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#111;color:var(--text-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:Space Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}.handwriting{font-family:Gochi Hand,cursive;font-size:1.2rem}.handwriting.pink{color:#ff69b4}.header{padding:1rem;position:absolute;top:0;width:100%;z-index:1000}.navbar{align-items:center;background:#fff;border:2px solid #000;border-radius:50px;display:flex;height:auto;justify-content:flex-end;margin:0 auto;max-width:1400px;min-height:60px;padding:.5rem .5rem .5rem 2rem;width:95%}.get-started-btn{background:var(--primary);border:2px solid #000;border-radius:40px;box-shadow:none;cursor:pointer;font-family:Space Mono,monospace;font-size:1.2rem;font-weight:400;padding:.8rem 2rem;transition:.2s}.get-started-btn:hover{background:#9cec4b}.hero{background-image:linear-gradient(var(--grid-color) 1px,#0000 1px),linear-gradient(90deg,var(--grid-color) 1px,#0000 1px);background-position:top;background-size:40px 40px;padding:12.9rem 2rem 6rem;text-align:center}.hero-title{font-family:Outfit,sans-serif;font-size:12rem;font-weight:400;letter-spacing:-2px;line-height:1;margin-bottom:2rem;margin-top:4rem}.strike-pink{display:inline-block;position:relative;z-index:1}.strike-pink:after{background:var(--pastel-pink);content:"";height:50px;left:-2%;position:absolute;top:55%;transform:translateY(-50%);width:104%;z-index:-1}.hero-subtitle{font-family:Space Mono,monospace;font-size:2rem;letter-spacing:-1px;margin-bottom:4rem}.hero-annotation{background:var(--pastel-blue);border:2px solid #000;border-radius:10px;margin:0 0 0 auto;max-width:450px;padding:1rem;position:relative;text-align:left;transform:translateX(-10%)}.hero-annotation:before{border:11px solid;border-color:#0000 #0000 #000;content:"";left:20%;position:absolute;top:-22px}.hero-annotation:after{border-color:#0000 #0000 var(--pastel-blue) #0000;border-style:solid;border-width:9px;content:"";left:20%;margin-left:2px;position:absolute;top:-18px}.services{background:#fff;overflow:visible;padding:6rem 2rem 12rem;position:relative;text-align:center}.section-title{font-family:Outfit,sans-serif;font-size:5rem;font-weight:300;line-height:1.1;margin-bottom:6rem}.section-title i{font-family:Gochi Hand,cursive;font-style:italic;font-weight:400}.folder-stack-container{height:500px;margin:0 auto;max-width:900px;position:relative}.folder-annotation{position:absolute;right:5%;text-align:center;top:-80px;z-index:20}.folder-annotation .handwriting{display:block;font-size:1.5rem;transform:rotate(-5deg)}.arrow-img{height:auto;margin-top:10px;transform:rotate(10deg);width:50px}.note-paper{background:#fff;border-radius:2px;box-shadow:0 5px 15px #0000001a;font-family:Space Mono,monospace;font-size:.75rem;left:20%;padding:1.5rem;position:absolute;text-align:left;top:-60px;transform:rotate(-5deg);width:250px;z-index:5}.note-paper p{line-height:1.4;margin-bottom:.8rem}.folder-stack{height:100%;margin-top:2rem;position:relative}.folder{border-radius:20px;box-shadow:0 -2px 10px #0000000d;height:400px;position:absolute;transition:transform .3s ease;width:100%}.folder-tab{background:inherit;border-radius:10px 10px 0 0;box-shadow:0 -2px 5px #0000000d;font-family:Space Mono,monospace;font-size:.8rem;font-weight:700;height:40px;min-width:150px;padding:10px 20px;position:absolute;text-align:center;top:-40px}.folder-1{background:#f9cbd6;left:0;top:0;transform:rotate(-2deg);width:95%;z-index:1}.folder-1 .folder-tab{left:50%;transform:translateX(0)}.folder-2{background:#bae6fd;left:2%;top:40px;transform:rotate(1deg);width:96%;z-index:2}.folder-2 .folder-tab{left:10%}.folder-3{background:#bbf7d0;left:-1%;top:80px;transform:rotate(-1deg);width:98%;z-index:3}.folder-3 .folder-tab{left:35%}.folder-4{background:#e9d5ff;left:1%;top:120px;transform:rotate(.5deg);width:97%;z-index:4}.folder-4 .folder-tab{left:60%}.folder-main{background:#e5e5e5;border-radius:10px;box-shadow:0 10px 30px #00000026;display:block;height:450px;top:160px;width:100%;z-index:10}.folder-main .folder-tab{background:#e5e5e5;left:100px;top:-35px}.folder-front{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.1'/%3E%3C/svg%3E");height:100%;position:relative;width:100%}.protruding-card{background:#cbbba0;border:2px solid #fff;box-shadow:0 2px 5px #0000001a;height:200px;position:absolute;right:50px;top:-80px;transform:rotate(5deg);width:300px;z-index:-1}.folder-seal-img{bottom:40px;height:120px;opacity:.9;position:absolute;right:40px;transform:rotate(-15deg);width:120px}.marquee{background:#000;color:#fff;font-family:Space Mono,monospace;font-weight:700;overflow:hidden;padding:1rem 0;white-space:nowrap}.marquee-content{animation:scroll 30s linear infinite;display:inline-block}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.methodology{background-color:#fff;background-image:linear-gradient(var(--grid-color) 1px,#0000 1px),linear-gradient(90deg,var(--grid-color) 1px,#0000 1px);background-size:40px 40px;margin:0 auto;max-width:100%;min-height:800px;overflow:hidden;padding:8rem 0;position:relative}.methodology-container{height:800px;margin:0 auto;max-width:1200px;position:relative}.crossword-center{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-5deg);width:500px;z-index:5}.crossword-img{filter:drop-shadow(0 10px 20px rgba(0,0,0,.1));height:auto;width:100%}.post-it{background:#fff;box-shadow:0 5px 15px #0000001a;display:flex;flex-direction:column;font-family:Space Mono,monospace;justify-content:center;min-height:180px;padding:1.5rem;position:absolute;text-align:center;width:280px;z-index:10}.post-it h3{font-size:1.2rem;font-weight:700;letter-spacing:1px;margin-bottom:1rem}.post-it p{font-size:.9rem;line-height:1.4}.tape{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#dcdcdc99;box-shadow:0 1px 3px #0000001a;height:25px;left:50%;position:absolute;top:-15px;transform:translateX(-50%);transform:translateX(-50%) rotate(-2deg);width:60px}.highlight{font-weight:700}.execution{background:#e0f2fe;left:5%;top:50px;transform:rotate(-3deg)}.execution h3{color:#000}.execution p{color:#0369a1}.perspective{background:#f0fdf4;left:2%;top:350px;transform:rotate(2deg)}.perspective .highlight{color:#16a34a}.voice{background:#ffe4e6;bottom:50px;left:15%;transform:rotate(-4deg)}.voice .highlight{color:#e11d48}.integration{background:#f3e8ff;right:5%;top:60px;transform:rotate(3deg)}.integration .highlight{color:#9333ea}.positioning{background:#fef9c3;bottom:100px;right:8%;transform:rotate(1deg)}.positioning .highlight{color:#d97706}.portfolio{background:#fff;margin:0 auto;max-width:1200px;padding:6rem 2rem}.portfolio-grid{grid-gap:1.5rem;align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:350px 1fr 1fr 200px;grid-template-rows:auto 180px 180px}.portfolio-card,.stats-box{border-radius:30px;overflow:hidden;position:relative}.intro-card{background:linear-gradient(135deg,#f5f5f5,#e5e5e5);flex-direction:column;grid-column:1;grid-row:1/span 3;padding:2rem}.intro-card,.intro-card:after{align-items:center;display:flex;justify-content:center}.intro-card:after{background:#333;border-radius:50%;color:#fff;content:"BRIO";font-family:Space Mono,monospace;font-size:.6rem;height:60px;position:absolute;right:20px;top:20px;width:60px}.retro-img{filter:drop-shadow(0 10px 20px rgba(0,0,0,.15));height:auto;margin-bottom:2rem;width:90%}.intro-card p{color:#333;font-family:Outfit,sans-serif;font-size:2rem;line-height:1.2;text-align:left;width:100%}.title-card{align-items:center;display:flex;grid-column:2/span 3;grid-row:1;padding:1rem 0}.title-card h2{font-family:Outfit,sans-serif;font-size:5rem;font-weight:300;letter-spacing:-2px;margin:0}.toaster-card{align-items:flex-end;background:#f472b6;background-image:linear-gradient(90deg,#f9a8d4,#f472b6);display:flex;grid-column:2/span 2;grid-row:2;justify-content:center;overflow:visible;position:relative}.toaster-card:before{background:#facc15;content:"";height:150px;position:absolute;right:-20px;top:-20px;transform:rotate(10deg);width:150px;z-index:0}.toaster-img{height:auto;margin-bottom:-10px;width:180px;z-index:1}.stats-box{display:flex;flex-direction:column;justify-content:center;padding:1.5rem;text-align:left}.stats-box .stat-number{font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:600;margin-bottom:.5rem}.stats-box .stat-label{font-family:Space Mono,monospace;font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.green{background:#d9f99d;grid-column:4;grid-row:2}.purple{background:#e9d5ff;grid-column:4;grid-row:3}.client-card.pink{align-items:center;background:#fecdd3;grid-column:2;grid-row:3;text-align:center}.client-card.pink .stat-label{font-size:1.5rem;font-weight:700}.tech-card.blue{background:#bae6fd;grid-column:3;grid-row:3}.footer{border-top:1px solid #eee;font-family:Space Mono,monospace;padding:4rem;text-align:center}@media (max-width:1024px){.portfolio-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.intro-card,.title-card{grid-column:span 2}.title-card{justify-content:center;text-align:center}.toaster-card{grid-column:span 2}.client-card.pink,.green,.purple,.tech-card.blue{grid-column:auto;grid-row:auto}}@media (max-width:768px){.hero-title{font-size:5rem}.portfolio-grid{display:flex;flex-direction:column}.folder-stack{height:auto;min-height:400px}.folder{height:300px;margin-bottom:20px;position:relative}}
/*# sourceMappingURL=main.8b8dc47f.css.map*/