*,:before,:after{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--bg-page:#f4f6f8;--bg-elevated:#fff;--bg-subtle:#eef1f4;--bg-placeholder:#e8ecf0;--text-primary:#1a2332;--text-secondary:#4a5568;--text-muted:#7a8594;--text-inverse:#f7f9fb;--border:#1a233214;--border-strong:#1a233224;--accent:#3a7d8c;--accent-hover:#2f6a77;--accent-muted:#3a7d8c1a;--accent-subtle:#3a7d8c0f;--shadow-sm:0 1px 2px #1a23320a;--shadow-md:0 4px 16px #1a23320f, 0 1px 3px #1a23320a;--shadow-lg:0 12px 40px #1a233214, 0 2px 8px #1a23320a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--max-width:1120px;--section-gap:120px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-page:#12151a;--bg-elevated:#1a1e26;--bg-subtle:#222730;--bg-placeholder:#252a33;--text-primary:#e8ecf1;--text-secondary:#a8b0bc;--text-muted:#6e7888;--text-inverse:#12151a;--border:#ffffff14;--border-strong:#ffffff24;--accent:#5ba8b8;--accent-hover:#6eb8c6;--accent-muted:#5ba8b81f;--accent-subtle:#5ba8b80f;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 16px #00000040, 0 1px 3px #00000026;--shadow-lg:0 12px 40px #00000059, 0 2px 8px #0003}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text-secondary);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.6}#root{min-height:100svh}h1,h2,h3,h4{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-weight:600}p{margin:0}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover)}button{font-family:inherit}@media (width<=768px){:root{--section-gap:80px}}.theme-toggle{color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.theme-toggle:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.theme-toggle__icon{opacity:.7;font-size:14px;line-height:1}.theme-toggle__label{line-height:1}.hero{max-width:720px;padding:80px 0 64px}.hero__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:20px;font-size:13px;font-weight:500}.hero__headline{letter-spacing:-.03em;margin-bottom:24px;font-size:clamp(36px,5vw,52px);font-weight:600;line-height:1.12}.hero__subheadline{color:var(--text-secondary);margin-bottom:16px;font-size:18px;line-height:1.65}.hero__note{color:var(--text-muted);margin-bottom:36px;font-size:15px;line-height:1.6}.hero__actions{flex-wrap:wrap;gap:12px;margin-bottom:40px;display:flex}.hero__btn{border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:12px 24px;font-size:15px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.hero__btn--primary{color:var(--text-inverse);background:var(--accent);border:1px solid var(--accent)}.hero__btn--primary:hover{color:var(--text-inverse);background:var(--accent-hover);border-color:var(--accent-hover)}.hero__btn--secondary{color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-strong)}.hero__btn--secondary:hover{color:var(--text-primary);background:var(--bg-subtle)}.hero__status{letter-spacing:.04em;color:var(--text-muted);font-size:13px;font-weight:500}@media (width<=768px){.hero{padding:48px 0 40px}.hero__subheadline{font-size:17px}}.overview{padding-bottom:16px}.overview__heading{margin-bottom:16px;font-size:clamp(24px,3vw,32px);line-height:1.2}.overview__body{color:var(--text-secondary);max-width:640px;margin-bottom:40px;font-size:17px;line-height:1.65}.overview__tiles{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.overview__tile{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:6px;padding:20px 22px;display:flex}.overview__tile-label{color:var(--accent);letter-spacing:.01em;font-size:14px;font-weight:600}.overview__tile-desc{color:var(--text-muted);font-size:13px;line-height:1.5}@media (width<=1024px){.overview__tiles{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.overview__tiles{grid-template-columns:1fr}}.badge{letter-spacing:.02em;border:1px solid var(--border);background:var(--bg-subtle);color:var(--text-secondary);white-space:nowrap;border-radius:6px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex}.badge--accent{background:var(--accent-muted);color:var(--accent);border-color:#3a7d8c33}[data-theme=dark] .badge--accent{border-color:#5ba8b840}.badge--muted{color:var(--text-muted);background:0 0;border-color:#0000;padding-inline:0}.screenshot-placeholder{width:100%}.screenshot-placeholder__frame{aspect-ratio:16/10;border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--bg-placeholder);box-shadow:var(--shadow-sm);overflow:hidden}.screenshot-placeholder__toolbar{border-bottom:1px solid var(--border);background:var(--bg-subtle);gap:6px;padding:12px 16px;display:flex}.screenshot-placeholder__dot{background:var(--border-strong);border-radius:50%;width:8px;height:8px}.screenshot-placeholder__content{flex-direction:column;justify-content:center;align-items:center;gap:6px;height:calc(100% - 41px);padding:24px;display:flex}.screenshot-placeholder__label{color:var(--text-muted);font-size:14px;font-weight:500}.screenshot-placeholder__hint{color:var(--text-muted);opacity:.7;font-size:12px}.screenshot-lightbox:not([open]){display:none}.screenshot-lightbox[open]{justify-content:center;align-items:center;display:flex}.screenshot-lightbox{background:0 0;border:none;width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0;padding:48px 24px;overflow:hidden}.screenshot-lightbox::backdrop{-webkit-backdrop-filter:blur(4px);background:#12151ad1}.screenshot-lightbox__close{z-index:2;color:#e8ecf1;border-radius:var(--radius-sm);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:24px;line-height:1;transition:background .15s,border-color .15s;display:flex;position:fixed;top:72px;right:20px}.screenshot-lightbox__close:hover{background:#ffffff24;border-color:#fff3}.screenshot-lightbox__image{border-radius:var(--radius-md);object-fit:contain;border:1px solid #ffffff1a;width:auto;max-width:min(1400px,100%);height:auto;max-height:calc(100vh - 96px);display:block;box-shadow:0 24px 80px #00000073}@media (width<=768px){.screenshot-lightbox{padding:56px 16px 24px}.screenshot-lightbox__close{top:12px;right:12px}.screenshot-lightbox__image{border-radius:var(--radius-sm);max-height:calc(100vh - 80px)}}.screenshot-shot{width:100%;margin:0}.screenshot-shot__label{color:var(--text-primary);margin:0 0 10px;font-size:14px;font-weight:600}.screenshot-shot--hero .screenshot-shot__label{color:var(--accent);letter-spacing:.02em}.screenshot-shot__trigger{border-radius:var(--radius-lg);cursor:zoom-in;text-align:left;width:100%;box-shadow:var(--shadow-sm);background:0 0;border:none;padding:0;transition:box-shadow .15s;display:block;position:relative;overflow:hidden}.screenshot-shot__trigger:hover{box-shadow:var(--shadow-md)}.screenshot-shot__trigger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.screenshot-shot__trigger:after{content:"";border-radius:inherit;border:1px solid var(--border-strong);pointer-events:none;position:absolute;inset:0}.screenshot-shot__image{background:var(--bg-placeholder);width:100%;height:auto;display:block}.screenshot-shot__hint{color:var(--text-secondary);background:color-mix(in srgb, var(--bg-elevated) 92%, transparent);border:1px solid var(--border);opacity:0;pointer-events:none;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:500;transition:opacity .15s,transform .15s;position:absolute;bottom:14px;right:14px;transform:translateY(4px)}.screenshot-shot__trigger:hover .screenshot-shot__hint,.screenshot-shot__trigger:focus-visible .screenshot-shot__hint{opacity:1;transform:translateY(0)}.screenshot-shot__caption{color:var(--text-muted);margin:10px 0 0;font-size:13px;line-height:1.5}.screenshot-shot--gallery .screenshot-shot__trigger{border-radius:var(--radius-md)}.prototype-screenshots{flex-direction:column;gap:28px;display:flex}.prototype-screenshots__heading{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:0 0 16px;font-size:13px;font-weight:600}.prototype-screenshots__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;display:grid}.prototype-screenshots__grid--four{grid-template-columns:repeat(4,1fr)}@media (width<=1024px){.prototype-screenshots__grid--four{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.prototype-screenshots__grid,.prototype-screenshots__grid--four{grid-template-columns:1fr}}.prototype-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);flex-direction:column;gap:32px;padding:36px;display:flex}.prototype-card__header{flex-direction:column;gap:12px;display:flex}.prototype-card__meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.prototype-card__note{color:var(--text-muted);font-size:12px}.prototype-card__name{font-size:clamp(22px,2.5vw,28px);line-height:1.2}.prototype-card__description{color:var(--text-secondary);max-width:640px;font-size:16px;line-height:1.65}.prototype-card__details{grid-template-columns:1fr 1fr;gap:32px;display:grid}.prototype-card__section-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px;font-size:13px;font-weight:600}.prototype-card__list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.prototype-card__list li{color:var(--text-secondary);padding-left:16px;font-size:14px;line-height:1.55;position:relative}.prototype-card__list li:before{content:"";background:var(--accent);opacity:.6;border-radius:50%;width:5px;height:5px;position:absolute;top:9px;left:0}.prototype-card__patterns{flex-wrap:wrap;gap:8px;display:flex}@media (width<=768px){.prototype-card{gap:24px;padding:24px}.prototype-card__details{grid-template-columns:1fr;gap:24px}}.principles__heading{margin-bottom:48px;font-size:clamp(24px,3vw,32px);line-height:1.2}.principles__grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.principles__item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:28px}.principles__number{letter-spacing:.06em;color:var(--accent);font-size:12px;font-weight:600;font-family:var(--font-mono);margin-bottom:14px;display:block}.principles__title{margin-bottom:10px;font-size:17px;font-weight:600;line-height:1.3}.principles__description{color:var(--text-secondary);font-size:14px;line-height:1.65}@media (width<=768px){.principles__grid{grid-template-columns:1fr}.principles__heading{margin-bottom:32px}}.about__heading{margin-bottom:20px;font-size:clamp(24px,3vw,32px);line-height:1.2}.about__body{color:var(--text-secondary);max-width:680px;font-size:17px;line-height:1.7}.contact{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:48px}.contact__heading{margin-bottom:16px;font-size:clamp(22px,2.5vw,28px);line-height:1.2}.contact__body{color:var(--text-secondary);max-width:600px;margin-bottom:28px;font-size:16px;line-height:1.65}.contact__links{flex-wrap:wrap;gap:12px;display:flex}.contact__link{color:var(--text-primary);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;padding:10px 20px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.contact__link:hover{color:var(--accent);background:var(--accent-subtle);border-color:#3a7d8c33}[data-theme=dark] .contact__link:hover{border-color:#5ba8b840}@media (width<=768px){.contact{padding:28px}}.app{flex-direction:column;min-height:100svh;display:flex}.app__container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.app__header{z-index:100;background:color-mix(in srgb, var(--bg-page) 85%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.app__header-inner{justify-content:space-between;align-items:center;height:60px;display:flex}.app__logo{color:var(--text-primary);letter-spacing:-.01em;font-size:15px;font-weight:600}.app__logo:hover{color:var(--accent)}.app__main{flex:1}.app__main>.app__container>section+section{margin-top:var(--section-gap)}.app__prototypes{flex-direction:column;gap:32px;display:flex}.app__footer{margin-top:var(--section-gap);border-top:1px solid var(--border);padding:32px 0 48px}.app__footer-text{color:var(--text-muted);font-size:13px}@media (width<=768px){.app__container{padding:0 20px}}