.site-header{position:sticky;top:0;z-index:10;background:#ffffffeb;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:root[data-theme=dark] .site-header{background:#1f1b17eb}.header__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0}.header__links{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:flex-end}.logo{font-family:"DM Serif Display",serif;font-size:1.2rem;letter-spacing:.16em;color:var(--accent-dark)}.nav{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:flex-end}.nav__link{font-weight:600;position:relative;padding:6px 2px;transition:color .2s ease}.nav__link:after{content:"";position:absolute;left:0;bottom:-6px;width:0%;height:2px;background:var(--accent);transition:width .2s ease}.nav__link:hover,.nav__link:focus-visible{color:var(--accent-dark)}.nav__link:hover:after,.nav__link.active:after{width:100%}.nav__link.active{color:var(--accent-dark)}.nav__actions{display:flex;gap:10px;flex-wrap:wrap}.toggle-button{border:1px solid var(--border);background:var(--surface);color:var(--ink);padding:6px 14px;border-radius:999px;font-weight:600;font-size:.85rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.toggle-button:hover,.toggle-button:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow-soft)}@media (max-width: 960px){.header__inner{align-items:flex-start}.header__links{justify-content:flex-start}}@media (max-width: 720px){.header__inner{flex-direction:column;align-items:flex-start}.nav{justify-content:flex-start}}.architecture-section{position:relative}.architecture-grid{display:grid;gap:24px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start}.architecture-diagram{display:grid;gap:20px}.architecture-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.architecture__eyebrow{margin:0 0 6px;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}.architecture__title{margin:0;font-size:1.2rem;color:var(--accent-dark)}.architecture-modes{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.mode-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:18px;text-align:left;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.mode-card.is-active{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-4px)}.mode-card:hover,.mode-card:focus-visible{transform:translateY(-4px);box-shadow:var(--shadow)}.mode-card__title{display:block;font-weight:600;margin-bottom:6px}.mode-card__desc{color:var(--muted);font-size:.95rem}.architecture-flow{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.flow-step{display:flex;align-items:center;gap:12px}.flow-node{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:14px 16px;min-width:160px;text-align:left;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.flow-node.is-active{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}.flow-node.is-linked{border-color:#a06b3a80;background:linear-gradient(135deg,#a06b3a14,#a06b3a00)}.flow-node:hover,.flow-node:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow)}.flow-node__label{display:block;font-weight:600;margin-bottom:6px}.flow-node__meta{font-size:.82rem;color:var(--muted)}.flow-arrow{width:32px;height:2px;background:linear-gradient(90deg,transparent 0%,var(--accent) 50%,transparent 100%);background-size:200% 100%;position:relative;animation:flowPulse 2.4s linear infinite}.flow-arrow:after{content:"";position:absolute;right:-6px;top:-4px;border-width:5px 0 5px 6px;border-style:solid;border-color:transparent transparent transparent var(--accent)}@keyframes flowPulse{0%{background-position:0% 50%}to{background-position:200% 50%}}.reset-button{border:1px solid var(--border);background:var(--surface);color:var(--ink);padding:8px 18px;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.reset-button:disabled{opacity:.6;cursor:not-allowed}.reset-button:not(:disabled):hover,.reset-button:not(:disabled):focus-visible{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.explanation-panel{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:24px;box-shadow:var(--shadow-soft);display:grid;gap:16px}.explanation-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.explanation-panel__header h3{margin:0;font-size:1.1rem}.explanation-panel__badge{background:var(--accent-soft);color:var(--accent-dark);padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.explanation-panel__summary{margin:0;color:var(--muted)}.explanation-panel__list{margin:0;padding-left:18px;color:var(--ink);display:grid;gap:6px}.explanation-panel__tags{display:flex;flex-wrap:wrap;gap:8px}.explanation-panel__tag{background:var(--accent-soft);color:var(--accent-dark);padding:6px 12px;border-radius:999px;font-size:.8rem;font-weight:600}.tooltip{position:relative;display:inline-flex;align-items:center;gap:4px;cursor:help;outline:none}.tooltip:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:130%;transform:translate(-50%) translateY(6px);background:var(--tooltip-bg);color:var(--tooltip-ink);padding:8px 10px;border-radius:8px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:5}.tooltip:hover:after,.tooltip:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.flow-node:hover .tooltip:after,.mode-card:hover .tooltip:after,.flow-node:focus-visible .tooltip:after,.mode-card:focus-visible .tooltip:after{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 960px){.architecture-grid{grid-template-columns:1fr}}@media (max-width: 720px){.architecture-flow,.flow-step{flex-direction:column;align-items:stretch}.flow-arrow{width:2px;height:24px}.flow-arrow:after{top:auto;left:-4px;right:auto;bottom:-6px;border-width:6px 5px 0 5px;border-color:var(--accent) transparent transparent transparent}}.team-section{position:relative}.team-grid{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.team-card{background:var(--surface);border-radius:22px;border:1px solid var(--border);padding:32px 24px;text-align:center;box-shadow:var(--shadow-soft);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.team-card:hover,.team-card:focus-within{transform:translateY(-6px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--team-accent) 25%,var(--border))}.team-card__img{width:140px;height:140px;border-radius:50%;object-fit:cover;margin:0 auto 18px;border:5px solid var(--team-accent)}.team-card__name{margin:0 0 8px;font-size:1.15rem;font-weight:700;color:var(--team-accent)}.team-card__reg{margin:0 0 16px;color:var(--muted);font-weight:600}.team-card__portfolio{display:inline-flex;align-items:center;justify-content:center;color:var(--team-accent);text-decoration:underline;text-underline-offset:4px;font-weight:600;margin-bottom:18px}.team-card__social{display:flex;align-items:center;justify-content:center;gap:16px}.social-link{width:36px;height:36px;border-radius:10px;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--muted);background:var(--surface);box-shadow:0 6px 14px #281f1614;transition:transform .2s ease,box-shadow .2s ease,color .2s ease}.social-link:hover,.social-link:focus-visible{transform:translateY(-2px);color:var(--team-accent);box-shadow:0 10px 18px #281f1629}.social-link svg{width:18px;height:18px;fill:currentColor}@media (max-width: 720px){.team-grid{grid-template-columns:1fr}}.site-footer{background:var(--footer-bg);color:var(--footer-ink);padding:64px 0 0;margin-top:80px}.footer-grid{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.footer-brand h2{margin:0 0 12px;font-size:1.6rem;letter-spacing:.08em}.footer-brand p{margin:0;color:color-mix(in srgb,var(--footer-ink) 70%,transparent)}.footer-links h3,.footer-contact h3{margin:0 0 16px;color:var(--footer-accent);font-size:1.05rem}.footer-links ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.footer-links a{color:var(--footer-ink);font-weight:600;transition:color .2s ease}.footer-links a:hover,.footer-links a:focus-visible{color:var(--footer-accent)}.footer-contact__item{display:grid;grid-template-columns:32px 1fr;align-items:start;gap:12px;margin-bottom:16px}.footer-contact p{margin:0;color:color-mix(in srgb,var(--footer-ink) 80%,transparent)}.footer-contact a{color:var(--footer-ink);font-weight:600;text-decoration:none}.footer-icon{width:32px;height:32px;border-radius:10px;background:color-mix(in srgb,var(--footer-accent) 18%,transparent);display:inline-flex;align-items:center;justify-content:center}.footer-icon svg{width:18px;height:18px;fill:var(--footer-accent)}.footer-bottom{margin-top:48px;padding:18px 0 24px;border-top:1px solid color-mix(in srgb,var(--footer-ink) 12%,transparent);text-align:center;color:color-mix(in srgb,var(--footer-ink) 70%,transparent)}.footer-bottom p{margin:0}@media (max-width: 720px){.site-footer{padding:48px 0 0}}:root{--bg: #f4efe7;--surface: #ffffff;--ink: #2b2621;--muted: #6c635a;--accent: #a06b3a;--accent-dark: #7a4c25;--accent-soft: #f1e0cf;--border: #e7dfd6;--shadow-soft: 0 8px 20px rgba(40, 31, 22, .08);--shadow: 0 16px 30px rgba(40, 31, 22, .16);--radius: 18px;--team-accent: #4f6ef2;--footer-bg: #2f3f4f;--footer-ink: #e7eef6;--footer-accent: #2fd6d6;--badge-frontend: #e6f2ff;--badge-backend: #ffe9dc;--badge-hardware: #e8f8ef;--badge-research: #f3e9ff;--badge-frontend-ink: #1c4d78;--badge-backend-ink: #7a3e1f;--badge-hardware-ink: #1e5a3c;--badge-research-ink: #5b2d79;--tooltip-bg: #2b2621;--tooltip-ink: #ffffff}:root[data-theme=dark]{--bg: #161311;--surface: #1f1b17;--ink: #f2ece5;--muted: #c4b9ae;--accent: #d79b64;--accent-dark: #f2b980;--accent-soft: #33271e;--border: #2f281f;--shadow-soft: 0 8px 20px rgba(0, 0, 0, .35);--shadow: 0 16px 30px rgba(0, 0, 0, .45);--team-accent: #8aa4ff;--footer-bg: #263340;--footer-ink: #e7eef6;--footer-accent: #36e0e0;--badge-frontend: #14334d;--badge-backend: #4a2a1e;--badge-hardware: #153625;--badge-research: #2f1b3f;--badge-frontend-ink: #bfe2ff;--badge-backend-ink: #ffd3ba;--badge-hardware-ink: #b3f0ce;--badge-research-ink: #e5c7ff;--tooltip-bg: #f2ece5;--tooltip-ink: #1b1612}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;font-family:Sora,sans-serif;color:var(--ink);background:radial-gradient(circle at 20% 15%,#fff8f0 0%,var(--bg) 45%,#efe9e1 100%);line-height:1.6;min-height:100vh}:root[data-theme=dark] body{background:radial-gradient(circle at 20% 15%,#2b221b 0%,var(--bg) 55%,#1b1511 100%)}body:before,body:after{content:"";position:fixed;z-index:-1;width:360px;height:360px;border-radius:50%}body:before{top:-120px;right:-120px;background:radial-gradient(circle,#a06b3a2e,#a06b3a00)}body:after{bottom:-140px;left:-140px;background:radial-gradient(circle,#a06b3a1f,#a06b3a00)}:root[data-theme=dark] body:before{background:radial-gradient(circle,#d79b6433,#d79b6400)}:root[data-theme=dark] body:after{background:radial-gradient(circle,#d79b641f,#d79b6400)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(1120px,92%);margin:0 auto}.section{padding:80px 0}.section--surface{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section__title{font-family:"DM Serif Display",serif;font-size:clamp(1.8rem,2.4vw,2.6rem);margin:0 0 12px;color:var(--accent-dark)}.section__subtitle{margin:0 0 32px;color:var(--muted);max-width:720px}.hero-section{padding-top:96px}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700;color:var(--accent);margin:0 0 12px}.hero__title{font-family:"DM Serif Display",serif;font-size:clamp(2.3rem,4vw,3.4rem);margin:0 0 12px}.hero__text{margin:0 0 24px;color:var(--muted)}.hero__actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:999px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn--primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-soft)}.btn--primary:hover,.btn--primary:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow)}.btn--ghost{border:1px solid var(--accent);color:var(--accent-dark);background:#fff9}:root[data-theme=dark] .btn--ghost{background:#1b151199}.btn--ghost:hover,.btn--ghost:focus-visible{transform:translateY(-2px)}.hero__card{background:var(--surface);padding:24px;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-soft)}.card__title{margin:0 0 12px;font-size:1.2rem}.hero__list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.hero__list li{position:relative;padding-left:20px;color:var(--muted)}.hero__list li:before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.info-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.info-card{background:var(--surface);border-radius:16px;border:1px solid var(--border);padding:20px;box-shadow:var(--shadow-soft);transition:transform .2s ease}.info-card:hover,.info-card:focus-within{transform:translateY(-4px)}.tech-list{display:flex;flex-wrap:wrap;gap:12px}.tech-pill{background:var(--accent-soft);color:var(--accent-dark);padding:8px 16px;border-radius:999px;font-weight:600;font-size:.95rem}.contact-card{background:var(--surface);border-radius:16px;border:1px solid var(--border);padding:20px;box-shadow:var(--shadow-soft);max-width:520px}.no-scroll{overflow:hidden}@media (max-width: 720px){.hero-section{padding-top:72px}.section{padding:64px 0}}