#view.about-page {
  --about-ease: cubic-bezier(.32,.72,0,1);
  --about-muted: rgba(255,255,255,.68);
  --about-line: rgba(255,255,255,.12);
  position: relative;
  overflow: clip;
  isolation: isolate;
  background: #07040E;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", Inter, sans-serif;
}
#view.about-page::before {
  position: absolute;
  z-index: 0;
  inset: 0;
  background: radial-gradient(ellipse at 15% 17%,rgba(112,62,190,.1),transparent 32%),radial-gradient(ellipse at 83% 43%,rgba(35,79,164,.08),transparent 34%);
  content: "";
  pointer-events: none;
}
#view.about-page h1,#view.about-page h2,#view.about-page h3,#view.about-page p { margin-top: 0; }
#view.about-page > section { z-index: 1; }
#view.about-page h1,#view.about-page h2 { font-size: clamp(44px,7vw,104px);font-weight: 600;letter-spacing: -.035em;line-height: 1.02; }
#view.about-page p { color: var(--about-muted);font-size: clamp(17px,1.6vw,21px);line-height: 1.5; }
#view.about-page section:not(.about-hero) { position: relative;margin: 0 auto;padding: clamp(100px,14vw,190px) max(24px,calc((100vw - 1160px)/2)); }
#view.about-page .about-hero { position: relative;display: grid;min-height: 100svh;place-items: center;overflow: hidden;padding: max(100px,env(safe-area-inset-top)) 24px 80px;isolation: isolate; }
#view.about-page .about-lights { position: absolute;z-index: -1;inset: -15%;pointer-events: none;transform: translate3d(var(--about-x,0),var(--about-y,0),0);transition: transform 1.2s var(--about-ease); }
#view.about-page .about-lights span { position: absolute;width: 48vw;height: 48vw;min-width: 360px;min-height: 360px;border-radius: 50%;filter: blur(100px);opacity: .16;animation: about-breathe 18s ease-in-out infinite alternate; }
#view.about-page .about-lights span:nth-child(1) { top: 6%;left: 10%;background: #753fe5; }
#view.about-page .about-lights span:nth-child(2) { top: 18%;right: 5%;background: #d34f9d;animation-delay: -7s; }
#view.about-page .about-lights span:nth-child(3) { bottom: 0;left: 34%;background: #2459c5;animation-delay: -11s; }
#view.about-page .about-lights span:nth-child(4) { bottom: 10%;right: 15%;background: #df856d;animation-delay: -4s; }
@keyframes about-breathe { to { transform: translate3d(5%,8%,0) scale(1.14); } }
#view.about-page .about-hero-content { width: min(1120px,100%); }
#view.about-page .about-hero-title { max-width: 1100px;margin: 0 0 34px;font-size: clamp(48px,8vw,112px); }
#view.about-page .about-word { display: inline-block;filter: blur(14px);opacity: 0;transform: translateY(16px);animation: about-word-in 1.1s var(--about-ease) forwards; }
#view.about-page .about-word:nth-of-type(2) { animation-delay: .12s; }
#view.about-page .about-word:nth-of-type(3) { animation-delay: .24s; }
#view.about-page .about-word:nth-of-type(4) { animation-delay: .36s; }
#view.about-page .about-word:nth-of-type(5) { animation-delay: .48s; }
#view.about-page .about-word:nth-of-type(6) { animation-delay: .60s; }
#view.about-page .about-hero-accent { color: transparent;background: linear-gradient(100deg,#fff 5%,#dfb2ff 47%,#faabc9 88%);background-clip: text;-webkit-background-clip: text; }
@keyframes about-word-in { to { filter: blur(0);opacity: 1;transform: translateY(0); } }
#view.about-page .about-hero-copy { max-width: 620px;margin: 0 0 0 auto;opacity: 0;animation: about-copy-in 1.1s var(--about-ease) .9s forwards; }
@keyframes about-copy-in { to { opacity: 1; } }
#view.about-page .about-reading { display: grid;min-height: 160svh;place-items: center; }
#view.about-page .about-reading-inner { position: sticky;top: 28vh;width: min(850px,100%); }
#view.about-page .about-reading h2 { max-width: 800px;margin-bottom: 24px; }
#view.about-page .about-reading h2 span { opacity: var(--about-word-progress,.2); }
#view.about-page .about-reading p { max-width: 600px; }
#view.about-page .about-definition { display: grid;grid-template-columns: minmax(250px,.9fr) minmax(300px,1fr);gap: clamp(64px,12vw,180px);align-items: start; }
#view.about-page .about-definition-copy { position: sticky;top: 18vh;max-width: 540px; }
#view.about-page .about-definition-copy h2 { font-size: clamp(46px,6vw,82px); }
#view.about-page .about-definition-lead { color: rgba(255,255,255,.9)!important; }
#view.about-page .about-definition-list { display: grid;gap: 9vh;padding-top: 12vh; }
#view.about-page .about-feature { display: block;max-width: 540px;opacity: .35;filter: blur(5px);transform: translateY(18px);transition: opacity .8s var(--about-ease),filter .8s var(--about-ease),transform .8s var(--about-ease); }
#view.about-page .about-feature.is-active { opacity: 1;filter: none;transform: none; }
#view.about-page .about-feature h3 { margin-bottom: 12px;font-size: clamp(26px,3vw,40px);font-weight: 550;letter-spacing: -.03em; }
#view.about-page .about-section-heading { max-width: 700px;margin: 0 auto 70px; }
#view.about-page .about-section-heading h2 { margin-bottom: 22px; }
#view.about-page .about-section-heading p { max-width: 620px; }
#view.about-page .about-cycle { overflow: hidden; }
#view.about-page .about-cycle-track { position: relative;display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 28px;align-items: start;min-height: 260px; }
#view.about-page .about-cycle-line { position: absolute;inset: 24px 0 auto;width: 100%;height: 120px;overflow: visible; }
#view.about-page .about-cycle-path,#view.about-page .about-cycle-progress { fill: none;stroke: rgba(255,255,255,.13);stroke-width: 1;vector-effect: non-scaling-stroke; }
#view.about-page .about-cycle-progress { stroke: #d7aaff;stroke-dasharray: 1;stroke-dashoffset: 1;transition: stroke-dashoffset 1s var(--about-ease); }
#view.about-page .about-cycle-step { position: relative;z-index: 1;display: block;padding-top: 0;opacity: .36;filter: blur(3px);transition: opacity .8s var(--about-ease),filter .8s var(--about-ease); }
#view.about-page .about-cycle-step.is-active { opacity: 1;filter: none; }
#view.about-page .about-cycle-step h3 { margin: 126px 0 12px;font-size: clamp(21px,2vw,29px);font-weight: 550; }
#view.about-page .about-cycle-step p { font-size: 16px; }
#view.about-page .about-signals .about-section-heading { margin-left: 0; }
#view.about-page .about-signal-list { border-top: 1px solid var(--about-line); }
#view.about-page .about-signal { position: relative;display: grid;width: 100%;grid-template-columns: minmax(180px,.8fr) minmax(220px,1fr);gap: 20px;align-items: baseline;padding: clamp(23px,4vw,46px) 4px;border: 0;border-bottom: 1px solid var(--about-line);background: transparent;color: #fff;text-align: left;cursor: pointer;transition: padding .8s var(--about-ease),background-color .8s var(--about-ease); }
#view.about-page .about-signal::before { position: absolute;z-index: -1;inset: 0 auto 0 0;width: 0;background: radial-gradient(ellipse at left,rgba(143,81,226,.16),transparent 72%);content: "";transition: width .8s var(--about-ease); }
#view.about-page .about-signal:hover::before,#view.about-page .about-signal[aria-expanded="true"]::before { width: 100%; }
#view.about-page .about-signal-name { font-size: clamp(38px,6vw,78px);font-weight: 550;letter-spacing: -.045em; }
#view.about-page .about-signal-copy { max-width: 480px;color: var(--about-muted);font-size: 18px;line-height: 1.5;opacity: .55;filter: blur(3px);transition: opacity .7s var(--about-ease),filter .7s var(--about-ease); }
#view.about-page .about-signal:hover .about-signal-copy,#view.about-page .about-signal[aria-expanded="true"] .about-signal-copy { opacity: 1;filter: none; }
#view.about-page .about-products { max-width: none!important;padding-right: 0!important;padding-left: max(24px,calc((100vw - 1160px)/2))!important; }
#view.about-page .about-product-rail { display: flex;gap: 20px;overflow-x: auto;overscroll-behavior-x: contain;scroll-snap-type: x mandatory;padding: 8px max(24px,calc((100vw - 1160px)/2)) 22px 0;scrollbar-width: thin; }
#view.about-page .about-product { position: relative;display: flex;flex: 0 0 min(67vw,690px);min-height: 420px;flex-direction: column;justify-content: flex-end;overflow: hidden;padding: clamp(28px,5vw,62px);border: 1px solid rgba(255,255,255,.1);border-radius: 28px;background: linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018));color: #fff;text-decoration: none;scroll-snap-align: start;transition: transform .9s var(--about-ease),background-color .8s var(--about-ease); }
#view.about-page .about-product:hover { transform: translateY(-7px);background-color: rgba(255,255,255,.045); }
#view.about-page .about-product-primary { min-height: 500px;background-image: radial-gradient(ellipse at 85% 20%,rgba(173,104,255,.19),transparent 52%); }
#view.about-page .about-product-tertiary { flex-basis: min(53vw,540px);min-height: 370px; }
#view.about-page .about-product h3 { max-width: 17ch;margin: 0 0 16px;font-size: clamp(32px,4vw,54px);font-weight: 550;letter-spacing: -.04em; }
#view.about-page .about-product p { max-width: 490px;margin-bottom: 24px; }
#view.about-page .about-product-link { color: #e5c8ff;font-size: 16px; }
#view.about-page .about-history { display: grid;grid-template-columns: minmax(250px,.9fr) minmax(300px,1fr);gap: clamp(50px,13vw,190px); }
#view.about-page .about-history-intro { position: sticky;top: 18vh;align-self: start; }
#view.about-page .about-history-intro h2 { font-size: clamp(44px,6vw,84px); }
#view.about-page .about-timeline { position: relative;display: grid;gap: 56px;padding: 4px 0 0 28px; }
#view.about-page .about-timeline-line { position: absolute;top: 0;bottom: 64px;left: 3px;width: 1px;background: linear-gradient(to bottom,#e7c5ff var(--timeline-progress,0%),rgba(255,255,255,.13) var(--timeline-progress,0%)); }
#view.about-page .about-event { position: relative;opacity: .4;filter: blur(3px);transition: opacity .8s var(--about-ease),filter .8s var(--about-ease); }
#view.about-page .about-event::before { position: absolute;top: 8px;left: -30px;width: 5px;height: 5px;border-radius: 50%;background: rgba(255,255,255,.4);content: ""; }
#view.about-page .about-event.is-active { opacity: 1;filter: none; }
#view.about-page .about-event:first-of-type.is-active::before { background: #e8c9ff;box-shadow: 0 0 18px 5px rgba(185,133,255,.4); }
#view.about-page .about-event-date { display: block;margin-bottom: 12px;font-size: clamp(25px,3vw,38px);font-weight: 550;letter-spacing: -.03em; }
#view.about-page .about-event p { max-width: 500px;font-size: 16px; }
#view.about-page .about-history-link { width: max-content;color: #e5c8ff; }
#view.about-page .about-origin-list { display: grid;grid-template-columns: 1fr 1fr;gap: 0 8vw;align-items: start; }
#view.about-page .about-origin-item { max-width: 500px;padding: 28px 0;border-top: 1px solid var(--about-line);transition: transform 1s var(--about-ease); }
#view.about-page .about-origin-item:nth-child(2) { margin-top: 100px; }
#view.about-page .about-origin-item:nth-child(3) { margin: -30px 0 0 24%; }
#view.about-page .about-origin-item h3 { margin: 0 0 12px;font-size: clamp(28px,3vw,40px);font-weight: 550;letter-spacing: -.035em; }
#view.about-page #sss { max-width: 1160px; }
#view.about-page .faq-tools { display: grid;gap: 22px;margin: 45px 0 32px; }
#view.about-page .faq-tools .search { display: flex;align-items: center;gap: 14px;max-width: 640px;padding: 15px 18px;border: 1px solid var(--about-line);border-radius: 16px;background: rgba(255,255,255,.035); }
#view.about-page .faq-tools input { width: 100%;border: 0;outline: 0;background: transparent;color: #fff;font: inherit; }
#view.about-page .cats { position: relative;display: flex;flex-wrap: wrap;gap: 8px; }
#view.about-page .cats::before { position: absolute;top: 0;left: 0;width: var(--cat-width,0);height: 44px;border: 1px solid rgba(224,185,255,.4);border-radius: 99px;background: rgba(163,102,220,.18);content: "";transform: translateX(var(--cat-left,0));transition: width .55s var(--about-ease),transform .55s var(--about-ease);pointer-events: none; }
#view.about-page .cat { position: relative;z-index: 1;min-height: 44px;padding: 0 17px;border: 1px solid transparent;border-radius: 99px;background: transparent;color: var(--about-muted);cursor: pointer;transition: color .5s var(--about-ease); }
#view.about-page .cat[aria-pressed="true"] { color: #fff; }
#view.about-page #faqList { display: grid;gap: 10px; }
#view.about-page .qa { overflow: hidden;border: 1px solid rgba(255,255,255,.075);border-radius: 18px;background: rgba(255,255,255,.025);transition: opacity .55s var(--about-ease),filter .55s var(--about-ease),transform .55s var(--about-ease); }
#view.about-page .qa[hidden] { display: none; }
#view.about-page .qa summary { display: flex;min-height: 68px;align-items: center;justify-content: space-between;gap: 20px;padding: 18px 22px;cursor: pointer;list-style: none;font-size: 18px; }
#view.about-page .qa summary::-webkit-details-marker { display: none; }
#view.about-page .qa summary svg { flex: none;transition: transform .55s var(--about-ease); }
#view.about-page .qa[open] summary svg { transform: rotate(45deg); }
#view.about-page .qa .a { max-width: 760px;padding: 0 22px 24px;color: var(--about-muted);font-size: 16px;line-height: 1.65;animation: about-answer-in .5s var(--about-ease); }
@keyframes about-answer-in { from { opacity: 0;transform: translateY(-8px); } to { opacity: 1;transform: none; } }
#view.about-page .empty { padding: 24px;border: 1px solid var(--about-line);border-radius: 18px;color: var(--about-muted); }
#view.about-page .cta-band { position: relative;display: grid;min-height: 76vh;align-content: center;justify-items: center;overflow: hidden;padding: 70px 24px;border: 1px solid rgba(255,255,255,.08);border-radius: 30px;background: radial-gradient(ellipse at 50% 40%,rgba(154,84,226,.16),transparent 62%);text-align: center; }
#view.about-page .cta-band h2 { max-width: 900px!important;margin: 0 0 25px;font-size: clamp(44px,7vw,94px); }
#view.about-page .cta-band p { max-width: 650px; }
#view.about-page :focus-visible { outline: 2px solid #e8c9ff;outline-offset: 4px; }
@media (max-width: 760px) {
  #view.about-page section:not(.about-hero) { padding: 100px 22px; }
  #view.about-page .about-hero { min-height: 100svh;padding-right: 22px;padding-left: 22px; }
  #view.about-page .about-hero-title { font-size: clamp(44px,12vw,74px); }
  #view.about-page .about-reading { display: block;min-height: 0; }
  #view.about-page .about-reading-inner,#view.about-page .about-definition-copy,#view.about-page .about-history-intro { position: static; }
  #view.about-page .about-definition,#view.about-page .about-history { display: block; }
  #view.about-page .about-definition-list { gap: 42px;padding-top: 50px; }
  #view.about-page .about-cycle-track { grid-template-columns: 1fr;gap: 28px;padding-left: 3px; }
  #view.about-page .about-cycle-line { display: none; }
  #view.about-page .about-cycle-step { padding: 0 0 0 14px;border-left: 1px solid rgba(255,255,255,.16); }
  #view.about-page .about-cycle-step h3 { margin: 0 0 8px; }
  #view.about-page .about-cycle-step p { margin-bottom: 0; }
  #view.about-page .about-signal { grid-template-columns: 1fr;gap: 6px;padding: 21px 0; }
  #view.about-page .about-signal-name { font-size: clamp(36px,10vw,56px); }
  #view.about-page .about-signal-copy { grid-column: 1;max-height: 0;overflow: hidden;font-size: 16px;opacity: 0;filter: none;transition: max-height .6s var(--about-ease),opacity .4s var(--about-ease); }
  #view.about-page .about-signal[aria-expanded="true"] .about-signal-copy { max-height: 100px;opacity: 1; }
  #view.about-page .about-product { flex-basis: 86vw;min-height: 400px; }
  #view.about-page .about-product-primary { min-height: 440px; }
  #view.about-page .about-product-tertiary { flex-basis: 78vw;min-height: 360px; }
  #view.about-page .about-timeline { margin-top: 48px; }
  #view.about-page .about-origin-list { grid-template-columns: 1fr; }
  #view.about-page .about-origin-item:nth-child(2) { margin: 28px 0 0 9%; }
  #view.about-page .about-origin-item:nth-child(3) { margin: 28px 0 0 18%; }
  #view.about-page .faq-tools { margin-top: 30px; }
  #view.about-page .cta-band { min-height: 82svh; }
}
@media (prefers-reduced-motion: reduce) {
  #view.about-page *,#view.about-page *::before,#view.about-page *::after { scroll-behavior: auto!important;animation-duration: .01ms!important;animation-iteration-count: 1!important;transition-duration: .01ms!important; }
  #view.about-page .about-word { filter: none;opacity: 1;transform: none; }
  #view.about-page .about-hero-copy { opacity: 1; }
  #view.about-page .about-feature,#view.about-page .about-cycle-step,#view.about-page .about-event { opacity: 1;filter: none;transform: none; }
}