:root {
  --bg: #050607;
  --panel: rgba(13, 16, 20, 0.78);
  --panel-strong: rgba(11, 14, 18, 0.93);
  --line: rgba(255, 255, 255, 0.1);
  --line-strong: rgba(255, 255, 255, 0.18);
  --text: #f7f7f8;
  --muted: #9ba2aa;
  --orange: #ef7f1a;
  --orange-soft: #ff9b45;
  --green: #aed400;
  --blue: #55b9ff;
  --font-title: "Oswald", sans-serif;
  --font-body: "Roboto Condensed", sans-serif;
}

* { box-sizing: border-box; }
html, body { width: 100%; min-height: 100%; }
body {
  margin: 0;
  min-height: 100vh;
  min-height: 100dvh;
  overflow: hidden;
  color: var(--text);
  background:
    radial-gradient(circle at 77% 44%, rgba(239,127,26,.12), transparent 28%),
    radial-gradient(circle at 70% 59%, rgba(85,185,255,.065), transparent 36%),
    linear-gradient(135deg, #050607 0%, #090b0e 52%, #050607 100%);
  font-family: var(--font-body);
}

a { color: inherit; text-decoration: none; display: inline-block; }

.page-shell {
  position: relative;
  z-index: 10;
  width: min(1540px, calc(100% - 64px));
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0 auto;
  display: grid;
  grid-template-rows: 112px minmax(0, 1fr) 104px;
}

.brand {
  align-self: center;
  justify-self: start;
  display: flex;
  padding: 2rem 0;
}
.brand img {
  width: 240px;
  height: auto;
  display: block;
  filter: drop-shadow(0 18px 34px rgba(0,0,0,.34));
}

.noise, .grid, .cursor-glow, .beam { position: fixed; pointer-events: none; }
.noise {
  inset: 0;
  z-index: 2;
  opacity: .16;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}
.grid {
  inset: 0;
  z-index: 1;
  opacity: .2;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: radial-gradient(circle at 68% 50%, #000, transparent 74%);
}
.cursor-glow {
  left: 50%; top: 50%; z-index: 3;
  width: 460px; height: 460px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(239,127,26,.11), rgba(239,127,26,.025) 40%, transparent 72%);
  filter: blur(10px);
}
.beam {
  z-index: 1;
  width: 620px; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(239,127,26,.52), transparent);
  opacity: .34;
}
.beam--one { right: -120px; top: 27%; transform: rotate(-20deg); animation: beamMove 7s ease-in-out infinite; }
.beam--two { right: 2%; bottom: 19%; transform: rotate(14deg); animation: beamMove 9s ease-in-out infinite reverse; }

.hero {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0,.9fr) minmax(520px,1.1fr);
  align-items: center;
  gap: clamp(52px, 7vw, 118px);
  padding: 0 0 6px;
}
.hero-copy { position: relative; z-index: 4; max-width: 720px; }
.hero-kicker {
  margin: 0 0 12px;
  color: rgba(255,255,255,.7);
  font-family: var(--font-body);
  font-size: clamp(13px, 1.1vw, 17px);
  font-weight: 300;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.hero-title {
  margin: 0;
  font-family: var(--font-title);
  font-size: clamp(2.8rem, 6.5vw, 4rem);
  font-weight: 600;
  line-height: .92;
  letter-spacing: -.025em;
  text-transform: uppercase;
}
.hero-title span { display: block; }
.hero-title .accent {
  font-weight: 700;
  color: transparent;
  background: linear-gradient(90deg, #ffe8d4 0%, var(--orange-soft) 34%, var(--orange) 68%, #b9480a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow: 0 24px 60px rgba(239,127,26,.15);
}

.service-actions { display: flex; gap: 14px; margin-top: 34px; }
.service-link {
  min-width: 154px;
  min-height: 56px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  gap: 13px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
  backdrop-filter: blur(18px);
  box-shadow: inset 0 1px rgba(255,255,255,.05), 0 18px 40px rgba(0,0,0,.18);
  transition: transform .24s ease, border-color .24s ease, background .24s ease, box-shadow .24s ease;
}
.service-link__icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
}
.service-link__icon img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 8px 16px rgba(239,127,26,.18));
  transition: transform .24s ease, filter .24s ease;
}
.service-link__text {
  font-family: var(--font-title);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .12em;
}
.service-link--design .service-link__icon img { filter: drop-shadow(0 8px 16px rgba(174,212,0,.16)); }
.service-link:hover { transform: translateY(-4px); border-color: rgba(239,127,26,.45); background: rgba(239,127,26,.06); box-shadow: 0 22px 46px rgba(0,0,0,.26); }
.service-link--design:hover { border-color: rgba(174,212,0,.4); background: rgba(174,212,0,.05); }
.service-link:hover .service-link__icon img { transform: scale(1.08) rotate(-2deg); filter: drop-shadow(0 10px 22px rgba(239,127,26,.3)); }
.service-link--design:hover .service-link__icon img { filter: drop-shadow(0 10px 22px rgba(174,212,0,.28)); }

.tech-stage {
  position: relative;
  min-height: min(610px, 66dvh);
  display: grid;
  place-items: center;
  perspective: 1200px;
  isolation: isolate;
}
.tech-stage::before {
  content: "";
  position: absolute;
  width: 540px; height: 540px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(239,127,26,.12), rgba(239,127,26,.02) 48%, transparent 70%);
  filter: blur(4px);
}
.stage-orbit { position: absolute; border: 1px solid rgba(255,255,255,.07); border-radius: 50%; }
.stage-orbit::after { content: ""; position: absolute; top: 50%; left: -4px; width: 8px; height: 8px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 18px var(--orange); }
.stage-orbit--outer { width: 520px; height: 520px; animation: spin 24s linear infinite; }
.stage-orbit--inner { width: 380px; height: 380px; border-color: rgba(85,185,255,.08); animation: spin 18s linear infinite reverse; }
.stage-orbit--inner::after { background: var(--blue); box-shadow: 0 0 18px var(--blue); }

.code-card {
  position: relative;
  z-index: 5;
  width: min(560px, 84%);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(17,20,24,.95), rgba(8,10,13,.87));
  box-shadow: 0 40px 90px rgba(0,0,0,.47), 0 0 0 1px rgba(239,127,26,.035) inset;
  backdrop-filter: blur(22px);
  transform: rotateY(-6deg) rotateX(3deg);
  animation: floatMain 6s ease-in-out infinite;
}
.code-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,.045) 48%, transparent 66%);
  transform: translateX(-120%);
  animation: shine 6s ease-in-out infinite 1.6s;
}
.code-card__topbar, .code-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--font-body);
  color: rgba(255,255,255,.43);
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.code-card__topbar { height: 54px; padding: 0 18px; border-bottom: 1px solid rgba(255,255,255,.07); }
.file-name { color: rgba(255,255,255,.58); }
.window-dots { display: flex; gap: 7px; }
.window-dots span { width: 9px; height: 9px; border-radius: 50%; background: #ffd166; box-shadow: 0 0 12px rgba(255,209,102,.25); }
.window-dots span:first-child { background: #ff5f57; }
.window-dots span:last-child { background: #28c840; }
.status { display: flex; align-items: center; gap: 6px; }
.status i, .code-card__footer i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 11px var(--green); }
.code-card__body {
  padding: 31px 28px 32px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: clamp(12px, .95vw, 15px);
  line-height: 1.94;
  color: #c7ccd2;
}
.line { white-space: nowrap; }
.line--space { height: 10px; }
.ln { display: inline-block; width: 38px; color: rgba(255,255,255,.2); user-select: none; }
.kw { color: #d86cff; }.var { color: #f1f4f6; }.fn { color: var(--blue); }.prop { color: var(--orange-soft); }.bool { color: var(--green); }.str { color: #e5dd8c; }.num { color: #ffb86c; }
.caret { display: inline-block; width: 7px; height: 16px; margin-left: 6px; vertical-align: -3px; background: var(--orange); animation: blink .8s steps(1) infinite; }
.code-card__footer { height: 43px; padding: 0 18px; border-top: 1px solid rgba(255,255,255,.07); }
.code-card__footer span:first-child { display: flex; align-items: center; gap: 8px; color: rgba(255,255,255,.56); }

.floating-card {
  position: absolute;
  z-index: 7;
  min-width: 188px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 17px;
  background: rgba(10,12,15,.78);
  box-shadow: 0 24px 52px rgba(0,0,0,.34);
  backdrop-filter: blur(16px);
}
.floating-card strong, .floating-card span { display: block; }
.floating-card strong { font-family: var(--font-title); font-size: 17px; font-weight: 600; letter-spacing: .04em; }
.floating-card span { margin-top: 2px; font-size: 11px; color: var(--muted); letter-spacing: .05em; }
.floating-icon { width: 42px; height: 42px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(239,127,26,.55); border-radius: 12px; color: var(--orange-soft); font-family: var(--font-title); font-weight: 700; box-shadow: inset 0 0 18px rgba(239,127,26,.1), 0 0 24px rgba(239,127,26,.08); }
.floating-icon--blue { color: var(--blue); border-color: rgba(85,185,255,.45); }
.floating-icon--green { color: var(--green); border-color: rgba(174,212,0,.45); }
.floating-card--ai { top: 10%; right: 1%; animation: floatSmall 5.5s ease-in-out infinite; }
.floating-card--software { left: -2%; bottom: 18%; animation: floatSmall 6.5s ease-in-out infinite reverse; }
.floating-card--design { right: 4%; bottom: 7%; animation: floatSmall 7s ease-in-out infinite .6s; }

.node-field { position: absolute; inset: 0; pointer-events: none; }
.node-field span { position: absolute; left: var(--x); top: var(--y); width: 5px; height: 5px; border-radius: 50%; background: rgba(255,255,255,.7); box-shadow: 0 0 12px rgba(255,255,255,.45); animation: pulse 2.4s ease-in-out infinite var(--d); }

.connect-dock {
  align-self: center;
  justify-self: center;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.025));
  box-shadow: 0 24px 60px rgba(0,0,0,.32), inset 0 1px rgba(255,255,255,.07);
  backdrop-filter: blur(24px) saturate(140%);
}
.connect-dock a {
  position: relative;
  min-width: 92px;
  height: 60px;
  padding: 0 13px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 4px;
  border: 1px solid transparent;
  border-radius: 17px;
  color: rgba(255,255,255,.74);
  transition: transform .22s ease, color .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.connect-dock i { font-size: 20px; }
.connect-dock svg { width: 24px; color: #fff; margin-bottom: 3px;}
.connect-dock span { font-size: 11px; font-weight: 400; letter-spacing: .03em; }
.connect-dock a:hover {
  transform: translateY(-7px) scale(1.05);
  color: #fff;
  border-color: rgba(239,127,26,.32);
  background: linear-gradient(145deg, rgba(239,127,26,.19), rgba(239,127,26,.055));
  box-shadow: 0 16px 32px rgba(0,0,0,.28), 0 0 28px rgba(239,127,26,.12);
}
.connect-dock a:nth-child(3):hover { border-color: rgba(174,212,0,.28); background: rgba(174,212,0,.08); box-shadow: 0 16px 32px rgba(0,0,0,.28), 0 0 28px rgba(174,212,0,.10); }

.reveal { opacity: 0; transform: translateY(24px); filter: blur(8px); animation: reveal .85s cubic-bezier(.2,.8,.2,1) forwards; }
.reveal--1 { animation-delay: 1.15s; }.reveal--2 { animation-delay: 1.3s; }.reveal--3 { animation-delay: 1.45s; }.reveal--4 { animation-delay: 1.6s; }.reveal--5 { animation-delay: 1.78s; }.reveal--6 { animation-delay: 1.9s; }.reveal--7 { animation-delay: 2.1s; }

.intro { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; background: #050607; animation: introLeave .9s cubic-bezier(.75,0,.2,1) forwards 1.45s; }
.intro__logo { position: relative; z-index: 2; width: min(360px,65vw); opacity: 0; transform: scale(.94); filter: drop-shadow(0 0 0 rgba(239,127,26,0)); animation: logoIn .85s ease forwards .16s, logoGlow 1.2s ease forwards .55s; }
.intro__line { position: absolute; width: 0; height: 2px; background: linear-gradient(90deg, transparent, var(--orange), transparent); box-shadow: 0 0 16px rgba(239,127,26,.7); animation: lineOpen .9s ease forwards .32s;z-index: 999; }
.intro__halo { position: absolute; width: 180px; height: 180px; border-radius: 50%; background: rgba(239,127,26,.12); filter: blur(60px); animation: halo 1.2s ease forwards .35s; }

@keyframes reveal { to { opacity: 1; transform: translateY(0); filter: blur(0); } }
@keyframes introLeave { to { opacity: 0; visibility: hidden; transform: scale(1.03); } }
@keyframes logoIn { to { opacity: 1; transform: scale(1); } }
@keyframes logoGlow { to { filter: drop-shadow(0 18px 34px rgba(239,127,26,.22)); } }
@keyframes lineOpen { to { width: min(620px,82vw); } }
@keyframes halo { to { width: 500px; height: 500px; opacity: .7; } }
@keyframes beamMove { 50% { transform: translateY(26px) rotate(-20deg); opacity: .55; } }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes floatMain { 50% { transform: rotateY(-4deg) rotateX(2deg) translateY(-9px); } }
@keyframes floatSmall { 50% { transform: translateY(-9px); } }
@keyframes pulse { 50% { opacity: .3; transform: scale(.6); } }
@keyframes shine { 45%,100% { transform: translateX(120%); } }
@keyframes blink { 50% { opacity: 0; } }

@media (max-width: 1180px) {
  .page-shell { width: min(100% - 42px, 1100px); grid-template-rows: 96px minmax(0,1fr) 96px; }
  .hero { grid-template-columns: .9fr 1.1fr; gap: 38px; }
  .tech-stage { min-height: 560px; }
  .floating-card { min-width: 166px; }
  .floating-card--ai { right: -1%; }
  .floating-card--software { left: -1%; }
}

@media (max-width: 900px) {
  body { overflow: auto; }
  .page-shell { min-height: 100dvh; grid-template-rows: auto auto auto; padding: 24px 0 26px; }
  .hero { grid-template-columns: 1fr; gap: 42px; padding: 0; }
  .hero-copy { text-align: center; margin: 0 auto; }
  .brand { justify-self: center;}
  .hero-kicker { font-size: 12px; letter-spacing: .13em; margin-top: 2rem;}
  .service-actions { justify-content: center; }
  .tech-stage { min-height: 540px; }
  .connect-dock { margin-top: 30px; }
}

@media (max-width: 620px) {
  .page-shell { width: min(100% - 28px, 560px); }
  .service-actions { flex-direction: column; align-items: stretch; }
  .service-link { justify-content: center; width: 100%; }
  .tech-stage { min-height: 470px; }
  .stage-orbit--outer { width: 390px; height: 390px; }
  .stage-orbit--inner { width: 280px; height: 280px; }
  .code-card { width: 100%; transform: none; animation: floatMobile 6s ease-in-out infinite; border-radius: 20px; }
  .code-card__body { padding: 24px 14px 26px; font-size: 10.7px; overflow-x: auto; }
  .ln { width: 28px; }
  .floating-card { display: none; }
  .connect-dock { width: 100%; justify-content: space-between; gap: 5px; padding: 7px; border-radius: 20px; }
  .connect-dock a { min-width: 0; width: 25%; height: 56px; padding: 0 5px; }
  .connect-dock span { font-size: 10px; }
}

@keyframes floatMobile { 50% { transform: translateY(-7px); } }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
  .cursor-glow { display: none; }
}

/* Hizmet ikonları: metinsiz, sabit 80x80 */
.service-actions {
  align-items: center;
}

.service-link {
  width: 110px;
  min-width: 110px;
  height: 110px;
  min-height: 110px;
  padding: 0;
  justify-content: center;
  border-radius: 22px;
}

.service-link__icon {
  width: 80px;
  height: 80px;
}

.service-link__icon img {
  width: 80px;
  height: 80px;
}

.service-link__text {
  display: none;
}

/* Mobilde yatay/dikey taşmayı engelle ve tam ekranı koru */
html,
body {
  max-width: 100%;
  overflow: hidden;
  overscroll-behavior: none;
}

.page-shell,
.hero,
.hero-copy,
.tech-stage,
.code-card {
  min-width: 0;
}

@media (max-width: 900px) {
  body {
    overflow: hidden;
  }

  .page-shell {
    width: min(100% - 24px, 720px);
    height: 100dvh;
    min-height: 100dvh;
    padding: 14px 0 12px;
    grid-template-rows: 58px minmax(0, 1fr) 70px;
  }

  .hero {
    height: 100%;
    min-height: 0;
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 12px;
    overflow: hidden;
  }

  .hero-copy {
    max-width: 100%;
  }

  .hero-kicker {
    margin-bottom: 8px;
  }

  .service-actions {
    justify-content: center;
    flex-direction: row;
    margin-top: 14px;
    gap: 12px;
  }

  .service-link {
    width: 96px;
    min-width: 96px;
    height: 96px;
    min-height: 96px;
    border-radius: 19px;
  }

  .service-link__icon,
  .service-link__icon img {
    width: 80px;
    height: 80px;
  }

  .tech-stage {
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: none;
    overflow: hidden;
  }

  .tech-stage::before {
    width: min(430px, 92vw);
    height: min(430px, 92vw);
  }

  .stage-orbit--outer {
    width: min(390px, 88vw);
    height: min(390px, 88vw);
  }

  .stage-orbit--inner {
    width: min(280px, 64vw);
    height: min(280px, 64vw);
  }

  .code-card {
    width: min(100%, 520px);
    max-height: 100%;
    transform: none;
    animation: floatMobile 6s ease-in-out infinite;
  }

  .code-card__topbar {
    height: 42px;
    padding: 0 12px;
  }

  .code-card__body {
    padding: 14px 10px 15px;
    font-size: clamp(8.6px, 2.35vw, 11px);
    line-height: 1.62;
    overflow: hidden;
  }

  .line {
    white-space: nowrap;
  }

  .ln {
    width: 24px;
  }

  .code-card__footer {
    height: 35px;
    padding: 0 12px;
    font-size: 9px;
  }

  .connect-dock {
    width: min(100%, 430px);
    margin: 0;
    align-self: end;
  }
}

@media (max-width: 620px) {
  .page-shell {
    width: calc(100% - 20px);
    grid-template-rows: 50px minmax(0, 1fr) 66px;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .hero {
    gap: 8px;
  }

  .hero-kicker {
    font-size: 10px;
    letter-spacing: .11em;
    margin-bottom: 6px;
  }
  .service-actions {
    margin-top: 10px;
  }

  .service-link {
    width: 90px;
    min-width: 90px;
    height: 90px;
    min-height: 90px;
  }

  .code-card {
    border-radius: 17px;
  }

  .code-card__topbar {
    font-size: 9px;
  }

  .window-dots span {
    width: 7px;
    height: 7px;
  }

  .connect-dock {
    gap: 4px;
    padding: 6px;
    border-radius: 18px;
  }

  .connect-dock a {
    height: 52px;
  }

  .connect-dock i {
    font-size: 18px;
  }

  .connect-dock span {
    font-size: 9px;
  }
}

@media (max-height: 720px) and (max-width: 900px) {
  .page-shell {
    grid-template-rows: 46px minmax(0, 1fr) 60px;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .hero-kicker {
    font-size: 9px;
    margin-bottom: 4px;
  }
  .service-actions {
    margin-top: 7px;
  }

  .service-link {
    width: 82px;
    min-width: 82px;
    height: 82px;
    min-height: 82px;
  }

  .service-link__icon,
  .service-link__icon img {
    width: 72px;
    height: 72px;
  }

  .code-card__body {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.48;
  }

  .code-card__footer {
    height: 30px;
  }

  .connect-dock a {
    height: 47px;
  }
}

.code-card__body .line {
  min-height: 1.94em;
}
.code-card__body .typing-content {
  display: inline;
}
.code-card__body.is-typing .typing-content {
  visibility: visible;
}
.code-card__body .line--typing::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 16px;
  margin-left: 5px;
  vertical-align: -3px;
  background: var(--orange);
  box-shadow: 0 0 12px rgba(239, 127, 26, 0.55);
  animation: typingCursorBlink 0.75s steps(1) infinite;
}
.code-card__body.is-typing .caret {
  opacity: 0;
  animation: none;
}
.code-card__body.typing-complete .caret {
  opacity: 1;
  animation: blink 0.8s steps(1) infinite;
}
@keyframes typingCursorBlink {
  0%,
  48% {
    opacity: 1;
  }
  49%,
  100% {
    opacity: 0;
  }
}
@media (max-width: 900px) {
  .code-card__body .line {
    min-height: 1.62em;
  }
  .code-card__body .line--typing::after {
    width: 5px;
    height: 12px;
    margin-left: 3px;
    vertical-align: -2px;
  }
}
@media (max-height: 720px) and (max-width: 900px) {
  .code-card__body .line {
    min-height: 1.48em;
  }
}
@media (prefers-reduced-motion: reduce) {
  .code-card__body .line--typing::after {
    display: none;
  }
}