@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--paper:#ffffff;--ink:#000000;--muted:#666666;--blue:#0000FF;--line:#dddddd;--font:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:6px}::selection{background:#ddddff}h1,h2,h3,p{margin:0}.header{height:100px;margin:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:32px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-icon{width:32px;height:32px;object-fit:contain}.wordmark{width:108px;height:36px;object-fit:contain;mix-blend-mode:multiply}.labs{font-size:18px;letter-spacing:-.6px;margin:5px 0 0 -3px}.header nav{display:flex;gap:34px;font-size:13px}.header nav a:hover,.footer-top>a:hover{color:var(--blue)}.header-cta{font-size:13px;border:1px solid #bdbdbd;padding:12px 17px;border-radius:3px}.header-cta span{margin-left:20px}.header-cta:hover{background:#eeeeee}.hero{padding:85px 4.5% 0;position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr;min-height:690px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;display:flex;align-items:center;gap:10px}.blue-dot{width:6px;height:6px;background:var(--blue);border-radius:50%}h1{font-size:clamp(52px,5.2vw,80px);line-height:1.06;font-weight:450;letter-spacing:-4px;margin:30px 0 25px}.hero-description{font-size:17px;line-height:1.7;color:var(--muted)}.button{display:inline-flex;align-items:center;gap:36px;background:var(--ink);color:white;padding:17px 22px;border-radius:3px;font-size:13px;transition:background .2s,transform .2s}.button:hover{background:var(--blue);transform:translateY(-2px)}.hero .button{margin-top:33px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:410px;margin-top:-25px;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#e6e6e68c,transparent 65%);z-index:-1}.hero-art img{width:min(65%,340px);height:auto;transform:rotate(-12deg);animation:arrive 1.4s ease-out both}.orbit{position:absolute;border:1px solid #cccccc;border-radius:50%;width:81%;aspect-ratio:1;transform:rotate(-28deg) scaleY(.63);z-index:-1}.orbit-two{transform:rotate(32deg) scaleY(.63)}.orbit-three{width:93%;transform:rotate(90deg) scaleY(.63);border-color:#dddddd}.art-cross{position:absolute;font-size:18px;font-weight:400;color:#888888}.cross-one{top:15%;right:18%}.cross-two{bottom:20%;left:8%}.art-caption{position:absolute;bottom:2%;font-size:8px;letter-spacing:1.7px;color:var(--muted)}.art-coordinate{position:absolute;right:0;top:7%;font-size:9px;color:var(--muted);letter-spacing:1px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:11px;color:var(--muted);padding:24px 0;margin-top:68px}.hero-bottom a span{margin-left:20px;color:var(--ink)}.section{padding:100px 4.5%;border-top:1px solid var(--line)}.company{display:grid;grid-template-columns:1fr 3fr;gap:40px}.section-label{align-self:start;margin-top:10px}.company h2,h2{font-size:clamp(36px,3.4vw,51px);font-weight:450;line-height:1.12;letter-spacing:-2px}.company-description{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:35px;max-width:870px}.company-description p{font-size:15px;line-height:1.75;color:var(--muted)}.products{background:#f5f5f5}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px}.section-heading h2{margin-top:28px}.section-heading>p{font-size:14px;line-height:1.65;color:var(--muted);margin-bottom:5px}.product{border-top:1px solid #d0d0d0}.product:last-child{border-bottom:1px solid #d0d0d0}.product-trigger{width:100%;border:0;color:var(--ink);background:transparent;display:grid;grid-template-columns:55px 75px 1.3fr 1fr 30px;align-items:center;text-align:left;gap:18px;padding:30px 10px 30px 0;cursor:pointer;transition:background .2s}.product-trigger:hover{background:#e8e8e8}.product-number{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.product-symbol{width:47px;height:47px;display:flex;align-items:center;justify-content:center;border:1px solid #cccccc;border-radius:50%;font-size:32px}.symbol-aphura{color:var(--blue)}.symbol-code{font-size:19px;letter-spacing:-2px}.symbol-agents{font-size:26px}.symbol-private{font-size:38px}.symbol-voice{gap:3px}.symbol-voice i{display:block;width:2px;height:10px;background:var(--ink)}.symbol-voice i:nth-child(2),.symbol-voice i:nth-child(4){height:19px}.symbol-voice i:nth-child(3){height:27px}.product-name{font-size:29px;letter-spacing:-1px}.product-category{font-size:13px;color:var(--muted)}.product-arrow{font-size:25px;font-weight:400;transition:transform .2s}.product-detail{margin:0 65px 28px 166px;max-width:610px}.product-detail p{font-size:15px;line-height:1.75;color:var(--muted)}.detail-label{display:block;font-size:9px;letter-spacing:1.5px;margin-top:17px;color:var(--blue)}.portfolio-note{font-size:11px;color:var(--muted);margin-top:22px}.approach-top{display:flex;align-items:end;justify-content:space-between;margin:28px 0 60px;gap:30px}.approach-top p{font-size:14px;line-height:1.7;color:var(--muted)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:60px}.principles article{border-top:1px solid var(--line);padding-top:23px}.principles article>span{font-size:10px;color:var(--muted)}.principles h3{font-size:22px;font-weight:500;letter-spacing:-.6px;margin:35px 0 17px}.principles p{font-size:14px;line-height:1.75;color:var(--muted);max-width:310px}.closing{position:relative;overflow:hidden;margin:0 4.5% 65px;background:var(--ink);color:var(--paper);padding:68px 6%;isolation:isolate}.closing .eyebrow{color:#bbbbbb}.closing h2{font-size:clamp(40px,5vw,68px);margin:24px 0 30px;letter-spacing:-2.5px}.closing .button{background:#eeeeee;color:var(--ink)}.closing .button:hover{background:white}.closing-lines{position:absolute;right:-110px;top:-100px;width:600px;height:600px;border:1px solid #444444;border-radius:50%;z-index:-1;box-shadow:0 0 0 60px #000000,0 0 0 61px #444444,0 0 0 120px #000000,0 0 0 121px #444444,0 0 0 180px #000000,0 0 0 181px #444444;transform:scaleX(.65) rotate(-20deg)}footer{padding:0 4.5%}.footer-top{display:flex;align-items:center;justify-content:space-between;padding:24px 0 45px;gap:20px}.footer-top p,.footer-top>a:last-child{font-size:12px;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);padding:22px 0 30px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.menu-toggle{display:none}.skip-link{position:fixed;top:-100px;left:20px;background:var(--ink);color:white;padding:12px;z-index:20}.skip-link:focus{top:12px}@keyframes arrive{from{opacity:0;transform:rotate(-17deg) translateY(15px)}to{opacity:1;transform:rotate(-12deg)}}
@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero{min-height:780px}.hero-art img{width:370px}.hero-copy{padding-top:35px}}
@media(max-width:900px){.header{height:85px}.header nav{gap:20px}.header-cta{display:none}.hero{padding-top:65px;min-height:620px}h1{letter-spacing:-2.7px}.hero-description{font-size:15px}.hero-art{min-height:330px}.hero-art img{width:75%}.company{grid-template-columns:1fr;gap:30px}.section{padding-top:72px;padding-bottom:72px}.product-trigger{grid-template-columns:35px 55px 1.3fr 1fr 20px;gap:12px}.product-name{font-size:24px}.product-detail{margin-left:126px}.principles{gap:30px}.principles h3{font-size:20px}.closing-lines{opacity:.5}}
@media(max-width:760px){html{scroll-padding-top:20px}.header{height:78px;margin:0 6%;gap:10px;position:relative;z-index:5}.brand-icon{width:27px;height:27px}.wordmark{width:93px;height:31px}.labs{font-size:16px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;border:0;background:transparent;padding:12px;cursor:pointer}.menu-toggle span{width:22px;height:1px;background:var(--ink)}.header nav{display:none;position:absolute;top:77px;left:-7%;right:-7%;padding:24px 7%;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:25px;box-shadow:0 15px 20px #00000008}.header nav.is-open{display:flex}.hero{padding:48px 6% 0;grid-template-columns:1fr}.hero h1{font-size:52px;letter-spacing:-3px;margin:25px 0 22px}.hero-description{font-size:15px}.hero .button{margin-top:27px}.hero-art{margin:30px 5% 5px;min-height:340px}.hero-art img{width:62%;max-width:245px}.art-caption{bottom:0;font-size:7px}.hero-bottom{margin-top:30px;font-size:9px;padding:20px 0}.hero-bottom a span{margin-left:8px}.section{padding:60px 6%}.company-description{grid-template-columns:1fr;gap:18px;margin-top:25px}.company-description p{font-size:14px}h2,.company h2{font-size:36px;letter-spacing:-1.6px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{margin-top:25px}.section-heading>p{margin-top:22px;font-size:13px}.product-trigger{grid-template-columns:20px 42px 1fr 20px;gap:10px;padding:25px 0}.product-symbol{width:34px;height:34px;font-size:26px}.symbol-code{font-size:15px}.symbol-agents{font-size:21px}.product-name{font-size:23px}.product-category{grid-column:3;grid-row:2;font-size:11px}.product-arrow{grid-column:4;grid-row:1/3}.product-number{font-size:9px}.product-detail{margin:0 10px 25px 82px}.product-detail p{font-size:13px}.portfolio-note{font-size:10px;line-height:1.6}.approach-top{display:block;margin-bottom:35px}.approach-top p{margin-top:23px}.principles{grid-template-columns:1fr;gap:30px}.principles article{display:grid;grid-template-columns:24px 1fr;gap:10px}.principles article>span{margin-top:7px}.principles h3{margin:0 0 7px;font-size:21px}.principles p{grid-column:2;max-width:none;font-size:13px}.closing{margin:0 6% 35px;padding:45px 7%}.closing h2{font-size:43px;max-width:230px;letter-spacing:-2px}.closing-lines{right:-300px;opacity:.4}.footer-top{flex-wrap:wrap;padding:15px 0 30px}.footer-top p{order:3;width:100%;font-size:11px}.footer-top>a:last-child{font-size:10px}.footer-bottom{gap:18px;flex-direction:column;font-size:9px}footer{padding:0 6%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Full-width navigation that remains visible while scrolling. */
.header {
  position: sticky;
  top: 0;
  z-index: 20;
  width: 100%;
  margin: 0;
  padding-inline: 4.5%;
  background: var(--paper);
}
@media (min-width: 1600px) {
  body { max-width: none; }
}
@media (max-width: 760px) {
  html { scroll-padding-top: 98px; }
  .header { margin: 0; padding-inline: 6%; }
  .header nav { left: 0; right: 0; padding-inline: 6%; }
}

.header { border-bottom: 0; }

.hero-description { max-width: 62ch; text-wrap: balance; }

.hero-art img { transform: scale(.85); animation: none; }

@media (min-width: 761px) {
  .hero { align-items: center; padding-top: 0; padding-bottom: 170px; }
  .hero-art { margin-top: 0; min-height: 0; transform: translateY(-12px); justify-content: center; }
  .hero-art img { transform-origin: center; }
}

.product-category { line-height: 1.65; max-width: 40ch; }
@media (max-width: 760px) {
  .product-category { max-width: none; }
}

.products .section-heading > p { max-width: 60ch; flex: 0 1 420px; text-wrap: balance; }

.header-cta {
  background: #000000;
  border-color: #000000;
  color: #ffffff;
}
.header-cta:hover { background: #000000; border-color: #000000; }
@media (min-width: 901px) {
  .hero-copy { width: max-content; max-width: 100%; }
  .hero-description { width: 0; min-width: 100%; max-width: none; text-wrap: balance; }
}

@media (min-width: 901px) {
  .hero-description { font-size: 16px; }
}

/* A continuous white canvas across every section. */
body, .hero, .company, .products, .approach, footer {
  background: #ffffff;
}
.section { border-top: 0; }
.hero-art::before { display: none; }
.footer-bottom { border-top: 0; }

.hero .button { background: #0000FF; color: #ffffff; }
.hero .button:hover { background: #000000; }

.company-content { grid-column: 1 / -1; }
@media (max-width: 900px) { .company-content { grid-column: 1; } }

.product-trigger { grid-template-columns: 75px 1.3fr 1fr 30px; }
.product-detail { margin-left: 93px; }
@media (max-width: 900px) {
  .product-trigger { grid-template-columns: 55px 1.3fr 1fr 20px; }
  .product-detail { margin-left: 67px; }
}
@media (max-width: 760px) {
  .product-trigger { grid-template-columns: 42px 1fr 20px; }
  .product-category { grid-column: 2; }
  .product-arrow { grid-column: 3; }
  .product-detail { margin-left: 52px; }
}

.principles h3 { margin-top: 0; }
@media (max-width: 760px) {
  .principles article { display: block; }
}

.product-category { max-width: none; width: 100%; }

.principles p { width: 100%; max-width: none; text-wrap: balance; }

.product-symbol { color: #0000FF; }
.product-symbol svg { display: block; width: 25px; height: 25px; flex: none; }
@media (max-width: 760px) {
  .product-symbol svg { width: 20px; height: 20px; }
}

.company-description {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: none;
  gap: 48px;
  margin-top: 48px;
}
.company-description article { padding: 0; }
.company-description h3 {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -.6px;
  margin-bottom: 16px;
}
.company-description p { max-width: 42ch; text-wrap: pretty; }
@media (max-width: 900px) { .company-description { gap: 28px; } }
@media (max-width: 760px) {
  .company-description { grid-template-columns: 1fr; gap: 30px; margin-top: 32px; }
  .company-description p { max-width: none; }
}

.company-description p { max-width: none; width: 100%; text-wrap: balance; }

/* Geometric product marks with a shared visual weight. */
.product-symbol {
  border: 0;
  border-radius: 0;
  color: #0000FF;
}
.product-symbol svg { width: 32px; height: 32px; }
@media (max-width: 760px) {
  .product-symbol svg { width: 27px; height: 27px; }
}

.product-trigger { grid-template-columns: 1.3fr 1fr 30px; }
.product-detail { margin-left: 0; }
@media (max-width: 900px) {
  .product-trigger { grid-template-columns: 1.3fr 1fr 20px; }
  .product-detail { margin-left: 0; }
}
@media (max-width: 760px) {
  .product-trigger { grid-template-columns: 1fr 20px; }
  .product-category { grid-column: 1; }
  .product-arrow { grid-column: 2; }
}

/* Second lines of the company, products, and approach section titles. */
.section-title-second { display: block; color: #0000FF; }

.product-arrow { display: flex; align-items: center; justify-content: center; color: #0000FF; }
.product-arrow svg { display: block; width: 20px; height: 20px; flex: none; }

@media (max-width: 760px) { .contact h2 { max-width: none; } }

.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 33px; }
.hero .hero-actions .button { margin-top: 0; }
.hero .sales-button { background: #000000; color: #ffffff; }
.hero .sales-button:hover { background: #222222; }
@media (max-width: 760px) { .hero-actions { margin-top: 27px; gap: 12px; } }

/* A compact contact banner with a direct, horizontal layout. */
.closing.contact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 58px 6%;
}
.closing.contact h2 { margin: 0; }
.closing.contact .button { flex-shrink: 0; margin: 0; }
@media (max-width: 760px) {
  .closing.contact { padding: 36px 7%; gap: 26px; flex-wrap: wrap; }
}

/* Contact form modal. */
button.button { border: 0; cursor: pointer; }
body.contact-dialog-open { overflow: hidden; }
.contact-dialog { width: min(520px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); overflow-y: auto; border: 0; border-radius: 16px; padding: 40px; color: #000; background: #fff; box-shadow: 0 24px 100px #0003; }
.contact-dialog::backdrop { background: #0006; backdrop-filter: blur(5px); }
.contact-dialog h2 { font-size: 40px; letter-spacing: -1.5px; margin: 0 40px 30px 0; }
.contact-dialog-close { position: absolute; top: 18px; right: 18px; border: 0; border-radius: 50%; padding: 8px; display: flex; background: transparent; cursor: pointer; color: #666; }
.contact-dialog-close:hover { background: #f3f3f3; color: #000; }
.contact-dialog-close svg { width: 22px; height: 22px; }
.contact-fields { display: grid; gap: 20px; }
.contact-fields label { display: grid; gap: 9px; font-size: 13px; }
.contact-fields input, .contact-fields textarea { display: block; width: 100%; min-width: 0; border: 0; outline: none; border-radius: 5px; padding: 12px 14px; font: 15px/1.5 var(--font); color: #000; background: #f2f2f2; }
.contact-fields textarea { resize: none; min-height: 120px; }
.contact-fields input:focus-visible, .contact-fields textarea:focus-visible { outline: none; background: #e7e7e7; }
.contact-form-status { font-size: 12px; line-height: 1.7; color: #666; margin-top: 20px; }
.contact-form-status:empty { display: none; }
.contact-send { margin-top: 24px; width: 100%; justify-content: center; }
.contact-send:disabled { opacity: 1; background: #000000; color: #ffffff; cursor: not-allowed; transform: none; }
@media (max-width: 760px) { .contact-dialog { padding: 30px 24px; } .contact-dialog h2 { font-size: 34px; } }

.contact-field-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.contact-fields input::placeholder, .contact-fields textarea::placeholder { color: #777777; opacity: 1; }