@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;700;800&family=DM+Sans:wght@300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";:root{--black: #080808;--white: #F2F2F0;--white-muted: #999999;--accent: #00F5D4;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:#080808eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;padding:1.25rem 0;transition:border-color .3s ease,padding .3s ease}.header.scrolled{border-bottom:1px solid rgba(255,255,255,.06);padding:.9rem 0}.header-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{flex-shrink:0}.logo-link{text-decoration:none;display:flex;align-items:baseline;gap:1px}.logo-clyra{font-family:var(--font-display);font-weight:800;font-size:1.4rem;color:var(--white);letter-spacing:-.03em;line-height:1}.logo-dot{font-family:var(--font-display);font-weight:800;font-size:1.6rem;color:var(--accent);line-height:1}.nav{display:flex;gap:2.5rem;align-items:center}.nav a{font-family:var(--font-body);text-decoration:none;color:var(--white-muted);font-size:.88rem;font-weight:400;letter-spacing:.03em;transition:color .25s ease;position:relative}.nav a:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1px;background:var(--accent);transition:width .3s ease}.nav a:hover{color:var(--white)}.nav a:hover:after,.nav a.active:after{width:100%}.nav a.active{color:var(--white)}.nav-cta{font-family:var(--font-body)!important;color:var(--black)!important;background:var(--accent)!important;padding:.5rem 1.1rem!important;border-radius:2px!important;font-size:.85rem!important;font-weight:500!important;letter-spacing:.03em!important;transition:background .25s ease,opacity .25s ease!important}.nav-cta:hover{opacity:.85!important;color:var(--black)!important}.nav-cta:after{display:none!important}.nav-cta.active{opacity:.85;color:var(--black)!important}.burger{display:none;background:transparent;border:none;cursor:pointer;padding:.4rem;z-index:1100;flex-direction:column;gap:5px}.burger span{display:block;width:22px;height:1.5px;background-color:var(--white);transition:all .3s ease;transform-origin:center}.burger.open span:first-child{transform:rotate(45deg) translate(4.5px,4.5px)}.burger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.burger.open span:last-child{transform:rotate(-45deg) translate(4.5px,-4.5px)}@media (max-width: 768px){.header-container{padding:0 1.25rem}.burger{display:flex}.nav{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:var(--black);flex-direction:column;justify-content:center;align-items:center;gap:0;transition:right .4s cubic-bezier(.77,0,.175,1);padding:2rem;border-left:1px solid rgba(255,255,255,.06)}.nav.open{right:0}.nav a{font-family:var(--font-display)!important;font-size:2rem!important;font-weight:700!important;color:var(--white-muted)!important;margin:.75rem 0;letter-spacing:-.02em!important}.nav a:hover,.nav a.active{color:var(--white)!important}.nav a:after{display:none}.nav-cta{background:transparent!important;color:var(--accent)!important;padding:0!important;border-radius:0!important}.nav-cta:hover{color:var(--white)!important;opacity:1!important}.logo{position:relative;z-index:1100}}.scrolling-container{width:100%;overflow:hidden;background-color:#080808;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:1.1rem 0;white-space:nowrap}.scrolling-text{display:inline-flex;white-space:nowrap}.text-item{font-family:Syne,sans-serif;font-weight:700;font-size:1.1rem;margin-right:0;text-transform:uppercase;letter-spacing:.25em;color:#f2f2f040;display:inline-flex;align-items:center;gap:2rem}.text-separator{color:#00f5d4;font-size:.6rem;opacity:.6;margin-right:2rem}@media (max-width: 768px){.text-item{font-size:.9rem;gap:1.5rem}.text-separator{margin-right:1.5rem}}:root{--black: #080808;--black-soft: #111111;--black-card: #161616;--white: #F2F2F0;--white-muted: #999999;--accent: #00F5D4;--accent-dim: rgba(0, 245, 212, .12);--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif}.home{padding-top:80px;color:var(--white);background:var(--black);font-family:var(--font-body)}.hero{min-height:70vh;margin-bottom:5rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-content{text-align:center;position:relative;z-index:2}.hero-tagline{font-family:var(--font-body);font-size:.75rem;font-weight:400;letter-spacing:4px;margin-bottom:2.5rem;color:var(--white-muted);text-align:center}.hero-title{font-family:var(--font-display);font-size:clamp(4rem,8vw,12rem);font-weight:800;line-height:.9;margin-bottom:2.5rem;text-align:center}.title-clyra{color:var(--white);display:block;letter-spacing:-3px}.title-studio{display:block;font-weight:400;font-size:.55em;letter-spacing:12px;color:var(--accent);text-transform:uppercase;margin-top:.2em}.hero-subtitle{font-family:var(--font-body);font-size:1.4rem;font-weight:300;line-height:1.6;max-width:600px;text-align:center;color:var(--white-muted);margin:0 auto}.highlight{color:var(--accent);font-weight:500;position:relative}.highlight:after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:1px;background:var(--accent);opacity:.4}.decorative-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-element{position:absolute}.element-1{top:20%;right:10%}.element-2{bottom:30%;left:15%}.element-3{top:60%;right:20%}.accent-dot{width:12px;height:12px;background:var(--accent);border-radius:50%;box-shadow:0 0 24px #00f5d480}.section{opacity:0;transform:translateY(100px)}.approach{padding:8rem 0;background:var(--black-soft)}.approach-header{text-align:center;margin-bottom:5rem}.section-title{font-family:var(--font-display);font-size:3.2rem;font-weight:700;margin-bottom:1.5rem;position:relative;color:var(--white)}.approach-description{font-family:var(--font-body);font-size:1.15rem;color:var(--white-muted);max-width:640px;margin:0 auto;line-height:1.7;font-weight:300}.approach-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;perspective:1000px}.approach-item{background:var(--black-card);padding:3rem 2.5rem;border-radius:4px;position:relative;cursor:pointer;transform-style:preserve-3d;transition:all .3s ease;border:1px solid rgba(255,255,255,.06);border-top:1px solid var(--accent)}.approach-item:hover{border-top-color:var(--accent);background:#1a1a1a}.card-number{font-family:var(--font-display);font-size:.75rem;font-weight:700;color:var(--accent);margin-bottom:1.5rem;letter-spacing:3px}.approach-item h3{font-family:var(--font-display);font-size:1.6rem;font-weight:700;margin-bottom:1rem;color:var(--white)}.card-line{width:32px;height:2px;background:var(--accent);margin-bottom:1.5rem;border-radius:0;opacity:.6}.approach-item p{font-family:var(--font-body);font-size:1rem;line-height:1.75;color:var(--white-muted);font-weight:300}.clients{padding:8rem 0;background:var(--black)}.clients-header{text-align:center;margin-bottom:5rem}.title-underline{width:120px;height:16px;margin-left:16px;display:inline-block}.clients-subtitle{font-family:var(--font-body);font-size:1rem;color:var(--white-muted);margin-top:.75rem;font-weight:300;letter-spacing:1px}.clients-mosaic{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.client-card{background:var(--black-card);border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:border-color .3s ease}.client-card:hover{border-color:#00f5d44d}.client-card:hover .card-image img{transform:scale(1.05)}.card-tags{padding:1.25rem 1.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.main-tag{background:var(--accent-dim);color:var(--accent);padding:.25rem .75rem;border-radius:2px;font-family:var(--font-body);font-size:.72rem;font-weight:500;letter-spacing:1.5px}.sub-tag{background:#ffffff0d;color:var(--white-muted);padding:.25rem .75rem;border-radius:2px;font-family:var(--font-body);font-size:.72rem;letter-spacing:1px}.card-image{height:190px;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;filter:grayscale(20%)}.card-title{padding:1.25rem 1.5rem;font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin:0;color:var(--white)}.mission{padding:8rem 0;background:var(--black-soft);color:var(--white)}.mission-vision-wrapper{max-width:1200px;margin:0 auto}.mission-content,.vision-content{text-align:center;margin-bottom:6rem}.mission-text-block,.vision-text-block{max-width:860px;margin:0 auto}.mission .section-title{color:var(--white);margin-bottom:2rem}.large-text{font-family:var(--font-display);font-size:1.75rem;line-height:1.5;margin-bottom:2rem;font-weight:400;color:var(--white)}.large-text .highlight{color:var(--accent);font-weight:700}.large-text .highlight:after{display:none}.regular-text{font-family:var(--font-body);font-size:1.05rem;line-height:1.8;color:var(--white-muted);max-width:720px;margin:0 auto;font-weight:300}@media (max-width: 1200px){.container{padding:0 1.5rem}}@media (max-width: 768px){.home{padding-top:60px}.hero-title{font-size:clamp(3rem,6vw,8rem)}.hero-subtitle{font-size:1.1rem}.section-title{font-size:2.4rem}.approach-description{font-size:1rem}.approach-grid{grid-template-columns:1fr;gap:1.5rem}.approach-item{padding:2rem 1.5rem}.clients-mosaic{grid-template-columns:1fr}.large-text{font-size:1.4rem}.floating-element,.decorative-elements{display:none}}@media (max-width: 480px){.hero-title{font-size:clamp(2.8rem,8vw,5rem)}.title-studio{letter-spacing:6px}.section-title{font-size:2rem}.approach,.clients,.mission{padding:5rem 0}.large-text{font-size:1.2rem}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.floating-element{animation:float 3s ease-in-out infinite}.element-1{animation-delay:0s}.element-2{animation-delay:1s}.element-3{animation-delay:2s}::-webkit-scrollbar-thumb{background:#333;border-radius:0}.services-page{padding-top:80px;background:var(--black);color:var(--white);overflow-x:hidden;font-family:var(--font-body)}.services-hero{min-height:100vh;display:flex;align-items:center;position:relative;background:var(--black)}.hero-content{position:relative;z-index:2}.hero-main-text{font-family:var(--font-display);font-size:clamp(1.5rem,5vw,7rem);font-weight:800;line-height:.9;margin:0;letter-spacing:-.03em;color:var(--white)}.hero-accent{color:var(--accent);font-weight:400;font-style:italic;display:block;margin-top:.1em}.hero-sub-text{font-family:var(--font-body);font-size:1.1rem;color:var(--white-muted);margin:2.5rem 0 0;font-weight:300;max-width:480px;letter-spacing:.01em;line-height:1.7}.floating-texts{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.blur-text{position:absolute;font-family:var(--font-display);font-size:clamp(2rem,5vw,6rem);font-weight:800;color:#00f5d40a;letter-spacing:-.02em}.blur-text-1{top:20%;right:10%;transform:rotate(-15deg)}.blur-text-2{bottom:30%;left:5%;transform:rotate(10deg)}.blur-text-3{top:60%;right:20%;transform:rotate(-5deg)}.services-minimal-section{padding:8rem 0;background:var(--black-soft)}.section-line{width:100%;height:1px;background:#ffffff14;margin-bottom:4rem}.services-minimal-grid{display:grid;grid-template-columns:1fr;gap:0}.service-minimal{padding:3rem 0;border-bottom:1px solid rgba(255,255,255,.06);display:grid;grid-template-columns:200px 1fr;gap:4rem;align-items:center;cursor:pointer;transition:padding-left .4s ease,background .4s ease}.service-minimal:hover{background:#00f5d405;padding-left:1.5rem}.service-header{display:flex;align-items:center;gap:2rem}.service-number{font-family:var(--font-body);font-size:.75rem;color:var(--accent);font-weight:400;letter-spacing:.25em}.service-line{flex:1;height:1px;background:#ffffff1a;transform-origin:left center}.service-minimal:hover .service-line{background:#00f5d44d}.service-content{display:grid;grid-template-columns:1fr 1fr 2fr 1fr;gap:2rem;align-items:baseline}.service-title-main{font-family:var(--font-display);font-size:2.2rem;font-weight:700;margin:0;color:var(--white);letter-spacing:-.02em}.service-title-sub{font-family:var(--font-body);font-size:1.1rem;font-weight:300;margin:0;color:var(--white-muted);font-style:italic}.service-desc{font-family:var(--font-body);font-size:.95rem;color:var(--white-muted);line-height:1.6;margin:0;font-weight:300}.service-detail{font-family:var(--font-body);font-size:.72rem;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;justify-self:end;font-weight:400;opacity:.7}.typography-section{padding:12rem 0;text-align:center;background:var(--black)}.large-text{font-family:var(--font-display);font-size:clamp(1.5rem,5vw,7rem);font-weight:800;margin:0;color:var(--white);letter-spacing:-.03em;line-height:.9}.medium-text{font-family:var(--font-display);font-size:clamp(2.5rem,7vw,7rem);font-weight:400;margin:1.5rem 0 0;color:var(--accent);letter-spacing:-.02em;font-style:italic}.process-minimal-section{padding:8rem 0;background:var(--black-soft)}.process-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,6rem);font-weight:700;margin:0 0 5rem;color:var(--white);letter-spacing:-.03em}.process-minimal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem}.process-item{text-align:center;padding:2.5rem 1.5rem;border:1px solid rgba(255,255,255,.06);border-top:1px solid var(--accent);background:var(--black-card);border-radius:2px}.process-number{display:block;font-family:var(--font-body);font-size:.7rem;color:var(--accent);margin-bottom:1.25rem;letter-spacing:.25em;font-weight:400}.process-step-title{font-family:var(--font-display);font-size:1.4rem;font-weight:700;margin:0 0 1rem;color:var(--white)}.morph-text{font-family:var(--font-body);font-size:.7rem;color:var(--white-muted);text-transform:uppercase;letter-spacing:.12em;display:block;min-height:1.2em;font-weight:300}@media (max-width: 1200px){.service-minimal{grid-template-columns:150px 1fr;gap:2rem}.service-content{grid-template-columns:1fr;gap:.75rem}.service-detail{justify-self:start}}@media (max-width: 768px){.services-hero{min-height:70vh;padding:4rem 0}.service-minimal{grid-template-columns:1fr;gap:1rem;padding:2rem 0}.service-header{gap:1rem}.service-title-main{font-size:1.8rem}.process-minimal-grid{grid-template-columns:1fr 1fr;gap:1.5rem}.floating-texts{display:none}.typography-section{padding:6rem 0}}@media (max-width: 480px){.process-minimal-grid{grid-template-columns:1fr}}.service-minimal,.process-item,.blur-text{will-change:transform,opacity,filter}.section-line,.service-line{will-change:transform}.portfolio-page{padding-top:80px;background:var(--black);min-height:100vh;font-family:var(--font-body);color:var(--white)}.portfolio-hero{padding:8rem 0 4rem;text-align:center;background:var(--black)}.page-title{font-family:var(--font-display);font-size:clamp(3rem,8vw,9rem);font-weight:800;color:var(--white);margin:0;letter-spacing:-.03em;line-height:.9}.page-subtitle{font-family:var(--font-body);font-size:1rem;color:var(--white-muted);margin:2rem 0 0;font-weight:300;letter-spacing:.05em}.portfolio-section{padding:4rem 0 8rem}.portfolio-filters{display:flex;justify-content:center;margin-bottom:5rem;border:1px solid rgba(255,255,255,.08);border-radius:2px;overflow:hidden;width:fit-content;margin-left:auto;margin-right:auto}.filter-btn{background:transparent;border:none;color:var(--white-muted);padding:.9rem 1.75rem;cursor:pointer;transition:all .3s ease;font-family:var(--font-body);font-weight:300;font-size:.85rem;letter-spacing:.06em;position:relative}.filter-btn:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:16px;background:#ffffff14}.filter-btn:hover{color:var(--white);background:#ffffff08}.filter-btn.active{color:var(--accent);background:var(--accent-dim)}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;max-width:1200px;margin:0 auto}.portfolio-item{aspect-ratio:4/3;cursor:pointer;position:relative;overflow:hidden;background:var(--black-card)}.portfolio-image{width:100%;height:100%;position:relative;overflow:hidden}.portfolio-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) brightness(.8);transition:filter .6s ease}.portfolio-item:hover .portfolio-image img{filter:grayscale(0%) brightness(1)}.portfolio-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#080808e0;display:flex;align-items:flex-end;opacity:0;padding:2rem}.project-details{color:var(--white);transform:translateY(20px);opacity:0;width:100%}.project-number{font-family:var(--font-body);font-size:.7rem;color:var(--accent);display:block;margin-bottom:.5rem;letter-spacing:.25em}.project-details h3{font-family:var(--font-display);font-size:1.4rem;font-weight:700;margin:0 0 .5rem;letter-spacing:-.02em}.project-details p{font-family:var(--font-body);font-size:.85rem;color:var(--white-muted);margin:0 0 1rem;line-height:1.5;font-weight:300;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-tags{display:flex;flex-wrap:wrap;gap:.4rem}.project-tag{font-family:var(--font-body);font-size:.65rem;color:var(--accent);border:1px solid rgba(0,245,212,.25);padding:.2rem .6rem;border-radius:2px;letter-spacing:.08em;font-weight:400}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem}.modal-content{background:var(--black-soft);border:1px solid rgba(255,255,255,.08);border-top:1px solid var(--accent);border-radius:2px;max-width:900px;width:100%;position:relative;padding:3rem;display:grid;grid-template-columns:1fr 1.6fr;gap:3rem;align-items:start;max-height:90vh;overflow-y:auto}.modal-close{position:absolute;top:1.25rem;right:1.25rem;background:none;border:none;color:var(--white-muted);font-size:1.4rem;cursor:pointer;transition:color .2s ease;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-family:var(--font-body)}.modal-close:hover{color:var(--accent)}.modal-left{display:flex;flex-direction:column;gap:1.25rem}.modal-number{font-family:var(--font-body);font-size:.7rem;color:var(--accent);letter-spacing:.25em;display:block}.modal-left h2{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--white);margin:0;letter-spacing:-.02em;line-height:1.1}.modal-client{font-family:var(--font-body);color:var(--white-muted);font-size:.85rem;margin:0;font-weight:300}.modal-tags{display:flex;flex-wrap:wrap;gap:.4rem}.modal-tag{font-family:var(--font-body);font-size:.7rem;color:var(--accent);border:1px solid rgba(0,245,212,.25);background:var(--accent-dim);padding:.25rem .7rem;border-radius:2px;letter-spacing:.06em}.modal-metric-block{display:flex;flex-direction:column;gap:.3rem;padding:1rem;border:1px solid rgba(255,255,255,.06);border-left:2px solid var(--accent);border-radius:2px;background:#00f5d408}.modal-metric-label{font-family:var(--font-body);font-size:.7rem;color:var(--white-muted);text-transform:uppercase;letter-spacing:.15em;font-weight:300}.modal-metric-value{font-family:var(--font-display);font-size:1rem;color:var(--accent);font-weight:700}.modal-visit-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent);color:var(--black);font-family:var(--font-display);font-size:.85rem;font-weight:700;padding:.75rem 1.25rem;border-radius:2px;text-decoration:none;transition:opacity .25s ease;width:fit-content;margin-top:auto}.modal-visit-btn:hover{opacity:.85}.modal-right{display:flex;flex-direction:column;gap:1.5rem}.modal-image img{width:100%;height:260px;object-fit:cover;border-radius:2px;filter:grayscale(20%)}.modal-description{font-family:var(--font-body);color:var(--white-muted);line-height:1.75;font-size:.95rem;font-weight:300;margin:0}@media (max-width: 1024px){.portfolio-grid{grid-template-columns:1fr}.modal-content{grid-template-columns:1fr;padding:2rem;gap:2rem}}@media (max-width: 768px){.portfolio-hero{padding:4rem 0 2rem}.portfolio-filters{flex-wrap:wrap;width:auto;justify-content:center}.filter-btn:not(:last-child):after{display:none}.modal-overlay{padding:1rem;align-items:flex-end}.modal-content{border-radius:2px 2px 0 0;max-height:85vh}.modal-image img{height:180px}}.portfolio-item,.modal-content{will-change:transform,opacity}.about-page{background-color:var(--black);color:var(--white);min-height:100vh;padding-top:80px;font-family:var(--font-body)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.about-hero{position:relative;padding:7rem 0 5rem;text-align:center;overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.floating-element{position:absolute;color:var(--accent)}.star-1{top:20%;left:10%;font-size:1.5rem;opacity:.4}.star-2{top:30%;right:15%;font-size:1rem;opacity:.3}.circle-1{top:15%;right:25%;width:70px;height:70px;border:1px solid rgba(0,245,212,.2);border-radius:50%;background:transparent}.circle-2{bottom:20%;left:20%;width:50px;height:50px;border:1px solid rgba(0,245,212,.1);border-radius:50%;background:transparent}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,7vw,6rem);font-weight:800;line-height:1;margin-bottom:1.5rem;letter-spacing:-.03em}.white-text{color:var(--white)}.accent-text{color:var(--accent);font-style:italic;font-weight:400}.hero-subtitle{font-family:var(--font-body);font-size:1.1rem;color:var(--white-muted);max-width:520px;margin:0 auto;line-height:1.7;font-weight:300}.team-section{padding:5rem 0;background-color:var(--black-soft)}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:960px;margin:0 auto}.team-member{background-color:transparent}.member-image{width:100%;height:260px;overflow:hidden;margin-bottom:1.5rem;border-radius:2px;border:1px solid rgba(255,255,255,.06)}.member-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(20%);transition:filter .4s ease}.team-member:hover .member-image img{filter:grayscale(0%)}.member-info{text-align:left}.member-role{font-family:var(--font-body);color:var(--accent);font-size:.72rem;font-weight:400;text-transform:uppercase;letter-spacing:.15em;display:block;margin-bottom:.4rem}.member-name{font-family:var(--font-display);font-size:1.2rem;font-weight:700;margin-bottom:.6rem;color:var(--white);letter-spacing:-.01em}.member-description{font-family:var(--font-body);color:var(--white-muted);line-height:1.6;font-size:.88rem;font-weight:300}.values-section{padding:7rem 0;background-color:var(--black)}.values-header{text-align:center;margin-bottom:5rem}.values-main-title{font-family:var(--font-display);font-size:clamp(3rem,7vw,6rem);font-weight:800;color:var(--white);margin:0;line-height:.9;letter-spacing:-.03em}.values-sub-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,4rem);font-weight:400;color:var(--accent);margin:0;font-style:italic;letter-spacing:.02em}.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem 5rem;max-width:1000px;margin:0 auto}.value-item{text-align:left;border-top:1px solid rgba(255,255,255,.06);padding-top:2rem}.value-title{font-family:var(--font-display);font-size:1.6rem;font-weight:800;color:var(--white);margin:0 0 .2rem;letter-spacing:-.02em}.value-subtitle{display:block;font-family:var(--font-body);font-size:.9rem;color:var(--accent);font-weight:300;font-style:italic;margin-bottom:1rem;letter-spacing:.02em}.value-description{font-family:var(--font-body);color:var(--white-muted);line-height:1.7;font-size:.95rem;margin:0;font-weight:300}@media (max-width: 768px){.about-hero{padding:5rem 0 3rem}.team-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.member-image{height:200px}.values-grid{grid-template-columns:1fr;gap:2.5rem}.values-header{margin-bottom:3rem}.values-main-title{font-size:clamp(2rem,8vw,4rem)}.values-sub-title{font-size:clamp(1rem,8vw,3rem)}}@media (max-width: 480px){.team-grid{grid-template-columns:1fr}.member-image{height:240px}.floating-element{display:none}.values-main-title{font-size:clamp(2rem,8vw,4rem)}.values-sub-title{font-size:clamp(1rem,8vw,3rem)}}@media (max-width: 320px){.values-main-title{font-size:clamp(2rem,8vw,3rem)}.values-sub-title{font-size:clamp(1rem,8vw,2rem)}}body{font-family:var(--font-body);background:var(--black);color:var(--white);line-height:1.6;overflow-x:hidden}.contact-page{min-height:100vh;background:var(--black);position:relative;padding-top:80px}.whatsapp-floating{position:fixed;bottom:30px;right:30px;z-index:1000}.whatsapp-float-btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--black-card);border:1px solid rgba(0,245,212,.3);border-radius:50%;color:var(--white);text-decoration:none;position:relative}.whatsapp-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;background:#00f5d414;border-radius:50%;opacity:.6;z-index:0}.whatsapp-thread{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.whatsapp-icon{z-index:2;position:relative;display:flex;align-items:center;justify-content:center}.hero-section{padding:8rem 0 5rem;text-align:center;background:var(--black)}.hero-container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-badge{font-family:var(--font-display);font-size:3rem;font-weight:800;color:var(--accent);margin-bottom:2rem;display:inline-block}.hero-title{font-family:var(--font-display);font-size:clamp(2.8rem,7vw,6rem);font-weight:800;color:var(--white);margin-bottom:1.5rem;line-height:1.05;letter-spacing:-.03em}.hero-accent{color:var(--accent);font-weight:400;font-style:italic}.hero-subtitle{font-family:var(--font-body);font-size:1.1rem;color:var(--white-muted);font-weight:300;max-width:480px;margin:0 auto;line-height:1.7}.main-section{padding:5rem 0 4rem;background:var(--black-soft)}.content-grid{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 400px;gap:6rem;align-items:start}.faq-section{position:sticky;top:2rem}.section-header{margin-bottom:3rem}.section-title{font-family:var(--font-body);font-size:.72rem;font-weight:500;letter-spacing:3px;margin-bottom:1rem;text-transform:uppercase}.accent-text{color:var(--accent)}.title-underline{width:40px;height:1px;background:var(--accent);opacity:.5}.faq-list{display:flex;flex-direction:column;gap:0}.faq-item{border-bottom:1px solid rgba(255,255,255,.06)}.faq-question{width:100%;padding:1.75rem 0;background:none;border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;font-family:var(--font-body);font-size:1rem;font-weight:400;color:var(--white-muted);transition:color .3s ease}.faq-question:hover,.faq-question.active{color:var(--white)}.faq-question.active .faq-icon{color:var(--accent)}.faq-icon{font-size:1.3rem;font-weight:300;transition:transform .3s ease,color .3s ease;margin-left:1rem;flex-shrink:0;color:var(--white-muted)}.faq-icon.rotated{transform:rotate(45deg)}.faq-answer{height:0;opacity:0;overflow:hidden}.faq-answer p{font-family:var(--font-body);color:var(--white-muted);font-size:.95rem;line-height:1.7;padding-bottom:1.75rem;font-weight:300}.form-contact-section{display:flex;flex-direction:column;gap:2rem}.form-section{position:relative}.form-container{background:var(--black-card);border:1px solid rgba(255,255,255,.06);border-top:1px solid var(--accent);border-radius:2px;padding:2.5rem}.form-header{margin-bottom:2rem}.form-header h3{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--white);margin-bottom:.3rem}.form-header p{font-family:var(--font-body);font-size:.85rem;color:var(--white-muted);font-weight:300}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{position:relative}.form-input{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:2px;padding:.9rem 1.1rem;color:var(--white);font-size:.9rem;font-family:var(--font-body);font-weight:300;transition:border-color .3s ease,background .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input::placeholder{color:var(--white-muted)}.form-input:focus{outline:none;border-color:#00f5d466;background:#00f5d408}.form-input option{background:var(--black-card);color:var(--white)}.form-textarea{resize:vertical;min-height:110px}.email-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--accent);font-size:1rem;pointer-events:none;opacity:.5}.submit-btn{background:var(--white);border:none;border-radius:2px;padding:1rem 2rem;color:var(--black);font-family:var(--font-display);font-size:.95rem;font-weight:700;cursor:pointer;position:relative;overflow:hidden;transition:transform .3s ease;margin-top:.5rem;letter-spacing:.02em}.submit-btn:hover{transform:translateY(-2px)}.submit-btn-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;z-index:0}.btn-content{display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;z-index:1;color:var(--black)}.submit-arrow{display:inline-block;transition:transform .3s ease}.loading-spinner{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-message{background:var(--black-card);border:1px solid rgba(0,245,212,.2);border-top:1px solid var(--accent);border-radius:2px;padding:3rem;text-align:center}.success-icon{font-family:var(--font-display);font-size:2.5rem;font-weight:800;color:var(--accent);margin-bottom:1rem;display:block}.success-message h3{font-family:var(--font-display);font-size:1.5rem;color:var(--white);margin-bottom:.5rem}.success-message p{font-family:var(--font-body);color:var(--white-muted);font-weight:300}.contact-section{background:var(--black-card);border:1px solid rgba(255,255,255,.06);border-radius:2px;padding:2rem}.contact-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--white);margin-bottom:1.5rem}.contact-info{display:flex;flex-direction:column;gap:.75rem}.contact-address{font-family:var(--font-body);color:var(--white-muted);font-size:.9rem;font-weight:300}.contact-email{font-family:var(--font-body);color:var(--white);text-decoration:none;font-weight:400;font-size:.95rem;transition:color .3s ease}.contact-email:hover{color:var(--accent)}.contact-whatsapp{margin-top:.75rem}.whatsapp-contact-btn{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:1px solid rgba(0,245,212,.3);color:var(--accent);padding:.65rem 1.25rem;border-radius:2px;text-decoration:none;font-family:var(--font-body);font-size:.85rem;font-weight:400;transition:all .3s ease;letter-spacing:.03em}.whatsapp-contact-btn:hover{background:var(--accent-dim);border-color:var(--accent)}.social-networks-section{background:var(--black);padding:5rem 0}.social-networks-section .container{max-width:1200px;margin:0 auto;padding:0 2rem}.social-networks{background:var(--black-card);border:1px solid rgba(255,255,255,.06);border-radius:2px;padding:3rem}.social-networks-title{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--white);margin-bottom:2rem;text-align:center}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.social-item{display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:2px;transition:all .3s ease;text-decoration:none;color:var(--white)}.social-item:hover{border-color:#00f5d44d;background:var(--accent-dim);transform:translateY(-4px)}.social-name{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--white);margin-bottom:.3rem}.social-username{font-family:var(--font-body);font-size:.8rem;color:var(--white-muted);font-weight:300}.social-item:hover .social-username{color:var(--accent)}@media (max-width: 1024px){.content-grid{grid-template-columns:1fr;gap:3rem;padding:0 1.5rem}.faq-section{position:relative;top:0}}@media (max-width: 768px){.hero-section{padding:5rem 0 3rem}.hero-title{font-size:clamp(2rem,6vw,3.5rem)}.main-section{padding:3rem 0}.form-container{padding:1.75rem}.social-grid{grid-template-columns:1fr}.social-networks{padding:2rem}}@media (max-width: 480px){.whatsapp-floating{bottom:20px;right:20px}.whatsapp-float-btn{width:48px;height:48px}.submit-btn{width:100%}.social-grid{gap:.75rem}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}:root{--black: #080808;--black-soft: #111111;--black-card: #161616;--white: #F2F2F0;--white-muted: #999999;--accent: #00F5D4;--accent-dim: rgba(0, 245, 212, .1);--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--black);color:var(--white);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{margin:0 auto;text-align:left}.App{min-height:100vh;display:flex;flex-direction:column}.App>*{flex-shrink:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-body)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--accent)}:root{--black: #080808;--black-soft: #111111;--black-card: #161616;--white: #F2F2F0;--white-muted: #999999;--accent: #00F5D4;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif}.footer{background:var(--black);color:var(--white);font-family:var(--font-body)}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-cta{padding:7rem 0 6rem;background:var(--black-soft)}.cta-content{display:flex;justify-content:space-between;align-items:center;gap:3rem}.cta-title{font-family:var(--font-display);font-size:clamp(3rem,7vw,6rem);font-weight:800;line-height:.95;letter-spacing:-.03em;color:var(--white);margin:0}.cta-accent{color:var(--accent);font-style:italic;font-weight:400}.cta-btn{display:inline-flex;align-items:center;gap:.75rem;background:var(--accent);color:var(--black);font-family:var(--font-display);font-size:1rem;font-weight:700;padding:1rem 2rem;border-radius:2px;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:opacity .25s ease,transform .25s ease;letter-spacing:.01em}.cta-btn:hover{opacity:.85;transform:translateY(-2px)}.cta-arrow{display:inline-block;transition:transform .25s ease}.cta-btn:hover .cta-arrow{transform:translate(4px)}.footer-divider{height:1px;background:#ffffff0f}.footer-body{padding:5rem 0 4rem;background:var(--black)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem}.footer-logo{display:flex;align-items:baseline;gap:1px;margin-bottom:1.25rem}.footer-logo-clyra{font-family:var(--font-display);font-weight:800;font-size:1.6rem;color:var(--white);letter-spacing:-.03em}.footer-logo-dot{font-family:var(--font-display);font-weight:800;font-size:1.8rem;color:var(--accent)}.footer-tagline{font-family:var(--font-body);font-size:.95rem;color:var(--white-muted);font-weight:300;line-height:1.6;margin-bottom:.5rem}.footer-location{font-family:var(--font-body);font-size:.8rem;color:#99999980;font-weight:300;letter-spacing:.05em}.footer-col-title{font-family:var(--font-body);font-size:.7rem;font-weight:500;color:var(--accent);text-transform:uppercase;letter-spacing:.2em;margin-bottom:1.5rem}.footer-nav{display:flex;flex-direction:column;gap:.75rem}.footer-nav a,.footer-nav span{font-family:var(--font-body);font-size:.9rem;color:var(--white-muted);font-weight:300;text-decoration:none;transition:color .25s ease;cursor:default}.footer-nav a{cursor:pointer}.footer-nav a:hover{color:var(--white)}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding:1.5rem 0;background:var(--black)}.footer-bottom-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}.footer-copy{font-family:var(--font-body);font-size:.78rem;color:#99999980;font-weight:300}.footer-made{font-family:var(--font-body);font-size:.78rem;color:#9996;font-weight:300}.footer-accent{color:var(--accent);opacity:.7}@media (max-width: 1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:3rem}.footer-brand{grid-column:1 / -1}}@media (max-width: 768px){.footer-cta{padding:5rem 0 4rem}.cta-content{flex-direction:column;align-items:flex-start;gap:2.5rem}.footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem}.footer-brand{grid-column:1 / -1}}@media (max-width: 480px){.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom-inner{flex-direction:column;align-items:flex-start;gap:.4rem}.cta-btn{width:100%;justify-content:center}}@font-face{font-family:Sloop Script;src:url(/assets/Sloop%20Script%20Regular-CK_knarF.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,sans-serif;background-color:#000;color:#fff;overflow-x:hidden}html{scroll-behavior:smooth}.sloop-font{font-family:Sloop Script,cursive;font-size:2rem;color:#fefbea;font-weight:400;line-height:1.4;letter-spacing:.5px}.montserrat{font-family:Montserrat,sans-serif;font-weight:500;color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#fefbea;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#efd897}
