@import "https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;800&family=Montserrat:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg:#fdfcfa;--bg-panel:#dcd9d4;--ink:#16161a;--muted:#aca9a5;--muted-2:#8d8a86;--line:#e1ded7;--accent:#f86594;--accent-soft:#eceaff;--font-display:"Shippori Mincho", serif;--font-label:"Montserrat", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--section-pad:clamp(64px, 10vw, 140px);--edge-pad:clamp(20px, 5vw, 64px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-label);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}::selection{background:var(--accent);color:#fff}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.loader{z-index:999;background:var(--bg-panel);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader__mark{font-family:var(--font-label);letter-spacing:.3em;color:var(--muted-2);text-transform:uppercase;font-size:12px}.chrome-logo{top:28px;left:var(--edge-pad);z-index:60;font-family:var(--font-label);letter-spacing:.18em;mix-blend-mode:difference;color:#fff;font-size:14px;font-weight:600;position:fixed}.chrome-logo span{color:var(--accent)}.side-nav{right:var(--edge-pad);z-index:60;flex-direction:column;align-items:flex-end;gap:18px;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.side-nav__item{font-family:var(--font-label);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;font-size:10px;transition:color .3s;display:flex}.side-nav__item .dot{background:var(--muted);border-radius:50%;width:5px;height:5px;transition:all .3s}.side-nav__item.is-active{color:var(--ink)}.side-nav__item.is-active .dot{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}@media (max-width:860px){.side-nav{display:none}}.section{padding:var(--section-pad) var(--edge-pad);border-top:1px solid var(--line);position:relative}.section__inner{max-width:1180px;margin:0 auto}.eyebrow{align-items:baseline;gap:16px;margin-bottom:clamp(40px,6vw,72px);display:flex}.eyebrow__big{font-family:var(--font-label);letter-spacing:.32em;text-transform:uppercase;font-size:13px;font-weight:600}.eyebrow__min{font-family:var(--font-label);letter-spacing:.04em;color:var(--muted);font-size:11px}.eyebrow:after{content:"";background:var(--line);flex:1;height:1px}[data-reveal]{opacity:0;transform:translateY(28px)}.hero{min-height:100svh;padding:0 var(--edge-pad);flex-direction:column;justify-content:center;display:flex;position:relative}.hero__eyebrow{font-family:var(--font-label);letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin:0 0 28px;font-size:11px}.hero__title{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:clamp(64px,13vw,180px);font-weight:600;line-height:.92}.hero__title em{color:var(--accent);font-style:normal}.hero__sub{max-width:540px;color:var(--muted-2);margin:28px 0 0;font-size:15px;line-height:1.8}.hero__cta{border:1px solid var(--ink);width:fit-content;font-family:var(--font-mono);align-items:center;gap:12px;margin-top:44px;padding:14px 22px;font-size:13px;display:inline-flex}.hero__cta:hover{background:var(--ink);color:#fff}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:clamp(56px,8vw,96px);padding:22px 0;overflow:hidden}.marquee__track{gap:48px;width:max-content;animation:28s linear infinite marquee-scroll;display:flex}.marquee__track span{font-family:var(--font-display);white-space:nowrap;color:var(--muted);font-size:clamp(22px,3vw,34px)}.marquee__track span.is-accent{color:var(--ink)}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.about__grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:clamp(40px,6vw,96px);display:grid}.about__statement{font-family:var(--font-display);margin:0;font-size:clamp(24px,2.6vw,36px);line-height:1.5}.about__body{color:var(--muted-2);font-size:14.5px;line-height:1.95}.about__body p{margin:0 0 18px}@media (max-width:860px){.about__grid{grid-template-columns:1fr}}.demo-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}@media (max-width:980px){.demo-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.demo-grid{grid-template-columns:1fr}}.demo-card{background:var(--bg);flex-direction:column;min-height:220px;padding:32px 28px 28px;display:flex;position:relative;overflow:hidden}.demo-card__behavior{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent);text-transform:lowercase;font-size:11px}.demo-card__title{font-family:var(--font-display);margin:10px 0 8px;font-size:22px}.demo-card__hint{color:var(--muted);margin:0;font-size:12.5px;line-height:1.6}.demo-card__stage{align-items:center;margin-top:auto;padding-top:22px;display:flex}.demo-soul{background:var(--ink);color:#fff;width:56px;height:56px;font-family:var(--font-mono);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:flex}.demo-card--idle .demo-soul{background:var(--muted-2)}.code-snip{color:#d8d6ff;font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;background:#111114;border-radius:2px;margin-top:18px;padding:14px 16px;font-size:10.8px;line-height:1.65}.code-snip .tok-key{color:#8d8aff}.code-snip .tok-str{color:#9ee6a8}.code-snip .tok-com{color:#6b6b78}.behaviors-menu{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:860px){.behaviors-menu{grid-template-columns:1fr}}.behaviors-group{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 26px}.behaviors-group__tit{font-family:var(--font-label);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 18px;font-size:11px}.behaviors-group__list li{font-family:var(--font-mono);border-bottom:1px dashed var(--line);color:var(--ink);padding:6px 0;font-size:13px}.behaviors-group__list li:last-child{border-bottom:none}.outline-table{border-collapse:collapse;width:100%}.outline-table tr{border-top:1px solid var(--line)}.outline-table tr:last-child{border-bottom:1px solid var(--line)}.outline-table th,.outline-table td{text-align:left;vertical-align:top;padding:18px 20px;font-size:13.5px}.outline-table th{width:220px;font-family:var(--font-label);letter-spacing:.04em;color:var(--muted-2);font-weight:500}.outline-table td{font-family:var(--font-mono)}.cta{text-align:center;padding:var(--section-pad) var(--edge-pad)}.cta__title{font-family:var(--font-display);margin:0 0 28px;font-size:clamp(32px,5vw,56px)}.cta__links{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.cta__link{border:1px solid var(--ink);font-family:var(--font-mono);padding:14px 26px;font-size:13px}.cta__link:hover,.cta__link.primary{background:var(--ink);color:#fff}.cta__link.primary:hover{background:var(--accent);border-color:var(--accent)}.footer{border-top:1px solid var(--line);padding:36px var(--edge-pad);letter-spacing:.05em;color:var(--muted);font-size:11px;font-family:var(--font-label);justify-content:space-between;align-items:center;display:flex}@media (max-width:600px){.footer{text-align:center;flex-direction:column;gap:10px}.about__grid{gap:28px}}