:root{--color-white:#ffffff;--white:#ffffff;--color-black:#000000;--black:#000000;--color-accent:#05A28B;--accent:#05A28B;--color-lighter-accent:#75BFAC;--lighter-accent:#75BFAC;--color-dark-accent:#034940;--dark-accent:#034940;--color-rich-black:#0D1321;--rich-black:#0D1321;--color-rich-black-alt:#0A0F19;--color-dark-bg:#141621;--dark-bg:#141621;--color-background:#1C1C1F;--background:#1C1C1F;--color-single-bg:#19191C;--single-bg:#19191C;--color-footer-bg:#0D1321;--footer-bg:#0D1321;--color-page-behind-bg:#2b2c2f;--page-behind-bg:#2b2c2f;--color-secondary-accent:#43454d;--secondary-accent:#43454d;--color-secondary-accent-alt:#383A43;--secondary-accent-alt:#383A43;--color-theme-purple:#261c3e;--theme-purple:#261c3e;--color-neutral-dark:#222531;--neutral-dark:#222531;--color-neutral-mid:#363A47;--neutral-mid:#363A47;--color-light-gray:#8D8D92;--light-gray:#8D8D92;--color-light-blue:#547AA5;--light-blue:#547AA5;--color-off-white:#f5f5f5;--off-white:#f5f5f5}@font-face{font-family:gfs artemisia;src:url(/fonts/GFSArtemisia.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:gfs artemisia;src:url(/fonts/GFSArtemisiaItalic.ttf)format("truetype");font-weight:400;font-style:italic}:root{--rich-black:#0A0F19;--gradient-dark:linear-gradient(135deg, var(--rich-black), var(--dark-bg));--gradient-accent:linear-gradient(135deg, var(--accent), var(--dark-accent))}*{margin:0;padding:0;box-sizing:border-box;font-family:inter,segoe ui,sans-serif}a{-moz-transition:color .2s ease,border-bottom-color .2s ease;-webkit-transition:color .2s ease,border-bottom-color .2s ease;-ms-transition:color .2s ease,border-bottom-color .2s ease;transition:color .2s ease,border-bottom-color .2s ease;text-decoration:none;color:var(--accent);transition:color .1s ease-in}a:hover{color:var(--lighter-accent)}html{scroll-behavior:smooth}body{background-color:var(--rich-black);color:var(--white);line-height:1.6;font-family:inter,sf pro display,-apple-system,BlinkMacSystemFont,sans-serif;padding-top:80px}#header{border-bottom:solid 2px var(--neutral-mid)}.hero.symiosis-hero{min-height:100vh;display:flex;align-items:center;padding:3rem 2rem;background:linear-gradient(to bottom,#1a1f2e,#252a38);position:relative;overflow-x:hidden;box-sizing:border-box}.hero-content{max-width:900px;margin:0 auto;width:100%}.hero-header{text-align:center;margin-bottom:4rem;animation:fadeInUp .8s ease forwards}.app-title{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-bottom:2rem}.app-icon{width:140px;height:140px;filter:drop-shadow(0 10px 40px rgba(5,162,139,.3));transition:transform .3s ease}.app-icon:hover{transform:scale(1.05)}.title-group{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}h1{font-size:4.5rem;font-weight:800;margin:0;color:var(--white);letter-spacing:-.02em;display:flex;align-items:center;line-height:1}.app-name{font-family:gfs artemisia,Georgia,times new roman,serif;font-weight:400;font-style:normal}.subtitle-row{width:100%;display:flex;justify-content:flex-end;margin-top:-.25rem}.greek-subtitle{font-family:gfs artemisia,Georgia,times new roman,serif;font-size:1rem;font-style:italic;color:rgba(255,255,255,.6);margin:0;letter-spacing:.1em}.tagline{font-size:1.5rem;color:#fff;margin-bottom:2.5rem;font-weight:400;line-height:1.4}.meta-info{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:1.5rem;margin-bottom:1rem}.badge{padding:.5rem 1.25rem;border-radius:20px;font-weight:600;display:inline-block}.version-badge{background:rgba(5,162,139,.15);border:1px solid var(--accent);color:var(--accent);font-size:.95rem}.platform-icons{display:flex;align-items:center;gap:1rem}.platform-icons i{font-size:1.5rem;color:rgba(255,255,255,.8);transition:all .3s ease}.platform-icons i:hover{color:var(--accent);transform:scale(1.1)}.tech-stack{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;margin-top:3rem;color:rgba(255,255,255,.7);font-size:1rem;animation:fadeInUp 1.2s ease forwards;animation-delay:.4s;opacity:0}.tech-label{font-weight:500;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.tech-icons{height:48px;width:auto;transition:transform .3s ease}.tech-icons:hover{transform:translateY(-3px)}.demo-container{width:100%;margin:2rem 0 3rem}.demo-gif{width:100%;height:auto;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,5%);transition:transform .3s ease,box-shadow .3s ease}.demo-gif:hover{transform:translateY(-4px);box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(5,162,139,.3)}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{padding:1rem 2.5rem;border-radius:10px;font-weight:600;font-size:1.1rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;text-decoration:none;border:none}.download-btn{background:var(--accent);color:#fff;box-shadow:0 4px 20px rgba(5,162,139,.4)}.download-btn:hover{background:var(--lighter-accent);transform:translateY(-2px);box-shadow:0 6px 30px rgba(5,162,139,.6)}.btn-secondary{background:rgba(255,255,255,8%);color:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.15)}.btn-secondary:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);transform:translateY(-2px)}.btn-outline{background:0 0;border:2px solid var(--accent);color:var(--accent)}.btn-outline:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.about-section{padding:6rem 2rem;background:var(--neutral-dark)}.about-content{max-width:800px;margin:0 auto}.about-content .lead{font-size:1.3rem;color:rgba(255,255,255,.9);margin-bottom:3rem;line-height:1.6;text-align:justify}.about-content h3{font-size:1.5rem;color:var(--white);margin:2.5rem 0 1rem}.about-content h3:first-of-type{margin-top:0}.feature-list{list-style:none;padding:0;margin:1.5rem 0}.feature-list li{padding:.75rem 0;color:rgba(255,255,255,.85);line-height:1.6}.feature-list li strong{color:var(--white)}.features-section{padding:6rem 2rem;background:var(--dark-bg)}.section-content{max-width:1200px;margin:0 auto}.section-content h2{font-size:3rem;font-weight:700;margin-bottom:3rem;text-align:center;color:var(--white)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:4rem}.feature-item{background:rgba(255,255,255,3%);padding:2rem;border-radius:12px;border:1px solid rgba(5,162,139,.2);transition:all .3s ease}.feature-item:hover{background:rgba(5,162,139,.1);border-color:var(--accent);transform:translateY(-4px)}.feature-item i{font-size:2.5rem;color:rgba(255,255,255,.5);margin-bottom:1rem;display:block}.feature-item h3{font-size:1.25rem;margin-bottom:.5rem;color:#fff}.feature-item p{color:rgba(255,255,255,.7);font-size:.95rem}.tech-details{background:rgba(5,162,139,.1);border:1px solid var(--accent);border-radius:12px;padding:2rem;margin-bottom:3rem}.tech-details h3{color:var(--accent);margin-bottom:1rem}.tech-details p{color:rgba(255,255,255,.8);margin-bottom:.5rem}.alpha-notice{background:rgba(5,162,139,8%);border:1px solid rgba(5,162,139,.3);border-radius:12px;padding:2rem;margin:3rem 0}.alpha-notice h3{color:var(--white);font-size:1.5rem;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.alpha-notice ul{list-style:disc;padding-left:1.5rem;margin:0}.alpha-notice li{color:rgba(255,255,255,.85);line-height:1.7;margin-bottom:.75rem}.alpha-notice li:last-child{margin-bottom:0}.alpha-notice strong{color:var(--white);font-weight:600}.cta-section{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.github-btn{border-color:rgba(255,255,255,.3);color:#fff}.github-btn:hover{background:rgba(255,255,255,.1);border-color:#fff}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){#wrapper{padding-top:50px!important}}@media(max-width:768px){.app-title{flex-direction:column;gap:.5rem}h1{font-size:3rem}.tagline{font-size:1.2rem}.app-icon{width:100px;height:100px}.section-content h2{font-size:2.5rem}.features-grid{grid-template-columns:1fr}.meta-info{flex-direction:column;gap:1rem}.platform-icons{gap:.75rem}.platform-icons i{font-size:1.25rem}}@media(max-width:480px){h1{font-size:2.5rem}.tagline{font-size:1.1rem}.app-icon{width:80px;height:80px}.section-content h2{font-size:2rem}.btn{padding:.875rem 2rem;font-size:1rem}.hero-buttons{width:100%}.btn{width:100%;justify-content:center}.platform-icons i{font-size:1.25rem}}