:root{--text:#4b4558;--text-h:#08060d;--text-inv:#fff;--bg:#fff;--border:#e5e4e7;--accent:#6b21a8;--accent-light:#6b21a81a;--shadow:#00000014 0 4px 24px;--sp-0:0px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:28px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-14:56px;--sp-16:64px;--fs-xs:13px;--fs-sm:14px;--fs-base:16px;--fs-md:17px;--fs-lg:18px;--fs-xl:22px;--fs-2xl:26px;--fs-4xl:40px;--fs-6xl:64px;--radius-sm:14px;--radius-md:20px;--radius-full:100px;--app-width:1100px;--logo-size:180px;--proj-logo-size:60px;--screenshot-size:200px;--badge-width:130px;--desc-max-width:520px;font-family:Nunito,sans-serif;font-size:var(--fs-lg);color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;line-height:1.6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--bg:#0f0d14;--border:#2e303a;--accent:#a855f7;--accent-light:#a855f71f;--shadow:#0006 0 4px 24px}.page-nav-brand img,.site-logo{filter:brightness(0)invert()}}*{box-sizing:border-box}body{margin:0}h1,h2,h3{color:var(--text-h);margin:0;font-family:Nunito,sans-serif;font-weight:800}h1{font-size:var(--fs-6xl);letter-spacing:-1px}@media (width<=768px){h1{font-size:var(--fs-4xl)}}h2{font-size:var(--fs-2xl)}p{margin:0}#app{width:var(--app-width);flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex}header{text-align:center;padding:var(--sp-12) var(--sp-8) var(--sp-14);align-items:center;gap:var(--sp-2);flex-direction:column;display:flex}@media (width<=768px){header{padding:var(--sp-12) var(--sp-5) var(--sp-10)}}.site-logo{width:var(--logo-size);height:var(--logo-size);object-fit:cover}.slogan{font-size:var(--fs-xl);color:var(--text);font-weight:500}@media (width<=768px){.slogan{font-size:var(--fs-lg)}}.header-links{gap:var(--sp-4);margin-top:var(--sp-3);flex-wrap:wrap;justify-content:center;display:flex}.header-btn{margin-top:var(--sp-2);padding:10px var(--sp-6);background:var(--accent-light);color:var(--accent);font-weight:700;font-size:var(--fs-base);border-radius:var(--radius-full);text-decoration:none;transition:background .2s,box-shadow .2s;display:inline-block}.header-btn:hover{background:var(--accent);color:var(--text-inv);box-shadow:var(--shadow)}#projects{padding:var(--sp-10) var(--sp-12) var(--sp-8);border-top:1px solid var(--border);flex-direction:column;gap:0;display:flex}@media (width<=768px){#projects{padding:var(--sp-8) var(--sp-5) var(--sp-12)}}.projects-heading{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:2px;color:var(--text);margin-bottom:var(--sp-3);font-weight:700}.project-card{align-items:center;gap:var(--sp-12);padding:var(--sp-8) 0;display:flex}@media (width<=768px){.project-card{text-align:center;align-items:center;gap:var(--sp-7);flex-direction:column}}.project-screenshot{flex-shrink:0}.project-screenshot img{width:var(--screenshot-size);border-radius:var(--radius-md);box-shadow:var(--shadow);display:block}@media (width<=768px){.project-screenshot img{width:160px}}.project-info{gap:var(--sp-4);flex-direction:column;flex:1;display:flex}.project-header{align-items:center;gap:var(--sp-4);display:flex}@media (width<=768px){.project-header{justify-content:center}}.project-logo{width:var(--proj-logo-size);height:var(--proj-logo-size);border-radius:var(--radius-sm);box-shadow:var(--shadow);flex-shrink:0}.project-description{font-size:var(--fs-md);color:var(--text);max-width:var(--desc-max-width);line-height:1.65}.app-store-badge{text-decoration:none;transition:opacity .2s,transform .2s;display:inline-block}.app-store-badge svg{width:var(--badge-width);height:auto;display:block}.app-store-badge:hover{opacity:.8;transform:translateY(-1px)}.project-divider{border:none;border-top:1px solid var(--border);margin:0}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.learn-more-link{color:var(--accent);font-weight:700;font-size:var(--fs-base);text-decoration:none;display:inline-block}.learn-more-link:hover{text-decoration:underline}.page-nav{padding:var(--sp-4) var(--sp-8);border-bottom:1px solid var(--border);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}@media (width<=768px){.page-nav{padding:var(--sp-3) var(--sp-5)}}.back-link{color:var(--accent);font-weight:700;font-size:var(--fs-md);text-decoration:none}.back-link:hover{text-decoration:underline}.page-nav-brand{justify-content:center;display:flex}.page-nav-brand img{border-radius:var(--radius-sm);width:44px;height:44px;display:block}.detail-hero{text-align:center;padding:var(--sp-12) var(--sp-8) var(--sp-10);align-items:center;gap:var(--sp-3);flex-direction:column;display:flex}@media (width<=768px){.detail-hero{padding:var(--sp-10) var(--sp-5) var(--sp-8)}}.detail-hero .project-logo{width:90px;height:90px}.detail-hero h1{font-size:var(--fs-4xl);margin-top:var(--sp-1)}@media (width<=768px){.detail-hero h1{font-size:var(--fs-2xl)}}.detail-tagline{font-size:var(--fs-lg);color:var(--text);max-width:520px}.screenshots-section{padding:var(--sp-6) 0 var(--sp-12);border-top:1px solid var(--border)}.screenshots-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:2px;color:var(--text);padding:0 var(--sp-8) var(--sp-5);font-weight:700}@media (width<=768px){.screenshots-label{padding:0 var(--sp-5) var(--sp-4)}}.screenshots-strip{gap:var(--sp-5);padding:var(--sp-2) var(--sp-8) var(--sp-4);scrollbar-width:none;display:flex;overflow-x:auto}.screenshots-strip::-webkit-scrollbar{display:none}@media (width<=768px){.screenshots-strip{padding:var(--sp-2) var(--sp-5) var(--sp-4);gap:var(--sp-4)}}.screenshot-item{align-items:center;gap:var(--sp-3);flex-direction:column;flex-shrink:0;width:160px;display:flex}@media (width<=768px){.screenshot-item{width:130px}}.screenshot-item img{border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow);display:block}.screenshot-caption{font-size:var(--fs-xs);color:var(--text);text-align:center;font-weight:600}.detail-about{border-top:1px solid var(--border);padding:var(--sp-10) var(--sp-8) var(--sp-12);max-width:720px;margin:0 auto}@media (width<=768px){.detail-about{padding:var(--sp-8) var(--sp-5) var(--sp-10)}}.detail-about h2{font-size:var(--fs-xl);margin-bottom:var(--sp-4);margin-top:var(--sp-8)}.detail-about h2:first-child{margin-top:0}.detail-about h3{font-size:var(--fs-lg);margin-bottom:var(--sp-3);margin-top:var(--sp-6)}.detail-about h4{font-size:var(--fs-base);color:var(--text-h);margin:var(--sp-4) 0 var(--sp-2);font-weight:700}.detail-about p{font-size:var(--fs-base);color:var(--text);margin-bottom:var(--sp-4);line-height:1.7}.detail-about ul,.detail-about ol{font-size:var(--fs-base);color:var(--text);padding-left:var(--sp-6);margin-bottom:var(--sp-4);line-height:1.7}.detail-about>img{max-width:100%;margin-bottom:var(--sp-6);display:block}.detail-about blockquote{border-left:3px solid var(--accent);margin:var(--sp-6) 0;padding:var(--sp-3) var(--sp-5);background:var(--accent-light);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.detail-about blockquote p{margin:0}.detail-about table{border-collapse:collapse;width:100%;font-size:var(--fs-sm);margin-bottom:var(--sp-6)}.detail-about table th,.detail-about table td{border:1px solid var(--border);padding:var(--sp-2) var(--sp-3)}.detail-about table th{background:var(--accent-light);font-weight:700}.detail-about table img{border-radius:var(--radius-sm);max-width:120px}.cycles-hero{align-items:center;gap:var(--sp-12);padding:var(--sp-12) var(--sp-8) var(--sp-10);border-top:1px solid var(--border);display:flex}@media (width<=768px){.cycles-hero{padding:var(--sp-10) var(--sp-5) var(--sp-8);gap:var(--sp-8);flex-direction:column}}.cycles-hero-text{text-align:center;align-items:center;gap:var(--sp-4);flex-direction:column;flex:1;display:flex}.cycles-hero-text .project-header{align-items:center}.cycles-hero-text h1{font-size:var(--fs-4xl)}@media (width<=768px){.cycles-hero-text h1{font-size:var(--fs-2xl)}}.cycles-hero-screenshot{flex-shrink:0}.cycles-hero-screenshot img{border-radius:var(--radius-md);width:280px;box-shadow:var(--shadow);display:block}@media (width<=768px){.cycles-hero-screenshot img{width:200px}}.cycles-intro{border-top:1px solid var(--border);padding:var(--sp-8) var(--sp-8);text-align:center}.cycles-intro p{font-size:var(--fs-md);color:var(--text);max-width:720px;margin:0 auto;line-height:1.7}@media (width<=768px){.cycles-intro{padding:var(--sp-7) var(--sp-5)}}.cycles-features{gap:var(--sp-8);border-top:1px solid var(--border);padding:var(--sp-8) var(--sp-8);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=768px){.cycles-features{padding:var(--sp-7) var(--sp-5);gap:var(--sp-10);grid-template-columns:1fr}}.cycles-feature-item{align-items:center;gap:var(--sp-4);flex-direction:column;display:flex}.cycles-feature-item img{border-radius:var(--radius-md);width:160px;box-shadow:var(--shadow);display:block}.cycles-feature-item h3{font-size:var(--fs-lg)}.cycles-feature-item p{font-size:var(--fs-base);color:var(--text);margin:0;line-height:1.7}.team-photo-placeholder{border-radius:var(--radius-md);background:var(--accent-light);width:160px;height:160px;box-shadow:var(--shadow);flex-shrink:0}.team-photo{border-radius:var(--radius-md);object-fit:cover;width:160px;height:160px;box-shadow:var(--shadow);display:block}.team-title{text-transform:uppercase;letter-spacing:.04em;margin:0;font-weight:600;font-size:var(--fs-sm)!important;color:var(--text)!important}.cycles-planned{border-top:1px solid var(--border);padding:var(--sp-8) var(--sp-8) var(--sp-12)}.cycles-planned h2{margin-bottom:var(--sp-4)}.cycles-planned p{font-size:var(--fs-md);color:var(--text);max-width:720px;line-height:1.7}@media (width<=768px){.cycles-planned{padding:var(--sp-7) var(--sp-5) var(--sp-10)}}.tpa-hero-screenshots{gap:var(--sp-4);flex-shrink:0;display:flex}.tpa-hero-screenshots img{border-radius:var(--radius-md);width:190px;box-shadow:var(--shadow);display:block}@media (width<=768px){.tpa-hero-screenshots img{width:130px}}.tpa-camera-section{border-top:1px solid var(--border)}.tpa-features{gap:var(--sp-8);border-top:1px solid var(--border);padding:var(--sp-8);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=768px){.tpa-features{padding:var(--sp-7) var(--sp-5);gap:var(--sp-10);grid-template-columns:1fr}}.tpa-gallery-row{align-items:center;gap:var(--sp-8);border-top:1px solid var(--border);padding:var(--sp-8);grid-template-columns:1fr 1fr 1fr;display:grid}@media (width<=768px){.tpa-gallery-row{padding:var(--sp-7) var(--sp-5);gap:var(--sp-6);grid-template-columns:1fr}}.tpa-gallery-img{align-items:center;gap:var(--sp-3);flex-direction:column;display:flex}.tpa-gallery-img img{border-radius:var(--radius-md);width:200px;box-shadow:var(--shadow);display:block}@media (width<=768px){.tpa-gallery-img img{width:160px}}.tpa-gallery-text{gap:var(--sp-4);text-align:center;flex-direction:column;display:flex}.tpa-gallery-text h2{font-size:var(--fs-xl)}.tpa-gallery-text p{font-size:var(--fs-base);color:var(--text);margin:0;line-height:1.7}.tpa-split{gap:var(--sp-10);border-top:1px solid var(--border);padding:var(--sp-8);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.tpa-split{padding:var(--sp-7) var(--sp-5);gap:var(--sp-10);grid-template-columns:1fr}}.tpa-split-item{align-items:center;gap:var(--sp-4);flex-direction:column;display:flex}.tpa-split-item img{border-radius:var(--radius-md);width:200px;box-shadow:var(--shadow);display:block}@media (width<=768px){.tpa-split-item img{width:160px}}.tpa-split-item h3{font-size:var(--fs-lg);text-align:center}.tpa-split-item p{font-size:var(--fs-base);color:var(--text);text-align:center;margin:0;line-height:1.7}.tpa-references{border-top:1px solid var(--border);padding:var(--sp-8) var(--sp-8) var(--sp-12)}@media (width<=768px){.tpa-references{padding:var(--sp-7) var(--sp-5) var(--sp-10)}}.tpa-references-inner{align-items:center;gap:var(--sp-10);display:flex}.tpa-references-inner img{border-radius:var(--radius-md);width:200px;box-shadow:var(--shadow);flex-shrink:0;display:block}@media (width<=768px){.tpa-references-inner img{width:140px}}@media (width<=768px){.tpa-references-inner{text-align:center;flex-direction:column;align-items:center}}.tpa-references-text h2{font-size:var(--fs-xl);margin-bottom:var(--sp-4)}.tpa-references-text p{font-size:var(--fs-base);color:var(--text);max-width:520px;margin:0;line-height:1.7}.img-comparison{gap:var(--sp-6);margin:var(--sp-6) 0;display:flex}@media (width<=600px){.img-comparison{flex-direction:column}}.img-comparison-item{align-items:center;gap:var(--sp-3);text-align:center;flex-direction:column;flex:1;display:flex}.img-comparison-item img{border-radius:var(--radius-sm);width:100%;display:block}.img-comparison-label{font-size:var(--fs-sm);color:var(--text-h);background:var(--accent-light);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-sm);margin:0;font-weight:700}.img-comparison-caption{font-size:var(--fs-sm);color:var(--text);margin:0;line-height:1.5}.two-col-compare{margin:var(--sp-6) 0;align-items:flex-start;gap:10%;padding:0 5%;display:flex}.two-col-compare>div{flex:1}@media (width<=600px){.two-col-compare{gap:var(--sp-4);flex-direction:column;padding:0}}.slogan-diagram{border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--sp-6) var(--sp-5) var(--sp-5);margin:var(--sp-6) 0;background:var(--accent-light)}.slogan-main-text{align-items:baseline;gap:var(--sp-3);font-size:var(--fs-4xl);color:var(--text-h);margin-bottom:var(--sp-10);flex-wrap:wrap;justify-content:center;font-weight:700;line-height:1;display:flex}.slogan-underline{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px}.slogan-gap{width:0;position:relative}.slogan-caret{font-size:var(--fs-base);color:var(--accent);line-height:1.2;position:absolute;top:100%;left:50%;transform:translate(-50%)}.slogan-should{font-size:var(--fs-sm);color:var(--accent);white-space:nowrap;font-weight:600;position:absolute;top:calc(100% + 1.2em);left:50%;transform:translate(-50%)}.slogan-annotations{gap:var(--sp-4);display:flex}@media (width<=600px){.slogan-annotations{flex-direction:column}}.slogan-annotation{font-size:var(--fs-sm);color:var(--text);padding:var(--sp-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);flex:1;line-height:1.6}.slogan-arrow{width:0;height:0;margin:0 auto var(--sp-2)}.slogan-arrow-left,.slogan-arrow-right{border-left:8px solid #0000;border-right:8px solid #0000;border-bottom:10px solid var(--accent)}footer{border-top:1px solid var(--border);padding:var(--sp-7) var(--sp-8);text-align:center;font-size:var(--fs-sm);color:var(--text);align-items:center;gap:var(--sp-3);flex-direction:column;display:flex}.footer-contact{color:var(--accent);font-weight:700;text-decoration:none}.footer-contact:hover{text-decoration:underline}