:root{font-family:Instrument Sans,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;max-width:100%;overflow-x:hidden;overflow-y:hidden;background-color:transparent;color:var(--text-color, #ffffff);transition:color 1s ease}#root{height:100vh;width:100%;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-family:"Instrument Serif",serif;font-weight:400;text-wrap:balance}@media(max-width:768px){h1,h2,h3,h4,h5,h6{max-width:100%}}img,video{max-width:100%;display:block}.section{height:100vh;width:100%;scroll-snap-align:start;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;padding:2rem}.section h2{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:2rem;background:var(--title-gradient, linear-gradient(to right, #fff, #a1a1aa));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.hero-section{transform:translateY(-2rem)}@media(max-width:768px){.hero-section{transform:translateY(-2rem)}}.hero-section .content-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media(max-width:768px){.hero-section .content-grid{grid-template-columns:1fr;text-align:center;gap:.5rem;padding-top:2rem!important}.hero-section .content-grid .image-content{order:-1}}.hero-section .display-title{font-size:clamp(2.5rem,8vw,4rem);line-height:1.1;margin-bottom:1rem;font-family:"Instrument Serif",serif}@media(max-width:375px){.hero-section .display-title{font-size:2rem;margin-bottom:0!important}}.hero-section .subtitle{font-size:clamp(.7rem,2.5vw,.9rem);color:#a1a1aa;margin-bottom:2rem;font-family:Instrument Sans,sans-serif;line-height:1.4}@media(max-width:768px){.hero-section .subtitle{margin-bottom:1rem}}.hero-section .links{display:flex;gap:1rem;margin-bottom:2rem}@media(max-width:768px){.hero-section .links{justify-content:center;margin-bottom:1rem!important;font-size:.85rem!important}}.hero-section .highlight{font-size:clamp(.7rem,2.5vw,.9rem)}@media(max-width:768px){.hero-section .highlight{text-align:left;padding-left:1rem}}.hero-section .hero-quote{margin-top:1rem;font-size:clamp(.7rem,2.5vw,.9rem);color:#a1a1aa;margin-bottom:3rem;padding-left:1rem;border-left:2px solid #38052e;line-height:1.2}@media(max-width:768px){.hero-section .hero-quote{margin-bottom:1.5rem;font-size:.85rem!important;margin-top:2rem;text-align:left}}.hero-section .hero-quote .highlight{display:block;margin-top:.5rem;font-style:normal;font-size:1rem;margin-bottom:1rem!important;margin-top:1rem!important;color:#fff;font-family:Instrument Sans,sans-serif;opacity:.8}@media(max-width:768px){.hero-section .hero-quote .highlight{text-align:left;font-size:.85rem!important;margin-top:2rem!important}}.hero-section .highlight-links{display:flex;gap:1rem;align-items:center}@media(max-width:768px){.hero-section .highlight-links{justify-content:flex-start;margin-bottom:rem!important;font-size:.85rem!important}}.hero-section .highlight-links .separator{color:#a1a1aa;opacity:.5}.hero-section .btn{padding:.8rem 1.5rem;text-decoration:none;font-weight:500;transition:all .3s ease;background:#7b697a;color:#fff}.hero-section .btn:hover{box-shadow:0 4px 12px #fff3;background:#efe7e7;color:#000}.hero-section .btn.btn-outline{background:transparent;border:1px solid white;color:#fff}.hero-section .btn.btn-outline:hover{background:#ffffff1a}.hero-section .image-wrapper{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #0006}.hero-section .image-wrapper img{width:100%;height:auto;display:block}.hero-section .image-wrapper:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom right,rgba(255,255,255,.1),transparent);pointer-events:none}.hero-section .scroll-down-arrow{position:absolute;bottom:2rem;left:46.2%;transform:translate(-50%);color:#fff9;z-index:10;display:flex;justify-content:center;align-items:center}.hero-section .scroll-down-arrow:hover{color:#ffffffe6}.vision-section{text-align:center}.vision-section .vision-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin:2rem 0;font-size:clamp(.7rem,2.5vw,.9rem)}@media(max-width:480px){.vision-section .vision-cards{grid-template-columns:1fr}}.vision-section .card{background:#ffffff0d;padding:1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease;text-align:left}.vision-section .card h3{font-size:clamp(1.2rem,3vw,1.5rem);margin-bottom:1rem;color:#061c80}.vision-section .mission-statement{font-size:clamp(.7rem,2.5vw,.9rem);max-width:800px;margin:0 auto;font-style:italic;color:#1c1a1c;line-height:1.6}.experience-section .content-split{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media(max-width:768px){.experience-section .content-split{grid-template-columns:1fr;gap:1.5rem}}.experience-section .heart{color:#ef4444}.experience-section .experience-list{list-style:none}.experience-section .experience-list li{margin-bottom:2rem;padding-left:1rem;border-left:2px solid #38052e}.experience-section .experience-list strong{display:block;font-size:1.2rem;margin-bottom:.5rem}.experience-section .quote-block{font-family:"Instrument Serif",serif;font-size:clamp(1.2rem,3vw,1.5rem);line-height:1.6;padding:2rem;background:#ffffff08;border-radius:8px}@media(max-width:375px){.experience-section .quote-block{padding:.5rem}}.experience-section .timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:3rem 0}@media(max-width:768px){.experience-section .timeline{margin:1rem 0}}.experience-section .conclusion{margin-top:2rem;font-size:clamp(.7rem,2.5vw,.9rem)}@media(max-width:375px){.experience-section .conclusion{margin-top:0}}@media(max-width:768px){.experience-section .conclusion p{font-size:.9rem}}.experience-section .timeline-item h3{color:#38052e;margin-bottom:.5rem}@media(max-width:375px){.experience-section .timeline-item h3{margin-bottom:0}}.experience-section .timeline-item .role{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:#942323;margin-bottom:1rem}@media(max-width:768px){.experience-section .timeline-item p:not(.role){font-size:.9rem}}@media(max-width:768px){.ai-section{height:auto;min-height:100vh;overflow:visible;display:block;padding:0}}.ai-section .content-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media(max-width:768px){.ai-section .content-grid{grid-template-columns:1fr;gap:0}}@media(max-width:768px){.ai-section .text-content,.ai-section .media-content{min-height:90vh;display:flex;flex-direction:column;justify-content:center;padding:2rem}}.ai-section .feature-list{list-style:none;margin-bottom:2rem}.ai-section .feature-list li{margin-bottom:1rem;padding-left:1rem;border-left:2px solid #38052e}.ai-section .insight{font-style:italic;color:#3532327b;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}.ai-section .xtilia-brand{font-family:Tiro Kannada,serif;font-weight:700;font-size:1rem}.ai-section .komgo-brand{font-family:Instrument Sans,sans-serif;font-weight:700;font-size:1rem}.ai-section .media-content .video-wrapper{border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.ai-section .media-content .video-wrapper video{width:100%;display:block}.ai-section .media-content .ai-design-wrapper{margin-top:-4rem;margin-left:2rem;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px #00000080;transform-origin:center;position:relative;z-index:1}@media(max-width:768px){.ai-section .media-content .ai-design-wrapper{margin-top:1rem;margin-left:0;width:100%}}.ai-section .media-content .ai-design-wrapper .ai-design-img{width:100%;height:auto;display:block;object-fit:contain;background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.product-section{height:auto;min-height:100vh;overflow:visible;display:block;padding:0}}.product-section .header{text-align:center;padding:2rem;margin-bottom:3rem}@media(max-width:768px){.product-section .header{min-height:90vh;display:flex;flex-direction:column;justify-content:center;margin-bottom:0}}.product-section .gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%}@media(max-width:768px){.product-section .gallery{grid-template-columns:1fr;min-height:90vh;align-content:center}}.product-section .gallery-item{border-radius:8px;overflow:hidden;aspect-ratio:16/9}.product-section .gallery-item img{width:100%;height:100%;object-fit:cover}.blockchain-section .content-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;width:100%}@media(max-width:768px){.blockchain-section .content-grid{grid-template-columns:1fr;text-align:left}}.blockchain-section .content-narrow{max-width:800px}@media(max-width:768px){.blockchain-section .content-narrow{margin:0 auto}}.blockchain-section .emphasis{font-size:clamp(.7rem,1vw,.9rem);font-style:italic;margin:1rem 0;color:#4c3b08}.blockchain-section .animation-container{width:100%;height:400px;display:flex;justify-content:center;align-items:center;position:relative}@media(max-width:768px){.blockchain-section .animation-container{height:300px;margin-top:2rem;justify-content:left;max-width:100%;overflow:hidden}}.blockchain-section .animation-container .hash-display{position:absolute;top:20%;left:50%;transform:translate(-50%);font-family:Google Sans Code,monospace;font-size:clamp(.5rem,1vw,.7rem);color:#fff;padding:0rem;pointer-events:none;z-index:10;white-space:nowrap}@media(max-width:768px){.blockchain-section .animation-container .hash-display{font-size:.7rem;top:10%;max-width:90%;overflow:hidden;text-overflow:ellipsis}}.blockchain-section .distributed-ledger-container{width:100%;height:100%;position:relative}.blockchain-section .distributed-ledger-container .ledger-canvas{width:100%;height:100%;display:block}.contact-section{text-align:center}.contact-section .pitch{margin:2rem 0}.contact-section .pitch h3{font-size:clamp(1.1rem,5vw,2rem);margin-bottom:1rem;background:linear-gradient(to right,#38052e,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.contact-section .location{margin-bottom:2rem;margin-top:3rem;font-size:.9rem}.contact-section .location .arrow{font-size:1.5rem;margin:.5rem 0;color:#263150}.contact-section .cta-button{display:inline-block;padding:1rem 3rem;background:#24242c;color:#fff;text-decoration:none;font-weight:700;border-radius:50px;font-size:clamp(1rem,3vw,1.2rem);white-space:nowrap}.contact-section .cta-button:hover{border-color:#38052e;border:2px solid #38052e}
