@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500&display=swap');

*{box-sizing:border-box}
html,body{margin:0;padding:0;width:100%;height:100%;background:#FFFFFF;overflow:hidden;font-family:'Inter',sans-serif;color:#111}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.au-hero{position:relative;width:100vw;height:100vh;height:100svh;height:100dvh;overflow:hidden;background:#FFFFFF;cursor:crosshair}
.au-hero canvas{position:absolute;inset:0;width:100%;height:100%;display:block}

.au-mark{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);z-index:2;pointer-events:none;text-align:center;line-height:1}
.au-mark *{pointer-events:none}

.au-grid{display:grid;grid-template-columns:auto auto auto;align-items:center;justify-content:center}
.au-audac{grid-column:1;grid-row:1;font-weight:200;font-size:60px;letter-spacing:.34em;color:#111}
.au-sep{grid-column:2;grid-row:1;width:1.4px;height:78px;background:#111;opacity:.85;margin:0 .68em;justify-self:center}

.au-ia{grid-column:3;grid-row:1;position:relative;display:inline-block;transform:translateX(.22em);font-weight:200;font-size:60px;letter-spacing:.10em}
.ia-content{display:inline-flex;align-items:center;gap:.22em}
.ia-content .i{display:inline-block}
.ia-content .lam{display:inline-block;position:relative;width:.62em;height:.78em}
.ia-content .lam svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.ia-base{background:linear-gradient(180deg,#8DDDDD 0%,#53D0CC 35%,#16A7A4 70%,#006E70 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ia-dark{position:absolute;top:0;left:0;color:#111;clip-path:inset(100% 0 -10% 0);will-change:clip-path}
.ia-dark .lam svg line{stroke:#111}

.au-ia.swept .ia-dark{animation:audSweepBand 1100ms cubic-bezier(.45,.05,.55,.95)}
@keyframes audSweepBand{
  0%   { clip-path: inset(100% 0 -10% 0); }
  25%  { clip-path: inset(72% 0 18% 0); }
  50%  { clip-path: inset(45% 0 45% 0); }
  75%  { clip-path: inset(18% 0 72% 0); }
  100% { clip-path: inset(-10% 0 100% 0); }
}

.au-sol{grid-column:1;grid-row:2;justify-self:center;font-weight:300;font-size:16px;letter-spacing:1.6em;margin-top:16px;padding-left:1.6em;color:#5F5E5A}

.au-cta-row{position:absolute;left:0;right:0;bottom:calc(38px + env(safe-area-inset-bottom));display:flex;justify-content:center;gap:42px;z-index:3}
.au-icon{display:inline-flex;align-items:center;justify-content:center;color:#5F5E5A;text-decoration:none;cursor:pointer;pointer-events:auto;transition:transform .25s ease, color .25s ease;background:none;border:none;padding:8px;-webkit-tap-highlight-color:rgba(0,0,0,0.05)}
@media (hover: hover){
  .au-icon:hover{transform:scale(1.1);color:#111}
}
.au-icon:focus-visible{outline:1px dashed #5F5E5A;outline-offset:6px;border-radius:4px}

@media (max-width: 1024px){
  .au-audac, .au-ia{font-size:48px}
  .au-sep{height:62px;margin:0 .58em}
  .au-icon svg{width:28px;height:28px}
}

@media (max-width: 640px){
  .au-mark{top:42%}
  .au-audac, .au-ia{font-size:34px}
  .au-sep{height:44px;margin:0 .50em;width:1.2px}
  .au-icon svg{width:36px;height:36px}
  .au-cta-row{gap:28px;bottom:calc(64px + env(safe-area-inset-bottom))}
  .au-sol{font-size:13px;letter-spacing:1.3em;margin-top:12px;padding-left:1.3em}
}

@media (max-width: 380px){
  .au-audac, .au-ia{font-size:26px;letter-spacing:.28em}
  .au-sep{height:34px;margin:0 .42em}
}

@media (prefers-reduced-motion: reduce){
  .au-ia.swept .ia-dark{animation-duration:1ms}
}